/* ScanSay · calm professional layer. Loaded last. One accent colour, flat surfaces, no glow. */
:root{--bg:#0D0E11;--bg2:#121317;--card:#16171C;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.12);
 --t1:#F4F4F5;--t2:#A1A1AA;--t3:#71717A;--acc:#FF6B3D;--acc2:#F0592A;--sun:var(--acc)}
html,body{background:var(--bg)!important}
body{color:var(--t1)}

/* ---- remove decoration ---- */
.ul,.st:after,.st::after,.eyebrow:before,.hglow,.dglow,.htoast,.hchip,.hst,.dchip,.tstage:before,header:after,.top:after{display:none!important}
.sv{display:none!important}
.hero .sv.herov,.tour .sv{display:block!important}
.hero .sv.herov{opacity:.18!important}
.tour .sv{opacity:.22!important}
.hero .sv.herov:after,.tour .sv:after{background:linear-gradient(180deg,rgba(13,14,17,.55),var(--bg))!important}
#bot{display:none!important}
.totop{background:var(--card)!important;border:1px solid var(--line2)!important;box-shadow:none!important;color:var(--t1)!important}
*{text-shadow:none!important}

/* ---- sections ---- */
section,.hero,.phero,footer,.offbg,.dark,.vsec,.vsec-l,.vsec-m,.flowsec{background:var(--bg)!important}
#p-home>section:nth-of-type(odd){background:var(--bg)!important}
section{border-top:1px solid var(--line)}
.hero{border-top:0}
.hs,section{padding-top:96px;padding-bottom:96px}

/* ---- type ---- */
h1,h2,h3{color:var(--t1)!important;letter-spacing:-.025em}
.hero h1{font-size:clamp(48px,6.4vw,84px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:800}
.hero h1 em,h1 em,h2 em{font-style:normal!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--acc)!important}
.st,.sh h2,section h2{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.1!important;padding-bottom:0!important}
.sh{margin-bottom:44px}
.sh p,.lead,section p{color:var(--t2)!important}
.lead{font-size:18px!important;line-height:1.6!important}
.eyebrow{font-family:inherit!important;font-style:normal!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--acc)!important;margin-bottom:14px!important}
.tnum{color:var(--t3)!important}
[style*="background-clip:text"],.grad,.gt{background:none!important;-webkit-text-fill-color:currentColor!important}

