/* London5 Market Heist — tokens and typography matched to london5.com. */
:root{color-scheme:dark;--bg:#050608;--surface:#08090c;--panel:#0f1117;--border:#2a2e3a;--text:#e4e2df;--hi:#f4f2ee;--muted:#9b9a97;--lo:#86857f;--gold:#d4a039;--gold-hover:#e4b049;--green:#34c77b;--red:#e85454;--display:Sora,system-ui,sans-serif;--ui:"DM Sans",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--brand:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;font:16px/1.5 var(--ui)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}
header,footer,main{max-width:1260px;margin:auto}header{min-height:52px;padding:8px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--panel);border-bottom:1px solid var(--border)}body::before{content:"";position:absolute;left:0;right:0;top:0;height:52px;background:var(--panel);z-index:-1}.brand{font:800 .95rem/1.6 var(--brand);letter-spacing:.08em;color:var(--text);white-space:nowrap;flex-shrink:0}.brand .nav-five{color:var(--gold);font-size:.65em;position:relative;top:-.5em;margin-left:1px;letter-spacing:inherit}.brand:hover{color:var(--text)}.event{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.event i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:8px}.nav-cta{font:700 13px/1.6 var(--ui);padding:6px 12px;border-radius:6px;background:var(--gold);color:#08090c;white-space:nowrap}.nav-cta:hover{background:var(--gold-hover)}.nav-cta.nav-text{background:none;color:var(--text);font-weight:400}main{padding:0 22px}
.hero{display:grid;grid-template-columns:.84fr 1.36fr;gap:65px;min-height:720px;align-items:center;padding:80px 0}.eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}h1,h2,h3{font-family:var(--display);font-weight:700;color:var(--hi)}h1{font-size:clamp(40px,3.32vw,64px);line-height:1.03;letter-spacing:-.04em;margin:22px 0 28px}h1 span{color:var(--gold)}h2{font-size:clamp(26px,2.2vw,36px);line-height:1.12;letter-spacing:-.04em;margin:8px 0 20px}h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}.lead{font:500 17px/1.42 var(--ui);color:var(--lo);letter-spacing:-.005em}.lead b{color:var(--hi);font-weight:600}p{color:var(--muted)}.fine{font:400 12px/1.5 var(--ui);color:var(--muted)}.hero .fine{color:var(--lo)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0;font:500 12px/1.5 var(--ui)}.chips span{display:inline-flex;align-items:center;border:1px solid var(--border);background:rgba(15,17,23,.7);border-radius:999px;padding:5px 11px;color:var(--muted)}.chips .chip-icon{color:var(--gold);margin-right:6px;font-weight:500}
label{display:block;font:500 13px/1.5 var(--ui);margin:15px 0 7px}label small{display:block;font-size:11px;color:var(--muted);font-weight:400}input,textarea,select{width:100%;min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:11px 13px}input::placeholder{color:#7a7976}.start-row{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:340px}.start-row input{height:44px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:0;border-radius:999px;white-space:nowrap;text-decoration:none;font:600 15px/normal var(--ui);transition:background .15s}.primary{background:var(--gold);color:#16110a}.primary:hover{background:var(--gold-hover)}.hero .primary{min-width:205px}.secondary{background:none;color:var(--hi);box-shadow:inset 0 0 0 1.5px #f4f2ee8c}.secondary:hover{background:#ffffff08}.quiet{background:transparent;color:var(--muted);border:0;padding:12px 0;font:500 13px/1.5 var(--ui);text-align:left}.quiet:hover{color:var(--gold)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font:600 15px/1.5 var(--ui);margin:18px 0;text-decoration:none}.text-link::after{content:'›';font-size:20px;line-height:1}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.badge{border:1px solid var(--border);border-radius:999px;padding:4px 9px;font:500 10px/1.5 var(--ui);white-space:nowrap;color:var(--muted)}
/* Application-window treatment echoes the London5 product, rather than a separate game logo. */
.market-terminal{position:relative;min-height:450px;padding:12px;background:linear-gradient(145deg,#15161b,#08090c);border:1px solid var(--border);border-radius:26px;box-shadow:0 30px 65px #0008}.terminal-inner{border:1px solid #1e2230;background:#08090c;border-radius:16px;overflow:hidden;min-height:425px}.terminal-bar{height:42px;background:var(--panel);border-bottom:1px solid #1e2230;display:flex;align-items:center;gap:13px;padding:0 16px}.terminal-dots{display:flex;gap:6px}.terminal-dots i{width:7px;height:7px;border-radius:50%;background:#e85454}.terminal-dots i:nth-child(2){background:#d4a039}.terminal-dots i:nth-child(3){background:#34c77b}.terminal-bar .brand{font-size:10px}.terminal-tab{font:500 10px var(--ui);border:1px solid #d4a03933;background:#d4a03910;color:var(--gold);border-radius:5px;padding:3px 8px}.terminal-badge{margin-left:auto;color:var(--lo);font:400 9px var(--mono)}.terminal-body{padding:25px}.agent-line{display:flex;align-items:center;gap:10px;margin-bottom:20px}.agent-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid #d4a03944;border-radius:8px;color:var(--gold);font:600 12px var(--ui)}.agent-line strong{font:600 12px var(--ui);color:var(--text)}.agent-line small{font:400 10px var(--mono);color:var(--lo);margin-left:5px}.terminal-note{font:400 13px/1.5 var(--ui);margin:0 0 22px;color:var(--text)}.terminal-chart{background:#0f1117;border:1px solid #1e2230;border-radius:10px;padding:16px 18px}.chart-label{display:flex;align-items:center;justify-content:space-between;color:var(--text);font:600 12px var(--ui)}.chart-label span{font:400 9px var(--mono);color:var(--lo)}.terminal-chart svg{display:block;width:100%;height:96px;margin-top:13px}.terminal-stages{display:flex;gap:8px;margin:18px 0}.terminal-stages span{font:500 10px var(--ui);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 10px}.terminal-input{display:flex;justify-content:space-between;border:1px solid var(--border);border-radius:14px;color:#7a7976;font:400 12px var(--ui);padding:11px 14px;margin-top:23px}.terminal-input b{color:var(--gold);font-weight:500}
.panel{padding:28px;border:1px solid var(--border);background:var(--panel);border-radius:12px}.below-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;padding:25px 0 65px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-head h2{font-size:26px}table{border-collapse:collapse;width:100%;font:400 14px var(--ui)}th{color:var(--muted);font:500 11px var(--ui);text-align:left}td,th{padding:13px 3px;border-bottom:1px solid var(--border)}td:last-child,th:last-child{text-align:right}td:last-child{font:500 14px var(--mono);color:var(--text)}.qr{background:white;width:176px;height:176px;margin:20px 0}.qr svg{width:100%;height:100%;display:block}.qr:empty{display:none}.conversion-strip{display:flex;justify-content:space-between;align-items:center;padding:55px 0 75px;border-top:1px solid var(--border);gap:35px}.conversion-strip h2{font-size:36px}footer{padding:30px 22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:30px;font:400 11px/1.5 var(--ui);color:var(--muted)}footer .brand{font-size:.95rem}footer p{font-size:11px}
#play,#result,#shared{margin:55px 0}.game-top{display:flex;justify-content:space-between;align-items:center}.timer{font:500 38px var(--mono);color:var(--gold)}.timer small{font-size:12px;color:var(--muted)}.time-track{height:3px;background:#272b36;margin:15px 0 25px}#time-bar{height:100%;background:var(--gold);width:100%;transition:width .2s linear}.progress{display:flex;justify-content:space-between;gap:8px;font:500 12px var(--ui);color:var(--muted);margin-bottom:25px}.progress .active{color:var(--gold)}.progress .done{color:var(--green)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.evidence{margin:28px 0}.evidence-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:14px 0;font:400 14px var(--ui)}.evidence-row strong{color:var(--text);font-weight:600;text-align:right}.option{width:100%;text-align:left;color:var(--text);padding:16px;margin:7px 0;background:#171a22;border:1px solid var(--border);border-radius:8px;display:flex;gap:13px;font:400 14px/1.5 var(--ui)}.option b{color:var(--gold);font-weight:600}.option:hover:not(:disabled){border-color:var(--gold)}.option.correct{border-color:var(--green);color:var(--green)}.option.wrong{border-color:var(--red);color:var(--red)}#feedback{font:400 13px/1.5 var(--ui);min-height:25px;margin:15px 0;color:var(--text)}.gold{color:var(--gold)}.result-grid{display:grid;grid-template-columns:1.3fr .65fr;gap:50px;align-items:center}.result-heading{font-size:clamp(40px,4.5vw,60px);letter-spacing:-.04em}.stats{display:flex;gap:40px;margin:32px 0}.stats strong{display:block;font:500 38px var(--mono);color:var(--gold)}.stats span{font:500 11px var(--ui);color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}#result-card{width:100%;border-radius:12px;border:1px solid var(--border)}.trial-hero{padding:95px 0 65px;max-width:850px}.trial-hero h1{font-size:clamp(42px,4.6vw,64px)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:75px}.feature-num{font:500 12px var(--mono);color:var(--gold);display:block;margin-bottom:28px}.features h2{font-size:24px}.features p{font-size:15px}.partners{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:65px 0;border-top:1px solid var(--border)}.partners h2{font-size:clamp(30px,3.6vw,48px)}.partners form h2{font-size:28px}.consent{display:flex;gap:10px;align-items:flex-start;font:400 12px/1.5 var(--ui);color:var(--muted)}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--gold)}.contact-card{border-bottom:1px solid var(--border);padding:14px 0}.end-capture{margin-top:35px;display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center}.end-capture .qr{width:280px;height:280px;margin:auto}.end-capture .qr:empty{display:none}#lead-privacy{text-decoration:underline}#lead-form p{font-size:14px}#lead-form .fine{font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{display:block;padding:15px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--gold);color:#08090c;border-radius:6px;font:500 13px var(--ui)}#notice:not(:empty){padding:12px 20px}
@media(max-width:1000px){.hero{gap:35px;grid-template-columns:1fr 1.15fr;min-height:650px}.terminal-badge{display:none}.terminal-body{padding:20px}.terminal-stages{flex-wrap:wrap}.partners{gap:35px}.start-row{max-width:none}}@media(max-width:760px){header,footer{padding:12px 22px}header{min-height:56px}main{padding:0 22px}.event{display:none}.hero{grid-template-columns:1fr;min-height:0;padding:50px 0;gap:40px}.hero h1{font-size:44px}.hero .lead{font-size:17px}.market-terminal{min-height:0}.terminal-inner{min-height:0}.below-grid,.mission-grid,.result-grid,.partners,.end-capture{grid-template-columns:1fr}.features{grid-template-columns:1fr}.result-grid{gap:28px}#result-card{max-width:300px}.conversion-strip,footer{flex-wrap:wrap}.section-head{flex-wrap:wrap}.trial-hero{padding:60px 0 45px}.trial-hero h1{font-size:44px}.partners{padding:45px 0;gap:25px}.end-capture .qr{width:260px;height:260px}.terminal-bar .brand{font-size:10px}}@media(max-width:480px){.panel{padding:22px}.primary,.secondary{font-size:14px;padding:0 19px;max-width:100%;white-space:normal;text-align:center}.hero .primary{width:100%}.start-row{align-items:stretch}.progress{font-size:10px}.stats{gap:25px}.stats strong{font-size:30px}.evidence-row{flex-direction:column;gap:5px}.evidence-row strong{text-align:left}.terminal-stages span{font-size:9px}.terminal-body{padding:18px}.chart-label{font-size:11px}.chart-label span{font-size:8px}.terminal-chart{padding:14px}.trial-hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
