@font-face{font-family:Manrope;src:url("fonts/manrope-latin-wght-normal.woff2") format("woff2-variations");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url("fonts/manrope-latin-ext-wght-normal.woff2") format("woff2-variations");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";src:url("fonts/space-grotesk-latin-wght-normal.woff2") format("woff2-variations");font-style:normal;font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";src:url("fonts/space-grotesk-latin-ext-wght-normal.woff2") format("woff2-variations");font-style:normal;font-weight:300 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--display:"Space Grotesk",ui-sans-serif,sans-serif;--body:Manrope,ui-sans-serif,sans-serif;--surface:rgba(12,27,49,.86);--surface-hi:rgba(18,38,68,.92)}
body{font-family:var(--body);font-variation-settings:"wght" 460;background:radial-gradient(ellipse 60% 30% at 68% 12%,rgba(47,83,156,.18),transparent 70%),radial-gradient(ellipse 42% 24% at 10% 52%,rgba(69,47,144,.10),transparent 74%),linear-gradient(180deg,#06101e 0%,#050d19 60%,#030912 100%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 22%,rgba(85,126,207,.025) 49%,transparent 72%),radial-gradient(circle at 50% 20%,transparent 0 38%,rgba(1,6,14,.24) 100%)}
h1,h2,h3,.brand,.stage>strong,.flow-person b,.flow-escrow b,.players b,.cta b{font-family:var(--display);font-variation-settings:"wght" 620}.hero h1{font-weight:640;letter-spacing:-1.45px;text-wrap:balance}.hero-copy>p{max-width:670px;letter-spacing:.01em}.brand{font-weight:650;letter-spacing:.02em}.replay-label{font-family:var(--display);font-weight:650;letter-spacing:.18em}
header{position:relative;background:linear-gradient(90deg,rgba(5,14,27,.1),rgba(15,31,57,.3),rgba(5,14,27,.1));backdrop-filter:blur(14px)}header:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,138,200,.24),transparent)}nav a{position:relative;transition:color .2s ease}nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:1px;background:#6c91ff;transition:.22s ease}nav a:hover{color:#fff}nav a:hover:after{left:0;right:0}
.panel{background:linear-gradient(145deg,rgba(17,34,59,.88),rgba(7,20,38,.94));box-shadow:inset 0 1px rgba(151,183,231,.025),0 22px 65px rgba(0,0,0,.14)}.control{overflow:hidden}.control:before{content:"";position:absolute;left:28%;right:7%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#477be8 40%,#43dca2 75%,transparent);opacity:.55}.control:after{content:"";position:absolute;width:440px;height:220px;right:16%;top:-170px;background:#315fc4;border-radius:50%;filter:blur(85px);opacity:.08;pointer-events:none}.match-card{background:radial-gradient(circle at 50% 28%,rgba(68,94,167,.16),transparent 45%),linear-gradient(145deg,#172843,#0e1b30)}.demo-tag{font-family:var(--display);letter-spacing:.05em;box-shadow:0 0 18px rgba(34,203,133,.12)}
.stage{background:linear-gradient(155deg,rgba(20,38,65,.92),rgba(9,23,42,.96));transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.stage:not(.locked):hover{transform:translateY(-3px);background:linear-gradient(155deg,rgba(25,47,80,.96),rgba(10,25,46,.98));box-shadow:0 16px 36px rgba(0,0,0,.2)}.stage.complete:after{content:"";position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:#36d797;box-shadow:0 0 10px #36d797}.stage-icon{transition:transform .25s ease,filter .25s ease}.stage:not(.locked):hover .stage-icon{transform:scale(1.06);filter:brightness(1.12)}.progress-line{height:1px;background:rgba(68,100,137,.45)}.progress-line span{height:2px;margin-top:-1px;box-shadow:0 0 12px rgba(57,223,160,.35)}
.hero-flow:before{content:"";position:absolute;width:310px;height:180px;left:50%;top:50%;transform:translate(-50%,-50%);background:#345fd4;border-radius:50%;filter:blur(70px);opacity:.09;pointer-events:none}.flow-escrow{position:relative;isolation:isolate}.flow-escrow:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(79,139,255,.16);border-radius:11px;z-index:-1}.fee{box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hero-actions a,.hero-actions button,.control-title button,.stage button,.evidence button,.cta a{font-family:var(--display);transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}.hero-actions a:hover,.cta a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 28px rgba(66,94,220,.25)}.hero-actions button:hover,.control-title button:hover,.evidence button:hover{border-color:rgba(105,147,210,.75);filter:brightness(1.12)}
.timeline{background:linear-gradient(150deg,rgba(14,32,57,.94),rgba(7,20,37,.96))}.events{position:relative}.events:before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:1px;background:linear-gradient(#2ca979,rgba(44,169,121,.08));opacity:.5}.event-row{transition:background .18s ease}.event-row:hover{background:linear-gradient(90deg,rgba(47,89,143,.10),transparent)}.event-row:before{box-shadow:0 0 10px rgba(46,216,151,.22)}.view-toggle{padding:2px;border:1px solid rgba(62,90,128,.26);border-radius:15px;background:rgba(5,15,29,.38)}
.architecture{background:radial-gradient(circle at 55% 45%,rgba(60,95,169,.07),transparent 45%),linear-gradient(145deg,rgba(14,31,55,.94),rgba(7,19,36,.96))}.arch-flow>div{transition:transform .2s ease,border-color .2s ease,background .2s ease}.arch-flow>div:hover{transform:translateY(-3px);border-color:rgba(90,130,193,.6);background:rgba(19,39,67,.95)}.principles span{font-family:var(--display);font-weight:500}
.info{position:relative;overflow:hidden}.info:before{content:"";position:absolute;left:16px;top:0;width:52px;height:1px;background:#5d83e3;opacity:.6}.info:nth-child(2):before{background:#9a67e8}.info:nth-child(3):before{background:#39d59a}.info:nth-child(4):before{background:#e9b34c}.cta{background:radial-gradient(circle at 75% 50%,rgba(76,91,207,.21),transparent 38%),linear-gradient(135deg,rgba(16,34,61,.96),rgba(9,22,42,.98));box-shadow:0 25px 70px rgba(0,0,0,.24)}
dialog{font-family:var(--body)}dialog h2{font-family:var(--display)}
@media(prefers-reduced-motion:reduce){.stage,.stage-icon,.hero-actions a,.hero-actions button,.control-title button,.arch-flow>div,nav a:after{transition:none!important}}