:root{--paper:#f3f3eb;--ink:#153330;--muted:#526763;--line:#cad3c7;--leaf:#c6e7a1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:750;letter-spacing:-1.6px;text-decoration:none}.brand b{color:#79965f}nav{display:flex;gap:23px;font-size:12px}nav a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #79965f;outline-offset:5px}.hero{padding:56px 0 45px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:1.3px;text-transform:uppercase;color:#657b5c}h1{font:clamp(42px,4.7vw,62px)/1.08 Georgia,serif;letter-spacing:-2px;font-weight:400;margin:15px 0 20px}h1 em{font-style:normal;color:#6b8558}.intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:560px}.form{display:flex;gap:8px;margin-top:24px}input{min-width:0;flex:1;border:1px solid #b5c3b2;border-radius:6px;padding:12px;background:white;font:14px system-ui}button,.cta{background:var(--ink);color:white;border:0;border-radius:6px;padding:12px 16px;cursor:pointer;font:600 12px system-ui}button:disabled{opacity:.6;cursor:wait}.sub,.message{font-size:12px;color:var(--muted);margin:9px 0}.message{min-height:20px;color:#2d663c}.message.error{color:#a02f24}.secondary{font-size:12px}.project{background:#173b36;color:#e8f1dd;border-radius:11px;overflow:hidden;box-shadow:0 20px 50px #15333010}.project-top{padding:17px 20px;border-bottom:1px solid #ffffff24;display:flex;justify-content:space-between;font:12px ui-monospace,monospace}.tag{color:#a9c28f;font-size:10px}.project-title{padding:19px 20px 8px}.project-title strong{display:block;font-size:17px}.project-title small{color:#b0c6b6;font-size:11px}.files{list-style:none;padding:0 20px;margin:8px 0 22px}.files li{padding:11px 0;border-bottom:1px solid #ffffff1c;display:flex;justify-content:space-between;gap:12px;font:11px ui-monospace,monospace}.filetype{color:#a9c28f}.flow{display:flex;justify-content:space-between;padding:16px 20px;background:#102e2a;font-size:11px}.illustration{font-size:10px;color:var(--muted);text-align:right;margin:8px 0 0}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.strip strong{color:var(--ink)}section.story{padding:48px 0;border-bottom:1px solid var(--line)}h2{font:35px/1.2 Georgia,serif;font-weight:400;letter-spacing:-.9px;margin:10px 0 18px}.section-intro{max-width:760px;color:var(--muted);font-size:15px}.steps,.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:27px}.number{font:11px ui-monospace,monospace;color:#6b8558}h3{font-size:16px;margin:12px 0 8px}.steps p,.benefits p{font-size:14px;color:var(--muted);margin:0}.benefits article{padding:22px;border:1px solid var(--line);border-radius:8px}.benefits h3{margin-top:0}.source{font-size:11px;color:var(--muted);margin:17px 0 0}.source a{margin-right:15px}.evidence{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;margin-top:30px;background:#e5ebdc;border-radius:9px;padding:27px}.evidence h3{font-size:18px;margin:0 0 12px}.evidence p{font-size:13px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:12px 10px;border-bottom:1px solid #becbb5;text-align:left}th{font-size:11px}td:first-child{font-weight:600}.comparison{margin-top:25px;overflow-x:auto}.comparison table{font-size:13px;min-width:550px}.comparison td,.comparison th{padding:16px 12px;vertical-align:top}.comparison th{font-size:12px}.fit{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:26px}.fit article{padding:23px;border:1px solid var(--line);border-radius:8px}.fit h3{margin:0 0 10px}.fit p,.fit li{font-size:14px;color:var(--muted)}.fit ul{padding-left:19px}.pilot{margin:40px 0;background:#173b36;color:#e7f0dd;border-radius:10px;padding:30px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.pilot h2{font-size:31px;margin-top:0}.pilot p{font-size:14px;color:#bfd0c0}.pilot .cta{display:inline-block;background:var(--leaf);color:var(--ink);text-decoration:none}.pilot small{display:block;font-size:11px;color:#bfd0c0;margin-top:10px}.learn-link{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-bottom:35px}.learn-link p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:23px 0 30px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:25px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.hero{gap:27px}.hero .form{flex-direction:column}.wrap{padding:0 24px}.steps,.benefits{gap:15px}.benefits article{padding:17px}.evidence{gap:20px;padding:22px}}@media(max-width:600px){header{padding:18px 0}nav{gap:14px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:35px 0 30px;gap:25px}h1{font-size:45px}.intro{font-size:16px}.hero .form{flex-direction:column}.steps,.benefits,.evidence,.fit,.pilot{grid-template-columns:1fr}.steps{gap:23px}.strip{flex-direction:column;gap:5px}.story h2{font-size:30px}section.story{padding:34px 0}.project-title strong{font-size:16px}.files li{font-size:10px}.flow{font-size:10px}.pilot{padding:23px;gap:16px}.learn-link,footer{flex-direction:column;gap:10px}.evidence{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hub-tabs{display:flex;gap:18px;padding:12px 20px;border-bottom:1px solid #ffffff24;font-size:10px;color:#bfd0c0}.hub-tabs span:first-child{color:#e7f0dd}.maturity{margin-top:24px;padding:17px 20px;background:#e5ebdc;border-radius:7px;font-size:13px}.maturity summary{cursor:pointer;font-weight:600}.maturity p{color:var(--muted);font-size:13px}.hero h1{font-size:clamp(40px,4.3vw,58px)}@media(max-width:600px){.hero h1{font-size:42px}.hub-tabs{gap:15px}}
/* Clearer hierarchy and a compact collaboration example. */
.hero{grid-template-columns:1.06fr 1fr;gap:48px;padding:48px 0 36px;align-items:start}.hero h1{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:730;letter-spacing:-3px;font-size:clamp(42px,4.5vw,62px);line-height:1.06;margin:17px 0 22px}.hero h1 em{color:#507149}.intro{font-size:17px;line-height:1.65;margin-bottom:18px;max-width:500px}.hero-points{display:flex;flex-wrap:wrap;gap:7px}.hero-points span{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:4px;padding:4px 9px}.hero .form{margin-top:22px}.hero .secondary{display:inline-block;margin-top:3px}.project{margin-top:8px;box-shadow:0 14px 35px #15333013}.project-title{padding-top:17px}.files{margin-bottom:9px}.files li{padding:8px 0}.review-thread{display:flex;gap:10px;padding:9px 20px;align-items:start}.avatar{background:#b4d799;color:#173b36;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:9px;font-weight:750;flex-shrink:0}.avatar.alternate{background:#d9c5a2}.review-thread strong{font-size:10px;color:#d4e6c7}.review-thread p{font-size:11px;line-height:1.5;color:#bacebe;margin:2px 0 0}.flow{margin-top:12px}.review-state{color:#c6e7a1}.technical{border-top:1px solid var(--line);padding:15px 0;font-size:13px}.technical summary{cursor:pointer;font-weight:600}.technical .evidence{margin-top:16px}.fit{gap:20px;margin-top:20px}.fit article{padding:20px}.strip{padding:14px 0}section.story{padding:35px 0}h2{font-size:32px}.steps{gap:25px;margin-top:23px}.message:empty{min-height:0;margin:0}.hero .secondary{margin-top:18px}.pilot{margin:30px 0}.illustration{text-align:left}.section-intro{max-width:790px}@media(max-width:850px){.hero{gap:25px}.hero h1{letter-spacing:-2px;font-size:46px}}@media(max-width:600px){.hero{grid-template-columns:1fr;padding:29px 0;gap:22px}.hero h1{font-size:45px;letter-spacing:-2px}.intro{font-size:16px}.hero .form{gap:9px}.hero .form button{padding:14px}.project{margin-top:0}.hero-points{gap:6px}.hero-points span{font-size:10px}.strip{font-size:11px}.story h2{font-size:29px}.review-thread{padding:8px 20px}.fit{gap:14px}section.story{padding:29px 0}}