:root{--paper:#f7f8f8;--mist:#e9f5ed;--ink:#000000;--muted:#4f4f52;--accent:#0f692e;--selection:#c4c9cc;--line:#c4c9cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next','Segoe UI',sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--selection)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:9;background:white;padding:12px}.skip:focus{top:10px}.header{height:112px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-family:'Avenir Next','Segoe UI',sans-serif;font-size:35px;font-weight:800;letter-spacing:-1.8px}.brand svg{width:36px;height:36px;fill:var(--accent)}nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:10px 22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-top:50px;padding-bottom:95px}.status{font-size:12px;display:flex;align-items:center;gap:9px;font-weight:550;flex-wrap:wrap}.status>span:first-child{height:7px;width:7px;border-radius:50%;background:var(--accent)}.status-tag{color:var(--muted);border-left:1px solid var(--line);padding-left:10px;font-weight:400}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Avenir Next','Segoe UI',sans-serif}h1{font-size:clamp(55px,5.6vw,82px);font-weight:650;line-height:1.07;letter-spacing:-4.5px;margin:27px 0 27px}h2{font-size:clamp(34px,3.5vw,51px);line-height:1.16;letter-spacing:-2px;font-weight:600;margin-bottom:24px}h3{font-weight:650;letter-spacing:-.6px}.lead{max-width:490px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;background:var(--accent);color:white;border-radius:7px;padding:15px 21px;font-size:14px;font-weight:600}.button:hover{background:#0a451f}.button>span{font-size:21px;line-height:1}.text-link{font-size:13px;max-width:130px;line-height:1.5}.ensemble{height:568px;position:relative;background:var(--mist);border-radius:170px 170px 24px 24px;margin-left:10px;overflow:hidden}.ensemble-top{position:absolute;top:35px;left:0;width:100%;text-align:center;font-size:12px;color:var(--muted)}.tiny-mark{display:block;color:var(--accent);font-size:24px;margin-top:2px}.routing{position:absolute;left:0;top:72px;width:100%;height:calc(100% - 90px)}.route{stroke:var(--accent);fill:none;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.route.pale{stroke:#9ea1a3;stroke-width:7}.route.thin{stroke-width:4;stroke:#9ea1a3}.person{position:absolute;top:115px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;background:var(--mist);padding:5px 10px}.avatar{border:1px solid #9ea1a3;background:var(--paper);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-weight:600;color:var(--ink)}.maestro{position:absolute;top:218px;left:50%;transform:translateX(-50%);width:300px;background:var(--accent);color:white;border-radius:13px;display:flex;align-items:center;gap:16px;padding:19px;box-shadow:0 10px 35px #0a451f20}.role-symbol{font-size:34px;line-height:1}.maestro strong{display:block;font-size:16px;font-weight:500}.maestro div span{font-size:10px;color:#0a451f;display:block}.live-dot{width:6px;height:6px;border-radius:50%;background:#0a451f;margin-left:auto}.agent{position:absolute;width:112px;height:119px;background:#fff;border:1px solid #c4c9cc;border-radius:11px;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 5px 15px #00000004}.agent-icon{font-size:24px;color:var(--accent);height:36px;font-weight:500}.agent strong{font-size:13px;font-weight:600}.agent small{font-size:10px;color:var(--muted);margin-top:3px}.architect{left:4%;top:324px}.coder{left:27%;top:374px}.dba{right:4%;top:324px}.reviewer{right:27%;top:374px}.ensemble-foot{position:absolute;bottom:20px;left:0;width:100%;display:flex;gap:20px;justify-content:center;font-size:10px;color:var(--muted)}.premise{background:#edf0ee;padding:66px 0}.premise-inner{display:grid;grid-template-columns:.65fr 1.1fr 1fr;gap:40px;align-items:start}.premise-inner>p:first-child{font-size:14px;margin-top:7px;max-width:145px}.premise h2{font-size:38px;margin:0}.premise-inner>p:last-child{font-size:15px;margin:6px 0 0;color:var(--muted)}.section{padding-block:105px}.section-intro{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:43px}.section-intro h2{margin:0}.section-intro>p{width:330px;flex-shrink:0;font-size:16px;color:var(--muted);margin-bottom:3px}.workflow-shell{display:grid;grid-template-columns:290px 1fr;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.workflow-sidebar{background:#edf0ee;padding:31px 24px;display:flex;flex-direction:column}.example-label{font-size:12px;color:var(--muted);margin:0 13px 24px}.steps{display:flex;flex-direction:column;gap:6px}.steps button{text-align:left;background:none;border:0;cursor:pointer;border-radius:7px;padding:14px 13px;font-size:14px;color:var(--muted);font-weight:500}.steps button span{font-size:11px;margin-right:17px;opacity:.7}.steps button[aria-selected=true]{background:white;color:var(--accent);box-shadow:0 2px 5px #00000008}.workflow-sidebar>p{font-size:11px;color:var(--muted);margin:45px 13px 0;max-width:175px}.stage-panel{padding:34px 43px;min-height:425px}.stage-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:24px}.stage-panel h3{font-size:27px;margin-bottom:12px}.stage-panel>p{font-size:15px;color:var(--muted);max-width:650px;min-height:72px}.conversation{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin:25px 0}.message{border-radius:8px;padding:17px 18px;background:#edf0ee}.message>span{font-size:11px;font-weight:600}.message>p{font-size:13px;line-height:1.65;margin:9px 0 0}.message.assistant{background:#e9f5ed;color:#0f692e}.stage-outcome{font-size:12px;display:flex;gap:12px;align-items:center}.stage-outcome>span:first-child{font-size:20px;color:var(--accent)}.organization{background:#edf0ee}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:63px}.feature-glyph{display:block;font-size:36px;color:var(--accent);height:63px;line-height:1}.principles h3{font-size:21px;margin-bottom:12px}.principles p{font-size:15px;color:var(--muted);margin-bottom:0}.access{margin-top:70px;padding-top:38px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.access>div:first-child{display:flex;gap:25px}.access-icon{font-size:35px;color:var(--accent);line-height:1.2}.access h3{font-size:26px;line-height:1.3}.access p{font-size:15px;color:var(--muted);margin-bottom:12px;max-width:650px}.human-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.human-heading p{color:var(--muted);font-size:17px;max-width:390px}.decision{border:1px solid var(--line);border-radius:14px;padding:28px 32px;background:#fff;transform:rotate(-1deg);box-shadow:8px 9px 0 var(--mist)}.decision-top{display:flex;align-items:center;gap:12px;margin-bottom:22px}.decision-top .role-symbol{color:var(--accent);font-size:25px}.decision-top strong{font-size:14px}.decision-top>span:last-child{margin-left:auto;color:var(--muted);font-size:10px}.decision>p{font-size:14px;color:var(--muted)}.decision h3{font-size:21px;margin-bottom:18px}.decision-options{display:flex;gap:10px}.decision-options span{padding:9px 15px;border:1px solid #c4c9cc;border-radius:5px;font-size:12px;color:var(--accent);background:#e9f5ed}.decision small{display:block;margin-top:20px;font-size:11px;color:var(--muted)}.pilot{background:#0a451f;color:white;padding:78px 0}.pilot-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.pilot .status{color:#c4c9cc;margin-bottom:23px}.pilot .status>span:first-child{background:#1dcf5c}.pilot h2{font-size:49px;margin:0}.pilot-inner>div:last-child>p{font-size:15px;color:#ffffff}.button.light{background:#ffffff;color:#0a451f;margin-top:12px}.button.light:hover{background:#e9f5ed}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:37px}.footer .brand{font-size:28px}.footer-symbol{color:var(--accent);font-size:24px;margin-left:4px}.footer p,.footer>span{font-size:12px;color:var(--muted);margin:0}@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:115px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:15px}h1{font-size:62px}.ensemble{height:535px;margin-left:0}.agent{width:95px}.maestro{width:270px}.coder{left:25%;top:370px}.reviewer{right:25%;top:370px}.ensemble-foot{gap:12px}.premise-inner{grid-template-columns:1fr 1fr}.premise-inner>p:first-child{grid-column:1/-1;max-width:none;margin:0}.premise-inner{gap:20px 40px}.section-intro{gap:35px}.section-intro>p{width:290px}.principles{gap:30px}.workflow-shell{grid-template-columns:230px 1fr}.stage-panel{padding:30px}.human-section,.pilot-inner{gap:45px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:30px}.brand svg{width:30px}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:8px 17px}.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:55px;gap:44px}h1{font-size:64px;letter-spacing:-3.5px;margin-top:22px}.lead{font-size:17px}.status{font-size:10px;gap:7px}.hero-actions{margin-top:25px}.ensemble{width:min(100%,520px);height:540px;justify-self:center}.agent{width:105px}.architect{left:3%}.dba{right:3%}.coder{left:25%}.reviewer{right:25%}.ensemble-foot{bottom:15px}.premise{padding:42px 0}.premise-inner{grid-template-columns:1fr;gap:20px}.premise h2{font-size:35px}.section{padding-block:65px}h2{font-size:35px;letter-spacing:-1.5px}.section-intro{display:block;margin-bottom:30px}.section-intro>p{width:auto;margin-top:20px;max-width:470px}.workflow-shell{grid-template-columns:1fr}.workflow-sidebar{padding:20px 13px}.example-label{margin-bottom:14px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:5px}.steps button{font-size:12px;padding:10px}.steps button span{margin-right:8px}.workflow-sidebar>p{max-width:none;margin:15px 10px 0;font-size:10px}.stage-panel{padding:25px 22px;min-height:470px}.stage-panel h3{font-size:25px}.stage-panel>p{min-height:96px}.conversation{grid-template-columns:1fr;gap:10px}.stage-meta{margin-bottom:19px}.stage-outcome{align-items:flex-start}.principles{grid-template-columns:1fr;gap:35px;margin-top:40px}.principles article{padding-left:54px;position:relative}.feature-glyph{position:absolute;left:0;top:0;font-size:29px}.principles h3{font-size:21px}.access{grid-template-columns:1fr;gap:0;margin-top:42px;padding-top:30px}.access>div:first-child{gap:20px}.access h3{font-size:25px}.access p{font-size:14px}.human-section{grid-template-columns:1fr;gap:20px}.human-heading p{max-width:none}.decision{padding:24px;transform:none;box-shadow:5px 6px 0 var(--mist)}.decision-top{gap:9px}.decision-top>span:last-child{font-size:9px}.pilot{padding:54px 0}.pilot-inner{grid-template-columns:1fr;gap:25px}.pilot h2{font-size:39px}.footer{flex-wrap:wrap;gap:20px}.footer p{order:3;width:100%}.footer>span{font-size:11px}}@media(max-width:370px){h1{font-size:54px}.ensemble{height:500px}.agent{width:90px;height:103px}.architect,.dba{top:305px}.coder,.reviewer{top:355px}.maestro{width:250px;top:205px}.ensemble-foot{font-size:9px;gap:10px}.person{top:104px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.ensemble{height:620px}.agent{width:110px;height:112px}.architect{left:9%;top:328px}.dba{right:9%;top:328px}.coder{left:9%;top:465px}.reviewer{right:9%;top:465px}.maestro{top:218px}.person{top:115px}.routing{height:495px;top:85px}.ensemble-foot{bottom:17px}}

/* Unati: knowledge paths are the visual anchor; no remote fonts or trackers. */
h1{font-size:clamp(44px,5.1vw,72px);letter-spacing:-3px;overflow-wrap:normal}.hero{grid-template-columns:1.05fr 1fr}.language{font-size:12px;text-decoration:underline;text-underline-offset:4px}.oracle-section{background:#e9f5ed}.knowledge-map{margin:40px 0 45px;padding:30px 40px;background:#ffffff;border-radius:28px}.knowledge-map figcaption,.map-caption{font-size:12px;color:var(--muted)}.map-caption{margin:28px 0 0}.map-tree{display:grid;grid-template-columns:1fr 2fr;gap:70px;align-items:center;max-width:940px;margin:28px auto}.map-source{position:relative;background:var(--accent);color:white;padding:24px 26px;border-radius:14px;font-size:13px}.map-source strong{display:block;font-size:23px;font-weight:500}.map-source:after{content:"";position:absolute;left:100%;width:70px;top:50%;border-top:2px solid #9ea1a3}.map-branches{display:flex;flex-direction:column;gap:20px;border-left:2px solid #9ea1a3;padding-left:30px}.map-branches>span,.map-engineering>span,.map-engineering>div>span{display:block;position:relative;padding:12px 18px;border:1px solid #c4c9cc;border-radius:7px;background:#fff;font-size:14px}.map-branches>span:before,.map-engineering:before{content:"";position:absolute;right:100%;width:30px;top:50%;border-top:2px solid #9ea1a3}.map-engineering{display:grid;grid-template-columns:1fr 1.3fr;gap:25px;position:relative;align-items:center}.map-engineering>div{display:grid;gap:8px;border-left:2px solid #9ea1a3;padding-left:18px}.map-engineering>div>span{font-size:12px;padding:10px 12px}.oracle-details{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.oracle-details h3{font-size:20px}.oracle-details p{font-size:15px;color:var(--muted)}.milestones{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0 0;border-top:1px solid #128a3d;padding-top:30px}.milestones h3{font-size:19px;color:white}.milestones p{font-size:14px;color:#ffffff;margin-bottom:0}.principles article{padding-left:0}.decision-options{flex-wrap:wrap}.agent small{font-size:9px;text-align:center;padding:0 4px}.stage-outcome>span:first-child{font-size:12px}.footer .brand svg{width:27px;height:27px}.footer{gap:20px}.footer>span{max-width:210px}
@media(max-width:1050px){nav{gap:20px}.hero{grid-template-columns:1fr 1fr}.map-tree{gap:35px}.map-source:after{width:35px}.knowledge-map{padding:25px}.map-engineering{grid-template-columns:1fr;gap:10px}}
@media(max-width:760px){nav{gap:16px}nav>a.language{display:block}.hero{grid-template-columns:1fr}h1{font-size:clamp(42px,10vw,66px);letter-spacing:-2px}.status{font-size:11px}.knowledge-map{padding:22px 18px;margin:30px 0}.map-tree{grid-template-columns:1fr;gap:25px}.map-source{max-width:230px}.map-source:after{left:30px;top:100%;height:25px;width:0;border-top:0;border-left:2px solid #9ea1a3}.map-branches{margin-left:30px;padding-left:20px}.map-branches>span:before,.map-engineering:before{width:20px}.oracle-details,.milestones{grid-template-columns:1fr;gap:20px}.oracle-details p{margin-bottom:0}.principles article{padding-left:0}.milestones{margin-top:30px;padding-top:24px}.stage-meta{gap:15px}.stage-meta>span:first-child{max-width:80%}.pilot h2{font-size:38px}.footer>span{max-width:none}.nav-cta{padding:7px 10px}.hero-actions{gap:20px}.header .brand{font-size:27px;gap:6px}.header .brand svg{width:27px}}
@media(max-width:370px){.nav-cta{font-size:10px}.language{font-size:11px}nav{gap:10px}.wrap{width:calc(100% - 32px)}.agent{width:100px}}

/* Follow the OS preference live, before first paint; no persisted override. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
 :root{--paper:#000000;--mist:#0a451f;--ink:#ffffff;--muted:#c4c9cc;--accent:#1dcf5c;--selection:#0f692e;--line:#4f4f52}
 .skip,.agent,.workflow-shell,.steps button[aria-selected=true],.decision{background:#202421}
 .agent{border-color:var(--line);box-shadow:none}
 .avatar{border-color:#78787a}
 .button,.maestro,.map-source{background:#1dcf5c;color:#fff}
 .button:hover{background:#17ab4d}
 .route.pale,.route.thin{stroke:#128a3d}
 .premise,.workflow-sidebar,.organization{background:#171918}
 .message{background:#202421}
 .message.assistant{background:#0a451f;color:#ffffff}
 .decision-options span{background:#0a451f;border-color:#78787a;color:#ffffff}
 .oracle-section{background:#171918}
 .knowledge-map{background:#000000}
 .map-branches>span,.map-engineering>span,.map-engineering>div>span{background:#202421;border-color:#78787a}
 .map-source:after,.map-branches,.map-branches>span:before,.map-engineering:before,.map-engineering>div{border-color:#78787a}
 .pilot{background:#0a451f}
 .milestones{border-color:#128a3d}
 .button.light{background:#ffffff;color:#0a451f}
 .button.light:hover{background:#c4c9cc}
}

/* iCred manual pp. 11–12: green/black identity; orange only for calls to action.
   Neutral surface tints preserve contrast. Layout and logo geometry unchanged. */
:root{--brand:#1dcf5c;--cta:#ff8b00;--cta-hover:#fc9c29}
.button,.button.light{background:var(--cta);color:#000}
.button:hover,.button.light:hover{background:var(--cta-hover)}
.maestro,.map-source{background:var(--brand);color:#000}
.maestro div span{color:#0a451f}
.route{stroke:var(--brand)}
