@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}
: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-2:#EFE7D5;--cream-ink:#1B212E;--cream-mut:#6A6A5E;--cream-line:rgba(27,33,46,.12);--cream-gold:#A87F2F;--cream-gold-ink:#8A6724;--gold:#C9A24B;--gold-br:#E4C570;--gold-soft:rgba(201,162,75,.13);--text:#EEF1F7;--mut:#98A1B2;--mut-2:#8A93A5;--rd:18px;--rd-sm:12px;--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;--ease:cubic-bezier(.2,.7,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
/* 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(1000px 640px at 10% 38%, rgba(201,162,75,.15), transparent 62%), radial-gradient(1050px 680px at 92% 48%, rgba(201,162,75,.13), transparent 62%), radial-gradient(1000px 640px at 14% 62%, rgba(201,162,75,.13), transparent 62%), radial-gradient(1050px 680px at 90% 84%, rgba(201,162,75,.13), transparent 62%), radial-gradient(1100px 560px at 50% 100%, rgba(201,162,75,.18), transparent 66%), var(--ink);background-repeat:no-repeat;color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{width:auto;max-width:100%;height:auto;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(40px,5.6vw,62px);margin-bottom:18px}
h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:14px}
h3{font-size:19px;margin-bottom:8px}
.eyebrow{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-br);display:block;margin-bottom:16px}
.lede{color:var(--mut);font-size:clamp(17px,2.2vw,20px);max-width:58ch;line-height:1.55}
.gold-grad{color:transparent;background:linear-gradient(94deg,var(--gold-br),#F6E2A0 52%,var(--gold));-webkit-background-clip:text;background-clip:text}
.nav{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;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(14,18,27,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.01em}
.brand img.wordmark{height:20.4px;width:auto;display:block}
.nav-links{display:flex;gap:34px;font-size:15px;font-weight:500}
.nav-links a{color:var(--mut);transition:.2s}
.nav-links a:hover{color:var(--text)}
.nav-links a.active{color:var(--gold-br)}
.nav-cta{display:flex;align-items:center;gap:20px}
.contact-link{color:var(--mut);font-size:15px;font-weight:500;transition:.2s}
.contact-link:hover{color:var(--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}
.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)}
@keyframes shimmer{0%,55%{left:-70%} 100%{left:130%}}
.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}
.hero{position:relative;z-index:2;padding:122px 0 78px;overflow:visible}
.hero .wrap{width:100%}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero-copy{max-width:540px;position:relative}
.hero .trust-strip{max-width:340px;padding-bottom:2px}
.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-image:url(/images/interphone-hero-2026.webp);background-size:cover;background-position:78% 44%;background-repeat:no-repeat}
.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%)}
.hero-panel{position:absolute;z-index:3;left:-2.5%;bottom:-5%;height:92%;width:auto;filter:drop-shadow(0 40px 70px rgba(0,0,0,.65));animation:panelfloat 7s ease-in-out infinite}
@keyframes panelfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-fc{position:absolute;left:18px;bottom:18px;z-index:3}
.hero-glow{position:absolute;top:-16%;left:44%;transform:translateX(-50%);width:1120px;height:720px;pointer-events:none;z-index:0;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-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-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-image:url(/images/interphone-hero-2026-m.webp);background-position:50% 50%;-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 10%, #000 96%, transparent 100%);mask-image:linear-gradient(180deg, transparent 0%, #000 10%, #000 96%, 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{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-panel{left:2%;right:auto;bottom:6%;height:76%;z-index:5}
.hero-fc{display:flex;left:auto;right:16px;bottom:20px;z-index:6}
}
@media(min-width:861px){
.hero{min-height:860px}
.hero-grid{grid-template-columns:1fr;position:static}
.hero-copy{position:relative;z-index:3;max-width:520px}
.hero-media{position:absolute;top:0;right:0;bottom:0;width:52vw;max-width:1150px;display:block;z-index:3}
.hero-shot{position:absolute;inset:0;width:auto;max-width:none;aspect-ratio:auto;border:none;border-radius:0;box-shadow:none;overflow:visible;animation:none}
.hero-bg{background-position:82% 42%;filter:sepia(.06) saturate(1.04) contrast(1.04) brightness(.96);-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 16%, #000 100%), linear-gradient(180deg, transparent 0%, #000 12%, #000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg, transparent 0%, #000 16%, #000 100%), linear-gradient(180deg, transparent 0%, #000 12%, #000 100%);mask-composite:intersect}
.shot-scrim{display:block;background:linear-gradient(180deg, rgba(9,12,19,.3) 0%, transparent 30%, transparent 58%, rgba(9,12,19,.55) 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg, #0E121B 0%, rgba(14,18,27,.94) 32%, rgba(14,18,27,.55) 43%, rgba(14,18,27,0) 53%)}
.hero-panel{left:calc(2vw - 165px);right:auto;bottom:-230px;height:641px;z-index:3}
.hero-fc{left:auto;right:24%;bottom:9%;z-index:4}
section.statement{padding-top:260px}
}
.sg-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:30px;border:1px solid rgba(201,162,75,.35);background:var(--gold-soft);position:relative;overflow:hidden;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-br);margin-bottom:22px}
.sg-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold-br);animation:dotpulse 2.4s infinite;flex:none}
@keyframes dotpulse{0%,100%{box-shadow:0 0 0 0 rgba(228,197,112,.5)} 55%{box-shadow:0 0 0 7px rgba(228,197,112,0)}}
.blur-in{opacity:0;filter:blur(12px);will-change:opacity,filter;animation:blurIn 1.1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.35s}
@keyframes blurIn{to{opacity:1; filter:blur(0)}}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.trust-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px}
.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;line-height:18px;letter-spacing:.005em;color:var(--gold-br)}
.tchip svg{width:15px;height:15px;color:var(--gold-br);flex:none}
.proof b{display:block;font-family:var(--disp);font-size:22px;font-weight:600;color:var(--text)}
.proof span{font-size:13px;color:var(--mut-2)}
.panel-stage{display:flex;justify-content:center;perspective:1200px}
.ic-panel{width:min(250px,64vw);aspect-ratio:150/480;border-radius:10px;position:relative;background:linear-gradient(115deg,#8d919a 0%,#b9bdc6 22%,#9aa0aa 44%,#c6cad2 66%,#8f939c 88%,#a7abb4 100%);box-shadow:0 40px 90px -30px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.16) inset, 0 0 90px -20px rgba(201,162,75,.35);transform:rotateY(-9deg) rotateX(2deg);animation:panelfloat 7s ease-in-out infinite}
@keyframes panelfloat{0%,100%{transform:rotateY(-9deg) rotateX(2deg) translateY(0)} 50%{transform:rotateY(-9deg) rotateX(2deg) translateY(-10px)}}
.ic-panel::before{content:"";position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(105deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);pointer-events:none}
.ic-sign{position:absolute;top:9%;left:14%;right:14%;text-align:left;font-family:var(--disp);font-weight:600;color:#fdf6e3;font-size:clamp(14px,2vw,17px);line-height:1.25;letter-spacing:.02em;text-shadow:0 0 10px rgba(253,240,200,.9),0 0 26px rgba(228,197,112,.55)}
.ic-sign small{display:block;margin-top:7px;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.14em;color:#f2e6bf;text-shadow:0 0 8px rgba(228,197,112,.7)}
.ic-eink{position:absolute;top:47%;left:22%;right:22%;aspect-ratio:1;background:#e9e6dc;border-radius:4px;box-shadow:inset 0 2px 6px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px}
.ic-eink .cap{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#3a3a33}
.ic-qr{width:58%;aspect-ratio:1;background:conic-gradient(#20242e 25%, transparent 0) 0 0/34% 34% no-repeat, conic-gradient(#20242e 25%, transparent 0) 100% 0/34% 34% no-repeat, conic-gradient(#20242e 25%, transparent 0) 0 100%/34% 34% no-repeat, repeating-linear-gradient(0deg,#20242e 0 6%,transparent 6% 12%), repeating-linear-gradient(90deg,#20242e 0 6%,#e9e6dc 6% 12%);animation:qrtick 4s steps(1) infinite}
@keyframes qrtick{0%,100%{filter:none} 50%{filter:invert(.06)}}
.ic-access{position:absolute;bottom:11%;left:26%;right:26%;aspect-ratio:1;background:linear-gradient(160deg,#14161c,#000);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center}
.ic-access span{font-family:var(--disp);font-weight:700;font-size:clamp(18px,2.4vw,24px);color:transparent;background:linear-gradient(120deg,var(--gold-br),#F6E2A0,var(--gold));-webkit-background-clip:text;background-clip:text}
.ic-foot{position:absolute;bottom:4.5%;left:0;right:0;text-align:center;font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#4b4f57}
.stage-cap{text-align:center;margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut-2)}
.statement{padding:96px 0;text-align:center;background:linear-gradient(180deg,transparent, rgba(0,0,0,.28) 18% 82%, transparent)}
.statement h2{font-size:clamp(26px,3.4vw,38px);max-width:20ch;margin:0 auto 18px}
.statement p{color:var(--mut);max-width:62ch;margin:0 auto;font-size:clamp(16px,2vw,18.5px);line-height:1.6}
.stmt-break{display:inline}
@media(max-width:860px){
.stmt-break{display:none}
}
.statement .no-list{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.no-list span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding:8px 15px;border:1px solid var(--line-2);border-radius:30px;color:var(--mut)}
.cream-zone{background:radial-gradient(70% 52% at 82% 6%, rgba(201,162,75,.21) 0%, rgba(201,162,75,.07) 45%, transparent 72%), radial-gradient(60% 46% at 10% 96%, rgba(201,162,75,.155) 0%, transparent 70%), linear-gradient(180deg, rgba(214,176,94,.07) 0%, transparent 22%), var(--cream);color:var(--cream-ink);position:relative}
.cream-zone::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.stats-in-why{max-width:var(--maxw);margin:76px auto 0;padding:0 24px 64px}
.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(34px,4.6vw,54px);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:900px){
.stats{grid-template-columns:1fr 1fr;gap:38px 24px}
}
.cream-zone .eyebrow{color:var(--cream-gold-ink)}
.cream-zone h2{color:var(--cream-ink)}
.cream-zone .sec-lede{color:var(--cream-mut);max-width:58ch;font-size:clamp(16px,2vw,18.5px)}
.sec{padding:96px 0}
.sec-head{margin-bottom:52px}
.pp-fig{font-family:var(--disp);font-weight:700;font-size:clamp(38px,5.6vw,56px);letter-spacing:-.035em;line-height:1;color:var(--text)}
.pp-fig span{font-size:.42em;font-weight:500;color:var(--mut);letter-spacing:0;padding-right:4px;vertical-align:.34em}
.pp-unit{font-family:var(--body);font-size:14.5px;color:var(--gold-br);margin-top:10px;letter-spacing:.01em}
.tier-note .pp-unit{margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--line);max-width:34ch;margin-left:auto;margin-right:auto}
.gold-rule{width:76px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-br));border:none;margin:18px 0 0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:step}
.step{background:#fff;border:1px solid var(--cream-line);border-radius:var(--rd);padding:30px 26px;position:relative;transition:.25s var(--ease);box-shadow:0 20px 44px -26px rgba(120,90,30,.35);overflow:hidden}
.step::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-br),transparent 80%)}
.step:hover{transform:translateY(-4px);box-shadow:0 28px 54px -26px rgba(120,90,30,.45)}
.steps{position:relative}
.step-col{position:relative}
.step-col:not(:last-child) .step .step-arrow{content:""}
.step:hover{transform:translateY(-4px);box-shadow:0 20px 44px -22px rgba(27,33,46,.28)}
.step::before{counter-increment:step;content:"0" counter(step);font-family:var(--disp);font-weight:700;font-size:42px;line-height:1;letter-spacing:-.02em;background:linear-gradient(120deg,#A87F2F,#D8B25C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:block}
.step h3{margin:12px 0 8px;color:var(--cream-ink)}
.step{padding-top:26px}
.step .glyph{position:absolute;top:21px;right:24px;width:34px;height:34px;margin-top:0;border-radius:10px}
.step .glyph svg{width:17px;height:17px}
.step-head{display:block;padding-right:58px}
.step-head h3{margin:10px 0 8px}
.step p{color:var(--cream-mut);font-size:15px;line-height:1.6}
.step .glyph{width:46px;height:46px;border-radius:12px;background:var(--cream);border:1px solid var(--cream-line);display:flex;align-items:center;justify-content:center;margin-top:20px;color:var(--cream-ink)}
.step .glyph svg{width:22px;height:22px}
.step{background:#1A2233;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 52px -28px rgba(12,16,24,.6)}
.step:hover{box-shadow:0 34px 64px -28px rgba(12,16,24,.72)}
.step h3{color:var(--text)}
.step p{color:var(--mut)}
.step .glyph{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);color:var(--text)}
.scan-strap{margin-top:30px;font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-mut);text-align:center}
.scan-strap b{color:var(--cream-gold-ink)}
.step-col{display:flex;flex-direction:column}
.step-col .step{flex:1}
.qrl-stage{--s:.8;display:flex;justify-content:center;margin:0 0 26px}
@media (max-width:1290px){
.qrl-stage{--s:.8}
}
@media (max-width:1150px){
.qrl-stage{--s:.7}
}
@media (max-width:1010px){
.qrl-stage{--s:.6}
}
@media (max-width:870px){
.qrl-stage{--s:.5}
}
@media (max-width:730px){
.steps{grid-template-columns:1fr}
.qrl-stage{--s:.85}
.qrl-ph{display:none}
.qrl-grant{display:flex}
.step-col{margin-bottom:6px}
}
.qrl{width:386px;height:844px;border-radius:52px;border:9px solid #17243a;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 40px 80px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.03);background:#0c1219;font-family:'switzer','Helvetica Neue',sans-serif;zoom:var(--s)}
.qrl .nb{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;padding:13px 0 0;z-index:30}
.qrl .notch{width:104px;height:28px;background:#040709;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px}
.qrl .nc{width:10px;height:10px;border-radius:50%;background:#111b24;border:1px solid rgba(255,255,255,0.04)}
.qrl .ns{width:5px;height:5px;border-radius:50%;background:#19273a}
.qrl .st{position:absolute;top:43px;left:0;right:0;display:flex;justify-content:space-between;padding:7px 26px 8px;z-index:30}
.qrl .st span{color:rgba(255,255,255,0.72);font-size:12px;font-weight:600;letter-spacing:0.3px}
.qrl .vid-wrap{position:absolute;inset:0;z-index:0;overflow:hidden}
.qrl .vid-wrap video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;filter:grayscale(1) brightness(0.80) contrast(1.10)}
.qrl .vid-tint{position:absolute;inset:0;z-index:1;pointer-events:none;background:#a87828;mix-blend-mode:color;opacity:0.72}
.qrl .vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(8,14,21,0.18) 0%,rgba(8,14,21,0.04) 20%,rgba(8,14,21,0.06) 45%,rgba(8,14,21,0.52) 66%,rgba(8,14,21,0.95) 84%,rgba(8,14,21,1.00) 100%)}
.qrl .hdr{position:absolute;top:78px;left:0;right:0;padding:0 26px;z-index:5}
.qrl .hdr-eyebrow{font-size:11px;font-weight:500;color:rgba(237,234,224,0.42);letter-spacing:0.05em;margin-bottom:4px}
.qrl .hdr-title{font-size:20px;font-weight:700;color:#edeae0;line-height:1.22;letter-spacing:-0.02em}
.qrl .actions{position:absolute;bottom:0;left:0;right:0;padding:0 20px 64px;z-index:5;display:flex;flex-direction:column;gap:9px}
.qrl .btn-qgold{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#c9a84c;border-radius:14px;cursor:pointer}
.qrl .btn-qgold .lbl{font-size:12px;font-weight:700;letter-spacing:0.09em;color:#0c1219;text-transform:uppercase}
.qrl .btn-ghost{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.10);border-radius:14px;cursor:pointer}
.qrl .btn-ghost .lbl{font-size:11px;font-weight:600;letter-spacing:0.09em;color:rgba(237,234,224,0.42);text-transform:uppercase}
.qrl .terms{font-size:9px;color:rgba(237,234,224,0.20);text-align:center;line-height:1.55;padding:0 10px}
.qrl .terms a{color:rgba(255,255,255,0.25)}
.qrl .logo-footer{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:6;pointer-events:none}
.qrl .logo-footer img{height:44px;width:auto;opacity:0.30}
.qrl.qrl-grant{display:flex;flex-direction:column;background:#0c1219}
.qrl-grant .qg-bar{z-index:10}
.qrl-grant .qg-body{background:transparent;z-index:5}
.qrl-grant .nb,.qrl-grant .st{z-index:30}
.qg-bar{flex-shrink:0;height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:0.5px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.15);position:relative;z-index:10;margin-top:62px}
.qg-bar .bar-lock{opacity:0.28}
.qg-bar .bar-url{font-size:11px;color:rgba(255,255,255,0.28);letter-spacing:0.03em;font-weight:500}
.qg-body{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}
.qg-hdr{padding:100px 26px 0;position:relative;z-index:2;flex-shrink:0}
.qg-hdr .hdr-eyebrow{font-size:11px;font-weight:500;color:rgba(237,234,224,0.45);letter-spacing:0.04em;margin-bottom:3px}
.qg-hdr .hdr-title{font-size:17px;font-weight:700;color:#edeae0;line-height:1.25;letter-spacing:-0.018em}
@keyframes grantCardIn{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}
@keyframes grantCircleIn{0%{opacity:0;transform:scale(0);}60%{transform:scale(1.12);}100%{opacity:1;transform:scale(1);}}
@keyframes grantRipple{0%{box-shadow:0 0 0 0 rgba(57,179,116,0.55);}70%{box-shadow:0 0 0 16px rgba(57,179,116,0);}100%{box-shadow:0 0 0 0 rgba(57,179,116,0);}}
@keyframes grantFadeUp{0%{opacity:0;transform:translateY(8px);}100%{opacity:1;transform:translateY(0);}}
@keyframes drainDown{0%{transform:scaleX(1);}100%{transform:scaleX(0);}}
@keyframes grantGlow{0%,100%{border-color:rgba(57,179,116,0.12);}50%{border-color:rgba(57,179,116,0.35);}}
.grant-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}
.grant-card{background:#131d2a;border:0.5px solid rgba(57,179,116,0.12);border-radius:22px;padding:32px 24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;animation:grantCardIn 0.45s cubic-bezier(0.22,0.61,0.36,1) 0.05s forwards}
.grant-icon-wrap{width:60px;height:60px;border-radius:50%;background:rgba(57,179,116,0.14);border:0.5px solid rgba(57,179,116,0.32);display:flex;align-items:center;justify-content:center;animation:grantCircleIn 0.42s cubic-bezier(0.34,1.56,0.64,1) 0.38s forwards,grantRipple 0.8s ease-out 0.80s forwards}
.grant-title{font-size:11px;font-weight:700;letter-spacing:0.15em;color:#edeae0;text-transform:uppercase;animation:grantFadeUp 0.35s ease-out 1.1s forwards}
.grant-sub{font-size:10px;color:rgba(237,234,224,0.45);text-align:center;line-height:1.6;animation:grantFadeUp 0.35s ease-out 1.22s forwards}
.drain-track{width:100%;height:2.5px;background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden}
.drain-fill{height:100%;background:#39b374;border-radius:2px;transform-origin:left;will-change:transform;animation:drainDown 5s linear 1.5s infinite;width:100%}
.drain-lbl{font-size:9px;color:rgba(237,234,224,0.22);letter-spacing:0.04em;animation:grantFadeUp 0.35s ease-out 1.38s forwards}
.drain-cd{display:inline-block;height:1em;line-height:1em;overflow:hidden;vertical-align:-0.12em}
.drain-cd-strip{display:block;animation:cdCount 5s steps(5) 1.5s infinite}
.drain-cd-strip span{display:block;height:1em;line-height:1em}
@keyframes cdCount{from{transform:translateY(0)}to{transform:translateY(-5em)}}
.qg-logo{position:absolute;bottom:16px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}
.qrl.qrl-call{display:flex;flex-direction:column;background:#131d2a}
.qrl-call .nb,.qrl-call .st{z-index:15}
.qrl-call .st span{color:rgba(255,255,255,0.9)}
.qrl-call .vid-screen{position:relative;flex:1;overflow:hidden;margin-top:62px}
.qrl-call .vid-bg{pointer-events:none;position:absolute;inset:0;background:#131d2a}
.qrl-call .vid-photo{position:absolute;top:78px;bottom:122px;left:0;right:0;width:100%;height:auto;max-height:calc(100% - 200px);object-fit:cover;object-position:50% 20%;background:#131d2a;z-index:1}
.qrl-call .vid-grad-top{position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(180deg,rgba(19,29,42,0.75) 0%,rgba(19,29,42,0.3) 55%,transparent 100%);z-index:2;pointer-events:none}
.qrl-call .vid-grad-bot{position:absolute;bottom:0;left:0;right:0;height:260px;background:linear-gradient(0deg,rgba(19,29,42,0.92) 0%,rgba(19,29,42,0.68) 38%,rgba(19,29,42,0.18) 72%,transparent 100%);z-index:2;pointer-events:none}
.qrl-call .vid-top{position:absolute;top:0;left:0;right:0;padding:10px 20px 0;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}
.qrl-call .vid-clock{font-size:12px;font-weight:700;color:#c9a84c;letter-spacing:0.4px;margin-bottom:2px}
.qrl-call .vid-device{font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.3px;line-height:1.2;margin-bottom:2px}
.qrl-call .vid-estate{font-size:11px;color:rgba(255,255,255,0.38);font-weight:400}
.qrl-call .live-badge{display:flex;align-items:center;gap:5px;background:#C34343;border-radius:22px;padding:5px 10px;flex-shrink:0;margin-top:2px}
.qrl-call .live-dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:qvBlink 1.5s ease-in-out infinite}
@keyframes qvBlink{0%,100%{opacity:0.42;}50%{opacity:1;}}
.qrl-call .live-txt{font-size:9px;font-weight:700;color:#fff;letter-spacing:0.5px}
.qrl-call .vid-bot{position:absolute;bottom:0;left:0;right:0;padding:0 20px 36px;z-index:10}
.qrl-call .ctrl-wrap{display:flex;flex-direction:column;align-items:center;gap:0}
.qrl-call .hangup{width:52px;height:52px;border-radius:50%;background:#C34343;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 18px rgba(224,85,85,0.38);cursor:pointer}
.qrl-call .connect-spinner{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}
.qrl-call .connect-spinner .cs-ring{width:58px;height:58px;border-radius:50%;border:2px solid rgba(201,168,76,0.16);border-top-color:#c9a84c}
@keyframes qvSpin{to{transform:rotate(360deg);}}
@media screen{
@keyframes qvSpinnerOut{0%{opacity:0;transform:scale(0.72);}14%{opacity:1;transform:scale(1);}72%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(1.22);}}
@keyframes qvContentIn{0%{opacity:0;transform:scale(0.97);}100%{opacity:1;transform:scale(1);}}
.js .qrl-call .anim-connect .anim-content{opacity:0}
.qrl-call .anim-connect.play .connect-spinner{animation:qvSpinnerOut 0.96s cubic-bezier(0.4,0,0.3,1) forwards}
.qrl-call .anim-connect.play .connect-spinner .cs-ring{animation:qvSpin 0.9s linear infinite}
.qrl-call .anim-connect.play .anim-content{animation:qvContentIn 0.6s cubic-bezier(0.22,0.61,0.36,1) 0.57s both}
}
.qrl-ph{display:flex;align-items:center;justify-content:center}
.ph-note{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(237,234,224,.34);text-align:center;line-height:2}
.ph-note span{font-size:10px;color:rgba(237,234,224,.18)}
.why{padding:100px 0}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why-card{background:linear-gradient(180deg,#1b2436,#141b29);border:1px solid var(--line);border-radius:var(--rd);padding:28px 26px;transition:.25s var(--ease)}
.why-card:hover{transform:translateY(-4px);border-color:rgba(201,162,75,.4);box-shadow:0 22px 50px -26px rgba(0,0,0,.7)}
.why-card .icon{width:44px;height:44px;border-radius:12px;background:var(--gold-soft);border:1px solid rgba(201,162,75,.3);color:var(--gold-br);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.why-card .icon svg{width:22px;height:22px}
.why-card h3{color:var(--text)}
.why-card p{color:var(--mut);font-size:14.5px;line-height:1.6}
.why-card p+p{margin-top:8px}
.specs-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.spec-table{width:100%;border-collapse:collapse}
.spec-table tr{border-bottom:1px solid var(--cream-line)}
.spec-table tr:last-child{border-bottom:none}
.spec-table th{font-family:var(--disp);font-weight:600;font-size:14.5px;color:var(--cream-ink);text-align:left;padding:13px 18px 13px 0;vertical-align:top;white-space:nowrap;width:132px}
.spec-table td{font-size:14.5px;color:var(--cream-mut);padding:13px 0;line-height:1.55}
.spec-table td b{color:var(--cream-ink);font-weight:600}
.mini-stage{position:sticky;top:110px}
.dims-img{display:block;width:100%;max-width:284px;margin:0 auto;height:auto}
.faq-sec{background:var(--ink)}
.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-list.in .faq-item:nth-child(9){transition-delay:.44s}
.faq-list.in .faq-item:nth-child(10){transition-delay:.49s}
.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);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-a p.faq-route{padding-top:0;padding-bottom:14px;border-left:2px solid rgba(201,162,75,.35);padding-left:14px;margin-bottom:8px}
.faq-a p.faq-route:last-child{padding-bottom:22px}
.faq-a p.faq-route b{color:var(--text)}
.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}
}
.proc-sec{background:var(--ink);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:nth-child(4) .tl-node::after{animation-delay:1.65s}
.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 h4{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:7px;color:var(--text)}
.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:0}
.tl-step p{margin:0}
}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px;text-align:left}
.vs-col{border-radius:var(--rd);padding:34px 32px;border:1px solid var(--line-2);background:rgba(20,26,38,.5)}
.vs-col.gold{border-color:rgba(201,162,75,.55);background:linear-gradient(180deg, rgba(201,162,75,.16), rgba(201,162,75,.05)), rgba(26,32,45,.6);box-shadow:0 0 40px -12px rgba(201,162,75,.22), 0 24px 60px -30px rgba(0,0,0,.6)}
.vs-col h3{font-size:17px;margin-bottom:22px;color:var(--mut)}
.vs-col.gold h3{color:var(--gold-br)}
.vs-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.vs-col li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--mut)}
.vs-col.gold li{color:var(--text)}
.vs-col li svg{width:15px;height:15px;flex:none;margin-top:3px}
.vs-col li .x{color:#7b8494}
.vs-col li .c{color:var(--gold-br)}
@media(max-width:820px){
.vs-grid{grid-template-columns:1fr}
}
.fid-stage{display:flex;justify-content:center;margin:6px 0 0}
.fid-svg{width:min(116px,27vw);height:auto;overflow:visible}
.fid-stage ~ .vs-grid{margin-top:14px}
@media(max-width:820px){
.fid-stage{margin:2px 0 0}
.fid-stage ~ .vs-grid{margin-top:10px}
}
.plan-note{text-align:center;font-size:15px;color:var(--mut);margin-top:44px}
.plan-note b{color:var(--text);font-weight:600}
.hw-showcase{background:var(--ink)}
.hw-showcase .sec{padding-bottom:44px}
.pb-stage{position:relative;max-width:460px;margin:0 auto}
.pb-stage img{width:100%;height:auto;display:block;filter:drop-shadow(0 34px 60px rgba(0,0,0,.5))}
.pb-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(20,26,38,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-2);box-shadow:0 20px 46px -20px rgba(0,0,0,.7);white-space:nowrap;text-align:left}
.pb-tag b{font-family:var(--disp);font-weight:600;font-size:12.5px;display:block;line-height:1.25;color:var(--text)}
.pb-tag span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--mut)}
.pb-tag::after{content:"";position:absolute;top:50%;width:34px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.pb-tag.tag-l{right:calc(100% + 40px)}
.pb-tag.tag-l::after{left:100%;background:linear-gradient(90deg,var(--gold),transparent)}
.pb-tag.tag-r{left:calc(100% + 40px)}
.pb-tag.tag-r::after{right:100%;background:linear-gradient(270deg,var(--gold),transparent)}
.pbt-1{top:13%}
.pbt-2{top:47%}
.pbt-3{top:70%}
.pbt-4{top:9%}
.pbt-5{top:56%}
@media (min-width:1061px){
.pb-stage .pb-tag{transition:translate .16s linear, opacity .3s ease}
.pb-stage .tag-l{translate:calc((1 - var(--ann,1)) * 30px) 0;opacity:calc(.25 + .75 * var(--ann,1))}
.pb-stage .tag-r{translate:calc((1 - var(--ann,1)) * -30px) 0;opacity:calc(.25 + .75 * var(--ann,1))}
.pb-stage .pb-tag::after{transform-origin:center;scale:calc(.2 + .8 * var(--ann,1)) 1}
}
@media (prefers-reduced-motion:reduce){
.pb-stage .pb-tag{translate:none;opacity:1}
.pb-stage .pb-tag::after{scale:none}
}
@media (max-width:1060px){
.pb-tag{position:static;white-space:normal}
.pb-tag::after{display:none}
.pb-stage{display:flex;flex-direction:column;align-items:center}
.pb-stage img{order:-1;margin-bottom:22px}
.pb-tags-note{display:none}
.pb-tag{margin:4px 0;width:min(320px,100%)}
}
.panel-pair{margin:6px auto 8px;max-width:440px;text-align:center}
.panel-pair img{width:100%;height:auto;filter:drop-shadow(0 34px 60px rgba(0,0,0,.5))}
.panel-pair figcaption{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-top:18px}
.mini-stage .ic-panel{margin:0 auto;animation:none;transform:rotateY(-7deg)}
.dim-cap{position:relative;max-width:284px;margin:22px auto 0;min-height:15px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--cream-mut)}
.dim-cap .dc-dims{position:absolute;top:0;left:28.6%;transform:translateX(-50%);display:flex;gap:26px;white-space:nowrap}
.dim-cap .dc-wt{position:absolute;top:0;left:94%;transform:translateX(-50%);white-space:nowrap}
.cert-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.cert-strip span{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;padding:8px 14px;border:1px solid var(--cream-line);border-radius:30px;background:#fff;color:var(--cream-ink)}
.tier{padding:100px 0}
.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.tcol{border-radius:24px;padding:34px 30px;display:flex;flex-direction:column}
.tcol-free{background:var(--cream);color:var(--cream-ink)}
.tcol-cloud{background:linear-gradient(180deg,#1b2436,#141b29);border:1px solid rgba(201,162,75,.4);position:relative;box-shadow:0 30px 70px -34px rgba(201,162,75,.35)}
.tcol .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;align-self:flex-start}
.tcol .tag::before{content:"";width:6px;height:6px;border-radius:50%;flex:none}
.tcol-free .tag{color:#7e6c39;background:rgba(154,138,85,.13);border-color:rgba(154,138,85,.30)}
.tcol-free .tag::before{background:#9a8a55}
.tcol-cloud .tag{color:var(--gold-br);background:var(--gold-soft);border-color:rgba(201,162,75,.40)}
.tcol-cloud .tag::before{background:var(--gold-br);animation:dotpulse 2.4s infinite}
.tcol h3{font-size:28px;font-weight:700;line-height:1.12;letter-spacing:-.022em;margin:16px 0 9px}
.tcol-free h3{color:var(--cream-ink)}
.tcol-cloud h3{color:transparent;background:linear-gradient(94deg,var(--gold-br),#F6E2A0 52%,var(--gold));-webkit-background-clip:text;background-clip:text}
.tcol .sub{font-size:14.5px;margin-bottom:8px}
.tcol-free .sub{color:var(--cream-mut)}
.tcol-cloud .sub{color:var(--mut)}
.tcol .rule{height:1px;margin:22px 0 8px}
.tcol-free .rule{background:rgba(0,0,0,.1)}
.tcol-cloud .rule{background:var(--line)}
.trow{display:flex;gap:14px;padding:12px 2px;align-items:flex-start}
.trow .tic{width:38px;height:38px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center}
.tcol-free .tic{background:rgba(27,33,46,.07);color:#2a3142}
.tcol-cloud .tic{background:var(--gold-soft);color:var(--gold-br)}
.trow .tic svg{width:19px;height:19px}
.trow b{font-family:var(--disp);font-weight:600;font-size:15px;display:block;margin-bottom:2px}
.trow p{font-size:13.5px;line-height:1.5}
.tcol-free .trow p{color:var(--cream-mut)}
.tcol-cloud .trow p{color:var(--mut)}
.tier-plus{display:flex;align-items:center;justify-content:center;margin:0;position:relative;z-index:2}
.plus-badge{width:52px;height:52px;border-radius:50%;background:var(--gold);color:#1a1505;font-family:var(--disp);font-weight:700;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(201,162,75,.6);margin:-14px auto}
.tier-note{margin-top:112px;text-align:center}
.tier-note h3{font-size:clamp(19px,2.4vw,23px);margin-bottom:8px}
.tier-note p{color:var(--mut);font-size:15.5px;max-width:56ch;margin:0 auto}
@media(max-width:820px){
.tier-grid{grid-template-columns:1fr}
}
.cta-band{padding:64px 0 110px;text-align:center;background:radial-gradient(900px 480px at 50% 100%, rgba(201,162,75,.16), transparent 62%)}
.cta-band h2{max-width:22ch;margin:0 auto 16px}
.cta-band p{color:var(--mut);max-width:56ch;margin:0 auto 34px}
.cta-band .hero-ctas{justify-content:center;margin-top:0}
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 .brand img.wordmark{height:24px}
.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;gap:8px 20px;flex-wrap:wrap}
.fb-links a{margin-right:16px;transition:.2s}
.fb-links a:hover{color:var(--gold-br)}
.foot-note{font-size:12px;color:var(--mut);margin-top:16px;font-style:italic}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease), transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.pp-fig{opacity:0;filter:blur(10px);transform:translateY(6px);will-change:opacity,filter}
.rv.in .pp-fig{animation:priceIn .85s cubic-bezier(.22,.61,.36,1) .22s forwards}
@keyframes priceIn{to{opacity:1; filter:blur(0); transform:none}}
@media(prefers-reduced-motion:reduce){
.pp-fig{opacity:1;filter:none;transform:none}
.rv.in .pp-fig{animation:none}
}
.steps .step:nth-child(2),.why-grid .why-card:nth-child(2),.why-grid .why-card:nth-child(5){transition-delay:.12s}
.steps .step:nth-child(3),.why-grid .why-card:nth-child(3),.why-grid .why-card:nth-child(6){transition-delay:.24s}
.tier-grid .tcol-cloud{transition-delay:.14s}
.sbar{position:fixed;top:0;left:0;height:2px;width:0;z-index:60;background:linear-gradient(90deg,var(--gold),var(--gold-br));box-shadow:0 0 12px rgba(228,197,112,.55)}
.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 32s 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}
.panel-stage{position:relative}
.ic-panel{transition:transform .25s ease-out;will-change:transform}
.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:rgba(20,26,38,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-2);box-shadow:0 20px 46px -20px rgba(0,0,0,.7);font-size:13px;color:var(--text);animation:cardfloat 6s ease-in-out infinite;will-change:transform}
.float-card .fci{width:32px;height:32px;border-radius:9px;background:var(--gold-soft);border:1px solid rgba(201,162,75,.3);color:var(--gold-br);display:flex;align-items:center;justify-content:center;flex:none}
.float-card .fci svg{width:16px;height:16px}
.float-card b{font-family:var(--disp);font-weight:600;font-size:13.5px;display:block;line-height:1.25}
.float-card span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--mut)}
.fc-1{top:9%;left:-6%;animation-delay:.4s}
.fc-2{top:44%;right:-9%;animation-delay:1.6s}
.fc-3{bottom:7%;left:-2%;animation-delay:2.8s}
@keyframes cardfloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)}}
.fc-live{width:7px;height:7px;border-radius:50%;background:#5fd08a;flex:none;animation:dotpulse 2s infinite}
.qr-count{font-variant-numeric:tabular-nums}
.proof b{font-variant-numeric:tabular-nums}
.cream-zone::before{transform:scaleX(0);transition:transform 1.2s var(--ease)}
.cream-zone.in::before{transform:scaleX(1)}
@media(max-width:960px){
.fc-1{left:0}
.fc-2{right:0}
.fc-3{left:4%}
}
@media(max-width:640px){
.float-card{padding:9px 12px}
.float-card b{font-size:12px}
.fc-2{display:none}
}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-br);outline-offset:3px;border-radius:6px}
.hero{overflow-x:clip}
@media(max-width:960px){
.hero-grid{grid-template-columns:1fr;gap:48px}
.panel-stage{order:2}
.why-grid{grid-template-columns:1fr 1fr}
.specs-grid{grid-template-columns:1fr;gap:44px}
.mini-stage{position:static}
}
@media(max-width:820px){
.nav-links,.nav-cta{display:none}
.menu-btn{display:flex}
}
@media(max-width:640px){
.wrap{padding:0 18px}
.hero{padding-top:128px}
h1{font-size:clamp(36px,10vw,52px)}
.why-grid{grid-template-columns:1fr}
.sec,.why{padding:76px 0}
.tier{padding:72px 0}
.tier-note{margin-top:48px}
.cta-band{padding-bottom:72px}
.statement{padding-bottom:64px}
.foot-bot{flex-direction:column;align-items:flex-start;gap:12px}
}
.hero{background:var(--cream)}
.hero h1{color:var(--cream-ink);margin-bottom:12px;font-size:clamp(38px,5.2vw,58px);line-height:1.06}
.hero .sg-badge em{font-style:normal;margin-left:5px;color:var(--cream-mut)}
@media(max-width:560px){
.hero .sg-badge em{display:none}
}
@media(max-width:359px){
.hero .sg-badge{font-size:11px;letter-spacing:.12em;padding:8px 13px}
}
.hero .free{font-family:var(--disp);font-weight:700;font-size:clamp(21px,2.7vw,33px);letter-spacing:-.02em;line-height:1.12;margin:0 0 16px;display:block}
.hero .free .shine{background:linear-gradient(90deg,#8F6A24,#C9A24B,#8F6A24,#C9A24B);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:freeShine 5s linear infinite}
.hero .free.blur-in{animation:blurIn 1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.95s}
@media(max-width:860px){
.hero h1{font-size:clamp(30px,8.6vw,44px)}
.hero .free{font-size:20px;margin-bottom:12px}
}
.hero .gold-grad{background:linear-gradient(94deg,#A87F2F,#C9A24B 55%,#8F6A24);-webkit-background-clip:text;background-clip:text}
.hero .lede{color:#5C6155}
.hero .sg-badge{border-color:rgba(168,127,47,.45);background:rgba(168,127,47,.10);color:var(--cream-ink)}
.hero .sg-badge .dot{background:var(--cream-gold)}
.hero .btn-ghost{background:rgba(27,33,46,.05);color:var(--cream-ink);border-color:var(--cream-line)}
.hero .tchip{background:rgba(168,127,47,.10);border-color:rgba(168,127,47,.45);color:var(--cream-gold-ink)}
.hero .tchip svg{color:var(--cream-gold-ink)}
.hero-glow{opacity:.5}
nav:not(.scrolled) .nav-links a,nav:not(.scrolled) .contact-link{color:#5C6155}
nav:not(.scrolled) .nav-links a:hover{color:var(--cream-ink)}
nav:not(.scrolled) .nav-links a.active{color:var(--cream-gold-ink)}
nav:not(.scrolled) .brand img.wordmark{filter:brightness(.2)}
nav:not(.scrolled) .menu-btn{color:var(--cream-ink);border-color:var(--cream-line);background:rgba(27,33,46,.05)}
#nav:not(.scrolled) .btn-gold,#nav:not(.scrolled) .nav-sales-m{background:var(--gold);color:#1a1505;border-color:transparent}
@media(min-width:861px){
.hero::after{background:linear-gradient(90deg, #F5EFE2 0%, rgba(245,239,226,.94) 32%, rgba(245,239,226,.55) 43%, rgba(245,239,226,0) 53%)}
.shot-scrim{display:block;background:linear-gradient(180deg, rgba(245,239,226,.18) 0%, transparent 30%, transparent 76%, rgba(245,239,226,.25) 87%, rgba(245,239,226,.7) 95%, var(--cream) 100%)}
}
@media(max-width:860px){
.shot-scrim{background:linear-gradient(180deg, rgba(245,239,226,.55) 0%, transparent 26%, transparent 60%, rgba(245,239,226,.75) 92%, var(--cream) 100%)}
}
.inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.inc-card{display:flex;align-items:center;gap:16px;border-radius:var(--rd);padding:18px 22px;border:1px solid rgba(201,162,75,.26);background:linear-gradient(180deg, rgba(201,162,75,.06), rgba(255,255,255,.015));transition:.25s ease}
.inc-card:hover{transform:translateY(-2px);border-color:rgba(201,162,75,.5)}
.inc-ic{width:42px;height:42px;border-radius:12px;background:var(--gold-soft);border:1px solid rgba(201,162,75,.3);color:var(--gold-br);display:flex;align-items:center;justify-content:center;flex:none}
.inc-ic svg{width:20px;height:20px}
.inc-body h3{font-size:16.5px;margin:0 0 3px;color:var(--text);display:flex;align-items:center;gap:10px}
.inc-tag{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-br);border:1px solid rgba(201,162,75,.4);border-radius:20px;padding:2px 9px}
.inc-body p{font-size:13.5px;line-height:1.45;color:var(--mut);margin:0}
.inc-arrow{margin-left:auto;font-family:var(--disp);font-weight:600;font-size:18px;color:var(--gold-br);flex:none}
@media(max-width:820px){
.inc-grid{grid-template-columns:1fr}
}
.statement{background:linear-gradient(180deg, var(--cream) 0%, rgba(245,239,226,0) 14%), radial-gradient(70% 52% at 82% 22%, rgba(201,162,75,.19) 0%, rgba(201,162,75,.06) 45%, transparent 72%), radial-gradient(60% 46% at 10% 96%, rgba(201,162,75,.14) 0%, transparent 70%), var(--cream)}
.statement h2{color:var(--cream-ink)}
.statement p{color:#5C6155}
.statement .eyebrow{color:var(--cream-gold-ink)}
.no-list span{border-color:var(--cream-line);color:#5C6155;background:rgba(27,33,46,.03)}
.marquee-sec{background:var(--cream)}
/* On this page the marquee sits on cream --paper, not the dark ground, and
   #8a8474 reached only 3.25:1 there. #686357 is the same warm hue darker,
   at 5.22:1. Browser-measured; axe misses it because the section behind
   carries a gradient. Same class as FINDINGS.md items 1 and 3. */
