:root{--orange:#ff521f;--gold:#ffd45b;--ink:#07090c;--display:Impact,"Arial Narrow",sans-serif;--body:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:white;font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{position:absolute;z-index:5;top:0;left:0;right:0;height:74px;padding:0 clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2b}.brand{font:italic 27px var(--display);letter-spacing:.05em}.brand span{color:var(--orange)}.brand b{color:var(--gold)}.concept-switch{display:flex;align-items:center;gap:6px}.concept-switch>a{width:35px;height:35px;border:1px solid #ffffff50;display:grid;place-items:center;font-weight:900}.concept-switch>a.active{background:var(--orange);border-color:var(--orange)}.concept-switch small{font-size:9px;letter-spacing:.16em;margin-left:8px;color:#d4d6d8}.scene{min-height:100svh;position:relative;display:flex;align-items:end;padding:110px clamp(18px,6vw,90px) 78px;background:url("assets/runner-course.png") center 48%/cover no-repeat;overflow:hidden}.wash{position:absolute;inset:0;background:linear-gradient(90deg,#090805dc 0%,#0908053a 52%,#09080550),linear-gradient(0deg,#07090cf5 0%,transparent 36%,#09080526 70%)}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 64%,transparent 0 22%,#00000022 62%,#00000085 100%);pointer-events:none}.intro{position:relative;z-index:2;width:55%;padding-bottom:10px}.intro>p{font-size:11px;font-weight:900;letter-spacing:.21em}.intro h1{font:italic 900 clamp(72px,10vw,150px)/.76 var(--display);letter-spacing:-.03em;margin:24px 0 28px;text-shadow:0 12px 40px #000}.intro h1 em{font-style:italic;color:var(--orange);-webkit-text-stroke:2px #ffbd4e;filter:drop-shadow(0 0 12px #ff541f)}.intro h1 i{font:normal .5em var(--body)}.intro>span{font-size:18px;font-weight:700}.glass-card{position:relative;z-index:3;width:min(420px,40%);margin-left:auto;padding:26px;background:#090b0edb;border:1px solid #ffffff3a;border-top:3px solid var(--orange);backdrop-filter:blur(16px);box-shadow:0 25px 80px #000b}.card-title{display:flex;justify-content:space-between;font:italic 24px var(--display);margin-bottom:20px}.card-title b{color:var(--orange)}.glass-card>label,.time-row label{display:grid;gap:7px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#a9adb2}.glass-card select,.glass-card input{height:51px;background:#14171c;color:white;border:1px solid #40454d;padding:0 12px;outline:none}.time-row{display:grid;grid-template-columns:1fr 8px 1fr 8px 1fr;gap:7px;align-items:end;margin-top:14px}.time-row input{text-align:center;font:italic 25px var(--display);width:100%}.time-row i{padding-bottom:16px;font-style:normal;text-align:center}.glass-card>button{width:100%;margin-top:20px;height:56px;background:linear-gradient(90deg,var(--orange),#ff7d22);color:white;border:0;font-size:11px;font-weight:1000;letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer;box-shadow:0 0 25px #ff521f4f}.quick-stats{position:absolute;z-index:3;left:clamp(18px,6vw,90px);bottom:20px;display:flex;gap:42px}.quick-stats small{display:block;font-size:8px;letter-spacing:.15em;color:#b3b5b8;font-weight:900}.quick-stats strong{display:block;margin-top:5px;font:italic 22px var(--display);color:var(--gold)}.down{position:absolute;z-index:3;right:clamp(18px,6vw,90px);bottom:28px;font-size:9px;font-weight:900;letter-spacing:.15em}.down b{color:var(--orange);margin-left:9px}
.predictions{background:#f1eee6;color:#101216;padding:90px clamp(18px,7vw,110px)}.result-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.result-title p{font-size:10px;font-weight:900;letter-spacing:.2em;color:#6b7076}.result-title h2{font:italic clamp(52px,7vw,92px)/.85 var(--display);margin:14px 0}.result-title h2 em{color:var(--orange)}.result-title>a{font-size:11px;font-weight:900;border-bottom:2px solid var(--orange);padding-bottom:7px}.explain-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cecbc3;margin:38px 0 18px}.explain-grid article{padding:20px 24px}.explain-grid article+article{border-left:1px solid #cecbc3}.explain-grid span{font:italic 23px var(--display)}.explain-grid button{border:1px solid #999;border-radius:50%;background:transparent;width:22px;height:22px;cursor:pointer}.explain-grid p{font-size:13px;color:#696e75;margin-bottom:0}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.result-card{position:relative;overflow:hidden;background:#11151b;color:white;min-height:180px;padding:22px;border-bottom:3px solid #343a42}.result-card:nth-child(3n+2){border-bottom-color:var(--orange)}.result-card:before{content:"";position:absolute;width:120px;height:120px;border:2px solid #ffffff0d;border-radius:50%;right:-45px;bottom:-55px}.result-card small{font-size:9px;letter-spacing:.13em;color:#9ca2aa;font-weight:900}.result-card h3{font:italic 36px var(--display);margin:15px 0 23px}.result-card .twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-card .twocol span{font-size:8px;color:#8f969f;letter-spacing:.1em}.result-card .twocol b{display:block;font:italic 20px var(--display);margin-top:3px}.result-card .twocol>div:last-child b{color:var(--orange)}.disclaimer{text-align:center;color:#7a7d81;font-size:11px;line-height:1.5;margin:28px auto 0;max-width:750px}dialog{max-width:500px;border:0;border-top:4px solid var(--orange);padding:34px}dialog::backdrop{background:#000b}dialog h2{font:italic 34px var(--display)}dialog p{line-height:1.6;color:#555}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}
@media(max-width:850px){.scene{display:block;padding-top:110px;padding-bottom:135px;background-position:59% center}.wash{background:linear-gradient(180deg,#080706dc,transparent 45%,#07090cf5 83%)}.intro{width:100%;text-align:center}.intro h1{font-size:76px}.glass-card{width:min(100%,500px);margin:28px auto 0}.quick-stats{left:18px;right:18px;justify-content:space-around;gap:10px}.down{display:none}.result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){header{height:64px;padding:0 14px}.concept-switch small{display:none}.scene{padding:88px 14px 135px}.intro>p{font-size:9px}.intro h1{font-size:64px;margin:18px 0}.intro>span{font-size:14px}.glass-card{padding:20px}.quick-stats strong{font-size:18px}.predictions{padding:65px 14px}.result-title{align-items:start;flex-direction:column}.result-title h2{font-size:50px}.explain-grid{grid-template-columns:1fr}.explain-grid article+article{border-left:0;border-top:1px solid #cecbc3}.result-grid{grid-template-columns:1fr}.result-card{min-height:155px}}