:root{--orange:#ff681e;--dark:#0a1016;--panel:#101821;--text:#f7f8fa;--muted:#b6bac0;--display:Impact,"Arial Narrow",sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070c11;color:var(--text);font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.exact-mockup{position:relative;width:100%;line-height:0;background:#0b1117}.exact-mockup>img{display:block;width:100%;height:auto}.hotspot{position:absolute;z-index:2;display:block}.calculator-hotspot{left:72.5%;top:31%;width:22.5%;height:5.2%}.linear-hotspot{left:3.5%;top:53.5%;width:30.5%;height:19%}.nonlinear-hotspot{left:35%;top:53.5%;width:30.5%;height:19%}.goal-hotspot{left:66.3%;top:53.5%;width:30.3%;height:19%}.hotspot:focus-visible{outline:3px solid white;outline-offset:-3px;background:#ff681e22}.compare-bar{position:sticky;top:0;z-index:10;min-height:58px;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px;background:#080d12ee;border-block:1px solid #34404a;backdrop-filter:blur(14px)}.compare-bar span{font-size:9px;letter-spacing:.18em;color:#8f99a2;font-weight:900;margin-right:12px}.compare-bar a{padding:9px 13px;border:1px solid #52606c;font-size:10px;font-weight:900;letter-spacing:.08em}.compare-bar a.active{background:var(--orange);border-color:var(--orange)}
.live-section{min-height:620px;display:grid;grid-template-columns:1fr minmax(390px,470px);gap:7vw;align-items:center;padding:78px clamp(28px,5vw,75px);background:linear-gradient(90deg,#081018df,#0810184d 61%,#08101880),url("assets/runner-course.png") center 46%/cover no-repeat}.section-copy>p{font-size:10px;letter-spacing:.16em;color:#d9dce0;font-weight:800}.section-copy h1{font:italic clamp(70px,8vw,125px)/.78 var(--display);margin:22px 0 24px;text-shadow:0 7px 20px #000}.section-copy h1 em{font-style:italic;color:var(--orange)}.section-copy>span{display:block;font-size:22px;font-weight:700;max-width:560px}.benefits{display:flex;gap:48px;margin-top:38px}.benefits b{display:flex;align-items:center;gap:10px;color:var(--orange);font-size:32px}.benefits small{font-size:13px;line-height:1.2;color:#fff}.calc-card{padding:28px 30px 22px;border:1px solid #84909a;border-radius:18px;background:#0c1219ee;box-shadow:0 25px 70px #000a,0 0 0 2px #ffffff0d inset}.calc-card h2{font:900 24px/1.02 var(--body);letter-spacing:.03em;margin:0 0 8px}.calc-card>p{color:#bfc4c9;line-height:1.45;margin:0 0 22px}.form-row{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.form-row>label,fieldset legend{font-size:12px;font-weight:800}select,input{margin-top:8px;height:46px;border:1px solid #6a737c;border-radius:7px;background:#161d25;color:white;padding:0 12px;outline:none}select{width:100%}fieldset{border:0;padding:0;margin:0}.time{display:grid;grid-template-columns:1fr 10px 1fr;align-items:center;gap:6px}.time i{font-style:normal;text-align:center;margin-top:8px}.time label{position:relative}.time input{width:100%;text-align:center;font-weight:800;font-size:17px}.time small{position:absolute;top:61px;left:0;right:0;text-align:center;font-size:9px;color:#888f96}.calc-card>button{width:100%;height:49px;margin-top:30px;border:0;border-radius:5px;background:linear-gradient(#ff7a29,#ff5a16);color:white;font-size:17px;font-weight:900;cursor:pointer}.calc-card>button b{float:right;font-size:24px;line-height:.7}.discover{display:block;text-align:center;margin-top:14px;letter-spacing:.25em;color:#aab0b7;font-size:9px}.live-results{padding:36px clamp(28px,3.5vw,52px) 35px;background:#091017;background-image:radial-gradient(circle at 20% 20%,#1b263133,transparent 35%)}.results-title{text-align:center}.results-title h2{font:italic 34px var(--display);letter-spacing:.02em;margin:0 0 4px}.results-title p{margin:0 0 24px;color:#d2d5d9}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.feature{position:relative;grid-column:span 3;min-height:175px;display:grid;grid-template-columns:64px 1fr;gap:10px;padding:18px 18px;border:1px solid #66717b;border-radius:9px;overflow:hidden;background:linear-gradient(90deg,#111923e8,#111923b9),url("assets/runner-course.png") center/cover}.feature.wide{grid-column:span 4;min-height:210px}.feature.goal{background:linear-gradient(90deg,#111923ed,#11192396),url("assets/runner-course.png") bottom/cover}.feature.training{background:linear-gradient(90deg,#111923e8,#1119238a),url("assets/runner-course.png") 44% 75%/cover}.feature.progress{background:linear-gradient(90deg,#111923e8,#11192390),url("assets/runner-course.png") center 60%/cover}.feature.college{background:linear-gradient(90deg,#111923ea,#1119238c),url("assets/runner-course.png") right 70%/cover}.feature .icon{color:var(--orange);font-size:45px;line-height:1}.feature .curve{font-size:62px;transform:rotate(-10deg)}.feature h3{font-size:18px;margin:0 0 3px}.feature h3 button{width:19px;height:19px;border:1px solid white;border-radius:50%;background:transparent;color:white;font-size:11px;cursor:pointer}.feature>div>b{display:block;color:var(--orange);font-size:15px;margin-bottom:8px}.feature p{font-size:13px;line-height:1.38;margin:0;color:#f0f1f2}.feature>a,.feature div>a{position:absolute;right:14px;bottom:11px;font-size:35px}.mini-times{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.mini{padding:8px 4px;border:1px solid #69737b;border-radius:5px;text-align:center;background:#0a1119bb}.mini small{display:block;font-size:10px}.mini b{display:block;color:var(--orange);margin-top:4px;font-size:16px}blockquote{text-align:center;font:italic 24px Georgia,serif;margin:34px 0 8px}.motto{text-align:right;color:#8e969f;font-size:8px;letter-spacing:.32em;margin:0}dialog{max-width:500px;border:1px solid #58636d;border-top:4px solid var(--orange);background:#0d151d;color:#fff;padding:32px}dialog::backdrop{background:#000b}dialog h2{font:italic 30px var(--display)}dialog p{color:#c3c7cb;line-height:1.6}.close{position:absolute;right:12px;top:9px;background:transparent;color:white;border:0;font-size:30px;cursor:pointer}
@media(max-width:900px){.exact-mockup{overflow-x:auto}.exact-mockup>img{width:1000px;max-width:none}.live-section{grid-template-columns:1fr}.section-copy{text-align:center}.benefits{justify-content:center}.calc-card{width:min(100%,560px);margin:auto}.feature,.feature.wide{grid-column:span 6}}
@media(max-width:600px){.exact-mockup>img{width:760px}.exact-mockup{scroll-snap-type:x mandatory}.compare-bar span{display:none}.live-section{padding:60px 16px}.section-copy h1{font-size:62px}.section-copy>span{font-size:17px}.benefits{gap:20px}.benefits b{font-size:24px}.benefits small{font-size:10px}.calc-card{padding:23px 18px}.form-row{grid-template-columns:1fr}.feature,.feature.wide{grid-column:1/-1}.live-results{padding:30px 15px}.motto{text-align:center;line-height:1.8}}