:root{--bg:#0d0f0f;--surface:#171b1a;--ink:#f0f3ee;--muted:#a7b0aa;--accent:#c9f000;--line:rgba(240,243,238,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans",sans-serif;overflow-x:hidden}.frame{width:min(1200px,calc(100% - 40px));margin-inline:auto}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{color:var(--ink);text-decoration:none;font-weight:950;font-size:1.45rem;letter-spacing:-.055em}.brand small{font-size:.6rem;letter-spacing:.16em;margin-left:9px;color:var(--accent)}.lang{position:relative}.lang-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:10px 13px;background:var(--surface);color:var(--ink);font-weight:800;cursor:pointer}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent)}.lang-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);width:304px;padding:8px;background:#191d1c;border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.42);grid-template-columns:1fr 1fr;gap:3px}.lang.open .lang-menu{display:grid}.lang-menu button{border:0;background:transparent;color:var(--ink);padding:10px;border-radius:6px;text-align:left;cursor:pointer}.lang-menu button:hover,.lang-menu button.active{background:#29302d;color:var(--accent)}.hero{position:relative;min-height:calc(100dvh - 72px);display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url("assets/hero.webp") center/cover no-repeat}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,10,.96),rgba(8,10,10,.73) 38%,rgba(8,10,10,.08) 73%)}.hero-copy{position:relative;padding-bottom:64px}.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--accent)}.hero h1,.modes h2,.smart h2,.final h2{font-size:clamp(3.2rem,6.7vw,7rem);line-height:.89;letter-spacing:-.065em;margin:.18em 0}.hero h1{max-width:8ch}.hero-copy>p:not(.eyebrow){max-width:480px;color:#c6cfca;line-height:1.65}.hero a,.final a{display:inline-flex;margin-top:18px;padding:15px 21px;border-radius:8px;background:var(--accent);color:#111611;text-decoration:none;font-weight:900;transition:transform .2s}.hero a:hover,.final a:hover{transform:translateY(-2px)}.hero a:active,.final a:active{transform:translateY(1px)}.pace-band{position:absolute;left:0;right:0;bottom:0;height:52px;background:var(--accent);color:#101410;display:flex;align-items:center;justify-content:space-around;font-weight:950;letter-spacing:.16em;font-size:.72rem;transform:rotate(-1deg) scale(1.02)}.modes{padding:120px 0}.mode-title{max-width:850px}.mode-title p,.smart p,.final p{color:var(--muted);line-height:1.68;max-width:650px}.modes h2,.smart h2,.final h2{font-size:clamp(2.5rem,5vw,5.2rem)}.mode-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;margin-top:46px}.mode-buttons{display:flex;flex-direction:column}.mode-buttons button{min-height:82px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left;font-weight:850;font-size:1rem;cursor:pointer}.mode-buttons button b{font-size:.66rem;color:#727c76}.mode-buttons button.active{color:var(--ink);background:var(--surface);padding-inline:18px}.mode-buttons button.active b{color:var(--accent)}.mode-result{min-height:340px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end}.mode-result>span{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.17em}.mode-result h3{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.05em;line-height:.98;margin:9px 0}.mode-result p{color:var(--muted);line-height:1.65;max-width:680px}.signal{height:34px;display:flex;align-items:flex-end;gap:7px;margin-top:25px}.signal i{display:block;width:9%;max-width:52px;background:var(--accent);height:28%}.signal i:nth-child(2){height:50%}.signal i:nth-child(3){height:82%}.signal i:nth-child(4){height:58%}.signal i:nth-child(5){height:100%}.smart{padding:0 0 120px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.smart-note{border-left:4px solid var(--accent);padding:24px 0 24px 28px}.smart-note strong{font-size:1.25rem}.final{background:var(--surface);padding:110px 0}.final .frame{max-width:900px}.final a{border-radius:8px}footer{border-top:1px solid var(--line);padding:28px 0;color:#8f9993;font-size:.75rem}footer .frame{display:flex;justify-content:space-between;gap:28px;align-items:center}footer p{margin:0;line-height:1.55;max-width:820px}footer a{color:var(--ink);text-decoration:none;white-space:nowrap}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.reveal.show{opacity:1;transform:none}[dir=rtl] .lang-menu{right:auto;left:0}[dir=rtl] .lang-menu button,[dir=rtl] .mode-buttons button{text-align:right}[dir=rtl] .smart-note{border-left:0;border-right:4px solid var(--accent);padding-left:0;padding-right:28px}@media(max-width:760px){.frame{width:min(100% - 28px,620px)}.nav{height:68px}.brand small{display:none}.lang-trigger{padding:9px 11px}.lang-label{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-menu{width:min(290px,calc(100vw - 28px))}.hero{min-height:calc(100dvh - 68px);align-items:flex-end;padding-bottom:88px}.hero-photo{background-position:61% center}.hero-photo:after{background:linear-gradient(0deg,rgba(8,10,10,.98),rgba(8,10,10,.73) 47%,rgba(8,10,10,.1) 78%)}.hero-copy{padding-bottom:8px}.hero h1{font-size:clamp(3rem,15vw,4.8rem);max-width:9ch}.pace-band{height:44px;font-size:.6rem}.modes{padding:88px 0}.mode-grid{grid-template-columns:1fr;gap:16px;margin-top:34px}.mode-buttons{flex-direction:row;overflow:auto}.mode-buttons button{min-width:180px;padding:0 12px}.mode-buttons button.active{padding-inline:12px}.mode-result{min-height:390px;padding:28px}.smart{grid-template-columns:1fr;gap:36px;padding-bottom:88px}.final{padding:82px 0}footer .frame{flex-direction:column;align-items:flex-start;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero a,.final a{transition:none}}