@font-face{font-family:'switzer';font-weight:100 900;font-style:normal;font-display:swap;src:url('/fonts/switzer-v1/Switzer-Variable.woff2') format('woff2')}
@font-face{font-family:'switzer';font-weight:100 900;font-style:italic;font-display:swap;src:url('/fonts/switzer-v1/Switzer-VariableItalic.woff2') format('woff2')}
body{font-weight:400}
strong,b{font-weight:700}
img{width:auto;max-width:100%;height:auto}
:root{color-scheme:dark;--ink:#0E121B;--ink-2:#141A26;--raise:#19212F;--panel:#1A2233;--line:rgba(255,255,255,.085);--line-2:rgba(255,255,255,.14);--cream:#F5EFE2;--cream-ink:#1B212E;--cream-mut:#6A6A5E;--gold:#C9A24B;--gold-br:#E4C570;--gold-soft:rgba(201,162,75,.13);--text:#EEF1F7;--mut:#98A1B2;--mut-2:#8A93A5;--rd:18px;--maxw:1160px;--disp:'switzer',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'switzer',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'switzer',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
/* Animated scrolling is motion the visitor did not ask for, across the whole
   viewport, and a vestibular trigger. Every other reduced-motion block in
   these sheets switches its animation off; this declaration was the one that
   was missed. See FINDINGS.md item 4. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{overflow-x:clip}
body{background:radial-gradient(1100px 520px at 50% 0%, rgba(201,162,75,.17), transparent 66%), radial-gradient(900px 560px at 10% 20%, rgba(201,162,75,.11), transparent 60%), radial-gradient(950px 600px at 92% 40%, rgba(201,162,75,.10), transparent 60%), radial-gradient(900px 560px at 14% 60%, rgba(201,162,75,.10), transparent 60%), radial-gradient(950px 600px at 90% 80%, rgba(201,162,75,.10), transparent 60%), radial-gradient(1100px 560px at 50% 100%, rgba(201,162,75,.18), transparent 66%), var(--ink);background-repeat:no-repeat;background-attachment:scroll;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.05}
.eyebrow{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.gold{color:var(--gold-br)}
.gold-grad{color:transparent;background:linear-gradient(94deg,var(--gold-br),#F6E2A0 52%,var(--gold));-webkit-background-clip:text;background-clip:text}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:15px;padding:11px 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.22s ease;white-space:nowrap}
.btn-gold{background:var(--gold);color:#1a1505;position:relative;overflow:hidden}
.btn-gold::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-22deg);animation:shimmer 5s ease-in-out infinite}
@keyframes shimmer{0%,55%{left:-70%}78%,100%{left:140%}}
.btn-gold:hover{background:var(--gold-br);transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(201,162,75,.55)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line-2)}
.btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.scrollbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--gold),var(--gold-br));box-shadow:0 0 12px rgba(201,162,75,.6)}
.nav{border-bottom:1px solid transparent;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:13px 24px;transition:.3s ease}
.nav.scrolled{background:rgba(14,18,27,.82);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.01em}
.brand .wordmark{height:20.4px;width:auto}
.brand .sub{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-br);padding:3px 8px;border:1px solid rgba(201,162,75,.32);border-radius:6px;margin-left:2px}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{font-size:14.5px;color:var(--mut);transition:.2s}
.nav-links a:hover{color:var(--text)}
.nav-cta{display:flex;align-items:center;gap:14px}
@media(max-width:820px){
.nav-links{display:none}
.nav-cta .btn-ghost{display:none}
.brand .sub{display:none}
}
.hero{position:relative;padding:122px 0 78px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center;position:relative}
.hero-media{position:relative;display:flex;justify-content:center}
.hero-shot{position:relative;width:100%;max-width:610px;aspect-ratio:5/4;border-radius:22px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 44px 90px -34px rgba(0,0,0,.8);animation:heroShot 1s .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroShot{from{opacity:0; transform:translateY(28px) scale(.97)}to{opacity:1; transform:none}}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:30% center;background-repeat:no-repeat;transform:scale(.95)}
.shot-scrim{position:absolute;inset:0;background:linear-gradient(180deg, rgba(8,10,15,.26) 0%, transparent 30%, transparent 56%, rgba(8,10,15,.5) 100%)}
.s-glow{position:absolute;left:26.5%;top:66%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:2;mix-blend-mode:screen;background:radial-gradient(circle, rgba(80,255,155,.85) 0%, rgba(74,255,150,.45) 34%, rgba(74,255,150,0) 72%);opacity:0;animation:sGlow 3s ease-in-out infinite}
@keyframes sGlow{0%,70%,100%{opacity:0} 35%{opacity:.43}}
.hero-fc{position:absolute;left:18px;bottom:18px;z-index:3}
.hero-glow.two{top:2%;left:76%;width:560px;height:520px;background:radial-gradient(ellipse at center, rgba(120,150,210,.10), transparent 62%);animation:aurora2 19s ease-in-out infinite alternate}
@keyframes aurora2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-40px,30px) scale(1.16)}}
@media(max-width:860px){
.hero-grid{grid-template-columns:1fr;gap:30px}
.hero-media{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:8px}
.hero-shot{max-width:none;width:100%;aspect-ratio:4/3;border:none;border-radius:0;box-shadow:none;overflow:hidden}
.hero-bg{background-position:52% center;transform:none;-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 16%, #000 87%, transparent 100%);mask-image:linear-gradient(180deg, transparent 0%, #000 16%, #000 87%, transparent 100%)}
.hero-media::before{content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:94%;height:78%;background:radial-gradient(ellipse at center, rgba(201,162,75,.17), transparent 68%);filter:blur(28px);pointer-events:none;z-index:-1}
.shot-scrim{display:block;background:linear-gradient(180deg, rgba(9,12,19,.5) 0%, transparent 24%, transparent 52%, rgba(9,12,19,.72) 88%, rgba(9,12,19,.9) 100%)}
.hero-fc{display:flex;left:16px;right:auto;bottom:20px;z-index:6}
}
@media(min-width:861px){
.hero{min-height:680px}
.hero-grid{grid-template-columns:1fr;position:static}
.hero-copy{position:relative;z-index:3;max-width:520px;margin-left:min(0px, calc((580px - 50vw) * 0.1))}
.hero-media{position:absolute;top:0;right:0;bottom:0;width:56vw;max-width:1150px;display:block;z-index:1}
.hero-shot{position:absolute;inset:0;width:auto;max-width:none;aspect-ratio:auto;border:none;border-radius:0;box-shadow:none;overflow:visible}
.hero-bg{background-position:60% center;-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 2%, #000 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg, transparent 0%, #000 2%, #000 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%);mask-composite:intersect}
.shot-scrim{display:none}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg, #0C1019 0%, rgba(12,16,25,.92) 28%, rgba(12,16,25,.5) 38%, rgba(12,16,25,0) 46%)}
.hero-fc{left:auto;right:9%;bottom:13%;z-index:4}
.s-glow{left:15.4%;top:65.5%;width:31px;height:31px;z-index:4}
}
.hero-glow{position:absolute;top:-16%;left:44%;transform:translateX(-50%);width:1120px;height:720px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center, rgba(201,162,75,.22), transparent 64%);filter:blur(22px);animation:aurora 16s ease-in-out infinite alternate}
@keyframes aurora{0%{transform:translateX(-50%) translateY(0) scale(1)}100%{transform:translateX(-44%) translateY(26px) scale(1.1)}}
.hero .wrap{width:100%}
.hero-copy{max-width:540px;position:relative}
.hero .sg-badge{white-space:nowrap}
.hero h1{font-size:clamp(44px,6vw,80px);margin:14px 0 6px;text-wrap:balance;line-height:.98;color:var(--text)}
.hero h1 .dot{color:var(--gold-br)}
.hero .free{font-family:var(--disp);font-weight:700;font-size:clamp(22px,3.2vw,36px);letter-spacing:-.02em;margin-bottom:14px;display:block;color:var(--gold-br)}
/* The hero subhead is an <h2> (SEO-W4.1): it carries the page's head term,
   "Cloud access control", which the editorial h1 ("Tap. Enter. Done.") does not.
   .hero .free sets font, weight, size and display, and its specificity beats
   the bare h2 rule for all of them — but that rule also sets line-height:1.05,
   which .hero .free never declared and the span was inheriting from
   body{line-height:1.55}. Pinned here, along with margin-top:0, so the box is
   identical to the span it replaced. */
.hero h2.free{margin-top:0;line-height:1.55}
.hero .free .shine{background:linear-gradient(90deg,#C9A24B,#F4DF95,#C9A24B,#F4DF95);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:freeShine 5s linear infinite}
@keyframes freeShine{to{background-position:250% 0}}
.blur-in{opacity:0;filter:blur(12px);will-change:opacity,filter}
@keyframes blurIn{to{opacity:1; filter:blur(0)}}
.hero h1.blur-in{animation:blurIn 1.1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.35s}
.hero .free.blur-in{animation:blurIn 1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.95s}
.reveal.in .blur-in{animation:blurIn 1.1s cubic-bezier(.22,.61,.36,1) forwards}
.sg-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:30px;border:1px solid rgba(201,162,75,.4);background:rgba(20,18,12,.55);backdrop-filter:blur(8px);position:relative;overflow:hidden;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-br)}
.sg-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold-br);animation:dotpulse 2.4s infinite}
.sg-badge em{font-style:normal;color:#cfd3da}
.sg-badge::after{content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:shimmer 5.5s ease-in-out infinite 1s}
@keyframes dotpulse{0%{box-shadow:0 0 0 0 rgba(228,197,112,.6)}70%{box-shadow:0 0 0 8px rgba(228,197,112,0)}100%{box-shadow:0 0 0 0 rgba(228,197,112,0)}}
.hero-copy>*{animation:heroUp .85s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>*:nth-child(1){animation-delay:.05s}
.hero-copy>*:nth-child(2){animation-delay:.12s}
.hero-copy>*:nth-child(3){animation-delay:.20s}
.hero-copy>*:nth-child(4){animation-delay:.28s}
.hero-copy>*:nth-child(5){animation-delay:.36s}
.hero-copy>*:nth-child(6){animation-delay:.44s}
@keyframes heroUp{from{opacity:0; transform:translateY(22px)}to{opacity:1; transform:none}}
.hero p.lede{font-size:18px;color:var(--mut);max-width:460px;margin-bottom:26px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.trustline{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#d6d9df;font-family:var(--mono);font-weight:500;flex-wrap:wrap}
.trustline .dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.showcase{position:relative;padding:96px 0 40px;text-align:center;overflow:hidden}
.showcase .wrap{position:relative;z-index:1}
.showcase-glow{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:1240px;height:920px;background:radial-gradient(ellipse at center, rgba(201,162,75,.24), transparent 63%);pointer-events:none;z-index:0}
@media(max-width:720px){
.showcase-glow{width:150%;height:42%;top:39%;background:radial-gradient(ellipse at center, rgba(201,162,75,.15), transparent 66%)}
}
.showcase .eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-br);margin-bottom:14px}
.showcase h2{font-size:clamp(30px,4vw,46px);line-height:1.04;margin-bottom:16px;text-wrap:balance}
.showcase .sc-lede{color:var(--mut);max-width:600px;margin:0 auto 54px;font-size:17px}
.reader-stage{display:flex;justify-content:center;align-items:center;position:relative;animation:heroPhone 1s .1s cubic-bezier(.2,.7,.2,1) both;margin:0 auto}
@keyframes heroPhone{from{opacity:0; transform:translateY(30px) scale(.96)}to{opacity:1; transform:none}}
.reader-stage::before{content:"";position:absolute;inset:-8% -4%;border-radius:50%;background:radial-gradient(ellipse at center, rgba(201,162,75,.14), transparent 62%)}
.wallplate{position:relative;width:420px;max-width:100%;aspect-ratio:1/1.06;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;will-change:transform;overflow:visible}
.wallplate::after{content:none}
.reader{position:relative;z-index:2;width:232px;height:232px;border-radius:22px;padding:0;background:transparent}
.reader .glass{position:relative;width:100%;height:100%;border-radius:19px;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center}
.reader .glass::before{content:none}
.reader .grid-sheen{display:none}
.reader .s-logo{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;opacity:.98;transition:filter .4s, opacity .4s;filter:none}
.reader .s-green{position:absolute;left:50%;top:41%;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:3;mix-blend-mode:screen;background:radial-gradient(circle, rgba(84,255,158,.66) 0%, rgba(74,255,150,.34) 38%, rgba(74,255,150,0) 72%);opacity:0;transition:opacity .55s ease}
.reader.unlocked .s-green{opacity:1;animation:sGreenPulse 1.9s ease-in-out infinite}
@keyframes sGreenPulse{0%,100%{opacity:.5}50%{opacity:.84}}
.reader .ring{position:absolute;inset:0;border-radius:19px;box-shadow:0 0 0 0 rgba(201,162,75,.55);z-index:4;pointer-events:none}
.reader.tapped .ring{animation:rdrPulse 1s ease}
@keyframes rdrPulse{0%{box-shadow:0 0 0 0 rgba(201,162,75,.55)}70%{box-shadow:0 0 0 26px rgba(201,162,75,0)}100%{box-shadow:0 0 0 0 rgba(201,162,75,0)}}
.reader .granted{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.reader .granted svg{width:60px;height:60px;color:#7fe08a;filter:drop-shadow(0 6px 16px rgba(95,180,95,.5))}
.reader.opened .granted{opacity:1}
.reader.opened .s-logo{opacity:0}
.acard{position:absolute;z-index:6;width:132px;height:83px;border-radius:11px;right:6px;bottom:70px;padding:10px 11px;background:linear-gradient(150deg,#fbf8f2,#e7e0d2);color:#1b212e;box-shadow:0 24px 50px -16px rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .3s;display:flex;flex-direction:column;justify-content:space-between;animation:cardFloat 5.4s ease-in-out infinite}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(-7deg)}}
.acard:hover{box-shadow:0 30px 60px -16px rgba(201,162,75,.4)}
.acard.tap{animation:cardTap 1.1s cubic-bezier(.5,0,.2,1)}
@keyframes cardTap{0%{transform:translate(0,0) rotate(-7deg)}38%{transform:translate(-118px,-66px) rotate(-3deg) scale(1.02)}62%{transform:translate(-118px,-66px) rotate(-3deg) scale(1.02)}100%{transform:translate(0,0) rotate(-7deg)}}
.acard .ct{display:flex;align-items:center;justify-content:space-between}
.acard .smark{width:18px;height:18px;opacity:.8}
.acard .chip{width:21px;height:15px;border-radius:3px;background:linear-gradient(135deg,#d9c179,#b89a45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.acard .num{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:#3a4150}
.acard .nm{font-family:var(--disp);font-weight:600;font-size:10.5px}
.acard small{font-size:8px;color:#6a7180;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}
.tap-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:7;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-br);display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:20px;background:rgba(20,26,38,.7);border:1px solid rgba(201,162,75,.3);backdrop-filter:blur(6px);transition:opacity .3s}
.tap-hint i{width:6px;height:6px;border-radius:50%;background:var(--gold-br);animation:dotpulse 2s infinite}
.reader-stage.done .tap-hint{opacity:0}
.door-toast{position:absolute;top:16px;left:16px;right:16px;z-index:8;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;background:rgba(20,40,22,.92);border:1px solid rgba(120,200,120,.4);backdrop-filter:blur(8px);opacity:0;transform:translateY(-10px);transition:opacity .35s, transform .35s;pointer-events:none}
.door-toast.show{opacity:1;transform:translateY(0)}
.door-toast svg{width:18px;height:18px;color:#7fe08a;flex:none}
.door-toast b{font-family:var(--disp);font-size:12.5px;color:#dff5df;display:block}
.door-toast small{font-size:10.5px;color:rgba(223,245,223,.7)}
.float-card{position:absolute;z-index:7;background:rgba(20,26,38,.92);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:14px;padding:11px 13px;display:flex;gap:11px;align-items:center;box-shadow:0 24px 50px -18px rgba(0,0,0,.6)}
.float-card .ic{width:32px;height:32px;border-radius:9px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;flex:none}
.float-card .ic svg{width:16px;height:16px;color:var(--gold-br)}
.float-card b{font-family:var(--disp);font-size:12.5px;font-weight:600;display:block}
.float-card small{font-size:10.5px;color:var(--mut)}
.fc-1{top:40px;left:-40px;animation:floaty 5s ease-in-out infinite}
.fc-2{bottom:40px;left:-26px;animation:floaty 5.6s ease-in-out infinite .8s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-fc .ic{animation:fcIcFlash 3s ease-in-out infinite}
.hero-fc .ic svg{animation:fcTickPop 3s ease-in-out infinite;transform-origin:center}
@keyframes fcIcFlash{0%,20%,58%,100%{background:var(--gold-soft); box-shadow:none} 35%{background:rgba(74,255,150,.20); box-shadow:0 0 16px 2px rgba(74,255,150,.5)}}
@keyframes fcTickPop{0%,20%,58%,100%{transform:scale(1); color:var(--gold-br)} 32%{transform:scale(1.22); color:#5dffab} 35%{transform:scale(1.18); color:#5dffab}}
@media(max-width:560px){
.float-card:not(.hero-fc){display:none}
}
.marquee-sec{padding:30px 0;background:var(--ink-2)}
.marquee-sec .lbl{text-align:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut-2);margin-bottom:18px}
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee .track{display:flex;gap:14px;padding-right:14px;animation:marqueeSlide 34s linear infinite;flex:none}
.marquee:hover .track{animation-play-state:paused}
@keyframes marqueeSlide{to{transform:translateX(-50%)}}
.chip{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:30px;white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.025);font-family:var(--disp);font-weight:500;font-size:14.5px;color:var(--mut)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--gold);opacity:.7}
.section{padding:96px 0}
#features{padding-top:72px}
#contact{padding-top:72px}
.sec-head{max-width:680px;margin-bottom:50px}
.sec-head.center{margin:0 auto 54px;text-align:center}
.sec-head h2{font-size:clamp(30px,4vw,46px);margin:14px 0 14px}
.sec-head p{color:var(--mut);font-size:17px}
.gold-band{position:relative;background:radial-gradient(ellipse 110% 55% at 50% 50%, rgba(201,162,75,.16), transparent 68%),radial-gradient(ellipse 80% 30% at 18% 30%, rgba(201,162,75,.07), transparent 60%),radial-gradient(ellipse 80% 30% at 82% 70%, rgba(201,162,75,.07), transparent 60%)}
.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.part{position:relative;border-radius:22px;padding:30px 26px;background:linear-gradient(180deg,#1b2436,#141b29);border:1px solid var(--line);overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s}
.part:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.4);box-shadow:0 26px 60px -28px rgba(201,162,75,.4)}
.part .pic{width:48px;height:48px;border-radius:13px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.exploded{margin-top:46px;text-align:center}
.exploded img{width:100%;max-width:760px;aspect-ratio:867/548;object-fit:cover;object-position:top center;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.exp-stage{position:relative;width:100%;max-width:760px;margin:0 auto;aspect-ratio:867/548}
.exp-p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));transition:translate .14s linear}
.exp-p1{clip-path:inset(0 67.36% 0 0);translate:calc((1 - var(--exp,1)) * 69px) 0}
.exp-p2{clip-path:inset(0 34.03% 0 32.64%)}
.exp-p3{clip-path:inset(0 0 0 65.97%);translate:calc((1 - var(--exp,1)) * -69px) 0}
@media(prefers-reduced-motion:reduce){
.exp-p{translate:none}
}
.exploded-cap{margin-top:6px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--mut);text-transform:uppercase}
.part:hover .pic{transform:scale(1.1) rotate(-5deg)}
.part .pic svg{width:24px;height:24px;color:var(--gold-br)}
.part h3{font-size:23px;font-weight:600;margin-bottom:9px}
.part p{font-size:14px;color:var(--mut);line-height:1.55}
.part .spec-line{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--gold-br)}
@media(max-width:820px){
.parts-grid{grid-template-columns:1fr}
}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.col{border-radius:24px;padding:34px 30px;display:flex;flex-direction:column}
.col-cloud{background:linear-gradient(180deg,#1b2436,#141b29);border:1px solid var(--line)}
.col .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:6px 13px 6px 10px;border-radius:30px;border:1px solid var(--gold-br);color:var(--gold-br);background:var(--gold-soft);border-color:rgba(201,162,75,.40);align-self:flex-start}
.col .tag::before{content:"";width:6px;height:6px;border-radius:50%;flex:none;background:var(--gold-br);animation:dotpulse 2.4s infinite}
.col h3{font-size:30px;font-weight:700;line-height:1.12;letter-spacing:-.022em;margin:16px 0 9px;color:transparent;background:linear-gradient(94deg,var(--gold-br),#F6E2A0 52%,var(--gold));-webkit-background-clip:text;background-clip:text}
.col .sub{font-size:14.5px;margin-bottom:8px;color:var(--mut)}
.col .rule{height:1px;margin:22px 0 8px;background:var(--line)}
.frow{position:relative;display:flex;gap:15px;padding:14px 14px 14px 16px;margin:0 -14px;border-radius:14px;align-items:flex-start;cursor:default;opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.2,.7,.2,1), transform .55s cubic-bezier(.2,.7,.2,1), background .3s ease, padding-left .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease}
.frow.frow-visible{opacity:1;transform:translateY(0)}
.frow.frow-pop .fic{transform:scale(1.22) rotate(-6deg)!important;transition:transform .38s cubic-bezier(.34,1.56,.64,1)!important}
.frow.frow-pop b{color:var(--gold-br)!important;transition:color .28s ease!important}
.frow::before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:3px;background:var(--gold-br);transition:height .3s cubic-bezier(.2,.7,.2,1)}
.frow:hover{padding-left:25px;background:rgba(201,162,75,.09);box-shadow:0 10px 34px -16px rgba(201,162,75,.55)}
.frow:hover::before{height:60%}
.frow:hover .fic{transform:scale(1.14) rotate(-5deg);background:rgba(201,162,75,.3);box-shadow:0 0 0 4px rgba(201,162,75,.16)}
.frow:hover b{color:var(--gold-br);letter-spacing:.01em}
.fic{width:42px;height:42px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--gold-soft);transition:transform .35s cubic-bezier(.34,1.56,.64,1), background .3s ease, box-shadow .3s ease}
.fic svg{width:20px;height:20px;color:var(--gold-br)}
.frow b{font-family:var(--disp);font-weight:600;font-size:15.5px;display:block;margin-bottom:2px;transition:color .3s ease, letter-spacing .3s ease}
.frow p{font-size:13.5px;line-height:1.5;color:var(--mut)}
@media(max-width:880px){
.feat-grid{grid-template-columns:1fr}
}
.cmp-sec{background:radial-gradient(820px 640px at 84% 22%, rgba(201,162,75,.10), transparent 60%), var(--ink-2)}
.cmp{max-width:860px;margin:0 auto;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(20,26,38,.4)}
.cmp-head{display:grid;grid-template-columns:1.1fr 1fr 1fr;padding:20px 26px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.cmp-head span{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut-2)}
.cmp-head span:nth-child(2){text-align:right}
.cmp-head span:last-child{text-align:right;color:var(--gold-br)}
.cmp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;padding:18px 26px;align-items:center;border-bottom:1px solid var(--line);transition:background .25s}
.cmp-row:last-child{border-bottom:none}
.cmp-row:hover{background:rgba(201,162,75,.05)}
.cmp-row .k{font-size:15px;color:var(--text)}
.cmp-row .typ{text-align:right;font-size:14.5px;color:var(--mut-2)}
.cmp-row .sch{text-align:right;font-family:var(--disp);font-weight:600;font-size:15px;color:var(--text)}
.cmp-row .sch.hl{color:var(--gold-br)}
@media(max-width:600px){
.cmp-head,.cmp-row{grid-template-columns:1fr .8fr .9fr;padding-left:18px;padding-right:18px}
.cmp-row .k{font-size:13.5px}
.cmp-row .typ,.cmp-row .sch{font-size:13px}
}
.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.set{display:flex;gap:18px;padding:28px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(27,36,54,.6),rgba(20,27,41,.4));transition:transform .4s cubic-bezier(.2,.7,.2,1), border-color .4s}
.set:hover{transform:translateY(-4px);border-color:rgba(201,162,75,.35)}
.set .ico{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;flex:none;border:1px solid rgba(201,162,75,.25)}
.set .ico svg{width:23px;height:23px;color:var(--gold-br)}
/* Were <h4> under an <h2> (SEO-W4.3) — a two-level skip on the page's only
   market-segment terms. h3 has a bare rule in this sheet and h4 does not, so
   line-height and letter-spacing are pinned back to what the h4 inherited.
   No margin is set: *{margin:0} at the top of the sheet already zeroes it. */
.set h3{font-family:var(--disp);font-weight:600;font-size:19px;line-height:1.55;letter-spacing:normal;margin-bottom:7px}
.set p{font-size:14px;color:var(--mut);line-height:1.55}
@media(max-width:720px){
.set-grid{grid-template-columns:1fr}
}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat .num{font-family:var(--disp);font-weight:700;font-size:clamp(40px,5.5vw,66px);color:var(--gold-br);line-height:1;letter-spacing:-.03em}
.stat .lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:12px}
@media(max-width:600px){
.stats{grid-template-columns:1fr 1fr;gap:38px 24px}
}
.spec-sec{background:radial-gradient(820px 640px at 16% 64%, rgba(201,162,75,.10), transparent 60%), var(--ink-2)}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.spec-card{border:1px solid var(--line);border-radius:22px;padding:34px 30px;background:rgba(20,26,38,.5)}
.spec-card .stitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.spec-card .stitle h3{font-size:20px}
.spec-card .stitle .dim{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--gold-br)}
.spec-visual{height:152px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;position:relative}
.spec-visual img.photo{height:147px;width:auto;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.5))}
.spec-visual img.photo.card{height:75px;width:auto;transform:none;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.srow{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.srow:last-child{border-bottom:none}
.srow .sk{color:var(--mut)}
.srow .sv{font-family:var(--disp);font-weight:500;color:var(--text);text-align:right}
@media(max-width:780px){
.spec-grid{grid-template-columns:1fr}
}
.res-card{border-radius:24px;padding:40px;text-align:center;background:linear-gradient(120deg,rgba(201,162,75,.12),rgba(20,27,41,.6));border:1px solid rgba(201,162,75,.3);max-width:var(--maxw);margin:0 auto}
.res-card h3{font-size:clamp(22px,3vw,30px);margin-bottom:10px}
.res-card p{color:var(--mut);font-size:16px;max-width:600px;margin:0 auto}
.cta-sec{position:relative;overflow:hidden}
.cta-glow{position:absolute;bottom:-40%;left:50%;transform:translateX(-50%);width:1200px;height:820px;background:radial-gradient(ellipse at center,rgba(201,162,75,.26),transparent 62%);pointer-events:none}
.cta-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;border:1px solid var(--line);border-radius:26px;padding:48px;background:rgba(20,26,38,.5)}
.cta-grid h2{font-size:clamp(30px,4vw,46px);margin-bottom:14px}
.cta-grid .lede{color:var(--mut);font-size:17px;margin-bottom:28px}
.cta-bens{display:flex;flex-direction:column;gap:13px;margin-bottom:30px}
.cta-bens div{display:flex;gap:11px;align-items:center;font-size:15.5px}
.cta-bens svg{width:20px;height:20px;color:var(--gold);flex:none}
.cta-side{display:flex;flex-direction:column;gap:16px;padding:30px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:20px}
.cta-side .big{font-family:var(--disp);font-weight:700;font-size:clamp(34px,4.4vw,52px);line-height:1;color:var(--gold-br);letter-spacing:-.03em;width:max-content;transform-origin:left center;animation:infBreathe 3.6s ease-in-out infinite}
@keyframes infBreathe{0%,100%{transform:scale(1); text-shadow:0 0 0 rgba(228,197,112,0)}50%{transform:scale(1.08); text-shadow:0 0 24px rgba(228,197,112,.55)}}
.cta-side .big-lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:-6px}
.cta-side .crule{height:1px;background:var(--line);margin:4px 0}
.cta-side .cline{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}
.cta-side .cline svg{width:17px;height:17px;color:var(--gold);flex:none}
.timeline{margin-top:34px;margin-bottom:48px;text-align:center}
.tl-lead{display:inline-block;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:36px}
.tl-steps{display:flex;gap:0}
.tl-step{flex:1;position:relative;padding:0 18px}
.tl-step::before{content:"";position:absolute;top:7px;left:50%;width:100%;height:2px;background:linear-gradient(90deg,var(--gold-br),rgba(201,162,75,.12));z-index:0}
.tl-step:last-child::before{display:none}
.tl-node{position:relative;z-index:1;width:16px;height:16px;margin:0 auto 22px;border-radius:50%;background:var(--gold-br);box-shadow:0 0 0 6px rgba(201,162,75,.12)}
.tl-node::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--gold-br);animation:tlPing 1.9s cubic-bezier(0,0,.2,1) infinite}
.tl-step:nth-child(2) .tl-node::after{animation-delay:.55s}
.tl-step:nth-child(3) .tl-node::after{animation-delay:1.1s}
.tl-step:first-child .tl-node{background:#34D399;box-shadow:0 0 0 6px rgba(52,211,153,.15)}
.tl-step:first-child .tl-node::after{background:#34D399}
.tl-step h3{font-family:var(--body);font-size:18px;font-weight:600;line-height:1.55;letter-spacing:-.01em;margin-bottom:7px}
.tl-step p{font-size:14px;color:var(--mut);line-height:1.5;max-width:230px;margin:0 auto}
@keyframes tlPing{0%{transform:scale(1); opacity:.6}70%,100%{transform:scale(2.6); opacity:0}}
@media(max-width:680px){
.tl-steps{flex-direction:column;max-width:420px;margin:0 auto}
.tl-step{flex:none;display:flex;gap:18px;text-align:left;padding:0 0 30px}
.tl-step::before{top:7px;left:7px;width:2px;height:100%;background:linear-gradient(180deg,var(--gold-br),rgba(201,162,75,.12))}
.tl-node{margin:3px 0 0}
.tl-step p{margin:0;max-width:none}
}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.faq-head h2{font-size:clamp(34px,4.4vw,52px);line-height:1.04;margin:18px 0 0}
.faq-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line);opacity:0;transform:translateY(12px);transition:opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1)}
.faq-list.in .faq-item{opacity:1;transform:none}
.faq-list.in .faq-item:nth-child(1){transition-delay:.04s}
.faq-list.in .faq-item:nth-child(2){transition-delay:.09s}
.faq-list.in .faq-item:nth-child(3){transition-delay:.14s}
.faq-list.in .faq-item:nth-child(4){transition-delay:.19s}
.faq-list.in .faq-item:nth-child(5){transition-delay:.24s}
.faq-list.in .faq-item:nth-child(6){transition-delay:.29s}
.faq-list.in .faq-item:nth-child(7){transition-delay:.34s}
.faq-list.in .faq-item:nth-child(8){transition-delay:.39s}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 4px;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--disp);font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text);transition:color .25s}
.faq-q:hover{color:#fff}
.faq-item.open .faq-q{color:var(--gold-br)}
.faq-q svg{width:18px;height:18px;flex:none;color:var(--mut-2);transition:transform .38s cubic-bezier(.4,0,.2,1), color .3s}
.faq-item.open .faq-q svg{transform:rotate(180deg);color:var(--gold-br)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a>div{overflow:hidden}
.faq-a p{margin:0;padding:0 4px 22px;color:var(--mut);font-size:14.5px;line-height:1.62;max-width:60ch;opacity:0;transition:opacity .3s ease}
.faq-item.open .faq-a p{opacity:1;transition:opacity .45s ease .12s}
.faq-foot{text-align:center;margin-top:52px}
.faq-foot p{color:var(--mut);font-size:15px;margin-bottom:18px}
@media(max-width:880px){
.faq-grid{grid-template-columns:1fr;gap:26px}
}
footer{padding:54px 0 30px;background:radial-gradient(900px 500px at 50% 110%, rgba(201,162,75,.10), transparent 62%), var(--ink-2)}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.foot-brand{max-width:340px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{color:var(--mut);font-size:13.5px;line-height:1.5;margin:0}
.foot-cols{display:flex;gap:64px;flex-wrap:wrap}
/* h2, not h4 (FINDINGS.md item 2). The report suggested h4, but the heading
   immediately before the footer is h1 on 404 and h2 on nine other pages, so
   h4 still skipped a level on eleven of twelve. Going shallower never skips,
   so h2 is valid everywhere. font-weight and line-height are pinned because
   these sheets carry a bare h2{font-weight:600;line-height:1.05} that h4 was
   never subject to; inherit keeps the body ratio, which differs per sheet. */
.foot-col h2{font-family:var(--mono);font-size:11px;font-weight:700;line-height:inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.foot-col a{display:block;color:var(--mut);font-size:14.5px;padding:5px 0;transition:.2s}
.foot-col a:hover{color:var(--gold-br)}
.foot-bot{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.fb-left{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.fb-links a{color:var(--mut);transition:color .2s}
.fb-links a:hover{color:var(--text)}
.fb-links a + a{margin-left:18px;position:relative}
.fb-links a + a::before{content:"·";position:absolute;left:-11px;color:var(--mut)}
@media(max-width:640px){
.foot-bot{flex-direction:column;align-items:flex-start;gap:12px}
.fb-left{flex-direction:column;align-items:flex-start;gap:10px}
}
.foot-note{font-size:12px;color:var(--mut);margin-top:16px;font-style:italic}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(max-width:880px){
.hero-grid,.cta-grid{grid-template-columns:1fr;gap:40px}
.hero{padding-top:120px}
.cta-grid{padding:32px}
}
@media(max-width:560px){
.hero h1{font-size:clamp(38px,11vw,52px)}
.hero .free{font-size:21px;margin-bottom:14px}
.hero p.lede{font-size:16.5px;margin-bottom:24px}
.sg-badge{font-size:11px;letter-spacing:.12em;padding:7px 13px}
.sg-badge em{display:none}
.section{padding:72px 0}
.wrap{padding:0 20px}
.wallplate{width:330px}
.reader{width:196px;height:196px}
.acard{right:-8px;width:122px;height:80px}
}
.nav-links{gap:34px}
.nav-links a{position:relative;font-size:15px;font-weight:500;color:var(--mut);letter-spacing:.005em;padding:2px 0;transition:color .22s}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--gold-br);transform:scaleX(0);transform-origin:50% 50%;opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .25s}
.nav-links a:hover{color:var(--text)}
.nav-links a:hover::after{transform:scaleX(.55);opacity:.45}
.nav-links a.active{color:var(--gold-br)}
.nav-links a.active::after{transform:scaleX(1);opacity:1;box-shadow:0 0 9px rgba(228,197,112,.55)}
.nav-cta{gap:22px}
.nav-cta .contact-link{font-size:15px;font-weight:500;color:var(--mut);transition:color .22s}
.nav-cta .contact-link:hover{color:var(--text)}
.menu-btn{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--text);align-items:center;justify-content:center;cursor:pointer;transition:.2s;padding:0}
.menu-btn:hover{background:rgba(255,255,255,.08)}
.menu-btn svg{width:20px;height:20px}
.mobile-panel{display:none;position:fixed;top:64px;left:14px;right:14px;z-index:49;background:rgba(20,26,38,.97);backdrop-filter:blur(16px);border:1px solid var(--line-2);border-radius:16px;padding:14px;flex-direction:column;gap:2px}
.mobile-panel.open{display:flex}
.mobile-panel a{padding:12px 14px;border-radius:10px;font-weight:500;color:var(--mut)}
.mobile-panel a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.mobile-panel a.active{color:var(--gold-br)}
.mobile-panel .btn{margin-top:8px;justify-content:center;color:#1a1505}
@media(max-width:820px){
.menu-btn{display:flex}
.nav-cta{display:none}
}
.nav-cta .contact-link{font-family:var(--body);font-size:14.5px;font-weight:500;color:var(--mut);transition:color .2s}
.nav-cta .contact-link:hover{color:var(--text)}
.nav-links{gap:34px}
@media(max-width:820px){
.nav-cta .contact-link{display:none}
}
footer .foot-brand{max-width:360px;display:block}
footer .foot-brand .brand{display:inline-flex;align-items:center;margin:0 0 14px}
footer .foot-brand .brand img.wordmark{width:auto!important;height:24px!important;border-radius:0!important;box-shadow:none!important}
footer .foot-brand .brand .sub{display:none}
footer .foot-brand p{margin:0}
.trust-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}
.trust-strip .tchip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;background:var(--gold-soft);border:1px solid rgba(201,162,75,.35);font-family:var(--disp);font-weight:500;font-size:13px;letter-spacing:.005em;color:var(--gold-br);position:relative;overflow:hidden}
.trust-strip .tchip svg{width:15px;height:15px;color:var(--gold-br);flex:none}
.trust-strip .tchip::after{content:"";position:absolute;top:0;left:-70%;width:42%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:shimmer 5.5s ease-in-out infinite;pointer-events:none}
.trust-strip .tchip:nth-child(1)::after{animation-delay:1s}
.trust-strip .tchip:nth-child(2)::after{animation-delay:1.22s}
.trust-strip .tchip:nth-child(3)::after{animation-delay:1.44s}
@media(max-width:560px){
.trust-strip{gap:8px}
.trust-strip .tchip{padding:7px 11px;font-size:12.5px}
}
#nav .nav-links{font-size:16.5px;font-weight:400}
#nav .nav-links a{font-size:16.5px;font-weight:400;position:relative}
#nav .nav-cta .contact-link,#nav .contact-link{font-size:16.5px;font-weight:400}
#nav .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--gold-br);transform:scaleX(0);transform-origin:50% 50%;opacity:0;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .25s}
#nav .nav-links a:hover::after{transform:scaleX(.55);opacity:.45}
#nav .nav-links a.active::after{transform:scaleX(1);opacity:1;box-shadow:0 0 9px rgba(228,197,112,.55)}
@media(min-width:821px){
#nav .nav-links{position:absolute;left:50%;transform:translateX(-50%)}
}
#nav .nav-links a::after{background:linear-gradient(94deg,var(--gold-br),#F6E2A0);transform-origin:0 50%;transition:transform .38s cubic-bezier(.22,.61,.36,1), opacity .3s}
#nav .nav-links a:hover::after{transform:scaleX(1);opacity:.85}
#nav .btn-gold{padding:10px 18px;border-radius:10px;font-size:14px}
#nav .btn-gold,#nav .nav-sales-m{background:rgba(201,162,75,.18);color:var(--gold-br);border:1px solid transparent;box-shadow:none;font-weight:500}
#nav .btn-gold:hover,#nav .nav-sales-m:hover{background:var(--gold);color:#1a1505;border-color:transparent}
#nav.nav{transition:background .3s ease, border-color .3s ease, padding .3s ease, box-shadow .3s ease}
#nav.scrolled{background:rgba(14,18,27,.7);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.09);padding-top:10px;padding-bottom:10px}
.mobile-panel{top:70px;left:12px;right:12px;background:rgba(15,20,30,.9);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:6px 22px;gap:0;box-shadow:0 32px 64px -24px rgba(0,0,0,.65)}
.mobile-panel.open{animation:mpIn .3s cubic-bezier(.22,.61,.36,1) both}
@keyframes mpIn{from{opacity:0; transform:translateY(-10px)}to{opacity:1; transform:none}}
.mobile-panel a{padding:16px 2px;border-radius:0;font-weight:400;font-size:15.5px;letter-spacing:.01em;color:var(--text);border-bottom:1px solid rgba(255,255,255,.06);background:none}
.mobile-panel a:hover{background:none;color:var(--gold-br)}
.mobile-panel a.active{color:var(--gold-br)}
.mobile-panel a.btn.btn-gold{margin:0;padding:16px 2px;background:none;border:none;border-radius:0;color:var(--gold-br);font-weight:600;font-size:15.5px;justify-content:space-between;overflow:visible;box-shadow:none}
.mobile-panel a.btn.btn-gold::after{content:"\2192";position:static;width:auto;height:auto;background:none;transform:none;animation:none;font-weight:400}
.mobile-panel::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(10,13,19,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mobile-panel .mp-eyebrow{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-br);opacity:.8;padding:12px 2px 4px}
.mobile-panel a{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.mobile-panel a .mp-d{font-size:12px;color:var(--mut-2,var(--mut));font-weight:400}
.mobile-panel a.btn.btn-gold{flex-direction:row;align-items:center}
.mobile-panel.open>*{animation:mpItem .38s cubic-bezier(.22,.61,.36,1) both}
.mobile-panel.open>*:nth-child(1){animation-delay:.03s}
.mobile-panel.open>*:nth-child(2){animation-delay:.07s}
.mobile-panel.open>*:nth-child(3){animation-delay:.11s}
.mobile-panel.open>*:nth-child(4){animation-delay:.15s}
.mobile-panel.open>*:nth-child(5){animation-delay:.19s}
.mobile-panel.open>*:nth-child(6){animation-delay:.23s}
@keyframes mpItem{from{opacity:0; transform:translateY(7px)}to{opacity:1; transform:none}}
.mobile-panel a:last-of-type{border-bottom:none}
.mobile-panel{padding:8px 20px 4px}
.mobile-panel::after{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(228,197,112,.55),transparent)}
.mobile-panel a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:13px 2px}
.mobile-panel a::after{content:"\203A";font-size:19px;line-height:1;color:var(--mut-2,var(--mut));opacity:.55;padding-right:2px}
.mobile-panel .mp-ic{width:38px;height:38px;border-radius:11px;background:var(--gold-soft,rgba(201,162,75,.13));border:1px solid rgba(201,162,75,.28);display:flex;align-items:center;justify-content:center}
.mobile-panel .mp-ic svg{width:17px;height:17px;color:var(--gold-br)}
.mobile-panel .mp-tx{display:flex;flex-direction:column;gap:2px}
.mobile-panel .mp-t{font-family:var(--disp);font-weight:500;font-size:16.5px;letter-spacing:-.01em;color:var(--text)}
.mobile-panel .mp-d{font-size:12px;color:var(--mut-2,var(--mut));font-weight:400}
.mobile-panel a.active .mp-t{color:var(--gold-br)}
.mobile-panel a.active .mp-ic{border-color:rgba(228,197,112,.6);box-shadow:0 0 14px -4px rgba(228,197,112,.5)}
.mobile-panel .mp-foot{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);padding:13px 2px 12px;border-top:1px solid rgba(255,255,255,.06)}
@media(prefers-reduced-motion:reduce){
.mobile-panel.open>*{animation:none}
}
@media(max-width:640px){
footer .foot-brand .brand{display:none}
footer .foot-brand::before{content:"Schonell";display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-br);margin-bottom:14px}
footer .foot-brand p{font-size:14.5px;line-height:1.7;color:var(--mut);margin:0}
footer .foot-brand p br{display:none}
footer .foot-top{margin-bottom:38px;gap:38px}
footer .foot-cols{display:grid;grid-template-columns:auto auto auto;gap:28px 22px;width:100%;justify-content:space-between}
footer .foot-col h2{white-space:nowrap}
footer .foot-bot{gap:14px}
footer .foot-bot>span{font-size:11.5px;letter-spacing:.02em;color:var(--mut);line-height:1.7}
footer .fb-left{display:flex;flex-direction:column;gap:8px;font-size:11.5px}
footer .foot-note{font-style:normal;font-size:11px;opacity:.6;margin-top:12px}
footer .foot-bot{border-top:0;position:relative}
footer .foot-bot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,197,112,.45),transparent)}
}
@media(min-width:641px){
footer{padding:72px 0 34px}
footer .foot-brand .brand{display:none}
footer .foot-brand::before{content:"Schonell";display:block;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-br);margin-bottom:16px}
footer .foot-top{margin-bottom:48px}
footer .foot-cols{gap:88px}
footer .foot-brand p{max-width:44ch}
footer .foot-bot{border-top:0;position:relative;padding-top:26px}
footer .foot-bot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,197,112,.4),transparent)}
footer .foot-note{font-style:normal;font-size:11.5px;opacity:.65}
}
.nav-sales-m{display:none}
.nav-sales-m .s-short{display:none}
@media(max-width:820px){
.nav-sales-m{display:inline-flex;align-items:center;margin-left:auto;margin-right:12px;padding:10px 16px;font-size:14px;border-radius:10px}
}
@media(max-width:380px){
.nav-sales-m{margin-right:10px;padding:9px 13px;font-size:13px}
.nav-sales-m .s-long{display:none}
.nav-sales-m .s-short{display:inline}
}
.showcase .reader-stage{flex-wrap:wrap;gap:0;align-items:center;justify-content:center;position:relative}
.showcase .reader-stage::before{content:"";position:absolute;inset:-32% -22%;z-index:0;pointer-events:none;display:block;background:radial-gradient(44% 50% at 50% 43%, rgba(201,162,75,.12), transparent 70%)}
.showcase .reader-stage::after{content:"";position:absolute;left:50%;bottom:-2%;width:56%;height:54px;transform:translateX(-50%);background:radial-gradient(ellipse at center, rgba(0,0,0,.5), transparent 72%);filter:blur(13px);z-index:0;pointer-events:none}
.showcase .wallplate{width:322px;z-index:1;position:relative}
.showcase .reader{width:322px;height:322px}
.showcase .reader .s-logo{filter:none}
.wallplate::before{content:none}
.fc-1{top:44px;left:-212px}
.fc-2{bottom:44px;left:-212px}
.sc-phone-wrap{flex:none;width:277px;height:606px;position:relative;z-index:3;margin-left:-86px}
.sc-phone{position:relative;width:375px;height:820px;box-sizing:border-box;transform:scale(.738);transform-origin:top left;--bg:#0c1219;--card:#131d2a;--raised:#19263a;--deep:#080e15;--b0:rgba(255,255,255,.06);--b1:rgba(255,255,255,.11);--gold:#c9a84c;--gold-dim:rgba(201,168,76,.12);--gold-br:rgba(201,168,76,.25);--t1:#edeae0;--t2:#7a9ec2;--t3:#2e4255;--green:#39b374;--green-dim:rgba(57,179,116,.12);--green-br:rgba(57,179,116,.28);background:var(--bg);border-radius:52px;border:9px solid #17243a;overflow:hidden;box-shadow:0 56px 104px -26px rgba(0,0,0,.72);font-family:'switzer','Helvetica Neue',sans-serif;text-align:left}
.sc-phone .nb{background:var(--bg);display:flex;justify-content:center;padding:13px 0 0}
.sc-phone .notch{width:116px;height:30px;background:#040709;border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:center;gap:8px}
.sc-phone .nc{width:10px;height:10px;border-radius:50%;background:#111b24;border:1px solid rgba(255,255,255,.04)}
.sc-phone .ns{width:5px;height:5px;border-radius:50%;background:#19273a}
.sc-phone .st{display:flex;justify-content:space-between;padding:7px 26px 8px}
.sc-phone .st span{color:var(--t2);font-size:12px;font-weight:600;letter-spacing:.3px}
.sc-phone .sc-body{height:729px;overflow:hidden;background:var(--bg)}
.sc-phone .dev-hdr{padding:18px 22px 12px}
.sc-phone .dev-title{color:var(--t1);font-size:26px;font-weight:700;letter-spacing:-.6px}
.sc-phone .tab-row{display:flex;margin:0 22px 16px;background:var(--deep);border-radius:12px;padding:3px;gap:3px;border:.5px solid var(--b0)}
.sc-phone .tab{flex:1;padding:8px 0;border-radius:9px;text-align:center;font-size:13px;font-weight:500;color:rgba(255,255,255,.45)}
.sc-phone .tab.on{background:#c9a84c;color:#0b1118;font-weight:600}
.sc-phone .dev-list{padding:0 22px;display:flex;flex-direction:column;gap:10px}
.sc-phone .drow{background:var(--card);border:.5px solid var(--b0);border-radius:18px;padding:14px 15px;display:flex;align-items:center;gap:14px}
.sc-phone .drow-thumb{width:52px;height:52px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}
.sc-phone .sc-thumb{background-image:url(/images/img-af79901a72.webp)}
.sc-phone .drow-info{flex:1;min-width:0}
.sc-phone .drow-name{color:var(--t1);font-size:15px;font-weight:600;letter-spacing:-.2px}
.sc-phone .drow-sub{font-size:11px;font-weight:500;color:var(--t2)}
.sc-phone .drow-estate{color:var(--t2);font-size:11px;margin-top:4px;display:flex;align-items:center;gap:5px}
.sc-phone .estate-pip{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.sc-phone .drow-lock{width:40px;height:40px;flex-shrink:0;background:var(--gold-dim);border:.5px solid var(--gold-br);border-radius:12px;display:flex;align-items:center;justify-content:center}
.sc-phone .access-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:30;display:flex;align-items:flex-end}
.sc-phone .access-sheet{background:var(--card);border-radius:28px 28px 0 0;border-top:.5px solid var(--b1);width:100%;overflow:hidden;padding-bottom:20px}
.sc-phone .acc-handle{display:flex;justify-content:center;padding:12px 0 0}
.sc-phone .acc-bar{width:36px;height:4px;border-radius:2px;background:var(--b1)}
.sc-phone .acc-hero{display:flex;align-items:center;gap:15px;padding:16px 22px 15px;border-bottom:.5px solid var(--b0)}
.sc-phone .acc-hero-img{width:52px;height:52px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}
.sc-phone .acc-hero-info{flex:1;min-width:0}
.sc-phone .acc-location{color:var(--t1);font-size:16px;font-weight:600;letter-spacing:-.2px}
.sc-phone .acc-sublocation{color:var(--t2);font-size:12px;margin-top:3px}
.sc-phone .acc-lock-row{display:flex;flex-direction:column;align-items:center;padding:20px 22px 14px;gap:8px}
.sc-phone .acc-lock-icon{width:64px;height:64px;border-radius:50%;background:var(--gold-dim);border:.5px solid var(--gold-br);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s}
.sc-phone .acc-lock-icon.unlocked{background:var(--green-dim);border-color:var(--green-br)}
.sc-phone .acc-state{display:none;flex-direction:column;align-items:center;gap:5px;width:100%}
.sc-phone .acc-state.visible{display:flex}
.sc-phone .acc-action-hint{color:var(--t2);font-size:13px;text-align:center}
.sc-phone .acc-action-hint strong{color:var(--t1)}
.sc-phone .spinner-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(201,168,76,.15);border-top-color:var(--gold);animation:sc-spin .72s linear infinite}
@keyframes sc-spin{to{transform:rotate(360deg)}}
.sc-phone .acc-sending{color:var(--t2);font-size:13px}
.sc-phone .acc-success-label{color:var(--green);font-size:15px;font-weight:600}
.sc-phone .acc-success-time{color:var(--t3);font-size:11px}
.sc-phone .acc-buttons{padding:0 22px;display:flex;flex-direction:column;gap:10px;margin-top:4px}
.sc-phone .acc-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px 0;border-radius:16px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:opacity .15s,transform .1s}
.sc-phone .acc-btn:active{transform:scale(.98);opacity:.88}
.sc-phone .acc-btn.open{background:var(--gold);color:#0b1118;animation:odPulse 1.9s ease-out infinite}
@keyframes odPulse{0%{box-shadow:0 0 0 0 rgba(201,168,76,.55)}70%{box-shadow:0 0 0 15px rgba(201,168,76,0)}100%{box-shadow:0 0 0 0 rgba(201,168,76,0)}}
.sc-phone .acc-btn.dismiss{background:var(--b0);color:var(--t2);border:.5px solid var(--b1)}
.sc-phone .acc-btn.done{background:var(--green-dim);color:var(--green);border:.5px solid var(--green-br)}
.sc-phone .acc-btn.open{position:relative;overflow:hidden;background:linear-gradient(180deg,#E6C773,#C9A84C);color:#0b1118;letter-spacing:.01em;filter:drop-shadow(0 7px 16px rgba(201,168,76,.5))}
.sc-phone .acc-btn.open::after{content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:odSweep 3s ease-in-out infinite}
.sc-phone .acc-btn.open:hover{filter:drop-shadow(0 9px 20px rgba(201,168,76,.62)) brightness(1.05)}
@keyframes odSweep{0%{left:-60%}45%{left:130%}100%{left:130%}}
.sc-specs{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:66px;position:relative;z-index:2}
.sc-spec-card{display:flex;align-items:center;gap:13px;background:rgba(20,26,38,.55);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:15px;padding:15px 20px;min-width:224px}
.sc-spec-card .ic{width:34px;height:34px;border-radius:10px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;flex:none}
.sc-spec-card .ic svg{width:17px;height:17px;color:var(--gold-br)}
.sc-spec-card b{font-family:var(--disp);font-size:13.5px;font-weight:600;display:block;color:var(--text);letter-spacing:-.01em}
.sc-spec-card small{font-size:11px;color:var(--mut)}
@media(max-width:560px){
.sc-specs{gap:10px;margin-top:46px}
.sc-spec-card{min-width:0;width:100%;max-width:320px}
}
@media(max-width:720px){
.showcase .reader-stage{flex-direction:row;flex-wrap:nowrap;gap:0;align-items:center;justify-content:center;margin-top:16px;left:-19px}
.sc-phone-wrap{width:238px;height:521px;margin-left:-81px;margin-top:0}
.sc-phone{transform:scale(.635)}
.showcase .reader{width:231px;height:231px}
.showcase .wallplate{width:231px}
.wallplate::before{content:"";position:absolute;inset:-30% -30%;border-radius:50%;background:radial-gradient(ellipse at center, rgba(201,162,75,.20), transparent 60%);z-index:-1}
.showcase{padding-bottom:20px}
}
@media(max-width:389px){
.showcase .reader-stage{left:-17px}
.sc-phone-wrap{width:220px;height:481px;margin-left:-75px}
.sc-phone{transform:scale(.586)}
.showcase .reader{width:214px;height:214px}
.showcase .wallplate{width:214px}
}
@media(min-width:431px) and (max-width:560px){
.showcase .reader-stage{left:-21px}
.sc-phone-wrap{width:261px;height:572px;margin-left:-89px}
.sc-phone{transform:scale(.697)}
.showcase .reader{width:254px;height:254px}
.showcase .wallplate{width:254px}
}
@media(min-width:561px) and (max-width:720px){
.showcase .reader-stage{left:-27px}
.sc-phone-wrap{width:341px;height:745px;margin-left:-116px}
.sc-phone{transform:scale(.909)}
.showcase .reader{width:331px;height:331px}
.showcase .wallplate{width:331px}
}
@media(max-width:359px){
.hero .sg-badge{font-size:11px;letter-spacing:.12em;padding:8px 13px}
}
@media(min-width:821px){
.nav{padding-left:40px;padding-right:40px}
}
.sg-badge{display:inline-flex;align-items:baseline;gap:0;padding:0;border:0;background:none;border-radius:0;overflow:visible;font-size:12px;letter-spacing:.2em}
.sg-badge .dot{display:none}
.sg-badge::after{content:none}
.sg-badge em{font-style:normal;margin-left:15px;padding-left:16px;position:relative;letter-spacing:.2em}
.sg-badge em::before{content:"";position:absolute;left:0;top:.1em;bottom:.1em;width:1px;background:currentColor;opacity:.38}
@media(max-width:359px){
.hero .sg-badge{padding:0;font-size:12px;letter-spacing:.2em}
}
.cmp-sec,.spec-sec{background:none;position:relative;z-index:0}
.cmp-sec::before,.spec-sec::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%)}
.cmp-sec::before{background:radial-gradient(820px 640px at 84% 22%, rgba(201,162,75,.10), transparent 60%)}
.spec-sec::before{background:radial-gradient(820px 640px at 16% 64%, rgba(201,162,75,.10), transparent 60%)}
.marquee-sec{background:none}
@supports not (mask-image:linear-gradient(#000,#000)){
.cmp-sec::before,.spec-sec::before{opacity:.6}
}
.set{transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s}
.set .ico{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.set:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.4);box-shadow:0 26px 60px -28px rgba(201,162,75,.4)}
.set:hover .ico{transform:scale(1.1) rotate(-5deg)}
@media(prefers-reduced-motion:reduce){
.set,.set .ico{transition:none}
.set:hover{transform:none}
.set:hover .ico{transform:none}
}
.marquee .track{--mq-shift:50%;will-change:transform;backface-visibility:hidden}
@keyframes marqueeSlide{to{transform:translateX(calc(var(--mq-shift) * -1))}}

/* ---------------------------------------------------------------------------
   No-JavaScript fallback.

   Reveal-on-scroll, the FAQ accordions, the feature rows and the staggered hero
   copy all start hidden and are uncovered by script. With scripting off or
   broken that left every page blank below the hero — 127 FAQ paragraphs and 25
   reveal blocks on the home page alone, and nothing said so.

   These undo the hidden state. The .js class is set in the <head> by build.js,
   so none of this applies when a script actually ran. Decorative things that
   start at opacity 0 — spinners, glows, hover underlines, the demo mockups —
   are deliberately left alone: the point is that the page reads, not that the
   animations are simulated.
   --------------------------------------------------------------------------- */
html:not(.js) .rv,
html:not(.js) .reveal,
html:not(.js) .frow,
html:not(.js) .blur-in,
html:not(.js) .faq-item,
html:not(.js) .pp-fig,
html:not(.js) .faq-a p,
html:not(.js) .rv h2,
html:not(.js) .list-intro,
html:not(.js) .trust-strip,
html:not(.js) .hero-ctas,
html:not(.js) .tier-note h3,
html:not(.js) .price,
html:not(.js) .sg-stack li,
html:not(.js) .ph figcaption span,
html:not(.js) .hs-eyebrow,
html:not(.js) .hs-copy .lede,
html:not(.js) .hs-copy .hv-ctas,
html:not(.js) .hs-lede-m,
html:not(.js) .hs-copy h1 .hl>span,
html:not(.js) .hv-line.l2{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
html:not(.js) .faq-a{grid-template-rows:1fr}

/* Skip link and the main landmark (see AGENTS.md).
   Off-screen rather than display:none, so it stays in the tab order and can be
   reached by the very first Tab press; it flies in on focus. #main takes
   tabindex="-1" so following the link actually moves focus, not just the
   viewport, and the scroll-margin keeps the fixed nav off the heading. */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;padding:12px 20px;background:#0E121B;color:#E4C570;border:1px solid currentColor;border-radius:0 0 10px 0;font-size:15px;font-weight:600;line-height:1;text-decoration:none}
.skip-link:focus{left:0}
#main{scroll-margin-top:90px}
#main:focus{outline:none}

/* Tap targets on touch devices (TCH-04).
   The footer's column links measured 33px and the Privacy/Terms pair 14px,
   against the 44px WCAG asks for. Padding rather than height, so the footer
   keeps its proportions on a pointer device — where these are fine already. */
@media (hover:none){
  footer .foot-col a{padding-block:11px}
  footer .fb-links a{display:inline-block;padding-block:15px}
}

/* The drawer's second group heading (see index.css note). */
.mp-eyebrow-2{margin-top:14px}