:root{--bg:#F4F3F5;--surface:#fff;--ink:#1E1C24;--primary:#6A2E4F;--accent:#3FA7D6;--muted:#4A4652;--line:#E3E0E6;--tint:#EADFE5;--r:12px;--sh:0 2px 10px rgba(30,28,36,.06);--sh2:0 18px 40px -12px rgba(30,28,36,.25);--hf:'Sofia Sans','Arial Narrow',Arial,sans-serif;--bf:Lora,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 clamp(17px,.3vw + 16px,19px)/1.7 var(--bf);-webkit-text-size-adjust:100%}
a{color:var(--primary);text-underline-offset:3px}a:hover{color:var(--ink)}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--hf);margin:0 0 .5em;line-height:1.15;text-wrap:balance}
h1{font-weight:800;font-size:clamp(40px,3.2vw + 22px,60px);line-height:1.05}
h2{font-weight:800;font-size:clamp(28px,1.4vw + 20px,38px)}
h3{font-weight:700;font-size:clamp(21px,.5vw + 18px,25px)}
p{margin:0 0 1em;max-width:68ch;text-wrap:pretty}
.wrap{width:min(1200px,100% - 48px);margin-inline:auto}.narrow{max-width:800px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:var(--r);z-index:100}.skip:focus{left:8px}
.eyebrow{font:700 15px/1.2 var(--hf);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 12px}
.lede{font-size:clamp(19px,.5vw + 17px,22px);color:var(--muted)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:10px 22px;border-radius:var(--r);font:700 18px/1.1 var(--hf);text-decoration:none;border:0;cursor:pointer}
.btn-call{background:var(--accent);color:var(--ink);box-shadow:var(--sh)}.btn-call:hover{background:#2f93c2;color:var(--ink)}
.btn-call b{font-weight:800}.btn-call span+b{padding-left:12px;border-left:2px solid rgba(30,28,36,.25)}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,243,245,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:24px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto}
.logo span{display:flex;flex-direction:column;line-height:1}.logo strong{font:800 24px var(--hf)}.logo small{font:700 11px var(--hf);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-top:3px}
.nav{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a,.nav button{font:700 17px var(--hf);color:var(--ink);text-decoration:none;background:none;border:0;padding:12px 14px;border-radius:var(--r);cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
.nav a:hover,.nav button:hover{background:var(--tint)}
.dd{position:relative}.dd button::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-3px 0 0 8px}
.dd-panel{display:none;position:absolute;top:100%;left:0;min-width:270px;list-style:none;margin:6px 0 0;padding:8px;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh2)}
.dd button[aria-expanded=true]+.dd-panel{display:block}.dd-panel a{display:flex;width:100%}
.hdr-call{min-height:48px;padding:8px 18px}
.menu-btn{display:none;min-height:48px;padding:0 18px;border-radius:var(--r);border:2px solid var(--ink);background:none;font:700 17px var(--hf);color:var(--ink)}
.m-panel{background:var(--surface);border-top:1px solid var(--line);padding:8px 24px 16px}.m-panel ul{list-style:none;margin:0;padding:0}
.m-panel a,.m-panel .dd>span{display:block;padding:12px 0;font:700 18px var(--hf);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.m-panel .dd>span{color:var(--primary);border:0;padding-bottom:0}.m-panel .m-sub{display:block!important;position:static;box-shadow:none;padding:0 0 0 12px;min-width:0;margin:0}
.m-panel .dd::after{display:none}
.crumbs{padding-top:20px}.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0;font:15px var(--hf);color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line)}
/* hero */
.hero{padding:clamp(40px,6vw,72px) 0 clamp(40px,6vw,64px);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-120px;top:-120px;width:560px;height:560px;border-radius:50%;background:var(--tint);z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero-cards{position:relative;max-width:520px;margin-inline:auto;width:100%}
.imgbox,.ph{border-radius:var(--r);overflow:hidden;background:var(--tint);box-shadow:var(--sh2);width:100%}
.imgbox img{width:100%;height:100%;object-fit:cover}
.ph{background:repeating-linear-gradient(45deg,#E6DFE9 0 12px,#F0ECF2 12px 24px)}
.sum{list-style:none;margin:-48px 0 0 32px;padding:24px 24px 24px 28px;position:relative;transform:rotate(-1deg)}
.card-berry{background:var(--primary);color:#fff;border-radius:var(--r);box-shadow:var(--sh2)}
.sum li{padding:6px 0 6px 22px;position:relative;font:700 18px/1.35 var(--hf)}.sum li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.hero.area .wide{margin-top:40px}.hero.area .imgbox{aspect-ratio:21/9!important}
.facts{display:flex;flex-wrap:wrap;list-style:none;margin:32px 0 0;padding:0}
.facts .card{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);padding:14px 22px;font:700 17px var(--hf);margin-right:-10px;transform:rotate(-1deg)}
.facts .card:nth-child(2){transform:translateY(8px) rotate(1deg)}
.hero.plain{padding-bottom:24px}.hero.plain::before{display:none}
/* content */
.content{padding:clamp(40px,6vw,72px) 0}.content.has-toc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.toc{position:sticky;top:96px;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);padding:20px}
.toc p{font:700 15px var(--hf);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 8px}.toc ol{margin:0;padding-left:18px;font:600 16px/1.35 var(--hf)}.toc li{margin:8px 0}
.prose h2{margin-top:1.6em}.prose h2:first-child{margin-top:0}.prose ul,.prose ol{max-width:68ch;padding-left:22px}
.panel{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);padding:28px;margin:32px 0}
.wait{background:var(--ink);color:#fff;border-radius:var(--r);box-shadow:var(--sh2);padding:32px;margin:-24px 0 32px 24px;position:relative}.wait h2,.wait h3{color:#fff}.wait a{color:#fff}
.faq{background:var(--surface);padding:clamp(56px,8vw,88px) 0}
.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}
.faq-item button{width:100%;text-align:left;background:none;border:0;padding:20px 40px 20px 0;font:700 clamp(19px,.5vw + 16px,22px)/1.3 var(--hf);color:var(--ink);cursor:pointer;position:relative;min-height:56px}
.faq-item button::after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font:700 28px var(--hf);color:var(--primary)}.faq-item button[aria-expanded=true]::after{content:"\2212"}
.faq-a{padding:0 0 12px}
.closing{padding:clamp(56px,8vw,88px) 0}.closing .wrap{position:relative}
.closing-back{position:absolute;inset:16px 0 -16px 24px;background:var(--accent);border-radius:var(--r);transform:rotate(-1.5deg)}
.closing-card{position:relative;background:var(--ink);color:#fff;border-radius:var(--r);box-shadow:var(--sh2);padding:clamp(32px,5vw,64px)}.closing-card h2{color:#fff}.closing-card p{color:#E9E6ED}
.spokes{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.spokes a{display:block;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);padding:20px 24px;font:700 20px var(--hf);color:var(--primary);text-decoration:none}.spokes a:hover{background:var(--tint)}.prose .imgbox{max-width:520px;margin-bottom:8px}
/* footer */
.site-footer{background:var(--ink);color:#E9E6ED;padding:clamp(48px,6vw,72px) 0 24px;font-size:16px;line-height:1.6}
.fgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px}
.site-footer h2{font:700 15px var(--hf);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 12px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:4px 0}
.site-footer a{color:#E9E6ED}.site-footer a:hover{color:#fff}
.f-brand{font:800 24px var(--hf);color:#fff;margin:0 0 4px}.f-phone{font:800 28px var(--hf);color:#fff!important;text-decoration:none;display:inline-block;margin-bottom:8px}
.f-legal{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:15px}.f-legal p{margin:0 0 8px}
.float-call{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--accent);color:var(--ink);font:800 18px var(--hf);text-decoration:none;padding:0 24px;min-height:56px;display:inline-flex;align-items:center;border-radius:999px;box-shadow:var(--sh2)}
.float-call[hidden]{display:none}
.bottom-bar{display:none}
/* motion */
.rv{opacity:0;translate:0 16px;transition:opacity .4s ease,translate .4s ease}.rv.in{opacity:1;translate:0 0}
.fan .imgbox,.fan .sum{animation:fan .7s cubic-bezier(.2,.8,.2,1) backwards}.fan .sum{animation-delay:.12s}
@keyframes fan{from{opacity:0;translate:0 40px;rotate:-6deg}}
@media(max-width:959px){
 .nav,.hdr-call{display:none}.menu-btn{display:inline-flex;align-items:center}
 .hero-grid{grid-template-columns:1fr}.content.has-toc{grid-template-columns:1fr}.toc{position:static}
 .fgrid{grid-template-columns:1fr 1fr}.sum{margin:-32px 0 0 16px}
 .bottom-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;height:60px;background:var(--primary);color:#fff;align-items:center;justify-content:center;gap:12px;text-decoration:none;font:700 17px var(--hf)}.bottom-bar b{font-size:22px;font-weight:800}
 .float-call{bottom:76px}body{padding-bottom:60px}
}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}.btn-call span+b{display:none}.wait{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;translate:0 0}}