:root{--ink:#142124;--muted:#607074;--paper:#f5f5ed;--white:#fffef8;--line:#d9dfd8;--accent:#ccfa50;--dark:#10191b;--serif:Georgia,'Noto Serif SC','Songti SC',serif;--sans:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--mono:Consolas,'SFMono-Regular',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}.wrap{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.skip{position:absolute;left:-9999px;top:8px;background:white;z-index:10;padding:12px}.skip:focus{left:12px}.topbar{height:74px;padding:0 32px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:36px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:15px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--dark);color:var(--accent);font-size:14px;letter-spacing:-.11em}.brand-mark span{font-size:10px}.topbar nav{display:flex;gap:32px;margin-left:auto}.topbar nav a{text-decoration:none;font-size:13px;font-weight:700}.topbar nav a:hover,.text-link:hover,footer a:hover{color:#618a0b}.top-note,.eyebrow,.number,.canvas-top,.version,.tip-card>span,.source-card>span,.footer-inner,.source-card a{font-family:var(--mono);font-size:11px;letter-spacing:.08em}.top-note{border-left:1px solid var(--line);padding-left:28px;color:var(--muted)}.eyebrow{font-weight:500;display:flex;align-items:center;gap:9px;margin:0 0 24px}.signal{width:8px;height:8px;background:#8dc31d;border-radius:50%;box-shadow:0 0 0 4px #dff2bb}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding-top:70px;padding-bottom:90px}.hero h1,.section-heading h2,.principles h2{font-family:var(--serif);letter-spacing:-.065em;line-height:1.13;font-weight:600}.hero h1{font-size:clamp(68px,8vw,116px);margin:0 0 28px}.hero h1 em{font-style:normal;color:#7fae1c}.hero-lead{font-size:18px;line-height:1.8;color:#48575b;max-width:540px;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:36px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 20px;min-height:50px;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--dark);color:var(--white)}.button.primary:hover{background:#344143}.button.secondary{border-color:#c9d1c8;background:transparent;color:var(--ink)}.button.secondary:hover{border-color:#6e806d}.text-link{font-size:13px;text-decoration:none;font-weight:800}.hero-visual{height:490px;position:relative;display:grid;place-items:center;overflow:hidden;background:#dfe8d7;border:1px solid #d4dfd0;background-image:radial-gradient(#b8c8b4 1px,transparent 1px);background-size:21px 21px}.orbit{position:absolute;border:1px solid #8b9f88;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:350px;height:260px}.orbit-two{width:490px;height:380px;border-style:dashed;opacity:.65}.visual-center{width:160px;height:160px;background:var(--dark);color:var(--white);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1;box-shadow:0 16px 38px #22352a32}.visual-center span{font-family:var(--mono);font-size:10px;line-height:1.5;letter-spacing:.1em}.visual-center strong{font-family:var(--serif);font-size:70px;font-weight:400;line-height:.95;color:var(--accent)}.orbit-label{position:absolute;background:var(--white);padding:9px 12px;font-family:var(--mono);font-size:12px;border:1px solid #aebda9;box-shadow:4px 4px 0 #a4b398}.label-a{top:73px;left:87px}.label-b{top:116px;right:48px}.label-c{bottom:95px;right:90px}.label-d{bottom:81px;left:45px}.manifesto{background:var(--dark);color:var(--white);padding:104px 0 110px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-heading h2,.principles h2{font-size:clamp(44px,5.4vw,72px);margin:0}.section-heading>p,.work-heading>p{max-width:310px;font-size:15px;line-height:1.8;color:#a9b5b1;margin:0 0 6px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #465153;border-left:1px solid #465153}.method-grid article{min-height:300px;padding:25px 23px 24px;border-right:1px solid #465153;border-bottom:1px solid #465153;display:flex;flex-direction:column}.number{color:var(--accent)}.glyph{font-size:55px;line-height:1;margin:26px 0 18px;color:var(--accent);font-family:var(--serif)}.method-grid h3{font-size:22px;margin:0 0 14px}.method-grid p{font-size:14px;line-height:1.7;color:#becac4;margin:0}.method-grid small{font-size:11px;color:#85958e;margin-top:auto;padding-top:24px}.workspace-section{padding-top:110px;padding-bottom:120px}.work-heading>p{color:#627274}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.canvas{background:var(--white);border:1px solid var(--line);box-shadow:6px 6px 0 #e4e8df}.canvas-top{display:flex;justify-content:space-between;padding:20px 26px;background:#ecf1e8;border-bottom:1px solid var(--line);font-weight:500}.canvas-top #save-status{color:#678637}.version{color:#899a8d}.canvas form{padding:30px}.form-intro{display:flex;flex-direction:column;margin-bottom:32px}.form-intro label{font-family:var(--serif);font-size:26px;font-weight:600;margin-bottom:15px}.form-intro input{border:0;border-bottom:2px solid var(--ink);background:transparent;padding:13px 2px;font-size:18px;outline:none}.form-intro input:focus{border-color:#7dab1f}.field-help{font-size:12px;color:var(--muted);margin-top:9px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column}.field label{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;margin-bottom:10px}.step-dot{background:var(--accent);font-family:var(--mono);font-size:10px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}.field textarea{resize:vertical;width:100%;min-height:125px;background:#f8faf5;border:1px solid #dbe3d8;padding:14px;line-height:1.6;font-size:13px;color:var(--ink)}.field textarea:focus,.form-intro input:focus{outline:2px solid #a8d651;outline-offset:2px}.field textarea::placeholder,.form-intro input::placeholder{color:#9ba9a2}.canvas-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;border-top:1px solid var(--line);padding-top:25px}.canvas-actions .primary{margin-right:auto}.canvas-actions .button{min-height:42px;padding:11px 14px;font-size:12px}.text-button{border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:800;padding:10px;color:#556b5a}.text-button:hover{text-decoration:underline}.text-button.danger{color:#a9574f}.sidebar{display:grid;gap:15px}.progress-card,.tip-card,.source-card{padding:24px;border:1px solid var(--line)}.progress-card{background:var(--accent)}.progress-card .eyebrow{margin-bottom:12px}.progress-card strong{display:block;font-size:60px;line-height:1.1;letter-spacing:-.08em}.progress-card strong span{font-size:25px;color:#577311}.progress-track{height:6px;background:#a9ca5e;margin:18px 0}.progress-track div{height:100%;background:var(--ink);width:0;transition:width .25s}.progress-card p:last-child{font-size:12px;margin:0;line-height:1.6}.tip-card{background:#e8eee5}.tip-card h3{font-family:var(--serif);font-size:25px;line-height:1.3;margin:17px 0}.tip-card p,.source-card p{font-size:12px;line-height:1.8;color:#53635b;margin-bottom:0}.source-card{background:var(--white)}.source-card a{display:inline-block;margin-top:18px;text-decoration:none;font-weight:700}.principles{background:#dce5d7;padding:105px 0}.principles-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.principles ol{list-style:none;padding:0;margin:0;border-top:1px solid #aabaae}.principles li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #aabaae;font-size:17px;font-weight:700}.principles li span{font:11px var(--mono);color:#557329;padding-top:5px}footer{background:var(--dark);color:#b4c2ba;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner a{text-decoration:none}button:focus-visible,a:focus-visible,.import-button:focus-within{outline:3px solid #89bb1c;outline-offset:3px}@media(max-width:900px){.top-note{display:none}.hero{min-height:0;grid-template-columns:1fr;padding-top:75px}.hero-visual{height:380px}.method-grid{grid-template-columns:1fr 1fr}.workspace-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(3,1fr)}.principles-inner{gap:35px}}@media(max-width:640px){.wrap{padding-left:20px;padding-right:20px}.topbar{height:64px;padding:0 20px;gap:10px}.topbar nav{gap:14px}.topbar nav a{font-size:11px}.brand{font-size:12px}.hero{gap:40px;padding-top:65px;padding-bottom:75px}.hero h1{font-size:66px}.hero-lead{font-size:15px}.hero-visual{height:300px}.orbit-one{width:260px;height:190px}.orbit-two{width:350px;height:270px}.visual-center{height:125px;width:125px}.label-a{top:30px;left:30px}.label-b{right:17px;top:74px}.label-c{bottom:44px;right:37px}.label-d{bottom:35px;left:16px}.manifesto,.workspace-section,.principles{padding-top:75px;padding-bottom:75px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:23px}.method-grid,.field-grid,.principles-inner,.sidebar{grid-template-columns:1fr}.method-grid article{min-height:235px}.method-grid small{padding-top:16px}.canvas form{padding:20px}.canvas-top{padding:15px 20px}.form-intro label{font-size:23px}.form-intro input{font-size:15px}.canvas-actions .primary{width:100%;margin-right:0}.footer-inner{flex-direction:column}.principles li{font-size:15px}}
.framework,.age-guide{padding-top:100px;padding-bottom:110px}.framework .section-heading>p,.age-guide .section-heading>p{color:#627274}.framework-grid,.age-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.framework-grid article,.age-grid article{border:1px solid var(--line);background:var(--white);padding:30px;min-height:275px;display:flex;flex-direction:column}.framework-grid article{box-shadow:5px 5px 0 #e2e9dc}.framework-grid article>span,.age-grid article>span{font:700 11px var(--mono);letter-spacing:.06em;color:#5b8319}.framework-grid h3,.age-grid h3{font-family:var(--serif);font-size:28px;line-height:1.25;margin:25px 0 14px}.framework-grid p,.age-grid p{font-size:14px;line-height:1.8;color:#53635b;margin:0}.framework-grid strong,.age-grid b{font-size:13px;line-height:1.6;margin-top:auto;padding-top:25px}.age-guide{padding-bottom:20px}.age-grid article{background:#e9efe5}.age-grid article:nth-child(2){background:#e0eacf}.age-grid article:nth-child(3){background:#d4e5b8}@media(max-width:900px){.framework-grid,.age-grid{grid-template-columns:1fr}.framework-grid article,.age-grid article{min-height:0}.framework,.age-guide{padding-top:75px;padding-bottom:75px}}@media(max-width:640px){.hero h1{font-size:clamp(54px,13vw,66px)}.topbar nav{gap:9px}.topbar nav a{font-size:10px}.framework-grid h3,.age-grid h3{font-size:24px}.framework-grid article,.age-grid article{padding:24px}}