:root{--black:#050505;--tile:#111;--tile-edge:#2A2A2A;--white:#FFF;--grey:#A6A6A6;--dim:#6B6B6B;--laser:#FF2D2D;--head:"Lexend Exa","Arial Black",Arial,sans-serif;--body:"Instrument Sans",Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--body);font-size:clamp(1rem,0.95rem+0.3vw,1.125rem);line-height:1.5;overflow-x:hidden;min-height:100vh}a{color:inherit}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.hero{position:relative;overflow:hidden;padding:clamp(18px,3vh,32px) 0 clamp(28px,4vh,48px)}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 45% at 50% 62%,rgba(255,255,255,.07),rgba(255,255,255,0) 70%),radial-gradient(30% 25% at 82% 58%,rgba(255,45,45,.14),rgba(255,45,45,0) 70%)}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.hero>.wrap{position:relative;z-index:1}.band{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,3vw,36px);align-items:center}.brand{display:flex;align-items:center;gap:14px}.brand img{display:block;width:clamp(64px,18vw,128px);height:auto;aspect-ratio:1/1;max-width:128px;border-radius:22px;border:1px solid var(--tile-edge);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.6)}.brand .word{font-family:var(--head);font-weight:700;font-size:clamp(1.05rem,0.9rem+1vw,1.6rem);letter-spacing:.12em;text-transform:uppercase}.brand .tag{display:block;font-family:var(--body);font-weight:400;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);margin-top:4px}h1{font-family:var(--head);font-weight:700;font-size:clamp(1.55rem,1rem+2.9vw,3.4rem);line-height:1.08;letter-spacing:-.005em;text-wrap:balance}h1 .quiet{color:var(--grey)}h1 .mark{white-space:nowrap}.sub{margin-top:clamp(10px,1.6vh,16px);color:var(--grey);font-size:clamp(1rem,0.95rem+0.35vw,1.2rem);max-width:56ch;text-wrap:pretty}.sub strong{color:var(--white);font-weight:600}.strip{margin-top:clamp(18px,3vh,34px);position:relative}.sprockets{display:flex;justify-content:space-between;padding:0 10px;height:12px}.sprockets i{display:block;width:14px;height:8px;border-radius:2px;background:rgba(255,255,255,.14);margin-top:2px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.6vw,18px);padding:6px 0}.tile{position:relative;background:var(--tile);border:1px solid var(--tile-edge);border-radius:18px;overflow:hidden;aspect-ratio:3/2;transition:opacity .35s ease,border-color .35s ease,transform .35s ease;opacity:.55}.tile.on{opacity:1;border-color:rgba(255,255,255,.55)}.tile svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tile .cap{position:absolute;left:14px;bottom:12px;display:flex;align-items:baseline;gap:8px;font-family:var(--head);font-weight:700;font-size:clamp(.66rem,.6rem+.3vw,.8rem);letter-spacing:.14em;text-transform:uppercase}.tile .cap b{color:var(--laser);font-weight:700}.tile .cap span{color:var(--grey)}.tile.on .cap span{color:var(--white)}.tile .num{position:absolute;right:14px;top:10px;font-family:var(--head);font-weight:700;font-size:clamp(1rem,0.9rem+.6vw,1.5rem);color:rgba(255,255,255,.14);letter-spacing:.06em}.tile .dot{opacity:0}.tile .dot .glow{opacity:.28}.tile .lines{opacity:0}.motion-l{stroke:var(--white);stroke-width:3;stroke-linecap:round}.cat{fill:var(--white)}.cat-stroke{fill:none;stroke:var(--white);stroke-linecap:round;stroke-linejoin:round}.wsk{stroke:var(--white);stroke-width:2.2;stroke-linecap:round;opacity:.9}.eye{fill:var(--black)}.floor{stroke:rgba(255,255,255,.18);stroke-width:1.5;stroke-dasharray:4 6}.cta-row{margin-top:clamp(20px,3.4vh,34px);display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2.4vw,28px);align-items:center}.cta{display:inline-flex;align-items:center;gap:14px;background:var(--white);color:var(--black);text-decoration:none;font-family:var(--head);font-weight:700;font-size:clamp(1rem,0.9rem+.55vw,1.3rem);letter-spacing:.06em;text-transform:uppercase;padding:clamp(15px,1.7vh,20px) clamp(22px,2.6vw,34px);border-radius:999px;border:2px solid var(--white);box-shadow:0 14px 40px rgba(255,255,255,.14),0 0 0 6px rgba(255,255,255,.06);transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap;min-height:56px}.cta .tri{width:0;height:0;border-left:14px solid var(--laser);border-top:9px solid transparent;border-bottom:9px solid transparent;transform:translateX(2px)}.cta:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(255,255,255,.2),0 0 0 8px rgba(255,255,255,.08)}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:3px solid var(--laser);outline-offset:5px}.after-click{color:var(--grey);font-size:clamp(.92rem,.88rem+.25vw,1.05rem);max-width:46ch;text-wrap:pretty}.after-click strong{color:var(--white);font-weight:600}.after-click .k{display:inline-block;font-family:var(--head);font-weight:700;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--laser);margin-bottom:6px}.compare{padding:clamp(48px,8vh,96px) 0 clamp(40px,6vh,72px);border-top:1px solid var(--tile-edge)}.compare h2{font-family:var(--head);font-weight:700;font-size:clamp(1.3rem,1rem+1.6vw,2.2rem);line-height:1.15;letter-spacing:-.005em;max-width:22ch;text-wrap:balance}.compare .lead{margin-top:12px;color:var(--grey);max-width:60ch;text-wrap:pretty}.panels{margin-top:clamp(22px,4vh,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,24px)}.panel{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--tile-edge);padding:clamp(18px,2.6vw,30px);display:grid;grid-template-rows:auto auto 1fr;gap:14px;transform:translateY(18px);opacity:0;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s ease}.panel.in{transform:none;opacity:1}.panel.before{background:var(--tile);color:var(--white)}.panel.after{background:var(--white);color:var(--black);border-color:var(--white);transition-delay:.12s}.panel .label{font-family:var(--head);font-weight:700;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.panel.before .label{color:var(--grey)}.panel.after .label{color:var(--laser)}.panel .label::before{content:"";width:22px;height:2px;background:currentColor;display:block}.panel h3{font-family:var(--head);font-weight:700;font-size:clamp(1.05rem,0.95rem+.7vw,1.5rem);line-height:1.2}.panel p{max-width:42ch;text-wrap:pretty}.panel.before p{color:var(--grey)}.panel.after p{color:#3A3A3A}.panel .scene{margin-top:6px;border-radius:14px;overflow:hidden;aspect-ratio:16/8;align-self:end}.panel.before .scene{background:#0B0B0B;border:1px solid var(--tile-edge)}.panel.after .scene{background:#F2F2F2}.panel .scene svg{display:block;width:100%;height:100%}.cta-2{margin-top:clamp(24px,4vh,40px);display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}.cta-2 .note{color:var(--grey);font-size:.95rem}footer{border-top:1px solid var(--tile-edge);padding:22px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--dim);font-size:.85rem;letter-spacing:.06em}footer .fm{font-family:var(--head);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}@media(max-width:900px){.band{grid-template-columns:1fr;gap:14px}.brand .word{font-size:1.05rem}.tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding:6px 2px;margin:0 -2px}.tiles::-webkit-scrollbar{display:none}.tile{flex:0 0 min(72vw,300px);aspect-ratio:3/2;scroll-snap-align:start;opacity:.75}.tile.on{opacity:1}.sprockets{padding:0 4px}.sprockets i:nth-child(n+11){display:none}.cta-row{grid-template-columns:1fr;gap:12px}.cta{width:100%;justify-content:center}.panels{grid-template-columns:1fr}}@media(max-height:700px) and (max-width:900px){.tile{flex-basis:min(60vw,240px)}.sub{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile,.panel,.cta{transition:none}.tile{opacity:1}.panel{transform:none;opacity:1}}html,body{max-width:100%;overflow-x:clip}