:root{--ink:#1d2924;--paper:#f5f1e8;--card:#fffdf8;--green:#1d5a45;--lime:#cde768;--orange:#e7663d;--muted:#6c756f;--line:#d9d7ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.hero{background:var(--ink);color:#fff;padding:24px clamp(20px,5vw,72px) 0;overflow:hidden}.hero nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff29;padding-bottom:18px}.brand,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.reset{background:transparent;border:1px solid #ffffff55;color:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}.hero-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:70px;align-items:end;padding:64px 0 52px;max-width:1200px;margin:auto}.hero h1{font-size:clamp(52px,7vw,96px);line-height:.92;letter-spacing:-.06em;margin:12px 0 28px}.hero h1 em{font-family:'Playfair Display',serif;color:var(--lime);font-weight:600}.lead{max-width:590px;color:#d2d7d3;font-size:17px;line-height:1.7}.score-card{background:#fff;color:var(--ink);padding:26px;border-radius:20px;box-shadow:0 18px 50px #0003}.score-top,.time{display:flex;justify-content:space-between;align-items:center}.score-top strong{font-size:38px}.bar{height:8px;background:#e8ebe7;border-radius:99px;overflow:hidden;margin:18px 0}.bar i{display:block;width:0;height:100%;background:var(--orange);transition:.35s}.score-card p{color:var(--muted);font-size:13px}.time{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:13px}.time b{font-size:16px}.route{display:grid;grid-template-columns:repeat(5,1fr);max-width:1200px;margin:auto}.route button{appearance:none;border:0;border-left:1px solid #ffffff24;background:transparent;color:#fff;text-align:left;padding:22px 14px;display:flex;gap:12px;cursor:pointer}.route button:last-child{border-right:1px solid #ffffff24}.route b{color:var(--lime);font-size:12px}.route span{font-weight:700}.route small{display:block;color:#9ba9a2;font-weight:500;margin-top:5px}.section-head{max-width:1200px;margin:0 auto;padding:76px 0 34px}.section-head h2{font-family:'Playfair Display',serif;font-size:clamp(36px,5vw,58px);margin:10px 0}.section-head>p:last-child{color:var(--muted)}main{padding:0 clamp(20px,5vw,72px)}#stages{max-width:1200px;margin:auto}.stage{background:var(--card);border:1px solid var(--line);border-radius:22px;margin-bottom:18px;overflow:hidden}.stage-head{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:26px;cursor:pointer}.num{font-family:'Playfair Display',serif;color:var(--orange);font-size:30px}.stage-title h3{margin:0;font-size:22px}.stage-title p{margin:6px 0 0;color:var(--muted);font-size:13px}.stage-progress{display:flex;align-items:center;gap:16px}.stage-progress span{font-size:12px;color:var(--muted)}.chev{border:1px solid var(--line);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:.2s}.stage.open .chev{transform:rotate(180deg);background:var(--ink);color:#fff}.stage-body{display:none;border-top:1px solid var(--line);grid-template-columns:1.4fr .9fr}.stage.open .stage-body{display:grid}.checks{padding:28px}.check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #e8e6df;cursor:pointer;line-height:1.5}.check input{position:absolute;opacity:0}.box{width:20px;height:20px;border:1.5px solid #9ea69f;border-radius:6px;margin-top:1px}.check input:checked+.box{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 5px var(--green)}.check input:checked~span{text-decoration:line-through;color:#89918c}.notes{background:#eef0e9;padding:28px}.note{margin-bottom:20px}.note small,.example small{display:block;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.note p{margin:0;line-height:1.6}.note.warn{border-left:3px solid var(--orange);padding-left:15px}.principles{background:var(--green);color:#fff;margin:90px calc(clamp(20px,5vw,72px)*-1) 0;padding:0 clamp(20px,5vw,72px) 70px}.section-head.light{padding-top:70px}.section-head.light .eyebrow{color:var(--lime)}.principle-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.principle-grid article{background:#ffffff0d;border:1px solid #ffffff25;border-radius:20px;padding:28px}.principle-grid .wide{grid-row:span 2}.tag{display:inline-block;color:var(--lime);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:18px}.principle-grid li{padding:11px 0;border-bottom:1px solid #ffffff1f;line-height:1.55}.example{padding:16px;border-radius:12px;margin-bottom:12px;line-height:1.5}.example.bad{background:#e7663d28}.example.good{background:#cde76822}.example.good small{color:var(--lime)}.principle-grid p{color:#c5cec9;line-height:1.6}.thought{background:var(--lime)!important;color:var(--ink)!important}.thought .tag{color:var(--green)}blockquote{font-family:'Playfair Display',serif;font-size:29px;line-height:1.25;margin:8px 0}footer{text-align:center;background:var(--lime);color:var(--ink);padding:25px;font-weight:800;letter-spacing:.08em}footer span{color:var(--orange);padding:0 12px}@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:30px;padding:45px 0}.route{overflow-x:auto;grid-template-columns:repeat(5,160px)}.stage-head{grid-template-columns:45px 1fr}.stage-progress{grid-column:2}.stage.open .stage-body,.principle-grid{grid-template-columns:1fr}.principle-grid .wide{grid-row:auto}.section-head{padding-top:55px}.hero h1{font-size:52px}}