/* Plataforma Software v3. Brand manual: Montserrat, black, sunrise gradient with white ribbons, thin golden waves, outline isotype. Each product page carries its own hero and an animation that explains the product. */
[hidden]{display:none!important}
:root{
  --black:#000;--ink:#070707;--graphite:#121212;--line:#262626;--mist:#9E9E9E;--soft:#D6D6D6;--white:#fff;
  --bone:#F2EDE6;--bone2:#E9E2D8;--bone-line:#D6CEC2;--bone-text:#4A4540;
  --orange:#FF8500;--yellow:#FFDB00;--red:#E73927;--ember:#EE6C11;
  --sunrise:linear-gradient(100deg,#FF8500 0%,#FFB000 55%,#FFDB00 100%);
  --ember-g:linear-gradient(100deg,#E73927,#EE6C11);
  --a1:#FF8500;--a2:#FFDB00;
  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --max:1280px;--r:22px;color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--black)}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));position:relative;z-index:3}
h1,h2,h3{font-weight:300;letter-spacing:-.025em;line-height:1.06;text-wrap:balance}
h1{font-size:clamp(40px,5.4vw,80px)}
h2{font-size:clamp(30px,3.9vw,56px)}
h3{font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.3}
p{max-width:62ch}
.lead{font-size:clamp(17px,1.35vw,20px);color:var(--soft);font-weight:300}
.lead+.lead{margin-top:16px}
.small{font-size:14px;margin-top:12px}.muted{color:var(--mist)}.sel{user-select:all}
.kicker{font-size:14px;font-weight:600;color:var(--orange);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.kicker::before{content:"";width:30px;height:2px;background:var(--sunrise);flex:none}
.kicker.dark{color:#000}.kicker.dark::before{background:#000}
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--sunrise);color:#000}
.btn-black{background:#000;color:#fff}
.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:#fff}
.btn.sm{height:42px;padding:0 18px;font-size:14px}.btn.lg{height:62px;padding:0 34px;font-size:17px}
.pl{width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;display:inline-block}
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.tlink{display:inline-block;margin-top:22px;font-weight:600;border-bottom:2px solid currentColor;padding-bottom:2px}

/* ---------- motion: golden waves + ribbons ---------- */
.waves{position:absolute;right:-8%;top:0;height:100%;width:62%;z-index:1;pointer-events:none}
.waves path{stroke-dasharray:6 0;animation:drift 9s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-26px)}}
.waves.hw{opacity:.75}.waves.cw{opacity:.65;z-index:2}
.ribbons{position:absolute;right:-10%;top:-10%;height:120%;width:70%;z-index:1;pointer-events:none}
.ribbons path{animation:float 12s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes float{from{transform:translate(0,0)}to{transform:translate(-40px,30px)}}

/* ---------- nav ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(0,0,0,.7);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.07)}
.navin{display:flex;align-items:center;height:76px;gap:26px}
.logo img{height:32px;width:auto}
.main{display:flex;gap:26px;font-size:14.5px;font-weight:500;color:#E6E6E6;margin-left:auto;align-items:center}
.main>a:hover,.ddb:hover{color:#fff}
.dd{position:relative}.ddb{font-weight:500;font-size:14.5px;color:#E6E6E6;padding:24px 0}
.ddb::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translate(-2px,-2px);margin-left:9px}
.ddm{position:absolute;top:100%;left:-240px;width:720px;background:rgba(18,18,18,.97);border:1px solid #2a2a2a;border-radius:22px;padding:14px;display:none;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.dd:hover .ddm,.dd:focus-within .ddm{display:block}
.ddg{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.ddm a{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:12px;border-radius:14px}
.ddm a:hover{background:#1d1d1d}
.ddm img{width:56px;height:34px;object-fit:contain}
.ddm b{font-weight:600;color:#fff;display:flex;gap:8px;align-items:center}.ddm i{display:block;font-style:normal;color:var(--mist);font-size:13px}
.ddm em,.bt em{font-style:normal;font-size:11px;font-weight:600;color:var(--orange);border:1px solid rgba(255,133,0,.5);border-radius:999px;padding:1px 8px}
.lang{display:flex;border:1px solid #3d3d3d;border-radius:999px;font-size:12.5px;font-weight:600;overflow:hidden}
.lang a{padding:6px 10px}.lang a.on{background:#fff;color:#000}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid #333;position:relative}
.burger i{position:absolute;left:12px;right:12px;height:2px;background:#fff;top:17px}.burger i+i{top:25px}
.mnav{border-top:1px solid #1d1d1d;padding:12px 0 24px;max-height:80vh;overflow:auto}
.mnav .wrap{display:grid;gap:4px}.mnav a{padding:10px 0;font-size:17px}.mnav b{color:var(--orange);font-size:13px;margin-top:6px}.mnav hr{border:0;border-top:1px solid #222;margin:8px 0}
.mnav .lang{width:max-content;margin-top:10px}

/* ---------- sections ---------- */
section{padding-block:120px;position:relative;overflow:hidden}
.s-dark{background:var(--black)}.s-ink{background:var(--ink)}
.s-bone{background:var(--bone);color:#141414}.s-bone .lead,.s-white .lead{color:var(--bone-text)}.s-bone .kicker,.s-white .kicker{color:#B84F00}
.s-white{background:#fff;color:#141414}
.s-sun{background:var(--sunrise);color:#000}.s-sun .lead{color:#1c1300}
.shead{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:60px}
.shead>*,.split2>*,.hgrid>*{min-width:0}
.split2{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.split2 .lead{margin:18px 0 28px}

/* ---------- home carousel ---------- */
.carousel{min-height:max(640px,min(880px,96vh));padding:0;display:flex;align-items:flex-end;background:#000}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none;display:flex;align-items:flex-end}
.slide.on{opacity:1;pointer-events:auto}
.sbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transform:scale(1.06);transition:transform 8s linear}
.slide.on .sbg{transform:scale(1)}
.contlerbg{background:radial-gradient(80% 90% at 75% 40%,#0f3b36 0%,#06110f 60%,#000 100%)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.1) 80%),linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 45%);z-index:1}
.scont{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;width:100%;padding-top:120px;padding-bottom:150px}
.stext>*{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.slide.on .stext>*{opacity:1;transform:none}
.slide.on .stext>*:nth-child(2){transition-delay:.08s}.slide.on .stext>*:nth-child(3){transition-delay:.16s}.slide.on .stext>*:nth-child(4){transition-delay:.24s}.slide.on .stext>*:nth-child(5){transition-delay:.32s}
.scont h1{max-width:16ch;margin-bottom:20px;font-size:clamp(36px,4.4vw,66px)}.scont .lead{margin-bottom:30px}
.slogo{height:46px;width:auto;margin-bottom:22px}
.ctas{display:flex;gap:14px;flex-wrap:wrap}
.svis{display:flex;justify-content:flex-end}
.cnav{position:absolute;left:0;right:0;bottom:36px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dot{text-align:left;font-size:13.5px;font-weight:500;color:var(--mist);display:grid;gap:10px}
.dot i{display:block;height:2px;background:#3a3a3a;position:relative;overflow:hidden}
.dot i::after{content:"";position:absolute;inset:0;background:var(--sunrise);transform:scaleX(0);transform-origin:left}
.dot.on{color:#fff}.dot.on i::after{animation:fill 7s linear forwards}
.carousel.paused .dot.on i::after{animation-play-state:paused}
@keyframes fill{to{transform:scaleX(1)}}

/* ---------- live subtitles (Spikia) ---------- */
.subsbox{width:min(560px,100%);background:rgba(10,8,20,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:20px 22px;display:grid;gap:10px}
.live{font-size:12.5px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}
.live i{width:8px;height:8px;border-radius:50%;background:#FF3B6B;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}
.wavec{width:100%;height:64px}
.lane{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:baseline;min-height:28px}
.lane span{font-size:11px;font-weight:700;border-radius:6px;padding:2px 0;text-align:center;background:linear-gradient(90deg,#E040A0,#3D7BFF);color:#fff}
.lane:first-of-type span{background:#fff;color:#000}
.lane p{font-size:16px;color:#fff}
.lane p::after{content:"";display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:-2px;opacity:0}
.lane.typing p::after{opacity:1;animation:blink .8s infinite}
.subsbox.sm .lane p{font-size:15px}

/* ---------- phone call (Contler) ---------- */
.phone{width:min(360px,100%);border-radius:36px;background:#0c1514;border:1px solid #23413c;padding:18px;box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 8px #0a0a0a;min-height:470px;display:flex;flex-direction:column}
.phone.sm{min-height:430px}
.ptop{display:grid;grid-template-columns:1fr auto;gap:2px;padding:6px 6px 16px;border-bottom:1px solid #1b2e2b;position:relative}
.ptop span{font-size:12px;color:#7FB9B0}.ptop b{font-weight:600;grid-row:2}
.ring{grid-row:span 2;width:40px;height:40px;border-radius:50%;background:#2BB5A3;position:relative}
.ring::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #2BB5A3;animation:ringp 1.4s infinite}
@keyframes ringp{from{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}
.msgs{display:flex;flex-direction:column;gap:10px;padding-top:16px}
.bub{max-width:86%;font-size:14px;line-height:1.45;padding:10px 14px;border-radius:16px;opacity:0;transform:translateY(8px);transition:all .45s}
.bub.g{background:#1d2a28;align-self:flex-start;border-bottom-left-radius:4px}
.bub.a{background:#2BB5A3;color:#022;align-self:flex-end;border-bottom-right-radius:4px}
.bub.ok{background:#E8C677;color:#2a1d00;align-self:center;font-weight:600;font-size:13px}
.bub.in{opacity:1;transform:none}

/* ---------- who (sunrise) ---------- */
.who{padding-block:130px 90px}
.whogrid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid rgba(0,0,0,.25);position:relative;z-index:3}
.facts div{padding:26px 22px 0 0}
.facts b{display:block;font-size:clamp(40px,4.5vw,64px);font-weight:300;line-height:1.05;letter-spacing:-.03em}
.facts span{font-size:14.5px;color:#2a1d00;font-weight:500}

/* ---------- ecosystem ---------- */
.ecomap{position:relative;height:560px;border:1px solid #1d1d1d;border-radius:28px;background:radial-gradient(50% 60% at 50% 50%,#1a1004 0%,#000 70%)}
.ecomap>svg{position:absolute;inset:0;width:100%;height:100%}
.eline path{fill:none;stroke:url(#gGold);stroke-width:.25;vector-effect:non-scaling-stroke;stroke-width:1.4;opacity:.6}
.eline circle{fill:var(--yellow)}
.esrc{position:absolute;left:2%;top:50%;transform:translateY(-50%);width:17%;border:1px dashed #555;border-radius:16px;padding:16px;font-size:14px;color:var(--soft);text-align:center;background:#0b0b0b}
.ecore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:10px}
.ecore .iso{width:110px;height:130px;filter:drop-shadow(0 0 30px rgba(255,133,0,.45));animation:breathe 4s ease-in-out infinite}
.ecore .iso svg{width:100%;height:100%}
.ecore b{font-weight:600;font-size:15px}
@keyframes breathe{50%{filter:drop-shadow(0 0 60px rgba(255,180,0,.7))}}
.enode{position:absolute;left:76%;top:var(--y);transform:translateY(-50%);display:flex;align-items:center;gap:10px;background:#111;border:1px solid #2c2c2c;border-radius:14px;padding:8px 14px 8px 8px;font-size:14px;font-weight:500;white-space:nowrap;transition:border-color .2s}
.enode:hover{border-color:var(--orange)}
.enode img{width:44px;height:28px;object-fit:contain;background:#000;border-radius:8px;padding:3px}

/* ---------- bento ---------- */
.bentogrid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:300px;gap:16px}
.bento{position:relative;border-radius:var(--r);overflow:hidden;background:#111;border:1px solid #1f1f1f;display:block}
.bento.b0{grid-column:span 4;grid-row:span 2}.bento.b1{grid-column:span 2;grid-row:span 2}
.bento.b2,.bento.b3{grid-column:span 3}.bento.b4,.bento.b5,.bento.b6{grid-column:span 2}
.bm{position:absolute;inset:0}.bm img,.bm video{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.bento:hover .bm img,.bento:hover .bm video{transform:scale(1.04)}
.bento::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.05) 100%)}
.bt{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}
.bt img{height:30px;width:auto;margin-bottom:12px;display:inline-block}
.bt em{margin-left:10px;vertical-align:8px}
.bt h3{font-size:20px;max-width:26ch}.bento.b0 .bt h3{font-size:clamp(24px,2.4vw,34px);font-weight:300}
.bt p{color:var(--soft);font-size:14px;margin-top:6px}

/* ---------- film ---------- */
.film{background:#000;padding-bottom:140px}
.film .lead{margin-top:14px}
.filmbox{margin-top:50px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;border-radius:28px;overflow:hidden}
.filmbox video{width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:20px}
.bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;background:var(--sunrise);color:#000;border-radius:999px;padding:18px 30px;font-weight:600;box-shadow:0 20px 60px rgba(0,0,0,.6);transition:transform .2s}
.filmbox:hover .bigplay{transform:translate(-50%,-50%) scale(1.05)}

/* ---------- map ---------- */
.mapsec{background:#000}
.mapgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.mapgrid>*{min-width:0}
.mapbox{position:relative;border:1px solid #1d1d1d;border-radius:26px;overflow:hidden;background:#040404;touch-action:none}
.map{width:100%;height:auto;aspect-ratio:640/760;cursor:grab}.map.drag{cursor:grabbing}
.map .land circle{fill:#2a2a2a}
.pin{cursor:pointer}.pin .halo{fill:rgba(255,133,0,.18);animation:pulse 2.6s ease-out infinite}
.pin .core{fill:url(#gSun)}
.pin.office .core{fill:#fff}.pin.office .halo{fill:rgba(255,255,255,.14)}
.pin.sel .halo{fill:rgba(255,219,0,.45)}
@keyframes pulse{0%{opacity:1}70%{opacity:.25}100%{opacity:1}}
.mctl{position:absolute;right:14px;top:14px;display:grid;gap:8px}
.mctl button{width:42px;height:42px;border-radius:12px;background:rgba(30,30,30,.92);border:1px solid #3a3a3a;font-size:20px}
.mpanel{margin:28px 0;border:1px solid #262626;border-radius:18px;padding:20px 22px;background:var(--graphite)}
.mcity{font-size:22px;font-weight:600;display:block}.mmeta{color:var(--soft);font-size:15px}
.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #262626}
.stats div{padding:22px 0}
.stats b{font-size:48px;font-weight:300;display:block;background:var(--sunrise);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.stats span{color:var(--mist);font-size:14px}

/* ---------- certs ---------- */
.certs{display:grid;grid-template-columns:1.2fr repeat(3,1fr);border-top:1px solid var(--bone-line)}
.certs>div{padding:30px 24px 30px 0;border-right:1px solid var(--bone-line);min-width:0}
.certs>div+div{padding-left:24px}.certs>div:last-child{border-right:0}
.certs p{font-size:14.5px;color:var(--bone-text);margin-top:8px}
.certs .badge{height:58px;margin-bottom:18px;filter:invert(1) brightness(.2)}
.iso{font-size:30px;font-weight:300;margin-bottom:12px}

/* ---------- social ---------- */
.socsec{background:var(--ink);padding-block:100px}
.socgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.socs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.soc{border:1px solid #2a2a2a;border-radius:20px;padding:24px;display:grid;gap:30px;min-height:170px;align-content:space-between;transition:border-color .2s,transform .2s;background:#0e0e0e}
.soc:hover{border-color:var(--orange);transform:translateY(-2px)}
.soc span{font-size:22px;font-weight:300}.soc b{font-size:13px;color:var(--mist);font-weight:500}
.soc.s-ig{background:linear-gradient(160deg,#1a0f05,#0e0e0e)}

/* ---------- CTA band (sunrise + ribbons) ---------- */
.ctaband{background:var(--sunrise);color:#000;padding-block:110px}
.ctain{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.ctain>*{min-width:0}
.ctaband .lead{color:#2a1d00;margin-top:16px}
.ctaband .ctas{justify-content:flex-end}

/* ---------- product hero ---------- */
.phero{min-height:min(800px,92vh);display:flex;align-items:center;padding-block:120px 90px;background:radial-gradient(70% 80% at 80% 30%,color-mix(in srgb,var(--a1) 22%,#000) 0%,#000 65%)}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;width:100%}
.hgrid.one{grid-template-columns:1fr}
.htext h1{margin-bottom:22px;max-width:15ch}.htext .lead{margin-bottom:30px}
.plogo{height:48px;width:auto;margin-bottom:24px}
.hbg{position:absolute;inset:0;background-size:cover;background-position:center 40%;z-index:0}
.hbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,2,14,.94) 0%,rgba(6,2,14,.7) 45%,rgba(6,2,14,.3) 100%)}
.hbgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;z-index:0}
.k-globe{background:#000}.k-globe::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 10%,rgba(0,0,0,.2));z-index:1}
.partner{margin-top:30px;max-width:560px;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 20px;background:rgba(0,0,0,.4)}
.partner b{display:block;color:var(--a2);font-size:13px;margin-bottom:4px}.partner p{font-size:14.5px;color:var(--soft)}

.hv{position:relative;min-width:0}
.dev{border-radius:22px;overflow:hidden;border:6px solid #141414;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.dev video{width:100%;height:100%;object-fit:cover}
.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center}
.wall .dev{aspect-ratio:9/16}
.wall .dev:nth-child(1){transform:translateY(30px)}.wall .dev:nth-child(3){transform:translateY(-30px)}
.k-subs{background:#06020e}
.k-subs .hv{display:flex;justify-content:flex-end}
.equip{display:grid}
.k-equip{background:var(--bone);color:#141414}.k-equip .lead{color:var(--bone-text)}.k-equip .kicker{color:#B84F00}
.k-equip .btn-ghost{color:#141414;border-color:#999;background:transparent}
.evid{border-radius:28px;overflow:hidden;aspect-ratio:16/11;box-shadow:0 40px 80px rgba(60,30,0,.25)}
.evid video{width:100%;height:100%;object-fit:cover}
.fl{position:absolute;width:150px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.18);animation:bob 5s ease-in-out infinite}
.fl.f1{left:-40px;bottom:-30px}.fl.f2{right:-20px;top:-34px;width:120px;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-12px)}}
.k-call{background:radial-gradient(70% 90% at 75% 40%,#0f3b36 0%,#04100e 55%,#000 100%)}
.k-call .hv{display:flex;justify-content:center}
.roomhero{border-radius:28px;overflow:hidden;position:relative}
.roomhero img{width:100%;aspect-ratio:4/3;object-fit:cover;animation:lightson 7s ease-in-out infinite}
@keyframes lightson{0%,12%{filter:brightness(.25) saturate(.4)}35%,85%{filter:brightness(1) saturate(1)}100%{filter:brightness(.25) saturate(.4)}}
.glow{position:absolute;border-radius:50%;filter:blur(30px);background:rgba(255,200,90,.45);animation:glow 7s ease-in-out infinite;opacity:0}
.g1{left:20%;top:12%;width:30%;height:16%}.g2{left:55%;top:10%;width:26%;height:14%;animation-delay:.3s}.g3{left:35%;top:55%;width:36%;height:20%;background:rgba(80,160,255,.3);animation-delay:.6s}
@keyframes glow{0%,15%{opacity:0}35%,85%{opacity:1}100%{opacity:0}}
.k-room{background:radial-gradient(70% 80% at 80% 40%,#2a1505,#000 65%)}
.k-grid{background:var(--bone);color:#141414}.k-grid .lead{color:var(--bone-text)}.k-grid .kicker{color:#B84F00}
.gridui{background:#fff;border-radius:24px;padding:22px;box-shadow:0 40px 80px rgba(60,30,0,.18);color:#141414;font-size:13px}
.ghead,.grow{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center}
.ghead div{display:grid;grid-template-columns:repeat(6,1fr);color:#888;font-size:11.5px}
.grow{border-top:1px solid #eee;height:56px}
.grow>b{font-weight:600;font-size:12.5px}
.cells{position:relative;display:grid;grid-template-columns:repeat(6,1fr);height:40px}
.cells i{border-left:1px dashed #eee}
.cells em{position:absolute;top:4px;bottom:4px;left:calc(var(--c)/6*100%);width:calc(var(--w)/6*100% - 6px);background:#EDE7DE;border-radius:9px}
.cells em.new{background:var(--sunrise);display:flex;align-items:center;padding:0 10px;opacity:0;transform:translateX(120%)}
.cells em.new b{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gridui.go .cells em.new{animation:slidein 1.2s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes slidein{to{opacity:1;transform:none}}
.gstatus{margin-top:14px;font-weight:600;color:#1f7a3a;opacity:0;transition:opacity .6s 1.3s}
.gridui.go .gstatus{opacity:1}
.k-time{background:radial-gradient(70% 80% at 80% 40%,#3a1300,#000 65%)}
.evo{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:12px;align-items:end}
.ephone{border-radius:24px;grid-row:1;align-self:center}
.dev.sm{aspect-ratio:10/16;border-width:5px}

/* ---------- flow steps ---------- */
.flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;padding-top:30px}
.flow::before{content:"";position:absolute;left:0;top:47px;height:2px;width:100%;background:#262626}
.flow::after{content:"";position:absolute;left:0;top:47px;height:2px;width:0;background:linear-gradient(90deg,var(--a1),var(--a2));transition:width 1.8s cubic-bezier(.2,.8,.2,1)}
.flow.in::after{width:100%}
.flow li{padding-right:40px;position:relative}
.flow .n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#000;border:2px solid var(--a1);color:var(--a1);font-weight:700;font-size:14px;margin-bottom:22px;position:relative;z-index:2}
.flow p{color:var(--mist);font-size:15px;margin-top:8px}

/* ---------- features ---------- */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.feat>div{padding:30px 34px 34px 0;border-top:1px solid var(--line);position:relative;min-width:0}
.feat>div::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--a1),var(--a2));transition:width 1s}
.feat.in>div::before{width:64px}
.feat.in>div:nth-child(2)::before{transition-delay:.1s}.feat.in>div:nth-child(3)::before{transition-delay:.2s}.feat.in>div:nth-child(4)::before{transition-delay:.3s}.feat.in>div:nth-child(5)::before{transition-delay:.4s}.feat.in>div:nth-child(6)::before{transition-delay:.5s}
.feat p{color:var(--mist);font-size:15px;margin-top:8px}
.s-bone .feat>div{border-color:var(--bone-line)}.s-bone .feat p{color:var(--bone-text)}
.feat.f4{grid-template-columns:repeat(4,1fr)}.feat.f4>div::before{width:64px}

/* ---------- strip gallery ---------- */
.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px max(24px,calc((100vw - var(--max))/2 + 24px)) 20px;scrollbar-width:thin;scroll-padding-inline:max(24px,calc((100vw - var(--max))/2 + 24px));scrollbar-color:#333 transparent;position:relative;z-index:3}
.strip figure{flex:none;width:min(420px,78vw);scroll-snap-align:start;position:relative}
.strip img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px}
.strip figcaption{margin-top:12px;font-size:14px;color:var(--mist)}

/* ---------- LS demo ---------- */
.lsdemo{display:grid;grid-template-columns:1fr 1.25fr;gap:120px;position:relative;align-items:center}
.board{background:#0f0f0f;border:1px solid #262626;border-radius:22px;padding:22px;position:relative;z-index:2}
.bh{font-weight:600;margin-bottom:12px}
.board ul{list-style:none;margin-bottom:18px}
.board li{display:grid;grid-template-columns:56px 1fr auto;gap:10px;padding:12px 0;border-top:1px solid #222;font-size:15px;transition:background .4s}
.board li span{color:var(--mist)}.board li em{font-style:normal;color:var(--soft)}
.board li.hl em{color:#000;background:var(--sunrise);border-radius:6px;padding:0 8px}
.done{color:var(--yellow);font-weight:600;font-size:14px;margin-top:12px}
.scrs{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;z-index:2}
.scr{background:#000;border:6px solid #1a1a1a;border-radius:16px;aspect-ratio:16/10;padding:14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.scr small{color:var(--mist);font-size:11px;font-weight:600}
.sin{display:grid;gap:2px}.sin b{font-weight:600;font-size:17px}.sin em{font-style:normal;color:var(--orange);font-size:15px}.sin span{font-size:12px;color:var(--mist)}
.scr.flash::after{content:"";position:absolute;inset:0;background:var(--sunrise);animation:flash .7s forwards}
@keyframes flash{from{opacity:.85}to{opacity:0}}
.links{position:absolute;left:calc(44% - 120px);width:120px;top:0;height:100%;z-index:1;overflow:visible}
.links path{fill:none;stroke:url(#gGold);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 6;animation:dash 1.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-20}}

/* ---------- equipment catalog ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.chip{border:1px solid #CFC7BB;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;color:#141414}
.chip.on{background:#141414;color:#fff;border-color:#141414}
.eqgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.eqi{border:1px solid #ECE6DD;border-radius:20px;overflow:hidden;transition:opacity .35s,transform .35s;background:#fff}
.eqi>div{aspect-ratio:4/3;display:grid;place-items:center;padding:26px;background:#F7F4EF}
.eqi img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.eqi figcaption{padding:14px 16px;display:grid;gap:2px}.eqi b{font-weight:600}.eqi span{font-size:13.5px;color:#6a645c}
.eqi.off{display:none}
.brands{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.brands span{border:1px solid #DDD5CA;border-radius:999px;padding:6px 14px;font-size:14px;color:#3a3530}

/* ---------- contler browser ---------- */
.browser{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.bbar{height:34px;background:#eee;display:flex;gap:6px;align-items:center;padding:0 14px}.bbar i{width:10px;height:10px;border-radius:50%;background:#ccc}

/* ---------- AV rooms demo ---------- */
.roompanel{background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 70px rgba(60,30,0,.14);max-width:420px}
.roompanel ul{list-style:none;margin-bottom:18px}
.roompanel li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eee;font-weight:500;font-size:15px;color:#999;transition:color .3s}
.roompanel li i{width:38px;height:22px;border-radius:999px;background:#ddd;position:relative;transition:background .3s}
.roompanel li i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s}
.roompanel li.on{color:#141414}.roompanel li.on i{background:var(--orange)}.roompanel li.on i::after{transform:translateX(16px)}
.roompanel .done{color:#1f7a3a}
.plan{position:relative;border-radius:24px;overflow:hidden;background:#000}
.plan img{width:100%;filter:brightness(.45) saturate(.5);transition:filter 1.2s}
.plan.on img{filter:none}
.spot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(255,219,0,.6);opacity:0;transition:opacity .3s}
.spot.on{opacity:1;animation:spot 1.6s infinite}
@keyframes spot{to{box-shadow:0 0 0 22px rgba(255,219,0,0)}}
.sp0{left:46%;top:30%}.sp1{left:60%;top:36%}.sp2{left:40%;top:52%}.sp3{left:70%;top:50%}.sp4{left:55%;top:62%}

/* ---------- Asiste quote ---------- */
.quote{background:#fff;color:#141414;border-radius:22px;padding:26px;box-shadow:0 30px 70px rgba(60,30,0,.14)}
.qh{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.qh span{color:#999;font-size:13px}
.quote ul{list-style:none}
.quote li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid #eee;font-size:15px;opacity:0;transform:translateX(-10px);transition:all .5s}
.quote li.in{opacity:1;transform:none}
.qt{display:flex;justify-content:space-between;padding-top:16px;border-top:2px solid #141414;font-size:20px}.qt b{font-weight:600}
.qs{margin-top:16px;display:inline-block;background:#E7F5EA;color:#1f7a3a;font-weight:600;font-size:13.5px;border-radius:999px;padding:6px 14px;opacity:0;transition:opacity .5s}
.quote.done .qs{opacity:1}

/* ---------- Evolve demo ---------- */
.slots{display:grid;gap:10px}
.slot{text-align:left;border:1px solid #2e2e2e;border-radius:16px;padding:14px 18px;display:grid;grid-template-columns:70px 1fr;align-items:center;transition:border-color .2s,background .2s}
.slot b{font-size:20px;font-weight:300}.slot span{color:var(--soft);font-size:14.5px}
.slot.on{border-color:var(--orange);background:rgba(255,133,0,.08)}
.bigscreen{position:relative;width:min(380px,100%);margin:0 auto;aspect-ratio:10/16;border-radius:26px;overflow:hidden;border:8px solid #161616;box-shadow:0 40px 90px rgba(255,90,0,.18)}
.bigscreen video{width:100%;height:100%;object-fit:cover}
.clock{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);border-radius:999px;padding:4px 12px;font-weight:600;font-size:14px}

/* ---------- models / faq ---------- */
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.model{border:1px solid #262626;border-radius:22px;padding:30px;min-width:0}
.model.hl{border:1px solid transparent;background:linear-gradient(#111,#111) padding-box,linear-gradient(120deg,var(--a1),var(--a2)) border-box}
.model p{color:var(--mist);font-size:15px;margin:8px 0 18px}
.price{color:var(--mist);font-size:15px}.price b{font-size:34px;font-weight:300;color:#fff}
.model ul{list-style:none;margin-top:18px}.model li{font-size:14.5px;padding:9px 0;border-top:1px solid #222;color:#ddd}
.faqgrid{display:grid;grid-template-columns:1fr 2fr;gap:60px}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--orange);font-size:24px;line-height:1;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--mist);margin-top:12px}

/* ---------- about ---------- */
.abouthero{padding-block:150px 90px}
.abouthero h1{max-width:16ch;margin-bottom:24px}
.bigiso{position:absolute;right:6%;top:50%;transform:translateY(-55%);width:min(360px,34vw);opacity:.9;z-index:2}
.bigiso svg{width:100%;height:auto}
.bigiso path{stroke:#000!important;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 3.5s ease forwards .3s}
@keyframes draw{to{stroke-dashoffset:0}}
.timeline{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);position:relative;padding-top:34px}
.timeline::before{content:"";position:absolute;left:0;top:10px;width:100%;height:2px;background:#262626}
.timeline::after{content:"";position:absolute;left:0;top:10px;width:0;height:2px;background:var(--sunrise);transition:width 2.2s cubic-bezier(.2,.8,.2,1)}
.timeline.in::after{width:100%}
.timeline li{padding-right:26px;position:relative}
.timeline li::before{content:"";position:absolute;left:0;top:-30px;width:12px;height:12px;border-radius:50%;background:var(--orange)}
.timeline b{display:block;font-size:30px;font-weight:300;color:var(--orange);margin-bottom:6px}
.timeline p{color:var(--mist);font-size:15px;margin-top:6px}
.groupgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gcard{border:1px solid #262626;border-radius:20px;padding:26px;min-width:0}
.gcard:last-child{border-style:dashed}
.gcard p{color:var(--mist);font-size:15px;margin-top:10px}
.leaders{display:flex;gap:20px;flex-wrap:wrap}
.leader{display:grid;grid-template-columns:64px 1fr;column-gap:16px;align-items:center;border:1px solid #262626;border-radius:20px;padding:18px 26px 18px 18px}
.ini{grid-row:span 2;width:64px;height:64px;border-radius:50%;background:var(--sunrise);color:#000;display:grid;place-items:center;font-weight:600}
.leader span{color:var(--mist);font-size:14px}
.abouthero .facts span{color:#2a1d00}

/* ---------- references ---------- */
.refgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ref{text-align:left;display:grid;gap:14px}
.ref img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;filter:grayscale(.25);transition:filter .3s}
.ref:hover img{filter:none}
.ref{position:relative}
.rmeta{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);border-radius:999px;padding:8px 14px 8px 12px;font-size:13px;font-weight:600}
.ref b{font-weight:400;font-size:19px;line-height:1.35}

/* ---------- contact ---------- */
.contact{padding-block:110px;background:radial-gradient(60% 70% at 85% 20%,#2a1505,#000 60%)}
.ctgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.ctgrid>*{min-width:0}
.cinfo{display:grid;gap:18px;margin-top:40px}.cinfo b{display:block;font-size:13.5px;color:var(--mist);font-weight:500}.cinfo span{display:block}
.soclinks{display:flex!important;gap:16px;flex-wrap:wrap}.soclinks a{border-bottom:1px solid #555}
.form{background:rgba(18,18,18,.92);border:1px solid #262626;border-radius:24px;padding:30px;display:grid;gap:16px;min-width:0}
.form label{font-size:13px;color:var(--mist);display:grid;gap:6px;min-width:0}
.form input,.form textarea{width:100%;min-width:0;border-radius:12px;border:1px solid #333;background:#0b0b0b;padding:13px 14px;color:#fff;font:inherit;font-size:15px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
fieldset{border:0;min-width:0}legend{font-size:13px;color:var(--mist);margin-bottom:8px}
.form .chips{margin:0}
.form .chip{border-color:#3a3a3a;color:#ddd;padding:0;cursor:pointer}
.form .chip input{position:absolute;opacity:0;width:1px;height:1px}
.form .chip span{display:inline-block;padding:7px 14px}
.form .chip:has(input:checked){border-color:var(--orange);color:var(--orange)}
.form .chip:has(input:focus-visible){outline:2px solid var(--yellow)}
.okmsg{color:var(--yellow);font-size:14px}

/* ---------- footer ---------- */
footer{border-top:1px solid #1a1a1a;padding-block:64px 36px;color:var(--mist);font-size:14px;background:#000}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.flogo{height:30px;width:auto;margin-bottom:18px}
footer b{color:#fff;font-weight:600;display:block;margin-bottom:12px}footer ul{list-style:none}footer li{margin:7px 0}footer a:hover{color:#fff}
.legal{margin-top:50px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;border-top:1px solid #1a1a1a;padding-top:20px}

.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top,0px)) 20px}
.lightbox video{max-height:86vh;max-width:min(1100px,94vw);border-radius:14px;background:#000}
.lbx{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:20px;width:48px;height:48px;border-radius:50%;background:#1d1d1d;font-size:28px}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .main,.navin>.lang{display:none}.burger{display:block;margin-left:auto}
  .scont,.hgrid,.split2,.shead,.whogrid,.mapgrid,.ctain,.socgrid,.ctgrid,.faqgrid,.lsdemo{grid-template-columns:1fr;gap:36px}
  .svis{justify-content:flex-start}
  .links{display:none}
  .bentogrid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}
  .bento.b0{grid-column:span 2;grid-row:span 1}.bento.b1,.bento.b2,.bento.b3,.bento.b4,.bento.b5,.bento.b6{grid-column:span 1;grid-row:span 1}
  .groupgrid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr;gap:30px}.timeline::before,.timeline::after{display:none}
  .ecomap{height:auto;padding:24px;display:grid;gap:10px}
  .ecomap>svg{display:none}.esrc,.ecore,.enode{position:static;transform:none;width:auto}
  .ecore{padding:18px 0}
  .ctaband .ctas{justify-content:flex-start}
  .bigiso{opacity:.25}
}
@media (max-width:760px){
  section{padding-block:80px}
  .cnav{grid-template-columns:1fr 1fr;bottom:18px}.scont{padding-bottom:140px}
  .facts,.feat.f4,.groupgrid,.timeline{grid-template-columns:1fr 1fr}
  .feat,.flow,.models,.certs,.refgrid,.socs,.fcols,.eqgrid{grid-template-columns:1fr}
  .eqgrid{grid-template-columns:1fr 1fr}
  .flow::before,.flow::after{display:none}.flow li{padding:0 0 26px}
  .certs>div,.certs>div+div{border-right:0;padding-left:0;border-bottom:1px solid var(--bone-line)}
  .bentogrid{grid-template-columns:1fr}.bento.b0,.bento.b1,.bento.b2,.bento.b3,.bento.b4,.bento.b5,.bento.b6{grid-column:span 1}
  .filmbox{grid-template-columns:1fr 1fr}.filmbox video:nth-child(3){display:none}
  .form .row{grid-template-columns:1fr}
  .evo{grid-template-columns:1fr 1fr 1fr}.ephone{display:none}
  .fl{display:none}
  .navin>.btn.sm{display:none}
}
@media (max-width:480px){.facts,.feat.f4,.groupgrid,.timeline,.eqgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.sbg{transform:none!important}.stext>*{opacity:1!important;transform:none!important}}

.wm{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.01em;font-size:18px;color:#fff;white-space:nowrap}
.wm i{width:14px;height:14px;border-radius:3px 9px 3px 9px;background:var(--sunrise);flex:none}
.wm.plogo,.wm.slogo{font-size:30px;height:auto}.wm.plogo i,.wm.slogo i{width:22px;height:22px}
.k-equip .wm,.s-bone .wm{color:#141414}
.ddm .wm{font-size:12px;width:56px;white-space:normal;line-height:1.1}.ddm .wm i{display:none}
.enode .wm{font-size:10px;background:#000;border-radius:8px;padding:6px 8px;width:auto;justify-content:center}.enode .wm i{display:none}
.bt .wm{margin-bottom:12px;font-size:22px}

.k-grid .plogo,.k-equip img.plogo{background:#141414;padding:10px 16px;border-radius:14px;height:66px}

.mnav .lang a{padding:7px 14px;font-size:13px}
@media (max-width:760px){.slide::after{background:linear-gradient(0deg,rgba(0,0,0,.96) 35%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.35))}.svis{display:none}.carousel{min-height:max(680px,92vh)}}

/* ---------- ecosystem v2: live event flow (canvas) ---------- */
.eco2{position:relative;display:grid;grid-template-columns:300px 1fr 400px;align-items:center;min-height:680px;padding:44px;border-radius:32px;border:1px solid #1b1b1b;background:radial-gradient(55% 65% at 50% 50%,rgba(255,120,0,.13),transparent 62%),#030303;overflow:hidden;isolation:isolate}
.eco2::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.085) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(75% 75% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(75% 75% at 50% 50%,#000 30%,transparent 100%);z-index:0}
.eco2::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,170,0,.5),transparent)}
.ecocv{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.esrc2,.ecore2,.enodes{position:relative;z-index:2}
.esrc2{background:rgba(12,12,12,.86);backdrop-filter:blur(10px);border:1px solid #262626;border-radius:20px;padding:16px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.esh{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#eee;padding:2px 4px 12px;border-bottom:1px solid #1f1f1f;margin-bottom:6px}
.esh i{width:8px;height:8px;border-radius:50%;background:#3CE38A;box-shadow:0 0 10px #3CE38A;animation:blink 1.6s infinite}
.esh em{margin-left:auto;white-space:nowrap;font-style:normal;font-size:10.5px;letter-spacing:.04em;color:#3CE38A;border:1px solid rgba(60,227,138,.4);border-radius:999px;padding:2px 8px}
.feed{list-style:none;height:336px;overflow:hidden;position:relative}
.feed li{display:grid;grid-template-columns:14px 1fr;column-gap:10px;padding:10px 8px;border-radius:12px;transition:background .6s,opacity .6s;height:56px}
.feed li i{grid-row:span 2;width:6px;height:6px;border-radius:2px;background:#444;margin-top:7px}
.feed li b{font-size:13.5px;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed li span{font-size:12px;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.feed li:nth-child(n+4){opacity:.55}.feed li:nth-child(n+6){opacity:.25}
.feed li.new{background:linear-gradient(90deg,rgba(255,133,0,.16),rgba(255,133,0,0));animation:feedin .6s cubic-bezier(.2,.8,.2,1)}
.feed li.new i{background:var(--orange);box-shadow:0 0 10px var(--orange)}
.feed li.new b{color:#fff}
@keyframes feedin{from{transform:translateY(-56px);opacity:0}to{transform:none;opacity:1}}
.ecore2{justify-self:center;display:grid;place-items:center;gap:6px;text-align:center}
.orb{width:230px;height:230px;position:relative;display:grid;place-items:center}
.orb::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,140,0,.35),rgba(255,140,0,0) 70%);filter:blur(10px);transition:transform .5s,opacity .5s}
.orb i{position:absolute;border-radius:50%}
.orb .r1{inset:0;border:1px solid rgba(255,170,0,.18)}
.orb .r2{inset:26px;border:1px dashed rgba(255,190,60,.35);animation:spin 26s linear infinite reverse}
.orb .r3{inset:-14px;background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,133,0,.0) 62%,#FF8500 88%,#FFDB00 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.orb .iso{width:92px;height:112px;position:relative;filter:drop-shadow(0 0 18px rgba(255,140,0,.55));transition:transform .35s cubic-bezier(.3,1.6,.5,1),filter .35s}
.orb .iso svg{width:100%;height:100%}
.orb.pulse .iso{transform:scale(1.1);filter:drop-shadow(0 0 34px rgba(255,190,0,.95))}
.orb.pulse::before{transform:scale(1.35)}
.ecore2 b{font-size:18px;font-weight:600;margin-top:6px}.ecore2 span{font-size:12.5px;color:var(--mist)}
.enodes{display:grid;gap:12px}
.en2{display:grid;grid-template-columns:54px 1fr 118px;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:rgba(13,13,13,.9);backdrop-filter:blur(8px);border:1px solid #232323;transition:border-color .35s,box-shadow .35s,transform .35s,background .35s}
.en2:hover{border-color:#4a3418;transform:translateX(-3px)}
.en2.hit{border-color:rgba(255,150,0,.9);box-shadow:0 0 0 1px rgba(255,150,0,.35),0 0 46px rgba(255,130,0,.28);background:rgba(28,16,4,.92);transform:translateX(-5px)}
.enl{width:54px;height:40px;border-radius:10px;background:#000;border:1px solid #1d1d1d;display:grid;place-items:center;overflow:hidden}
.enl img{max-width:44px;max-height:26px;object-fit:contain}
.enl .wm{font-size:9px;font-weight:700;white-space:normal;text-align:center;line-height:1.05;gap:0}.enl .wm i{display:none}
.ent{min-width:0}.ent b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ent small{display:block;font-size:12px;color:var(--mist)}
.viz{height:40px;display:flex;align-items:center;justify-content:flex-end;gap:5px}
.vz-scr div{width:34px;height:26px;border:1.5px solid #343434;border-radius:5px;background:#080808;display:grid;place-items:center;position:relative;overflow:hidden}
.vz-scr em{font-style:normal;font-size:8px;font-weight:600;color:var(--orange);white-space:nowrap}
.vz-scr div.f::after{content:"";position:absolute;inset:0;background:var(--sunrise);animation:flash .6s forwards}
.vz-room i{width:11px;height:11px;border-radius:50%;background:#262626;transition:background .3s,box-shadow .3s}
.vz-room i.on{background:var(--orange);box-shadow:0 0 10px rgba(255,133,0,.8)}
.vz-sale{flex-direction:column;align-items:flex-end;justify-content:center;gap:0}
.vz-sale span{font-size:10px;color:var(--mist)}.vz-sale b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.vz-lang span{font-size:9.5px;font-weight:700;border-radius:5px;padding:3px 5px;background:#1b1b1b;color:#777;transition:all .3s}
.vz-lang span.on{background:linear-gradient(90deg,#E040A0,#3D7BFF);color:#fff}
.vz-call{gap:3px}.vz-call i{width:3px;border-radius:2px;background:#2BB5A3;height:6px;opacity:.45;animation:wv 1.1s ease-in-out infinite}
.vz-call i:nth-child(odd){animation-duration:.8s}.vz-call i:nth-child(3n){animation-duration:1.3s}
.vz-call i:nth-child(2){animation-delay:-.2s}.vz-call i:nth-child(4){animation-delay:-.5s}.vz-call i:nth-child(6){animation-delay:-.3s}.vz-call i:nth-child(8){animation-delay:-.7s}.vz-call i:nth-child(10){animation-delay:-.1s}.vz-call i:nth-child(12){animation-delay:-.6s}
@keyframes wv{50%{height:22px}}
.en2.hit .vz-call i{opacity:1;box-shadow:0 0 8px rgba(43,181,163,.8)}
.vz-led{display:grid;grid-template-columns:repeat(8,7px);grid-auto-rows:7px;gap:3px;height:auto}
.vz-led i{border-radius:2px;background:#333;animation:tw 2.4s infinite}
.vz-led i:nth-child(3n){animation-delay:-.8s}.vz-led i:nth-child(5n){animation-delay:-1.6s}.vz-led i:nth-child(7n){animation-delay:-.4s}
@keyframes tw{50%{background:#a8650f;box-shadow:0 0 5px rgba(255,133,0,.5)}}
.en2.hit .vz-led i{background:var(--orange);box-shadow:0 0 6px rgba(255,133,0,.7)}
@media (max-width:1080px){
  .eco2{grid-template-columns:1fr;gap:26px;padding:22px;min-height:0}
  .ecocv{display:none}.feed{height:224px}.orb{width:170px;height:170px}.orb .iso{width:70px;height:86px}
  .en2{grid-template-columns:48px 1fr 104px}
}
@media (max-width:420px){.en2{grid-template-columns:48px 1fr}.viz{display:none}}

/* ================= v4: icons, tour, industries, resources, news ================= */
.ic{width:22px;height:22px;fill:currentColor;flex:none;display:inline-block;vertical-align:middle}
.fi{width:30px;height:30px;fill:url(#gSun);display:block;margin-bottom:18px}
.s-bone .fi,.s-white .fi{fill:#E06A00}
.flow .n{width:52px;height:52px;border-radius:16px;background:#0e0e0e;border:1px solid #2a2a2a;color:var(--a1);display:grid;place-items:center;margin-bottom:14px}
.flow .n .ic{width:24px;height:24px;fill:currentColor}
.flow::before,.flow::after{top:55px}
.sn{display:block;font-size:12px;font-weight:700;color:var(--mist);margin-bottom:6px;letter-spacing:.04em}
.cinfo>div{display:grid;grid-template-columns:28px 1fr;column-gap:12px;align-items:start}.cinfo .ic{grid-row:span 3;fill:var(--orange);margin-top:2px}
.btn .ic{width:18px;height:18px}

/* real product tour */
.tourgrid{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:start}
.ttabs{display:grid;gap:10px}
.ttab{position:relative;text-align:left;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:18px;border-radius:18px;border:1px solid #202020;background:#0b0b0b;overflow:hidden;transition:border-color .3s,background .3s}
.ttab .ic{width:44px;height:44px;padding:10px;border-radius:12px;background:#151515;fill:#777;transition:fill .3s,background .3s}
.ttab b{display:block;font-weight:600;font-size:16px;margin-bottom:4px}.ttab small{display:block;color:var(--mist);font-size:13.5px;line-height:1.5}
.ttab.on{border-color:#3a2a12;background:linear-gradient(180deg,#151008,#0b0b0b)}.ttab.on .ic{fill:#000;background:var(--sunrise)}
.tprog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--sunrise)}
.ttab.on .tprog{animation:tprog 6s linear forwards}
.tourgrid.paused .ttab.on .tprog{animation-play-state:paused}
@keyframes tprog{to{width:100%}}
.tframe{border-radius:20px;overflow:hidden;border:1px solid #2a2a2a;background:#0f0f0f;box-shadow:0 50px 120px rgba(0,0,0,.65),0 0 0 1px rgba(255,170,0,.06);position:relative}
.tbar{height:38px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#171717;border-bottom:1px solid #222}
.tbar i{width:10px;height:10px;border-radius:50%;background:#333}.tbar span{margin-left:14px;font-size:12px;color:#888;background:#0d0d0d;border-radius:8px;padding:3px 12px}
.tview{position:relative;aspect-ratio:1920/905;background:#eee;overflow:hidden}
.tshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.04);transition:opacity .6s,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.tshot.on{opacity:1;transform:scale(1)}
.tshot[data-i="3"]{object-fit:contain;background:#f5f5f7}

/* industries */
.indgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.indc{position:relative;border-radius:22px;overflow:hidden;min-height:400px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background:#111;isolation:isolate;border:1px solid #1e1e1e}
.indc::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;z-index:-2;transition:transform .8s}
.indc::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 20%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.15));z-index:-1}
.indc:hover::before{transform:scale(1.05)}
.indc h3{font-size:22px;font-weight:500;margin:16px 0 8px}.indc p{font-size:14.5px;color:var(--soft)}
.indi{width:48px;height:48px;border-radius:14px;background:var(--sunrise);display:grid;place-items:center;flex:none}
.indi .ic{width:24px;height:24px;fill:#000}
.indi.big{width:64px;height:64px;border-radius:18px;margin-bottom:22px}.indi.big .ic{width:32px;height:32px}
.indi.dark{background:#000;margin-bottom:20px}.indi.dark .ic{fill:#FFB000}
.indgrid.mini{margin-top:50px}.indgrid.mini .indc{min-height:240px}.indgrid.mini .indc p{display:none}
.k-ind,.k-res{background:radial-gradient(70% 80% at 80% 30%,#2a1505,#000 65%);min-height:auto;padding-block:150px 100px}
.split2.rev>div:first-child{order:2}
.indimg img{width:100%;border-radius:24px;aspect-ratio:4/3;object-fit:cover}
.checks{list-style:none;display:grid;gap:12px;margin:26px 0 30px}
.checks li{display:flex;gap:12px;align-items:center;font-size:16px}.checks .ic{fill:var(--orange)}
.kicker.sm{font-size:12.5px;margin-bottom:12px}
.pchips{display:flex;flex-wrap:wrap;gap:10px}
.pchip{display:flex;align-items:center;gap:10px;border:1px solid #2a2a2a;border-radius:14px;padding:8px 14px 8px 8px;background:#0e0e0e;transition:border-color .2s}
.pchip:hover{border-color:var(--orange)}
.pchip img{height:26px;width:46px;object-fit:contain;background:#000;border-radius:8px;padding:2px}
.pchip .wm{font-size:10px;width:46px;justify-content:center}.pchip .wm i{display:none}
.pchip span{font-size:14px;font-weight:500}

/* resources */
.vgcat{margin-top:44px}.vgcat h3{font-size:18px;margin-bottom:18px;display:flex;align-items:center;gap:12px}
.vgcat h3::after{content:"";flex:1;height:1px;background:#222}
.vggrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.vg{text-align:left;display:grid;gap:8px}
.vgt{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#121212;border:1px solid #1f1f1f;display:grid;place-items:center}
.vgt img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .5s}
.vg:hover .vgt img{transform:scale(1.05)}
.vgp{position:absolute;width:42px;height:42px;border-radius:50%;background:var(--sunrise);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.vgp .ic{width:18px;height:18px;fill:#000}
.vg small{font-size:11.5px;font-weight:700;color:var(--orange)}.vg b{font-size:14.5px;font-weight:500;line-height:1.35}
.vg.soon{opacity:.55}.vg.soon .vgt .ic{width:28px;height:28px;fill:#555}.vgs{position:absolute;bottom:10px;font-size:11px;color:#888}
.roiband .lead{color:#2a1d00}.roiband h2{max-width:20ch}
.docgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.doc{border:1px solid #232323;border-radius:18px;padding:22px;display:grid;gap:8px;background:#0c0c0c;transition:border-color .25s,transform .25s;min-height:170px;align-content:start}
.doc:hover{border-color:var(--orange);transform:translateY(-2px)}
.doc .ic{width:28px;height:28px;fill:url(#gSun);margin-bottom:10px}
.doc small{font-size:12px;color:var(--orange);font-weight:600}.doc b{font-weight:500;font-size:17px;line-height:1.35}
.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news{display:grid;gap:12px;align-content:start}
.ncov{aspect-ratio:16/9;border-radius:18px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #1f1f1f}
.ncov.n0{background:radial-gradient(80% 90% at 30% 20%,#FF9A00,#E73927 70%)}
.ncov.n1{background:radial-gradient(80% 90% at 70% 30%,#2a1a08,#000 70%)}
.ncov.n2{background:linear-gradient(135deg,#FFDB00,#FF8500)}
.ncov .ic{width:64px;height:64px;fill:rgba(0,0,0,.85)}.ncov.n1 .ic{fill:url(#gSun)}
.ncov span{position:absolute;left:14px;top:14px;font-size:11.5px;font-weight:700;background:rgba(0,0,0,.75);color:#fff;border-radius:999px;padding:4px 10px}
.news h3{font-size:18px;font-weight:500;line-height:1.35}.nread{font-size:13.5px;color:var(--orange);font-weight:600}
.news:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.tlink.inline{margin-top:0;margin-left:6px;font-size:15px;color:var(--orange)}
@media (max-width:1080px){.tourgrid{grid-template-columns:1fr}.ttabs{grid-template-columns:1fr 1fr}.indgrid,.docgrid{grid-template-columns:1fr 1fr}.vggrid{grid-template-columns:repeat(3,1fr)}.newsgrid{grid-template-columns:1fr 1fr}.split2.rev>div:first-child{order:0}}
@media (max-width:620px){.ttabs,.indgrid,.docgrid,.newsgrid{grid-template-columns:1fr}.vggrid{grid-template-columns:1fr 1fr}.ttab small{display:none}}
/* v5 additions: resources menu, client login, blog, article pages, ROI, cases, referral, booking, support, access, comparison, quotes, clearance, legal, 404 */
.ddm.sm{min-width:300px}.ddr{display:grid;gap:2px;padding:8px}
.ddr .rl{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:14.5px}.ddr .rl:hover{background:#1a1a1a}
.ddr .ic{width:20px;height:20px;fill:url(#gSun);flex:none}
.acc{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--soft);white-space:nowrap}.acc:hover{color:#fff}.acc .ic{width:15px;height:15px;fill:var(--orange)}
@media (max-width:1180px){.acc span{display:none}}
@media (max-width:980px){.acc{display:none}}
.fcols.f5{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}
.legal .leg a:hover{color:#fff;text-decoration:underline}
@media (max-width:980px){.fcols.f5{grid-template-columns:1fr 1fr}}

/* simple hero */
.phero.sh{min-height:auto;padding-block:150px 70px}
.phero.sh .htext h1{max-width:18ch}
.facts.inl{display:flex;flex-wrap:wrap;gap:16px 46px;margin-top:34px}
.facts.inl>div{display:grid;gap:4px}.facts.inl b{font-size:clamp(30px,3vw,44px);font-weight:300;background:var(--sunrise);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.facts.inl span{color:var(--mist);font-size:14px}
h2.mb{margin-bottom:40px}

/* blog */
.k-blog .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:end;width:100%}
.k-blog .htext h1{max-width:13ch}
.featp .kicker{margin-bottom:12px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}
.pcard{display:grid;gap:14px;align-content:start;min-width:0}
.pcov{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#141414;max-width:100%}
.pcov img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.pcov::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55));pointer-events:none}
.pcard:hover .pcov img{transform:scale(1.045);filter:saturate(1.05) contrast(1.05)}
.pcat{position:absolute;left:14px;bottom:12px;z-index:2;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18)}
.nocov{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(80% 90% at 70% 20%,#3a2000,#0b0b0b)}.nocov .ic{width:54px;height:54px;fill:url(#gSun)}
.pbody{display:grid;gap:8px}.pbody small{color:var(--mist);font-size:13px}
.pbody h3{font-size:18.5px;font-weight:500;line-height:1.35}.pcard:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.pbody p{color:var(--soft);font-size:15.5px}
.pcard.big .pcov{aspect-ratio:16/9}.pcard.big h3{font-size:clamp(20px,1.8vw,26px);font-weight:400}
.blogbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:34px}.blogbar .chips{margin:0}
.pcard[hidden]{display:none!important}
.pgrid.three{grid-template-columns:repeat(3,1fr)}

/* article */
.ahero{padding-block:140px 40px;background:radial-gradient(60% 70% at 85% 0%,#2a1600 0%,#000 60%)}
.wrap.narrow{max-width:1060px}
.crumb{display:inline-block;font-size:13.5px;color:var(--orange);font-weight:600;margin-bottom:22px}.crumb:hover{text-decoration:underline}
.ahero h1{font-size:clamp(34px,4.2vw,60px);max-width:22ch;margin-bottom:20px}
.ahero .lead{max-width:60ch}
.ameta{color:var(--mist);font-size:14px;margin-top:20px}
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:13px}.tag{border:1px solid #333;border-radius:999px;padding:4px 12px;color:var(--soft)}
.acover{margin-top:40px;border-radius:22px;overflow:hidden;max-width:100%}.acover img{width:100%;max-height:560px;object-fit:cover}
.agrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:start}
.prose{max-width:70ch;min-width:0;font-size:17.5px;line-height:1.75;color:#e6e6e6}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(24px,2.3vw,32px);font-weight:400;margin-top:2em;line-height:1.2;scroll-margin-top:110px}
.prose h3{font-size:19px;font-weight:600;margin-top:1.6em;color:#fff}
.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:.5em}.prose li::marker{color:var(--orange)}
.prose figure img{border-radius:16px;width:100%}.prose figcaption{font-size:13.5px;color:var(--mist);margin-top:8px}
.prose blockquote{border-left:3px solid var(--orange);padding:6px 0 6px 22px;font-size:20px;font-weight:300;color:#fff}.prose cite{display:block;font-size:14px;color:var(--mist);font-style:normal;margin-top:8px}
.callout{background:#141414;border:1px solid #2a2a2a;border-radius:18px;padding:22px 24px}.callout b{display:block;color:var(--yellow);margin-bottom:6px}.callout p{color:var(--soft)}
.astats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-block:1.8em}
.astats>div{border:1px solid #2a2a2a;border-radius:18px;padding:20px;display:grid;gap:6px;align-content:start;background:#0d0d0d}
.astats b{font-size:clamp(30px,3vw,42px);font-weight:300;line-height:1;background:var(--sunrise);-webkit-background-clip:text;background-clip:text;color:transparent}
.astats span{font-size:14.5px;line-height:1.45;color:var(--soft)}.astats small{font-size:12px;color:var(--mist)}
.tablewrap{overflow-x:auto;max-width:100%;border:1px solid #2a2a2a;border-radius:16px}
.tablewrap table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px}
.tablewrap th,.tablewrap td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #222}
.tablewrap thead th{background:#141414;font-weight:600;color:#fff;font-size:14px}
.tablewrap tr:last-child td{border-bottom:0}
.aside{position:sticky;top:100px;display:grid;gap:22px}
.toc{display:grid;gap:4px;border-left:1px solid #2a2a2a;padding-left:16px}.toc b{font-size:13px;color:var(--mist);margin-bottom:6px;font-weight:600}
.toc a{font-size:14px;color:var(--soft);padding:4px 0;line-height:1.35}.toc a:hover,.toc a.on{color:var(--orange)}
.asidecard{border:1px solid #2a2a2a;border-radius:20px;padding:22px;display:grid;gap:12px;background:#0d0d0d}
.asidecard img{max-height:30px;width:auto}.asidecard b{font-size:17px;font-weight:500;line-height:1.35}.asidecard p{color:var(--mist);font-size:14px}
.asidecard.sun{background:var(--sunrise);color:#000;border:0}.asidecard.sun .tlink{color:#000}
.ahero.adoc{background:radial-gradient(60% 70% at 85% 0%,#33200a 0%,#000 60%)}

/* tools / docs */
.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tool{border:1px solid #232323;border-radius:18px;padding:22px;display:grid;gap:6px;align-content:start;background:#0c0c0c;transition:border-color .25s,transform .25s}
.tool:hover{border-color:var(--orange);transform:translateY(-2px)}.tool .ic{width:26px;height:26px;fill:url(#gSun);margin-bottom:8px}.tool b{font-weight:500;font-size:17px}.tool span{color:var(--mist);font-size:14.5px}

/* ROI */
.roigrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}
.roiin{display:grid;gap:22px}
.roiin fieldset{border:1px solid #262626;border-radius:22px;padding:24px;display:grid;gap:18px;min-width:0}
.roiin legend{font-weight:600;padding:0 8px;color:var(--orange)}
.sl{display:grid;gap:8px;font-size:14.5px;color:var(--soft)}
.slh{display:flex;justify-content:space-between;gap:12px}.slh output{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.sl small{color:var(--mist);font-size:12.5px;line-height:1.45}
.sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--orange) var(--p,50%),#2a2a2a var(--p,50%));outline:none}
.sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--orange);cursor:pointer}
.sl input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--orange);cursor:pointer}
.sl input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.roiout{position:sticky;top:100px;border-radius:26px;padding:30px;background:linear-gradient(160deg,#1b1206,#0a0a0a 55%);border:1px solid #3a2507;display:grid;gap:22px}
.rtotal{display:grid;gap:4px}.rtotal span{color:var(--soft)}.rtotal b{font-size:clamp(46px,5.2vw,76px);font-weight:300;line-height:1;background:var(--sunrise);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.rtotal small{color:var(--mist)}
.rlines{list-style:none;display:grid;gap:16px}
.lh{display:flex;justify-content:space-between;gap:12px}.lh output{font-variant-numeric:tabular-nums;font-weight:600}
.lbar{height:8px;border-radius:9px;background:#222;overflow:hidden;margin:8px 0 6px}.lbar i{display:block;height:100%;width:0;background:var(--sunrise);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.rlines small{color:var(--mist);font-size:12.5px;font-variant-numeric:tabular-nums}
.rcost{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #2a2a2a;padding-top:20px}
.rcost>div{display:grid;gap:4px;align-content:start}.rcost span{font-size:12.5px;color:var(--mist)}.rcost b{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.rcost small{font-size:11.5px;color:var(--mist)}

/* cases */
.cases{display:grid;gap:110px}
.case{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.case>*{min-width:0}
.case.rev .cmedia{order:2}
.cmedia{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;max-width:100%}.cmedia img{width:100%;height:100%;object-fit:cover}
.cplay{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);font-weight:600;font-size:14px;border:1px solid rgba(255,255,255,.25)}
.ctext h2{font-size:clamp(28px,2.8vw,40px);margin-bottom:16px}
.ccols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.ccols b{font-size:14px;color:var(--orange)}
.checks.sm{margin:12px 0 0;gap:10px}.checks.sm li{font-size:14.5px;align-items:flex-start;line-height:1.45}.checks.sm .ic{width:18px;height:18px;flex:none;margin-top:2px}.checks.res .ic{fill:var(--yellow)}

/* referral wizard */
.wiz{max-width:860px;margin:0 auto}
.wsteps{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.wsteps li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mist)}.wsteps i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #444;font-size:13px}
.wsteps li.on{color:#fff}.wsteps li.on i{background:var(--sunrise);color:#000;border:0}.wsteps li+li::before{content:"";width:26px;height:1px;background:#333}
.rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.reward input{position:absolute;opacity:0;width:1px;height:1px}
.reward span{display:grid;gap:6px;border:1px solid #333;border-radius:18px;padding:20px;cursor:pointer;height:100%;position:relative}
.reward .ic{width:26px;height:26px;fill:url(#gSun)}.reward b{font-weight:500}.reward small{color:var(--mist);font-size:13.5px}
.reward em{position:absolute;top:14px;right:14px;font-style:normal;font-size:11px;font-weight:600;color:#000;background:var(--sunrise);padding:3px 9px;border-radius:999px}
.reward input:checked+span{border-color:var(--orange);background:#1a1206}.reward input:focus-visible+span{outline:2px solid var(--yellow)}
.wnav{display:flex;gap:10px;justify-content:flex-end}
.flow.plain{grid-template-columns:repeat(3,1fr)}

/* book */
.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.days button,.times button{border:1px solid #333;border-radius:14px;padding:10px 12px;font-size:13.5px;flex:none;text-align:center;line-height:1.3;color:#ddd}
.days button b{display:block;font-size:18px;font-weight:500;color:#fff}
.days button[aria-pressed=true],.times button[aria-pressed=true]{border-color:var(--orange);background:#2a1700;color:#fff}
.times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.flab{font-size:13px;color:var(--mist);font-weight:500}
.bfacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.bfacts div{display:flex;gap:10px;align-items:center;font-size:14.5px;color:var(--soft)}.bfacts .ic{width:20px;height:20px;fill:var(--orange)}

/* support */
.trgrid,.issues{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trc,.issue{border:1px solid #262626;border-radius:20px;padding:24px;display:grid;gap:10px;align-content:start;background:#0c0c0c}
.trc em{font-style:normal;font-size:12px;color:var(--orange);font-weight:600}.trc p{color:var(--mist);font-size:15px}
.issue ol{padding-left:1.2em;display:grid;gap:6px;color:var(--soft);font-size:15px}.issue ol li::marker{color:var(--orange)}
.issue .tlink{display:inline-flex;align-items:center;gap:8px;justify-self:start}.issue .tlink .ic{width:16px;height:16px;fill:var(--orange)}

/* access */
.acchero{padding-block:150px 90px}
.accgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0 24px}
.accc{border:1px solid #2a2a2a;border-radius:22px;padding:24px;display:grid;gap:10px;align-content:start;background:rgba(12,12,12,.85);backdrop-filter:blur(6px)}
.accc .al{height:40px;display:flex;align-items:center}.accc .al img{max-height:34px;width:auto}.accc p{color:var(--mist);font-size:14.5px}.accc .btn{justify-self:start;margin-top:6px}

/* compare */
.cmp table{min-width:860px}.cmp th.us,.cmp td.us{background:#1c1205;color:#fff}.cmp thead th.us{background:var(--sunrise);color:#000}
.cmp tbody th{font-weight:600;color:#fff;width:200px}.cmp td{color:var(--soft)}
.feat.f3{grid-template-columns:repeat(3,1fr)}

/* quotes */
.qgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;align-items:start}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.num{display:flex;border:1px solid #333;border-radius:12px;overflow:hidden;background:#0b0b0b}.num input{border:0!important;border-radius:0!important;text-align:center;min-width:0}.num button{width:42px;flex:none;font-size:18px;color:var(--orange)}
.form .chip:has(input[type=radio]:checked){border-color:var(--orange);color:var(--orange)}
.qsum{position:sticky;top:100px;border-radius:24px;padding:28px;background:var(--sunrise);color:#000;display:grid;gap:10px}
.qsum .kicker{color:#000}.qsum .kicker::before{background:#000}.qsum b[data-est]{font-size:clamp(40px,4vw,60px);font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.qline{display:grid;gap:4px;font-size:15px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.2)}.qsum small{font-size:13px;color:#2a1c00}.qsum p{font-size:15px}

/* clearance */
.liqgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}
.lqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.lqi{border:1px solid #e6e1d9;border-radius:18px;padding:16px;display:grid;gap:8px;align-content:start;background:#fff}
.lqi[hidden]{display:none!important}
.lqimg{aspect-ratio:4/3;border-radius:12px;background:#f5f2ed;display:grid;place-items:center;overflow:hidden;position:relative;max-width:100%}.lqimg img{max-height:85%;max-width:85%;object-fit:contain}
.lqimg .nocov{background:#f0ebe3}.lqimg .nocov .ic{fill:#E06A00}
.lqi b{font-weight:600;font-size:15px}.lqi p{font-size:13.5px;color:var(--bone-text)}
.lqp{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:auto}.lqp span{display:grid}.lqp s{font-size:12px;color:#8a837a}.lqp strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.lqp .btn.sm{height:38px;padding:0 14px;font-size:13px}.lqp .btn.is{background:#000;color:#fff}
.lqcart{position:sticky;top:100px;border-radius:22px;padding:24px;background:#000;color:#fff;display:grid;gap:12px}
.lqcart ul{list-style:none;display:grid;gap:8px;max-height:320px;overflow:auto}.lqcart li{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px solid #222;padding-bottom:8px}
.lqcart li button{color:var(--mist);font-size:16px;padding:0 4px}
.lqtot{display:flex;justify-content:space-between;font-size:17px}.lqtot b{font-variant-numeric:tabular-nums}
.s-white .chip{border-color:#d6cec2;color:#333}.s-white .chip.on{border-color:#E06A00;color:#B84F00}

/* 404 */
.nf{padding-block:150px 90px}.big404{font-size:clamp(110px,18vw,240px);font-weight:200;line-height:.9;background:var(--sunrise);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.06em}
.nf .toolgrid{margin:34px 0 30px}.nf h1{max-width:20ch;margin:10px 0 18px}

@media (max-width:980px){
 .k-blog .wrap,.agrid,.roigrid,.case,.qgrid,.liqgrid{grid-template-columns:1fr}
 .case.rev .cmedia{order:0}
 .aside,.roiout,.qsum,.lqcart{position:static}
 .pgrid,.pgrid.three,.toolgrid,.trgrid,.issues,.lqgrid,.accgrid{grid-template-columns:1fr 1fr}
 .rewards,.flow.plain,.feat.f3{grid-template-columns:1fr}
 .ccols{grid-template-columns:1fr}
}
@media (max-width:640px){
 .pgrid,.pgrid.three,.toolgrid,.trgrid,.issues,.lqgrid,.accgrid,.row3,.bfacts{grid-template-columns:1fr}
 .times{grid-template-columns:repeat(3,1fr)}
 .rcost{grid-template-columns:1fr 1fr}
 .phero.sh,.ahero{padding-block:120px 40px}
 .prose{font-size:16.5px}
}

.bcov{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.bcov svg{position:absolute;inset:0;width:100%;height:100%}
.bcov .ic{width:56px;height:56px;position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bcov em{position:absolute;right:16px;top:14px;font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.02em}
.bcov.c-hotels{background:radial-gradient(90% 100% at 20% 10%,#3a1f00,#060606 70%)}.bcov.c-hotels .ic{fill:url(#gSun)}.bcov.c-hotels em{color:var(--orange)}
.bcov.c-led{background:linear-gradient(135deg,#FFDB00,#FF8500)}.bcov.c-led .ic{fill:#000}.bcov.c-led em{color:#000}.bcov.c-led svg g{stroke:#fff}
.bcov.c-tech{background:radial-gradient(90% 100% at 80% 20%,#1d1d1d,#000 70%)}.bcov.c-tech .ic{fill:url(#gSun)}.bcov.c-tech em{color:var(--soft)}
.bcov.c-events{background:linear-gradient(135deg,#E73927,#EE6C11 60%,#FF8500)}.bcov.c-events .ic{fill:#fff}.bcov.c-events em{color:#fff}.bcov.c-events svg g{stroke:#fff}
.pcard:hover .bcov .ic{transform:scale(1.12) rotate(-4deg)}
.pcov::after{display:none}

.blogbar .chip{color:#ddd;border-color:#3a3a3a}.blogbar .chip.on{background:var(--sunrise);color:#000;border-color:transparent}
.ahero+.s-dark{padding-top:50px}

.times button{font-size:12.5px;white-space:nowrap;padding:10px 6px}
/* v6: product reel, certification logos, guides strip, pop-ups and guided chat */
.browser.lift video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.tview.light{background:#f4f4f4}
.vggrid.six{grid-template-columns:repeat(6,1fr)}
.reel{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px;margin-top:40px}
.rtile{position:relative;border-radius:20px;overflow:hidden;background:#111;text-align:left}
.rtile.r0{grid-column:span 2;grid-row:span 2}.rtile.r3{grid-column:span 2}
.rtile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.rtile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.8))}
.rtile:hover video{transform:scale(1.05)}
.rcap{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:grid;gap:3px}
.rcap img,.rcap .wm{max-height:22px;width:auto;justify-self:start;filter:brightness(0) invert(1)}
.rcap b{font-weight:600;font-size:16px}.rcap small{color:var(--soft);font-size:13px;line-height:1.35}
.rtile>.pl{position:absolute;right:16px;top:16px;z-index:2;width:40px;height:40px;border-radius:50%;background:var(--sunrise)}
.rtile:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.clogos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.clogo{background:#fff;border:1px solid var(--bone-line);border-radius:20px;padding:22px;display:grid;gap:10px;align-content:start}
.clogo span{height:96px;display:grid;place-items:center;background:#262626;border-radius:14px;padding:12px}
.clogo span img{max-height:72px;max-width:100%;width:auto;object-fit:contain}
.clogo b{font-weight:600;font-size:15.5px;line-height:1.35}.clogo p{font-size:14px;color:var(--bone-text)}
.isolist{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;font-size:14px;color:var(--bone-text)}
.isolist b{color:#141414}
/* promo toast */
.toast{position:fixed;left:max(20px,env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:70;width:min(360px,calc(100vw - 40px));background:#0e0e0e;border:1px solid #3a2507;border-radius:20px;padding:18px 18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.5);transform:translateY(20px);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s}
.toast.in{transform:none;opacity:1}
.toast .tbody{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}
.toast .tbody>span{width:64px;height:64px;border-radius:14px;background:#222;display:grid;place-items:center;padding:8px}.toast .tbody>span img{max-width:100%;max-height:100%}
.toast .tbody>span .ic{width:30px;height:30px;fill:url(#gSun)}
.toast b{display:block;font-size:15px;font-weight:600;margin-bottom:3px}.toast p{font-size:13.5px;color:var(--soft);line-height:1.45}
.toast a{grid-column:2;justify-self:start;font-size:13.5px;font-weight:600;color:var(--orange);margin-top:6px}
.tx{position:absolute;top:8px;right:10px;width:30px;height:30px;font-size:20px;color:var(--mist);border-radius:50%}.tx:hover{color:#fff;background:#222}
/* exit intent */
.exitm{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.exitc{position:relative;max-width:460px;width:100%;background:#0b0b0b;border:1px solid #333;border-radius:26px;padding:34px;display:grid;gap:14px;text-align:center;justify-items:center}
.exitc .iso{width:70px}.exitc .iso svg{width:100%;height:auto}.exitc h3{font-size:28px;font-weight:300}.exitc p{color:var(--soft)}
/* chat */
.chatfab{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 8px;border-radius:999px;background:var(--sunrise);color:#000;font-weight:600;font-size:14.5px;box-shadow:0 14px 40px rgba(255,133,0,.35)}
.cfi{width:40px;height:40px;border-radius:50%;background:#000;display:grid;place-items:center}.cfi .ic{width:20px;height:20px;fill:var(--yellow)}
.chatfab[aria-expanded=true]{opacity:0;pointer-events:none}
.chatbox{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:85;width:min(390px,calc(100vw - 40px));height:min(600px,calc(100vh - 120px));background:#0b0b0b;border:1px solid #2e2e2e;border-radius:24px;display:grid;grid-template-rows:auto 1fr auto auto auto;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.chatbox header{display:flex;gap:12px;align-items:center;padding:16px 46px 14px 16px;background:linear-gradient(120deg,#1d1205,#0b0b0b);border-bottom:1px solid #222;position:relative}
.cav{width:40px;height:40px;border-radius:50%;background:var(--sunrise);display:grid;place-items:center;flex:none}.cav .ic{width:20px;height:20px;fill:#000}
.chatbox header b{display:block;font-size:15px}.chatbox header small{color:var(--mist);font-size:12px;line-height:1.35;display:block}
.clog{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:86%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.5}
.msg.bot{background:#181818;border-top-left-radius:4px}.msg.me{align-self:flex-end;background:var(--sunrise);color:#000;border-top-right-radius:4px}
.msg a{color:var(--orange);font-weight:600;display:inline-block;margin-top:6px}.msg .lk{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.msg .lk a{margin:0;border:1px solid #3a3a3a;border-radius:999px;padding:5px 11px;font-size:13px}
.cchips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 10px}
.cchips button{border:1px solid #3a3a3a;border-radius:999px;padding:6px 12px;font-size:13px;color:#ddd}.cchips button:hover{border-color:var(--orange);color:#fff}
.cin{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #222}.cin input{flex:1;min-width:0;background:#141414;border:1px solid #333;border-radius:999px;padding:10px 14px;color:#fff;font:inherit;font-size:14.5px}
.cdis{font-size:11px;color:#666;text-align:center;padding:0 0 8px}
.typing{display:inline-flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:#777;animation:tp 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,100%{opacity:.3}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.toast{transition:none}.typing i{animation:none}}
@media (max-width:980px){.reel{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.rtile.r0{grid-column:span 2}.rtile.r3{grid-column:span 2}.clogos{grid-template-columns:1fr 1fr}.isolist{grid-template-columns:1fr}.vggrid.six{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.chatfab .cft{display:none}.chatfab{padding:0 8px}.toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.vggrid.six{grid-template-columns:1fr 1fr}.clogos{grid-template-columns:1fr}}
/* v7: story, light logo plates, doc pictures, data viz, icons in articles, ken burns, image band, zones, factory mosaic, portal */
@keyframes kb{0%{transform:scale(1.04) translate(0,0)}100%{transform:scale(1.14) translate(-2%,-1.5%)}}
.kb{overflow:hidden}.kb img{animation:kb 18s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.kb img,.btrack{animation:none!important}}
.hvimg{border-radius:26px;overflow:hidden;aspect-ratio:4/3;max-width:100%;box-shadow:0 30px 80px rgba(0,0,0,.5);border:1px solid #2a2a2a}
.hvimg img{width:100%;height:100%;object-fit:cover}
/* story */
.story7{list-style:none;position:relative;display:grid;gap:40px;margin-top:20px}
.stline{position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:linear-gradient(#FFDB00,#FF8500,#E73927);transform-origin:top;transform:scaleY(.1);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.story7:has(.st.in) .stline{transform:scaleY(1)}
.st{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;opacity:.25;transform:translateY(24px);transition:opacity .7s,transform .7s}
.st.in{opacity:1;transform:none}
.st:nth-child(odd) .stimg{order:2}
.stimg{border-radius:22px;overflow:hidden;aspect-ratio:16/10;max-width:100%}.stimg img{width:100%;height:100%;object-fit:cover}
.sttx b{font-size:clamp(40px,5vw,70px);font-weight:200;line-height:1;background:var(--sunrise);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:10px}
.sttx h3{font-size:24px;font-weight:400;margin-bottom:8px}.sttx p{color:var(--soft)}
@media (prefers-reduced-motion:reduce){.st{opacity:1;transform:none}}
/* light plates */
.clogo span{background:#fff;border:1px solid var(--bone-line)}
/* docs with pictures */
.doc.dimg{padding:0;overflow:hidden;gap:6px;padding-bottom:18px}
.dpic{display:block;aspect-ratio:16/9;overflow:hidden;margin-bottom:6px;max-width:100%}.dpic img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.doc.dimg:hover .dpic img{transform:scale(1.06)}
.doc.dimg .ic,.doc.dimg small,.doc.dimg b{margin-left:18px;margin-right:18px}
/* data viz in articles */
.vstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-block:1.8em}
.vstat{border:1px solid #2a2a2a;border-radius:20px;padding:20px;display:grid;gap:6px;justify-items:start;background:#0d0d0d;position:relative}
.vstat .ring{width:84px;height:84px;transform:rotate(-90deg)}
.rtrack{fill:none;stroke:#262626;stroke-width:9}.rbar{fill:none;stroke:url(#gSun);stroke-width:9;stroke-linecap:round;stroke-dasharray:var(--c);stroke-dashoffset:var(--c);transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1)}
.vstats.in .rbar{stroke-dashoffset:var(--o)}
.vstat b{font-size:clamp(28px,2.8vw,38px);font-weight:300;line-height:1;background:var(--sunrise);-webkit-background-clip:text;background-clip:text;color:transparent}
.vstat span{font-size:14.5px;line-height:1.45;color:var(--soft)}.vstat small{font-size:12px;color:var(--mist)}
.vstat .ico .ic{width:40px;height:40px;fill:url(#gSun)}
.prose h2{display:flex;gap:14px;align-items:center}
.hic{width:44px;height:44px;border-radius:12px;background:#1b1206;border:1px solid #3a2507;display:grid;place-items:center;flex:none}.hic .ic{width:22px;height:22px;fill:url(#gSun)}
.icl{list-style:none;padding:0!important}.icl li{display:flex;gap:12px;align-items:flex-start}.icl .ic{width:20px;height:20px;fill:var(--orange);flex:none;margin-top:5px}
.steps7{list-style:none;padding:0!important;counter-reset:none}.steps7 li{display:flex;gap:14px;align-items:flex-start}.steps7 i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--sunrise);color:#000;font-weight:700;display:grid;place-items:center;flex:none;font-size:14px}
.callout{display:flex;gap:16px;align-items:flex-start}
/* blog photos with brand duotone */
.pcov img{filter:grayscale(.2) contrast(1.05)}
.duo{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.55;pointer-events:none;transition:opacity .4s}
.duo.c-hotels{background:linear-gradient(160deg,#FF8500,#3a1400)}.duo.c-led{background:linear-gradient(160deg,#FFDB00,#FF8500)}.duo.c-tech{background:linear-gradient(160deg,#5a5a5a,#000)}.duo.c-events{background:linear-gradient(160deg,#E73927,#1a0500)}
.pcard:hover .duo{opacity:.2}
.pbadge{position:absolute;right:14px;top:14px;z-index:2;width:46px;height:46px;border-radius:14px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:grid;place-items:center;border:1px solid rgba(255,255,255,.2)}
.pbadge .ic{width:22px;height:22px;fill:var(--yellow)}.pbadge.big{width:64px;height:64px;right:22px;top:22px}.pbadge.big .ic{width:30px;height:30px}
.acover{position:relative}.acover img{max-height:480px}
/* image band */
.band{overflow:hidden;padding-block:20px;background:#000}
.btrack{display:flex;gap:14px;width:max-content;animation:band 60s linear infinite}
.btrack img{height:220px;width:auto;border-radius:16px;object-fit:cover}
@keyframes band{to{transform:translateX(-50%)}}
/* zones */
.zgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:26px;align-items:stretch}
.ztabs{display:grid;gap:8px}
.zt{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #262626;border-radius:16px;padding:14px 16px;transition:border-color .3s,background .3s}
.zt .ic{width:24px;height:24px;fill:var(--mist);flex:none}.zt b{display:block;font-weight:500}.zt small{color:var(--mist);font-size:13.5px;line-height:1.4}
.zt.on{border-color:var(--orange);background:#1b1206}.zt.on .ic{fill:url(#gSun)}
.zpics{position:relative;border-radius:24px;min-height:420px;border:1px solid #2a2a2a}
.zp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.zp.on{opacity:1}
.zscan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FFDB00,transparent);top:0;animation:scan 4s linear infinite;opacity:.6}
@keyframes scan{to{top:100%}}
/* bars */
.hbars{list-style:none;display:grid;gap:22px}
.hbars .bl{display:flex;align-items:baseline;gap:6px}.hbars .bl span{flex:1;color:var(--soft);font-size:15px}.hbars .bl b{font-size:34px;font-weight:300;color:#fff}.hbars .bl em{font-style:normal;color:var(--orange)}
.hbars .bt{height:10px;border-radius:99px;background:#1c1c1c;overflow:hidden;margin:8px 0 4px}.hbars .bt i{display:block;height:100%;width:0;background:var(--sunrise);border-radius:99px;transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.hbars.in .bt i{width:var(--w)}
.hbars small{color:var(--mist);font-size:12px}
/* factory mosaic */
.fmosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:240px 240px;gap:12px}
.fq{position:relative;border-radius:20px;overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .8s,transform .8s}
.fmosaic.in .fq{opacity:1;transform:none}.fq.q1{transition-delay:.15s}.fq.q2{transition-delay:.3s}.fq.q3{transition-delay:.45s}
.fq.q0{grid-row:span 2}.fq img{width:100%;height:100%;object-fit:cover}
.fq figcaption{position:absolute;left:14px;bottom:12px;font-size:13px;font-weight:600;background:rgba(0,0,0,.6);padding:5px 11px;border-radius:999px}
@media (prefers-reduced-motion:reduce){.fq{opacity:1;transform:none}}
/* client login + portal */
.plogin{max-width:620px;margin:30px 0 10px;border-color:#3a2507}
.plh{display:flex;gap:14px;align-items:center}.plh img{height:40px;width:auto}.plh b{display:block;font-size:17px}.plh small{color:var(--mist);font-size:13.5px}
.portal{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:#070707;padding-top:76px}
.pside{position:sticky;top:76px;height:calc(100vh - 76px);border-right:1px solid #1e1e1e;padding:24px 16px;display:flex;flex-direction:column;gap:20px;background:#0a0a0a}
.pbrand img{height:34px;width:auto}.pbrand small{display:block;color:var(--mist);margin-top:8px;font-size:12.5px}
.pside nav{display:grid;gap:4px}.pside nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;font-size:14.5px;color:var(--soft)}
.pside nav a:hover{background:#161616;color:#fff}.pside .ic{width:18px;height:18px;fill:var(--orange)}
.plog{margin-top:auto;display:flex;gap:10px;align-items:center;color:var(--mist);font-size:14px}
.pmain{padding:30px clamp(16px,3vw,40px) 80px;display:grid;gap:20px;min-width:0}
.pmain [id]{scroll-margin-top:96px}
.phead h1{font-size:clamp(30px,3.4vw,48px)}
.pcard7{background:#0e0e0e;border:1px solid #222;border-radius:22px;padding:24px;display:grid;gap:14px;min-width:0}
.pch{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.pch h2{font-size:22px;font-weight:500}
.psts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pst{border:1px solid #262626;border-radius:16px;padding:16px;display:grid;gap:4px}.pst b{font-size:34px;font-weight:300}.pst span{color:var(--mist);font-size:13.5px}.pst.warn{border-color:#5a1d14;background:#1a0906}.pst.warn b{color:#ff7a5c}
.spark{display:flex;gap:6px;align-items:flex-end;height:60px}.spark i{flex:1;height:var(--h);background:linear-gradient(#FFDB00,#FF8500);border-radius:4px;opacity:.85}
.palert{display:flex;gap:10px;align-items:center;font-size:14px;color:#ffb39f}.palert .ic{width:18px;height:18px;fill:#ff7a5c}
.pcols{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.pinfo{list-style:none;display:grid;gap:10px}
.pinfo li{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #232323;border-radius:14px;padding:12px 14px;flex-wrap:wrap}
.pinfo small{color:var(--mist);font-size:12.5px;display:block}.pinfo b{font-weight:500;font-size:14.5px}
.pbtns{display:flex;gap:6px}.pbtns button{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;border:1px solid #333;border-radius:999px;padding:6px 11px}
.pbtns .ic{width:14px;height:14px;fill:currentColor}.pbtns .ok:hover,.pinfo li.done .ok{border-color:#2f7a4d;color:#6fdc9a}.pbtns .fx:hover,.pinfo li.fixing .fx{border-color:var(--orange);color:var(--orange)}
.pmsg{font-size:14px;color:var(--yellow)}
.pnews{list-style:none;display:grid;gap:12px}.pnews li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:start}
.nic{width:40px;height:40px;border-radius:12px;background:#1b1206;display:grid;place-items:center}.nic .ic{width:18px;height:18px;fill:var(--orange)}
.pnews b{font-weight:500;font-size:14.5px}.pnews p{color:var(--mist);font-size:13.5px}.pnews small{color:var(--mist);font-size:12px;white-space:nowrap}
.tpls{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.tpl{display:grid;gap:8px}.tscr{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;border:6px solid #1b1b1b;background:#000;max-width:100%}
.tscr>img{width:100%;height:100%;object-fit:cover;opacity:.75}
.tov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:linear-gradient(transparent 40%,rgba(0,0,0,.85))}
.tov .tlg{height:12px;width:auto;margin-bottom:auto;align-self:flex-start}.tov b{font-size:15px;line-height:1.15}.tov small{font-size:10px;color:var(--yellow)}
.tpl figcaption b{display:block;font-size:13.5px;font-weight:500}.tpl figcaption span{font-size:12px;color:var(--mist)}.tpl .tlink{font-size:12px}
.pcard7.svc{grid-template-columns:1.1fr 1fr;align-items:center;background:linear-gradient(130deg,#1d1205,#0e0e0e 60%);border-color:#3a2507}
.ptag{font-style:normal;font-size:12px;font-weight:700;color:#000;background:var(--sunrise);padding:4px 10px;border-radius:999px}
.svc h2{font-size:clamp(24px,2.4vw,34px);font-weight:300;margin:10px 0}.svc p{color:var(--soft)}
.svcimg{border-radius:18px;overflow:hidden;aspect-ratio:4/3;max-width:100%}.svcimg img{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.st{grid-template-columns:1fr;gap:18px}.st:nth-child(odd) .stimg{order:0}.stline{display:none}.zgrid,.pcols,.pcard7.svc{grid-template-columns:1fr}.zpics{min-height:300px}
 .fmosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px}.fq.q0{grid-row:auto;grid-column:span 2}
 .portal{grid-template-columns:1fr;padding-top:66px}.pside{position:static;height:auto;border-right:0;border-bottom:1px solid #1e1e1e}.pside nav{grid-template-columns:repeat(4,1fr)}.pside nav a span{font-size:12px}
 .tpls{grid-template-columns:repeat(3,1fr)}.psts{grid-template-columns:1fr 1fr}.btrack img{height:150px}}
@media (max-width:640px){.pside nav{grid-template-columns:1fr 1fr}.tpls{grid-template-columns:1fr 1fr}}
/* logo variants: white logos on dark, dark logos on light */
.lg-d{display:none!important}
.s-bone .lg-l,.s-white .lg-l,.s-sun .lg-l,.k-equip .lg-l,.k-grid .lg-l,.clogo .lg-l{display:none!important}
.s-bone .lg-d,.s-white .lg-d,.s-sun .lg-d,.k-equip .lg-d,.k-grid .lg-d,.clogo .lg-d{display:inline-block!important}
.k-grid .plogo,.k-equip img.plogo{background:none!important;padding:0!important;height:48px!important}
.ddm .wm{width:56px;justify-content:center;font-size:0}.ddm .wm i{display:block!important;width:30px;height:30px;border-radius:8px 16px 8px 16px}
/* stronger readability on the home carousel */
.slide .sbg{filter:brightness(.8)}
/* QA pass: no text overlap during carousel crossfade */
.slide .scont{transition:opacity .2s ease}
.slide:not(.on) .scont{opacity:0!important;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}
.slide.on .scont{opacity:1;visibility:visible;transition:opacity .45s ease .35s}
/* chat button: compact circle so it never covers content; label on hover (desktop) */
.chatfab{padding:0 8px!important;width:56px;justify-content:center;overflow:hidden;transition:width .25s ease}
.chatfab .cft{display:none}
@media (hover:hover) and (min-width:900px){.chatfab:hover{width:auto;padding:0 20px 0 8px!important}.chatfab:hover .cft{display:inline}}
/* ghost buttons on light sections */
.k-grid .btn-ghost,.s-bone .btn-ghost,.s-white .btn-ghost,.s-sun .btn-ghost{color:#141414;border-color:rgba(20,20,20,.45);background:transparent;backdrop-filter:none}
.k-grid .btn-ghost:hover,.s-bone .btn-ghost:hover,.s-white .btn-ghost:hover,.s-sun .btn-ghost:hover{border-color:#141414}
.k-grid .btn-ghost .pl,.s-bone .btn-ghost .pl,.s-white .btn-ghost .pl,.s-sun .btn-ghost .pl{border-left-color:#141414}
/* decorative iso never behind text on small screens */
@media (max-width:900px){.abouthero .bigiso{display:none}}
/* floating hero cards stay inside the viewport */
.hv .fimg,.hv .float,.hv [class*="flt"]{max-width:calc(100% - 8px)}
.phero .hv{padding-right:24px}
/* ===== v8: fixes from Isabella's phone screenshots + new blocks ===== */
/* reel tiles: one name only, a real play button, stills for products without an original video */
.rcap .wm{display:none}
.rcap img.lg-l+img.lg-d+b,.rcap img.lg-l~b{display:none}
.rcap img{max-height:26px!important;margin-bottom:4px}
.rtile>.pl{width:44px!important;height:44px!important;border:0!important;border-radius:50%;background:var(--sunrise);display:grid!important;place-items:center}
.rtile>.pl::before{content:"";width:0;height:0;border-left:13px solid #000;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.rtile.still img:not(.lg-l):not(.lg-d){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.rtile.still:hover img:not(.lg-l):not(.lg-d){transform:scale(1.05)}
.rgo{position:absolute;right:16px;top:16px;z-index:2;font-size:12.5px;font-weight:600;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px}
/* bento captions never clipped */
.bt{height:auto!important;overflow:visible!important;background:none!important;border-radius:0!important;margin:0!important}
.bt img,.bt .wm{max-width:100%}
.bento .bt h3{overflow-wrap:break-word}
/* stills that replaced AI clips behave like the video they replaced */
img.sbg,img.hbgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bm img{width:100%;height:100%;object-fit:cover}
/* header solid on phones (no content showing through) */
@media (max-width:900px){.nav{background:#000!important;backdrop-filter:none!important}}
/* pop-up: never on phones, compact on desktop */
@media (max-width:760px){.toast{display:none!important}}
.toast{width:min(330px,calc(100vw - 40px))}
/* pillars */
.pillars h2{max-width:24ch;margin-bottom:40px}
.pilgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pil{border:1px solid #232323;border-radius:22px;padding:28px;background:linear-gradient(180deg,#121212,#0a0a0a)}
.pil .ic{width:34px;height:34px;fill:url(#gSun);margin-bottom:18px}
.pil h3{font-size:20px;font-weight:600;margin-bottom:8px}.pil p{color:var(--soft);font-size:15px;line-height:1.55}
@media (max-width:900px){.pilgrid{grid-template-columns:1fr}}
/* social feed */
.socsec.sfeed{padding:96px 0;background:#050505}
.sfgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.sfc{display:flex;flex-direction:column;border:1px solid #222;border-radius:20px;overflow:hidden;background:#0d0d0d;transition:border-color .25s,transform .25s}
.sfc:hover{border-color:#5a3a0e;transform:translateY(-3px)}
.sfi{display:block;aspect-ratio:4/5;background:#000;overflow:hidden}
.sfi img{width:100%;height:100%;object-fit:cover}
.sfc.n-li .sfi img{object-fit:contain}
.sfm{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 6px}
.sfn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--orange)}
.sfn svg{width:15px;height:15px}
.sfm small{color:var(--soft);font-size:12px;white-space:nowrap}
.sft{padding:0 16px;font-size:14.5px;line-height:1.45;flex:1}
.sfo{padding:12px 16px 16px;font-size:13px;font-weight:600;color:var(--orange)}
.sfollow{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sfb{display:inline-flex;align-items:center;gap:10px;border:1px solid #333;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600}
.sfb svg{width:18px;height:18px;color:var(--orange)}.sfb:hover{border-color:var(--orange)}
@media (max-width:1000px){.sfgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.sfgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:8px -16px 0;padding:0 16px 6px}.sfc{flex:0 0 72%;scroll-snap-align:start}}
/* long words / logos never overflow cards on phones */
@media (max-width:520px){h1,h2,h3{overflow-wrap:break-word;hyphens:manual}}
@media (max-width:600px){.btn{white-space:normal;height:auto;min-height:52px;padding:12px 24px;text-align:center;line-height:1.3;max-width:100%}.btn.lg{padding:14px 26px}}
@media (max-width:700px){.reel{grid-template-columns:1fr!important;grid-auto-rows:220px!important}.rtile.r0,.rtile.r3{grid-column:auto!important;grid-row:auto!important}.rcap img{max-height:24px!important}}
.rcap{max-width:calc(100% - 36px)}
.dev img,.bigscreen img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:700px){.hv.evo .dev.sm{aspect-ratio:9/16}}
/* v9: home showcase, ISO seals */
.film.showcase{padding-block:100px}
.film.showcase .reel{margin-top:8px}
@keyframes kb9{from{transform:scale(1)}to{transform:scale(1.12) translate(-2%,-1%)}}
.rtile.still img:not(.lg-l):not(.lg-d){animation:kb9 14s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.rtile.still img{animation:none!important}}
.clogos.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.clogos.three{grid-template-columns:1fr}}
.isorow{margin-top:24px;border:1px solid #e3ddd3;border-radius:22px;background:#fff;padding:24px}
.isohead{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#555;font-size:14px;font-weight:600}
.isohead img{height:34px;width:auto}
.isogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.isoc{display:grid;justify-items:center;text-align:center;gap:4px;padding:8px}
.isoc .seal{width:112px;height:112px;margin-bottom:8px}
.isoc b{font-size:16px;font-weight:600;color:#141414}.isoc span{font-size:14px;color:#333}.isoc small{font-size:12.5px;color:#777;line-height:1.4}
@media (max-width:760px){.isogrid{grid-template-columns:1fr 1fr}.isoc .seal{width:92px;height:92px}}
@media (min-width:981px){.showcase .rtile.r3{grid-column:auto!important}.showcase .rtile.r5,.showcase .rtile.r6{grid-column:span 2!important}}
.rtile.r3 video{object-position:left center}
/* v10: product map readable */
.vz-scr div{width:66px!important;height:30px!important}
.vz-scr em{position:relative;z-index:1;font-size:10px!important;font-weight:700!important;color:#fff!important}
.vz-scr div.f em{color:#141414!important}
.enl .wm{font-size:0!important;gap:0}.enl .wm i{display:block!important;width:26px;height:26px;border-radius:7px 14px 7px 14px;background:var(--sunrise)}
.vz-sale b{font-size:16px}
.vz-scr{display:none!important}
/* v11 booking chat */
.mdraft{margin-top:10px;background:#0b0b0b;border:1px solid #2c2c2c;border-radius:12px;padding:12px}
.mdraft b{display:block;font-size:13px;margin-bottom:8px;color:#fff}
.mdraft pre{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.5;color:#ddd;margin:0}
.msg .lk a.pri{background:var(--sunrise);color:#000;border-color:transparent}
.chatbox{grid-template-rows:auto minmax(0,1fr) auto auto auto!important}
.chatbox .clog{min-height:0;overflow-y:auto}
@media (max-width:600px){.chatbox{inset:0!important;width:100%!important;height:100dvh!important;border-radius:0!important;border:0!important}}
.chatbox{padding:0!important}@media (max-width:600px){.chatbox{padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}}
/* v12 */
.eqlist .form{max-width:820px}
.roirep{margin-top:18px}
@media print{.nav,footer,.chatfab,.chatbox,.ckbar,.toast,.ctaband,.roirep,.phero .hvimg{display:none!important}body{background:#fff!important;color:#000!important}}
.ckbar{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:75;max-width:760px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#111;border:1px solid #333;border-radius:16px;padding:14px 18px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.ckbar p{font-size:13.5px;line-height:1.45;color:#ddd;flex:1 1 320px;margin:0}.ckbar div{display:flex;gap:14px;align-items:center}.ckbar a{font-size:13px;color:var(--orange);font-weight:600}
@media (prefers-reduced-motion:no-preference){svg.ribbons path{stroke-dasharray:2400;stroke-dashoffset:2400;transition:stroke-dashoffset 2.6s cubic-bezier(.3,.6,.2,1)}svg.ribbons.drawn path{stroke-dashoffset:0}}

/* ---- Bloques nuevos de producto (nov 2026) ---- */
.deep .dgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.deep .dhead{position:sticky;top:120px}
.deep .dhead h2{color:#141414}
.deep .dlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--bone-line)}
.deep .dlist li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--bone-line)}
.deep .dn{font-size:0;width:22px;height:3px;border-radius:3px;background:#B84F00;margin-top:13px}
.deep .dlist h3{font-size:clamp(19px,1.5vw,22px);font-weight:500;color:#141414;margin:0 0 6px}
.deep .dlist p{color:var(--bone-text);margin:0;line-height:1.55}
.segs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.seg{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;background:var(--graphite);isolation:isolate}
.seg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.seg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.88) 100%);z-index:1}
.seg .segtx{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2}
.seg h3{font-size:clamp(19px,1.45vw,22px);font-weight:600;margin:0 0 8px;color:#fff}
.seg p{font-size:15px;line-height:1.5;color:var(--soft);margin:0}
.seg::before{content:"";position:absolute;left:24px;top:24px;width:34px;height:4px;border-radius:4px;background:var(--sunrise);z-index:2}
@media (hover:hover){.seg:hover img{transform:scale(1.06)}}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kpis.n2{grid-template-columns:repeat(2,1fr)}
.kpis.n4{grid-template-columns:repeat(4,1fr)}
.kpi{border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;background:linear-gradient(180deg,#0d0d0d,#070707)}
.kpi b{display:block;font-size:clamp(48px,5vw,76px);font-weight:300;line-height:1;color:var(--orange);letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.kpi b em{font-style:normal;font-size:.45em;margin-left:4px}
.kpi p{color:var(--soft);margin:18px 0 18px;line-height:1.5}
.demosec .dlead{max-width:720px;margin:-6px 0 34px}
.demo{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.55);border:1px solid var(--line)}
.demo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.dnote{margin-top:14px;font-size:13px;color:var(--mist)}
.kpi a{font-size:13px;color:var(--mist);text-decoration:underline;text-underline-offset:3px}
.kpi a:hover{color:var(--orange)}
@media (max-width:980px){
 .deep .dgrid{grid-template-columns:1fr;gap:36px}.deep .dhead{position:static}
 .segs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-right:-24px;padding-right:24px}
 .seg{scroll-snap-align:start}
 .kpis,.kpis.n2,.kpis.n4{grid-template-columns:1fr}
}

/* v4 */
.wm .wmi{width:22px;height:22px;border-radius:7px;flex:none;display:inline-grid;place-items:center;background:var(--sunrise);color:#000}
.wm .wmi svg{width:14px;height:14px;fill:currentColor}
.wm .wmi.wmp{background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.25)}
.wm.plogo .wmi,.wm.slogo .wmi{width:34px;height:34px;border-radius:10px}
.wm.plogo .wmi svg,.wm.slogo .wmi svg{width:20px;height:20px}
.bvseal{width:132px;height:132px;border-radius:50%;border:2px solid #1d1d1d;display:grid;place-items:center;align-content:center;gap:2px;background:#fff;margin-bottom:8px;box-shadow:inset 0 0 0 6px #fff,inset 0 0 0 7px #d9d3cb}
.bvseal img{width:58px;height:auto}
.bvseal b{font-size:13px!important;letter-spacing:.02em}
.bvseal small{font-size:9.5px!important;letter-spacing:.12em;text-transform:uppercase;color:#555!important}
@media(max-width:700px){.bvseal{width:108px;height:108px}.bvseal img{width:46px}}
.ways{display:grid;gap:14px}
.ways .wayh{font-weight:600;font-size:17px;margin:0 0 4px}
.way{display:grid;grid-template-columns:44px 1fr auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--graphite);color:inherit;transition:border-color .2s,transform .2s}
.s-white .way,.s-bone .way{background:#fff;border-color:#e3ddd4}
.way:hover{border-color:var(--orange);transform:translateY(-2px)}
.way .ic{grid-row:1/3;width:44px;height:44px;padding:10px;border-radius:12px;background:var(--sunrise);fill:#000;color:#000}
.way b{font-size:17px}
.way span{grid-column:2;font-size:14px;opacity:.75}
.way em{grid-row:1/3;grid-column:3;font-style:normal;font-weight:600;color:var(--orange)}
@media(max-width:600px){.way{grid-template-columns:40px 1fr}.way em{grid-column:2;grid-row:auto;margin-top:6px}}
.rwtop{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(255,133,0,.12),rgba(255,219,0,.06));border:1px solid rgba(255,133,0,.35)}
.rwtop .ic{width:52px;height:52px;padding:12px;border-radius:14px;background:var(--sunrise);fill:#000;color:#000}
.rwtop b{font-size:19px;display:block;margin-bottom:6px}
.rwtop p{margin:0 0 10px;line-height:1.55}
.rwtop ul{margin:0;padding-left:18px;line-height:1.7}
.rfmore{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.rfmore h2{margin:0 0 16px}
@media(max-width:900px){.rfmore{grid-template-columns:1fr;gap:30px}}
.rels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.rel{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--graphite);color:#fff;transition:border-color .2s}
.rel:hover{border-color:var(--orange)}
.rel small{grid-column:1/3;color:var(--orange);font-weight:600;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
.rel b{font-weight:600;font-size:16px;line-height:1.35}
.rel span{align-self:end;color:var(--orange);font-size:20px}
.relall{margin-top:22px}.relall a{color:var(--orange);font-weight:600}
.h2.mb,h2.mb{margin-bottom:26px}
.consent{display:flex!important;gap:10px;align-items:flex-start;font-size:13.5px!important;line-height:1.45;font-weight:400!important;margin:6px 0 14px}
.consent input{width:18px!important;height:18px!important;margin-top:2px;flex:none;accent-color:#FF8500}
.consent a{color:var(--orange);text-decoration:underline}
.okmsg.bad{color:var(--red)}
.wafab{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:79;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 32px rgba(37,211,102,.35);transition:transform .2s}
.wafab:hover{transform:scale(1.06)}
.wafab svg{width:30px;height:30px;fill:#fff}
.chatbox:not([hidden])~.wafab,body:has(.chatbox:not([hidden])) .wafab{opacity:0;pointer-events:none}
.msg .also{margin-top:10px;padding-top:8px;border-top:1px solid #2a2a2a;font-size:13px;opacity:.9}
.msg .also a{margin:0 0 0 4px}
.cdis{font-size:11.5px}.cdis a{color:var(--orange)}
.lqform{display:grid;gap:10px;margin:12px 0;padding:16px;border-radius:14px;background:#faf7f2;border:1px solid #e6dfd5}
.lqform label{display:grid;gap:4px;font-size:13px;font-weight:600}
.lqform input:not([type=checkbox]){height:40px;border:1px solid #d8d1c6;border-radius:10px;padding:0 12px;font:inherit}
.xmas{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .35s}
.xmas.in{opacity:1}
.xcard{position:relative;width:min(760px,100%);display:grid;grid-template-columns:1fr 1fr;background:#0b0b0b;color:#fff;border:1px solid #2e2e2e;border-radius:26px;overflow:hidden;transform:translateY(16px) scale(.98);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.xmas.in .xcard{transform:none}
.ximg{min-height:340px;background:url(https://static.wixstatic.com/media/369659_ac0dfd4fc72c46759184c225e0b0cd49~mv2.jpeg/v1/fill/w_760,h_760,q_82/xmas.jpeg) center/cover}
.xtx{padding:36px 32px;display:grid;align-content:center;gap:12px}
.xtx .kicker{color:var(--orange)!important;margin:0}
.xtx h3{font-size:26px;line-height:1.2;margin:0}
.xtx p{margin:0 0 8px;color:var(--soft);line-height:1.55}
.xx{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:1;z-index:2;border:1px solid #444}
@media(max-width:700px){.xcard{grid-template-columns:1fr}.ximg{min-height:190px}.xtx{padding:24px 22px}.xtx h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.xmas,.xcard{transition:none}}
.msg .mq{display:block;font-size:12.5px;color:var(--orange);margin-bottom:4px;font-weight:600}
.h1x{font-size:clamp(40px,5.4vw,80px)}.scont .h1x{max-width:16ch;margin-bottom:20px;font-size:clamp(36px,4.4vw,66px)}.htext .h1x{margin-bottom:22px;max-width:15ch}
.lqtag{display:inline-block;font-size:11.5px;font-weight:600;color:#0a7a3d;background:#e6f6ec;border-radius:999px;padding:3px 9px;margin:4px 0 8px}
.lqcur{display:flex;align-items:center;gap:8px;font-size:13px;margin:4px 0 10px}.lqcur select{height:34px;border:1px solid #d8d1c6;border-radius:10px;padding:0 8px;font:inherit;background:#fff}
.lqsave{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:700;color:#fff;background:#E73927;border-radius:6px;padding:2px 6px}
.lqp s{opacity:.6;margin-right:6px;font-size:13px}
.lqtag{width:fit-content;justify-self:start;align-self:start}