:root{--ink:#151713;--paper:#f2f0e8;--acid:#d8ff3e;--muted:#666b61;--line:#c9c8bf;--dark:#20231e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(242,240,232,.92);backdrop-filter:blur(12px);z-index:10}.brand{color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand span{display:inline-grid;place-items:center;background:var(--ink);color:var(--acid);width:38px;height:38px;margin-right:10px}.nav nav{display:flex;gap:28px;align-items:center}.nav nav a{color:var(--ink);text-decoration:none;font-size:14px}.nav-cta{border:1px solid var(--ink);padding:9px 14px}.hero{min-height:calc(100vh - 72px);padding:clamp(70px,10vw,140px) clamp(24px,6vw,90px);display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:#54594f}.hero h1{font-size:clamp(48px,7.4vw,104px);line-height:.98;letter-spacing:-.065em;margin:20px 0 30px}.hero h1 em{font-style:normal;box-shadow:inset 0 -.28em var(--acid)}.lead{max-width:720px;font-size:clamp(18px,2vw,24px);line-height:1.65;color:#42473e}.actions{display:flex;gap:12px;margin:38px 0 18px}.actions a{padding:15px 22px;text-decoration:none;font-weight:750}.primary{background:var(--ink);color:white}.secondary{border:1px solid var(--ink);color:var(--ink)}.micro{font-size:13px;color:var(--muted)}.answer-card{background:var(--dark);color:#f5f4ef;padding:28px;box-shadow:18px 18px 0 var(--acid);transform:rotate(1deg)}.card-top{display:flex;justify-content:space-between;align-items:center;color:#aeb4a8;font-size:12px;margin-bottom:46px}.dot{width:9px;height:9px;border-radius:50%;background:var(--acid)}.answer-card h2{font-size:25px;line-height:1.45;margin:8px 0}.answer-card p{line-height:1.7}.label{color:var(--acid);font-size:12px;font-weight:800;letter-spacing:.12em}.divider{height:1px;background:#444a41;margin:26px 0}.signal{background:#2d312a;padding:16px;margin-top:28px;display:flex;flex-direction:column;gap:6px}.signal span{font-size:11px;color:#aeb4a8}.loop,.skills,.start,.problems{padding:100px clamp(24px,6vw,90px)}.loop{background:var(--ink);color:#f3f1e9}.loop .section-kicker{color:var(--acid)}section>h2,.problems h2{font-size:clamp(36px,5vw,66px);letter-spacing:-.045em;margin:14px 0 55px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #53574f}.steps article{padding:28px 28px 20px 0;border-right:1px solid #53574f;min-height:250px}.steps article+article{padding-left:28px}.steps b{color:var(--acid);font-family:ui-monospace,monospace}.steps h3{font-size:22px;margin:50px 0 12px}.steps p{color:#b9bdb4;line-height:1.7}.problems{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.problems ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.problems li{padding:26px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.problems li span{font-size:13px;color:var(--muted)}.problems li strong{font-size:21px}.skills{background:#deddd4}.skills h2 code,.start h2 code{background:var(--acid);font-family:ui-monospace,monospace;font-size:.8em;padding:4px 10px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b7b8af;border:1px solid #b7b8af}.skill-grid article{background:#e9e8df;padding:28px;min-height:190px}.skill-grid .featured{background:var(--acid);grid-column:span 2}.skill-grid code{font-size:13px;font-weight:800}.skill-grid h3{font-size:23px;margin:35px 0 8px}.skill-grid p{color:#565b52;line-height:1.6}.start{text-align:center}.terminal{max-width:780px;margin:42px auto 24px;background:#1d201b;color:white;padding:18px 20px;display:flex;gap:14px;align-items:center;text-align:left;box-shadow:10px 10px 0 var(--acid)}.terminal span{color:var(--acid)}.terminal code{overflow:auto;white-space:nowrap}.terminal button{margin-left:auto;border:1px solid #5f665b;background:transparent;color:white;padding:8px 12px;cursor:pointer}.start>p:last-child{color:var(--muted)}footer{padding:28px clamp(24px,6vw,90px);border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}@media(max-width:900px){.hero,.problems{grid-template-columns:1fr}.answer-card{transform:none}.steps{grid-template-columns:1fr 1fr}.skill-grid{grid-template-columns:1fr 1fr}.nav nav a:not(.nav-cta){display:none}}@media(max-width:580px){.hero{padding-top:70px}.steps,.skill-grid{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #53574f}.steps article+article{padding-left:0}.skill-grid .featured{grid-column:span 1}.terminal{font-size:11px}.terminal button{display:none}footer{flex-direction:column;gap:10px}}