*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--bf);font-size:1.0625rem;line-height:1.75;overflow-x:hidden}
img,svg{max-width:100%}
h1,h2,h3,h4{font-family:var(--hf);line-height:1.2;margin:0 0 .5em;color:var(--hc,var(--ink))}
h1{font-size:clamp(2rem,4.8vw,3.6rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3,.h3{font-size:1.35rem}h4{font-size:1.1rem;margin-top:1.4em}
p{margin:0 0 1em}a{color:inherit}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:-60px;right:10px;background:#000;color:#fff;padding:.6rem 1rem;z-index:200;border-radius:8px}.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--focus,#0b57d0);outline-offset:3px;border-radius:4px}
.vbar{position:sticky;top:0;z-index:60;height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 1rem;background:var(--vbg);color:var(--vfg);font-size:.9rem;flex-direction:row-reverse}
.vbar-t{opacity:.85}
.vswitch{display:flex;gap:6px;align-items:center}
.vswitch a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,.35);color:inherit;transition:background .2s,transform .2s}
.vswitch a b{font-weight:700}.vswitch a:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.vswitch a[aria-current]{background:var(--vfg);color:var(--vbg);border-color:var(--vfg)}
.vswitch .vnext{border-style:dashed}
.hdr{position:sticky;top:46px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem clamp(1rem,4vw,2.5rem);background:var(--hdrbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.hdr.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.12)}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--hf);font-weight:700;font-size:1.25rem}


