@font-face{font-family:Vz;font-weight:300;font-display:swap;src:url(/fonts/vazirmatn-arabic-300-normal.woff2) format('woff2')}
@font-face{font-family:Vz;font-weight:400;font-display:swap;src:url(/fonts/vazirmatn-arabic-400-normal.woff2) format('woff2')}
@font-face{font-family:Vz;font-weight:500;font-display:swap;src:url(/fonts/vazirmatn-arabic-500-normal.woff2) format('woff2')}
@font-face{font-family:Vz;font-weight:600;font-display:swap;src:url(/fonts/vazirmatn-arabic-600-normal.woff2) format('woff2')}
@font-face{font-family:Vz;font-weight:800;font-display:swap;src:url(/fonts/vazirmatn-arabic-800-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:300;font-display:swap;src:url(/fonts/inter-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:CG;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/cormorant-garamond-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:CG;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:CG;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:CG;font-weight:300;font-style:italic;font-display:swap;src:url(/fonts/cormorant-garamond-latin-300-italic.woff2) format('woff2')}
@font-face{font-family:CG;font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2')}

:root{--gx:max(64px,calc((100vw - 1152px)/2));--navy:#233746;--ink:#16232d;--mist:#EEF2F5;--mist2:#E3EAEF;--line:#D7E0E7;--muted:#5B7385;--teal:#3EC1D3;--ch:#B79F72}
*{box-sizing:border-box;margin:0;padding:0}
body{width:100%;font-family:Vz,Inter,sans-serif;color:var(--navy);background:#fff;line-height:1.85;font-weight:400}
.nav{background:var(--navy);color:#fff;height:88px;padding-inline:var(--gx);display:flex;align-items:center;justify-content:space-between;position:relative}
.nav:after{content:"";position:absolute;inset:auto var(--gx) 0;height:1px;background:linear-gradient(90deg,transparent,rgba(183,159,114,.55),transparent)}
.nav img{height:54px} .menu{display:flex;gap:34px;font-size:15px;font-weight:300} .menu .a{font-weight:500;position:relative} .menu .a:after{content:"";position:absolute;inset:auto 0 -8px;height:1.5px;background:var(--teal)}
.nb{display:flex;gap:12px;font-size:13.5px;align-items:center} .nb .w{background:#fff;color:var(--navy);padding:9px 22px;font-weight:600} .nb .l{padding:8px 4px;color:#B8C6D1;font-weight:300;letter-spacing:.5px}
.hero{background:radial-gradient(900px 520px at 78% 60%,#F7FAFC 0,#EEF2F5 55%,#E5ECF1 100%);height:820px;padding-inline:var(--gx);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.ghost{position:absolute;left:-30px;bottom:-70px;font-family:CG;font-weight:300;font-style:italic;font-size:300px;line-height:1;color:var(--navy);opacity:.045;letter-spacing:-4px;white-space:nowrap;pointer-events:none}
.ht{width:560px;z-index:2} .eyebrow{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:2px;color:var(--muted);margin-bottom:22px} .eyebrow:before{content:"";width:44px;height:1px;background:var(--ch)}
h1{font-size:58px;line-height:1.45;font-weight:800;letter-spacing:-.5px} h1 span{font-weight:300;display:block}
.sub{font-size:17.5px;color:#4A5F6F;margin:20px 0 32px;max-width:480px;font-weight:300;line-height:2}
.sel{display:flex;align-items:center;gap:8px;margin-bottom:34px} .sel small{font-size:12px;color:var(--muted);margin-inline-end:10px;letter-spacing:1px} .sel span{padding:7px 20px;font-size:14.5px;border:1px solid #C3D0D9;background:rgba(255,255,255,.7)} .sel .on{background:var(--navy);color:#fff;border-color:var(--navy)}
.rec{font-size:13.5px;color:var(--muted);margin:-14px 0 30px;font-weight:300} .rec b{font-family:CG;font-size:17px;letter-spacing:1.5px;color:var(--navy);font-weight:500;margin-inline-start:6px}
.lb{position:absolute;z-index:4;font-size:12px;background:rgba(255,255,255,.88);padding:2px 12px;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 18px -10px rgba(35,55,70,.5);white-space:nowrap}
.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 34px;font-size:15px;font-weight:500;background:var(--navy);color:#fff;margin-inline-end:12px;box-shadow:0 14px 28px -14px rgba(35,55,70,.7)} .btn:after{content:"←";font-size:17px} .btn.o{background:none;color:var(--navy);border:1px solid var(--navy);box-shadow:none}
.trust{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--line);padding-top:20px} .trust div{padding:0 26px;border-inline-end:1px solid var(--line);font-size:13.5px;color:#4A5F6F;font-weight:300} .trust div:first-child{padding-inline-start:0} .trust div:last-child{border:0} .trust b{display:block;font-weight:600;color:var(--navy);font-size:15px}
.arch{position:relative;width:540px;height:740px;align-self:flex-end;z-index:2}
.arch .bg{position:absolute;inset:150px 24px 0 24px;background:linear-gradient(180deg,#D3DFE8,#C3D3DF);border-radius:260px 260px 0 0}
.arch .ring{position:absolute;inset:120px 0 0 0;border:1px solid #AFC2CF;border-radius:280px 280px 0 0}
.arch .ring2{position:absolute;inset:96px -24px 0 -24px;border:1px solid rgba(183,159,114,.55);border-radius:300px 300px 0 0}
.arch img{position:absolute;bottom:0;left:-60px;width:680px;filter:drop-shadow(0 30px 40px rgba(35,55,70,.18))}
.dot.act{background:var(--navy)}
.dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--teal);border:2px solid #fff;z-index:3;box-shadow:0 0 0 7px rgba(62,193,211,.22)}
.tag{position:absolute;z-index:4;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);padding:12px 18px;box-shadow:0 20px 40px -20px rgba(35,55,70,.45);font-size:13px;line-height:1.6} .tag b{display:block;font-size:15px} .tag small{font-family:CG;font-size:15px;letter-spacing:3px;color:var(--ch);font-weight:500}
.intro{text-align:center;padding:84px 0 56px} .intro img{height:96px;margin-bottom:22px} .intro p{max-width:720px;margin:0 auto;font-size:17px;color:#4A5F6F;font-weight:300;line-height:2.1}
.fts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--gx);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ft{text-align:center;padding:40px 18px;border-inline-end:1px solid var(--line)} .ft:last-child{border:0} .ft h4{font-size:16.5px;font-weight:600;margin:14px 0 4px} .ft p{font-size:13px;color:var(--muted);font-weight:300;line-height:1.9}
.ic{width:56px;height:56px;border:1px solid var(--navy);border-radius:50%;margin:0 auto;display:grid;place-items:center} .ic svg{width:26px;height:26px}
.sec{padding:96px var(--gx) 0} .st{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px} .st small{display:block;font-family:CG;font-size:15px;letter-spacing:5px;color:var(--ch);font-weight:500;text-transform:uppercase;text-align:start} .st h2{font-size:34px;font-weight:300;line-height:1.5} .st h2 b{font-weight:800} .st a{font-size:14px;color:var(--navy);border-bottom:1px solid var(--teal);padding-bottom:3px}
.pcs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pc{display:block;background:var(--mist);padding:20px 22px 26px;text-align:center;position:relative;transition:.3s}
.pn_{position:absolute;top:18px;inset-inline-end:20px;font-size:13px;color:var(--ch);font-weight:500;z-index:2}
.pk{height:210px;position:relative;margin:0 -22px 18px;background:linear-gradient(180deg,#F6F9FB,#E1E9EF)}
.pkbox{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:70px;height:150px;border-radius:3px;background:linear-gradient(100deg,#34505F,#1B2D39 60%,#223a49);box-shadow:inset 0 0 0 1px rgba(183,159,114,.55),0 14px 20px -10px rgba(22,35,45,.6);display:flex;flex-direction:column;align-items:center;padding-top:16px;font-style:normal;color:#fff;overflow:hidden}
.pkbox b{font-family:CG;font-weight:400;font-size:7px;letter-spacing:2px;color:var(--ch)} .pkbox em{font-style:normal;font-family:CG;font-weight:500;font-size:11px;letter-spacing:1.5px;writing-mode:vertical-rl;margin-top:14px;text-align:center;max-height:100px;overflow:hidden} .pkbox s{position:absolute;bottom:0;inset-inline:0;height:5px;background:var(--c)}
.pksh{position:absolute;left:50%;bottom:16px;width:96px;height:10px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(22,35,45,.28),transparent);}
.pe{font-family:CG;font-weight:400;font-size:27px;letter-spacing:2px;line-height:1.2;color:var(--navy)} .pn{font-size:14px;font-weight:600;margin:4px 0 8px;color:var(--muted)} .pc p{font-size:13px;color:#4A5F6F;font-weight:300;min-height:46px;line-height:1.9} .more{display:inline-block;margin-top:12px;font-size:13px;border-bottom:1px solid var(--teal);padding-bottom:2px}
.zw{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.zr{display:grid;grid-template-columns:44px 1fr auto 24px;align-items:center;gap:14px;padding:19px 18px;border-bottom:1px solid var(--line);font-size:17px} .zr .zn{color:var(--ch);font-size:13px;font-weight:500} .zr .zp{font-family:CG;font-size:15px;letter-spacing:1.5px;color:var(--muted);direction:ltr;font-weight:500} .zr .za{color:var(--teal)}
.zr.on{background:var(--navy);color:#fff;border-color:var(--navy)} .zr.on .zp{color:#BFD0DA} .zr.on .zn{color:var(--ch)}
.zf{position:relative;height:560px;background:linear-gradient(180deg,#E4ECF1,#D2DFE8);border-radius:280px 280px 0 0;overflow:hidden} .zf .fa{position:absolute;inset:40px 0 0;margin:auto;width:400px;height:520px} .zf{background:linear-gradient(180deg,#F6F9FB,#E1E9EF) !important;border:1px solid var(--line)}
.zf .dot{width:12px;height:12px} .zf .dot.act{background:var(--navy);box-shadow:0 0 0 9px rgba(35,55,70,.18)}
.sci{background:var(--ink);color:#fff;margin-top:110px;padding:84px var(--gx);display:grid;grid-template-columns:repeat(3,1fr);text-align:center;position:relative}
.sci:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 50% 0,rgba(62,193,211,.10),transparent)}
.sci div{position:relative;border-inline-end:1px solid rgba(255,255,255,.12);padding:6px} .sci div:last-child{border:0} .sci b{display:block;font-family:CG;font-weight:300;font-size:92px;line-height:1.1;color:#fff} .sci b i{color:var(--ch);font-style:normal} .sci span{font-size:15px;color:#9FB2BF;font-weight:300}
.evs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .evi{height:176px;margin-bottom:16px;position:relative} .evi span{position:absolute;top:14px;inset-inline-end:14px;background:#fff;padding:2px 14px;font-size:12px;font-weight:600}
.g0{background:linear-gradient(135deg,#2F4A5E,#16232d)} .g1{background:linear-gradient(135deg,#B9CBD7,#6F8CA0)} .g2{background:linear-gradient(135deg,#DDD1BB,#A68E62)}
.evt{font-size:16px;font-weight:500;line-height:1.9;min-height:62px} .evm{font-size:13px;color:var(--muted);margin-top:6px}
.doc{background:var(--navy);color:#fff;margin-top:110px;padding:84px var(--gx);display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;overflow:hidden}
.doc:before{content:"";position:absolute;left:-120px;top:-120px;width:420px;height:420px;border:1px solid rgba(183,159,114,.4);border-radius:50%} .doc:after{content:"";position:absolute;left:-60px;top:-60px;width:300px;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.doc small{font-family:CG;font-size:15px;letter-spacing:5px;color:var(--ch);font-weight:500} .doc h3{font-size:38px;font-weight:300;line-height:1.6;margin:6px 0 14px} .doc h3 b{font-weight:800} .doc p{color:#B8C6D1;font-weight:300;max-width:520px}
.dc{display:grid;gap:14px;position:relative;z-index:2} .dc a{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border:1px solid rgba(255,255,255,.22);font-size:17px;font-weight:500;backdrop-filter:blur(6px)} .dc a.p{background:#fff;color:var(--navy);border-color:#fff} .dc a span{font-size:12px;opacity:.65;font-weight:300}
.fqs{max-width:900px;margin:0 auto;border-top:1px solid var(--line)} .fq{display:flex;justify-content:space-between;align-items:center;padding:26px 6px;border-bottom:1px solid var(--line);font-size:18px} .fq i{font-style:normal;font-size:26px;color:var(--ch);font-weight:300}
.foot{margin-top:100px;background:var(--mist);padding:52px var(--gx) 28px} .fr{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4A5F6F} .fr img{height:54px}
.fb{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)} .fb .kmt-credit{color:var(--navy)}
.kmt-credit{--kc-a:#00c2cf;--kc-b:#3b5bdb;--kc-c:#7048e8;display:inline-flex;align-items:center;gap:14px;padding-block:7px;padding-inline:9px 18px;border-radius:999px;font-family:inherit;color:inherit;line-height:1.25;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid color-mix(in srgb,currentColor 14%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent),0 8px 22px -12px rgba(10,20,40,.45);transition:border-color .3s,background .3s}
.kmt-credit:hover{border-color:color-mix(in srgb,var(--kc-b) 55%,transparent);background:color-mix(in srgb,currentColor 7%,transparent)}
.kmt-credit a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;border-radius:999px;outline-offset:3px}
.kmt-credit a:focus-visible{outline:2px solid var(--kc-a)}
.kc-mark{width:30px;height:30px;flex:none;filter:drop-shadow(0 4px 10px rgba(59,91,219,.40));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.kc-engine:hover .kc-mark{transform:rotate(-7deg) scale(1.08)}
.kc-txt{display:flex;flex-direction:column;gap:2px}
.kc-txt small{font-size:10.5px;font-weight:400;letter-spacing:.02em;opacity:.62}
.kc-txt b{font-size:13px;font-weight:700;letter-spacing:.01em}
.kc-word{font-weight:500;background:linear-gradient(90deg,var(--kc-a),var(--kc-c));-webkit-background-clip:text;background-clip:text;color:transparent}
.kc-sep{width:1px;height:28px;flex:none;background:linear-gradient(transparent,color-mix(in srgb,currentColor 32%,transparent),transparent)}
.kc-maker b{position:relative;padding-bottom:1px}
.kc-maker b::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:1.5px;background:linear-gradient(90deg,var(--kc-a),var(--kc-c));transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.kc-maker:hover b::after{transform:scaleX(1)}
@media (max-width:520px){.kmt-credit{flex-wrap:wrap;justify-content:center;border-radius:22px;padding-inline:14px}}
@media (prefers-reduced-motion:reduce){.kmt-credit *,.kmt-credit{transition:none!important}}
.burger{display:none}
@media(max-width:760px){
.nav{height:68px;padding:0 20px} .nav img{height:42px} .menu,.nb .w{display:none} .burger{display:block;width:26px;height:14px;border-top:1.5px solid #fff;border-bottom:1.5px solid #fff;position:relative;margin-inline-start:16px} .burger:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px solid #fff} .nb{display:flex;align-items:center} .nav:after{inset:auto 20px 0}
.hero{flex-direction:column;height:auto;padding:44px 20px 0;align-items:stretch;gap:12px} .ht{width:100%} h1{font-size:38px} .sub{font-size:15.5px;margin:14px 0 22px} .sel{flex-wrap:wrap;margin-bottom:18px} .sel small{width:100%;margin:0 0 4px} .rec{margin:-4px 0 22px}
.btn{display:flex;justify-content:space-between;margin:0 0 12px;padding:15px 22px} .trust{margin-top:26px} .trust div{padding:0 14px;font-size:12px} .trust b{font-size:13px}
.arch{zoom:.62;align-self:center;margin-top:10px;margin-inline:auto} .ghost{font-size:150px;bottom:-30px}
.intro{padding:56px 20px 36px} .intro img{height:76px} .intro p{font-size:15px}
.fts{grid-template-columns:1fr 1fr;margin:0 20px} .ft{padding:26px 10px;border-bottom:1px solid var(--line)} .ft:nth-child(2n){border-inline-end:0} .ft:nth-last-child(-n+2){border-bottom:0}
.sec{padding:64px 20px 0} .st{flex-direction:column;align-items:flex-start;gap:14px} .st h2{font-size:27px}
.pcs{grid-template-columns:1fr 1fr;gap:12px} .pc{padding:16px 12px 20px} .pk{height:170px;margin:0 -12px 14px} .pkbox{top:24px;width:56px;height:122px} .pkbox b{font-size:5px;letter-spacing:1px} .pe{font-size:20px} .pc p{font-size:12px;min-height:60px}
.sci{margin-top:72px;padding:48px 12px} .sci b{font-size:48px} .sci span{font-size:12px}
.evs{grid-template-columns:1fr 1fr;gap:14px} .evi{height:120px} .evt{font-size:13.5px;min-height:76px}
.doc{grid-template-columns:1fr;padding:56px 20px;margin-top:72px;gap:32px} .doc h3{font-size:28px}
.fq{font-size:15px;padding:20px 2px} .foot{margin-top:64px;padding:36px 20px 24px} .fr{flex-direction:column;align-items:flex-start;gap:18px} .fb{flex-direction:column;gap:16px;align-items:flex-start}
}

/* --- Laravel port additions --- */
a{color:inherit;text-decoration:none}
.zbtn{font:inherit;cursor:pointer;padding:7px 20px;font-size:14.5px;border:1px solid #C3D0D9;background:rgba(255,255,255,.7);color:inherit}
.zbtn.on{background:var(--navy);color:#fff;border-color:var(--navy)}
button.dot{cursor:pointer;padding:0}
.zbtn:focus-visible,button.dot:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.fq{cursor:pointer}.fq summary{display:flex;justify-content:space-between;align-items:center;list-style:none;width:100%}.fq summary::-webkit-details-marker{display:none}.fq p{margin:14px 0 0;color:var(--muted);line-height:1.9}
.nb .l{display:inline-block}.menu a.a{opacity:1}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:640px){:root{--gx:20px}}
html[lang=fa] .sci b,html[lang=fa] .pn_{font-family:Vz,Inter,sans-serif;font-weight:300}
.fr .ct{opacity:.8;font-size:13px;line-height:1.9}
.arch img{height:auto}
.zbtn{white-space:nowrap}

/* English typography (from approved home-en design) */
html[lang=en] body{font-family:Inter,Vz,sans-serif}
html[lang=en] h1{font-family:CG,serif;font-weight:500;font-size:68px;line-height:1.1;letter-spacing:-.5px}
html[lang=en] h1 span{font-weight:300;font-style:italic;margin-top:6px}
html[lang=en] .st h2,html[lang=en] .doc h3{font-family:CG,serif;font-weight:400;font-size:44px;line-height:1.15}
html[lang=en] .st h2 b,html[lang=en] .doc h3 b{font-weight:500;font-style:italic}
html[lang=en] .sci b{font-size:96px}
html[lang=en] .fq{font-size:17px;font-family:Inter}
html[lang=en] .pn{display:none}
html[lang=en] .evt{font-weight:500}
html[lang=en] .sub,html[lang=en] .intro p,html[lang=en] .ft p,html[lang=en] .pc p,html[lang=en] .doc p{font-weight:400;line-height:1.75}
html[lang=en] .sel span,html[lang=en] .zbtn,html[lang=en] .btn,html[lang=en] .trust div,html[lang=en] .rec{letter-spacing:.2px}
html[lang=en] .sel small{letter-spacing:2px}
html[lang=en] .nav .menu{font-weight:400;letter-spacing:.2px}
@media(max-width:760px){html[lang=en] h1{font-size:44px}html[lang=en] .st h2,html[lang=en] .doc h3{font-size:32px}html[lang=en] .sci b{font-size:52px}}

/* ================= header / mobile menu ================= */
.nav{position:sticky;top:0;z-index:50}
.burger{background:none;border:0;padding:0;cursor:pointer}
.menu .mw{display:none}
@media(max-width:1000px){
  .nav{height:68px;padding:0 20px}.nav img{height:42px}
  .nb .w{display:none}
  .burger{display:block;width:28px;height:18px;position:relative;margin-inline-start:16px;border:0}
  .burger span,.burger:before,.burger:after{content:"";position:absolute;inset-inline:0;height:1.5px;background:#fff;transition:.2s}
  .burger:before{top:0}.burger span{top:8px}.burger:after{bottom:0;top:auto}
  .burger[aria-expanded=true] span{opacity:0}.burger[aria-expanded=true]:before{top:8px;transform:rotate(45deg)}.burger[aria-expanded=true]:after{bottom:8.5px;transform:rotate(-45deg)}
  .menu{display:none;position:fixed;top:68px;inset-inline:0;bottom:0;background:var(--navy);flex-direction:column;gap:0;padding:12px 20px 40px;overflow:auto;font-size:17px}
  .menu.open{display:flex}
  .menu a{padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}
  .menu .a:after{display:none}.menu .a{color:var(--teal)}
  .menu .mw{display:block;margin-top:20px;background:#fff;color:var(--navy);text-align:center;font-weight:600;border:0}
  body.menu-open{overflow:hidden}
}

/* ================= hero product map ================= */
.psel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.psel small{width:100%;font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:2px}
.pbtn{font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14.5px;border:1px solid #C3D0D9;background:rgba(255,255,255,.75);color:var(--navy);transition:.2s}
.pbtn i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.pbtn:hover{border-color:var(--c,var(--navy))}
.pbtn.on{background:var(--c,var(--navy));border-color:var(--c,var(--navy));color:#fff}.pbtn.on i{background:#fff}
.pinfo{min-height:52px;font-size:14px;color:#4A5F6F;line-height:1.9;margin-bottom:26px;max-width:520px}
.pinfo b{font-weight:700}.pinfo small{display:block;font-size:13px;color:var(--muted)}.pinfo a{color:var(--navy);border-bottom:1px solid var(--teal);margin-inline-start:6px;white-space:nowrap}
.arch .dot{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--ring);border:0;padding:0;z-index:3;cursor:pointer;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 4px 10px rgba(35,55,70,.25);transition:transform .2s,opacity .2s}
.arch .dot:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}
.arch .dot:hover,.arch .dot:focus-visible,.arch .dot.pin{transform:scale(1.35);z-index:5}
.arch.filtered .dot.dim{opacity:.18;transform:scale(.8)}
.arch .dot.hit{transform:scale(1.1);box-shadow:0 0 0 3px #fff,0 0 0 7px color-mix(in srgb,var(--pc) 28%,transparent)}
.arch.filtered .dot.dim:hover,.arch.filtered .dot.dim:focus-visible{opacity:1}
.arch .dot.hit:after{background:var(--pc)}
.dot .tip{position:absolute;top:50%;inset-inline-start:calc(100% + 10px);transform:translateY(-50%);white-space:nowrap;background:var(--navy);color:#fff;font:500 13px/1.6 Vz,Inter,sans-serif;padding:4px 12px;box-shadow:0 6px 16px -6px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.15s}
html[dir=rtl] .dot .tip{inset-inline-start:auto;left:calc(100% + 10px)}
html[dir=rtl] .dot .tip.l,html[dir=ltr] .dot .tip.l{left:auto;right:calc(100% + 10px)}
.dot:hover .tip,.dot:focus-visible .tip,.dot.pin .tip{opacity:1}
.lb{display:none}
@media(max-width:760px){
  .hero{display:flex;flex-direction:column}
  .ht{display:contents}
  .hero .eyebrow{order:1}.hero h1{order:2}.hero .sub{order:3}.hero .arch{order:4}.hero .psel{order:5;margin-top:18px}.hero .pinfo{order:6}.hero .btn{order:7}.hero .trust{order:8;margin-bottom:30px}
  .arch .dot{width:20px;height:20px;margin:-10px 0 0 -10px}
}

/* ================= shared inner layout ================= */
.wrap{padding:64px var(--gx) 0}
.wrap.narrow{max-width:900px;margin-inline:auto;padding-inline:20px}
.center{text-align:center;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:40px}
.center .btn{margin:0}.inline{display:inline}
.empty{color:var(--muted);padding:40px 0;text-align:center}
.phead{background:linear-gradient(180deg,var(--mist) 0,#F6F8FA 100%);padding:40px var(--gx) 56px;border-bottom:1px solid var(--line)}
.phead small{display:block;color:var(--ch);letter-spacing:3px;font-size:12px;margin:22px 0 10px;text-transform:uppercase}
.phead h1{font-size:42px;line-height:1.35;font-weight:800;max-width:900px}
.phead p{color:var(--muted);max-width:720px;margin-top:14px;font-size:16px;line-height:2}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--navy)}.crumbs b{font-weight:500;color:var(--navy)}
.pmeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pmeta span{background:#fff;border:1px solid var(--line);padding:4px 14px;font-size:13px;color:#4A5F6F}
html[lang=en] .phead h1{font-family:CG;font-weight:500;font-size:48px;letter-spacing:.3px}

/* article + sidebar */
.article{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.side{position:sticky;top:110px;display:grid;gap:20px}
.side-box{background:var(--mist);padding:24px}
.side-box h4{font-size:16px;margin:0 0 14px}
.side-box.cta{background:var(--navy);color:#fff}.side-box.cta p{color:#C9D6DF;font-size:14px;line-height:1.9;margin:0 0 18px}
.side-box.cta .btn{background:#fff;color:var(--navy);margin:0;width:100%;justify-content:space-between;box-shadow:none}
.side-link{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.7}
.side-link:first-of-type{border-top:0}
.side-link img{width:64px;height:48px;object-fit:cover}
.side-link small{display:block;color:var(--muted);font-size:12px}
.side-link .sw{width:12px;height:12px;border-radius:50%;background:var(--c);justify-self:center}
.side-link:hover span{color:var(--teal)}
.faq-cta{margin-top:40px}

/* prose */
.prose{max-width:780px;font-size:16.5px;line-height:2.1;color:#2B3D4A;overflow-wrap:anywhere}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:26px;line-height:1.6;margin:44px 0 14px;color:var(--navy);font-weight:800}
.prose h3{font-size:21px;line-height:1.6;margin:34px 0 10px;color:var(--navy);font-weight:700}
.prose h4{font-size:18px;margin:26px 0 8px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding-inline-start:22px}
.prose li{margin-bottom:6px}.prose ul li::marker{color:var(--c,var(--teal))}
.prose img{max-width:100%;height:auto;display:block;margin:28px auto}
.prose a{color:var(--navy);border-bottom:1px solid var(--teal)}
.prose strong{color:var(--navy)}
.prose .lead-img{margin-top:0;width:100%;max-height:460px;object-fit:cover}
.prose blockquote{border-inline-start:3px solid var(--teal);margin:24px 0;padding:4px 20px;color:var(--muted)}
.prose table{border-collapse:collapse;width:100%;margin:20px 0}.prose td,.prose th{border:1px solid var(--line);padding:8px 12px}
.pdesc h3:first-child{display:none}

/* cards (blog / events) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);transition:.25s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(35,55,70,.45)}
.card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--mist2)}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s}
.card:hover .card-img img{transform:scale(1.04)}
.card-img span{position:absolute;top:14px;inset-inline-start:14px;background:#fff;color:var(--navy);font-size:12px;font-weight:600;padding:3px 12px;z-index:2}
.card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-body time{font-size:12.5px;color:var(--ch)}
.card-body h3{font-size:17px;line-height:1.8;font-weight:700;color:var(--navy);margin:0}
.card-body p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}
.card-body .more{margin-top:auto;font-size:13.5px;color:var(--navy);border-bottom:1px solid var(--teal);align-self:flex-start;padding-bottom:2px}

/* pagination */
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:48px 0 0}
.pg{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:14px}
.pg:hover{border-color:var(--navy)}.pg.on{background:var(--navy);border-color:var(--navy);color:#fff}.pg.dis{color:#A9B7C1;pointer-events:none}

/* forms */
.filters{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:32px;background:var(--mist);padding:20px 22px}
.filters label,.cform label,.authcard label{display:grid;gap:8px;font-size:14px;color:#4A5F6F;font-weight:500}
.fmeta{margin-inline-start:auto;font-size:14px;color:var(--muted);align-self:center}.fmeta a{color:var(--navy);border-bottom:1px solid var(--teal)}
select,.cform input,.cform textarea,.authcard input[type=text],.authcard input[type=password]{font:inherit;font-size:15px;padding:12px 14px;border:1px solid #C3D0D9;background:#fff;color:var(--navy);min-width:220px;width:100%;border-radius:0;transition:border-color .15s,box-shadow .15s}
select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235B7385' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat;background-position:left 14px center;padding-inline-end:38px}
html[dir=ltr] select{background-position:right 14px center}
select:focus,.cform input:focus,.cform textarea:focus,.authcard input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(62,193,211,.18)}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cform .full{grid-column:1/-1}.cform .btn{margin:0}
.req{color:#b3261e;font-style:normal;margin-inline-start:3px}
.err{color:#b3261e;font-style:normal;font-size:13px;font-weight:400}.err.box{background:#FCEDEC;border:1px solid #F3C4C0;padding:10px 14px}
.okmsg{background:#E7F6F8;border:1px solid var(--teal);padding:14px 18px;margin-bottom:20px}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}

/* contact */
.contact{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:start}
.contact .info p{margin:0 0 18px;font-size:15px;line-height:1.9}.contact .info b{display:block;font-size:12.5px;color:var(--muted);font-weight:500}
.contact .info a{color:var(--navy);border-bottom:1px solid var(--teal)}
.formbox h2{font-size:24px;margin:0 0 22px}

/* login */
.authwrap{min-height:calc(100vh - 88px - 260px);display:grid;place-items:center;padding:70px 20px;background:linear-gradient(180deg,var(--mist),#fff)}
.authcard{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);padding:40px 36px;display:grid;gap:18px;box-shadow:0 30px 60px -40px rgba(35,55,70,.45)}
.authcard img{justify-self:center}.authcard h1{font-size:24px;text-align:center;margin:6px 0 0}.authcard>p{text-align:center;color:var(--muted);margin:-8px 0 6px;font-size:14px}
.authcard .chk{display:flex;align-items:center;gap:8px;font-weight:400}.authcard .chk input{width:auto;min-width:0}
.authcard .btn{width:100%;justify-content:center;margin:4px 0 0}
.authcard .back{text-align:center;font-size:13.5px;color:var(--muted)}

/* doctors */
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dcard{background:#fff;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px}
.dcard h4{margin:0;font-size:17px;color:var(--navy)}
.dcard .dtag{align-self:flex-start;background:var(--mist);color:#4A5F6F;font-size:12px;padding:2px 10px}
.dcard ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:#4A5F6F;line-height:1.8}
.dcard li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}
.dcard svg{width:16px;height:16px;margin-top:4px;fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dcard a{color:var(--navy)}
.dcard .addr{font-size:13.5px}

/* about */
.about{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:center;padding-bottom:64px}
.about-img{width:100%;background:linear-gradient(180deg,#D3DFE8,#C3D3DF);border-radius:220px 220px 0 0}

/* products */
.guide-cta{margin-top:48px;background:var(--mist);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.guide-cta p{margin:0;font-size:17px;font-weight:600}.guide-cta .btn{margin:0}
.pc{border-top:3px solid var(--c,transparent)}.pc .more{border-bottom-color:var(--c,currentColor)}
.pk{overflow:hidden}.pk img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.evi{overflow:hidden}.evi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.evi span{z-index:2}
.pd{padding-bottom:64px}
.pd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;margin-top:28px}
.pd-img{position:relative;aspect-ratio:1/1;background:#fff;border-top:4px solid var(--c);display:grid;place-items:center;overflow:hidden}
.pd-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pd-img .pkbox{position:relative;top:auto;width:120px;height:260px}
.pd-info small{display:block;color:var(--c);letter-spacing:4px;font-size:12px;font-weight:600}
.pd-info h1{font-size:46px;margin:6px 0 0;line-height:1.3}.pd-info h1 span{display:block;font-family:CG;font-weight:500;font-size:26px;letter-spacing:3px;color:var(--muted)}
.pd-info .lead{font-size:17px;color:#4A5F6F;margin:14px 0 22px}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 20px}
.specs div{background:#fff;padding:14px 18px}
.specs dt{font-size:12.5px;color:var(--muted);margin-bottom:4px}.specs dd{margin:0;font-weight:600;color:var(--navy);text-align:start}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chip{display:inline-block;border:1px solid #C3D0D9;background:#fff;padding:4px 14px;font-size:13.5px;margin:0}
.acts{display:flex;flex-wrap:wrap;gap:12px}.acts .btn{margin:0}
.bas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}
.ba{position:relative;margin:0;overflow:hidden;aspect-ratio:1/1;background:var(--mist2);--p:50%;user-select:none}
.ba>img,.ba-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.ba-top{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;direction:ltr}
.ba:after{content:"";position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#fff;pointer-events:none}
.ba:before{content:"⟷";position:absolute;top:50%;left:var(--p);width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;z-index:3;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.ba-l,.ba-r{position:absolute;bottom:12px;background:rgba(22,35,45,.7);color:#fff;font-size:12px;padding:2px 10px;pointer-events:none;z-index:2}
.ba-l{right:12px}.ba-r{left:12px}
.pvid{width:100%;max-width:860px;display:block;margin:0 auto;background:#000}
.qts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:22px}
.qt{margin:0;background:#fff;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:14px;position:relative}
.qt:before{content:"”";position:absolute;top:8px;inset-inline-end:20px;font-family:CG;font-size:64px;line-height:1;color:var(--mist2)}
.qt img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.qt blockquote{margin:0;line-height:2;font-size:15px;color:#2B3D4A}
.qt figcaption{font-weight:700;color:var(--navy);font-size:14.5px;margin-top:auto}
.btn.ghost{background:transparent;border:1px solid currentColor}
.btn.sm{padding:10px 18px}
.accentbar{display:none}

@media(max-width:1100px){
  .article,.contact,.about{grid-template-columns:1fr}.side{position:static}
  .cards,.dgrid{grid-template-columns:repeat(2,1fr)}
  .about-img{max-width:360px;margin:auto}
  .pd-grid{grid-template-columns:1fr;gap:28px}.pd-img{max-width:420px;width:100%;margin:auto}
}
@media(max-width:640px){
  .wrap{padding:44px 20px 0}
  .phead{padding:24px 20px 36px}.phead h1{font-size:28px}html[lang=en] .phead h1{font-size:34px}
  .cards,.dgrid{grid-template-columns:1fr;gap:18px}
  .cform{grid-template-columns:1fr}
  .filters{padding:16px}.filters label{width:100%}.fmeta{margin:0}
  select,.cform input,.cform textarea{min-width:0}
  .prose{font-size:16px}.prose h2{font-size:22px}.prose h3{font-size:19px}
  .pd-info h1{font-size:34px}.specs{grid-template-columns:1fr 1fr}
  .authcard{padding:30px 22px}
  .guide-cta{padding:22px}
}
/* FAQ accordion */
.fq{display:block}
.fq summary{gap:20px;cursor:pointer}
.fq summary span{flex:1}
.fq i{transition:transform .2s;flex:none}
.fq[open] i{transform:rotate(45deg)}
.fq[open] summary{color:var(--navy);font-weight:600}
.fq p{font-size:15.5px;max-width:760px}
/* before/after: aligned 4:3 pairs */
.ba{aspect-ratio:4/3}
.bas{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
/* product video */
.vid{margin-top:80px;background:radial-gradient(900px 400px at 80% 50%,#1F3A4D 0,#16232d 70%);color:#fff;padding:80px var(--gx);position:relative;overflow:hidden}
.vid:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--c)}
.vid-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:56px;align-items:center}
.vid-txt small{display:block;color:var(--c);letter-spacing:4px;font-size:12px;font-weight:600;text-transform:uppercase}
.vid-txt h2{font-size:32px;line-height:1.5;margin:10px 0 14px}
.vid-txt p{color:#B8C7D2;line-height:2;margin:0 0 22px}
.vid-meta{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#8FA6B5;letter-spacing:1px}.vid-meta i{width:28px;height:1px;background:var(--c)}
.vid-frame{position:relative;margin:0;aspect-ratio:16/9;background:#0B141B;box-shadow:0 40px 80px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.vid-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0B141B}
.vid-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,20,27,.55));pointer-events:none;transition:.3s}
.vid-play{position:absolute;top:50%;left:50%;width:86px;height:86px;margin:-43px 0 0 -43px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.95);color:var(--navy);display:grid;place-items:center;z-index:2;box-shadow:0 0 0 10px color-mix(in srgb,var(--c) 35%,transparent),0 20px 40px -10px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s}
.vid-play svg{width:30px;height:30px;fill:currentColor;margin-left:4px}
.vid-play:hover{transform:scale(1.06);box-shadow:0 0 0 16px color-mix(in srgb,var(--c) 30%,transparent),0 20px 40px -10px rgba(0,0,0,.6)}
.vid-frame.on .vid-play,.vid-frame.on:after{opacity:0;pointer-events:none}
@media(max-width:900px){.vid{padding:56px 20px}.vid-in{grid-template-columns:1fr;gap:28px}.vid-txt h2{font-size:24px}.vid-play{width:68px;height:68px;margin:-34px 0 0 -34px}}
/* product tabs */
.ptabs{min-width:0}
.ptab-list{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);margin-bottom:28px}
.ptab-list button{font:inherit;font-size:15px;background:none;border:0;border-bottom:3px solid transparent;padding:12px 16px;margin-bottom:-1px;color:var(--muted);cursor:pointer}
.ptab-list button[aria-selected=true]{color:var(--navy);font-weight:700;border-bottom-color:var(--c,var(--teal))}
.ptab-list button:hover{color:var(--navy)}
.ptab-panel{max-width:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mut{color:var(--muted);font-size:14px}
@media(max-width:640px){.ptab-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ptab-list button{white-space:nowrap;padding:10px 12px}}
/* footer */
.foot{background:var(--mist);padding:64px var(--gx) 28px;margin-top:96px;border-top:1px solid var(--line)}
.ftop{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px}
.fbrand p{color:var(--muted);font-size:14px;line-height:2;margin:16px 0 18px;max-width:300px}
.fcol h4{font-size:15px;margin:0 0 14px;color:var(--navy)}
.fcol a{display:block;font-size:14px;color:#4A5F6F;padding:4px 0}.fcol a:hover{color:var(--teal)}
.fcontact p{margin:0 0 14px;font-size:14px;line-height:1.9;color:#4A5F6F}.fcontact b{display:block;font-size:12px;color:var(--muted);font-weight:500}
.fcontact a{display:inline;padding:0}
.social{display:flex;gap:10px}
.social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #C3D0D9;background:#fff;color:var(--navy);transition:.2s}
.social a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.social svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.social svg .f{fill:currentColor;stroke:none}
.fmid{display:flex;align-items:center;gap:18px;margin-top:40px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.fmid img{height:40px;width:auto}
.fb{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.fr,.ct{display:none}
@media(max-width:1000px){.ftop{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.foot{padding:44px 20px 24px;margin-top:64px}.ftop{grid-template-columns:1fr;gap:28px}.fmid{flex-direction:column;align-items:flex-start}}
/* uniform studio packshots (4:5) */
.pk{height:auto;aspect-ratio:4/5}
.pk img{object-fit:cover;mix-blend-mode:normal}
.pd-img{aspect-ratio:4/5;background:#eef1f4}
.pd-img img{object-fit:cover;mix-blend-mode:normal}
.owner{display:flex;align-items:center;gap:28px;flex-wrap:wrap;background:var(--mist);padding:28px 32px;margin:64px var(--gx) 0}
.owner img{height:56px;width:auto}.owner p{margin:0;color:#4A5F6F;max-width:640px;line-height:2}
.about-fts{margin-top:0}
@media(max-width:640px){.owner{margin:44px 20px 0;padding:22px}}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:#fff;color:var(--navy);padding:10px 16px;z-index:100}.skip:focus{top:12px}
html[dir=ltr] .ba-top{clip-path:inset(0 0 0 var(--p))}
html[dir=ltr] .ba-l{right:auto;left:12px}html[dir=ltr] .ba-r{left:auto;right:12px}

/* footer: single separators */
.fb{border-top:0;margin-top:0}
.fmid{border-bottom:0}
/* about image keeps its proportions */
.about-fig{margin:0;position:relative;align-self:center}
.about-fig:before{content:"";position:absolute;inset:12% 6% 0;background:linear-gradient(180deg,#D3DFE8,#C3D3DF);border-radius:220px 220px 0 0;z-index:0}
.about-img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:1100/1056;background:none;border-radius:0;object-fit:contain}
/* contact page */
.ct-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-100px;position:relative;z-index:2}
.ct-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:22px;box-shadow:0 24px 40px -32px rgba(35,55,70,.5);transition:.2s}
.ct-card:hover{transform:translateY(-2px);border-color:var(--teal)}
.ct-card i{flex:none;width:46px;height:46px;display:grid;place-items:center;background:var(--mist);color:var(--navy)}
.ct-card svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ct-card small{display:block;font-size:12.5px;color:var(--muted)}.ct-card b{display:block;font-size:16px;color:var(--navy)}.ct-card em{display:block;font-style:normal;font-size:13px;color:var(--muted)}
.ct-card.hl{background:var(--navy);border-color:var(--navy)}.ct-card.hl i{background:rgba(255,255,255,.1);color:#fff}.ct-card.hl small{color:#9FB4C2}.ct-card.hl b{color:#fff}
.ct-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;margin-top:40px;align-items:stretch}
.ct-form{background:#fff;border:1px solid var(--line);padding:36px}
.ct-form h2{font-size:24px;margin:0 0 6px}.ct-form .mut{margin:0 0 26px}
.deps{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.deps legend{font-size:14px;color:#4A5F6F;font-weight:500;margin-bottom:10px;padding:0}
.dep input{position:absolute;opacity:0;pointer-events:none}
.dep span{display:inline-block;padding:9px 18px;border:1px solid #C3D0D9;font-size:14px;cursor:pointer;transition:.15s;background:#fff}
.dep input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.dep input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.ct-side{display:grid;gap:20px;align-content:start}
.ct-addr{background:var(--mist);padding:30px}.ct-addr small{color:var(--muted);font-size:12.5px}.ct-addr p{font-size:16px;line-height:2;margin:6px 0 20px;color:var(--navy)}.ct-addr .btn{margin:0}
.ct-brand{background:var(--navy);color:#fff;padding:30px;display:grid;gap:16px}
.ct-brand p{margin:0;color:#B8C7D2;font-size:14px;line-height:1.9}
.ct-brand .social a{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}.ct-brand .social a:hover{background:#fff;color:var(--navy)}
.ct-wrap .phead+*{margin-top:0}
@media(max-width:1100px){.ct-cards{grid-template-columns:1fr 1fr;margin-top:-60px}.ct-main{grid-template-columns:1fr}}
@media(max-width:640px){.ct-cards{grid-template-columns:1fr;margin-top:24px}.ct-form{padding:24px 18px}}
.dep{position:relative}.cform .dep input{position:absolute;width:1px;height:1px;min-width:0;padding:0;margin:0;inset:0;opacity:0}
.specs div:last-child:nth-child(odd){grid-column:1/-1}