:root{--bg:#080b12;--bg2:#0d111b;--panel:#111722;--panel2:#161d2b;--line:rgba(196,211,234,.14);--white:#f5f6fa;--muted:#a0a9ba;--dim:#6e788b;--orange:#ff6c30;--orange-light:#ffa066;--purple:#965cf5;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Inter,Arial,sans-serif;--shell:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}::selection{background:var(--orange);color:#080b12}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffaf81;outline-offset:4px}.shell{width:min(calc(100% - 108px),var(--shell));margin-inline:auto}.orange{color:var(--orange)}.skip-link{position:fixed;z-index:500;top:-80px;left:20px;background:#fff;color:#111;padding:12px 18px}.skip-link:focus{top:12px}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(70px);opacity:.14}.ambient-a{width:500px;height:600px;background:#c13e12;top:1200px;left:-450px}.ambient-b{width:600px;height:600px;background:#562cbb;top:3100px;right:-500px}
/* NAVIGATION */
.site-header{height:78px;position:absolute;z-index:100;inset:0 0 auto;border-bottom:1px solid rgba(255,255,255,.13);transition:background .3s,box-shadow .3s;--header-text:#fff}.site-header.is-scrolled{position:fixed;background:rgba(7,10,17,.94);backdrop-filter:blur(18px);box-shadow:0 4px 40px #0008}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand-logo{display:block;height:38px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,108,48,.12))}.footer-brand .brand-logo{height:48px}.primary-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.primary-nav a{font:800 12px var(--body);letter-spacing:1px;color:#d5d5da;transition:color .2s;white-space:nowrap}.primary-nav a:hover,.primary-nav a.active{color:var(--orange)}.header-cta{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--orange);color:#fff;font-size:11px;font-weight:800;letter-spacing:.75px;white-space:nowrap;transition:background .25s}.header-cta:hover{background:var(--orange)}.header-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px 0;transition:transform .2s,opacity .2s}
/* HERO */
.hero{min-height:800px;height:min(850px,100svh);position:relative;isolation:isolate;display:flex;background:#0a0b12;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,#080a12 0%,rgba(8,10,18,.98) 13%,rgba(8,10,18,.82) 31%,rgba(8,10,18,.22) 72%,rgba(8,10,18,.05) 100%),linear-gradient(0deg,#080b12 0%,transparent 35%,rgba(5,8,15,.3) 100%),url('assets/main-menu-hero.webp');background-position:center,center,52% center;background-size:cover,cover,cover;transform:scale(1.01);animation:hero-zoom 12s ease-out both}@keyframes hero-zoom{from{transform:scale(1.08)}to{transform:scale(1.01)}}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 64% 55%,transparent 20%,rgba(8,11,18,.2) 75%)}.hero-grid{position:absolute;bottom:0;left:0;width:48%;height:36%;opacity:.09;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000)}.hero-content{padding-top:172px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.eyebrow,.kicker,.section-index,.small-label{font-size:11px;letter-spacing:2.1px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:12px;color:#d8dce4}.live-dot{width:7px;height:7px;display:inline-block;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #ff6c3024,0 0 14px #ff6c30c9;flex-shrink:0;animation:glow-dot 2.8s infinite}@keyframes glow-dot{50%{box-shadow:0 0 0 6px #ff6c3014,0 0 18px #ff6c30}}.eyebrow-rule{height:1px;width:32px;background:#ddd5;display:inline-block}.hero h1{font:900 clamp(88px,10vw,164px)/.82 var(--display);letter-spacing:-2.2px;margin:27px 0 28px;text-transform:uppercase;text-shadow:0 15px 35px #0006}.hero h1 em{font-style:normal;color:var(--orange);white-space:nowrap}.hero-lede{max-width:530px;color:#d2d6de;font-size:16px;line-height:1.8;margin:0 0 28px}.hero-lede strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{min-height:53px;border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:27px;padding:0 25px;font-size:12px;font-weight:800;letter-spacing:.5px;transition:transform .2s,background .2s,color .2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#101015}.btn-primary:hover{background:#ff955b}.btn-ghost{border-color:#ffffff4d;color:#fff;background:#111a26a1}.btn-ghost:hover{background:#ffffff25}.btn-ghost .mini-play{border:1px solid #fff7;border-radius:50%;font-size:9px;width:29px;height:29px;display:grid;place-items:center;padding-left:2px}.hero-bottom{margin-top:60px;padding:22px 0 25px;border-top:1px solid #ffffff40;display:flex;align-items:center;gap:54px}.hero-stat{display:flex;flex-direction:column;gap:3px}.hero-stat strong{font:900 36px/.9 var(--display);letter-spacing:.6px}.hero-stat strong small{font-size:17px;color:var(--orange)}.hero-stat>span{color:#9aa3af;font-size:10px;letter-spacing:1.2px;font-weight:800}.hero-bottom-message{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:2px;font-weight:800;color:#c5cbd4}.down-arrow{width:36px;height:36px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:20px}.vertical-label{position:absolute;right:24px;top:42%;writing-mode:vertical-rl;font-size:10px;font-weight:800;letter-spacing:2.6px;color:#d4d8e0ba}.hero-corner{position:absolute;bottom:118px;right:54px;font-size:9px;font-weight:800;letter-spacing:2px;color:#fff8}
/* GENERAL */
.marquee{overflow:hidden;border-block:1px solid #e8753a;background:#f67537;color:#111;white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 35s linear infinite}.marquee-track span{font:900 26px/1 var(--display);padding:13px 0;letter-spacing:1.2px}.marquee-track b{font-size:21px;padding:0 24px;color:#fff}@keyframes marquee-scroll{to{transform:translateX(-50%)}}.section{padding:116px 0;position:relative}.section-index{display:flex;justify-content:space-between;gap:25px;color:var(--dim);border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:68px}.section-index>span:first-child{color:var(--orange)}.section-index.no-border{border:0;margin:0 0 38px;padding:0}.kicker{color:var(--orange);margin:0 0 19px}.section-title{font:900 clamp(64px,7.4vw,106px)/.91 var(--display);letter-spacing:-.6px;margin:0;text-transform:uppercase}.section-title span{color:var(--orange)}.body-lede{font-size:20px;font-weight:700;line-height:1.55;color:#f1f3f7;max-width:580px}.muted-copy{font-size:14px;line-height:1.95;color:var(--muted);max-width:560px}.section-heading-row{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:48px}.heading-aside{max-width:302px;margin:0 0 7px;color:var(--muted);font-size:14px;line-height:1.85}.text-link{display:inline-flex;align-items:center;gap:24px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:1px;border-bottom:1px solid var(--orange);padding:12px 0;margin-top:18px}.text-link:hover{color:#fff}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateY(0)}
/* ABOUT */
.about-section{position:relative;background:linear-gradient(180deg,#0a0d15,#0c1019);overflow:hidden}.about-section::before{content:'';position:absolute;inset:0;background-image:url('assets/page2-flag-bg.jpg');background-size:cover;background-position:center;opacity:.4;mix-blend-mode:multiply;pointer-events:none;z-index:0}.about-section>*{position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:center}.about-copy .body-lede{margin-top:27px}.about-copy .muted-copy{margin-top:20px}.origin-art{position:relative;min-height:520px;background:transparent;overflow:visible;border:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.origin-art:before{position:absolute;content:"";z-index:0;inset:10% 6% 14%;background:radial-gradient(circle at 58% 44%,rgba(255,108,48,.24),transparent 34%),radial-gradient(circle at 52% 62%,rgba(255,255,255,.09),transparent 38%);filter:blur(18px)}.origin-art img{position:relative;z-index:1;width:118%;max-width:none;height:560px;object-fit:contain;object-position:58% center;filter:drop-shadow(0 22px 40px rgba(0,0,0,.28));transform:translateX(5%)}.origin-caption{position:absolute;z-index:2;left:22px;bottom:24px;right:auto;max-width:390px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(7,10,16,.82),rgba(7,10,16,.48));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 36px rgba(0,0,0,.25)}.origin-caption span{font-size:10px;letter-spacing:1.35px;font-weight:800;color:#ffb38d}.origin-caption strong{font:800 31px/.92 var(--display);letter-spacing:.35px;text-align:left}.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:78px}.pillar{padding:30px 24px 0 0;display:flex;gap:17px;min-height:120px;border-right:1px solid var(--line)}.pillar:last-child{border:0;padding-left:29px}.pillar:nth-child(2){padding-left:29px}.pillar-num{color:var(--orange);font:800 13px var(--display);white-space:nowrap}.pillar h3{font:800 22px var(--display);margin:0 0 9px}.pillar p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.pillar-icon{margin-left:auto;color:#5b6270;font-size:19px}
/* MATCH CONSOLE */
.gameplay-section{background:#090c15}.match-console{display:grid;grid-template-columns:1.55fr 1fr;border:1px solid #303b4d;background:#101724;box-shadow:0 22px 60px #0003}.console-visual{padding:24px 29px 22px;min-width:0}.console-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.console-top>div{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.console-chip{display:flex;align-items:center;gap:10px;color:#d8e0ed;font-size:9px;font-weight:800;letter-spacing:1.1px}.console-chip .live-dot{width:5px;height:5px}.console-id{font-size:9px;letter-spacing:1.2px;color:#778497}.console-count{font:900 28px var(--display);letter-spacing:2px}.console-count span{color:var(--orange);font-size:16px}.court{height:365px;position:relative;overflow:hidden;border:1px solid #384556;background:radial-gradient(ellipse at center,#1b2939 0%,#101923 68%,#0e1621 100%);isolation:isolate}.court:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 26px,#ffffff06 27px 28px),repeating-linear-gradient(90deg,transparent 0 26px,#ffffff06 27px 28px);pointer-events:none}.court-outline{position:absolute;inset:35px 50px;border:2px solid #9db3cd55}.court-half{position:absolute;top:35px;bottom:35px;left:50%;border-left:1px dashed #9db3cd65}.court-center{width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #ff713a65;border-radius:50%;box-shadow:0 0 0 19px #ff713a0e,0 0 40px #ff713a17}.court-cross{position:absolute;width:15px;height:15px;border:2px solid #ff712d77;transform:rotate(45deg)}.court-cross-one{left:16%;top:48%}.court-cross-two{right:16%;top:48%;border-color:#9d66ff77}.court-label{position:absolute;bottom:44px;font:700 11px var(--display);letter-spacing:1.3px;z-index:2}.court-label.left{left:12%;color:#ffab7e}.court-label.right{right:12%;color:#c1a1ff}.court-label b{margin-left:5px;color:#fff}.court-player{position:absolute;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--display);z-index:4;transition:top .6s,left .6s,right .6s,transform .6s;box-shadow:0 3px 12px #0008}.orange-player{background:#ff7133;border:2px solid #ffc4a3;color:#1b1010}.purple-player{background:#8253dc;border:2px solid #c4a9ff;color:#fff}.p1{top:20%;left:15%}.p2{top:39%;left:33%}.p3{top:63%;left:27%}.p4{top:73%;left:12%}.p5{top:19%;right:17%}.p6{top:41%;right:32%}.p7{top:63%;right:27%}.p8{top:75%;right:11%}.target-zone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;z-index:3;filter:drop-shadow(0 8px 18px rgba(250,118,46,.28))}.prox-platform,.prox-assembled,.proxe-piece{position:absolute;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}.prox-platform{width:54px;left:50%;bottom:18px;transform:translateX(-50%);opacity:0;transition:opacity .4s ease}.court[data-phase="1"] .prox-platform,.court[data-phase="2"] .prox-platform,.court[data-phase="3"] .prox-platform{opacity:.98}.prox-assembled{width:144px;left:50%;bottom:18px;transform:translateX(-50%) scale(1);transform-origin:center bottom;transition:transform .55s,opacity .35s}.proxe-piece{width:50px;opacity:0;transition:transform .55s,opacity .35s,filter .35s;filter:drop-shadow(0 6px 12px rgba(0,0,0,.32))}.proxe1{left:58px;top:14px;transform:translate(0,0) rotate(-10deg)}.proxe2{left:22px;top:74px;transform:translate(0,0) rotate(-20deg)}.proxe3{left:98px;top:74px;transform:translate(0,0) rotate(18deg)}.throw-trail{position:absolute;z-index:3;width:130px;height:2px;top:46%;left:30%;background:linear-gradient(90deg,transparent,#ff8b42);opacity:0;transform:rotate(-13deg);transition:opacity .3s}.court[data-phase="1"] .throw-trail{opacity:1;animation:throw-flash 1s ease infinite}.court[data-phase="1"] .prox-assembled,.court[data-phase="2"] .prox-assembled{opacity:0;transform:translateX(-50%) scale(.84) translateY(10px)}.court[data-phase="1"] .proxe-piece,.court[data-phase="2"] .proxe-piece{opacity:1}.court[data-phase="1"] .proxe1{transform:translate(22px,-22px) rotate(12deg)}.court[data-phase="1"] .proxe2{transform:translate(-22px,16px) rotate(-32deg)}.court[data-phase="1"] .proxe3{transform:translate(28px,12px) rotate(28deg)}.court[data-phase="2"] .proxe1{transform:translate(38px,-30px) rotate(18deg)}.court[data-phase="2"] .proxe2{transform:translate(-36px,22px) rotate(-42deg)}.court[data-phase="2"] .proxe3{transform:translate(40px,18px) rotate(36deg)}.court[data-phase="2"] .p2{left:44%;top:31%}.court[data-phase="2"] .p3{left:47%;top:69%}.court[data-phase="2"] .p6{right:40%;top:37%}.court[data-phase="2"] .p7{right:39%;top:56%}.court[data-phase="3"] .p2{left:43%;top:37%}.court[data-phase="3"] .p3{left:42%;top:63%}.court[data-phase="3"] .prox-assembled{opacity:1;animation:rebuild-assembled .8s ease both}.court[data-phase="3"] .proxe-piece{opacity:0}.court-bottom-tag{position:absolute;left:11px;bottom:10px;font-size:8px;letter-spacing:1.2px;color:#78879d;font-weight:800}.court-bottom-tag span{color:var(--orange);padding:0 7px}.console-legend{display:flex;flex-wrap:wrap;gap:23px;padding:21px 0 0;font-size:9px;font-weight:800;letter-spacing:1px;color:#95a2b4}.console-legend>span{display:flex;align-items:center;gap:9px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.orange-dot{background:var(--orange);box-shadow:0 0 10px #ff6c3066}.purple-dot{background:var(--purple);box-shadow:0 0 10px #965cf588}.console-explainer{border-left:1px solid #303b4d;background:linear-gradient(135deg,#171e2c,#111622);padding:30px 34px;display:flex;flex-direction:column;min-width:0}.console-explainer-header{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#a6b1bf}.console-explainer-header span:last-child{color:var(--orange)}.phase-navigation{display:flex;gap:8px;margin-top:30px}.phase-dot{height:4px;flex:1;border:0;background:#394251;padding:0;transition:background .2s}.phase-dot.active{background:var(--orange)}.phase-copy{margin:auto 0;padding:29px 0}.phase-eyebrow{font:800 11px var(--body);letter-spacing:1.6px;color:var(--orange)}.phase-copy h3{font:900 clamp(47px,4.2vw,68px)/.9 var(--display);letter-spacing:.2px;margin:20px 0}.phase-copy p{color:#acb5c4;line-height:1.85;font-size:14px;min-height:105px}.phase-controls{display:flex;gap:10px}.phase-controls button{border:1px solid #687181;color:#fff;background:transparent;min-height:49px;font-size:11px;font-weight:800;letter-spacing:.6px}.phase-prev{width:50px}.phase-prev:disabled{opacity:.3}.phase-next{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--orange)!important;border-color:var(--orange)!important;color:#101217!important}.phase-next:hover{background:#ffa46f!important}.console-note{font-size:10px;line-height:1.6;color:#768293;margin:18px 0 0}@keyframes throw-flash{0%,100%{filter:drop-shadow(0 0 3px #ff7b3b);opacity:.5}50%{filter:drop-shadow(0 0 13px #ff7b3b);opacity:1}}@keyframes rebuild{from{opacity:.6;transform:translateY(6px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}
/* EQUIPMENT */
.equipment-section{background:radial-gradient(ellipse at 50% 70%,#1d16231a,transparent 65%),#0d111a}.gear-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gear-card{background:#151b27;border:1px solid #2c3442;overflow:hidden}.gear-card-head{display:flex;justify-content:space-between;gap:15px;padding:20px 25px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#c9d1dc}.gear-card-head span:last-child{color:#737f91}.gear-art{height:295px;position:relative;overflow:hidden;display:grid;place-items:center}.thrower-art{background:radial-gradient(ellipse at center,#382c2e 0%,#141c2a 54%,#101824 90%)}.thrower-art:after,.proxes-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#151b27 0%,transparent 30%)}.thrower-svg{width:min(100%,530px);height:100%;filter:drop-shadow(0 25px 24px #0009);animation:thrower-hover 4s ease-in-out infinite}@keyframes thrower-hover{50%{transform:translateY(-10px) rotate(2deg)}}.proxes-art{background:radial-gradient(ellipse at 50% 75%,#46251c 0%,#1e1b28 40%,#111823 77%)}.platform-glow{position:absolute;width:340px;height:100px;bottom:28px;background:#fb62352d;filter:blur(30px);border-radius:50%}.proxes-illustration{position:relative;height:255px;width:330px;filter:drop-shadow(0 20px 18px #000a)}.illustration-proxe{position:absolute;width:106px;height:125px;clip-path:polygon(50% 0,95% 96%,5% 96%);background:linear-gradient(128deg,#ffc27e 1%,#f36e29 11%,#181820 15%,#0c121c 75%,#e55c2c 89%,#ffae64 100%);filter:drop-shadow(0 0 10px #ff772e)}.illustration-proxe:after{content:"";position:absolute;inset:10px 11px 7px;clip-path:polygon(50% 5%,93% 95%,7% 95%);border:0;background:linear-gradient(160deg,#ffad66,#ff632d 12%,#0d151f 17%,#0b131d 82%,#ff803c 87%,#ffca89);opacity:.95}.illustration-proxe.top{left:113px;top:13px}.illustration-proxe.bottom-left{left:56px;top:107px}.illustration-proxe.bottom-right{left:167px;top:107px}.sensor-base{position:absolute;bottom:4px;left:24px;width:288px;height:24px;background:linear-gradient(#ffad62 0 15%,#181d29 35%,#080e16 100%);border-radius:50%;box-shadow:0 0 25px #ff612e99,0 8px 15px #0008}.gear-card-foot{padding:24px 25px 27px;border-top:1px solid #303747;display:flex;justify-content:space-between;gap:25px}.gear-card-foot h3{font:900 36px/1 var(--display);margin:0 0 10px}.gear-card-foot p{max-width:400px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.gear-index{align-self:end;white-space:nowrap;color:#6e7d8e;font:700 13px var(--display)}
/* TEAMS */
.teams-section{background:#0b0e16}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.team-card{height:485px;position:relative;border:1px solid #ffffff24;overflow:hidden;background:#131926}.team-image{position:absolute;inset:0;background-image:url('assets/arena.webp');background-size:auto 100%;background-repeat:no-repeat;opacity:.8;transition:transform .6s}.team-attack .team-image{background-position:22% center;filter:saturate(1.1)}.team-defend .team-image{background-position:78% center;filter:hue-rotate(11deg) saturate(1.1)}.team-card:hover .team-image{transform:scale(1.05)}.team-card-overlay{position:absolute;inset:0;padding:25px 28px 27px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#0b101c 0%,#0b101ce0 22%,transparent 65%),linear-gradient(180deg,#0b101cb4,transparent 25%)}.team-defend .team-card-overlay{background:linear-gradient(0deg,#100e20 0%,#100e20e8 22%,transparent 65%),linear-gradient(180deg,#160d29bf,transparent 25%)}.team-topline{display:flex;justify-content:space-between;color:#eee;font-size:10px;font-weight:800;letter-spacing:1.4px}.team-topline span{display:flex;gap:9px;align-items:center}.team-tag{font-size:10px;letter-spacing:1.9px;font-weight:800;color:#ffa66f}.team-defend .team-tag{color:#bba0ff}.team-body h3{font:900 clamp(70px,8vw,116px)/.82 var(--display);letter-spacing:-1px;margin:13px 0}.team-attack h3 span{color:var(--orange)}.team-defend h3 span{color:var(--purple)}.team-body p{max-width:420px;color:#c5cbd6;font-size:13px;line-height:1.75}.team-bottom{margin-top:25px;padding-top:19px;border-top:1px solid #ffffff58;display:flex;justify-content:space-between;color:#e6e8ee;font-size:10px;font-weight:800;letter-spacing:1.4px}.team-bottom span{font-size:17px}.team-note{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:24px 0 0;font-size:12px;color:#8e9aab;line-height:1.5}.team-note>span{color:var(--orange);font-size:21px}.team-note strong{color:#dbe0e7}
/* EVENTS */
.events-section{background:#0d111a}.events-filter{display:flex;gap:9px;margin:0 0 28px;flex-wrap:wrap}.filter-btn{border:1px solid #3c4758;background:transparent;color:#aab3c1;padding:13px 21px;letter-spacing:1px;font-size:10px;font-weight:800;transition:background .2s}.filter-btn:hover{border-color:var(--orange);color:#fff}.filter-btn.active{background:var(--orange);border-color:var(--orange);color:#17120f}.events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.event-card{border:1px solid #2c3441;background:#151b27;min-height:392px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.event-card:hover{border-color:#ff6c3088}.event-card[hidden]{display:none!important}.event-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 17px;font-size:9px;font-weight:800;letter-spacing:.9px;color:#a9b4c4}.event-status{border:1px solid #4d596b;padding:7px 8px;font-size:8px;color:#ffb085;white-space:nowrap}.event-visual{height:115px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font:900 130px/.8 var(--display);color:#ffffff13;letter-spacing:-7px;isolation:isolate}.event-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,#ffffff08 23px 24px);z-index:-1}.event-visual-one{background:linear-gradient(125deg,#442019,#1d1b25)}.event-visual-two{background:linear-gradient(125deg,#2a2641,#1a1d29)}.event-visual-three{background:linear-gradient(125deg,#492818,#1a2331)}.event-visual-four{background:linear-gradient(125deg,#251b42,#212a35)}.event-info{padding:22px 20px 25px;display:flex;flex:1;flex-direction:column}.event-type{font-size:10px;letter-spacing:1.2px;color:var(--orange);font-weight:800}.event-info h3{font:900 36px/.95 var(--display);margin:14px 0}.event-info p{font-size:12px;line-height:1.75;color:#aab3bf;margin:0 0 18px}.event-location{margin-top:auto;color:#75849a;font-size:9px;font-weight:800;letter-spacing:.9px}.events-cta{margin-top:25px;padding:29px 31px;border:1px solid #454c5c;background:linear-gradient(95deg,#1d2330,#151a26);display:flex;align-items:center;justify-content:space-between;gap:20px}.small-label{color:var(--orange)}.events-cta h3{font:900 32px var(--display);margin:6px 0 0}.btn-outline{background:transparent;border-color:#ff743e;color:#fff}.btn-outline:hover{background:#ff743e1d}
/* ECOSYSTEM */
.ecosystem-section{overflow:hidden;background:radial-gradient(ellipse at 74% 53%,#2d1c47 0%,#131827 37%,#0a0f19 65%)}.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.ecosystem-copy{padding:30px 0}.ecosystem-copy .body-lede{margin:32px 0 18px}.app-points{display:grid;gap:17px;margin:34px 0}.app-points span{display:flex;align-items:center;gap:20px;color:#edf0f5;font-size:11px;font-weight:800;letter-spacing:1px}.app-points b{font:800 17px var(--display);color:var(--orange)}.micro-disclaimer{max-width:450px;color:#6d7990;font-size:11px;line-height:1.7}.phone-stage{min-height:595px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;gap:22px}.phone-halo{position:absolute;width:470px;height:470px;border:1px solid #ff6c3048;border-radius:50%;box-shadow:0 0 0 70px #ff6c3007,0 0 0 140px #ff6c3005;top:32px}.phone-halo:after{content:"";position:absolute;inset:50px;border:1px dashed #ec6c3b35;border-radius:50%}.phone-frame{width:280px;height:530px;border-radius:34px;border:6px solid #333b4c;background:#0a0c12;padding:11px 9px;box-shadow:0 30px 90px #000a,0 0 70px #f160332b;position:relative;transform:rotate(6deg)}.phone-speaker{position:absolute;z-index:2;top:9px;left:50%;transform:translateX(-50%);width:74px;height:14px;background:#080a10;border-radius:0 0 12px 12px}.phone-screen{height:100%;width:100%;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#171f31,#0b101c);display:flex;flex-direction:column}.phone-header{height:54px;display:flex;justify-content:space-between;align-items:center;padding:13px 15px 5px;font:900 25px var(--display)}.phone-header>span>span{color:var(--orange)}.phone-header .phone-demo{font:700 8px var(--body);color:#8190a6;letter-spacing:.8px}.phone-hamburger{font:600 21px var(--body);color:#acb4c6}.phone-content{padding:12px 16px;flex:1;overflow:hidden}.phone-section-label{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#ff995c}.phone-content h3{font:900 36px/.92 var(--display);margin:9px 0 14px}.player-showcase{height:179px;position:relative;overflow:hidden;border:1px solid #413849;background:radial-gradient(circle at 55% 40%,#583d46,#181c2b 70%)}.player-showcase:after{content:"DEMO ATHLETE";font:800 9px var(--body);letter-spacing:1px;color:#fff;position:absolute;bottom:9px;left:10px;text-shadow:0 2px 4px #000}.player-showcase img{width:100%;height:100%;object-fit:cover;object-position:17% 5%;mix-blend-mode:luminosity;opacity:.88}.player-showcase .player-level{position:absolute;right:8px;top:9px;color:#ff955c;font:900 13px var(--display);background:#0b0d16b3;padding:5px}.xp-label{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1px;margin-top:18px}.xp-label span:last-child{color:var(--orange)}.xp-bar{height:6px;background:#323d4c;margin:8px 0 17px}.xp-bar span{display:block;width:68%;height:100%;background:linear-gradient(90deg,#ff6c30,#ffd08a)}.phone-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.phone-metrics>div{background:#20293a;padding:12px}.phone-metrics strong{font:900 27px var(--display);display:block}.phone-metrics span{font-size:8px;letter-spacing:.6px;color:#96a5ba}.phone-subcopy{font-size:10px;line-height:1.7;color:#8f9db0}.phone-list-card{display:flex;align-items:center;gap:11px;padding:15px 10px;background:#20283a;border:1px solid #354050;margin:10px 0}.phone-list-icon{width:35px;height:35px;display:grid;place-items:center;background:#e96a33;color:#160d0b;border-radius:4px;font-size:18px}.phone-list-icon.purple{background:#9062e7}.phone-list-card strong{display:block;font-size:11px}.phone-list-card small{display:block;font-size:9px;color:#8c9aad;margin-top:4px}.phone-list-card .right-arrow{margin-left:auto;font-size:16px;color:var(--orange)}.phone-screen-badge{display:inline-flex;padding:7px 9px;background:#ff6c3022;border:1px solid #ff6c3066;color:#ffaa77;font-size:9px;font-weight:800;margin-top:7px}.phone-nav{display:flex;border-top:1px solid #394458;padding:10px 7px;background:#101522}.phone-tab{flex:1;background:transparent;border:0;color:#8995aa;font-size:8px;letter-spacing:.3px;font-weight:800;display:grid;gap:4px;justify-items:center}.phone-tab span{font-size:19px}.phone-tab.active{color:var(--orange)}.phone-label{font:800 11px var(--body);letter-spacing:2px;color:#e5e8ee}.phone-label span{color:var(--orange)}
/* SPONSORSHIP */
.partners-section{background:#0b0f18}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.sponsor-card{background:#151b26;border:1px solid #3c4453;padding:26px 26px 24px;display:flex;flex-direction:column;min-height:510px;transition:transform .25s,border-color .25s}.sponsor-card:hover{transform:translateY(-5px);border-color:var(--orange)}.sponsor-featured{border-color:var(--orange);background:linear-gradient(180deg,#3b211d 0%,#221c25 28%,#171b27 100%)}.sponsor-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a2acbd;font-size:10px;font-weight:800;letter-spacing:1.2px}.sponsor-badge{color:#151115;background:var(--orange);padding:7px 10px;font-size:9px}.sponsor-icon{color:var(--orange);font-size:20px}.sponsor-card h3{font:900 60px/.91 var(--display);margin:37px 0 24px}.sponsor-price{font:900 38px var(--display);color:var(--orange);display:flex;align-items:center;justify-content:space-between;gap:8px}.sponsor-price span{font:800 9px var(--body);letter-spacing:.7px;color:#8792a2}.sponsor-rule{height:1px;background:#ffffff2c;margin:17px 0 8px}.sponsor-card ul{list-style:none;padding:0;margin:0 0 25px}.sponsor-card li{position:relative;padding:12px 0 12px 18px;font-size:12px;color:#bec5d1;border-bottom:1px solid #ffffff11}.sponsor-card li:before{content:'+';position:absolute;left:0;color:var(--orange);font-size:15px;font-weight:800}.sponsor-button{margin-top:auto;padding:17px 16px;background:transparent;border:1px solid #687286;color:#fff;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.7px;font-weight:800;transition:background .2s}.sponsor-featured .sponsor-button{background:var(--orange);color:#181315;border-color:var(--orange)}.sponsor-button:hover{background:var(--orange);color:#161319;border-color:var(--orange)}.sponsor-note{color:#8290a2;font-size:11px;line-height:1.8;text-align:center;margin:24px auto 0;max-width:800px}
/* CLOSING / FOOTER */
.closing-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#f16a2a,#ff8b41);color:#151314;min-height:475px;display:flex;align-items:center}.closing-grid{position:absolute;inset:0;background-image:linear-gradient(#1b182011 1px,transparent 1px),linear-gradient(90deg,#1b182011 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000 80%)}.closing-content{padding:65px 0;position:relative;z-index:1}.closing-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}.closing-content h2{font:900 clamp(88px,11vw,160px)/.81 var(--display);margin:18px 0 16px;letter-spacing:-1px}.closing-content h2 em{font-style:normal;color:#fff}.closing-content p{font-size:16px;font-weight:700;margin:0 0 30px}.btn-black{background:#111621;color:#fff}.btn-black:hover{background:#303a49}.closing-symbol{position:absolute;right:8px;top:0;font:900 540px/.8 var(--display);color:#ffffff14;pointer-events:none}.site-footer{background:#070a10;padding:60px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:64px}.footer-brand .brand-logo{height:52px}.footer-top p{color:#8591a4;font-size:11px;line-height:2;letter-spacing:1px;margin:20px 0}.footer-links{display:flex;gap:90px}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links span{color:var(--orange);font-size:10px;letter-spacing:1.3px;font-weight:800;margin-bottom:9px}.footer-links a{color:#b2bbc8;font-size:11px;font-weight:800;letter-spacing:.6px}.footer-links a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:24px;color:#6b7688;font-size:9px;font-weight:800;letter-spacing:.4px}.footer-bottom a{color:#d1d7e0;white-space:nowrap}
/* DIALOG / TOAST */
.partner-dialog{border:1px solid #465163;background:#111824;color:#f5f6fa;max-width:550px;width:calc(100% - 32px);max-height:calc(100dvh - 30px);padding:0;box-shadow:0 25px 110px #000c}.partner-dialog::backdrop{background:#03050be8;backdrop-filter:blur(6px)}.dialog-inner{padding:34px 38px 36px;position:relative}.dialog-close{position:absolute;right:18px;top:15px;width:36px;height:36px;background:#222b38;border:1px solid #4b5565;color:#fff;font-size:23px}.dialog-inner h2{font:900 62px/.87 var(--display);margin:11px 0 17px}.dialog-inner h2 span{color:var(--orange)}.dialog-intro{color:#a8b1bf;font-size:12px;line-height:1.7;margin-bottom:22px}.dialog-inner form{display:grid;gap:14px}.dialog-inner label{display:grid;gap:7px;color:#aab7c8;font-size:9px;font-weight:800;letter-spacing:1px}.dialog-inner input,.dialog-inner select,.dialog-inner textarea{color:#fff;background:#0a101b;border:1px solid #3b4658;padding:12px 13px;outline:none;min-width:0;font-size:13px;border-radius:0}.dialog-inner input:focus,.dialog-inner select:focus,.dialog-inner textarea:focus{border-color:var(--orange)}.dialog-inner textarea{resize:vertical}.dialog-buttons{display:flex;gap:8px}.dialog-buttons .btn{flex:1;min-height:47px;font-size:10px;padding:0 8px;gap:10px}.form-note{font-size:10px;line-height:1.6;color:#8b96a6;margin:0}.form-feedback{margin:0;color:#ffab7d;font-size:11px;min-height:15px}.toast{position:fixed;z-index:300;bottom:28px;left:50%;transform:translate(-50%,30px);background:#fff;color:#111823;padding:14px 23px;font-size:12px;font-weight:800;box-shadow:0 15px 50px #0008;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:calc(100vw - 25px)}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* BREAKPOINTS */
@media(max-width:1180px){.shell{width:min(calc(100% - 72px),var(--shell))}.primary-nav{gap:17px}.primary-nav a{font-size:10px}.header-cta{padding:12px;gap:8px}.hero h1{font-size:clamp(80px,11.2vw,134px)}.hero-photo{background-position:center,center,62% center}.events-grid{grid-template-columns:repeat(2,1fr)}.event-card{min-height:345px}.event-visual{height:90px}.sponsor-card{padding:22px}.sponsor-card h3{font-size:52px}.console-explainer{padding:27px}.phase-copy h3{font-size:53px}}
@media(max-width:860px){.site-header{height:70px}.header-inner{gap:12px}.brand-logo{height:33px}.menu-toggle{display:block;order:3}.primary-nav{position:absolute;top:70px;left:0;right:0;background:#0b101af7;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 36px 22px;border-bottom:1px solid #3e4555;box-shadow:0 20px 30px #0009;visibility:hidden;opacity:0;transform:translateY(-9px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.primary-nav.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.primary-nav a{font-size:12px;padding:13px 0;border-bottom:1px solid #ffffff14}.header-cta{margin-left:auto}.hero{min-height:730px;height:auto}.hero-content{padding-top:165px}.hero h1{font-size:clamp(77px,12.5vw,115px)}.hero-photo{background-image:linear-gradient(90deg,#080a12 0%,rgba(8,10,18,.86) 26%,rgba(8,10,18,.28) 100%),linear-gradient(0deg,#080b12 0%,transparent 48%),url('assets/main-menu-hero.webp');background-position:center,center,52% center}.hero-bottom-message{display:none}.hero-bottom{gap:35px}.about-grid{grid-template-columns:1fr;gap:38px}.about-copy .muted-copy{max-width:730px}.origin-art{min-height:430px}.origin-art img{width:114%;height:430px;object-fit:contain;object-position:56% center;transform:translateX(3%)}.pillars{margin-top:45px}.pillar{gap:10px}.pillar-icon{display:none}.match-console{grid-template-columns:1fr}.console-explainer{border-left:0;border-top:1px solid #303b4d}.phase-copy{padding:24px 0;margin:0}.phase-copy p{min-height:0}.console-note{margin-top:17px}.phase-copy h3{font-size:55px}.gear-grid,.team-grid{grid-template-columns:1fr}.team-card{height:420px}.team-image{background-size:cover}.team-attack .team-image{background-position:30% 46%}.team-defend .team-image{background-position:70% 42%}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-copy{padding:0}.phone-stage{min-height:590px;margin-top:20px}.sponsor-grid{grid-template-columns:1fr 1fr}.sponsor-grid .sponsor-card:last-child{grid-column:1/-1}.sponsor-card{min-height:0}.footer-bottom{flex-wrap:wrap}.vertical-label{display:none}}
@media(max-width:580px){.shell{width:calc(100% - 38px)}.site-header{height:66px}.brand-logo{height:30px}.header-cta{padding:11px;font-size:9px}.header-cta svg{width:13px}.header-cta span{display:none}.primary-nav{top:66px;padding:10px 19px 20px}.hero{min-height:730px}.hero-content{padding-top:162px}.hero h1{font-size:clamp(60px,13.9vw,89px);letter-spacing:-.7px;margin:26px 0}.hero h1 em{white-space:normal}.hero-copy{padding-right:10px}.hero-lede{font-size:13px;line-height:1.75;max-width:410px}.hero-photo{background-image:linear-gradient(90deg,#080a12eb 0%,#080a12a8 45%,#080a1261 100%),linear-gradient(0deg,#080b12 0%,transparent 72%),url('assets/main-menu-hero.webp');background-position:center,center,56% center}.eyebrow{font-size:9px;letter-spacing:1.1px}.eyebrow-rule{display:none}.btn{font-size:10px;min-height:48px;padding:0 16px;gap:16px}.hero-actions{gap:9px}.hero-bottom{gap:23px;padding-bottom:26px}.hero-stat strong{font-size:27px}.hero-stat>span{font-size:8px;letter-spacing:.4px}.hero-corner{display:none}.marquee-track span{font-size:20px;padding:11px 0}.marquee-track b{padding:0 14px}.section{padding:73px 0}.section-index{margin-bottom:44px;font-size:9px;letter-spacing:1.2px}.section-index>span:last-child{text-align:right}.kicker{font-size:10px;letter-spacing:1.6px}.section-title{font-size:clamp(58px,12.5vw,83px)}.section-heading-row{display:block;margin-bottom:32px}.heading-aside{margin-top:20px}.body-lede{font-size:17px}.muted-copy{font-size:13px}.origin-art{min-height:360px}.origin-art img{width:112%;height:360px;object-fit:contain;object-position:54% center;transform:translateX(1%)}.origin-caption{left:14px;right:14px;bottom:14px;max-width:none;padding:14px 14px 13px;border-radius:16px}.origin-caption strong{font-size:24px}.pillars{display:block}.pillar,.pillar:nth-child(2),.pillar:last-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.pillar-icon{display:block}.console-visual{padding:16px 13px}.console-top{gap:12px}.console-top>div{gap:8px}.console-id{display:none}.console-count{font-size:23px}.court{height:277px}.court-outline{inset:25px 19px}.court-half{top:25px;bottom:25px}.court-label{bottom:33px;font-size:8px}.court-label.left{left:8%}.court-label.right{right:8%}.court-player{width:24px;height:24px;font-size:9px}.court-center{width:105px;height:105px}.target-zone{transform:translate(-50%,-50%) scale(.75)}.console-legend{gap:13px;font-size:8px;padding-top:16px}.console-explainer{padding:23px 20px}.phase-copy h3{font-size:52px}.phase-copy p{font-size:13px}.gear-art{height:245px}.gear-card-foot{padding:21px}.gear-card-foot h3{font-size:31px}.gear-card-head{padding:16px 20px;font-size:9px}.proxes-illustration{transform:scale(.86)}.team-card{height:430px}.team-card-overlay{padding:20px}.team-body h3{font-size:77px}.team-body p{font-size:12px}.team-note{align-items:flex-start;font-size:11px}.events-grid{grid-template-columns:1fr}.event-card{min-height:330px}.event-visual{height:76px;font-size:102px}.events-cta{align-items:stretch;flex-direction:column;padding:24px}.events-cta .btn{align-self:flex-start}.phone-stage{min-height:590px}.phone-frame{transform:rotate(4deg)}.sponsor-grid{grid-template-columns:1fr}.sponsor-grid .sponsor-card:last-child{grid-column:auto}.sponsor-card h3{font-size:57px}.sponsor-card{padding:24px}.closing-section{min-height:390px}.closing-content h2{font-size:clamp(75px,15vw,112px)}.closing-content p{font-size:13px}.closing-symbol{font-size:330px;right:-20px;top:40px}.footer-top{flex-direction:column;gap:30px;padding-bottom:40px}.footer-links{gap:55px}.footer-bottom{line-height:1.8;display:flex;flex-direction:column;gap:9px}.dialog-inner{padding:24px 19px}.dialog-inner h2{font-size:50px}.dialog-buttons{flex-direction:column}.partner-dialog{max-height:95dvh}.dialog-inner form{gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
/* Cross-browser layout containment */
.hero-content{flex:0 0 auto}
.ambient{position:fixed}
.about-grid>* ,.ecosystem-grid>*,.sponsor-grid>*,.gear-grid>*,.team-grid>*{min-width:0}
@media(max-width:580px){.sponsor-grid{grid-template-columns:minmax(0,1fr)}.sponsor-card{width:100%;min-width:0}.origin-caption{gap:7px}.origin-caption strong{text-align:left;font-size:24px}.phone-halo{width:360px;height:360px;top:75px}.hero-content{width:calc(100% - 38px)}.hero-copy{padding-right:0}}
@media(max-width:580px){.about-copy .section-title{font-size:clamp(48px,11.8vw,76px)}.sponsor-card h3{font-size:clamp(48px,12.2vw,57px)}}
/* Keep display headlines within cards across fallback and web fonts */
.about-copy .section-title{font-size:clamp(62px,6vw,84px)}
.team-body h3{font-size:clamp(58px,6vw,84px)}
@media(max-width:580px){.about-copy .section-title{font-size:clamp(48px,11.8vw,64px)}.team-body h3{font-size:clamp(46px,12.2vw,60px)}}


/* Origin product: subtle floating idle motion. The caption stays fixed. */
.origin-art img{animation:s4sar-origin-idle 6.8s ease-in-out infinite;will-change:transform;transform-origin:54% 52%}
.origin-art:before{animation:s4sar-origin-aura 6.8s ease-in-out infinite;transform-origin:center}
@keyframes s4sar-origin-idle{
  0%,100%{transform:translate3d(5%,4px,0) rotate(-1.2deg)}
  50%{transform:translate3d(5%,-13px,0) rotate(1.1deg)}
}
@keyframes s4sar-origin-aura{
  0%,100%{opacity:.72;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.055)}
}
@media(max-width:860px){
  @keyframes s4sar-origin-idle{
    0%,100%{transform:translate3d(3%,3px,0) rotate(-1deg)}
    50%{transform:translate3d(3%,-10px,0) rotate(.9deg)}
  }
}
@media(max-width:580px){
  @keyframes s4sar-origin-idle{
    0%,100%{transform:translate3d(1%,3px,0) rotate(-.7deg)}
    50%{transform:translate3d(1%,-8px,0) rotate(.7deg)}
  }
}
@media(prefers-reduced-motion:reduce){
  .origin-art img,.origin-art:before{animation:none!important;will-change:auto}
  .origin-art img{transform:translateX(5%)}
}
@media(max-width:860px) and (prefers-reduced-motion:reduce){.origin-art img{transform:translateX(3%)}}
@media(max-width:580px) and (prefers-reduced-motion:reduce){.origin-art img{transform:translateX(1%)}}

/* FINAL HERO IMAGE OVERRIDE */
.hero-photo{background-image:linear-gradient(90deg,rgba(8,10,18,.95) 0%,rgba(8,10,18,.84) 28%,rgba(8,10,18,.18) 76%),linear-gradient(0deg,rgba(8,11,18,.82) 0%,transparent 38%,rgba(5,8,15,.24) 100%),url('assets/main-menu-hero.webp')!important;background-position:center,center,52% center!important;background-size:cover,cover,cover!important;z-index:-2;animation:none!important;transform:none!important}
@media(max-width:1180px){.hero-photo{background-position:center,center,54% center!important}}
@media(max-width:860px){.hero-photo{background-image:linear-gradient(90deg,#080a12 0%,rgba(8,10,18,.88) 24%,rgba(8,10,18,.30) 100%),linear-gradient(0deg,#080b12 0%,transparent 48%),url('assets/main-menu-hero.webp')!important;background-position:center,center,54% center!important}}
@media(max-width:580px){.hero-photo{background-image:linear-gradient(90deg,#080a12f0 0%,#080a12b6 44%,#080a1266 100%),linear-gradient(0deg,#080b12 0%,transparent 72%),url('assets/main-menu-hero.webp')!important;background-position:center,center,56% center!important}}


/* Hardware section — original equipment artwork and no external viewer dependencies */
.hardware-art{height:295px;isolation:isolate}
.hardware-art:after{z-index:0}
.hardware-viewer{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:#fff;display:grid;place-items:center;overflow:hidden;padding:0;z-index:1;cursor:pointer;touch-action:manipulation}
.hardware-viewer:focus-visible{outline:2px solid #ffb87c;outline-offset:-5px}
.hardware-object{position:relative;display:block;max-width:88%;max-height:85%;width:100%;height:82%;transform-origin:center;filter:drop-shadow(0 17px 15px #000a);will-change:transform}
.hardware-object>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.hardware-thrower-object{width:min(90%,500px);animation:hardware-hover 4.5s ease-in-out infinite}
.hardware-thrower.spinning .hardware-thrower-object{animation:hardware-click-spin 1.15s cubic-bezier(.25,.1,.2,1) both}
.hardware-proxes-object{width:min(87%,400px);height:88%;animation:hardware-hover 5s ease-in-out infinite}
.hardware-proxes-object>.hardware-glow{position:absolute;inset:0;opacity:0;filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 18px #ffc156);mix-blend-mode:screen;transition:opacity .35s ease}
.hardware-proxes.lights-on .hardware-glow{opacity:1}
.hardware-proxes.lights-on .hardware-proxes-object{filter:drop-shadow(0 16px 17px #0008) drop-shadow(0 0 14px #ffb54d55)}
.hardware-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.1em;font-weight:800;color:#f9cfaa;background:rgba(11,14,23,.76);border:1px solid #ffaf6952;padding:8px 12px;border-radius:20px;pointer-events:none;z-index:3}
.hardware-hint span{font-size:15px;vertical-align:-1px;padding-right:4px}
.hardware-proxes.lights-on .hardware-lights-label{border-color:#ffcb7d;color:#fff9e7;box-shadow:0 0 14px #ffc15e35}
@keyframes hardware-hover{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes hardware-click-spin{0%{transform:translateY(0) rotateY(0deg)}45%{transform:translateY(-12px) rotateY(180deg)}100%{transform:translateY(0) rotateY(360deg)}}
@media(max-width:580px){.hardware-art{height:245px}.hardware-hint{font-size:9px;bottom:9px}.hardware-object{height:85%}}
@media(prefers-reduced-motion:reduce){.hardware-thrower-object,.hardware-proxes-object{animation:none}.hardware-thrower.spinning .hardware-thrower-object{animation:none;transform:rotate(15deg)}}


/* PAGE 06 / USER-SUPPLIED APP HOME MOCKUP */
.s4sar-app-showcase{min-height:720px;gap:15px;isolation:isolate}
.s4sar-app-showcase .phone-halo{top:110px;z-index:-1;pointer-events:none}
.s4sar-app-mockup{width:min(330px,84%);height:auto;display:block;position:relative;z-index:1;filter:drop-shadow(0 28px 45px rgba(0,0,0,.72));transform:rotate(3deg);transition:transform .5s ease,filter .5s ease}
.s4sar-app-mockup:hover{transform:rotate(0deg) translateY(-7px);filter:drop-shadow(0 30px 58px rgba(0,0,0,.82))}
.s4sar-app-showcase .phone-label{position:relative;z-index:1;text-align:center}
@media(max-width:860px){.s4sar-app-showcase{min-height:740px}.s4sar-app-mockup{width:min(320px,80%)}}
@media(max-width:580px){.s4sar-app-showcase{min-height:0;padding:24px 0 2px}.s4sar-app-mockup{width:min(310px,86vw)}.s4sar-app-showcase .phone-halo{top:115px}}
@media(prefers-reduced-motion:reduce){.s4sar-app-mockup,.s4sar-app-mockup:hover{transform:none;transition:none}}

/* Official contact */
.footer-contact a{overflow-wrap:anywhere;text-transform:none;letter-spacing:.1px}
.dialog-intro a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}

/* S4SAR official custom Thrower cursor — hotspot at its upper tip */
@media (pointer:fine) {
  html, body, a, button, select, summary, label, [role="button"], [tabindex]:not([tabindex="-1"]), .hardware-art, .hardware-object, .phase-dot, .phase-next, .phase-prev, .app-slide-arrow, .s4sar-app-arrow, .s4sar-app-dot {
    cursor: url("assets/icon_cursor.png") 12 9, pointer !important;
  }
  input, textarea, [contenteditable="true"] { cursor: text !important; }
  input[type="checkbox"], input[type="radio"], input[type="button"], input[type="submit"], input[type="reset"], input[type="range"] { cursor: url("assets/icon_cursor.png") 12 9, pointer !important; }
  button:disabled, [aria-disabled="true"] { cursor: not-allowed !important; }
}