.mainnav{display:flex;align-items:center;gap:1.4rem}
.mainnav a{text-decoration:none;font-weight:500;padding:.4rem .1rem;position:relative}
.mainnav a:not(.btn)::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .25s;transform-origin:right}
.mainnav a:not(.btn):hover::after{transform:scaleX(1)}
.menu-btn{display:none;width:48px;height:48px;border:1px solid var(--line);background:transparent;border-radius:12px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn i{display:block;width:22px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s}
.menu-btn[aria-expanded=true] i:nth-of-type(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded=true] i:nth-of-type(2){opacity:0}
.menu-btn[aria-expanded=true] i:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1100px){.menu-btn{display:flex}.mainnav{position:absolute;top:100%;inset-inline:0;background:var(--hdrbg);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem;border-bottom:1px solid var(--line);display:none}.mainnav.open{display:flex}.mainnav a{padding:.9rem 0;border-bottom:1px solid var(--line)}.mainnav .btn{margin-top:.8rem;text-align:center}}@media(max-width:800px){.vbar-t{display:none}.vbar{justify-content:center}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6rem 1.6rem;border-radius:var(--br,999px);background:var(--accent);color:var(--onaccent,#fff);font:600 1rem var(--bf);text-decoration:none;border:2px solid var(--accent);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-small{min-height:40px;padding:.3rem 1.1rem;font-size:.95rem}
.sec{padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
@media(max-width:800px){.two,.split{grid-template-columns:1fr!important}}
.lead{font-size:1.25rem;max-width:46rem}
.ticks,.chips{list-style:none;margin:0 0 1em;padding:0}
.ticks li{position:relative;padding-inline-start:1.7rem;margin-bottom:.6rem}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:.9rem;height:.5rem;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg) scale(.9)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips li{padding:.3rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--chip,transparent);font-size:.98rem}
.big{font-family:var(--hf);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.3;color:var(--accent)}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
.svc-b h4{margin-bottom:.4em}.svc-b ol,.svc-b ul,.rb ol,.rb ul,.panel ol,.panel ul{padding-inline-start:1.3rem;margin:0 0 1em}.svc-b li,.rb li,.panel li{margin-bottom:.5rem}
.svc-cta{margin-top:1.2rem}
.values span{display:inline-block;margin:.2rem .3rem .2rem 0;padding:.4rem 1.1rem;border-radius:999px;border:2px solid var(--accent);font-weight:700}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,5vw,4rem)}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}
.clist{list-style:none;padding:0;margin:1.5rem 0}.clist li{display:flex;gap:1rem;align-items:baseline;padding:.7rem 0;border-bottom:1px solid var(--line)}.clist span{min-width:5rem;opacity:.7}.clist a{font-size:1.3rem;font-weight:600;text-decoration:none;direction:ltr;unicode-bidi:plaintext}
.cform{display:grid;gap:1rem;padding:clamp(1.2rem,3vw,2rem);background:var(--card);border:1px solid var(--line);border-radius:var(--rad,18px)}
.cform label{display:grid;gap:.35rem;font-weight:600;font-size:.98rem}
.cform input,.cform textarea{font:inherit;padding:.8rem 1rem;min-height:48px;border-radius:12px;border:1.5px solid var(--fline,#b9ab98);background:#fff;color:#111}
.cform input:focus,.cform textarea:focus{outline:3px solid var(--focus,#0b57d0);outline-offset:1px}
.fnote{font-size:.9rem;opacity:.75;margin:0}.err{color:#b3261e;font-weight:600;margin:0}
.ftr{padding:2.5rem 0;border-top:1px solid var(--line);font-size:.95rem}.ftr p{margin:.2rem 0}.ftr-s{opacity:.75;font-size:.85rem}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.a11y-btn{position:fixed;bottom:16px;left:16px;z-index:80;width:52px;height:52px;border-radius:50%;border:none;background:#0b57d0;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.a11y-panel{position:fixed;bottom:76px;left:16px;z-index:80;background:#fff;color:#111;border-radius:14px;padding:.8rem;box-shadow:0 10px 30px rgba(0,0,0,.3);display:grid;gap:.4rem;width:200px}
.a11y-panel[hidden]{display:none}.a11y-panel button{min-height:44px;border-radius:10px;border:1px solid #bbb;background:#f4f4f4;font:600 .95rem var(--bf);cursor:pointer;color:#111}
html.a11y-contrast body{filter:contrast(1.35) saturate(1.1)}
html.a11y-contrast .rv{opacity:1}
html.a11y-nomotion *,html.a11y-nomotion *::before,html.a11y-nomotion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-nomotion .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
.logo-img{display:block;max-width:60vw}
/* round 3: no generic fade-ups */
html.fx .rv{opacity:1!important;transform:none!important;transition:none!important}
.fx-prog{position:absolute;inset-inline:0;bottom:-1px;height:3px;background:linear-gradient(90deg,#673E84,#1F7580,#7EC4C2);transform-origin:right center;transform:scaleX(0);pointer-events:none}
.fx-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}
.fx-w>span{display:inline-block;transform:translateY(110%);animation:fxw .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes fxw{to{transform:none}}
.fx-read .fx-r{opacity:.18;transition:opacity .15s linear}
html.a11y-nomotion .fx-r{opacity:1!important}html.a11y-nomotion .fx-w>span{transform:none;animation:none}
@media(prefers-reduced-motion:reduce){.fx-w>span{transform:none}.fx-read .fx-r{opacity:1}}
.svc,.tile,.step,.hero-card,.person{will-change:transform;transition:transform .25s ease,box-shadow .3s}
@media(max-width:1100px){.mainnav{background:#fff!important}.v3 .mainnav{background:#F4FBFA!important}.v1 .mainnav{background:#FFF8F1!important}}

/* side page index (shared) */
.sidx{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:40;display:none;flex-direction:column;gap:6px}
.sidx a{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-height:24px;text-decoration:none;font:700 .8rem var(--hf);color:var(--accent)}
.sidx a span{opacity:0;transform:translateX(8px);transition:all .25s;background:#fff;border:1px solid var(--line);padding:.15rem .6rem;border-radius:6px;white-space:nowrap;pointer-events:none}
.sidx a:hover span,.sidx a:focus-visible span,.sidx a.on span{opacity:1;transform:none}
.sidx i{display:block;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);background:transparent;transition:all .3s}
.sidx a.on i{background:var(--accent);height:26px;border-radius:6px}

/* client portrait */
.ph{position:relative;width:min(250px,70%);aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 0 1rem;flex:none}
.ph img{position:absolute;left:50%;bottom:0;width:112%;max-width:none;height:auto;transform:translateX(-50%)}
.cta-row{display:flex;flex-wrap:wrap;gap:.9rem 1.1rem;align-items:center}
.btn.nav-cta{padding:.5rem 1.6rem;min-height:46px;white-space:nowrap;letter-spacing:.02em}
@media(max-width:1100px){.btn.nav-cta{padding:.6rem 1.6rem}}

/* ===== custom scrollbar (standing rule: every site) ===== */
:root{--sb-w:12px;--sb-track:#eee;--sb-thumb:#777;--sb-thumb2:#555;--sb-edge:#eee}
html:has(body.v1){--sb-track:#F4E6D8;--sb-edge:#F4E6D8;--sb-thumb:#6A3B86;--sb-thumb2:#F4B27E}
html:has(body.v2){--sb-track:#ECEAF3;--sb-edge:#ECEAF3;--sb-thumb:#4B2A66;--sb-thumb2:#1F7A85}
html:has(body.v3){--sb-track:#DDF0EE;--sb-edge:#DDF0EE;--sb-thumb:#1F7A85;--sb-thumb2:#7EC4C2}
*::-webkit-scrollbar{width:var(--sb-w);height:var(--sb-w)}
*::-webkit-scrollbar-track{background:var(--sb-track)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sb-thumb),var(--sb-thumb2));border-radius:99px;border:3px solid var(--sb-edge);min-height:44px}
*::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb)}
*::-webkit-scrollbar-corner{background:var(--sb-track)}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}}
html{scrollbar-gutter:stable}

/* ===== contact: shared structure (floating labels, send states) ===== */
.cform .fld{position:relative;display:block;font-weight:500}
.cform .fld input,.cform .fld textarea{width:100%;box-sizing:border-box;padding:1.5rem 1rem .5rem;min-height:56px;font:inherit}
.cform .fld textarea{min-height:120px;resize:vertical}
.cform .fld span{position:absolute;inset-inline-start:1rem;top:1rem;pointer-events:none;transform-origin:right top;transition:transform .28s cubic-bezier(.2,.8,.2,1),color .25s,opacity .25s;opacity:.75;font-size:1rem;line-height:1.4}
.cform .fld input:focus+span,.cform .fld input:not(:placeholder-shown)+span,.cform .fld textarea:focus+span,.cform .fld textarea:not(:placeholder-shown)+span{transform:translateY(-.62rem) scale(.78);opacity:1}
.cform .fld .fl{position:absolute;inset-inline:.6rem;bottom:0;height:3px;border-radius:3px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.cform .fld:focus-within .fl{transform:scaleX(1)}
.cform .fld.bad{animation:cshake .5s}
.cform .fld.bad input{border-color:#b3261e!important}
@keyframes cshake{15%{transform:translateX(-7px)}30%{transform:translateX(6px)}45%{transform:translateX(-5px)}60%{transform:translateX(4px)}80%{transform:translateX(-2px)}}
.csend{position:relative;overflow:visible;justify-content:center;gap:.6rem}
.csend .cs-t{position:relative;z-index:2;transition:transform .3s}
.csend .cs-ok{display:none;position:relative;z-index:2;width:22px;height:22px}
.csend .cs-ok svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}
.csend.sent .cs-ok{display:inline-block}.csend.sent .cs-ok svg{animation:ctick .5s .1s forwards}
@keyframes ctick{to{stroke-dashoffset:0}}
.csend.sending{pointer-events:none}
.cs-sparks{position:absolute;inset:0;pointer-events:none;z-index:3}
.cs-sparks i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;background:var(--accent2);opacity:0;animation:cspark 1s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes cspark{0%{opacity:1;transform:translate(0,0) rotate(0) scale(0)}20%{opacity:1;transform:translate(calc(var(--x)*.3),calc(var(--y)*.3)) rotate(var(--r)) scale(var(--s))}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 40px)) rotate(calc(var(--r) + 200deg)) scale(var(--s))}}
.clist .ci{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%}
.clist .ci svg{width:22px;height:22px;fill:currentColor}
.contact .cdeco{pointer-events:none}
html.a11y-nomotion .cform .fld.bad{animation:none}

/* ---- multi-page components ---- */
.crumb{padding:1rem 0 0;font-size:.95rem}
.crumb .wrap{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.crumb a{color:var(--accent);text-decoration:none;font-weight:600}.crumb a:hover{text-decoration:underline}
.crumb i{font-style:normal;opacity:.5}.crumb [aria-current]{opacity:.75}
.crumb.in-hero{padding:0 0 1.4rem;display:flex;gap:.5rem;flex-wrap:wrap;color:#fff}.crumb.in-hero a{color:#fff;opacity:.9}.crumb.in-hero [aria-current]{opacity:.8}
.mainnav a[aria-current="page"]:not(.btn){font-weight:800;box-shadow:inset 0 -3px 0 var(--accent2,var(--accent))}
.pg-hero{position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2.5rem,6vw,4.5rem);background:var(--vbg);color:#fff}
.pg-hero .wrap{position:relative;z-index:1}
.pg-hero .pg-t{color:#fff;margin:0;max-width:22ch}
.pg-k{margin:0 0 .6rem;font-weight:700;letter-spacing:.02em;opacity:.85}
.pgh-deco i{position:absolute;border-radius:50%;opacity:.22;animation:pgf 14s ease-in-out infinite alternate}
.pgh-deco .a{width:340px;height:340px;inset-inline-end:-80px;top:-120px;background:var(--accent2,var(--accent))}
.pgh-deco .b{width:180px;height:180px;inset-inline-end:22%;bottom:-70px;background:var(--peach,var(--aqua,#fff));animation-delay:-4s}
.pgh-deco .c{width:90px;height:90px;inset-inline-start:12%;top:30%;background:#fff;opacity:.1;animation-delay:-8s}
@keyframes pgf{to{transform:translate(-30px,24px) scale(1.08)}}
.cta-band{position:relative;overflow:hidden;background:var(--vbg);color:#fff;padding:clamp(2.5rem,6vw,4rem) 0}
.cb-in{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem 2rem}
.cb-copy{flex:1 1 22rem}.cb-copy h2{color:#fff;margin:0 0 .4rem}.cb-copy p{margin:0;opacity:.88;max-width:40rem}
.cb-btns{display:flex;flex-wrap:wrap;gap:1rem}
.cta-band .btn-ghost{border-color:#fff;color:#fff}
.cb-deco i{position:absolute;border-radius:50%;background:var(--accent2,var(--accent));opacity:.25;animation:pgf 16s ease-in-out infinite alternate}
.cb-deco i:first-child{width:260px;height:260px;inset-inline-start:-60px;top:-90px}.cb-deco i:last-child{width:140px;height:140px;inset-inline-end:30%;bottom:-60px;animation-delay:-6s}
.hub-grid,.svl{list-style:none;margin:0;padding:0}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem}
.hub-card{position:relative;display:flex;flex-direction:column;gap:.4rem;height:100%;padding:1.6rem 1.5rem 3.4rem;background:var(--card);border:1px solid var(--line);border-radius:var(--rad,16px);color:var(--ink);text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s}
.hub-card:hover,.hub-card:focus-visible{transform:translateY(-6px);box-shadow:0 18px 36px rgba(30,21,48,.14);border-color:var(--accent)}
.hc-n{font-family:var(--hf);font-size:2.4rem;line-height:1;color:var(--accent);opacity:.35}
.hc-t{font-size:1.45rem;margin:0}.hub-card p{margin:0;opacity:.85}
.hc-go{position:absolute;inset-inline-start:1.3rem;bottom:1.2rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);display:grid;place-items:center;transition:transform .3s}
.hc-go svg{width:1.1rem;height:1.1rem;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hub-card:hover .hc-go{transform:translateX(-6px)}
.svl{display:grid;gap:.7rem;margin-top:1.4rem}
.svl a{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:var(--card);border:1px solid var(--line);border-radius:var(--rad,14px);color:var(--ink);text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.svl a:hover,.svl a:focus-visible{transform:translateX(-5px);border-color:var(--accent);box-shadow:0 10px 24px rgba(30,21,48,.1)}
.svl b{font-family:var(--hf);font-size:1.5rem;color:var(--accent);opacity:.5;min-width:2.2rem}
.svl span{flex:1;display:flex;flex-direction:column}.svl small{opacity:.75}
.svl i{width:1.2rem;height:1.2rem;flex:none}.svl i svg{width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hs-all{margin-top:1.8rem}.hs-more{padding-top:0}
.sp-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(16rem,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.sp-body{font-size:1.1rem}.sp-body .psub{color:var(--accent2,var(--accent));font-weight:700;margin:0 0 .4rem}
.sp-short{font-size:1.35rem;font-family:var(--hf);line-height:1.5;margin:0 0 1.4rem}
.sp-body .h4{font-size:1.4rem;margin-top:2rem}.nl{padding-inline-start:1.4rem}.nl li{margin-bottom:.7rem}
.sp-body .svc-cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.sp-side{position:sticky;top:7.5rem}.sp-side .svl{margin-top:.8rem}.sp-side .svl a{padding:.8rem 1rem}.sp-side .svl b{display:none}
@media(max-width:900px){.sp-grid{grid-template-columns:1fr}.sp-side{position:static}}
.ftr-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:.8rem 0}.ftr-nav a{color:inherit;text-decoration:none;font-weight:600}.ftr-nav a:hover{text-decoration:underline}
.v1 .cta-band .btn-ghost,.v2 .cta-band .btn-ghost,.v3 .cta-band .btn-ghost{border:2px solid #fff;color:#fff;background:transparent}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.14)}

/* ---- nav dropdowns + header contact ---- */
.hdr{gap:.8rem}
.mainnav{gap:clamp(.7rem,1.1vw,1.3rem);font-size:.98rem;white-space:nowrap}
.dd{position:relative}
.dd-t{display:inline-flex;align-items:center;gap:.25rem;font:inherit;font-weight:500;color:inherit;background:none;border:0;padding:.4rem .1rem;cursor:pointer;text-decoration:none}
.dd.is-cur>.dd-t{font-weight:800;box-shadow:inset 0 -3px 0 var(--accent2,var(--accent))}
.car{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.dd:hover .car,.dd.open .car,.dd:focus-within .car{transform:rotate(180deg)}
.dd-m{position:absolute;top:100%;inset-inline-start:-1rem;min-width:15rem;padding:.5rem;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--ddr,12px);box-shadow:0 18px 40px rgba(30,21,48,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:70}
.dd-m::before{content:"";position:absolute;inset:-14px 0 100% 0}
.dd:hover>.dd-m,.dd:focus-within>.dd-m,.dd.open>.dd-m{opacity:1;visibility:visible;transform:none}
.dd.shut>.dd-m{opacity:0!important;visibility:hidden!important}
.mainnav .dd-m a{display:block;padding:.6rem .9rem;border-radius:8px;white-space:nowrap;color:var(--ink)}
.mainnav .dd-m a::after{display:none}
.mainnav .dd-m a:hover,.mainnav .dd-m a:focus-visible{background:var(--chip,rgba(106,59,134,.1));color:var(--accent)}
.hdr-ct{display:flex;align-items:center;gap:.6rem}
.hdr-wa{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#25D366;color:#fff;transition:transform .25s,box-shadow .25s}
.hdr-wa svg{width:26px;height:26px}.hdr-wa:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 18px rgba(37,211,102,.4)}
.m-only{display:none}
.svc-more{font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:4px;margin-inline-start:.8rem}
.sp-body 
@media(max-width:1320px){.nav-cta{padding-inline:1rem!important;font-size:.95rem}.mainnav{font-size:.92rem}}
@media(max-width:1100px){
 .hdr-ct .nav-cta{display:none}.m-only{display:inline-flex}
 .hdr-ct{margin-inline-start:auto}.hdr-wa{width:44px;height:44px}
 .dd-t{width:100%;justify-content:space-between;padding:.9rem 0;border-bottom:1px solid var(--line)}
 .dd .car{display:none}
 .dd-m{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-inline-start:3px solid var(--line);border-radius:0;padding:0 .8rem 0 0;min-width:0;margin-bottom:.4rem}
 .dd-m::before{display:none}.mainnav .dd-m a{padding:.65rem .6rem;border-bottom:0;white-space:normal}
}
.sp-extra{margin-top:2.2rem;padding:1.6rem 1.8rem;background:var(--card);border:1px solid var(--line);border-radius:var(--rad,14px);border-inline-start:5px solid var(--accent2,var(--accent))}
.sp-extra .h4{margin:0 0 1rem;font-size:1.3rem}.sp-extra p{margin:0 0 .9rem}.sp-extra p:last-child{margin:0}
.sp-extra-sec{padding-top:0}.sp-extra-sec .sp-extra{max-width:60rem;margin-inline:auto}

/* ---- page transitions: native cross-document view transition (no blocking, starts on click) ---- */
@view-transition{navigation:auto}
.vbar{view-transition-name:vbar}
.hdr{view-transition-name:hdr}
::view-transition-group(root){animation-duration:.34s;animation-timing-function:cubic-bezier(.3,.7,.2,1)}
::view-transition-old(root){animation:vtOut .22s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vtIn .36s cubic-bezier(.2,.8,.2,1) .04s both}
::view-transition-group(vbar),::view-transition-group(hdr){animation-duration:0s}
@keyframes vtOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(12px)}}
html:has(.v2)::view-transition-new(root){animation-name:vtIn2}
html:has(.v3)::view-transition-new(root){animation-name:vtIn3}
@keyframes vtIn2{from{opacity:0;transform:translateX(-14px)}}
@keyframes vtIn3{from{opacity:0;transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/* fallback only (no cross-document view transitions): soft fade-in on arrival, never blocks navigation */
html.pt-enter body{animation:ptFb .35s ease-out both}
@keyframes ptFb{from{opacity:0}to{opacity:1}}
/* Site-wide type, interaction and reflow pass. */
html{scroll-padding-top:110px}
.hdr{top:0;background:var(--bg)}
body{font-size:1.0625rem;line-height:1.75;font-synthesis:none}
button,input,textarea,select{font-family:var(--bf);font-size:1rem}
small,.fnote,.note,.ftr-s,.crumb,.pg-k,.kicker,.psub,.sc-s,.sc-go,.sc-h small,.svl small,.clist span,.hg-creds,.hg-lead,.desk-t,.mainnav a,.dd-t,.btn-small{font-size:1rem!important;line-height:1.6}
.hdr .mainnav{gap:1rem}
h1,h2,h3,h4{overflow-wrap:break-word;line-height:1.3}
p,li{overflow-wrap:break-word}
button,a,input,textarea{scroll-margin-block:110px 24px}
.hdr-wa,.dd-t,.ftr-nav a,.crumb a{min-height:44px}
.ftr-nav a{display:inline-flex;align-items:center;padding-inline:8px}
.clist a,input[type=tel],input[type=email]{direction:ltr;unicode-bidi:isolate}
input,textarea{border:1px solid #88748D!important;color:var(--ink);line-height:1.6}
.fld:focus-within{outline:2px solid var(--focus);outline-offset:3px}
:focus-visible{outline:3px solid #22656B;outline-offset:4px}
.bdlg :focus-visible,.vis1 :focus-visible,.pg-hero :focus-visible{outline-color:#F4C59E}
.bdlg a:focus-visible{outline-color:#22656B}
.bdlg{max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px)}
.bdlg-panel{max-height:calc(100dvh - 64px);overflow-y:auto}
.bdlg-x{flex-shrink:0}
.err{color:#8E2030;font-weight:700}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-block:16px}
.legal-links a{display:inline-flex;align-items:center;background:transparent;color:inherit;min-height:44px;padding:8px 10px;text-decoration:underline;text-underline-offset:3px;font-size:.9rem;cursor:pointer}
.legal-dialog{border:1px solid #88748D;border-radius:16px;padding:24px;width:min(640px,calc(100vw - 32px));max-height:80dvh;overflow:auto;color:var(--ink);background:var(--bg)}
.legal-dialog::backdrop{background:#24152BCC}
.legal-dialog .legal-close{min-height:44px;padding:8px 20px;background:#693C7E;color:#fff;border:0;border-radius:8px}
@media(max-width:1100px){.mainnav.open{max-height:calc(100dvh - 84px);overflow-y:auto}.hdr{padding:.4rem 1rem}.mainnav .dd-m{position:static;box-shadow:none}.mainnav .dd .dd-m{display:block}.mainnav .dd-t{display:flex}.mainnav .dd{width:100%}}
@media(max-width:800px){.sp-grid{grid-template-columns:minmax(0,1fr)}.wrap{width:calc(100% - 32px)}.hdr-ct .nav-cta{display:none}.logo-img{max-width:140px}.bdlg-panel{padding:24px 20px!important}.sp-body{min-width:0}.hero-grid{min-width:0}.pg-t{font-size:clamp(2rem,6vw,3rem)}}
/* Decorative loops are stationary; one-shot card sorting is retained. */
.pxl,.v1-orb,.c1-sun,.hg-blob,.hg-ring,.hg-dia{animation:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1!important;transform:none!important}.w{opacity:1!important;transform:none!important}}
.a11y-nomotion *,.a11y-nomotion *::before,.a11y-nomotion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.ftr p,.fnote,.hs-all,.sc-go,.note,.hg-lead,.hg-creds li{font-size:max(1rem,1em)}
.ftr-s,.svl b,.side-idx a,.sec-index a{font-size:1rem!important}
.hub{background:#F4E6D8}
.faq{background:#fff}
@media(prefers-reduced-motion:reduce){.hero::before{transform:none!important;will-change:auto}}
.ftr-nav a,.sidx a{font-size:1rem!important}
.sidx{display:none!important}
/* Reading text never fades below its legible contrast. */
.fx-r{opacity:1!important;color:var(--ink)!important}
/* r21: supporting text never touches an action row. */
.hero-copy .cta-row{margin-bottom:24px}
.hero-copy .cta-row+.note{margin-top:0}
.cform .csend{margin-bottom:20px}
.cform .fnote{margin-top:0}
/* Review: dialogs live within the dark footer but use a light surface. */
.v1 .ftr .legal-dialog a{color:#22656B;text-decoration:underline;text-underline-offset:.18em}