:root{--ink:#102422;--ink-2:#1c3430;--paper:#f0f4ef;--cream:#e5eee7;--mint:#b9efc8;--lime:#cdf49d;--muted:#5c6a63;--line:#c9d1c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button{font:inherit}.skip{position:absolute;left:16px;top:-60px;z-index:10;padding:12px;background:#fff}.skip:focus{top:12px}:focus-visible{outline:3px solid #36815e;outline-offset:4px}.section-wrap{max-width:1360px;margin:auto;padding-inline:5.5%}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:16px;line-height:1.05;font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand-mark{width:35px;height:35px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-27deg)}.brand-mark i{display:block;width:3px;background:var(--ink);border-radius:4px}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:11px}.topbar nav{display:flex;gap:36px}.topbar nav a,.footer-inner a{font-size:13px;text-decoration:none;font-weight:650}.topbar nav a:hover,.footer-inner a:hover{text-decoration:underline;text-underline-offset:6px}.nav-action{font-size:13px;font-weight:750;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0}.nav-action span{padding-left:15px}.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:650px;background:var(--ink);color:#f7f8ef}.hero-copy{padding:104px 6% 100px 10.5%;display:flex;flex-direction:column;align-items:flex-start}.topic,.section-label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.topic{color:var(--lime);margin:0 0 35px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em}h1{font-size:clamp(64px,6.2vw,112px);line-height:.99;font-weight:760;margin:0 0 33px}.period{color:var(--lime)}.hero-lead{font-size:18px;line-height:1.6;max-width:520px;color:#d0ddd4;margin-bottom:36px}.button{display:inline-flex;align-items:center;gap:40px;background:var(--lime);color:var(--ink);padding:17px 22px;text-decoration:none;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.button:hover{background:#e0ffc2;transform:translateY(-2px)}.hero-visual{margin:54px 10% 54px 2%;background:#1b3630;border:1px solid #547265;padding:30px 32px;align-self:center;max-width:590px;box-shadow:20px 20px 0 rgba(0,0,0,.11)}.diagram-head{display:flex;align-items:center;gap:11px;color:#d9ead9;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:26px}.diagram-head>span:last-child{margin-left:auto;color:#a3bbaa}.pulse,.prompt-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 0 4px #9add8950}.diagram-stage{background:#27463d;padding:17px 21px;border:1px solid #557569;display:grid;grid-template-columns:1fr auto;row-gap:7px}.diagram-stage small{font-size:10px;letter-spacing:.13em;color:var(--lime);font-weight:800}.diagram-stage strong{font-size:19px;font-weight:720;grid-column:1}.diagram-stage>span{font-size:12px;color:#afc8b8;grid-column:1}.stage-two{background:#d8f1c4;color:var(--ink);border-color:#d8f1c4}.stage-two small,.stage-two>span{color:#46644e}.diagram-line{text-align:center;color:var(--lime);height:26px;line-height:26px}.diagram-note{color:#b7cabd;text-align:center;font-size:12px;margin:25px 0 0}.intro{padding-block:114px 125px;display:grid;grid-template-columns:26% 1fr;gap:4%}.section-label{color:#385946;padding-top:9px}.intro h2,.route h2,.example h2,.checklist h2{font-size:clamp(42px,4.1vw,72px);line-height:1.09;font-weight:720;margin-bottom:25px}.intro h2 em{font-family:Georgia,serif;font-weight:400}.intro-main>p{max-width:675px;font-size:17px;line-height:1.7;color:#46574d}.principles{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.principles>div{border-top:1px solid var(--ink);padding-top:18px}.principles span{font:14px Georgia,serif;color:#315a3e}.principles h3{font-size:22px;margin:30px 0 10px}.principles p{color:var(--muted);font-size:14px;line-height:1.65}.route{background:#e4e9db;padding-block:115px}.route-inner{display:grid;grid-template-columns:43% 1fr;gap:8%}.route-heading p,.example-layout>div:first-child p{font-size:16px;line-height:1.7;color:#4d5e53;max-width:440px}.route-list{list-style:none;margin:0;padding:0}.route-list li{display:grid;grid-template-columns:70px 1fr;gap:14px;border-top:1px solid #91a396;padding:23px 0 25px}.route-list li:last-child{border-bottom:1px solid #91a396}.route-list li>span{color:#315a3e;font:17px Georgia,serif;padding-top:3px}.route-list h3{font-size:21px;margin:0 0 8px}.route-list p{color:#516357;font-size:14px;line-height:1.6;margin:0}.example{padding-block:116px 130px}.example-layout{display:grid;grid-template-columns:43% 1fr;gap:8%;margin-top:24px}.prompt{background:#17302b;color:#d9ead9;min-width:0}.prompt-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #426052;padding:19px 23px;font-size:12px;font-weight:700}.prompt-title>span:last-child{margin-left:auto;color:#8da595}.prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:27px 26px;margin:0;font-size:14px;line-height:1.75}.prompt button{margin:0 26px 26px;background:var(--lime);border:0;color:var(--ink);font-size:12px;font-weight:800;padding:11px 14px;cursor:pointer}.prompt button:hover{background:#e0ffc2}.checklist{background:var(--mint);padding-block:95px}.check-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%}.checklist h2{margin:25px 0 0}.checklist ul{list-style:none;margin:22px 0 0;padding:0}.checklist li{padding:17px 0;border-bottom:1px solid #7da98a;font-size:15px;font-weight:600;display:flex;gap:15px}.checklist li span{font-weight:900}footer{background:var(--ink);color:#d4e4d8;padding-block:40px}.footer-inner{display:flex;align-items:center;gap:40px}.footer-inner p{font-size:12px;margin:0 auto 0 0;color:#a7baad}.footer-brand .brand-mark{border-color:#d4e4d8}.footer-brand .brand-mark i{background:#d4e4d8}::selection{background:var(--lime);color:var(--ink)}@media(max-width:1000px){.topbar nav{gap:16px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 6% 40px}.hero-visual{margin:30px 6% 70px;max-width:none}.intro,.route-inner,.example-layout,.check-inner{grid-template-columns:1fr;gap:26px}.intro{padding-block:80px}.route,.example{padding-block:80px}.principles{margin-top:40px}}@media(max-width:650px){.topbar{height:74px}.topbar nav{display:none}.nav-action{font-size:12px}.hero-copy{padding-block:70px 30px}h1{font-size:clamp(56px,14vw,80px)}.hero-lead{font-size:16px}.hero-visual{padding:20px;box-shadow:none}.section-wrap{padding-inline:6%}.principles{grid-template-columns:1fr;gap:18px}.principles h3{margin-top:12px}.intro h2,.route h2,.example h2,.checklist h2{font-size:clamp(40px,10vw,54px)}.route-list li{grid-template-columns:45px 1fr}.footer-inner{flex-wrap:wrap;gap:18px}.footer-inner p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}