:root { --ink:#202420; --muted:#70766d; --line:#d9ded4; --paper:#f6f7f2; --card:#fff; --green:#607d67; --yellow:#e6c86e; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, sans-serif; }
.shell { max-width:1180px; margin:auto; padding:56px 34px 34px; }
.hero { padding:30px 4px 80px; max-width:800px; }
.eyebrow,.section-kicker,.phase-top,.day,.time,footer,.hero-meta { font-family:'DM Mono', monospace; letter-spacing:.06em; text-transform:uppercase; font-size:11px; }
.eyebrow,.section-kicker { color:var(--green); font-weight:500; }
h1 { font-size:clamp(48px, 8vw, 92px); line-height:.98; letter-spacing:-.07em; margin:24px 0 28px; font-weight:800; }
h1 em { color:var(--green); font-style:normal; }
.lede { max-width:570px; font-size:18px; line-height:1.7; color:#5f665d; }
.hero-meta { margin-top:34px; color:#687168; }
.status-dot { display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:50%; background:var(--yellow); }
.panel { background:var(--card); border:1px solid var(--line); border-radius:3px; }
.north-star { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:28px 32px; margin-bottom:100px; border-left:4px solid var(--yellow); }
.north-star h2 { max-width:520px; margin:9px 0 0; font-size:24px; letter-spacing:-.035em; }
.north-star p { max-width:390px; color:var(--muted); line-height:1.65; font-size:14px; }
.section-block { margin-bottom:100px; }
.section-heading { display:flex; gap:18px; align-items:flex-start; margin-bottom:28px; }
.section-number { color:#b5bcb2; font-family:'DM Mono',monospace; font-size:13px; padding-top:3px; }
h2 { margin:7px 0 0; font-size:31px; letter-spacing:-.05em; }
h3 { margin:18px 0 10px; font-size:19px; letter-spacing:-.035em; }
p { margin:0; }
.roadmap,.panel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.phase { min-height:300px; padding:25px; border:1px solid var(--line); background:#eef0e9; }
.phase.active { background:var(--green); color:#f7faf3; border-color:var(--green); }
.phase-top { display:flex; justify-content:space-between; color:#7f887e; }
.active .phase-top { color:#d9e3d7; }
.pill { border:1px solid currentColor; border-radius:30px; padding:4px 8px; font-size:9px; }
.pill.green { color:#ebf2e7; }
.phase p,.cycle-card p { color:#687068; line-height:1.65; font-size:13px; }
.active p { color:#e0e8dd; }
.phase ul { padding-left:16px; margin:23px 0 0; color:#667067; line-height:2; font-size:12px; }
.active ul { color:#e0e8dd; }
.panel-grid { grid-template-columns:repeat(4,1fr); }
.machine-card { min-height:190px; padding:24px; border:1px solid var(--line); background:var(--card); }.machine-icon { color:var(--green); font:11px 'DM Mono',monospace; }.machine-card p { color:var(--muted); line-height:1.65; font-size:13px; }.maintenance-note { margin-top:14px; padding:18px 22px; border-left:2px solid var(--yellow); color:var(--muted); background:#f0f1eb; font-size:13px; }.maintenance-note strong { color:var(--ink); }
.cycle-card { position:relative; min-height:220px; padding:24px; border-top:2px solid var(--green); background:var(--card); }
.day { color:var(--green); }
.time { position:absolute; bottom:22px; color:#a0a89e; font-size:10px; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.lesson,.resource { padding:8px 22px; }
.lesson-row { display:flex; justify-content:space-between; gap:20px; padding:17px 0; border-bottom:1px solid var(--line); font-size:13px; }
.lesson-row:last-child { border:0; }.lesson-row span { color:var(--green); }.lesson-row strong { text-align:right; font-weight:600; }
.resource-item { display:flex; align-items:center; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); color:inherit; text-decoration:none; }.resource-item:last-child { border:0; }.resource-icon { color:var(--green); font-size:19px; }.resource-item div { flex:1; }.resource-item strong,.resource-item small { display:block; }.resource-item small { margin-top:5px; color:var(--muted); font-size:11px; }.arrow { color:#adb5aa; }.muted { opacity:.65; }
.daily-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }.daily-copy { padding:24px 0; max-width:430px; color:var(--muted); line-height:1.7; font-size:14px; }.daily-principles { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }.daily-principles span { padding:7px 10px; color:var(--green); border:1px solid #cbd5c8; border-radius:20px; font:10px 'DM Mono',monospace; text-transform:uppercase; }.day-preview { padding:24px; }.day-preview-head { display:flex; justify-content:space-between; align-items:center; }.day-preview h3 { margin-top:25px; }.day-preview label { display:block; padding:13px 0; border-bottom:1px solid var(--line); color:#596159; font-size:13px; }.fake-link { display:inline-block; margin-top:22px; color:var(--green); font:11px 'DM Mono',monospace; text-decoration:none; text-transform:uppercase; }
.levels { display:grid; grid-template-columns:repeat(5,1fr); padding:12px 20px; }.levels > div { display:flex; flex-direction:column; gap:6px; padding:15px 13px; border-right:1px solid var(--line); }.levels > div:last-child { border:0; }.level { width:28px; height:28px; display:grid; place-items:center; color:#fff; border-radius:50%; font:11px 'DM Mono',monospace; }.l1 { background:#708c75; }.l2 { background:#8e9f72; }.l3 { background:#b29f69; }.l4 { background:#bb8062; }.l5 { background:#9c6963; }.levels strong { font-size:13px; }.levels small { color:var(--muted); font-size:11px; line-height:1.45; }.pipeline { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.pipeline > div { padding:23px; background:#eef0e9; }.pipeline span { color:var(--green); font:11px 'DM Mono',monospace; }.pipeline h3 { margin-top:24px; }.pipeline p { color:var(--muted); font-size:13px; line-height:1.6; }
.bottom-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }.questions,.log { padding:9px 22px; }.questions label { display:block; padding:16px 0; border-bottom:1px solid var(--line); color:#596159; font-size:13px; }.questions label:last-child { border:0; }input { accent-color:var(--green); margin-right:10px; }.log div { display:flex; gap:15px; padding:16px 0; border-bottom:1px solid var(--line); }.log div:last-child { border:0; }.log span { color:var(--green); font:11px 'DM Mono',monospace; }.log p { font-size:13px; color:#596159; }
footer { display:flex; justify-content:space-between; padding-top:25px; border-top:1px solid var(--line); color:#9ba39a; }
@media (max-width:760px) { .shell { padding:28px 20px; }.hero { padding-bottom:55px; }.north-star,.split,.bottom-grid,.daily-layout { display:block; }.north-star p { margin-top:18px; }.roadmap,.panel-grid,.levels,.pipeline { grid-template-columns:1fr; }.phase { min-height:auto; }.levels > div { border-right:0; border-bottom:1px solid var(--line); }.split > div + div,.bottom-grid > div + div,.daily-layout > div + div { margin-top:35px; }.section-block { margin-bottom:65px; } h2 { font-size:27px; } footer { gap:15px; flex-direction:column; } }