.landing{--axis:clamp(24px, 6vw, 96px);max-width:1480px;padding:0 var(--axis);margin:0 auto}.landing-header{justify-content:space-between;align-items:center;height:96px;display:flex}.landing-nav{align-items:center;gap:6px;display:flex}.hero{padding:clamp(64px,11vw,150px) 0 clamp(56px,7vw,96px)}.hero h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.062em;margin:26px 0 0;font-size:clamp(54px,8.6vw,132px);font-weight:720;line-height:.94}.hero-foot{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-top:clamp(36px,5vw,64px);display:grid}.hero-copy{max-width:470px;color:var(--quiet);letter-spacing:-.02em;margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.45}.hero-actions{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.hero-note{color:var(--faint);letter-spacing:.04em;font-size:11px}.stage{background:var(--sidebar);border-radius:44px;margin:0;padding:clamp(18px,4vw,64px) clamp(18px,4vw,64px) 0;overflow:hidden}.stage-window{background:var(--canvas);min-height:560px;box-shadow:var(--shadow-float);animation:stage-in .9s var(--ease) both;border-radius:26px 26px 0 0;grid-template-columns:230px minmax(0,1fr);display:grid;overflow:hidden}@keyframes stage-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.mock-sidebar{background:var(--sidebar);padding:28px 14px;font-size:13px}.mock-wordmark{letter-spacing:-.05em;padding:0 10px 22px;font-size:20px;font-weight:720}.mock-nav{height:33px;color:rgb(var(--ink-rgb) / .76);border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:0 10px;display:grid}.mock-nav .mono{color:var(--faint);font-size:10px}.mock-nav.is-selected{background:var(--selected);color:var(--ink);font-weight:600}.mock-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:22px 10px 8px;font-size:9.5px}.mock-dot{border-radius:50%;width:7px;height:7px;margin-left:4px}.mock-main{padding:44px clamp(24px,4vw,64px) 30px}.mock-head{border-bottom:.5px solid var(--hairline);justify-content:space-between;align-items:flex-start;margin-bottom:4px;padding-bottom:26px;display:flex}.mock-title{font-family:var(--font-display);letter-spacing:-.055em;margin-bottom:12px;font-size:44px;font-weight:720;line-height:1}.mock-date{flex-direction:column;align-items:flex-end;display:flex}.mock-date span{letter-spacing:-.06em;color:rgb(var(--ink-rgb) / .72);font-size:40px;font-weight:300;line-height:1}.mock-date small{letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);margin-top:6px;font-size:10px}.mock-row{grid-template-columns:22px minmax(0,1fr) auto;gap:14px;padding:15px 0;display:grid;position:relative}.mock-row:after{content:"";background:var(--hairline);height:.5px;position:absolute;bottom:0;left:36px;right:0}.mock-check{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:19px;height:19px;margin-top:1px;display:grid}.mock-row.is-done .mock-check{background:var(--faint);color:var(--canvas);border-color:#0000}.mock-row-title{letter-spacing:-.015em;font-size:16px;font-weight:500}.mock-row.is-done .mock-row-title{color:var(--quiet);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.mock-row-notes{color:rgb(var(--ink-rgb) / .45);margin-top:4px;font-size:13px}.mock-meta{color:var(--quiet);gap:8px;margin-top:6px;font-size:10.5px;display:flex}.mock-meta span{align-items:center;gap:5px;display:inline-flex}.mock-meta span+span:before{content:"·";margin-right:3px}.mock-meta i{border-radius:50%;width:5px;height:5px}.mock-meta .is-overdue{color:var(--overdue)}.mock-urgent{color:var(--urgent);margin-top:3px}.principles{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);padding:clamp(72px,9vw,130px) 0 clamp(64px,8vw,110px);display:grid}.principles article{border-top:.5px solid var(--hairline);padding-top:22px}.principle-index{color:var(--faint);font-size:12px}.principles h2{letter-spacing:-.04em;margin:36px 0 10px;font-size:24px;font-weight:650}.principles p{max-width:300px;color:var(--quiet);letter-spacing:-.01em;margin:0;font-size:15px;line-height:1.55}.closing{justify-content:space-between;align-items:flex-end;gap:32px;padding:clamp(40px,6vw,80px) 0 clamp(64px,8vw,110px);display:flex}.closing h2{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(44px,6vw,88px);font-weight:720;line-height:.95}.landing-footer{border-top:.5px solid var(--hairline);letter-spacing:.12em;text-transform:uppercase;color:var(--quiet);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding:22px 0 34px;font-size:11px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.footer-links a{padding:8px 0;text-decoration:none}.footer-links a:hover,.footer-links a[aria-current=page]{color:var(--ink)}@media (max-width:960px){.principles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}.stage-window{grid-template-columns:1fr}.mock-sidebar{display:none}}@media (max-width:680px){.landing-footer{flex-direction:column;align-items:flex-start;gap:10px}.footer-links{gap:4px 20px}.landing-header{height:76px}.landing-nav .button-quiet{display:none}.hero-foot{grid-template-columns:1fr}.hero-actions{align-items:flex-start}.stage{border-radius:30px}.stage-window{border-radius:20px 20px 0 0;min-height:0}.mock-main{padding:28px 20px 10px}.mock-title{font-size:36px}.principles{grid-template-columns:1fr;row-gap:44px}.principles h2{margin-top:20px}.closing{flex-direction:column;align-items:flex-start}}