:root{--gold: #ffc107;--gold-soft: rgba(255, 193, 7, .18);--red: #e63946;--foam: #fff8e7;--muted: #c9c3b7;--line: rgba(255, 193, 7, .18);--card: rgba(18, 18, 18, .78);--shadow: 0 34px 90px rgba(0, 0, 0, .58);--max: 1180px;--display: "Bangers", Impact, sans-serif;--head: "Outfit", system-ui, sans-serif;--body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{max-width:100%}body{margin:0;color:var(--foam);font-family:var(--body);line-height:1.72;background:radial-gradient(circle at 20% 0,rgba(255,193,7,.16),transparent 28rem),radial-gradient(circle at 86% 16%,rgba(230,57,70,.14),transparent 28rem),linear-gradient(180deg,#050505,#111 46%,#050505);overflow-x:hidden}body::selection{color:#000;background:var(--gold)}a{color:inherit}figure{margin:0}img{display:block;width:100%;height:auto;object-fit:contain}.bubbles{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:54px 54px}.bubbles span{position:absolute;bottom:-80px;border-radius:50%;background:#ffffff29;box-shadow:inset 0 0 10px #ffffff1f;animation:bubbleRise linear infinite}.bubbles span[data-gold=true]{background:#ffc10738;box-shadow:0 0 18px #ffc10724}.foam{position:fixed;inset:0 0 auto;height:180px;z-index:-1;pointer-events:none;opacity:.22;background:radial-gradient(circle at 8% 0,#fff 0 26px,transparent 27px),radial-gradient(circle at 22% 3%,#fff 0 44px,transparent 45px),radial-gradient(circle at 42% 0,#fff 0 32px,transparent 33px),radial-gradient(circle at 68% 2%,#fff 0 52px,transparent 53px),radial-gradient(circle at 86% 0,#fff 0 36px,transparent 37px);filter:blur(1px)}.hero,.section{width:min(var(--max),calc(100% - 40px));margin:0 auto}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pill-link,.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}.pill-link,.btn.secondary{color:var(--gold);background:#ffffff0a}.pill-link:before{content:"<";margin-right:.7rem}.pill-link.solid:before{content:"";margin:0}.pill-link.solid,.btn.primary{color:#050505;background:var(--gold);box-shadow:0 18px 54px #ffc10733}.pill-link:hover,.btn:hover{transform:translateY(-3px)}.pill-link.solid:hover,.btn.primary:hover{background:#fff;box-shadow:0 0 0 6px #ffc10724,0 22px 66px #ffc1073d}.pill-link:active,.btn:active{transform:translateY(0) scale(.98)}.hero-grid{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(2rem,5vw,4rem) 0}.brand-mark{width:min(230px,62vw);margin:1.2rem 0 1.25rem;filter:drop-shadow(0 22px 34px rgba(255,193,7,.18));transform-origin:50% 70%;transition:transform .35s ease}.brand-mark:hover{transform:rotate(-4deg) scale(1.04)}.eyebrow{margin:0 0 1rem;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{max-width:840px;color:var(--gold);font-family:var(--display);font-size:clamp(4rem,9vw,7.4rem);line-height:.85;letter-spacing:.06em;text-shadow:6px 6px 0 rgba(230,57,70,.32)}h2{max-width:880px;color:#fff;font-family:var(--head);font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.05;font-weight:900}.hero-subtitle{max-width:720px;color:#fff;font-size:clamp(1.55rem,3vw,2.8rem);line-height:1.08}.lead,.section-head p,.split p,.final-card p{color:var(--muted);font-size:clamp(1rem,1.2vw,1.15rem)}.lead{max-width:760px;margin:1.4rem 0 0;color:#e5dccb;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-stage{position:relative;display:grid;gap:1rem;align-content:center}.product-card,.image-frame,.board-frame,.gallery figure,.video-box,.final-card,.insight-card,.research-grid article,.mechanics-grid article,.spec-list article,.tool-grid article,.testing-timeline article{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.research-grid article,.mechanics-grid article,.spec-list article,.tool-grid article,.testing-timeline article{position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease}.research-grid article:after,.mechanics-grid article:after,.spec-list article:after,.tool-grid article:after,.testing-timeline article:after{content:"";position:absolute;inset:-35% auto auto -45%;width:54%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg) translate(-140%);transition:transform .65s ease;pointer-events:none}.research-grid article:hover,.mechanics-grid article:hover,.spec-list article:hover,.tool-grid article:hover,.testing-timeline article:hover{transform:translateY(-8px);border-color:#ffc1078c;background:#1c170ce6;box-shadow:0 24px 70px #ffc10724,var(--shadow)}.research-grid article:hover:after,.mechanics-grid article:hover:after,.spec-list article:hover:after,.tool-grid article:hover:after,.testing-timeline article:hover:after{transform:rotate(18deg) translate(280%)}.research-grid article:active,.mechanics-grid article:active,.spec-list article:active,.tool-grid article:active,.testing-timeline article:active{transform:scale(.985)}.product-card{border-radius:32px;padding:.85rem;overflow:hidden}.main-card{position:relative;background:linear-gradient(145deg,#fffffff5,#ffc10738);transform:rotate(-2deg);animation:floatOne 7s ease-in-out infinite}.floating-card{position:relative;width:min(78%,390px);justify-self:end;transform:rotate(2.5deg);animation:floatTwo 8s ease-in-out infinite}.product-card img,.image-frame img,.gallery img,.final-card img{border-radius:inherit}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-bottom:clamp(3rem,6vw,5rem)}.metric-strip article{min-height:126px;border:1px solid var(--line);border-radius:24px;padding:1rem;background:#ffffff0d}.metric-strip strong{display:block;color:var(--gold);font-family:var(--display);font-size:2.5rem;line-height:1;letter-spacing:.04em}.metric-strip span{color:var(--muted);font-weight:800}.section{padding:clamp(4rem,8vw,7rem) 0;border-top:1px solid rgba(255,255,255,.08)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.split.reverse{grid-template-columns:minmax(360px,.95fr) minmax(0,1fr)}.band,.dark-section{width:100%;max-width:none;padding-left:max(20px,calc((100% - var(--max)) / 2));padding-right:max(20px,calc((100% - var(--max)) / 2))}.band{background:radial-gradient(circle at 80% 8%,rgba(255,193,7,.15),transparent 24rem),#ffffff09}.dark-section{background:radial-gradient(circle at 20% 0,rgba(230,57,70,.18),transparent 26rem),#050505}.section-head{max-width:920px;margin-bottom:clamp(2rem,4vw,3rem)}.section-head.centered{text-align:center;margin-inline:auto}.section-head.centered h2{margin-inline:auto}.insight-card{border-radius:32px;padding:clamp(1.5rem,4vw,2.6rem);background:radial-gradient(circle at 20% 12%,rgba(255,193,7,.2),transparent 36%),#0e0e0ee0}.insight-card span,.research-grid span,.tool-grid span,.testing-timeline span{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.insight-card strong{display:block;margin-top:1rem;color:#fff;font-family:var(--head);font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.1}.check-list{display:grid;gap:.9rem;margin:1.8rem 0 0;padding:0;list-style:none}.check-list li{color:var(--muted);border-left:3px solid var(--gold);padding-left:1rem}.check-list strong{color:#fff}.research-grid,.mechanics-grid,.tool-grid,.testing-timeline,.spec-list,.gallery,.video-grid{display:grid;gap:1rem}.research-grid,.tool-grid,.mechanics-grid,.testing-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.research-grid article,.mechanics-grid article,.tool-grid article,.testing-timeline article,.spec-list article{border-radius:24px;padding:1rem}.research-grid article,.tool-grid article{min-height:220px}.research-grid strong,.mechanics-grid strong,.tool-grid strong,.testing-timeline strong,.spec-list strong{display:block;color:#fff;font-size:1.1rem;line-height:1.25}.research-grid p,.tool-grid p,.testing-timeline p,.spec-list span,.mechanics-grid span{margin:.75rem 0 0;color:var(--muted)}.image-frame,.board-frame,.gallery figure{border-radius:32px;padding:.7rem;overflow:hidden}.image-frame:hover,.gallery figure:hover,.board-frame:hover{border-color:#ffc1078c}.image-frame img,.gallery img,.board-frame img{transition:transform .55s ease,filter .55s ease}.image-frame:hover img,.gallery figure:hover img,.board-frame:hover img{transform:scale(1.025);filter:saturate(1.08) contrast(1.04)}.board-frame{background:#0b0b0b}.board-frame img{border-radius:24px}.gallery.two,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.two,.staggered{margin-top:1rem}.spec-list{margin-top:1.8rem}.testing-timeline article{position:relative;min-height:210px}.testing-timeline span{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#050505;background:var(--gold);letter-spacing:0}.video-box{position:relative;min-height:0;border-radius:32px;overflow:hidden;aspect-ratio:16 / 9}.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.final-section{padding-bottom:clamp(4rem,8vw,7rem)}.final-card{display:grid;grid-template-columns:minmax(160px,230px) 1fr;gap:clamp(1.35rem,3vw,2.4rem);align-items:center;border-radius:36px;padding:clamp(1.2rem,4vw,2.6rem);background:radial-gradient(circle at 12% 16%,rgba(255,193,7,.2),transparent 34%),#0e0e0ee6}.final-card img{border-radius:28px;width:min(210px,100%);max-height:230px;object-fit:contain;background:#111}.final-card h2{max-width:760px;font-size:clamp(2rem,4vw,3.35rem)}.reveal{opacity:0;transform:translateY(24px);filter:blur(8px);transition:opacity .75s ease,transform .75s ease,filter .75s ease}.reveal.in-view{opacity:1;transform:none;filter:none}.section-head.in-view h2,.hero-subtitle.in-view{animation:titleGlow 1.1s ease both}.mechanics-grid article.in-view,.testing-timeline article.in-view{animation:cardPulse .9s ease both}@keyframes bubbleRise{0%{transform:translateZ(0) scale(.75);opacity:0}20%{opacity:.8}to{transform:translate3d(22px,-122vh,0) scale(1.12);opacity:0}}@keyframes floatOne{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-.5deg) translateY(-18px)}}@keyframes floatTwo{0%,to{transform:rotate(2.5deg) translateY(0)}50%{transform:rotate(1deg) translateY(16px)}}@keyframes titleGlow{0%{text-shadow:0 0 0 rgba(255,193,7,0)}45%{text-shadow:0 0 28px rgba(255,193,7,.24)}to{text-shadow:0 0 0 rgba(255,193,7,0)}}@keyframes cardPulse{0%{box-shadow:var(--shadow)}45%{box-shadow:0 0 0 1px #ffc10759,0 24px 70px #ffc10726,var(--shadow)}to{box-shadow:var(--shadow)}}@media(max-width:980px){.hero-grid,.split,.split.reverse{grid-template-columns:1fr}.hero-stage{min-height:auto}.main-card,.floating-card{width:100%;transform:none;animation:none}.floating-card{justify-self:stretch}.metric-strip,.research-grid,.mechanics-grid,.tool-grid,.testing-timeline,.video-grid,.gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero,.section{width:min(var(--max),calc(100vw - 28px))}.nav{flex-direction:column;align-items:stretch;padding:.9rem 0}.pill-link,.btn{width:100%;padding-inline:14px;text-align:center}.hero-actions{flex-direction:column}h1{font-size:clamp(3.35rem,15vw,4.85rem);text-shadow:5px 5px 0 rgba(230,57,70,.32)}h2{font-size:clamp(1.9rem,8.5vw,2.8rem)}.hero-subtitle{font-size:clamp(1.45rem,7vw,2rem)}.lead,.section-head p,.split p,.final-card p{font-size:1rem}.metric-strip,.research-grid,.mechanics-grid,.tool-grid,.testing-timeline,.video-grid,.gallery.two,.final-card{grid-template-columns:1fr}.band,.dark-section{width:100%;max-width:none}.final-card{text-align:left;border-radius:26px}.final-card img{width:min(190px,70vw);margin:0 auto}.research-grid article.in-view:after,.mechanics-grid article.in-view:after,.spec-list article.in-view:after,.tool-grid article.in-view:after,.testing-timeline article.in-view:after{transform:rotate(18deg) translate(280%);transition-delay:.18s}.research-grid article,.mechanics-grid article,.spec-list article,.tool-grid article,.testing-timeline article{min-height:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}}html,body{height:auto!important;min-height:100%!important;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior-y:auto;touch-action:pan-y;scrollbar-gutter:stable}
