:root{--paper:#fff;--card:#fff;--ink:#1f2a33;--muted:#67737d;--line:#e3e8ec;--blue:#16699e;--blue-soft:#e7f1f7;--green:#2e9e4f;--green-soft:#e9f2ec;--on-green:#fff;--on-blue:#fff;--check:#9facb6;--neon:#00b9ce;--gold:#a87c1f;--gold-soft:#f7efdb;--tint-blue:#e5ecf9;--icon-blue:#3d5fb8;--tint-amber:#fbefdc;--icon-amber:#a56a12;--tint-red:#f9e7e4;--icon-red:#b14a38;--grad:linear-gradient(100deg,#0e5040 0%,#11707c 45%,#2090cf 100%);--shadow:0 1px 2px #1f2a330d,0 8px 24px -12px #1f2a331f;--glow:0 0 0 1px var(--neon),0 6px 28px -4px #00b9ce59;--glow-soft:0 8px 32px -6px #00b9ce80}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0e171d;--card:#15222a;--ink:#e7eef2;--muted:#94a5af;--line:#243640;--blue:#5fb2e6;--blue-soft:#18303c;--green:#4fbe72;--green-soft:#13271f;--on-green:#0a2413;--on-blue:#0b2331;--check:#546874;--neon:#2ae5f5;--gold:#dcb456;--gold-soft:#2a2416;--tint-blue:#182238;--icon-blue:#8ca7ee;--tint-amber:#2c2313;--icon-amber:#e4b061;--tint-red:#301b17;--icon-red:#ee9280;--shadow:0 1px 2px #0000004d,0 8px 24px -12px #00000080;--glow:0 0 0 1px var(--neon),0 6px 30px -4px #2ae5f54d;--glow-soft:0 8px 32px -6px #2ae5f573}}:root[data-theme=dark]{--paper:#0e171d;--card:#15222a;--ink:#e7eef2;--muted:#94a5af;--line:#243640;--blue:#5fb2e6;--blue-soft:#18303c;--green:#4fbe72;--green-soft:#13271f;--on-green:#0a2413;--on-blue:#0b2331;--check:#546874;--neon:#2ae5f5;--gold:#dcb456;--gold-soft:#2a2416;--tint-blue:#182238;--icon-blue:#8ca7ee;--tint-amber:#2c2313;--icon-amber:#e4b061;--tint-red:#301b17;--icon-red:#ee9280;--shadow:0 1px 2px #0000004d,0 8px 24px -12px #00000080;--glow:0 0 0 1px var(--neon),0 6px 30px -4px #2ae5f54d;--glow-soft:0 8px 32px -6px #2ae5f573}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--blue)}:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:4px}.band{background:var(--grad);height:80px}@media (max-width:640px){.band{height:56px}}.wrap{max-width:800px;margin:0 auto;padding:0 20px 80px}.topbar{justify-content:space-between;align-items:center;padding-top:28px;display:flex}.goat{background:var(--green-soft);border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.theme-toggle{background:var(--card);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font:600 13px/1 inherit;transition:border-color .2s,box-shadow .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--neon);box-shadow:var(--glow)}.hero{text-align:left;padding:26px 0 8px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--blue);margin:0 0 10px;font-size:12px;font-weight:700;line-height:1}h1{letter-spacing:-.015em;text-wrap:balance;margin:0 0 14px;font-size:clamp(30px,5.5vw,42px);font-weight:800;line-height:1.12}.lede{color:var(--muted);max-width:58ch;margin:0 0 10px;font-size:18px}.note{color:var(--muted);max-width:56ch;margin:22px 0 0;font-size:16.5px;font-style:italic;line-height:1.55}.note small{letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-top:6px;font-size:11px;font-style:normal;font-weight:700;line-height:1;display:block}.progress-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin:30px 0 8px;padding:16px 18px}.progress-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress-label{font-size:14px;font-weight:600}.progress-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.bar{background:var(--line);border-radius:99px;height:8px;margin-top:12px;overflow:hidden}.bar-fill{background:var(--grad);border-radius:99px;width:0%;height:100%;transition:width .4s}.done-banner{background:var(--gold-soft);color:var(--gold);border-radius:10px;margin-top:12px;padding:12px 14px;font-size:15px;font-weight:600;display:none}.done-banner.show{display:block}section{margin-top:48px}.sec-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 8px;font-size:12px;font-weight:700;line-height:1}h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px;font-size:clamp(22px,3.6vw,28px);font-weight:800;line-height:1.2}.sec-intro{color:var(--muted);max-width:60ch;margin:0 0 26px;font-style:italic}.trail{margin:0;padding:0;list-style:none}.step{grid-template-columns:44px 1fr;gap:0 16px;display:grid;position:relative}@media (max-width:560px){.step{grid-template-columns:36px 1fr;gap:0 12px}}.rail{flex-direction:column;align-items:center;display:flex}.bubble{background:var(--card);border:2px solid var(--line);font-variant-numeric:tabular-nums;width:36px;height:36px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .3s,border-color .3s,color .3s;display:flex}.connector{background:var(--line);flex:1;width:2px;margin:4px 0;transition:background .3s}.step:last-child .connector{display:none}.step.complete .bubble{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}.step.complete .connector{background:var(--blue)}.step-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.step-card:hover{border-color:var(--neon);box-shadow:var(--glow)}.step.active .step-card{border-color:var(--blue);box-shadow:var(--glow-soft)}.step.active .step-card:hover{border-color:var(--neon)}.step.active .bubble{border-color:var(--blue);color:var(--blue)}.step.complete .step-card{border-color:color-mix(in srgb, var(--blue) 40%, var(--line))}.step-head{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:16px 18px;display:flex}.step-head .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:5px;font-size:11px;font-weight:700;line-height:1;display:block}.step-head h3{letter-spacing:-.005em;margin:0;font-size:18px;font-weight:700;line-height:1.3}.step-head .hook{color:var(--blue);margin-top:4px;font-size:14px;font-weight:400;line-height:1.4;display:block}.step-head .head-text{flex:1}.chev{width:24px;height:24px;color:var(--muted);flex-shrink:0;transition:transform .25s}.step-head[aria-expanded=true] .chev{transform:rotate(180deg)}.step-body{padding:0 18px 18px;display:none}.step-body.open{display:block}.why{color:var(--muted);max-width:58ch;margin:0 0 14px}.why b,.tasks .hint b{color:var(--ink);font-weight:600}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:12px;margin:0 0 6px;position:relative;overflow:hidden}.video-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-fallback{color:var(--muted);margin:0 0 14px;font-size:12.5px}.tasks{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tasks label{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.tasks label:hover{background:var(--blue-soft)}.tasks label.important{border-color:color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold-soft) 55%, transparent)}.tasks label.important:hover{background:var(--gold-soft)}.req{letter-spacing:.1em;color:var(--gold);border:1px solid var(--gold);vertical-align:2px;border-radius:5px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-block}.tasks input{appearance:none;border:2px solid var(--check);background:var(--card);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin:1px 0 0;transition:background .15s,border-color .15s;display:inline-flex}.tasks input:checked{background:var(--green);border-color:var(--green)}.tasks input:checked:after{content:"";border:2px solid var(--on-green);border-top:0;border-right:0;width:10px;height:6px;margin-top:-2px;transform:rotate(-45deg)}.tasks input:checked+span{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent)}.tasks .hint{color:var(--muted);font-size:13px;text-decoration:none;display:block}.task-link{color:var(--blue);margin:0 0 8px 42px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.task-link:hover{text-decoration:underline}.task-link .arrow{font-size:11px}.chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{color:var(--blue);background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 25%, transparent);border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:inline-flex}.chip:hover{border-color:var(--neon);box-shadow:var(--glow)}.chip .arrow{font-size:12px}.chip-soon{color:var(--muted);border:1px dashed var(--line);cursor:default;background:0 0}.chip-soon:hover{border-color:var(--line);box-shadow:none}.help-strip{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:52px;padding:20px 22px;display:flex}.help-strip .emoji{font-size:26px;line-height:1.3}.help-strip .txt{flex:1;min-width:220px}.help-strip h3{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3}.help-strip p{color:var(--muted);margin:0;font-size:14.5px}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:20px;font-size:13px;display:flex}.reset{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.reset:hover{color:var(--ink)}#confetti{pointer-events:none;z-index:99;position:fixed;inset:0}.topbar-right{align-items:center;gap:10px;display:flex}.signout{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.signout:hover{color:var(--ink)}.save-error{background:var(--tint-red);color:var(--icon-red);border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:14px;font-weight:600}.gate{margin-top:34px}.gate-box{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;max-width:52ch;padding:28px 26px}.gate-box h2{margin:0 0 10px;font-size:clamp(20px,3.2vw,24px)}.gate-box p{color:var(--muted);margin:0 0 20px}.gate-btn{color:var(--on-blue);background:var(--blue);border:1px solid var(--blue);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;padding:13px 26px;font:600 15px/1 inherit;transition:box-shadow .2s,opacity .2s;display:inline-flex}.gate-btn:hover:not(:disabled){box-shadow:var(--glow-soft)}.gate-btn:disabled{opacity:.6;cursor:default}.gate-error{color:var(--icon-red);margin:16px 0 0;font-size:14px;font-weight:600}
