/* =====================================================================
   STEELLY v5 — site-wide design layer (loads after style.css and
   style-premium-glass.css). Steel white, graphite ink, laser red.
   Everything is scoped to body.v5 so the legacy look stays intact
   until the switch is flipped.
   ===================================================================== */
body.v5{
  --bg:#EEF0F3; --bg2:#E5E8EC; --bg3:#FFFFFF; --bg4:#D9DEE4;
  --ink:#0E1114; --ink2:#434A53; --ink3:#78808A;
  --deep:#0F1216; --deep2:#0A0C0F; --on-deep:#EEF1F4; --on-deep2:#9AA3AD;
  --line:rgba(14,17,20,.10); --line2:rgba(14,17,20,.18);
  --ember:#D0142C; --ember-hi:#F0364A;
  --ac:#0E1114; --ac-l:#2a3038; --ac-d:#000; --ac-t:#0E1114; --ac-lt:#D9DEE4;
  --wa:#1FAF55;
  --ease:cubic-bezier(.2,.8,.2,1);
  --r:20px;
  --v5-disp:"Archivo","Arial Narrow",system-ui,sans-serif;
  --v5-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v5-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  background:var(--bg); color:var(--ink); font-family:var(--v5-body);
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
html:has(body.v5){overflow-x:clip}
body.v5 ::selection{background:var(--ember);color:#fff}
body.v5 :focus-visible{outline:2px solid var(--ember);outline-offset:3px}
body.v5 .cursor-glow{display:none}

/* ---------- type ---------- */
body.v5 h1,body.v5 h2,body.v5 h3,body.v5 h4{font-family:var(--v5-disp);font-stretch:108%;letter-spacing:-.03em;color:inherit;text-wrap:balance}
body.v5 h2{font-weight:800}
body.v5 h1 em,body.v5 h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px var(--ink)}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) h1 em,body.v5 .cta-band h2 em,body.v5 .site-footer h2 em{-webkit-text-stroke-color:#fff}
body.v5 .lead{color:var(--ink2);line-height:1.7}
body.v5 .muted{color:var(--ink3)}
body.v5 .eyebrow{font:500 11.5px/1.3 var(--v5-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
body.v5 .eyebrow::before{background:var(--ember)!important}
body.v5 a{text-decoration-color:rgba(208,20,44,.4)}

/* ---------- heavy glass off: mobile GPUs thank us ---------- */
body.v5 .card,body.v5 .s-card,body.v5 .icon-tile,body.v5 .why-item,body.v5 .faq-item,body.v5 .p-step,body.v5 .price-band,
body.v5 .table-wrap,body.v5 .form-card,body.v5 .form-panel>div,body.v5 .role-card,body.v5 .testimonial-card,body.v5 .contact-box,body.v5 .callout,body.v5 .hero-inline,body.v5 .stats-band{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.v5 .card::before,body.v5 .card::after,body.v5 .faq-item::after,body.v5 .p-step::after,body.v5 .price-band::before,body.v5 .price-band::after{display:none!important}

/* ---------- header: same markup, new skin ---------- */
body.v5 .site-header{background:rgba(246,247,249,.78)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 10px 40px -18px rgba(14,17,20,.35),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);transition:background .45s,border-color .45s,box-shadow .45s,width .6s var(--ease),top .5s var(--ease)}
body.v5 .site-header .nl,body.v5 .hdr-tel{color:var(--ink)!important;font-family:var(--v5-body);font-weight:600}
body.v5 .site-header .nl:hover,body.v5 .site-header .nl.on{background:rgba(14,17,20,.06)!important}
body.v5 .nl-car{color:var(--ember)!important}
body.v5 .brand-logo{filter:none!important}
body.v5 .drop{background:rgba(250,251,252,.97)!important;border:1px solid var(--line)!important;box-shadow:0 30px 60px -30px rgba(14,17,20,.45)!important}
body.v5 .drop a{color:var(--ink2)!important}
body.v5 .drop a:hover{color:var(--ember)!important;background:rgba(208,20,44,.06)!important}
body.v5 .drop .dh{color:var(--ink3)!important;font-family:var(--v5-mono)}
body.v5 .header-cta,body.v5 .btn.header-cta{background:var(--ink)!important;color:#fff!important}
body.v5 .menu-btn span{background:var(--ink)!important}
/* over a dark page top (homepage hero, inner page hero) the pill goes smoked glass */
body.v5.v5-top .site-header{background:rgba(14,17,20,.28)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}
body.v5.v5-top .site-header .nl,body.v5.v5-top .hdr-tel{color:#fff!important}
body.v5.v5-top .site-header .nl:hover{background:rgba(255,255,255,.12)!important}
body.v5.v5-top .brand-logo{filter:brightness(0) invert(1)!important}
body.v5.v5-top .header-cta{background:#fff!important;color:var(--ink)!important}
body.v5.v5-top .menu-btn span{background:#fff!important}
body.v5.v5-top .nl-car{color:#ff8a96!important}
@media (max-width:760px){body.v5 .site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}

/* mobile sheet */
body.v5 .menu-sheet{background:#F4F6F8!important;color:var(--ink)!important}
body.v5 .menu-sheet::before{background:rgba(14,17,20,.2)!important}
body.v5 .menu-sheet a,body.v5 .menu-sheet summary{color:var(--ink)!important}
body.v5 .menu-sheet .ms-links a{color:var(--ink2)!important}
body.v5 .ms-feature,body.v5 .ms-carriers{background:#fff!important;border:1px solid var(--line)!important}
body.v5 .ms-carriers{background:var(--ink)!important;color:#fff!important}
body.v5 .ms-carriers *{color:#fff!important}
body.v5 .ms-logo{filter:none!important}

/* ---------- buttons ---------- */
body.v5 .btn{position:relative;overflow:hidden;isolation:isolate;border-radius:99px;font-family:var(--v5-body);font-weight:700;transition:transform .4s var(--ease),box-shadow .4s,background .3s}
body.v5 .btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.26) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s var(--ease)}
body.v5 .btn:hover::after{transform:translateX(100%)}
body.v5 .btn-primary{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;box-shadow:0 14px 30px -14px rgba(14,17,20,.6)!important}
body.v5 .btn-primary:hover{background:var(--ember)!important;border-color:var(--ember)!important}
body.v5 .btn-secondary{background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--line2)!important}
body.v5 .btn-secondary:hover{border-color:var(--ink)!important}
body.v5 .btn-whatsapp{background:var(--wa)!important;color:#fff!important;border-color:var(--wa)!important}
body.v5 .card-link{color:var(--ember)!important;font-weight:700}

/* ---------- inner page hero: the first section on every page ---------- */
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero){position:relative;overflow:clip;padding-top:clamp(116px,15vw,170px);padding-bottom:clamp(50px,7vw,90px);
  background:radial-gradient(70% 90% at 85% 0%,rgba(208,20,44,.22),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(120,130,145,.18),transparent 70%),linear-gradient(170deg,#161b21,#0b0d10);color:var(--on-deep)}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero)::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:radial-gradient(80% 70% at 60% 30%,#000,transparent 80%);mask-image:radial-gradient(80% 70% at 60% 30%,#000,transparent 80%)}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero)>.container{position:relative}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) h1{color:#fff;font-weight:800;font-size:clamp(32px,5.2vw,68px);line-height:.98;max-width:20ch;margin:14px 0 18px}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .lead,body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) p{color:var(--on-deep2)}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) strong{color:#fff}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) a:not(.btn){color:#fff}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .muted.small:first-child{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;padding:7px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);font:500 11px/1.4 var(--v5-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-deep2)}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .btn-secondary{color:#fff!important;border-color:rgba(255,255,255,.35)!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .btn-primary{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .btn-primary:hover{background:var(--ember)!important;color:#fff!important;border-color:var(--ember)!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .eyebrow{color:var(--on-deep2)}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .card,body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .table-wrap,body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .form-card{color:var(--ink)}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .card p,body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) .form-card p{color:var(--ink2)}

/* the auto hero photo under each H1: shown whole, never cropped */
body.v5 .hero-inline{margin:28px 0 6px;padding:0;border-radius:24px;overflow:hidden;background:#0e1216;box-shadow:0 40px 80px -40px rgba(0,0,0,.8);line-height:0}
body.v5 .hero-inline.fit{aspect-ratio:16/9;max-height:78vh}
body.v5 .hero-inline img{filter:none;border-radius:0;aspect-ratio:auto;height:100%}

/* ---------- whole-photo frames (added by v5.js) ---------- */
body.v5 .fit{position:relative;overflow:hidden;background:#1a1f25;isolation:isolate}
body.v5 .fit>.blur{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;z-index:-1;opacity:.9;border-radius:0!important;margin:0!important;filter:none!important}
body.v5 .fit>img.full{position:relative;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;border-radius:0!important;filter:none!important}

/* ---------- sections & cards ---------- */
body.v5 .section{padding:clamp(64px,9vw,120px) 0}
body.v5 .section-alt{background:var(--bg2)}
body.v5 .section-heading h2,body.v5 .sec-hd h2{font-size:clamp(28px,4.2vw,54px);line-height:1;font-weight:800}
body.v5 .card{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:0 20px 44px -30px rgba(14,17,20,.45)!important;overflow:hidden;
  transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .6s var(--ease),box-shadow .5s}
body.v5 .card.live{transition:transform .1s linear}
body.v5 .card:hover{--ty:-4px;box-shadow:0 34px 60px -32px rgba(14,17,20,.55)!important}
body.v5 .card>.fit{aspect-ratio:3/2;margin:0!important;border-radius:0}
body.v5 .card>img:not(.full){width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0;border-radius:0;background:#f1f3f5}
body.v5 .card .card-body h3{font-size:clamp(19px,1.8vw,23px);font-weight:800;letter-spacing:-.02em}
body.v5 .card::marker{content:none}
body.v5 .glare5{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;opacity:0;transition:opacity .35s;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.55),transparent 45%);mix-blend-mode:soft-light}
body.v5 .card.live .glare5{opacity:1}
body.v5 .list-checks li::before{background:var(--ember)!important;color:#fff!important}
body.v5 .p-step{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important}
body.v5 .p-num{color:transparent!important;-webkit-text-stroke:1.2px var(--ember);font-family:var(--v5-disp);font-weight:800}

/* tables */
body.v5 .table-wrap{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;overflow:auto}
body.v5 .table-wrap table,body.v5 table.table{border-collapse:collapse;width:100%}
body.v5 .table-wrap th{background:var(--ink)!important;color:#fff!important;font:600 12px/1.3 var(--v5-mono);letter-spacing:.08em;text-transform:uppercase}
body.v5 .table-wrap tr:nth-child(even) td{background:#f6f7f9}
body.v5 .table-wrap td,body.v5 .table-wrap th{padding:13px 16px;border-bottom:1px solid var(--line)}

/* FAQ */
body.v5 .faq-item{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;margin-bottom:10px}
body.v5 .faq-item[open],body.v5 .faq-item.open{border-color:rgba(208,20,44,.35)!important;box-shadow:0 20px 40px -30px rgba(208,20,44,.5)}
body.v5 .faq-item summary,body.v5 .faq-item h3{font-family:var(--v5-disp);font-weight:700;letter-spacing:-.01em}

/* forms */
body.v5 input:not([type=checkbox]):not([type=radio]),body.v5 select,body.v5 textarea{border-radius:14px!important;border:1.5px solid var(--line2)!important;background:#fff!important;color:var(--ink)!important;font-family:var(--v5-body)}
body.v5 input:focus,body.v5 select:focus,body.v5 textarea:focus{border-color:var(--ember)!important;box-shadow:0 0 0 4px rgba(208,20,44,.12)!important;outline:none}
body.v5 .form-card,body.v5 .contact-box{background:#fff!important;border:1px solid var(--line)!important;border-radius:22px!important}

/* CTA band */
body.v5 .cta-band{position:relative;overflow:hidden;isolation:isolate;border-radius:28px!important;background:linear-gradient(160deg,#171c22,#0b0d10)!important;color:#fff!important;border:0!important}
body.v5 .cta-band::before{content:""!important;display:block!important;position:absolute;inset:-60%;z-index:-1;opacity:1!important;background:conic-gradient(from 0deg at 30% 50%,transparent,rgba(208,20,44,.3),transparent 30%)!important;animation:v5spin 16s linear infinite}
body.v5 .cta-band h2,body.v5 .cta-band h3{color:#fff}
body.v5 .cta-band p{color:var(--on-deep2)}
body.v5 .cta-band .btn-secondary{color:#fff!important;border-color:rgba(255,255,255,.35)!important}
body.v5 .cta-band .btn-primary{background:#fff!important;color:var(--ink)!important}
@keyframes v5spin{to{transform:rotate(1turn)}}

/* ---------- word-by-word headings + photo shutters (v5.js adds the classes) ---------- */
body.v5 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
body.v5 .wi{display:inline-block;transform:translateY(112%);transition:transform .95s var(--ease) var(--d,0s)}
body.v5 .split.shown .wi{transform:none}
body.v5 .wipe{position:relative}
body.v5 .wipe::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:#161b21;transform-origin:50% 0;transition:transform 1.1s var(--ease)}
body.v5 .wipe.shown::after{transform:scaleY(0)}
body.v5 .wipe>img.full{transform:scale(1.1);transition:transform 1.5s var(--ease)}
body.v5 .wipe.shown>img.full{transform:none}

/* ---------- scroll progress + cursor ---------- */
.v5-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:3000;background:linear-gradient(90deg,#D0142C,#F0364A);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.v5-cur,.v5-dot{position:fixed;left:0;top:0;z-index:3001;pointer-events:none;border-radius:50%;mix-blend-mode:difference}
.v5-cur{width:36px;height:36px;margin:-18px 0 0 -18px;border:1.5px solid #fff;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .3s}
.v5-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#fff}
.v5-cur.big{width:76px;height:76px;margin:-38px 0 0 -38px;background:#fff}
.v5-cur b{position:absolute;inset:0;display:grid;place-items:center;font:600 10px/1 "JetBrains Mono",monospace;letter-spacing:.14em;color:#000;opacity:0;transition:opacity .25s}
.v5-cur.big b{opacity:1}
@media (hover:none),(pointer:coarse){.v5-cur,.v5-dot{display:none}}

/* ---------- footer: dark steel, live contour lines, touchable wordmark ---------- */
body.v5 .site-footer{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(180deg,#12161b,#090b0e)!important;color:var(--on-deep2);border-top:0!important;padding-top:clamp(56px,8vw,90px)}
body.v5 .site-footer::before{content:""!important;position:absolute!important;inset:-50% -20% auto!important;height:120%!important;z-index:-2!important;opacity:1!important;
  background:radial-gradient(40% 50% at 25% 50%,rgba(208,20,44,.16),transparent 70%),radial-gradient(40% 50% at 75% 40%,rgba(140,150,165,.12),transparent 70%)!important;animation:v5aur 22s ease-in-out infinite alternate!important}
body.v5 .site-footer::after{display:none!important}
@keyframes v5aur{to{transform:translateX(12%) translateY(8%)}}
body.v5 #v5topo{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
body.v5 .v5-word{position:relative;margin:0 0 6px;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;
  font:800 clamp(58px,15vw,220px)/.85 "Archivo",sans-serif;font-stretch:125%;letter-spacing:-.05em}
body.v5 .v5-word .fl{display:inline-block;transform:translateY(var(--ly,0em));transition:transform .45s var(--ease),color .35s;
  color:rgba(238,241,244,calc(var(--fa,0) * .95));-webkit-text-stroke:1px rgba(255,255,255,calc(.2 + var(--fa,0) * .6))}
body.v5 .v5-word.wave .fl{animation:v5jump .9s var(--ease) calc(var(--i) * 70ms)}
@keyframes v5jump{0%{transform:none}28%{transform:translateY(-.2em) rotate(-4deg);color:#F0364A;-webkit-text-stroke-color:#F0364A}62%{transform:translateY(.03em);color:rgba(238,241,244,.9)}100%{transform:none}}
body.v5 .v5-word::after{content:"";position:absolute;top:0;bottom:0;width:3px;left:-2%;opacity:0;background:#fff;box-shadow:0 0 14px 4px rgba(240,54,74,.95),0 0 40px 10px rgba(208,20,44,.55)}
body.v5 .v5-word.wave::after{animation:v5laser 1.1s var(--ease)}
@keyframes v5laser{0%{left:-2%;opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
body.v5 .v5-hint{margin:0 0 44px;font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--on-deep2)}
body.v5 .v5-hint::before{content:"";display:inline-block;width:18px;height:1px;background:var(--ember);vertical-align:middle;margin-right:10px}
body.v5 .site-footer .footer-title{color:var(--on-deep)!important;font:500 11px/1.3 "JetBrains Mono",monospace!important;letter-spacing:.14em;text-transform:uppercase}
body.v5 .site-footer a{color:var(--on-deep2)!important}
body.v5 .site-footer a:hover{color:#fff!important}
body.v5 .site-footer p,body.v5 .site-footer address{color:var(--on-deep2)!important}
body.v5 .footer-brand img{filter:brightness(0) invert(1)!important}
body.v5 .social-row a{border-color:rgba(255,255,255,.18)!important;color:#fff!important}
body.v5 .social-row a:hover{background:var(--ember)!important;border-color:var(--ember)!important}
body.v5 .footer-bottom{border-top:1px solid rgba(255,255,255,.1)!important;color:var(--on-deep2)!important}

/* ---------- mobile action pill ---------- */
body.v5 .actionbar{background:rgba(246,247,249,.84)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 14px 40px -16px rgba(14,17,20,.55)!important}
body.v5 .actionbar .ab-call{color:var(--ink)!important}
body.v5 .actionbar .ab-quote{background:var(--ink)!important;color:#fff!important}
body.v5 .actionbar .ab-wa{background:var(--wa)!important;color:#fff!important}

/* ---------- carrier brand strip (homepage + shop) ---------- */
.v5-brands{position:relative;overflow:hidden;background:#fff;border-bottom:1px solid rgba(14,17,20,.1)}
.v5-brands::before,.v5-brands::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.v5-brands::before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.v5-brands::after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.v5-br-t{display:flex;width:max-content;animation:v5mq 46s linear infinite}
.v5-brands:hover .v5-br-t{animation-play-state:paused}
.v5-br-t a{display:flex;align-items:center;gap:14px;padding:20px 32px;text-decoration:none;color:#0E1114;border-right:1px solid rgba(14,17,20,.1);white-space:nowrap}
.v5-br-t a:hover{background:#F4F6F8}
.v5-br-t svg{width:32px;height:32px;flex:none;fill:#0E1114}
.v5-br-t b{display:block;font:800 18px/1.1 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.02em}
.v5-br-t small{display:block;margin-top:3px;font:500 10.5px/1.4 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#78808A}
.v5-br-t small i{font-style:normal;font-family:"Manrope",sans-serif;font-weight:700;letter-spacing:0;text-transform:none;color:#D0142C;margin-left:6px}
.v5-br-lead{position:absolute;z-index:3;left:0;top:0;bottom:0;display:flex;align-items:center;padding:0 20px 0 clamp(16px,3.4vw,40px);background:#0E1114;color:#fff;font:600 11px/1.3 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.v5-br-lead::after{content:"";position:absolute;right:-16px;top:0;bottom:0;width:16px;background:#0E1114;clip-path:polygon(0 0,100% 50%,0 100%)}
@keyframes v5mq{to{transform:translateX(-50%)}}
@media (max-width:760px){.v5-br-lead{display:none}.v5-br-t a{padding:16px 22px}.v5-br-t svg{width:26px;height:26px}}
body.v5.v5-shop .v5-brands{margin-top:0}

@media (prefers-reduced-motion:reduce){
  body.v5 *,body.v5 *::before,body.v5 *::after{animation:none!important;transition:none!important}
  body.v5 .wi{transform:none!important}
  body.v5 .wipe{clip-path:none!important}
}

/* ===== homepage (v5) ===== */
.wrap{max-width:1260px;margin:0 auto;padding-inline:clamp(16px,3.4vw,40px)}
.disp{font-family:"Archivo",sans-serif;font-stretch:112%;letter-spacing:-.035em}
.xeye{display:inline-flex;align-items:center;gap:10px;font:500 11.5px/1.3 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.xeye b{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 4px rgba(208,20,44,.18);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(208,20,44,0)}}
.xb{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:99px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;
  transition:transform .4s var(--ease),box-shadow .4s,background .3s;will-change:transform;overflow:hidden;isolation:isolate;white-space:nowrap}
.xb svg{width:17px;height:17px;transition:transform .4s var(--ease);flex:none}
.xb:hover svg{transform:translateX(4px)}
.xb-ink{background:var(--ink);color:#fff;box-shadow:0 14px 30px -14px rgba(14,17,20,.6)}
.xb-light{background:#fff;color:var(--ink);box-shadow:0 14px 30px -16px rgba(0,0,0,.5)}
.xb-ink::before,.xb-light::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s var(--ease)}
.xb-light::before{background:linear-gradient(110deg,transparent 30%,rgba(14,17,20,.08) 50%,transparent 70%)}
.xb:hover::before{transform:translateX(100%)}
.xb-glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.xb-wa{background:var(--wa);color:#fff}
.xlnk{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px}
.xlnk svg{width:15px;height:15px;transition:transform .4s var(--ease)}
.xlnk:hover svg{transform:translateX(4px)}
.fit{position:relative;overflow:hidden;background:#15191e;isolation:isolate}
.fit > .blur{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);max-width:none;object-fit:cover;filter:blur(24px) saturate(1.1) brightness(.62);transform:scale(1.08);z-index:-1}
.fit > .full{position:relative;width:100%;height:100%;object-fit:contain}
.hero{position:relative;height:max(660px,100svh);overflow:hidden;background:#0b0d10;perspective:1400px;color:#fff;isolation:isolate}
.h-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--hrx,0deg)) rotateY(var(--hry,0deg));will-change:transform}
.h-slides{position:absolute;inset:0;transform:translateZ(-140px) scale(1.1);transform-style:preserve-3d}
.h-slide{position:absolute;inset:0;clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.h-slide.on,.h-slide.base{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.h-slide.base{z-index:1}
.h-slide.on{z-index:2}
.h-slide .full{transform:translate(calc(var(--hpx,0) * -12px),calc(var(--hpy,0) * -8px)) scale(.965)}
.h-slide.on .full{animation:ken 9s linear forwards}
@keyframes ken{from{scale:1}to{scale:1.025}}
.h-shade{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,10,13,.72) 0%,rgba(8,10,13,.38) 36%,rgba(8,10,13,0) 64%),linear-gradient(0deg,rgba(8,10,13,.7),transparent 34%)}
.h-cut{position:absolute;z-index:4;top:-20%;bottom:-20%;width:3px;left:0;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,transparent,#ffd2d8 20%,#fff 50%,#ffd2d8 80%,transparent);
  box-shadow:0 0 12px 3px rgba(240,54,74,.95),0 0 44px 12px rgba(208,20,44,.55);transform:rotate(14deg)}
#sparks{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none}
.h-frame{position:absolute;z-index:6;inset:clamp(76px,11vh,110px) clamp(14px,3vw,40px) clamp(120px,17vh,160px);transform:translateZ(30px);pointer-events:none;border-radius:4px;border:1px solid rgba(255,255,255,.2)}
.h-frame i{position:absolute;width:22px;height:22px;border-color:rgba(255,255,255,.85);border-style:solid}
.h-frame i:nth-child(1){top:-1px;left:-1px;border-width:2px 0 0 2px}
.h-frame i:nth-child(2){top:-1px;right:-1px;border-width:2px 2px 0 0}
.h-frame i:nth-child(3){bottom:-1px;left:-1px;border-width:0 0 2px 2px}
.h-frame i:nth-child(4){bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.h-copy{position:absolute;z-index:7;left:0;right:0;top:clamp(90px,12vh,120px);bottom:clamp(120px,17vh,160px);display:flex;align-items:center;transform:translateZ(90px) translate(calc(var(--hpx,0) * 10px),calc(var(--hpy,0) * 8px))}
.h-copy .wrap{width:100%}
.hero .xeye{color:rgba(255,255,255,.82)}
.hero h1{margin:18px 0 18px;font-size:clamp(34px,5vw,72px);line-height:.95;font-weight:800;max-width:15ch;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ln span{display:block;transform:translateY(106%);animation:rise 1.1s var(--ease) forwards}
.hero h1 .ln:nth-child(2) span{animation-delay:.1s}
.hero h1 .ln:nth-child(3) span{animation-delay:.2s}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}
@keyframes rise{to{transform:none}}
.h-note{display:flex;align-items:center;gap:14px;margin:0 0 24px;min-height:48px}
.h-note .bar{width:3px;align-self:stretch;background:var(--ember);border-radius:2px}
.h-note b{display:block;font:700 18px/1.25 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.01em}
.h-note span{display:block;color:rgba(255,255,255,.78);font-size:14.5px;margin-top:3px}
.h-note .txt{transition:opacity .5s,transform .5s var(--ease)}
.h-note.swap .txt{opacity:0;transform:translateY(10px)}
.hero .btns{display:flex;flex-wrap:wrap;gap:12px;opacity:0;animation:fade .9s .5s forwards}
@keyframes fade{to{opacity:1}}
.h-promo{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 14px 8px 8px;border-radius:99px;text-decoration:none;font-size:13.5px;font-weight:600;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;animation:fade .9s .7s forwards}
.h-promo em{font-style:normal;background:var(--ember);color:#fff;padding:5px 9px;border-radius:99px;font:600 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.1em}
.h-promo svg{width:14px;height:14px}
.h-rail{position:absolute;z-index:8;left:0;right:0;bottom:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 22px);transform:translateZ(60px)}
.h-rail .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.thumbs{display:flex;gap:10px}
.thumb{position:relative;width:clamp(58px,8vw,118px);aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.25);padding:0;cursor:pointer;background:#111;opacity:.55;transition:opacity .4s,transform .5s var(--ease)}
.thumb img{width:100%;height:100%;object-fit:contain}
.thumb.on{opacity:1;transform:translateY(-6px)}
.thumb:hover{opacity:.9}
.thumb .pg{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--ember-hi)}
.thumb.on .pg{animation:prog var(--dur,7s) linear forwards}
.hero.paused .thumb.on .pg{animation-play-state:paused}
@keyframes prog{to{width:100%}}
.h-ctl{display:flex;align-items:center;gap:14px}
.count{font:500 13px/1 "JetBrains Mono",monospace;letter-spacing:.1em;color:rgba(255,255,255,.8);white-space:nowrap}
.count b{font-size:22px;color:#fff;font-family:"Archivo",sans-serif;font-stretch:112%}
.arw{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s}
.arw:hover{background:rgba(255,255,255,.2)}
.arw svg{width:18px;height:18px}
@media (max-width:760px){.hero{height:max(700px,100svh);perspective:2200px}
.h-slide .full{object-position:50% 16%;transform:scale(.97)}
.h-shade{background:linear-gradient(0deg,rgba(8,10,13,.95) 0%,rgba(8,10,13,.8) 44%,rgba(8,10,13,0) 64%)}
.h-copy{align-items:flex-end;top:auto;bottom:112px;transform:translateZ(24px)}
.h-frame{display:none}
.hero h1{font-size:clamp(30px,8.6vw,40px);margin:12px 0}
.hero .xeye{font-size:10px;letter-spacing:.12em}
.h-note{margin-bottom:18px}
.h-note b{font-size:16px}
.h-note span{font-size:13.5px}
.hero .btns .xb{padding:14px 20px;font-size:14.5px}
.h-promo{display:none}
.h-rail{transform:translateZ(10px)}
.h-ctl .arw{display:none}
.thumb{width:40px;border-radius:7px}
.thumbs{gap:6px}
.count b{font-size:18px}}
.stats{position:relative;z-index:2;background:var(--deep);color:var(--on-deep)}
.stats .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.stat{padding:30px 18px 30px 0;border-right:1px solid rgba(255,255,255,.1)}
.stat:last-child{border-right:0}
.stat + .stat{padding-left:22px}
.stat b{display:block;font:800 clamp(28px,3.4vw,44px)/1 "Archivo",sans-serif;font-stretch:112%;letter-spacing:-.04em}
.stat b small{font-size:.55em;color:var(--ember-hi);margin-left:2px}
.stat span{display:block;margin-top:8px;color:var(--on-deep2);font-size:13px}
@media (max-width:860px){.stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat{padding:22px 12px!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
.stat:last-child{grid-column:1/-1;border-bottom:0}}
.brands{background:var(--card);border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.brands::before,.brands::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.brands::before{left:0;background:linear-gradient(90deg,var(--card),transparent)}
.brands::after{right:0;background:linear-gradient(-90deg,var(--card),transparent)}
.br-t{display:flex;width:max-content;animation:mq 46s linear infinite}
.brands:hover .br-t{animation-play-state:paused}
.br-t a{display:flex;align-items:center;gap:14px;padding:22px 34px;text-decoration:none;border-right:1px solid var(--line);white-space:nowrap;transition:background .3s}
.br-t a:hover{background:var(--bg2)}
.br-t svg{width:34px;height:34px;flex:none;fill:var(--ink)}
.br-t b{display:block;font:800 19px/1.1 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.02em}
.br-t span{display:block;font:500 10.5px/1.4 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:3px}
.br-t .p{font:700 13px/1 "Manrope",sans-serif;color:var(--ember);letter-spacing:0;text-transform:none;margin-left:6px}
.br-lead{position:absolute;z-index:3;left:0;top:0;bottom:0;display:flex;align-items:center;padding:0 22px 0 clamp(16px,3.4vw,40px);background:var(--ink);color:#fff;font:600 11px/1.3 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.br-lead::after{content:"";position:absolute;right:-18px;top:0;bottom:0;width:18px;background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}
@media (max-width:760px){.br-lead{display:none}
.br-t a{padding:18px 24px}
.br-t svg{width:28px;height:28px}}
@keyframes mq{to{transform:translateX(-50%)}}
section.s{padding-block:clamp(80px,10vw,140px)}
.sh{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:clamp(38px,5vw,64px)}
.sh h2{margin:14px 0 0;font-size:clamp(32px,5vw,66px);line-height:.96;font-weight:800}
.sh h2 em,.h2e{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.dark .sh h2 em{-webkit-text-stroke-color:var(--on-deep)}
.sh p{margin:0 0 16px;color:var(--ink2);font-size:16px;line-height:1.65;max-width:48ch}
@media (max-width:860px){.sh{grid-template-columns:1fr;gap:16px}}
.shopx{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(40px,5vw,64px)}
@media (max-width:960px){.shopx{grid-template-columns:1fr}}
.car3d{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;
  background:radial-gradient(70% 60% at 50% 38%,#ffffff 0%,#e9ecef 55%,#d6dbe0 100%);box-shadow:inset 0 0 0 1px rgba(14,17,20,.06),0 40px 80px -46px rgba(14,17,20,.55)}
.car3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;touch-action:pan-y}
.car3d .fb{position:absolute;inset:0;display:none}
.car3d.nogl .fb{display:block}
.car3d.nogl canvas{display:none}
.car3d .mat{position:absolute;z-index:2;top:16px;left:16px;display:flex;gap:4px;padding:4px;border-radius:99px;background:rgba(255,255,255,.75);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.car3d .mat button{border:0;background:none;padding:9px 14px;border-radius:99px;font:700 12.5px/1 "Manrope",sans-serif;cursor:pointer;color:var(--ink2);transition:background .3s,color .3s}
.car3d .mat button.on{background:var(--ink);color:#fff}
.car3d .cap{position:absolute;z-index:2;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;gap:10px;font:500 10.5px/1.4 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.car3d .live{position:absolute;z-index:2;top:22px;right:20px;display:flex;align-items:center;gap:8px;font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--ink3)}
.car3d .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ember);animation:pulse 2.4s infinite}
.shopx h2{margin:14px 0 16px;font-size:clamp(32px,4.4vw,60px);line-height:.96;font-weight:800}
.shopx > div > p{color:var(--ink2);font-size:16px;line-height:1.65;margin:0 0 22px;max-width:46ch}
.ticks{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45}
.ticks li i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;margin-top:-1px}
.ticks li i svg{width:12px;height:12px}
.from{display:flex;align-items:baseline;gap:10px;margin-bottom:22px}
.from span{font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.from b{font:800 42px/1 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.04em}
.xrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.shop{grid-template-columns:repeat(3,minmax(0,1fr))}}
.st{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;text-decoration:none;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 34px -24px rgba(14,17,20,.45);transition:transform .45s var(--ease),box-shadow .45s}
.st:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px rgba(14,17,20,.55)}
.st .im{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#fbfbfc,#e2e6ea)}
.st .im img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .6s var(--ease)}
.st:hover .im img{transform:scale(1.04)}
.st.plain .im{display:flex;flex-direction:column;justify-content:flex-end;padding:16px 18px;
  background:repeating-linear-gradient(92deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),linear-gradient(145deg,#cfd4d9,#8e959e 45%,#bcc2c8 62%,#767d86)}
.st.plain .im::after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.42) 50%,transparent 60%);transform:translateX(-60%);transition:transform 1.1s var(--ease)}
.st.plain:hover .im::after{transform:translateX(60%)}
.st .lg{position:absolute;top:12px;right:12px;width:30px;height:30px;fill:rgba(14,17,20,.72)}
.st .mk{position:relative;font:600 10px/1 "JetBrains Mono",monospace;letter-spacing:.18em;color:rgba(14,17,20,.55)}
.st .car{position:relative;font:800 clamp(24px,2.4vw,32px)/1 "Archivo",sans-serif;font-stretch:112%;letter-spacing:-.03em;color:var(--ink);margin-top:6px}
.st .tg{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.88);border:1px solid var(--line);z-index:1}
.st .bd{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}
.st .bd > b{font-size:14.5px;line-height:1.3}
.st .mt{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--ink3)}
.st .mt strong{color:var(--ink);font-size:16px}
.st .mt i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;transition:transform .35s}
.st:hover .mt i{transform:translateX(3px)}
.st .mt svg{width:14px;height:14px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;perspective:1300px}
@media (max-width:1060px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tilt{position:relative;display:flex;flex-direction:column;border-radius:var(--r);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .6s var(--ease),box-shadow .6s;text-decoration:none;color:#fff;background:var(--deep);box-shadow:0 30px 60px -34px rgba(14,17,20,.6)}
.tilt.live{transition:transform .1s linear}
.tilt .fit{aspect-ratio:3/2;border-radius:var(--r) var(--r) 0 0}
.tilt .fit .full{transform:translate(calc(var(--px,0) * -6px),calc(var(--py,0) * -6px)) scale(.97);transition:transform .6s var(--ease)}
.tilt.live .fit .full{transition:transform .1s linear}
.tilt .glare{position:absolute;inset:0;border-radius:var(--r);pointer-events:none;opacity:0;transition:opacity .4s;z-index:3;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.32),rgba(255,255,255,0) 46%);mix-blend-mode:overlay}
.tilt:hover .glare,.tilt.live .glare{opacity:1}
.tilt .edge{position:absolute;inset:0;border-radius:var(--r);border:1px solid rgba(255,255,255,.12);pointer-events:none}
.tilt .tag{position:absolute;top:14px;left:14px;z-index:2;transform:translateZ(50px);font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;
  padding:8px 11px;border-radius:99px;background:rgba(14,17,20,.42);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tilt .txt{padding:20px 20px 22px;transform:translateZ(40px);display:flex;flex-direction:column;flex:1}
.tilt h3{margin:0 0 8px;font:800 clamp(21px,1.9vw,25px)/1.05 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.03em}
.tilt p{margin:0 0 16px;font-size:13.5px;line-height:1.5;color:var(--on-deep2);flex:1}
.tilt .price{display:flex;align-items:baseline;gap:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:var(--on-deep2)}
.tilt .price b{font:800 22px/1 "Archivo",sans-serif;font-stretch:108%;color:#fff}
.tilt .go{position:absolute;right:14px;top:14px;z-index:2;transform:translateZ(60px);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);transition:transform .5s var(--ease)}
.tilt:hover .go{transform:translateZ(60px) rotate(-45deg)}
.tilt .go svg{width:16px;height:16px}
.story{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,70px);align-items:center}
@media (max-width:900px){.story{grid-template-columns:1fr}}
.story-im{border-radius:26px;aspect-ratio:3/2;box-shadow:0 40px 80px -40px rgba(14,17,20,.6)}
.story-im .full{transform:translateY(var(--par,0px)) scale(.97)}
.story-im .badge{position:absolute;z-index:2;left:16px;bottom:16px;display:flex;gap:18px;padding:12px 16px;border-radius:14px;color:#fff;
  background:rgba(14,17,20,.45);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:12.5px}
.story-im .badge b{display:block;font:700 15px/1.2 "Archivo",sans-serif;font-stretch:108%}
.story h2{font-size:clamp(30px,4.2vw,56px);line-height:.98;font-weight:800;margin:14px 0 18px}
.story > div > p{color:var(--ink2);line-height:1.7;font-size:16px;margin:0 0 28px;max-width:52ch}
.pts{display:grid;border-top:1px solid var(--line)}
.pt{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.pt i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}
.pt i svg{width:16px;height:16px}
.pt b{display:block;font-size:15.5px;margin-bottom:3px}
.pt span{color:var(--ink3);font-size:14px;line-height:1.5}
.xmq{background:var(--deep);color:var(--on-deep);overflow:hidden;padding-block:22px}
.xmq-t{display:flex;gap:52px;width:max-content;animation:mq 40s linear infinite;font:700 clamp(22px,3vw,38px)/1 "Archivo",sans-serif;font-stretch:125%;letter-spacing:-.02em;text-transform:uppercase}
.xmq-t span{display:flex;align-items:center;gap:52px}
.xmq-t span::after{content:"";width:13px;height:13px;background:var(--ember);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.xmq-t span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--on-deep2)}
.flow{position:relative;perspective:1500px}
.flow-track{display:flex;gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;padding:30px max(16px,calc(50% - 260px)) 40px;scrollbar-width:none;transform-style:preserve-3d;cursor:grab}
.flow-track::-webkit-scrollbar{display:none}
.flow-track.drag{cursor:grabbing;scroll-snap-type:none}
.fc{flex:0 0 clamp(280px,40vw,520px);scroll-snap-align:center;margin:0;border-radius:22px;overflow:hidden;background:var(--deep);color:#fff;
  transform:rotateY(var(--fy,0deg)) translateZ(var(--fz,0px)) scale(var(--fs,1));transition:transform .15s linear;box-shadow:0 34px 60px -30px rgba(14,17,20,.6)}
.fc .fit{aspect-ratio:3/2}
.fc .fit img{user-select:none;-webkit-user-drag:none}
.fc figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 18px}
.fc figcaption span{display:block;font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--on-deep2);margin-bottom:7px}
.fc figcaption b{font:800 21px/1.05 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.02em}
.fc .num{font:500 12px/1 "JetBrains Mono",monospace;color:var(--ember-hi);letter-spacing:.1em}
.flow-nav{display:flex;justify-content:center;gap:10px}
.flow-nav .arw{border-color:var(--line2);color:var(--ink);background:var(--card)}
.prec{background:var(--deep);color:var(--on-deep);overflow:hidden}
.prec .sh p{color:var(--on-deep2)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12)}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding:34px 26px 38px 0;border-right:1px solid rgba(255,255,255,.12)}
.step + .step{padding-left:26px}
.step:last-child{border-right:0}
@media (max-width:900px){.step,.step + .step{padding:26px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
.step .n{display:block;font:800 54px/1 "Archivo",sans-serif;font-stretch:112%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3)}
.step h4{margin:22px 0 8px;font:700 22px/1.1 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.02em}
.step p{margin:0;color:var(--on-deep2);font-size:14.5px;line-height:1.6;max-width:28ch}
.step .bar{position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--ember);transition:width 1.2s var(--ease)}
.steps.in .step .bar{width:100%}
.steps.in .step:nth-child(2) .bar{transition-delay:.2s}
.steps.in .step:nth-child(3) .bar{transition-delay:.4s}
.steps.in .step:nth-child(4) .bar{transition-delay:.6s}
.prec .xlnk{color:#fff;margin-top:34px}
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:1200px}
@media (max-width:900px){.prices{grid-template-columns:1fr}}
.pc{position:relative;padding:30px 28px;border-radius:22px;background:var(--card);border:1px solid var(--line);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;gap:14px;
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease),box-shadow .5s;box-shadow:0 18px 40px -28px rgba(14,17,20,.4)}
.pc.live{transition:transform .1s linear}
.pc::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(208,20,44,.12),transparent 50%);opacity:0;transition:opacity .4s}
.pc:hover::before{opacity:1}
.pc .k{font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.pc .v{font:800 clamp(30px,3vw,42px)/1 "Archivo",sans-serif;font-stretch:104%;letter-spacing:-.04em;white-space:nowrap}
.pc .v small{display:block;margin:8px 0 0;font:600 13px/1 "JetBrains Mono",monospace;color:var(--ink3);letter-spacing:.06em;text-transform:uppercase}
.pc p{margin:0;color:var(--ink2);font-size:14.5px;line-height:1.55}
.pc .xlnk{align-self:flex-start;margin-top:auto}
.pc.dark{background:var(--deep);color:var(--on-deep);border-color:transparent}
.pc.dark p,.pc.dark .k,.pc.dark .v small{color:var(--on-deep2)}
.loc{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,60px);align-items:center}
@media (max-width:900px){.loc{grid-template-columns:1fr}}
.map{position:relative;border-radius:26px;background:radial-gradient(90% 80% at 40% 30%,#1b2128,#0c0f13);aspect-ratio:1/1;overflow:hidden}
.map svg{width:100%;height:100%;display:block}
.map .state{fill:url(#mdots);stroke:var(--ember-hi);stroke-width:.6;stroke-linejoin:round;fill-opacity:0;transition:fill-opacity 1.2s .9s}
.map .state-glow{fill:none;stroke:var(--ember-hi);stroke-width:3;opacity:0;filter:blur(3px);transition:opacity 1.2s .6s}
.map.go .state{fill-opacity:1}
.map.go .state-glow{opacity:.35}
.map .route{fill:none;stroke:var(--ember-hi);stroke-width:.35;stroke-dasharray:1.2 1.2;opacity:0}
.map .pin{opacity:0;transform-box:fill-box;transform-origin:50% 100%}
.map .pin.in{animation:drop .7s var(--ease) forwards}
@keyframes drop{0%{opacity:0;transform:translateY(-6px) scale(.4)}100%{opacity:1;transform:none}}
.map .halo{transform-box:fill-box;transform-origin:center;animation:halo 2.6s infinite}
@keyframes halo{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.map .lbl{font-family:"JetBrains Mono",monospace;fill:#C9D0D8;letter-spacing:.06em;opacity:0;transition:opacity .6s}
.map.zoomed .lbl{opacity:1}
.map .scan{fill:url(#scan);opacity:.55;mix-blend-mode:screen}
.map-ui{position:absolute;left:14px;top:14px;display:flex;gap:4px;padding:4px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.map-ui button{border:0;background:none;color:var(--on-deep2);padding:8px 13px;border-radius:99px;font:600 12px/1 "Manrope",sans-serif;cursor:pointer}
.map-ui button.on{background:#fff;color:var(--ink)}
.map .legend{position:absolute;left:18px;bottom:16px;right:18px;display:flex;justify-content:space-between;font:500 10.5px/1.4 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--on-deep2)}
.xchips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
.xchip{padding:9px 14px;border-radius:99px;border:1px solid var(--line2);font-size:13.5px;font-weight:600;background:var(--card)}
.xchip.main{background:var(--ink);color:#fff;border-color:var(--ink)}
.hours{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.hours div{padding:16px 0;border-bottom:1px solid var(--line)}
.hours div:nth-child(odd){padding-right:14px}
.hours span{display:block;font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}
.hours b{font-size:15px}
.faq{max-width:900px}
.qa{border-bottom:1px solid var(--line)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;background:none;border:0;padding:24px 0;cursor:pointer;font:700 clamp(17px,1.8vw,21px)/1.3 "Archivo",sans-serif;font-stretch:104%;letter-spacing:-.01em}
.qa .pm{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);position:relative;transition:background .3s,transform .5s var(--ease)}
.qa .pm::before,.qa .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.8px;background:currentColor;transform:translate(-50%,-50%)}
.qa .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s var(--ease)}
.qa.open .pm{background:var(--ink);color:#fff;transform:rotate(180deg)}
.qa.open .pm::after{transform:translate(-50%,-50%) rotate(0)}
.qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.qa.open .ans{grid-template-rows:1fr}
.qa .ans > div{overflow:hidden}
.qa .ans p{margin:0;padding:0 50px 24px 0;color:var(--ink2);line-height:1.7}
.cta{display:grid;grid-template-columns:1fr 1fr;border-radius:30px;overflow:hidden;background:var(--deep);color:#fff;position:relative;isolation:isolate}
.cta::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 0deg at 30% 50%,transparent,rgba(208,20,44,.22),transparent 30%);animation:spin 16s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}
@media (max-width:900px){.cta{grid-template-columns:1fr}}
.cta .in{padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center}
.cta .fit{min-height:320px}
.cta h2{margin:16px 0 14px;font-size:clamp(32px,4.4vw,62px);line-height:.95;font-weight:800;max-width:14ch}
.cta p{margin:0 0 28px;color:var(--on-deep2);max-width:46ch;line-height:1.6}
.cta .xeye{color:var(--on-deep2)}
.cta .tel{font:700 16px/1 "Archivo",sans-serif;font-stretch:108%;text-decoration:none;opacity:.9}
@keyframes aur{to{transform:translateX(12%) translateY(8%)}}
@media (max-width:760px){.cards,.shop{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:6px 16px 18px;scrollbar-width:none}
.cards::-webkit-scrollbar,.shop::-webkit-scrollbar{display:none}
.cards .tilt{flex:0 0 80%;scroll-snap-align:center}
.shop .st{flex:0 0 70%;scroll-snap-align:start}
.fc{flex-basis:84vw}
.flow-track{padding-inline:8vw}}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;transform:translateY(112%);transition:transform .95s var(--ease) var(--d,0s)}
.split.shown .wi{transform:none}
.hero h1.seo{display:flex;align-items:center;gap:10px;margin:0 0 16px;max-width:none;font:500 11.5px/1.4 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:none}
.hero h1.seo b{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 4px rgba(208,20,44,.25);animation:pulse 2.4s infinite}
.h-kick{display:inline-block;padding:6px 11px;border-radius:99px;background:var(--ember);color:#fff;font:600 11px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;transition:opacity .4s,transform .5s var(--ease)}
.h-head{position:relative;margin:16px 0 16px;font-size:clamp(40px,6vw,92px);line-height:.94;font-weight:800;max-width:12ch;text-shadow:0 2px 34px rgba(0,0,0,.35)}
.h-head .hl{display:block}
.h-head em{font-style:normal;color:transparent;-webkit-text-stroke:1.6px #fff}
.h-head.in .wi{transform:none}
.h-head.out .wi{transform:translateY(-112%);transition-duration:.45s;transition-delay:calc(var(--d) * .5)}
.h-head::after{content:"";position:absolute;inset:-12% -6%;pointer-events:none;background:linear-gradient(100deg,transparent 42%,rgba(255,205,212,.55) 50%,transparent 58%);mix-blend-mode:overlay;transform:translateX(-130%)}
.h-head.sweep::after{animation:hsweep 1.5s .45s var(--ease) forwards}
@keyframes hsweep{to{transform:translateX(130%)}}
.h-sub{max-width:44ch;margin:0 0 26px;color:rgba(255,255,255,.84);font-size:clamp(14.5px,1.25vw,17px);line-height:1.55;transition:opacity .45s,transform .5s var(--ease)}
.h-sub.swap,.h-kick.swap{opacity:0;transform:translateY(10px)}
.h-idx{position:absolute;z-index:8;right:clamp(16px,3.4vw,44px);top:50%;transform:translateY(-50%) translateZ(80px);text-align:right;pointer-events:none;transition:opacity .45s,transform .6s var(--ease)}
.h-idx.swap{opacity:0;transform:translateY(-44%) translateZ(80px)}
.h-idx b{display:block;font:800 clamp(70px,9vw,140px)/.8 "Archivo",sans-serif;font-stretch:125%;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}
.h-idx span{display:block;margin-top:12px;font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.h-idx i{display:block;margin:14px 0 0 auto;width:120px;height:2px;background:rgba(255,255,255,.2);overflow:hidden}
.h-idx i em{display:block;height:100%;background:var(--ember-hi);transform-origin:0 50%;animation:prog2 7s linear infinite}
.hero.paused .h-idx i em{animation-play-state:paused}
@keyframes prog2{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:1000px){.h-idx{display:none}}
@media (max-width:760px){.hero h1.seo{font-size:9.5px;letter-spacing:.1em;margin-bottom:12px}
.h-head{font-size:clamp(32px,9.6vw,42px);margin:12px 0;max-width:none}
.h-sub{font-size:14.5px;margin-bottom:20px}}
.cstage{position:relative;border-radius:28px;padding:clamp(18px,3vw,30px);background:radial-gradient(80% 70% at 50% 30%,#ffffff 0%,#e9ecef 60%,#dde1e6 100%);box-shadow:inset 0 0 0 1px rgba(14,17,20,.06),0 40px 80px -46px rgba(14,17,20,.55)}
.deck{position:relative;aspect-ratio:4/3;perspective:1200px;transform-style:preserve-3d;touch-action:pan-y;user-select:none;cursor:grab;transition:opacity .28s,transform .4s var(--ease)}
.deck:active{cursor:grabbing}
.deck.swap{opacity:0;transform:scale(.96) translateY(10px)}
.dc{position:absolute;inset:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 50px -28px rgba(14,17,20,.55);transition:transform .6s var(--ease),opacity .4s;will-change:transform;transform-style:preserve-3d}
.dc img{width:100%;height:100%;object-fit:contain;background:#f4f5f7;pointer-events:none}
.dc::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.4),transparent 45%);opacity:0;transition:opacity .3s;mix-blend-mode:overlay}
.dc.top:hover::after{opacity:1}
.dc .dtag{position:absolute;z-index:2;left:14px;top:14px;padding:6px 11px;border-radius:99px;background:var(--ink);color:#fff;font:600 11px/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.dc.plain{display:flex;align-items:flex-end;padding:22px;background:repeating-linear-gradient(92deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),linear-gradient(145deg,#d3d8dd,#8e959e 45%,#c0c6cc 62%,#737a83)}
.dc.plain::before{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);animation:plate 4.5s var(--ease) infinite}
@keyframes plate{0%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
.dc .dlogo{position:absolute;right:18px;top:16px;width:46px;height:46px;fill:rgba(14,17,20,.75)}
.dc .dtxt{position:relative}
.dc .dtxt span{font:600 11px/1 "JetBrains Mono",monospace;letter-spacing:.18em;color:rgba(14,17,20,.6)}
.dc .dtxt b{display:block;margin:8px 0 6px;font:800 clamp(40px,5vw,64px)/.9 "Archivo",sans-serif;font-stretch:118%;letter-spacing:-.04em;color:var(--ink)}
.dc .dtxt small{font-size:12.5px;color:rgba(14,17,20,.62)}
.deck-ui{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:36px 2px 16px;font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.deck-ui #deckLbl{color:var(--ink);font-weight:600}
.dots{display:flex;gap:6px}
.dots i{width:7px;height:7px;border-radius:99px;background:rgba(14,17,20,.2);transition:width .4s var(--ease),background .3s}
.dots i.on{width:22px;background:var(--ember)}
.cpick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:4px}
.cpick::-webkit-scrollbar{display:none}
.cpick button{flex:none;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:99px;border:1px solid var(--line2);background:rgba(255,255,255,.7);cursor:pointer;font:700 13px/1 "Manrope",sans-serif;transition:background .3s,color .3s,transform .3s var(--ease)}
.cpick button svg{width:20px;height:20px;fill:currentColor}
.cpick button:hover{transform:translateY(-2px)}
.cpick button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.cname{display:flex;align-items:center;gap:14px;margin:4px 0 16px}
.cname svg{width:44px;height:44px;flex:none;fill:var(--ink)}
.cname span{display:block;font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.cname b{display:block;margin-top:6px;font:800 clamp(26px,3vw,38px)/1 "Archivo",sans-serif;font-stretch:112%;letter-spacing:-.03em}
.cname.pop b,.cname.pop svg{animation:pop .6s var(--ease)}
@keyframes pop{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
.cread{display:grid;border-top:1px solid var(--line);margin-bottom:24px}
.crow{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.crow > span{font-weight:700;font-size:14.5px}
.crow b{font:800 22px/1 "Archivo",sans-serif;font-stretch:104%;letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums}
.crow b i{font-style:normal}
.crow small{display:block;font:500 10px/1 "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--ink3);margin-bottom:6px}
@media (max-width:520px){.crow{grid-template-columns:1fr 1fr;row-gap:10px}
.crow > span{grid-column:1/-1}
.crow b{text-align:left}}

.wipe .full{transform:scale(1.12)!important;transition:transform 1.6s var(--ease)!important}
.wipe.shown{clip-path:inset(0 0 0 0 round 0)}
.wipe.shown .full{transform:scale(.97)!important}
.tilt .fit.wipe.shown{clip-path:inset(0 0 0 0 round var(--r) var(--r) 0 0)}
.story-im.wipe.shown,.cta .fit.wipe.shown{clip-path:inset(0 0 0 0)}
.stack{display:grid;gap:22px;max-width:980px;margin:0 auto}
.scard{position:sticky;top:calc(96px + var(--i) * 16px);display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,4vw,44px);align-items:center;min-height:clamp(190px,26vw,260px);
  padding:clamp(24px,4vw,46px);border-radius:26px;overflow:hidden;background:linear-gradient(155deg,#1f262e,#12161b 70%);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 -24px 60px -30px rgba(0,0,0,.9);transform-origin:50% 0;transform:scale(var(--sc,1));filter:brightness(var(--br,1))}
.scard .n{font:800 clamp(64px,10vw,130px)/.8 "Archivo",sans-serif;font-stretch:118%;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px var(--ember-hi)}
.scard h4{margin:0 0 10px;font:800 clamp(24px,3.2vw,40px)/1.02 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.03em}
.scard p{margin:0;color:var(--on-deep2);font-size:clamp(14.5px,1.3vw,17px);line-height:1.6;max-width:44ch}
.scard .sbar{position:absolute;left:0;bottom:0;height:3px;width:var(--fill,0%);background:linear-gradient(90deg,var(--ember),var(--ember-hi))}
.scard::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,54,74,.18),transparent 70%)}
@media (max-width:600px){.scard{grid-template-columns:1fr;gap:6px;top:calc(84px + var(--i) * 12px)}}
.prec .xlnk{display:inline-flex;margin-top:40px}
.xmq{will-change:transform;transition:transform .2s linear}
@keyframes jump{0%{transform:none}28%{transform:translateY(-.2em) rotate(-4deg);color:var(--ember-hi);-webkit-text-stroke-color:var(--ember-hi)}62%{transform:translateY(.03em);color:rgba(238,241,244,.9)}100%{transform:none}}
@keyframes laser{0%{left:-2%;opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
.prec{overflow:clip}
@media (prefers-reduced-motion:reduce){.h-head .wi,.split .wi{transform:none!important}
.wipe{clip-path:none!important}
.hero h1 .ln span,.hero .btns,.h-promo{transform:none;opacity:1}
.map .pin{opacity:1}}
.xrv-on .xrv{opacity:0;transform:translateY(38px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.xrv-on .xrv.in{opacity:1;transform:none}

/* homepage extras */
#v5home{--on-deep:#EEF1F4;--on-deep2:#9AA3AD}
#v5home .scard h3{margin:0 0 10px;font:800 clamp(24px,3.2vw,40px)/1.02 "Archivo",sans-serif;font-stretch:108%;letter-spacing:-.03em;color:#fff}
#v5home .revs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
#v5home .rev{margin:0;padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -30px rgba(14,17,20,.4)}
#v5home .rev .stars{color:var(--ember);letter-spacing:3px}
#v5home .rev blockquote{margin:12px 0 16px;line-height:1.65;color:var(--ink2)}
#v5home .rev figcaption b{display:block}
#v5home .rev figcaption span{color:var(--ink3);font-size:13px}
#v5home .xchip{text-decoration:none;color:inherit}
#v5home .hours a{text-decoration:none;color:inherit}
body.v5.has-hero main{padding-top:0!important}

/* shop hero controls on the dark top */
body.v5 .shop-hero .shop-filter{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important}
body.v5 .shop-hero .shop-filter button{color:var(--on-deep2)!important;background:transparent!important}
body.v5 .shop-hero .shop-filter button.on{background:#fff!important;color:var(--ink)!important}
body.v5 .shop-hero .stock{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:rgba(208,20,44,.25)!important}
body.v5 .shop-hero h1 em{-webkit-text-stroke-color:#fff}

/* the global .fit frame must not pull hero slides out of their absolute stack */
#v5home .h-slide.fit{position:absolute!important;inset:0}

/* action pill waits until the dark top has scrolled away (the hero has its own CTAs) */
body.v5 .actionbar{transition:transform .5s var(--ease),opacity .4s}
body.v5.v5-top .actionbar{transform:translateY(150%)!important;opacity:0;pointer-events:none}

#v5home .stat b{white-space:nowrap}
#v5home .stat b small{display:inline;font-size:.55em}

/* the dark page top brings its own header clearance */
body.v5:not(.has-hero) main{padding-top:0!important}

/* ================= v6 polish ================= */
/* grid children must be allowed to shrink or a scrolling row inside widens the column */
#v5home .shopx>*,#v5home .story>*,#v5home .loc>*,#v5home .cta>*,#v5home .sh>*,#v5home .prec-grid>*,body.v5 .grid>*,body.v5 .footer-grid>*{min-width:0}
#v5home .cstage,#v5home .deck{max-width:100%}
body.v5 main h1,body.v5 main h2,body.v5 main h3{overflow-wrap:anywhere}
body.v5 .w{max-width:100%}
body.v5 .card .card-body{overflow-wrap:anywhere}
body.v5 .table-wrap{max-width:100%}

/* hero: calm cross-fade with a slow push-in instead of the laser cut */
#v5home .h-cut,#v5home #sparks{display:none!important}
#v5home .h-slide{clip-path:none!important;opacity:0;transition:opacity 1.3s cubic-bezier(.4,0,.2,1)}
#v5home .h-slide.on,#v5home .h-slide.base{opacity:1}
#v5home .h-slide.base{transition:none}
#v5home .h-slide .full{transition:transform 7.5s cubic-bezier(.2,.6,.2,1)}
#v5home .h-slide.on .full{animation:none;transform:scale(1.035)!important}
#v5home .h-slide:not(.on) .full{transform:scale(.97)!important}
@media (max-width:760px){#v5home .h-slide.on .full{transform:scale(1.02)!important}}

/* footer: the real logo, brushed-steel sheen, tilts to touch */
body.v5 .v5-logo-wrap{position:relative;display:inline-block;margin:0 0 8px;perspective:900px;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}
body.v5 .v5-logo{display:block;width:min(560px,82vw);aspect-ratio:440/183;
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;
  background:linear-gradient(100deg,#7d858f 0%,#e9edf1 14%,#8f98a2 28%,#ffffff 42%,#9aa3ad 54%,#F0364A 64%,#8d959f 74%,#eef1f4 88%,#7d858f 100%);
  background-size:320% 100%;animation:v5sheen 7s linear infinite;
  transform:rotateX(var(--lx,0deg)) rotateY(var(--ly,0deg));transition:transform .5s var(--ease)}
body.v5 .v5-logo-wrap.live .v5-logo{transition:transform .1s linear}
@keyframes v5sheen{to{background-position:-320% 0}}
body.v5 .v5-logo-wrap::after{content:"";position:absolute;top:-6%;bottom:-6%;width:3px;left:-3%;opacity:0;background:#fff;box-shadow:0 0 14px 4px rgba(240,54,74,.95),0 0 44px 12px rgba(208,20,44,.55)}
body.v5 .v5-logo-wrap.hit::after{animation:v5laser 1.1s var(--ease)}
body.v5 .v5-logo-wrap.hit .v5-logo{animation:v5sheen .9s linear 1,v5sheen 7s linear .9s infinite}
body.v5 .v5-logo-wrap.hit{animation:v5pop .7s var(--ease)}
@keyframes v5pop{30%{transform:scale(1.04)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){body.v5 .v5-logo{animation:none;background-position:30% 0}}

/* Google preferred source badge (Google's own badge proportions and colours) */
body.v5 .g-pref{display:inline-flex;align-items:center;gap:10px;margin:18px 0 4px;padding:9px 14px 9px 10px;border-radius:12px;background:#fff;border:1px solid #dadce0;
  color:#3c4043!important;text-decoration:none!important;font:500 13.5px/1.25 Roboto,Arial,system-ui,sans-serif;box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);transition:box-shadow .2s,transform .2s}
body.v5 .g-pref:hover{box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);transform:translateY(-1px);color:#202124!important}
body.v5 .g-pref svg{width:22px;height:22px;flex:none}
body.v5 .g-pref small{display:block;font-size:11.5px;color:#5f6368}
body.v5 .g-pref b{font-weight:500;color:#202124}
body.v5 .credit{opacity:.85}
body.v5 .credit a{color:#fff!important;font-weight:600;text-decoration:none}
body.v5 .credit a:hover{color:#F0364A!important}

/* the frame sets the size; the photo never widens its box */
body.v5 .fit>img.full{position:absolute!important;inset:0}
body.v5 .fit{width:100%;max-width:100%}
#v5home .cta .fit{min-height:260px}

/* v6.1 phone polish */
#v5home .stat b span{display:inline!important;font:inherit!important;color:inherit!important;margin:0!important;letter-spacing:inherit}
#v5home .stat b small{display:inline!important;font-size:.5em!important;margin-left:3px;vertical-align:.35em}
#v5home .xchip.main{color:#fff!important}
body.v5 .site-footer:has(.v5-logo-wrap) .footer-brand{display:none}
@media (max-width:760px){
  #v5home .story-im .badge{right:12px;left:12px;bottom:12px;flex-wrap:wrap;gap:10px 18px;padding:10px 14px}
  #v5home section.s{padding-block:64px}
  #v5home .flow-nav{margin-top:-8px}
  body.v5 .section{padding:56px 0}
}
/* v6.2 */
body.v5 .cta-band{box-sizing:border-box;width:min(var(--w,1180px),calc(100% - 32px))!important;max-width:100%}
body.v5 .cta-band>.container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
body.v5 .btn{max-width:100%;white-space:normal;text-align:center;justify-content:center}
#v5home .story-im .badge{position:absolute!important;display:flex!important;flex-wrap:wrap!important;white-space:normal!important;max-width:calc(100% - 24px);text-transform:none!important;letter-spacing:0!important}

/* v7: wordmark + star (the logo's star, drawn and spun) */
body.v5 .v5-word{display:inline-flex;align-items:flex-start;gap:0;position:relative}
body.v5 .v5-star{width:.62em;height:.62em;margin:-.08em 0 0 -.12em;flex:none;overflow:visible;transform:rotate(-14deg);transition:transform .8s var(--ease)}
body.v5 .v5-star path{fill:rgba(240,54,74,.0);stroke:rgba(255,255,255,.55);stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:fill .5s,stroke .5s}
body.v5 .v5-word:hover .v5-star{transform:rotate(-14deg) scale(1.08)}
body.v5 .v5-word.wave .v5-star{animation:v5star 1.2s var(--ease) .35s}
body.v5 .v5-word.wave .v5-star path{animation:v5draw 1.2s var(--ease) .2s}
@keyframes v5star{0%{transform:rotate(-14deg) scale(1)}45%{transform:rotate(200deg) scale(1.25)}100%{transform:rotate(346deg) scale(1)}}
@keyframes v5draw{0%{stroke-dashoffset:1;fill:rgba(240,54,74,0)}55%{stroke-dashoffset:0;stroke:#F0364A;fill:rgba(240,54,74,.35)}100%{stroke-dashoffset:0;stroke:rgba(255,255,255,.55);fill:rgba(240,54,74,0)}}
@media (max-width:760px){body.v5 .v5-word{font-size:clamp(52px,16vw,90px)}}
/* strip above the footer sits flush */
body.v5 .v5-brands+.site-footer{margin-top:0}
/* product page specs sit inside the dark hero */
body.v5 .pdp-specs{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:18px!important}
body.v5 .pdp-specs .row{border-color:rgba(255,255,255,.1)!important}
body.v5 .pdp-specs .row span{color:var(--on-deep2)!important;opacity:1!important}
body.v5 .pdp-specs .row b{color:#fff!important}
/* v7.1: product buy card on the dark top */
body.v5 .pdp-buy{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)!important}
body.v5 .pdp-buy h1,body.v5 .pdp-buy .pdp-price,body.v5 .pdp-buy .pdp-price b{color:#fff!important}
body.v5 .pdp-buy .sub,body.v5 .pdp-buy .opt-lbl,body.v5 .pdp-buy .small,body.v5 .pdp-buy .muted,body.v5 .pdp-buy label,body.v5 .pdp-buy .pdp-price span,body.v5 .pdp-buy .pdp-price small{color:var(--on-deep2)!important;opacity:1!important}
body.v5 .pdp-buy .badge{background:rgba(255,255,255,.08)!important;color:var(--on-deep2)!important;border-color:rgba(255,255,255,.14)!important}
body.v5 .pdp-buy .seg .opt,body.v5 .pdp-buy .opt{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
body.v5 .pdp-buy .opt *{color:inherit!important}
body.v5 .pdp-buy .opt small,body.v5 .pdp-buy .opt span{color:var(--on-deep2)!important}
body.v5 .pdp-buy .opt.on,body.v5 .pdp-buy .opt[aria-checked="true"],body.v5 .pdp-buy .opt:has(input:checked){background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
body.v5 .pdp-buy .opt.on small,body.v5 .pdp-buy .opt.on span,body.v5 .pdp-buy .opt:has(input:checked) small,body.v5 .pdp-buy .opt:has(input:checked) span{color:var(--ink3)!important}
body.v5 .pdp-buy .qty{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important}
body.v5 .pdp-buy .qty button{color:#fff!important}
body.v5 .pdp-buy .btn-secondary{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
body.v5 .pdp-buy .btn-primary{background:var(--ember)!important;border-color:var(--ember)!important;color:#fff!important}
body.v5 .pdp-buy .stock{color:#6fe39a!important}
body.v5 .pdp-trust,body.v5 .pdp-trust *{color:var(--on-deep2)!important}
/* footer: one mark only, and it fits a phone */
body.v5 .site-footer:has(.v5-word) .footer-brand{display:none}
@media (max-width:760px){body.v5 .v5-word{font-size:clamp(46px,14vw,80px)}}
/* v7.2: the real logo, sliced per letter so each letter still jumps */
body.v5 .v5-mark{display:flex;align-items:stretch;container-type:inline-size;width:min(620px,88vw);aspect-ratio:440/183;font-size:clamp(46px,14vw,120px);letter-spacing:0;line-height:1;margin:0 0 10px}
body.v5 .v5-mark .fl{flex:none;display:block;height:100%;width:calc(var(--w) / 440 * 100cqw);color:transparent!important;-webkit-text-stroke:0!important;
  background:var(--logo) no-repeat;background-size:100cqw auto;background-position:calc(var(--x) / 440 * -100cqw) 0;
  filter:brightness(0) invert(1) drop-shadow(0 0 calc(var(--fa,0) * 18px) rgba(240,54,74,.95));opacity:.92;transform:translateY(var(--ly,0em))}
body.v5 .v5-mark.wave .fl{animation:v5jumpimg .95s var(--ease) calc(var(--i) * 70ms)}
@keyframes v5jumpimg{0%{transform:none}28%{transform:translateY(-.2em) rotate(-4deg);filter:brightness(0) invert(1) drop-shadow(0 0 14px rgba(240,54,74,1)) drop-shadow(0 0 2px #F0364A)}62%{transform:translateY(.03em)}100%{transform:none}}
body.v5 .v5-mark .fl:last-child{transform-origin:30% 60%}
body.v5 .v5-mark.wave .fl:last-child{animation:v5starimg 1.2s var(--ease) .45s}
@keyframes v5starimg{0%{transform:none}35%{transform:scale(1.12) rotate(-6deg);filter:brightness(0) invert(1) drop-shadow(0 0 22px rgba(240,54,74,1))}100%{transform:none}}
/* ================= v8 footer brandmark ================= */
body.v5 .site-footer::before{animation:none!important;opacity:.55!important}
body.v5 .v5-word,body.v5 .v5-mark{display:none!important}
body.v5 .v5-bm{position:relative;width:min(640px,100%);aspect-ratio:1944/809;margin:4px 0 22px;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;--mx:0;--my:0}
body.v5 .v5-bm>span{position:absolute;inset:0;display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;will-change:transform}
body.v5 .v5-bm i{position:absolute;inset:0;display:block}
/* text: brushed silver, written in left to right */
body.v5 .bm-text{-webkit-mask-image:var(--bm-t);mask-image:var(--bm-t);background:linear-gradient(180deg,#ffffff 0%,#dfe4ea 45%,#9aa3ad 100%);
  transform:translate(calc(var(--mx) * -10px),calc(var(--my) * -4px));transition:transform .6s var(--ease),clip-path 1.3s var(--ease) .15s;clip-path:inset(0 100% 0 0)}
body.v5 .bm-text i{background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%);background-size:260% 100%;background-position:160% 0;animation:bmshine 6s ease-in-out 2.2s infinite}
@keyframes bmshine{0%,60%{background-position:160% 0}100%{background-position:-60% 0}}
/* star: laser red, spins in, then floats */
body.v5 .bm-star{-webkit-mask-image:var(--bm-s);mask-image:var(--bm-s);background:linear-gradient(135deg,#ff6b78 0%,#F0364A 35%,#D0142C 65%,#7d0a18 100%);
  transform-origin:81% 47%;transform:translate(calc(var(--mx) * 16px),calc(var(--my) * 8px)) rotate(calc(var(--mx) * 14deg - 160deg)) scale(.35);opacity:0;
  transition:transform 1.2s cubic-bezier(.2,1.4,.3,1) .35s,opacity .6s .35s}
body.v5 .bm-star i{background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);background-size:280% 100%;background-position:170% 0;animation:bmshine 5s ease-in-out 3s infinite}
body.v5 .v5-bm.in .bm-text{clip-path:inset(0 0 0 0)}
body.v5 .v5-bm.in .bm-star{opacity:1;transform:translate(calc(var(--mx) * 16px),calc(var(--my) * 8px)) rotate(calc(var(--mx) * 14deg)) scale(1)}
body.v5 .v5-bm.in .bm-star{animation:bmfloat 6s ease-in-out 1.8s infinite}
@keyframes bmfloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
body.v5 .v5-bm.spin .bm-star{animation:bmspin 1s cubic-bezier(.3,1.3,.4,1)}
@keyframes bmspin{from{rotate:0deg}to{rotate:360deg}}
body.v5 .v5-bm.spin .bm-text{animation:bmnudge .6s var(--ease)}
@keyframes bmnudge{40%{translate:-6px 0}100%{translate:0 0}}
body.v5 .v5-foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
body.v5 .v5-foot-top .v5-hint{margin:0}
body.v5 .v5-foot-cta{display:flex;flex-wrap:wrap;gap:10px}
body.v5 .v5-foot-cta .btn{padding:13px 22px!important;font-size:14.5px}
body.v5 .v5-foot-cta .btn-primary{background:#fff!important;color:#0E1114!important;border-color:#fff!important}
@media (max-width:760px){
  body.v5 .site-footer{padding-top:44px}
  body.v5 .v5-bm{width:100%;margin-bottom:18px}
  body.v5 .v5-foot-top{flex-direction:column;align-items:stretch}
  body.v5 .v5-foot-cta .btn{flex:1 1 0}
}
@media (prefers-reduced-motion:reduce){body.v5 .bm-text{clip-path:none}body.v5 .bm-star{opacity:1;transform:none}}
/* v8.1 */
body.v5 .site-footer .footer-brand{display:none!important}
body.v5 .site-footer .v5-foot-cta .btn-whatsapp{color:#fff!important;background:var(--wa)!important;border-color:var(--wa)!important}
body.v5 .site-footer .v5-foot-cta .btn-primary{color:#0E1114!important}
@media (max-width:960px){
  body.v5{padding-bottom:0!important}
  body.v5 .site-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
  html:has(body.v5){background:#090b0e}
}
/* ================= v9 brandmark motion ================= */
@property --orb{syntax:'<angle>';inherits:false;initial-value:0deg}
body.v5 .v5-bm{perspective:900px;--px:50%;--py:50%}
body.v5 .v5-bm .bm-fx{position:absolute;left:-20%;top:-20%;width:140%;height:140%;pointer-events:none;z-index:3}
/* text: tilts toward the finger, a pool of light follows it */
body.v5 .bm-text{transform:rotateY(calc(var(--mx) * 12deg)) rotateX(calc(var(--my) * -10deg)) translateZ(0);transition:transform .5s var(--ease),clip-path 1.3s var(--ease) .15s}
body.v5 .bm-text i{animation:none!important;background:radial-gradient(circle at var(--px) var(--py),#ffffff 0,rgba(255,255,255,.95) 6%,rgba(255,120,132,.75) 13%,rgba(240,54,74,.35) 20%,transparent 30%);opacity:0;transition:opacity .35s}
body.v5 .v5-bm.touch .bm-text i{opacity:1}
body.v5 .bm-text b{position:absolute;inset:0;display:block;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%);background-size:260% 100%;background-position:160% 0;animation:bmshine 6s ease-in-out 2.2s infinite}
body.v5 .v5-bm.hit .bm-text b{animation:bmwave .7s var(--ease)}
@keyframes bmwave{from{background-position:160% 0}to{background-position:-60% 0}}
body.v5 .v5-bm.hit .bm-text{animation:bmpress .6s var(--ease)}
@keyframes bmpress{35%{scale:.97}100%{scale:1}}
/* star: no spinning — light races around its edges */
body.v5 .bm-star{transform-origin:81% 47%;transform:translate(calc(var(--mx) * 18px),calc(var(--my) * 8px));opacity:0;clip-path:inset(0 0 0 100%);
  transition:transform .6s var(--ease),opacity .5s .3s,clip-path 1.1s cubic-bezier(.7,0,.2,1) .3s}
body.v5 .v5-bm.in .bm-star{opacity:1;clip-path:inset(0 0 0 0);transform:translate(calc(var(--mx) * 18px),calc(var(--my) * 8px));animation:none}
body.v5 .bm-star i{animation:bmorb 3.6s linear infinite!important;background:conic-gradient(from var(--orb) at 81% 47%,transparent 0deg,transparent 280deg,rgba(255,255,255,.2) 318deg,#ffffff 342deg,rgba(255,210,215,.9) 350deg,transparent 360deg)!important;background-size:auto!important}
@keyframes bmorb{to{--orb:360deg}}
body.v5 .v5-bm.touch .bm-star i{animation-duration:1.4s!important}
body.v5 .v5-bm.hit .bm-star{animation:bmignite .8s var(--ease)}
@keyframes bmignite{0%{filter:none}30%{filter:brightness(1.9) drop-shadow(0 0 16px rgba(240,54,74,.9))}100%{filter:none}}
body.v5 .v5-bm.spin .bm-star,body.v5 .v5-bm.spin .bm-text{animation:none}
@media (prefers-reduced-motion:reduce){body.v5 .bm-star{clip-path:none;opacity:1}body.v5 .bm-star i,body.v5 .bm-text b{animation:none!important}}
/* v10: legacy !important rules were beating the dark page top (join-hero etc.) */
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero){
  background:radial-gradient(70% 90% at 85% 0%,rgba(208,20,44,.22),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(120,130,145,.18),transparent 70%),linear-gradient(170deg,#161b21,#0b0d10)!important;
  padding-top:clamp(116px,15vw,170px)!important;padding-bottom:clamp(50px,7vw,90px)!important;color:var(--on-deep)!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) :is(p,.lead,li,small,span:not(.w):not(.wi):not(.stock)){color:var(--on-deep2)!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) :is(h1,h2,h3,strong,b){color:#fff!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) :is(.card,.form-card,.table-wrap,.pdp-buy,.contact-box) :is(p,li,small,span){color:inherit!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) :is(.card,.form-card,.table-wrap,.contact-box){color:var(--ink)!important}
body.v5:not(.has-hero) main>section:first-of-type:is(.section,.shop-hero,.join-hero) :is(.card,.form-card,.table-wrap,.contact-box) :is(h1,h2,h3,strong,b){color:var(--ink)!important}
body.v5 .join-chips span{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
body.v5 .grad-text{background:none!important;-webkit-text-fill-color:initial!important;color:#fff!important}
body.v5:not(.has-hero) main>section:first-of-type .grad-text{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.4px #fff}
/* join-network chips: small icon + label on one line */
body.v5 .join-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}
body.v5 .join-chips span{display:inline-flex!important;align-items:center;gap:8px;padding:9px 15px!important;border-radius:99px!important;font:600 13.5px/1.2 var(--v5-body)!important;white-space:nowrap;height:auto!important;width:auto!important}
body.v5 .join-chips svg{width:16px!important;height:16px!important;flex:none;stroke:#F0364A}
/* dark CTA bands: legacy !important colours lose here */
body.v5 .cta-band :is(h1,h2,h3,strong,b),body.v5 .cta-band h2 .wi{color:#fff!important}
body.v5 .cta-band :is(p,li,small,.lead){color:var(--on-deep2)!important}
/* v11 contrast: light boxes that live inside the dark page top keep dark text */
body.v5:not(.has-hero) main>section:first-of-type :is(.price-band,.co-sum,.callout,.faq-item,.p-step,.form-card,.card,.contact-box,.table-wrap){background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
body.v5:not(.has-hero) main>section:first-of-type :is(.price-band,.co-sum,.callout,.faq-item,.p-step,.form-card,.card,.contact-box,.table-wrap) :is(h1,h2,h3,h4,strong,b,span:not(.w):not(.wi),.wi){color:var(--ink)!important}
body.v5:not(.has-hero) main>section:first-of-type :is(.price-band,.co-sum,.callout,.faq-item,.p-step,.form-card,.card,.contact-box,.table-wrap) :is(p,li,small,label,.muted){color:var(--ink2)!important}
body.v5:not(.has-hero) main>section:first-of-type :is(.price-band,.co-sum,.callout,.faq-item,.p-step,.form-card,.card,.contact-box,.table-wrap) a:not(.btn){color:var(--ember)!important}
body.v5:not(.has-hero) main>section:first-of-type :is(.price-band,.co-sum,.callout,.form-card,.card) .btn-secondary{color:var(--ink)!important;border-color:var(--line2)!important}
body.v5 .g-pref,body.v5 .g-pref *{color:#3c4043!important}
body.v5 .g-pref b{color:#202124!important}
body.v5 .cta-band .eyebrow{color:var(--on-deep2)!important}
body.v5 .noimg,body.v5 .noimg *{color:#4a525c!important}
/* legacy selectors that named the old fonts now use the v5 faces */
body.v5 :is(.stats-band strong,.p-num,.ftile b,.jcard .cap b,.step2 .no,.step2 b,.prod .pr b,.pdp-price b,.seg .opt i,.buybar .t b,.cart-it .p,.cart-tot b,.co-line.tot b,.order-ok .oid,.project-badge,.pdp-buy h1,.seo-guide-body h3,.faq-q,.menu-sheet .ms-acc summary,h1,h2,h3,h4){font-family:"Archivo","Arial Narrow",system-ui,sans-serif!important;font-stretch:108%}
body.v5 :is(.tm p,.stamp-txt){font-family:"Manrope",system-ui,sans-serif!important}
/* phones: hero thumbs become slim progress bars */
@media (max-width:760px){#v5home .thumb{width:28px!important;height:4px!important;aspect-ratio:auto!important;border:0!important;border-radius:4px!important;background:rgba(255,255,255,.28)!important;opacity:1!important;transform:none!important}#v5home .thumb.on{width:44px!important;background:rgba(255,255,255,.4)!important}#v5home .thumb .pg{height:100%!important}}

/* hero slides now sit in <picture> (separate phone image from admin) */
#v5home .h-slide picture{display:contents}
#v5home .h-slide picture>img.full{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}
@media (max-width:760px){#v5home .h-slide picture>img.full{object-position:50% 0}}
/* placeholders and the Google badge keep their own colours inside dark page tops */
body.v5:not(.has-hero) main>section:first-of-type .noimg,body.v5:not(.has-hero) main>section:first-of-type .noimg *{color:#4a525c!important}
body.v5:not(.has-hero) main>section:first-of-type .g-pref,body.v5:not(.has-hero) main>section:first-of-type .g-pref *{color:#3c4043!important}
body.v5:not(.has-hero) main>section:first-of-type .g-pref b{color:#202124!important}
/* v12 — floating action bar: compact graphite pill */
@media (max-width:960px){
body.v5 .actionbar{left:50%!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:calc(100% - 32px);gap:4px!important;padding:5px!important;border-radius:999px!important;background:rgba(14,17,20,.86)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 40px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)!important;transform:translateX(-50%)!important}
body.v5.v5-top .actionbar{transform:translate(-50%,160%)!important}
body.v5 .actionbar a{flex:none!important;flex-direction:row!important;gap:7px!important;min-height:40px!important;height:40px;padding:0 15px!important;border-radius:999px!important;border:0!important;font:700 12.5px/1 "Manrope",system-ui,sans-serif!important;letter-spacing:0!important;box-shadow:none!important;white-space:nowrap}
body.v5 .actionbar svg{width:16px!important;height:16px!important}
body.v5 .actionbar .ab-call{width:40px;padding:0!important;justify-content:center;background:rgba(255,255,255,.08)!important;color:#fff!important}
body.v5 .actionbar .ab-call span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.v5 .actionbar .ab-wa{background:#1FAF55!important;color:#fff!important}
body.v5 .actionbar .ab-quote{background:#D0142C!important;color:#fff!important;box-shadow:0 8px 18px -8px rgba(240,54,74,.8)!important}
body.v5{padding-bottom:72px}
}
/* v12 — header "Car Carriers" red pill */
body.v5 .nl.nl-car{display:inline-flex!important;align-items:center;gap:7px;padding:8px 15px!important;margin:0 4px;border-radius:999px;background:linear-gradient(135deg,#E3243B,#B80F24)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px -10px rgba(208,20,44,.85),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .25s var(--ease),box-shadow .25s}
body.v5 .nl.nl-car:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(208,20,44,.95),inset 0 1px 0 rgba(255,255,255,.22)}
body.v5 .nl.nl-car svg{width:17px;height:17px;flex:none}
body.v5 .nl.nl-car::after{display:none!important}

/* v12 — menu button: three bars in a glass pill */
body.v5 .menu-btn{width:44px!important;height:44px!important;border-radius:14px!important;gap:4px!important;background:#0E1114!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 18px -10px rgba(14,17,20,.7)}
body.v5 .menu-btn span{width:18px!important;height:2px!important;margin:0!important;align-self:center!important;background:#fff!important;border-radius:2px;transform:none!important;transition:width .3s var(--ease)}
body.v5 .menu-btn span:nth-child(2){width:12px!important;margin-left:6px!important;background:#F0364A!important}
body.v5 .menu-btn span:last-child{width:18px!important}
body.v5 .menu-btn:hover span:nth-child(2){width:18px!important;margin-left:0!important}

/* v12 — mobile menu: graphite drawer */
body.v5 .menu-backdrop{background:rgba(5,6,8,.55)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.v5 .menu-sheet{background:#0E1114!important;background-image:radial-gradient(90% 40% at 100% 0%,rgba(208,20,44,.22),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 2px,transparent 2px 10px)!important;color:#D5DADF!important;border:0!important;border-left:1px solid #000!important;box-shadow:-30px 0 80px rgba(0,0,0,.5)!important;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))!important;border-radius:24px 0 0 24px!important}
body.v5 .menu-sheet .ms-top{display:flex!important;margin:0 2px 16px}
body.v5 .menu-sheet .ms-logo{height:36px;width:auto;filter:brightness(0) invert(1)!important;opacity:.95}
body.v5 .menu-sheet .ms-close{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08)!important;color:#fff!important;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1)}
body.v5 .menu-sheet .ms-quick{gap:8px;margin-bottom:10px}
body.v5 .menu-sheet .ms-quick a{border-radius:999px!important;padding:12px!important;font-weight:700;font-size:14px;border:0!important}
body.v5 .menu-sheet .ms-quick .ms-call{background:rgba(255,255,255,.08)!important;color:#fff!important}
body.v5 .menu-sheet .ms-quick .ms-wa{background:#1FAF55!important;color:#fff!important}
body.v5 .menu-sheet .ms-carriers{order:-1;background:linear-gradient(135deg,#E3243B,#A50D21)!important;border:0!important;box-shadow:0 16px 30px -18px rgba(240,54,74,.9);position:relative;overflow:hidden}
body.v5 .menu-sheet .ms-carriers::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.2) 45%,transparent 60%);transform:translateX(-100%);animation:msShine 3.2s 1s var(--ease) infinite}
@keyframes msShine{60%,100%{transform:translateX(100%)}}
body.v5 .menu-sheet .ms-carriers-ico{background:rgba(255,255,255,.16)!important;color:#fff!important}
body.v5 .menu-sheet .ms-carriers strong{font-family:"Archivo",system-ui,sans-serif;font-stretch:108%;font-weight:800;font-size:15px}
body.v5 .menu-sheet .ms-carriers small{color:rgba(255,255,255,.8)!important}
body.v5 .menu-sheet .ms-feature{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.09)!important}
body.v5 .menu-sheet .ms-f-ico{background:rgba(255,255,255,.08)!important;color:#fff!important}
body.v5 .menu-sheet .ms-feature strong{color:#fff!important}
body.v5 .menu-sheet .ms-feature small{color:#9AA3AD!important}
body.v5 .menu-sheet .ms-arrow{color:#fff!important;margin-left:auto}
body.v5 .menu-sheet .ms-acc{margin-top:6px}
body.v5 .menu-sheet .ms-acc details{border-bottom:1px solid rgba(255,255,255,.08)!important}
body.v5 .menu-sheet .ms-acc summary{color:#fff!important;font-size:17px!important;font-weight:800!important;padding:15px 4px!important;letter-spacing:-.01em}
body.v5 .menu-sheet .ms-acc .chev{color:#F0364A!important}
body.v5 .menu-sheet .ms-acc details[open] .chev{transform:rotate(180deg)}
body.v5 .menu-sheet .ms-links a{color:#B7BEC6!important;font-size:14.5px!important;border-radius:10px}
body.v5 .menu-sheet .ms-links a:active,body.v5 .menu-sheet .ms-links a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.v5 .menu-sheet a,body.v5 .menu-sheet summary{-webkit-tap-highlight-color:transparent}
body.v5 .menu-sheet>*{opacity:0;transform:translateX(24px);transition:opacity .4s,transform .5s var(--ease)}
body.v5 .menu-check:checked~.menu-sheet>*{opacity:1;transform:none}
body.v5 .menu-check:checked~.menu-sheet>:nth-child(2){transition-delay:.06s}
body.v5 .menu-check:checked~.menu-sheet>:nth-child(3){transition-delay:.1s}
body.v5 .menu-check:checked~.menu-sheet>:nth-child(4){transition-delay:.14s}
body.v5 .menu-check:checked~.menu-sheet>:nth-child(5){transition-delay:.18s}
body.v5 .menu-check:checked~.menu-sheet>:nth-child(n+6){transition-delay:.22s}
body.v5 .menu-sheet{display:flex;flex-direction:column}
@media (prefers-reduced-motion:reduce){body.v5 .menu-sheet>*{opacity:1;transform:none;transition:none}body.v5 .menu-sheet .ms-carriers::after{animation:none}}
body.v5 .menu-sheet .ms-top{order:-2}body.v5 .menu-sheet>*{flex:none}
body.v5 .menu-sheet .ms-foot{margin-top:16px}body.v5 .menu-sheet .ms-join{display:flex!important;align-items:center;justify-content:center;min-height:50px;border-radius:999px!important;background:#fff!important;color:#0E1114!important;border:0!important;font-weight:800!important;font-size:14.5px!important;box-shadow:none!important}
/* v13 — carrier price calculator */
.calc{padding:clamp(28px,5vw,64px) 16px;background:#0E1114;color:#D5DADF;position:relative;overflow:hidden}
.calc::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 100% 0%,rgba(208,20,44,.3),transparent 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 10px);pointer-events:none}
.calc-in{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,4vw,56px);align-items:center}
.calc-eye{display:inline-block;font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:#F0364A;margin-bottom:12px}
.calc h2{margin:0 0 12px;color:#fff!important;font:800 clamp(28px,4vw,46px)/1.02 "Archivo",sans-serif;font-stretch:112%;letter-spacing:-.025em}
.calc h2 em{font-style:normal;color:#F0364A}
.calc-copy p{margin:0 0 18px;color:#AEB5BD;max-width:48ch}
.calc-fig{margin:0;border-radius:20px;background:#fff;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.calc-fig img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.calc-form{background:#161A1F;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:clamp(18px,3vw,28px);display:grid;gap:14px}
.calc-l{display:block;font:500 11px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#8E969F;margin-bottom:8px;padding:0}
.calc-sel{width:100%;height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0E1114;color:#fff;font:700 16px "Manrope",sans-serif;padding:0 14px}
.calc-sel:focus{outline:2px solid #F0364A;outline-offset:2px}
.calc-f{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.calc-f legend{grid-column:1/-1}
.calc-f label{cursor:pointer;display:block}
.calc-f input{position:absolute;opacity:0;pointer-events:none}
.calc-f span{display:grid;gap:2px;height:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}
.calc-f b{color:#fff;font-size:13.5px}
.calc-f small{color:#8E969F;font-size:11.5px;line-height:1.3}
.calc-f i{font-style:normal;font-weight:800;color:#fff;font-size:14px;margin-top:4px}
.calc-f input:checked+span{border-color:#F0364A;background:rgba(208,20,44,.14);box-shadow:inset 0 0 0 1px #F0364A}
.calc-f input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.calc-f input:disabled+span{opacity:.35;cursor:not-allowed}
.calc-tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.calc-tot span{color:#AEB5BD;font-size:13px}
.calc-tot b{color:#fff;font:800 clamp(30px,4vw,40px)/1 "Archivo",sans-serif;font-stretch:112%;font-variant-numeric:tabular-nums}
.calc-cta{display:flex;gap:8px;flex-wrap:wrap}
.calc-cta .btn{flex:1 1 200px;justify-content:center}
.calc-cta .btn-ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}
.calc-cta .is-off{opacity:.45;pointer-events:none}
.calc-note{margin:0;font-size:12px;color:#8E969F}
@media (max-width:860px){.calc-in{grid-template-columns:1fr}.calc-fig{aspect-ratio:16/9}.calc-f{grid-template-columns:1fr}.calc-f span{grid-template-columns:1fr auto;align-items:center}.calc-f small{grid-column:1}.calc-f i{grid-row:1/span 2;grid-column:2;margin:0}}
/* v13 — exit / scroll-depth offer card (small, never full-screen on phones) */
.xit{position:fixed;z-index:1200;right:20px;bottom:20px;width:min(380px,calc(100vw - 24px));background:#0E1114;color:#D5DADF;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 20px 18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform:translateY(30px);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s}
.xit.on{transform:none;opacity:1}
.xit small{display:block;font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#F0364A;margin-bottom:8px}
.xit b{display:block;color:#fff;font:800 20px/1.15 "Archivo",sans-serif;font-stretch:108%;margin-bottom:6px;padding-right:24px}
.xit p{margin:0 0 14px;font-size:13.5px;color:#AEB5BD}
.xit div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.xit .btn{padding:11px 16px!important;font-size:13.5px!important}
.xit-l{color:#fff!important;font-weight:700;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.xit-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
@media (max-width:960px){.xit{right:12px;left:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom));padding:16px}.xit b{font-size:17px}}
.calc h2 em{-webkit-text-fill-color:#F0364A!important;background:none!important;color:#F0364A!important;opacity:1!important}
/* v14 — fibre van carriers */
.vans{padding:clamp(32px,5vw,64px) 0;background:#EEF0F3}
.vans-hd{max-width:720px;margin-bottom:22px}
.vans-hd h2{margin:0 0 10px;font:800 clamp(26px,3.6vw,40px)/1.05 "Archivo",sans-serif;font-stretch:112%;letter-spacing:-.02em;color:#0E1114}
.vans-hd h2 em{font-style:normal;color:#D0142C;-webkit-text-fill-color:#D0142C;background:none}
.vans-hd p{margin:0;color:#434A53}
.vans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.van-card{display:grid;gap:4px;background:#fff;border:1px solid #DDE1E6;border-radius:18px;padding:12px 12px 16px;color:#0E1114!important;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.van-card:hover{transform:translateY(-3px);border-color:#0E1114;box-shadow:0 20px 40px -26px rgba(14,17,20,.5)}
.van-img{display:grid;place-items:center;aspect-ratio:16/10;border-radius:12px;background:#0E1114;overflow:hidden;margin-bottom:8px}
.van-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.van-img svg{width:62%;fill:none;stroke:#8E969F;stroke-width:2.2}
.van-img svg rect{stroke:#F0364A}
.van-card b{font-size:15px}
.van-card small{font-size:13px;color:#5E6670}
.fx-hero{padding-top:clamp(28px,4vw,48px)!important}
.fx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.fx-crumb{font:500 12px "JetBrains Mono",monospace;letter-spacing:.06em;color:#8E969F;margin-bottom:14px}
.fx-crumb a{color:inherit}
.fx-hero h1{margin:0 0 14px;font:800 clamp(28px,4.2vw,50px)/1.03 "Archivo",sans-serif;font-stretch:112%;letter-spacing:-.025em}
.fx-lead{font-size:17px;max-width:62ch;margin:0 0 18px}
.fx-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 16px}
.fx-price b{font:800 clamp(28px,3.4vw,38px)/1 "Archivo",sans-serif;font-stretch:112%;color:#D0142C}
.fx-price span{font-size:13.5px;opacity:.75}
.fx-facts{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fx-facts li{padding:12px;border-radius:14px;border:1px solid rgba(127,127,127,.25)}
.fx-facts b{display:block;font:500 10.5px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.fx-facts span{font-weight:700;font-size:14px}
.fx-cta{display:flex;flex-wrap:wrap;gap:10px}
.fx-cta .btn{flex:1 1 200px;justify-content:center}
.fx-fig{margin:0;border-radius:22px;overflow:hidden;background:#fff;aspect-ratio:3/2;display:grid;place-items:center}
.fx-fig img{width:100%;height:100%;object-fit:contain}
.fx-ph{display:grid;gap:10px;justify-items:center;color:#8E969F;font-size:13px;background:#0E1114;width:100%;height:100%;place-content:center}
.fx-ph svg{width:60%;fill:none;stroke:#8E969F;stroke-width:2.4}
.fx-ph svg rect{stroke:#F0364A}
.fx-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(20px,4vw,48px);align-items:start}
.fx-body h2{font:800 clamp(22px,2.6vw,30px)/1.1 "Archivo",sans-serif;font-stretch:108%;margin:28px 0 12px}
.fx-body h2:first-child{margin-top:0}
.fx-body h3{margin:20px 0 8px}
.fx-list{padding-left:20px}
.fx-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid #DDE1E6}
.fx-table{width:100%;border-collapse:collapse;min-width:480px;background:#fff;color:#0E1114}
.fx-table th,.fx-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #E9ECEF;font-size:14px}
.fx-table th{background:#0E1114;color:#fff;font:600 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.fx-table a{color:#D0142C;font-weight:700}
.fx-steps{list-style:none;counter-reset:f;padding:0;margin:0;display:grid;gap:10px}
.fx-steps li{counter-increment:f;display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:start}
.fx-steps li::before{content:counter(f);grid-row:1/span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0E1114;color:#fff;font:800 16px "Archivo",sans-serif}
.fx-steps span{opacity:.75;font-size:14px}
.fx-note{font-size:13px;opacity:.7;margin-top:16px}
.fx-side{position:sticky;top:96px;display:grid;gap:12px}
.fx-box{background:#fff;border:1px solid #DDE1E6;border-radius:18px;padding:16px;display:grid;gap:2px;color:#0E1114}
.fx-box>b{font:800 16px "Archivo",sans-serif;margin-bottom:6px}
.fx-box a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #E9ECEF;color:#0E1114!important;font-weight:600;font-size:14px;text-decoration:none}
.fx-box a small{color:#D0142C;font-weight:700;white-space:nowrap}
.fx-faq details{border-bottom:1px solid rgba(127,127,127,.25);padding:4px 0}
.fx-faq summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:16px}
.fx-faq p{margin:0 0 14px;opacity:.85;max-width:72ch}
@media (max-width:860px){.fx-grid,.fx-cols{grid-template-columns:1fr}.fx-side{position:static}.fx-facts{grid-template-columns:1fr 1fr 1fr}.fx-facts li{padding:10px}.fx-facts span{font-size:13px}}
@media (max-width:860px){.fx-grid,.fx-cols{grid-template-columns:minmax(0,1fr)!important}}.fx-cols>article{min-width:0}
.fx-facts{grid-template-columns:repeat(4,1fr)}.fx-facts .fx-free{border-color:#D0142C;background:rgba(208,20,44,.1)}.fx-facts .fx-free b{color:#F0364A;opacity:1}@media (max-width:860px){.fx-facts{grid-template-columns:1fr 1fr}}
/* v15 — drawn van (no photo) */
.van-svg{display:block;width:92%;height:auto;stroke:none!important;fill:none}
.van-svg rect{stroke:none!important}
.fx-ph{background:radial-gradient(80% 70% at 50% 40%,#FFFFFF,#E4E7EB)!important;color:#5E6670!important;gap:14px!important}
.fx-ph .fx-van{width:94%}
.fx-ph span{font-weight:600;color:#5E6670}
.van-img{background:radial-gradient(80% 80% at 50% 40%,#FFFFFF,#E4E7EB)!important;padding:8px}
.van-card:hover .van-svg{transform:translateX(4px);transition:transform .4s}
.fx-ph svg.van-svg{width:96%!important;max-width:none}.van-img svg.van-svg{width:100%!important}.fx-fig{aspect-ratio:16/9}
.fx-ph{grid-template-columns:minmax(0,1fr)!important;justify-items:center;place-content:center stretch!important}.fx-ph svg.van-svg{width:90%!important}
/* v16 — homepage vans band */
.hv{padding:clamp(40px,6vw,96px) 0;background:#EEF0F3;overflow:hidden}
.hv-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center}
.hv-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:18px 0 18px;padding:2px}
.hv-tabs::-webkit-scrollbar{display:none}
.hv-tab{flex:none;padding:10px 14px;border-radius:99px;border:1px solid rgba(14,17,20,.14);background:#fff;color:#0E1114;font:700 13px "Manrope",sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.hv-tab:hover{border-color:#0E1114}
.hv-tab.on{background:#0E1114;color:#fff;border-color:#0E1114}
.hv-tab:focus-visible{outline:2px solid #D0142C;outline-offset:2px}
.hv-car{display:block;font:800 clamp(20px,2.2vw,26px)/1.1 "Archivo",sans-serif;font-stretch:108%;color:#0E1114;margin-bottom:8px}
.hv-intro{margin:0 0 18px;color:#434A53;max-width:56ch;min-height:4.8em}
.sw{animation:hvsw .45s cubic-bezier(.2,.7,.2,1)}
@keyframes hvsw{from{opacity:0;transform:translateY(8px)}}
.hv-facts{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hv-facts li{background:#fff;border:1px solid #DDE1E6;border-radius:14px;padding:10px 12px}
.hv-facts b{display:block;font-size:13.5px;color:#0E1114}
.hv-facts span{font-size:11.5px;color:#5E6670}
.hv-facts .hot{background:#0E1114;border-color:#0E1114}.hv-facts .hot b{color:#F0364A}.hv-facts .hot span{color:#AEB5BD}
.hv-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.hv-price span{font:500 11px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#8A929B}
.hv-price b{font:800 clamp(26px,3vw,34px)/1 "Archivo",sans-serif;font-stretch:112%;color:#D0142C}
.hv-price small{color:#5E6670;font-size:13px}
.hv-stage{position:relative;aspect-ratio:16/11;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#FBFCFD 0%,#E9ECEF 62%,#D5DAE0 100%);box-shadow:0 40px 80px -50px rgba(14,17,20,.55),inset 0 0 0 1px rgba(14,17,20,.06)}
.hv-sky{position:absolute;inset:0;background:radial-gradient(40% 30% at 78% 22%,rgba(240,54,74,.18),transparent 70%)}
.hv-hills{position:absolute;left:-10%;right:-10%;bottom:24%;height:38%;background:
  radial-gradient(60% 100% at 20% 100%,#C9CFD6 0 60%,transparent 61%),
  radial-gradient(50% 90% at 62% 100%,#BCC3CB 0 60%,transparent 61%),
  radial-gradient(45% 70% at 95% 100%,#C9CFD6 0 60%,transparent 61%);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.hv-stage.drive .hv-hills{transform:translateX(-4%)}
.hv-road{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,#2A3038,#14181C)}
.hv-road i{position:absolute;left:-40px;right:-40px;top:46%;height:4px;background:repeating-linear-gradient(90deg,#F4F6F8 0 36px,transparent 36px 72px);opacity:.75}
.hv-stage.drive .hv-road i{animation:hvroad 1.3s cubic-bezier(.2,.7,.2,1)}
@keyframes hvroad{from{transform:translateX(-216px)}}
.hv-vans{position:absolute;left:4%;right:4%;bottom:15%;height:52%}
.hv-van{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translateX(-30%);transition:opacity .35s,transform .35s}
.hv-van .van-svg{width:100%!important;height:100%;filter:drop-shadow(0 16px 18px rgba(0,0,0,.25))}
.hv-van.on{opacity:1;transform:none}
.hv-stage.drive .hv-van.on{animation:hvdrive 1.3s cubic-bezier(.16,.8,.2,1)}
@keyframes hvdrive{0%{opacity:0;transform:translateX(-70%)}20%{opacity:1}88%{transform:translateX(1.5%)}100%{transform:none}}
.hv-tag{position:absolute;top:16px;left:16px;background:rgba(14,17,20,.86);color:#fff;font:700 12.5px "Manrope",sans-serif;padding:8px 12px;border-radius:99px;backdrop-filter:blur(6px)}
@media (max-width:960px){.hv-in{grid-template-columns:1fr}.hv-stage{order:-1}.hv-facts{grid-template-columns:1fr 1fr}.hv-intro{min-height:0}}
@media (prefers-reduced-motion:reduce){.hv-stage.drive .hv-van.on,.hv-stage.drive .hv-road i,.sw{animation:none}.hv-hills{transition:none}}
.hv-vans{bottom:21.5%!important;height:50%!important}.hv-in>*{min-width:0}@media (max-width:960px){.hv-in{grid-template-columns:minmax(0,1fr)!important}.hv .disp{font-size:clamp(30px,9vw,44px)!important;overflow-wrap:anywhere}.hv-stage{aspect-ratio:16/10}}
.hv-vans{bottom:19.5%!important}
/* v17 — van product cards on /carriers/ */
.van-grid-hd{max-width:760px;margin:0 0 20px}
.van-grid-hd h2{margin:6px 0 8px}
.van-grid-hd h2 em{font-style:normal;color:#D0142C;-webkit-text-fill-color:#D0142C;background:none}
.van-grid-hd a{color:#D0142C;font-weight:700}
.prod .van-noimg{display:grid!important;place-items:center;background:radial-gradient(80% 80% at 50% 40%,#FFFFFF,#E4E7EB)!important;padding:10px}
.prod .van-noimg .van-svg{width:100%!important;height:auto}
.prod:hover .van-noimg .van-svg{transform:translateX(4px);transition:transform .4s}
.prod .van-noimg svg.van-svg{width:94%!important;height:auto!important;margin:0!important;opacity:1!important}.prod .van-noimg{background:radial-gradient(80% 80% at 50% 40%,#FFFFFF,#E4E7EB)!important}.prod .pr b.pr-call{font-size:20px!important;line-height:1.1;white-space:nowrap}
.fx-faq summary{list-style:none;position:relative;padding-right:36px!important}.fx-faq summary::-webkit-details-marker{display:none}.fx-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0E1114;color:#fff;font:700 16px/1 "Manrope",sans-serif;transition:transform .3s,background .3s}.fx-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);background:#D0142C}
.hv-van.has-photo{align-items:flex-end}.hv-van.has-photo img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply;transform:translateY(4%)}
.hv-van.has-photo img{transform:translateY(-7%)!important}