.marquee-sec .lbl{color:#686357}
.marquee .chip{border-color:var(--cream-line);background:rgba(27,33,46,.035);color:#4d5245}
.connect-spinner{display:none!important}
.anim-connect .anim-content{opacity:1}
.anim-connect.play .anim-content{animation:none}
.connect-spinner{display:none!important}
.anim-connect .anim-content{opacity:1!important}
.anim-connect.play .anim-content{animation:none!important}
.wrap.sec{padding-left:24px;padding-right:24px}
@media(max-width:640px){
.wrap.sec{padding-left:18px;padding-right:18px}
}
@media(max-width:860px){
.hero-panel{left:50%;right:auto;top:auto;bottom:-105.5%;height:137.5%;transform:translateX(-50%);animation:none!important;z-index:5}
section.statement{padding-top:calc(72.7vw - 20px)}
}
.hw-showcase,.proc-sec,.faq-sec{background:transparent;border-top:none}
.dsn-sec{position:relative;overflow:hidden;padding:200px 0 190px}
.dsn-photo{position:absolute;top:90px;bottom:90px;left:max(calc(50% - 50vw), -164px);width:min(52vw, 760px);background-size:cover;background-position:18% 46%;background-repeat:no-repeat;filter:sepia(.14) saturate(1.06) contrast(1.04) brightness(.9);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 58%,transparent 93%),linear-gradient(180deg,transparent 0%,#000 17%,#000 83%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 58%,transparent 93%),linear-gradient(180deg,transparent 0%,#000 17%,#000 83%,transparent 100%);mask-composite:intersect}
.dsn-copy{margin-left:auto;max-width:520px;position:relative;z-index:2}
.dsn-items{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px;margin-top:34px}
.dsn-item b{display:block;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-br);margin-bottom:7px}
.dsn-item p{color:var(--mut);font-size:14.5px;line-height:1.55}
@media(max-width:860px){
.dsn-sec{padding:26px 0 70px}
.dsn-photo{position:relative;width:100%;height:70vw;margin-bottom:34px;background-position:26% 46%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 76%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 76%,transparent 100%);mask-composite:intersect}
.dsn-copy{max-width:none;margin:0}
.dsn-items{grid-template-columns:1fr;gap:22px}
}
.hero-panel img{height:100%;width:auto;max-width:none;display:block}
.qr-focus{position:absolute;left:42%;top:45.2%;width:16.8%;height:6.8%;border-radius:7px;border:1px solid rgba(255,204,0,.9);border-radius:5px;opacity:0;pointer-events:none;box-shadow:0 0 8px rgba(255,204,0,.14);animation:qrFocus 5.5s ease-in-out .8s infinite;transform-origin:center}
@keyframes qrFocus{0%,8%{opacity:0; transform:scale(2.4)} 14%{opacity:1; transform:scale(2.2)} 26%{transform:scale(1)} 32%{transform:scale(1.12)} 38%{transform:scale(1)} 60%{opacity:1} 74%,100%{opacity:0; transform:scale(1)}}
.vid-wrap .cine-bg{position:absolute;top:50%;left:50%;width:110%;height:110%;transform:translate(-50%,-50%);background:url(/images/img-dfc9578344.webp?v=2) center/cover no-repeat;animation:cinePan 12s ease-in-out infinite alternate}
@keyframes cinePan{from{transform:translate3d(-50%,-50%,0) scale(1)}to{transform:translate3d(-51%,-48.5%,0) scale(1.05)}}
@keyframes cineSweep{0%,10%{transform:translate3d(-100%,0,0)}62%,100%{transform:translate3d(100%,0,0)}}
@keyframes heroUp{from{opacity:0; transform:translateY(22px)}to{opacity:1; transform:none}}
.hero-copy>*:not(.blur-in){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 freeShine{to{background-position:250% 0}}
.hero h1 .gold-grad{background:linear-gradient(90deg,#8F6A24,#C9A24B,#8F6A24,#C9A24B);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:freeShine 5s linear infinite}
@keyframes heroPhone{from{opacity:0; transform:translateY(30px) scale(.96)}to{opacity:1; transform:none}}
.hero-panel{animation:heroPhone 1s .25s cubic-bezier(.2,.7,.2,1) both, panelfloat 7s 1.4s ease-in-out infinite}
.sec-head h2{font-size:clamp(30px,4vw,46px)}
.why-grid .why-card:nth-child(2){transition-delay:.08s}
.why-grid .why-card:nth-child(3){transition-delay:.16s}
.why-grid .why-card:nth-child(4){transition-delay:.24s}
.why-grid .why-card:nth-child(5){transition-delay:.32s}
.why-grid .why-card:nth-child(6){transition-delay:.40s}
.steps .step-col .step.rv{transition-duration:1.1s}
.steps .step-col:nth-child(1) .rv{transition-delay:0s}
.steps .step-col:nth-child(2) .rv{transition-delay:.4s}
.steps .step-col:nth-child(3) .rv{transition-delay:1s}
@media (prefers-reduced-motion:reduce){
.steps .step-col .step.rv{transition-duration:.01s;transition-delay:0s!important}
}
.vs-grid .vs-col:nth-child(2){transition-delay:.15s}
.inc-grid .inc-card:nth-child(2){transition-delay:.15s}
.tcol .trow{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease), transform .55s var(--ease)}
.tcol.in .trow{opacity:1;transform:none}
.tcol.in .trow:nth-child(3){transition-delay:.10s}
.tcol.in .trow:nth-child(4){transition-delay:.18s}
.tcol.in .trow:nth-child(5){transition-delay:.26s}
.tcol.in .trow:nth-child(6){transition-delay:.34s}
.tcol.in .trow:nth-child(7){transition-delay:.42s}
.tcol.in .trow:nth-child(8){transition-delay:.50s}
.rv h2,.tier-note h3{opacity:0;filter:blur(12px);will-change:opacity,filter}
.rv.in h2,.tier-note.in h3{animation:blurIn 1.1s cubic-bezier(.22,.61,.36,1) forwards}
.one-panel{background:transparent;border:none;padding:0}
.one-panel .tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:6px 13px;border:1px solid rgba(201,162,75,.45);border-radius:30px;color:var(--gold-br);margin-bottom:18px}
.one-rows{display:grid;grid-template-columns:1fr 1fr;gap:26px 56px;margin-top:22px}
.one-panel .trow{display:block;padding:0}
.one-panel .trow .tic{width:40px;height:40px;border-radius:11px;border:1px solid rgba(201,162,75,.3);margin-bottom:10px;background:var(--gold-soft);color:var(--gold-br)}
.one-panel .trow .tic svg{width:22px;height:22px}
.one-panel .trow b{font-size:17px;margin-bottom:4px}
.one-panel .trow p{font-size:14.5px;line-height:1.6;color:var(--mut)}
.one-link{color:var(--gold-br);font-weight:600;white-space:nowrap}
.one-panel .trow{opacity:1;transform:none}
@media(max-width:820px){
.one-rows{grid-template-columns:1fr}
}
.zero-sheet{max-width:460px;margin:30px auto 0;border:1px dashed rgba(201,162,75,.4);border-radius:14px;padding:20px 24px;text-align:left;background:rgba(20,26,38,.5)}
.zs-row{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--mut);padding:5px 0}
.zs-row i{flex:1;border-bottom:1px dotted rgba(255,255,255,.14);transform:translateY(-3px)}
.zs-row b{color:var(--gold-br);font-weight:700}
.zs-total{border-top:1px solid rgba(201,162,75,.3);margin-top:8px;padding-top:12px;color:var(--text)}
.zs-total b{text-transform:none}
.zs-cta{display:inline-flex;margin:28px auto 0}
.tier-note::before{content:"";display:block;width:76px;height:2px;margin:0 auto 28px;background:linear-gradient(90deg,var(--gold),var(--gold-br));border-radius:2px}
.tier-note h3{margin-bottom:10px}
.sub-tree{margin-top:38px;text-align:center}
.st-node{display:inline-flex;align-items:center;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-br);background:var(--gold-soft);border:1px solid rgba(201,162,75,.5);padding:10px 20px;border-radius:30px;position:relative;z-index:2;box-shadow:0 0 30px -8px rgba(201,162,75,.4)}
.st-node{box-shadow:0 0 46px -6px rgba(201,162,75,.45), 0 0 14px -4px rgba(228,197,112,.35)}
.st-beam{position:relative;height:150px;pointer-events:none}
.st-beam i{position:absolute;top:0;left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;opacity:0;background:radial-gradient(circle at 34% 32%, #FFF6DC 0%, var(--gold-br) 42%, rgba(201,162,75,.25) 100%);box-shadow:0 0 14px 3px rgba(228,197,112,.55)}
.st-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:0}
.st-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:2;background:linear-gradient(90deg, transparent 10%, rgba(228,197,112,.5) 50%, transparent 90%)}
.st-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.st-paths path{fill:none;stroke:url(#stPathFade);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round}
.st-beam i{z-index:2}
.st-card::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:3;opacity:0;background:linear-gradient(90deg, transparent 14%, #FFF6DC 50%, transparent 86%);filter:drop-shadow(0 0 9px rgba(228,197,112,.9));pointer-events:none}
.rv.in .st-card:nth-child(1)::after{animation:stcLand 3.6s linear 1.1s infinite}
.rv.in .st-card:nth-child(2)::after{animation:stcLand 3.6s linear 1.28s infinite}
.rv.in .st-card:nth-child(3)::after{animation:stcLand 3.6s linear 1.46s infinite}
.rv.in .st-beam i{animation-duration:5.4s;animation-timing-function:linear;animation-delay:1.1s;animation-iteration-count:infinite}
.rv.in .st-beam i:nth-of-type(1){animation-name:stcOrbL}
.rv.in .st-beam i:nth-of-type(2){animation-name:stcOrbC}
.rv.in .st-beam i:nth-of-type(3){animation-name:stcOrbR}
@keyframes stcOrbC{0%{opacity:0; left:50%; top:0} 3%{opacity:1} 55.6%{opacity:1; left:50%; top:100%} 62%,100%{opacity:0; left:50%; top:100%}}
@keyframes stcOrbL{0%{opacity:0; left:50%; top:0} 2.5%{opacity:1} 55.6%{opacity:1; left:16.667%; top:100%} 62%,100%{opacity:0; left:16.667%; top:100%}}
@keyframes stcOrbR{0%{opacity:0; left:50%; top:0} 2.5%{opacity:1} 55.6%{opacity:1; left:83.333%; top:100%} 62%,100%{opacity:0; left:83.333%; top:100%}}
.rv.in .st-card::after{animation-duration:5.4s;animation-timing-function:linear;animation-delay:1.1s;animation-iteration-count:infinite}
.rv.in .st-card:nth-child(1)::after,.rv.in .st-card:nth-child(3)::after{animation-name:stcLandOuter}
.rv.in .st-card:nth-child(2)::after{animation-name:stcLandCentre}
@keyframes stcLandCentre{0%,53.5%{opacity:0} 57%{opacity:1} 68%,100%{opacity:0}}
@keyframes stcLandOuter{0%,53.5%{opacity:0} 57%{opacity:1} 68%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce) and (min-width:99999px){
.st-beam i{display:none}
}
.st-card{position:relative;overflow:hidden;background:rgba(20,26,38,.5);border:1px solid var(--line-2);border-radius:18px;padding:26px 24px 22px;text-align:left;transition:.25s ease;display:flex;flex-direction:column}
.st-card:hover{border-color:rgba(201,162,75,.5);transform:translateY(-3px)}
.st-card .st-ic{width:40px;height:40px;border-radius:11px;background:var(--gold-soft);border:1px solid rgba(201,162,75,.3);color:var(--gold-br);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.st-card .st-ic svg{width:20px;height:20px}
.st-card h3{font-size:18px;color:var(--text);margin:0 0 3px}
.st-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-br);display:block;margin-bottom:14px}
.st-card ul{list-style:none;margin:0;padding:0}
.st-card li{font-size:13.5px;line-height:1.5;color:var(--mut);padding:5px 0 5px 16px;position:relative}
.st-card li::before{content:"";position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%;background:var(--gold-br)}
.st-link{display:inline-block;margin-top:14px;font-family:var(--disp);font-weight:600;font-size:13.5px;color:var(--gold-br)}
@media(max-width:820px){
.st-beam{height:64px}
.st-paths path:nth-of-type(1),.st-paths path:nth-of-type(3){display:none}
.st-beam i:nth-of-type(1),.st-beam i:nth-of-type(3){display:none}
.st-card::after{display:none}
.st-card:nth-child(1)::after{display:block}
.rv.in .st-beam i:nth-of-type(2),.rv.in .st-card:nth-child(1)::after{animation-duration:2.4s}
.st-grid{grid-template-columns:1fr;gap:14px;margin-top:0}
}
.dsn-list{margin-top:32px;border-top:1px solid rgba(255,255,255,.12)}
.dsn-li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.12)}
.dsn-li b{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-br);white-space:nowrap}
.dsn-li span{color:var(--mut);font-size:14px;text-align:right}
@media(max-width:860px){
.dsn-li{flex-direction:column;gap:3px;align-items:flex-start}
.dsn-li span{text-align:left}
}
#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}
}
@media (max-width:730px){
/* Side padding is half the leftover width, so the first and last cards can
   actually reach the centre. With scroll-snap-align:center and a fixed side
   padding they cannot: centring the first card needs a negative scrollLeft,
   so mandatory snapping pushes it back and only the middle card is ever
   reachable. The basis is in vw rather than % because a percentage basis
   resolves against the content box, which this padding is what sets — the
   two would chase each other.

   width:100vw and min-width:0 are not optional company for that basis. A
   vw-sized child does not shrink with its container, so the row's automatic
   minimum size grows to fit all three cards and pushes the whole page wider
   — the home page scrolled sideways by 134px until these were added.
   .phone-stage in schonell-app.css already carried all of this; these did
   not. Copy that rule, not this comment, if you add another one. */
.steps{display:flex;width:100vw;min-width:0;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;scrollbar-width:none;margin:-28px calc(50% - 50vw) -40px;padding:28px 7vw 64px}
.steps::-webkit-scrollbar{display:none}
.step-col{flex:0 0 86vw;scroll-snap-align:center;margin-bottom:0}
.qrl-stage{--s:.68}
.steps .step-col:nth-child(n) .rv{transition-delay:.08s}
.steps .step:nth-child(n){transition-delay:.08s}
}
.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}
}
@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}
.hero .sg-badge{color:var(--cream-gold-ink);border:0;background:none;padding:0}
@media(max-width:359px){
.hero .sg-badge{padding:0;font-size:12px;letter-spacing:.2em}
}
.statement{position:relative;z-index:0}
.statement::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(180deg, rgba(245,239,226,0), var(--cream));z-index:-1;pointer-events:none}
#how.cream-zone::before{content:none}
.st-hop{display:none}
@media(max-width:820px){
.st-grid{gap:0}
.st-card:nth-child(1){order:1}
.st-hop:nth-child(4){order:2}
.st-card:nth-child(2){order:3}
.st-hop:nth-child(5){order:4}
.st-card:nth-child(3){order:5}
.st-hop{display:block;position:relative;height:34px}
.st-hop::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:linear-gradient(180deg, rgba(201,162,75,.22), rgba(201,162,75,.07))}
.st-hop::after{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;opacity:0;z-index:2;background:radial-gradient(circle at 34% 32%, #FFF6DC 0%, var(--gold-br) 42%, rgba(201,162,75,.25) 100%);box-shadow:0 0 14px 3px rgba(228,197,112,.55)}
.st-card::after{display:block}
.rv.in .st-beam i:nth-of-type(2){animation:stHopB 4.8s linear 0s infinite}
.rv.in .st-hop:nth-child(4)::after{animation:stHopL 4.8s linear .80s infinite}
.rv.in .st-hop:nth-child(5)::after{animation:stHopL 4.8s linear 1.41s infinite}
.rv.in .st-card:nth-child(1)::after{animation:stFlashM 4.8s linear 0s infinite}
.rv.in .st-card:nth-child(2)::after{animation:stFlashM 4.8s linear .61s infinite}
.rv.in .st-card:nth-child(3)::after{animation:stFlashM 4.8s linear 1.22s infinite}
}
@keyframes stHopB{0%{opacity:0; top:-3px} 3%{opacity:1} 15%{opacity:1; top:100%} 19%,100%{opacity:0; top:100%}}
@keyframes stHopL{0%{opacity:0; top:-3px} 2%{opacity:1} 11%{opacity:1; top:100%} 15%,100%{opacity:0; top:100%}}
@keyframes stFlashM{0%,13%{opacity:0} 15%{opacity:1} 26%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
.st-hop::after{animation:none!important;opacity:0}
}
.why-card,.vs-col,.st-card{transition:translate .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s, opacity .8s var(--ease), transform .8s var(--ease)}
.why-card .icon,.st-card .st-ic{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.why-card:hover,.vs-col:hover,.st-card:hover{transition-delay:0s;transform:none;translate:0 -6px;border-color:rgba(201,162,75,.4);box-shadow:0 26px 60px -28px rgba(201,162,75,.4)}
.why-card:hover .icon,.st-card:hover .st-ic{transform:scale(1.1) rotate(-5deg)}
.vs-col.gold:hover{border-color:rgba(201,162,75,.75);box-shadow:0 0 40px -12px rgba(201,162,75,.3), 0 26px 60px -28px rgba(201,162,75,.45)}
@supports not (translate:0 -6px){
.why-card:hover,.vs-col:hover,.st-card:hover{transform:translateY(-6px)}
}
@media(prefers-reduced-motion:reduce){
.why-card,.vs-col,.st-card,.why-card .icon,.st-card .st-ic{transition:none}
.why-card:hover,.vs-col:hover,.st-card:hover{translate:none;transform:none}
.why-card:hover .icon,.st-card:hover .st-ic{transform:none}
}
.why-grid .why-card:nth-child(1){transition:opacity .8s var(--ease) 0s, transform .8s var(--ease) 0s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.why-grid .why-card:nth-child(2){transition:opacity .8s var(--ease) .08s, transform .8s var(--ease) .08s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.why-grid .why-card:nth-child(3){transition:opacity .8s var(--ease) .16s, transform .8s var(--ease) .16s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.why-grid .why-card:nth-child(4){transition:opacity .8s var(--ease) .24s, transform .8s var(--ease) .24s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.why-grid .why-card:nth-child(5){transition:opacity .8s var(--ease) .32s, transform .8s var(--ease) .32s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.why-grid .why-card:nth-child(6){transition:opacity .8s var(--ease) .40s, transform .8s var(--ease) .40s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.vs-grid .vs-col:nth-child(1){transition:opacity .8s var(--ease) 0s, transform .8s var(--ease) 0s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.vs-grid .vs-col:nth-child(2){transition:opacity .8s var(--ease) .15s, transform .8s var(--ease) .15s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.st-grid .st-card{transition:opacity .8s var(--ease) 0s, transform .8s var(--ease) 0s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.why-grid .why-card:hover,.vs-grid .vs-col:hover,.st-grid .st-card:hover{transition-delay:0s}
.why-card .icon,.st-card .st-ic{transition:transform .28s cubic-bezier(.34,1.56,.64,1) 0s}
.steps .step-col:nth-child(1) .step{transition:opacity .8s var(--ease) 0s, transform .8s var(--ease) 0s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step-col:nth-child(2) .step{transition:opacity .8s var(--ease) .4s, transform .8s var(--ease) .4s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step-col:nth-child(3) .step{transition:opacity .8s var(--ease) 1s, transform .8s var(--ease) 1s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step .glyph{transition:transform .28s cubic-bezier(.34,1.56,.64,1) 0s, background .28s ease-out, border-color .28s ease-out, color .28s ease-out}
.steps .step:hover{transform:none;translate:0 -6px;border-color:rgba(201,162,75,.45);box-shadow:0 34px 64px -28px rgba(12,16,24,.72)}
.steps .step:hover .glyph{transform:scale(1.1) rotate(-5deg);background:rgba(201,162,75,.14);border-color:rgba(201,162,75,.38);color:var(--gold-br)}
@supports not (translate:0 -6px){
.steps .step:hover{transform:translateY(-6px)}
}
@media(prefers-reduced-motion:reduce){
.steps .step:hover{translate:none;transform:none}
.steps .step:hover .glyph{transform:none}
}
.steps .step::before{counter-increment:step;content:"Step " counter(step);display:block;font-family:var(--mono);font-weight:600;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;line-height:1;margin:0 0 10px;padding-right:58px;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--gold-br)}
.steps .step::after{content:none}
.steps .step-head h3{margin:0 0 8px}
.steps .step-col:nth-child(1) .step{transition:opacity .8s var(--ease) 0s, transform .8s var(--ease) 0s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step-col:nth-child(2) .step{transition:opacity .8s var(--ease) .18s, transform .8s var(--ease) .18s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step-col:nth-child(3) .step{transition:opacity .8s var(--ease) .36s, transform .8s var(--ease) .36s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step-head{padding-right:0}
.steps .step::before{padding-right:0}
@media(max-width:730px){
.steps .step-col:nth-child(1) .step{transition:opacity .5s var(--ease) .06s, transform .5s var(--ease) .06s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step-col:nth-child(2) .step{transition:opacity .5s var(--ease) .06s, transform .5s var(--ease) .06s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
.steps .step-col:nth-child(3) .step{transition:opacity .5s var(--ease) .06s, transform .5s var(--ease) .06s, translate .28s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .28s ease-out 0s, border-color .28s ease-out 0s}
}
.steps .step{display:flex;flex-direction:column;background:linear-gradient(180deg,#1b2436,#141b29);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:26px 24px 24px}
.steps .step-head{display:contents}
.steps .step .glyph{order:-1;display:inline-flex;position:static;align-self:flex-start;width:auto;height:auto;margin:0 0 18px;padding:0;background:none;border:0;border-radius:0;color:var(--gold-br)}
.steps .step .glyph svg{width:22px;height:22px;stroke-width:1.6}
.steps .step::before{order:0;margin:0 0 7px;padding-right:0;font-size:10px;letter-spacing:.22em;font-weight:600;color:var(--mut-2)}
.steps .step-head h3{order:1;margin:0 0 9px;font-size:19px;font-weight:500;letter-spacing:-.012em;color:var(--text);line-height:1.25}
.steps .step p{order:2;margin:0;font-size:14px;line-height:1.62;color:var(--mut)}
.steps .step:hover .glyph{transform:translateY(-2px);background:none;border:0;color:#F3DFA8}
#how.cream-zone{background:var(--cream)}
#how.cream-zone::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 52% at 82% 6%, rgba(201,162,75,.21) 0%, rgba(201,162,75,.07) 45%, transparent 72%), radial-gradient(60% 46% at 10% 96%, rgba(201,162,75,.155) 0%, transparent 70%), linear-gradient(180deg, rgba(214,176,94,.07) 0%, transparent 22%);-webkit-mask-image:linear-gradient(180deg, transparent 0, #000 150px);mask-image:linear-gradient(180deg, transparent 0, #000 150px)}
.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}

/* CLM-04. The only <h1> on this page used to be "Unlimited warranty. Maintained
   for life." — a warranty claim, not the product, with "Interphone Cloud."
   sitting underneath in a <span>. Search engines and screen readers took the
   warranty as the subject of the page, and the H1 stated it unconditionally
   while the body correctly qualifies it.

   The two tags are swapped and nothing else. These rules give each element back
   exactly the rendering it had before, measured off the previous build: the
   warranty line at 58/44px cream-ink, the product line at 33/20px in the shine
   gradient. The page looks identical; only the outline changed. */
.hero .hero-warranty{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.06;color:var(--cream-ink);margin:0 0 12px;font-size:clamp(38px,5.2vw,58px)}
.hero h1.free{font-size:clamp(21px,2.7vw,33px);margin:0 0 16px;color:var(--text)}
@media (max-width:860px){
  .hero .hero-warranty{font-size:clamp(30px,8.6vw,44px)}
  .hero h1.free{font-size:20px;margin-bottom:12px}
}