:root{color-scheme:light;--navy:#101d2d;--navy2:#182a3d;--ink:#172638;--muted:#516273;--teal:#8ad5c6;--line:#dce4e9;--paper:#fff;--soft:#f3f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #16a38f;outline-offset:4px}.container{max-width:1100px;margin:auto;padding:0 28px}.narrow{max-width:810px}.skip{position:absolute;top:-100px;left:16px;background:#fff;color:#111;padding:8px;z-index:10}.skip:focus{top:8px}.site-header{background:var(--navy);border-bottom:1px solid #34485b}.nav{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-size:21px;font-weight:800;letter-spacing:.08em}.nav-links{display:flex;flex-wrap:wrap;gap:26px}.nav-links a{text-decoration:none;color:#c8d4df;font-size:14px}.nav-links a:hover,.footer a:hover{color:var(--teal)}.hero{background:linear-gradient(135deg,#101d2d,#1b3446);color:white}.hero-content{padding-top:112px;padding-bottom:116px}.eyebrow,.section-label{font-size:12px;letter-spacing:.17em;font-weight:800;color:#288a7b}.hero .eyebrow{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,8vw,90px);line-height:1.05;letter-spacing:-.05em;margin-bottom:12px}.hero-heading{font-size:clamp(25px,4vw,42px);font-weight:650;letter-spacing:-.035em;line-height:1.25;margin-bottom:20px}.hero-tagline{color:var(--teal);font-size:clamp(22px,3vw,30px);font-weight:650;margin-bottom:24px}.hero-description{max-width:740px;color:#d3dfe8;font-size:19px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:12px 22px;text-decoration:none;font-weight:700;font-size:15px}.primary{background:var(--teal);color:#102331}.primary:hover{background:#b0eee1}.secondary{border:1px solid #8094a6;color:white}.secondary:hover{background:#294459}.hero-meta{margin-top:28px;color:#a9bdcc;font-size:13px}.hero-meta span{padding:0 8px}.section{padding:94px 0;scroll-margin-top:30px}.alternate{background:var(--soft)}h2{font-size:clamp(30px,4vw,42px);line-height:1.2;letter-spacing:-.035em;margin-bottom:27px}h3{font-size:20px;line-height:1.35;margin-bottom:12px}p{margin-bottom:20px}.section p{color:#465869}.section .section-label{color:#287d70;margin-bottom:12px}.section-intro{max-width:730px;font-size:19px;margin-bottom:35px}blockquote{border-left:4px solid #269b8c;padding:16px 0 16px 26px;margin:35px 0;color:#173d42;font-size:clamp(21px,3vw,28px);font-weight:700;line-height:1.4}.conclusion{font-weight:750;color:var(--ink)!important;margin-top:28px}.definitions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0}.definitions article{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.definitions h3{font-size:18px}.definitions p{font-size:15px;line-height:1.55;margin:0}.diagram-card{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;margin:35px 0}.diagram-header h3{margin-bottom:2px}.diagram-header p,.diagram-caption{font-size:14px!important;color:var(--muted)!important}.diagram{width:100%;height:auto;display:block;margin:15px auto}.node rect{stroke-width:2}.node text{font:600 17px system-ui,sans-serif;text-anchor:middle;fill:#152b39}.node.goal rect{fill:#a2e1d4;stroke:#248e7d}.node.condition rect{fill:#e2eff2;stroke:#7aa7b4}.node.affordance rect{fill:#f2f6f7;stroke:#90a9b3}.node.capability rect{fill:#fff;stroke:#a6b7c0;stroke-dasharray:5 3}.diagram-caption{text-align:center;margin-bottom:0}.model-copy{margin:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:38px}.feature{border:1px solid var(--line);border-radius:12px;padding:28px;background:white;min-height:230px}.feature-number{display:inline-block;font-size:12px;letter-spacing:.15em;color:#258c7b;font-weight:800;margin-bottom:22px}.feature p{font-size:15px;line-height:1.6;margin:0}.section h3:not(.feature h3){margin-top:28px}.code-line{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--navy);color:#e6fff9;border-radius:9px;padding:16px 18px;margin:20px 0 35px;overflow:auto}.code-line code{font:15px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.code-line button{border:1px solid #8da9b4;background:transparent;color:white;padding:7px 14px;border-radius:6px;cursor:pointer}.code-line button:hover{background:#2b4555}.text-link{font-weight:700;color:#146c60;text-underline-offset:4px}.ready{margin-top:48px;border-top:1px solid var(--line);padding-top:22px}.ready span{padding:0 10px;color:#8b9ba5}.ready a{color:#146c60}.footer{background:var(--navy);color:white;padding:48px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer strong{font-size:23px;letter-spacing:.07em}.footer p{color:#c0d0db;margin:5px 0}.footer small{color:#9cb0bf}.footer-links{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.footer-links a{color:#cbd9e3;text-decoration:none;font-size:14px}@media(max-width:800px){.definitions{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;padding-top:20px;padding-bottom:20px;flex-direction:column}.nav-links{gap:12px 18px}.hero-content{padding-top:80px;padding-bottom:85px}.section{padding:68px 0}}@media(max-width:520px){.container{padding:0 20px}.definitions,.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.hero-description{font-size:17px}.diagram-card{padding:12px}.diagram-header{padding:8px}.diagram .node text{font-size:18px}.actions .button{width:100%}.hero-meta span{padding:0 3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}