:root{--navy:#08111f;--panel:#111c30;--ink:#121b2b;--muted:#667085;--lime:#c8fa36;--blue:#42c5f5;--red:#fb7185;--paper:#f5f7f5;--line:#dfe5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.crumb{padding:10px clamp(20px,6vw,90px);color:#68758a;background:#e9eeeb;font-size:13px}.crumb span{margin:0 9px}body>header{height:76px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;color:#fff;background:var(--navy)}.brand{font-weight:950;letter-spacing:.08em}.brand span{display:inline-grid;place-items:center;width:31px;height:31px;margin-right:7px;border:1px solid #c8fa3680;border-radius:9px;color:var(--lime)}header nav{display:flex;gap:28px;color:#b7c0d1;font-size:14px;font-weight:750}.back{padding:10px 15px;border:1px solid #344158;border-radius:11px;font-size:13px;font-weight:750}.hero{min-height:680px;padding:90px clamp(20px,7vw,110px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;color:#fff;background:radial-gradient(circle at 80% 20%,#163b47 0,transparent 30%),var(--navy)}.eyebrow{margin:0 0 14px;color:#88aa14;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow,.control .eyebrow{color:var(--lime)}h1{margin:0;font-size:clamp(52px,6vw,88px);line-height:.94;letter-spacing:-.06em}h1 em{color:var(--lime);font-style:normal}.lead{max-width:650px;margin:28px 0;color:#acb8ca;font-size:18px;line-height:1.7}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 20px;border-radius:11px;color:#111827;background:var(--lime);font-weight:900}.ride-ui{padding:20px;border:1px solid #ffffff20;border-radius:24px;background:#101a2c;box-shadow:0 35px 90px #0007;transform:rotate(1deg)}.ui-top{display:flex;justify-content:space-between;color:#8491a7;font-size:10px;font-weight:900;letter-spacing:.12em}.ui-top b{color:var(--lime)}.profile{position:relative;height:150px;margin:20px 0;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #40506a}.profile i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(#dc3b87,#783770)}.profile i:first-child,.profile i:last-of-type{background:#20b965}.profile em{position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--lime);box-shadow:0 0 12px var(--lime)}.ride-values{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ride-values span{padding:14px;border-radius:12px;background:#17243a}.ride-values small,.ride-values i{display:block;color:#8390a5;font-size:9px;font-style:normal}.ride-values strong{display:block;margin:5px 0;font-size:20px}.ride-values span:nth-child(1) strong{color:var(--lime)}.ride-values span:nth-child(2) strong{color:var(--blue)}.ride-values span:nth-child(3) strong{color:var(--red)}.phrase{display:flex;align-items:center;gap:7px;margin-top:13px;color:#8a96aa}.phrase b{margin-right:auto;color:#cbd4e3;font-size:10px}.phrase span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #38475f;border-radius:50%;font-size:9px}.phrase .active{color:#111827;background:var(--lime)}.section,.control,.analysis,.tests,.closing{padding:105px clamp(20px,8vw,130px)}h2{max-width:820px;margin:0 0 30px;font-size:clamp(38px,4.7vw,64px);line-height:1.02;letter-spacing:-.05em}.wide-copy{max-width:850px;color:var(--muted);font-size:18px;line-height:1.75}.block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.block-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.block-grid span{color:#93b51b;font-size:12px;font-weight:950}.block-grid h3{margin:28px 0 9px}.block-grid p,.control p,.analysis p,.tests p{color:var(--muted);line-height:1.7}.control{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:8vw;color:#fff;background:#0c1728}.control p{color:#abb7c9}.control ul{padding:0;list-style:none}.control li{padding:11px 0;border-bottom:1px solid #ffffff16}.control li:before{content:"✓";margin-right:10px;color:var(--lime);font-weight:950}.control-flow{display:flex;align-items:center;justify-content:center;gap:15px}.control-flow span,.control-flow strong{display:flex;min-width:130px;min-height:130px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #3a4860;border-radius:20px;background:#132037;text-align:center}.control-flow i{color:var(--lime);font-size:27px;font-style:normal}.control-flow small{margin-top:5px;color:#8997ac}.control-flow>strong{color:#111827;background:var(--lime)}.control-flow>em{color:#607087;font-style:normal;font-size:23px}.analysis{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw}.chart{padding:22px;border:1px solid #25344c;border-radius:22px;background:#101a2c;box-shadow:0 25px 60px #1521382d}.chart-head{display:flex;justify-content:space-between;color:#fff;font-size:10px;font-weight:900}.chart-head small{color:#8794a9}.chart-head i{display:inline-block;width:14px;height:2px;margin:0 4px 2px 8px;background:var(--lime)}.chart-head i:nth-child(2){background:var(--red)}.chart-head i:nth-child(3){background:var(--blue)}.chart svg{display:block;width:100%;margin-top:10px}.chart path{fill:none;stroke-width:4}.chart .grid{stroke:#293750;stroke-width:1}.chart .watt{stroke:var(--lime)}.chart .pulse{stroke:var(--red)}.chart .rpm{stroke:var(--blue)}.metrics{display:grid;gap:8px}.metrics span{padding:13px;border-left:3px solid var(--lime);background:#eef2ed}.metrics span:nth-child(2){border-color:var(--red)}.metrics span:nth-child(3){border-color:var(--blue)}.metrics small{margin-left:12px;color:var(--muted)}.tests{display:grid;grid-template-columns:1fr .7fr .7fr;gap:18px;background:#e9eee9}.tests article{padding:28px;border-radius:20px;background:#fff}.tests article>b{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:#111827;background:var(--lime)}.tests h3{margin:22px 0 8px}.closing{text-align:center;color:#fff;background:var(--navy)}.closing h2{margin-left:auto;margin-right:auto}.dark{color:#fff;background:#26344b}footer{padding:32px clamp(20px,6vw,90px);display:flex;justify-content:space-between;align-items:center;color:#738093;background:#fff;font-size:13px}@media(max-width:900px){header nav{display:none}.hero,.control,.analysis,.tests{grid-template-columns:1fr}.hero{padding-top:60px}.ride-ui{transform:none}.block-grid{grid-template-columns:1fr}.control-flow{flex-wrap:wrap}.tests{gap:12px}.back{display:none}}@media(max-width:560px){h1{font-size:49px}.section,.control,.analysis,.tests,.closing{padding:75px 20px}.ride-values{grid-template-columns:1fr}.phrase span:nth-of-type(n+5){display:none}.control-flow>em{display:none}.control-flow span,.control-flow strong{min-width:46%}footer{flex-direction:column;gap:16px}}