/* ---- buttons ---- */
.btn{box-shadow:none!important;border-radius:10px!important;font-weight:700;transform:none!important}
.btn-a,.btn-p,.btn.pri{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
.btn-a:hover,.btn-p:hover{background:var(--acc2)!important}
.btn-o,.btn-w,.btn-g{background:transparent!important;border:1px solid var(--line2)!important;color:var(--t1)!important}
.btn-o:hover,.btn-w:hover{background:rgba(255,255,255,.05)!important}

/* ---- header ---- */
header,.hdr{background:rgba(13,14,17,.85)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
.logo .lockup .tl{display:none!important}
.navver{background:transparent!important;border:0!important;color:var(--t2)!important;box-shadow:none!important;padding-left:12px!important;padding-right:12px!important}
.navver svg{display:none}
.navver:hover{color:#fff!important}
.lsw,.lang{box-shadow:none!important}
.logo>svg.ssmark{filter:none!important}

/* ---- cards: flat ---- */
.fcard,.bcard,.wh,.sfeat,.num,.step3,.vcard,.pkg,.faq details,.card,.kpi,.dcard,.tcard,.istat,.pcard,.post,.cat,.ctab{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:14px!important;transform:none!important}
.fcard:hover,.bcard:hover,.pkg:hover,.post:hover{border-color:var(--line2)!important;transform:none!important;box-shadow:none!important}
.nic,.wic,.s3i,.phic,.th.dk,.ki{background:rgba(255,107,61,.1)!important;color:var(--acc)!important;box-shadow:none!important;border:0!important}
.whn,.gn,.vsteps .vn,.flow time{background:transparent!important;color:var(--acc)!important;border:1px solid rgba(255,107,61,.35)!important;box-shadow:none!important}
.chip{background:transparent!important;border:1px solid var(--line2)!important;color:var(--t2)!important}

/* ---- hero ---- */
.hero{padding:150px 0 90px!important;min-height:0!important}
.hero .trust{gap:22px!important;color:var(--t3)!important;font-size:14px}
.hero .trust span:before{width:5px!important;height:5px!important;background:var(--t3)!important}
.hvis.pro{position:relative;min-height:440px;display:block!important}
.pbrowser{position:absolute;right:-40px;top:10px;width:118%;max-width:720px;border-radius:12px;overflow:hidden;border:1px solid var(--line2);background:#0F1013;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.pbrowser .bbar,.browser .bbar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#17181D;border-bottom:1px solid var(--line)}
.pbrowser .bbar i,.browser .bbar i{width:9px;height:9px;border-radius:50%;background:#2E2F37;display:block}
.pbrowser .bbar span,.browser .bbar span{margin-left:12px;font-size:12px;color:var(--t3);background:none!important;padding:0!important}
.pbrowser img{display:block;width:100%}
.pphone{position:absolute;left:-10px;bottom:-30px;width:190px;border-radius:26px;overflow:hidden;border:6px solid #25262D;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.85)}
.pphone img{display:block;width:100%}

/* ---- how it works ---- */
.step3 .s3n{color:rgba(255,255,255,.06)!important}

/* ---- tour ---- */
.tstage{background:var(--card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-radius:16px!important}
.ttab{border-radius:10px!important}
.ttab.on{background:var(--card)!important;border-color:var(--line2)!important}
.ttab.on span{color:var(--acc)!important}
.ttab:after{background:var(--acc)!important;height:2px!important}
.tdot.on i{background:var(--acc)!important}
.qtile{background:#1C1D22!important;border-color:var(--line)!important;border-radius:12px!important}
.qtile .tqq{background:#fff!important;box-shadow:none!important}
.qtile .tqq svg{fill:#0F1013!important}
.tscan{background:#fff!important;box-shadow:none!important}.tscan .tqq svg{fill:#0F1013!important}
.beam{background:var(--acc)!important;box-shadow:none!important}
.mbars i{background:var(--acc)!important;opacity:.85}
.mai{background:#1C1D22!important;border-color:var(--line)!important}
.mai span{background:var(--t1)!important}
.ald{animation:none!important;box-shadow:none!important}
.otpc{background:#1C1D22!important}
.shield{display:none}
.tarr{border-radius:10px!important}
.tarr:hover{background:var(--card)!important;border-color:var(--line2)!important}

/* ---- industries: icon cards ---- */
.fcards.eight{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.fcards.eight .fcard{padding:24px!important;min-height:0}
.fcards.eight .fbd{padding:0!important}
.fcards.eight .nic{position:static!important;margin:0 0 18px!important;width:42px!important;height:42px!important;border-radius:10px!important}
.fcards.eight h3{font-size:17px!important;margin:0 0 6px!important}
.fcards.eight p{font-size:14.5px!important;margin:0 0 16px!important}
.fcard .more{color:var(--acc)!important;font-size:14px}
@media (max-width:1000px){.fcards.eight{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:560px){.fcards.eight{grid-template-columns:1fr!important}}

/* ---- dashboard ---- */
.dshow .browser{transform:none!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)!important;border:1px solid var(--line2)!important;border-radius:12px!important}
.dshow .dtabs{background:var(--card)!important;border-radius:10px!important;backdrop-filter:none!important}
.dtabs button{border-radius:8px!important}
.dtabs button.on{background:#2A2B32!important;color:#fff!important}

/* ---- numbers ---- */
.num b,.num .n,.istat .n,.nums b{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--t1)!important}

/* ---- CTA band ---- */
.ctab{background:var(--card)!important}
.ctab .sv{display:none!important}

/* ---- page heroes (industry and info pages) ---- */
.phero{padding:150px 0 70px!important;border-bottom:1px solid var(--line)}
.phero .pt2 img{filter:grayscale(1) brightness(1.4);opacity:.75}
.phero h1{font-size:clamp(36px,4.4vw,56px)!important;line-height:1.08!important}
.phic{width:44px!important;height:44px!important;border-radius:10px!important}

/* ---- footer ---- */
footer{border-top:1px solid var(--line)}
footer .tl{display:none!important}

/* ---- misc ---- */
.verpill,.vbadge,.tag{box-shadow:none!important}
.ckb{background:var(--card)!important;border:1px solid var(--line2)!important;box-shadow:0 20px 40px -20px rgba(0,0,0,.8)!important;border-radius:12px!important}
@media (max-width:900px){.hvis.pro{min-height:300px;margin-top:30px}.pbrowser{position:relative;right:auto;width:100%}.pphone{width:120px;left:auto;right:10px;bottom:-20px}}

/* stronger overrides for older layers */
html body header{border-image:none!important;border-bottom:1px solid var(--line)!important}
html body .btn,html body .btn-a,html body .btn-p,html body .hero .btn-a{box-shadow:none!important}
html body .btn-a:before,html body .btn-a:after{display:none!important}
html body .s3i,html body .step3 .s3i,html body .step3:nth-child(n) .s3i{background:rgba(255,107,61,.1)!important;color:var(--acc)!important;background-image:none!important}
html body .navver,html body nav .navver{background:transparent!important;border:0!important;color:var(--t2)!important}
html body .navver:hover{color:#fff!important}
html body [class*=lang] a.on,html body .lsw a.on{background:#2A2B32!important;color:#fff!important;box-shadow:none!important}
html body [class*=lang],html body .lsw{background:transparent!important;border-color:var(--line2)!important}
html body .hero .trust span{background:transparent!important;border:0!important;padding:0!important}
html body .hero:before{display:none!important}
html body .nic,html body .wic,html body .phic{background-image:none!important}
html body section,html body .phero{background-image:none!important}
html body .menu a.navver,html body .menu a.navver.cur{background:transparent!important;border:0!important;color:var(--t2)!important}
html body .menu a.navver:hover{color:#fff!important;background:transparent!important}
html body header .btn,html body header .btn-a,html body header .btn-sm{box-shadow:none!important;filter:none!important}
/* subpage heroes: one calm column, no illustration */
html body .phero .pt2{display:none!important}
html body .phero .wrap{grid-template-columns:1fr!important}
html body .phero .pt1{max-width:820px}
html body .right .btn.btn-a,html body .hdark .btn.btn-a,html body .hero .btn.btn-a{box-shadow:none!important}
html body .phero h1{margin-bottom:22px!important}

/* ===== White + lime ===== */
:root{--lime:#C8F542;--lime2:#B5E52E}
/* white sections: every second section on each page */
html body .page>section:nth-of-type(even):not(.tour):not(#x){--t1:#0D0E11;--t2:#52525B;--t3:#71717A;--card:#F4F4F5;--line:#E4E4E7;--line2:#D4D4D8;--acc:#E8541F;
 background:#FFFFFF!important;color:#0D0E11!important;border-top-color:#E4E4E7!important}
html body .page>section:nth-of-type(even):not(.tour) :is(h1,h2,h3,h4,b,strong,li,label,td,th){color:#0D0E11!important}
html body .page>section:nth-of-type(even):not(.tour) :is(p,small,.lead,.sh p,span:not(.btn):not(.chip):not(.nic):not(.wic):not(.s3i):not(.whn):not(.more)){color:#52525B!important}
html body .page>section:nth-of-type(even):not(.tour) .step3 .s3n{color:rgba(13,14,17,.06)!important}
html body .page>section:nth-of-type(even):not(.tour) :is(.nic,.wic,.s3i,.th.dk){background:var(--lime)!important;color:#0D0E11!important}
html body .page>section:nth-of-type(even):not(.tour) :is(.nic,.wic,.s3i) svg{color:#0D0E11!important;stroke:#0D0E11!important}
html body .page>section:nth-of-type(even):not(.tour) .whn{color:#0D0E11!important;background:var(--lime)!important;border-color:var(--lime)!important}
html body .page>section:nth-of-type(even):not(.tour) .chip{color:#3F3F46!important;border-color:#D4D4D8!important}
html body .page>section:nth-of-type(even):not(.tour) .more{color:#0D0E11!important;font-weight:700}
html body .page>section:nth-of-type(even):not(.tour) .more svg{color:#E8541F}
html body .page>section:nth-of-type(even):not(.tour) .btn-o,html body .page>section:nth-of-type(even):not(.tour) .btn-w{color:#0D0E11!important;border-color:#D4D4D8!important}
html body .page>section:nth-of-type(even):not(.tour) .eyebrow{color:#0D0E11!important;background:var(--lime);padding:4px 10px;border-radius:6px;display:inline-block}
html body .page>section:nth-of-type(even):not(.tour) .dtabs{background:#F4F4F5!important;border-color:#E4E4E7!important}
html body .page>section:nth-of-type(even):not(.tour) .dtabs button{color:#52525B!important}
html body .page>section:nth-of-type(even):not(.tour) .dtabs button.on{background:#0D0E11!important;color:#fff!important}
html body .page>section:nth-of-type(even):not(.tour) .browser{box-shadow:0 40px 80px -40px rgba(13,14,17,.45)!important}
html body .page>section:nth-of-type(even):not(.tour) .vlist li svg,html body .page>section:nth-of-type(even):not(.tour) .flow time{color:#0D0E11!important}
html body .page>section:nth-of-type(even):not(.tour) .flow time{background:var(--lime)!important;border-color:var(--lime)!important}
html body .page>section:nth-of-type(even):not(.tour) .flow li:before,html body .page>section:nth-of-type(even):not(.tour) .flow:before{background:#E4E4E7!important}
/* lime accents on dark */
html body .vlist li svg,html body .vlist.dk li svg{color:var(--lime)!important;stroke:var(--lime)!important}
html body .ttext li:before{background:rgba(200,245,66,.14)!important;color:var(--lime)!important}
html body .otpok,html body .msolved{background:rgba(200,245,66,.14)!important;color:var(--lime)!important}
html body .mk em{color:var(--lime)!important}
html body .tour .eyebrow,html body .versec .eyebrow,html body .dashsec .eyebrow{color:var(--lime)!important}
html body .hero .eyebrow{color:var(--lime)!important}
html body .hero .trust span:before{background:var(--lime)!important}
html body .ttab.on span{color:var(--lime)!important}
html body .ttab:after,html body .tdot.on i{background:var(--lime)!important}
/* lime CTA band (last section of each page) */
html body .page>section:last-of-type .ctab{background:var(--lime)!important;border-color:var(--lime)!important}
html body .page>section:last-of-type .ctab :is(h2,h3,p,a:not(.btn),b){color:#0D0E11!important}
html body .page>section:last-of-type .ctab .btn-a{background:#0D0E11!important;border-color:#0D0E11!important;color:#fff!important}
html body .page>section:last-of-type .ctab .btn-w,html body .page>section:last-of-type .ctab .btn-o{color:#0D0E11!important;border-color:rgba(13,14,17,.35)!important;background:transparent!important}
html body .page>section:last-of-type{background:var(--bg)!important}
html body .page>section:nth-of-type(even):not(.tour) .vlist li svg{color:#0D0E11!important;stroke:#0D0E11!important;background:var(--lime);border-radius:50%;padding:2px}
html body .page>section:nth-of-type(odd) :is(.wic,.nic,.s3i):not(#x){background:rgba(200,245,66,.12)!important;background-image:none!important;color:var(--lime)!important}
html body .page>section:nth-of-type(odd) :is(.wic,.nic,.s3i):not(#x) svg{color:var(--lime)!important;stroke:var(--lime)!important}

/* ===== Gallery of dashboard screens ===== */
.galg{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.galc{margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.galimg{aspect-ratio:16/10;overflow:hidden;background:#0F1013;border-bottom:1px solid var(--line)}
.galimg img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .5s}
.galc:hover .galimg img{transform:scale(1.02)}
.galc figcaption{padding:20px 22px 22px}
.galc h3{font-size:18px!important;margin:0 0 6px!important}
.galc p{margin:0!important;font-size:15px!important;line-height:1.55}
@media (max-width:800px){.galg{grid-template-columns:1fr}}

/* ===== Sticker sizes ===== */
.stkgrid{display:grid;grid-template-columns:.8fr 1.4fr;gap:48px;align-items:center}
.stkrow{display:flex;align-items:flex-end;justify-content:center;gap:14px;flex-wrap:nowrap}
.stk{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.stk img{width:calc(var(--w) * 1.3px);height:auto;display:block;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.stk figcaption{text-align:center;line-height:1.3}
.stk figcaption b{display:block;font-size:13px;color:var(--t1)!important}
.stk figcaption span{font-size:12px;color:var(--t3)!important}
@media (max-width:1100px){.stkgrid{grid-template-columns:1fr}.stk img{width:calc(var(--w) * 1.1px)}}
@media (max-width:640px){.stkrow{flex-wrap:wrap;gap:18px 14px}.stk img{width:calc(var(--w) * 1.25px)}}

/* ===== Verified register on home ===== */
.finder .fbox{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:none!important;border:0!important;padding:0!important}
.finder .fsearch{display:flex;gap:8px;background:var(--card)!important;border:1px solid var(--line2)!important;border-radius:12px!important;padding:6px!important;box-shadow:none!important}
.finder .fsearch input{background:transparent!important;border:0!important;color:var(--t1)!important}
.finder .fpop button{background:transparent!important;border:1px solid var(--line2)!important;color:var(--t2)!important;border-radius:8px!important}
.finder .vcard{background:var(--card)!important}
@media (max-width:900px){.finder .fbox{grid-template-columns:1fr}}

/* ===== Blog teaser: flat ===== */
.bcard .bimg{background:#1C1D22!important;background-image:none!important;height:120px!important;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.bcard .bimg span{background:rgba(200,245,66,.12)!important;color:var(--lime)!important;box-shadow:none!important;border-radius:12px!important}
.bcard .bimg:before,.bcard .bimg:after{display:none!important}
.bcat{background:rgba(200,245,66,.12)!important;color:var(--lime)!important}
.stkgrid{grid-template-columns:1fr!important;gap:44px!important}
.stktxt{display:grid;grid-template-columns:1.1fr 1fr;gap:12px 48px;align-items:end}
.stktxt .eyebrow,.stktxt h2{grid-column:1}
.stktxt .lead{grid-column:1;margin:0!important}
.stktxt .vlist{grid-column:2;grid-row:2/4;margin:0}
.stktxt .ctas{grid-column:2;margin:0}
.stk img{width:calc(var(--w) * 2px)!important}
html body .stickers .vlist li{color:var(--t1)!important}
@media (max-width:1100px){.stk img{width:calc(var(--w) * 1.5px)!important}}
@media (max-width:900px){.stktxt{grid-template-columns:1fr}.stktxt>*{grid-column:1!important;grid-row:auto!important}}
@media (max-width:640px){.stk img{width:calc(var(--w) * 1.35px)!important}}

/* ===== Hero slider ===== */
html body .hero.hsl{position:relative;overflow:hidden;padding:120px 0 40px!important;min-height:0!important;background:#0B0B0E!important}
.hbgs{position:absolute;inset:0;z-index:0}
.hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s}
.hbg.on{opacity:.55}
.hbgs:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,14,.94) 0%,rgba(11,11,14,.78) 42%,rgba(11,11,14,.35) 100%),linear-gradient(180deg,rgba(11,11,14,0) 60%,#0B0B0E)}
.hero.hsl .wrap{position:relative;z-index:1}
.hsl-stage{position:relative;min-height:520px}
.hsl-s{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s,transform .6s,visibility .6s}
.hsl-s.on{opacity:1;visibility:visible;transform:none}
html body .hsl-h{font-size:clamp(46px,6vw,80px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:800;margin:0 0 18px!important;color:#fff!important}
.hsl-h em{font-style:normal;color:var(--acc)!important}
.hsl-t .lead{font-size:19px!important;max-width:460px;margin:0 0 18px!important}
.hsl-tags{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:8px}
.hsl-tags li{font-size:13.5px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);border-radius:999px;padding:6px 12px;display:flex;align-items:center;gap:7px}
.hsl-tags li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.hsl-v{position:relative;height:500px}
.hv{position:absolute;inset:0}
.hv img{display:block;border-radius:12px;box-shadow:0 30px 60px -24px rgba(0,0,0,.85)}
/* slide 1: phone + sticker */
.hvphone{position:absolute;left:18%;top:10px;width:250px;border-radius:30px;overflow:hidden;border:7px solid #25262D;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.hvphone img{width:100%;border-radius:0;box-shadow:none}
.hvstk{position:absolute;left:55%;top:90px;width:190px;border-radius:10px!important;transform:rotate(4deg)}
/* slide 2: dashboard features */
.hvk{position:absolute;right:0;top:20px;width:100%;border:1px solid rgba(255,255,255,.1)}
.hvi{position:absolute;left:-6%;top:215px;width:92%;border:1px solid rgba(255,255,255,.1)}
.hva{position:absolute;right:-4%;top:330px;width:80%;border:1px solid rgba(255,255,255,.1)}
/* slide 3: stickers */
.hv3 img{position:absolute;border-radius:10px!important}
.hs1{left:30%;top:10px;width:250px;z-index:2}
.hs2{left:6%;top:120px;width:170px;transform:rotate(-7deg)}
.hs3{left:66%;top:150px;width:190px;transform:rotate(6deg)}
/* tabs */
.hsl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px;border-top:1px solid rgba(255,255,255,.1)}
.hsl-tab{position:relative;background:none;border:0;text-align:left;color:var(--t3);font:inherit;font-weight:700;font-size:15px;padding:16px 0 4px;cursor:pointer;display:flex;gap:10px;align-items:baseline}
.hsl-tab span{font-size:12px;color:var(--t3)}
.hsl-tab.on,.hsl-tab:hover{color:#fff}
.hsl-tab.on span{color:var(--lime)}
.hsl-tab i{position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--lime)}
.hsl-tab.on i{animation:tprog 7s linear forwards}
.hsl.paused .hsl-tab.on i{animation-play-state:paused}
@media (max-width:980px){.hsl-s{grid-template-columns:1fr;gap:20px}.hsl-stage{min-height:880px}.hsl-v{height:380px}.hvphone{width:190px;left:6%}.hvstk{width:150px;left:52%;top:60px}.hs1{width:200px;left:28%}.hs2{width:140px;left:2%}.hs3{width:150px;left:64%}.hvk{top:0}.hvi{top:150px;left:0;width:100%}.hva{top:250px;right:0;width:90%}}
@media (max-width:560px){.hsl-stage{min-height:860px}.hsl-tabs{grid-template-columns:repeat(3,1fr);gap:6px}.hsl-tab{font-size:12.5px;flex-direction:column;gap:2px}.hsl-v{height:330px}}
@media (prefers-reduced-motion:reduce){.hbg{display:none}}

/* ===== Feature bento ===== */
.bentog{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a a f" "b b f" "c d e";gap:16px}
.bento{margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.bento figcaption{padding:20px 22px 14px}
.bento h3{font-size:18px!important;margin:0 0 4px!important}
.bento p{margin:0!important;font-size:14.5px!important}
.bimgw{flex:1;min-height:170px;overflow:hidden;position:relative;margin:4px 0 0 22px;border-top-left-radius:10px;border:1px solid var(--line);border-right:0;border-bottom:0}
.bimgw img{position:absolute;left:0;top:0;width:100%;height:auto;display:block}
.bimgw:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,var(--card))}
.ba{grid-area:a}.bb{grid-area:b}.bc{grid-area:c}.bd{grid-area:d}.be{grid-area:e}.bf{grid-area:f}
.bf .bimgw{margin:4px 22px 0;border-radius:10px 10px 0 0;border-right:1px solid var(--line)}
.bc .bimgw,.bd .bimgw,.be .bimgw{min-height:220px}
.bc .bimgw img,.bd .bimgw img{width:150%}
.be .bimgw img{width:190%}
@media (max-width:900px){.bentog{grid-template-columns:1fr;grid-template-areas:"a" "b" "f" "c" "d" "e"}.bf .bimgw{min-height:420px}}
.hbg.on{opacity:.9!important}
.hbgs:after{background:linear-gradient(90deg,rgba(11,11,14,.92) 0%,rgba(11,11,14,.7) 38%,rgba(11,11,14,.2) 75%,rgba(11,11,14,.1) 100%),linear-gradient(180deg,rgba(11,11,14,.3) 0%,rgba(11,11,14,0) 25%,rgba(11,11,14,0) 70%,#0B0B0E)!important}
@media (min-width:981px){.hvk{width:112%;right:-6%}.hvi{width:104%;left:-4%;top:200px}.hva{width:96%;right:-8%;top:320px}}
.be .bimgw img{width:250%!important}
.stktxt .eyebrow,.finder .eyebrow,.versec .eyebrow{justify-self:start;width:max-content}
/* no hero/tour video: clean dark background with a soft light */
html body .hero.hsl{background:radial-gradient(900px 500px at 78% 30%,rgba(255,107,61,.10),transparent 65%),#0B0B0E!important}
html body .tour .sv{display:none!important}