/* V12 Contact — isolated styles. Reuses site tokens, navbar, footer and motion. */
.contact-root{background:var(--page);color:var(--ink);min-width:0;overflow:hidden}
.contact-root em{font-style:normal;color:var(--gold)}
.ct-hero{position:relative;isolation:isolate;padding:calc(var(--nav-h) + 35px) 0 54px;background:radial-gradient(ellipse at 87% 20%,rgba(193,215,176,.34),transparent 41%),linear-gradient(118deg,var(--page),var(--mint-50));border-bottom:1px solid var(--line)}
.ct-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:url('../patterns/heritage-geometry.svg');background-size:365px;mask-image:linear-gradient(to right,transparent 22%,black 100%);z-index:-1}
html[data-theme=dark] .ct-hero{background:radial-gradient(ellipse at 88% 28%,rgba(52,118,87,.27),transparent 48%),linear-gradient(118deg,#081d17,#13382b)}
html[data-theme=dark] .ct-hero::before{opacity:.12}
.ct-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:34px;min-height:320px}
.ct-crumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:30px}
.ct-crumb a{transition:color .3s}.ct-crumb a:hover{color:var(--gold)}
.ct-eyebrow{color:var(--gold);margin-bottom:10px;letter-spacing:2px}
.ct-hero h1{font:700 clamp(39px,5vw,71px)/1.09 var(--font-serif);letter-spacing:-1.9px;max-width:800px;margin:0 0 19px}
.ct-lead{color:var(--muted);max-width:610px;font-size:clamp(14px,1.4vw,17px);line-height:1.85;margin:0}
.ct-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.ct-hero-pills span{border:1px solid var(--line);border-radius:60px;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:650;background:color-mix(in srgb,var(--surface) 78%,transparent)}
.ct-hero-pills .icon{width:15px;height:15px;color:var(--gold)}
.ct-hero-emblem{display:grid;place-items:center;min-width:0}
.ct-emblem-frame{position:relative;display:grid;place-items:center;width:min(100%,320px);aspect-ratio:1;background:radial-gradient(circle,var(--surface) 5%,transparent 69%);border:1px solid rgba(196,149,65,.25);border-radius:50%;color:var(--gold);box-shadow:0 18px 80px rgba(66,86,57,.06)}
.ct-emblem-frame::before,.ct-emblem-frame::after{position:absolute;inset:16px;content:"";border-radius:50%;border:1px dashed rgba(193,149,62,.30)}
.ct-emblem-frame::after{inset:30px;border-style:solid;border-color:rgba(193,149,62,.16)}
.ct-emblem-frame>svg{width:51%;height:51%;position:relative;z-index:1}
.ct-emblem-frame>span:last-child{font-size:11px;color:var(--muted);position:absolute;bottom:38px;white-space:nowrap;letter-spacing:.3px;font-weight:650}
.ct-star{position:absolute;top:28px;font-size:24px;color:var(--gold)}
.ct-content{padding:clamp(45px,6vw,92px) 0;background:var(--page);position:relative}
.ct-content::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url('../patterns/heritage-geometry.svg');background-size:360px;opacity:.04;mask-image:linear-gradient(to right,black,transparent 34%,transparent 70%,black);z-index:0}
.ct-content-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start;gap:clamp(24px,5vw,72px)}
.ct-connect h2,.ct-form-head h2,.ct-bottom h2{font:700 clamp(28px,3vw,40px)/1.24 var(--font-serif);letter-spacing:-.7px;margin:4px 0 14px}
.ct-connect .eyebrow{color:var(--gold)}
.ct-muted{color:var(--muted);max-width:490px;margin:0 0 23px;line-height:1.8;font-size:14px}
.ct-channel-grid{display:grid;gap:12px}
.ct-channel{display:flex;align-items:center;gap:14px;min-height:100px;padding:15px 17px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 25px rgba(31,65,45,.027);transition:transform .55s var(--ease),border-color .5s,box-shadow .55s;background-clip:padding-box;min-width:0}
a.ct-channel:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow)}
.ct-channel-featured{background:linear-gradient(125deg,color-mix(in srgb,var(--mint-100) 55%,var(--surface)),var(--surface))}
.ct-channel-icon{width:48px;height:48px;min-width:48px;border-radius:15px;display:grid;place-items:center;color:var(--gold);background:var(--surface-2);border:1px solid var(--line)}
.ct-channel-featured .ct-channel-icon{color:#108456}
.ct-channel-icon .icon{width:23px;height:23px}
.ct-channel-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.ct-channel-text small{font-size:9.5px;letter-spacing:1.1px;font-weight:800;color:var(--gold)}
.ct-channel-text strong{font-size:clamp(13px,1.15vw,16px);letter-spacing:-.1px;overflow-wrap:anywhere;line-height:1.4;color:var(--ink)}
.ct-channel-text span{font-size:12px;color:var(--muted);line-height:1.5}
.ct-channel-arrow{color:var(--gold);width:17px;height:17px;transition:transform .5s var(--ease)}
a.ct-channel:hover .ct-channel-arrow{transform:translateX(5px)}
.ct-assurance{display:flex;gap:10px;margin-top:21px;color:var(--muted);font-size:11.5px;line-height:1.7;max-width:540px}
.ct-assurance .icon{width:21px;height:21px;color:var(--gold)}
.ct-form-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3.2vw,38px);box-shadow:0 18px 70px rgba(19,53,42,.065);position:relative;overflow:hidden;min-width:0}
.ct-form-card::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.ct-form-signet{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--mint-100);color:var(--gold);border:1px solid var(--line);margin-bottom:13px}
.ct-form-head .eyebrow{color:var(--gold);font-size:10px}
.ct-form-head h2{font-size:clamp(27px,2.5vw,33px);margin-bottom:7px}
.ct-form-head>p:last-child{color:var(--muted);font-size:13px;margin:0 0 24px}
.ct-form{display:grid;gap:17px}
.ct-fields-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ct-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-weight:650;font-size:12px;color:var(--ink)}
.ct-field>span>b{color:var(--gold)}
.ct-field>input,.ct-field>select,.ct-field>textarea{display:block;width:100%;min-width:0;outline:none;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--page);font:500 13px/1.5 var(--font-body);color:var(--ink);box-shadow:0 2px 2px rgba(0,0,0,.015);transition:box-shadow .45s var(--ease),border-color .4s,background-color .4s}
.ct-field>input:focus,.ct-field>select:focus,.ct-field>textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 15%,transparent);background:var(--surface)}
.ct-field>input[aria-invalid=true],.ct-field>textarea[aria-invalid=true],.ct-field>select[aria-invalid=true]{border-color:#ca6c51}
.ct-field>textarea{resize:vertical;min-height:126px;max-height:340px}
.ct-field>select{appearance:auto;cursor:pointer}
.ct-field>small{font-size:10.5px;font-weight:450;color:var(--muted)}
.ct-field>input::placeholder,.ct-field>textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.ct-one-method{margin:-7px 0 0;font-size:11px;color:var(--muted)}
.ct-consent{display:flex;gap:10px;align-items:flex-start;font-size:11.5px;line-height:1.6;color:var(--muted);cursor:pointer}
.ct-consent input{accent-color:var(--forest-2);width:17px;height:17px;flex:none;margin-top:2px}
.ct-submit{border:none;justify-content:center;min-height:48px;width:100%;font-weight:800}
.ct-submit .icon{width:19px;height:19px}
.ct-form-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:10.5px;line-height:1.6;margin:-5px 0 0}
.ct-form-note .icon{width:15px;height:15px;color:var(--gold)}
.ct-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.ct-alert{display:flex;gap:13px;padding:15px 16px;border-radius:13px;margin:0 0 18px;border:1px solid var(--line);background:var(--mint-50);font-size:12.5px;color:var(--ink);align-items:flex-start}
.ct-alert .icon{color:#2b8462;flex:none;margin-top:2px}
.ct-alert strong{display:block;font-size:14px}.ct-alert p{margin:4px 0}.ct-alert b{color:var(--forest-2);font-family:monospace;font-size:13px;word-break:break-word}
.ct-error{background:color-mix(in srgb,#b75b41 10%,var(--surface));border-color:color-mix(in srgb,#b75b41 35%,var(--line))}
.ct-error .icon{color:#be654c}
.ct-bottom{background:linear-gradient(120deg,#0a2c23,#1a4e3b);padding:34px 0;color:#f5ebd3;position:relative;overflow:hidden}
.ct-bottom::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background:url('../patterns/heritage-geometry.svg') center/360px}
.ct-bottom-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:23px}
.ct-bottom h2{font-size:clamp(23px,2.5vw,32px);margin:4px 0 5px;color:#fff4d9}
.ct-bottom p{margin:0;color:#d8e0d2;font-size:12.5px;max-width:640px}
.ct-bottom .eyebrow{font-size:9px;color:#f1ce80;letter-spacing:1.7px}
.ct-bottom-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ct-bottom-actions .btn{white-space:nowrap;font-size:11px;min-height:43px}
.ct-bottom-actions .btn-outline{color:#fff7df;border-color:#e3c878}
html[data-theme=dark] .ct-channel-featured{background:linear-gradient(125deg,#174437,var(--surface))}
html[data-theme=dark] .ct-form-card{box-shadow:0 18px 65px rgba(0,0,0,.2)}
html[data-theme=dark] .ct-alert b{color:#d9b361}
.contact-root[dir=rtl] .ct-eyebrow,.contact-root[dir=rtl] .ct-form-head .eyebrow,.contact-root[dir=rtl] .ct-channel-text small{letter-spacing:0}
.contact-root[dir=rtl] .ct-hero h1,.contact-root[dir=rtl] h2{font-family:'Noto Nastaliq Urdu',serif;line-height:1.7;letter-spacing:0}
.contact-root[dir=rtl] .ct-hero h1{font-size:clamp(25px,3vw,39px)}
.contact-root[dir=rtl] .ct-channel-arrow{transform:rotate(180deg)}
.contact-root[dir=rtl] .ct-channel:hover .ct-channel-arrow{transform:rotate(180deg) translateX(5px)}
.contact-root[dir=rtl] .ct-field,.contact-root[dir=rtl] .ct-lead,.contact-root[dir=rtl] .ct-muted{line-height:2.2}
.contact-root[dir=rtl] .ct-field input[type=email],.contact-root[dir=rtl] .ct-field input[type=tel]{direction:ltr;text-align:left}
@media(max-width:1080px){.ct-hero-grid{grid-template-columns:minmax(0,1fr) 250px}.ct-content-grid{gap:26px}.ct-channel{padding:14px 12px}.ct-channel-icon{width:40px;height:40px;min-width:40px}.ct-channel-text strong{font-size:12px}}
@media(max-width:760px){.ct-hero{padding:calc(var(--nav-h) + 14px) 0 35px}.ct-hero-grid{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.ct-hero-emblem{position:absolute;right:-73px;top:56px;opacity:.20;pointer-events:none}.ct-emblem-frame{width:270px}.ct-emblem-frame>span:last-child{display:none}.ct-hero-copy{z-index:1}.ct-crumb{margin-bottom:21px}.ct-hero h1{font-size:clamp(31px,8vw,47px);letter-spacing:-.8px;margin-bottom:12px;max-width:480px}.ct-lead{font-size:13px;line-height:1.73}.ct-hero-pills{gap:7px;margin-top:18px}.ct-hero-pills span{font-size:10.5px;padding:7px 9px}.ct-content-grid{grid-template-columns:1fr;gap:30px}.ct-content{padding:38px 0 52px}.ct-connect h2{font-size:clamp(24px,6vw,30px)}.ct-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ct-channel{min-height:118px;align-items:flex-start;flex-wrap:wrap;gap:7px;padding:12px}.ct-channel-icon{width:34px;height:34px;min-width:34px;border-radius:11px}.ct-channel-icon .icon{width:18px;height:18px}.ct-channel-text{flex-basis:calc(100% - 44px)}.ct-channel-text strong{font-size:11px}.ct-channel-text small{font-size:8px}.ct-channel-text>span{font-size:10px}.ct-channel-arrow{display:none}.ct-form-card{border-radius:18px;padding:21px}.ct-bottom-inner{align-items:flex-start;flex-direction:column}.ct-bottom-actions .btn{font-size:11px}}
@media(max-width:375px){.ct-channel-grid{grid-template-columns:1fr}.ct-channel{min-height:75px;align-items:center}.ct-channel-text{flex-basis:auto}.ct-form-card{padding:17px}.ct-fields-2{gap:10px}}
@media(max-width:550px){.ct-fields-2{grid-template-columns:1fr}.ct-hero-emblem{opacity:.12}.ct-bottom-actions{width:100%}.ct-bottom-actions .btn{flex:1;justify-content:center}.ct-channel-text strong{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.ct-channel,.ct-channel-arrow,.ct-field>input,.ct-field>select,.ct-field>textarea{transition:none!important}}
@media(max-width:760px){.contact-root[dir=rtl] .ct-hero-emblem{right:auto;left:-118px;top:70px;opacity:.08}}