/* Homepage presentation layer. Keeps the evidence console functional while
   giving the landing page a clearer product hierarchy at every viewport. */
:root{--home-gutter:clamp(18px,3.2vw,58px)}
body{background:radial-gradient(circle at 72% 9%,rgba(32,73,143,.18),transparent 25%),radial-gradient(circle at 10% 35%,rgba(34,171,133,.07),transparent 24%),#030b17}
body>header{height:72px;padding-inline:var(--home-gutter);background:rgba(3,11,24,.78);border-bottom:1px solid rgba(124,159,208,.1);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.brand{letter-spacing:-.025em}.brand b{font-family:"Space Grotesk",sans-serif;font-weight:680}
main{max-width:1920px;margin-inline:auto;padding-inline:var(--home-gutter)}
.hero{min-height:620px;margin-inline:calc(var(--home-gutter) * -1);padding:clamp(70px,8vw,132px) var(--home-gutter) 78px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);align-items:center;gap:clamp(45px,7vw,130px)}
.hero-copy{max-width:880px}.replay-label,.section-kicker{display:block;color:#78a8ff;font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.hero h1{font-size:clamp(54px,4.65vw,88px);line-height:.99;letter-spacing:-.052em;max-width:1000px;margin:18px 0 24px}.hero p{max-width:700px;font-size:clamp(20px,1.35vw,26px);line-height:1.55;color:#cbd7e8}.badges{margin-top:28px;gap:10px}.badges span{padding:9px 13px;font-weight:700}.hero-actions{margin-top:28px}.hero-actions a{min-height:50px;padding:14px 24px;border-radius:10px;font-weight:800}.hero-actions a:first-child{box-shadow:0 14px 38px rgba(60,103,238,.3)}.replay-note{display:block;margin-top:13px}.hero-flow{transform:scale(1.08);transform-origin:center;filter:drop-shadow(0 28px 55px rgba(0,0,0,.22))}
.match-console{padding-top:clamp(54px,6vw,96px)}
.console-toolbar{align-items:end;margin-bottom:28px;padding-inline:4px}.console-toolbar>div:first-child{display:grid;gap:6px}.console-toolbar h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(29px,2.3vw,44px);letter-spacing:-.035em;line-height:1.08;margin:3px 0}.console-toolbar #api-state{color:#8da2bc}.console-toolbar>div:last-child{padding-bottom:2px}
.overview-card,.replay-explainer,.prize-card,.activity-card,.tech-card{border-radius:18px!important;background:linear-gradient(145deg,rgba(18,39,68,.72),rgba(7,21,40,.78))!important;box-shadow:inset 0 1px rgba(188,214,250,.07),0 24px 70px rgba(0,0,0,.16)!important}
.overview-card{overflow:hidden}.overview-card>header{background:linear-gradient(90deg,rgba(32,65,109,.22),transparent)}
.replay-explainer{position:relative;overflow:hidden}.replay-explainer:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;bottom:-105px;background:rgba(55,113,224,.14);filter:blur(8px)}
.console-stages{scrollbar-width:thin;scrollbar-color:rgba(91,134,199,.5) transparent;scroll-snap-type:x proximity;padding-bottom:12px}.console-stages .stage{scroll-snap-align:start;transition:transform .25s ease,opacity .25s ease,background .25s ease}.console-stages .stage.active,.console-stages .stage.complete{transform:translateY(-4px)}
.mobile-stage-guide{display:none}
.evidence-row{gap:18px}.prize-card>p,.tech-card>p{border-radius:9px}.activity-card .events{min-height:170px}
.bottom-grid{margin-top:clamp(50px,7vw,110px)!important;border-radius:24px}.bottom-grid .info{padding:clamp(24px,2.4vw,42px)!important}.bottom-grid .info h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-.025em;margin-bottom:20px}.three{gap:22px}.three span{position:relative}.three i{width:24px;height:24px;border-radius:7px}.info li,.security span{padding-block:5px}
.cta{margin:18px 0 70px!important;min-height:118px;padding:26px clamp(24px,3vw,50px)!important}.cta b{font-family:"Space Grotesk",sans-serif;font-size:clamp(21px,1.5vw,29px)}.cta span{margin-top:4px;color:#9eb0c7}.cta a{min-height:50px;display:grid;place-items:center;border-radius:10px;font-weight:800;box-shadow:0 15px 36px rgba(73,91,226,.25)}

@media(min-width:1101px){.console-layout{gap:22px;grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.overview-column{width:auto;min-width:0}.stage-track{gap:14px}.stage{min-width:0}.evidence-row{grid-template-columns:minmax(260px,.8fr) minmax(340px,1.3fr) minmax(280px,.9fr)}.bottom-grid{grid-template-columns:minmax(430px,1.8fr) minmax(190px,.9fr) minmax(360px,1.7fr) minmax(250px,1.2fr)}.bottom-grid .three{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-grid .three span{min-width:0}.bottom-grid code{overflow-wrap:anywhere}}

@media(max-width:1100px){body>header{height:64px}.hero{min-height:560px;grid-template-columns:1fr;padding-top:80px}.hero-copy{max-width:820px}.hero-flow{max-width:790px;transform:none}.match-console{padding-top:55px}.console-toolbar{height:auto;min-height:0;align-items:center;flex-wrap:wrap;gap:18px;padding-bottom:20px}.console-toolbar>div:first-child{min-width:0;flex:1 1 600px}.console-toolbar>div:last-child{display:flex;width:100%;flex:1 1 100%}.console-toolbar>div:last-child button{min-height:46px;flex:1}.console-main,.console-stages{max-width:100%;min-width:0}.mobile-stage-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 22px;align-items:center;margin:2px 0 10px;padding:17px 18px;border-radius:16px;background:linear-gradient(125deg,rgba(27,57,99,.78),rgba(8,25,47,.82));box-shadow:inset 0 0 0 1px rgba(100,149,222,.18),0 15px 45px rgba(0,0,0,.14)}.mobile-stage-guide>div:first-child{display:grid;gap:3px}.stage-guide-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#75a7ff}.mobile-stage-guide b{font:700 18px/1.2 "Space Grotesk",sans-serif}.mobile-stage-guide small,.stage-swipe-hint{color:#91a6c0;font-size:12px}.stage-swipe-hint{grid-column:2;grid-row:1;white-space:nowrap}.stage-guide-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.stage-guide-progress i{height:5px;border-radius:10px;background:#253e5d;transition:background .35s,box-shadow .35s,transform .35s}.stage-guide-progress i.current{background:#5b8dff;box-shadow:0 0 14px rgba(75,130,255,.65);transform:scaleY(1.5)}.stage-guide-progress i.done{background:#31cc91}.bottom-grid{margin-top:65px!important}}

@media(max-width:767px){:root{--home-gutter:16px}body>header{padding-inline:16px}.brand b{font-size:15px}.private{font-size:0;padding:8px}.private .tiny-icon{margin:0}.hero{min-height:auto;padding:58px 18px 40px;gap:36px;border-radius:0 0 22px 22px}.hero h1{font-size:clamp(42px,12.5vw,57px);line-height:1.01;margin-block:14px 18px}.hero h1 br{display:none}.hero p{font-size:18px;line-height:1.55}.badges{margin-top:22px}.badges span{font-size:12px;padding:8px 10px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions a{min-width:0;padding-inline:10px;text-align:center}.replay-note{font-size:12px;line-height:1.5}.hero-flow{margin-top:2px}.match-console{padding-top:46px}.console-toolbar{display:grid;gap:20px;margin-bottom:20px}.console-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.console-toolbar h2{font-size:32px}.section-kicker{font-size:10px}.overview-column{display:block}.replay-explainer{margin-top:12px}.mobile-stage-guide{margin:16px 0 2px;padding:15px;grid-template-columns:1fr}.mobile-stage-guide b{font-size:17px}.stage-swipe-hint{grid-column:1;grid-row:auto;font-size:11px}.stage-guide-progress{grid-column:1}.console-main{overflow:visible}.console-stages{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:min(82vw,320px)!important;grid-template-columns:none!important;overflow-x:auto!important;gap:12px!important;margin-inline:-16px;padding:14px 16px 22px!important;scroll-padding-inline:16px;scroll-snap-type:x mandatory}.console-stages .progress-line{display:none}.console-stages .stage{width:auto!important;min-width:0!important;height:425px!important;scroll-snap-align:center}.console-stages .stage.active,.console-stages .stage.complete{transform:none}.evidence-row{display:grid;grid-template-columns:1fr!important;gap:12px}.prize-card,.activity-card,.tech-card{min-height:auto}.activity-card .events{min-height:230px}.bottom-grid{margin-top:48px!important;border-radius:0}.bottom-grid .info{border-radius:16px!important;margin-bottom:10px!important;padding:24px 20px!important}.bottom-grid .info h2{font-size:22px}.three{display:grid!important;gap:22px}.three span{padding-left:38px}.three i{position:absolute;left:0;top:0}.cta{margin:14px 0 36px!important;display:grid!important;gap:20px;text-align:left}.cta a{width:100%}}

@media(orientation:landscape) and (max-width:900px){.mobile-stage-guide{position:sticky;top:72px;z-index:8;margin-top:12px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-stage-guide>div:first-child{grid-column:1}.stage-swipe-hint{font-size:11px}.console-stages{scroll-snap-type:x mandatory}.console-stages .stage{scroll-snap-align:center}}

@media(min-width:901px) and (max-width:1100px){.hero{padding-inline:44px}.hero h1{font-size:64px}.hero p{font-size:23px}.console-toolbar h2{font-size:38px}.console-toolbar>div:last-child{width:100%;display:flex}.console-toolbar button{min-height:48px}.console-stages{grid-template-columns:repeat(7,290px)!important}.console-stages .stage{height:460px}.bottom-grid{display:grid;grid-template-columns:1fr}.bottom-grid .info{min-height:0!important;padding:34px!important;border-right:0!important}.bottom-grid .info+.info{border-top:1px solid rgba(115,151,201,.1)!important}.bottom-grid .three{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-grid .three span{min-width:0}.bottom-grid .three code{overflow-wrap:anywhere}}

@media(min-width:1600px){main{padding-inline:clamp(55px,5vw,110px)}.hero{margin-inline:calc(clamp(55px,5vw,110px) * -1);padding-inline:clamp(80px,7vw,145px)}.match-console{max-width:1760px;margin-inline:auto}.bottom-grid,.cta{max-width:1760px;margin-inline:auto!important}.cta{margin-top:18px!important;margin-bottom:80px!important}}