.hero{position:relative;min-height:680px;padding:92px max(24px,calc((100% - var(--max))/2)) 65px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;background:#070807;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1d211e 1px,transparent 1px),linear-gradient(90deg,#1d211e 1px,transparent 1px);background-size:72px 72px;opacity:.5}.hero>*{position:relative}.hero-copy h1{font-size:66px;margin:20px 0 28px}.hero-copy p{max-width:660px;color:#aeb4ae;font-size:17px}.hero-index{color:var(--green);font-size:12px;font-weight:800}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:35px}.hero-actions .text-link{color:#cbd0cc}.hero-stage{padding:32px;border:1px solid #404440;background:#0c0e0c}.hero-logo{width:150px;height:150px;margin:0 auto 26px;object-fit:contain}.stage-status{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #333733;border-bottom:1px solid #333733;font-size:11px}.stage-status span{color:var(--green)}.stage-status span i{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--green);border-radius:50%}.stage-status strong{font-size:12px}.stage-line{display:grid;grid-template-columns:100px 1fr;padding:13px 0;border-bottom:1px solid #272a27;font-size:13px}.stage-line span{color:#777e78}.hero-foot{position:absolute;left:max(24px,calc((100% - var(--max))/2));right:max(24px,calc((100% - var(--max))/2));bottom:20px;display:flex;justify-content:space-between;color:#727872;font-size:10px}.cap-list{border-top:1px solid var(--ink)}.cap-row{display:grid;grid-template-columns:55px 45px 1fr 100px 30px;gap:20px;align-items:center;padding:25px 4px;border-bottom:1px solid var(--line)}.cap-row>.fa{font-size:20px}.cap-row>div h3{margin:0;font-size:22px}.cap-row>div p{margin:3px 0 0;font-size:13px}.cap-row>b{font-size:11px;color:#858b86}.cap-no{font-weight:800;color:var(--cobalt)}.cap-row:hover{background:var(--soft);padding-left:16px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb;border-left:1px solid #bbb}.role-cell{min-height:300px;padding:28px;border-right:1px solid #bbb;border-bottom:1px solid #bbb}.role-cell h3{font-size:24px;margin:40px 0 12px}.role-cell p{font-size:14px}.role-cell>span:last-child{display:block;margin-top:40px;color:#777d78;font-size:11px}.role-mark,.avatar{display:grid;place-items:center;width:38px;height:38px;color:#fff;font-weight:800}.cobalt{background:var(--cobalt)}.coral{background:var(--coral)}.green{background:var(--green);color:#08130c}.yellow{background:var(--yellow);color:#171403}.workflow{background:#0b0c0b;color:#fff}.workflow-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:48px}.workflow-head .eyebrow{grid-column:1/-1;color:var(--green)}.workflow-head h2{font-size:46px}.workflow-head p{color:#9ba19c}.workflow-board{border:1px solid #3c403d}.flow-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #3c403d}.flow-tabs button{padding:18px;border:0;border-right:1px solid #3c403d;background:#111311;color:#8d938e;font-weight:700}.flow-tabs button.active{background:var(--green);color:#071009}.flow-main{display:grid;grid-template-columns:1.1fr .9fr}.flow-code,.flow-note{padding:42px}.flow-code{border-right:1px solid #3c403d}.flow-code>span,.flow-note>span,.panel-label{font-size:10px;color:var(--green);font-weight:800}.flow-code pre{overflow:auto;margin:20px 0 0;padding:26px;background:#060706;color:#cbd0cc;line-height:2}.flow-note h3{margin:32px 0 15px;font-size:28px}.flow-note p{color:#9ba19c}.flow-note a{color:var(--green);font-size:13px;font-weight:700}.continuity{display:grid;grid-template-columns:110px 1fr 320px;border:1px solid var(--line)}.timeline{padding:28px 15px;border-right:1px solid var(--line)}.timeline span{display:block;padding:14px 0;color:#8b918c;font-size:11px}.timeline span.active{color:var(--cobalt);font-weight:800}.story-panel{padding:38px}.story-panel h3{font-size:34px;margin:12px 0}.state-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.state-grid>div{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.state-grid span{display:block;color:#8b918c;font-size:10px}.state-grid b{font-size:13px}.continuity aside{padding:38px;background:var(--soft)}.continuity aside>p{margin:35px 0;color:#303430;font-weight:700}.context-meter{display:flex;justify-content:space-between;border-top:1px solid #bdc1bd;padding:15px 0;font-size:12px}.context-meter b{color:#078c43}.continuity aside>a{display:inline-flex;gap:10px;margin-top:30px;font-size:12px;font-weight:800}.scenario-list{display:grid;grid-template-columns:repeat(4,1fr)}.scenario-list article{padding:28px;border-left:1px solid #c7cac7}.scenario-list article:last-child{border-right:1px solid #c7cac7}.scenario-list i{font-size:26px;color:var(--cobalt)}.scenario-list span{display:block;margin:35px 0 12px;color:#858b86;font-size:11px}.scenario-list h3{font-size:21px}.scenario-list p{font-size:14px}.quote-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-track blockquote{margin:0;padding:30px;border:1px solid var(--line);min-height:310px}.quote-track>blockquote>i{color:var(--cobalt);font-size:24px}.quote-track>blockquote>p{margin:30px 0;font-size:16px;color:#2a2d2a}.quote-track footer{display:flex;align-items:center;gap:12px}.quote-track footer b,.quote-track footer small{display:block}.quote-track footer small{color:#888e89}.principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--yellow)}.principle-title h2{font-size:43px}.principle-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #8d761e;border-left:1px solid #8d761e}.principle-grid>div{padding:25px;border-right:1px solid #8d761e;border-bottom:1px solid #8d761e}.principle-grid b{font-size:11px}.principle-grid h3{margin:20px 0 8px}.principle-grid p{margin:0;color:#4d4218;font-size:13px}.faq-list{border-top:1px solid var(--ink)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{display:flex;justify-content:space-between;width:100%;padding:22px 2px;border:0;background:none;text-align:left;font-weight:700;cursor:pointer}.faq-item button i{transition:.2s}.faq-item>div{max-height:0;overflow:hidden;transition:max-height .3s}.faq-item>div p{max-width:850px;padding-bottom:20px;margin:0}.faq-item.active>div{max-height:200px}.faq-item.active button i{transform:rotate(45deg);color:var(--coral)}.journal-preview{border-top:1px solid var(--line)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.journal-card{position:relative;min-height:280px;padding:26px;border:1px solid var(--line)}.journal-card>span{font-size:11px;color:#868c87}.journal-card h3{margin:45px 0 12px;font-size:22px}.journal-card p{font-size:13px}.journal-card>a:last-child{position:absolute;right:24px;bottom:22px}.journal-card:hover{border-color:var(--cobalt)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:70px 28px 85px}.hero-copy h1{font-size:52px}.hero-stage{max-width:580px}.role-grid{grid-template-columns:1fr 1fr}.continuity{grid-template-columns:90px 1fr}.continuity aside{grid-column:1/-1;border-top:1px solid var(--line)}.scenario-list{grid-template-columns:1fr 1fr}.scenario-list article{border-bottom:1px solid #c7cac7}.quote-track{grid-template-columns:1fr}.quote-track blockquote{min-height:auto}.principles{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr 1fr}}
.quote-track .avatar{overflow:hidden;border-radius:50%;flex:0 0 38px}.quote-track .avatar img{width:38px;height:38px;display:block;object-fit:cover}
.cap-layout{display:grid;grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);gap:46px;align-items:start}.capability-image,.faq-image{margin:0;overflow:hidden;border:1px solid var(--line);background:var(--soft)}.capability-image{height:360px}.capability-image img,.faq-image img{width:100%;height:100%;object-fit:cover}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.36fr);gap:46px;align-items:start}.faq-image{height:320px}.faq-layout .faq-list{min-width:0}
@media(max-width:900px){.cap-layout,.faq-layout{grid-template-columns:1fr;gap:26px}.capability-image,.faq-image{height:min(52vw,300px)}.faq-image{order:2}}
@media(max-width:600px){.hero{padding:58px 18px 84px;gap:40px}.hero-copy h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stage{padding:20px}.hero-logo{width:110px;height:110px}.hero-foot{left:18px;right:18px}.hero-foot span:nth-child(2),.hero-foot span:nth-child(3){display:none}.cap-row{grid-template-columns:35px 32px 1fr 22px;gap:10px}.cap-row>b{display:none}.cap-row>div h3{font-size:18px}.role-grid{grid-template-columns:1fr}.role-cell{min-height:auto}.workflow-head{display:block}.workflow-head h2{font-size:33px}.flow-tabs{grid-template-columns:1fr 1fr}.flow-main{display:block}.flow-code{border-right:0;border-bottom:1px solid #3c403d}.flow-code,.flow-note{padding:24px}.flow-code pre{font-size:11px}.continuity{display:block}.timeline{display:flex;gap:15px;border-right:0;border-bottom:1px solid var(--line)}.timeline span{padding:3px}.story-panel,.continuity aside{padding:24px}.state-grid{grid-template-columns:1fr}.scenario-list,.journal-grid{grid-template-columns:1fr}.scenario-list article{border-right:1px solid #c7cac7}.principle-title h2{font-size:32px}.principle-grid{grid-template-columns:1fr}.journal-card{min-height:240px}}
.faq-list{overflow:hidden}.faq-item{max-width:100%}.faq-item button{max-width:100%;gap:20px;overflow:hidden}.faq-item button span{min-width:0;overflow-wrap:anywhere}.faq-item button i{flex:0 0 auto}.faq-more{display:inline-block;margin-left:6px;color:var(--cobalt);font-size:12px;font-weight:800;white-space:nowrap}.faq-more:hover{color:var(--coral)}
.journal-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.journal-thumb{display:block;position:relative;aspect-ratio:16/10;background:#111;overflow:hidden}.journal-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.journal-card:hover .journal-thumb img{transform:scale(1.03)}.journal-card-body{position:relative;flex:1;padding:22px 24px 50px}.journal-card-body>span{font-size:11px;color:#868c87}.journal-card-body h3{margin:18px 0 10px}.journal-card-body p{font-size:13px}.journal-arrow{position:absolute;right:24px;bottom:20px}