:root{--ink:#17211c;--muted:#5c6963;--paper:#fbfaf7;--surface:#ffffff;--line:#dde3de;--green:#226b4f;--teal:#0f7a7a;--coral:#c6533d;--amber:#d99b2b;--shadow:0 18px 50px rgba(26,38,32,0.11)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid rgba(15,122,122,.35);outline-offset:4px}.site-header{align-items:center;background:rgba(251,250,247,.93);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:72px;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{gap:10px}.brand,.brand-mark{align-items:center;display:inline-flex;font-weight:800}.brand-mark{background:var(--green);border-radius:8px;color:#ffffff;font-size:13px;height:34px;justify-content:center;width:42px}nav{align-items:center;display:flex;gap:22px}nav a{color:var(--muted);font-size:15px;font-weight:700}nav a:hover{color:var(--ink)}.page{margin:0 auto;max-width:1160px;padding:54px 28px 80px}.page.narrow{max-width:760px}.hero{align-items:center;display:grid;grid-gap:44px;gap:44px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);min-height:calc(100vh - 180px)}.hero-copy-block{max-width:690px}.eyebrow{color:var(--coral);font-size:13px;font-weight:800;margin:0 0 14px;text-transform:uppercase}h1,h2{line-height:1.08;margin:0}h1{font-size:58px;max-width:760px}h2{font-size:28px}p{color:var(--muted);font-size:17px;margin:14px 0 0}.hero-copy{font-size:20px;max-width:660px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;font-weight:800;justify-content:center;min-height:46px;padding:0 18px}.button.primary{background:var(--green);color:#ffffff}.button.secondary{background:#eef3ef;border-color:#d8e1da;color:var(--ink)}.button:disabled{cursor:not-allowed;opacity:.62}.analysis-preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:24px}.metric-row,.preview-topline{display:flex;gap:16px;justify-content:space-between}.preview-topline{align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.metric-label,.preview-topline span{color:var(--muted);font-size:14px;font-weight:800}.preview-topline strong{color:var(--coral);font-size:14px}.metric-row{margin-top:18px}.metric-row>div{background:#f4f7f2;border-radius:8px;flex:1 1;padding:14px}.metric-label{display:block;margin-bottom:4px}.stream-chart{background:linear-gradient(#edf0ec 1px,transparent 0),linear-gradient(90deg,#edf0ec 1px,transparent 0);background-size:100% 34px,42px 100%;border:1px solid var(--line);border-radius:8px;height:190px;margin-top:18px;overflow:hidden;position:relative}.hr-line,.pace-line{border-radius:999px;display:block;height:4px;left:7%;position:absolute;right:7%}.pace-line{background:var(--teal);top:82px;transform:rotate(-1deg)}.hr-line{background:var(--coral);top:112px;transform:rotate(6deg);transform-origin:left center}.terrain-block{background:var(--amber);bottom:0;display:block;opacity:.36;position:absolute}.terrain-block.one{height:34px;left:0;width:34%}.terrain-block.two{height:54px;left:34%;width:39%}.terrain-block.three{height:72px;left:73%;width:27%}.section-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:46px}.notice,.panel,.section-grid article{background:var(--surface);border:1px solid var(--line);border-radius:8px}.section-grid article{padding:24px}.panel{display:grid;grid-gap:24px;gap:24px;grid-template-columns:.85fr 1.15fr;margin-top:18px;padding:28px}.signal-list{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.signal-list li{background:#f4f7f2;border-radius:8px;padding:14px 16px}.notice,.signal-list li{color:var(--ink);font-weight:800}.notice{margin:22px 0;padding:18px}@media (max-width:860px){.site-header{align-items:flex-start;flex-direction:column;gap:16px;padding:18px 22px}nav{flex-wrap:wrap;gap:14px}.page{padding:34px 20px 56px}.hero{grid-template-columns:1fr;min-height:auto}h1{font-size:42px}.hero-copy{font-size:18px}.panel,.section-grid,.signal-list{grid-template-columns:1fr}}@media (max-width:470px){h1{font-size:34px}h2{font-size:24px}.metric-row,.preview-topline{flex-direction:column}.button{width:100%}}