/* An original editorial layer: generous type, quieter cards, tangible outcomes. */
body{--editorial-ink:#151916;--editorial-paper:#f6f7f2;--editorial-lime:#c0ff72}
.hero h1,.page-hero h1{font-weight:400;letter-spacing:-.055em;text-wrap:balance;line-height:1.04}
.hero h1 em,.page-hero h1 em,.section-heading h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}
.hero__copy>p,.page-hero>p{line-height:1.85;max-width:600px;text-wrap:pretty}
.section-heading{margin-bottom:36px}.section-heading h2{letter-spacing:-.045em;text-wrap:balance}
.grid{gap:24px}.card{border-radius:22px!important;box-shadow:none}.card h2,.card h3{letter-spacing:-.035em}.card p{line-height:1.85}
.capability-overview{padding:48px;background:#151916;color:#f6f7f2;border:0}.capability-overview p{color:#d0d8cb}.capability-overview a{color:#c0ff72}
.capability-overview .sprite-team img{background:#151916}.task-composer{box-shadow:0 24px 60px -38px #15191645!important}
.voice-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 4px 0;color:#586257}.voice-controls button{border:1px solid #15191625;border-radius:99px;background:#fff;color:#151916;padding:8px 12px;cursor:pointer;font:500 11px inherit;transition:background .2s}.voice-controls button:hover,.voice-controls button[aria-pressed=true]{background:#c0ff72}.voice-controls button:focus-visible{outline:2px solid #354d23;outline-offset:3px}.voice-controls button:disabled{opacity:.5;cursor:wait}.voice-controls span{font-size:10px;line-height:1.6;flex:1;min-width:140px}
.capability-paths{max-width:1136px;margin:64px auto;padding:0 24px}.capability-paths header{max-width:700px;margin-bottom:32px}.capability-paths h2{font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-.05em;line-height:1.12;color:#151916}.capability-paths header p{line-height:1.8;color:#52604f}.capability-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.capability-path-grid a{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #15191620;border-radius:24px;padding:28px;text-decoration:none;color:#151916;transition:transform .25s,box-shadow .25s}.capability-path-grid img{width:64px;height:64px;background:#151916;border-radius:18px;padding:8px;image-rendering:pixelated}.capability-path-grid h3{font-size:24px;font-weight:500;letter-spacing:-.04em;margin:0}.capability-path-grid p{font-size:13px;line-height:1.8;color:#52604f;margin:0}.capability-path-grid span{font-size:11px;color:#354d23;margin-top:auto}.capability-path-grid a:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px #15191660}
@media(max-width:760px){.capability-path-grid{grid-template-columns:1fr}.capability-paths{margin:40px auto}.capability-overview{padding:28px}.voice-controls span{flex-basis:100%}.grid{gap:16px}}
@media(prefers-reduced-motion:reduce){.capability-path-grid a,.voice-controls button{transition:none}.capability-path-grid a:hover{transform:none}}

::view-transition-old(root){animation:page-out .15s ease both}::view-transition-new(root){animation:page-in .28s ease both}
@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;max-width:570px}.hero-capabilities a{padding:9px 13px;background:#fff;border:1px solid #15191620;border-radius:99px;font-size:11px;color:#354d23;transition:background .2s,transform .2s}.hero-capabilities a:hover{background:#c0ff72;transform:translateY(-2px)}
#modelMode{align-self:center;border:1px solid #15191625;border-radius:12px;background:#f6f7f2;color:#151916;padding:8px;font-size:11px;max-width:76px}
.voice-controls #talkBtn{background:#151916;color:#c0ff72}.voice-controls #talkBtn[aria-pressed=true]{background:#c0ff72;color:#151916}
.slide-preview{width:100%;height:620px;border:1px solid #15191625;border-radius:24px;background:#151916;margin:24px 0}
@media(max-width:760px){.slide-preview{height:360px}#modelMode{max-width:61px;padding:7px 3px;font-size:10px}.hero-capabilities{gap:6px}.hero-capabilities a{padding:8px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.hero-capabilities a{transition:none}.hero-capabilities a:hover{transform:none}}
/* Accent backgrounds may be lime; text on paper always uses readable ink. */
.page-hero em,.section-heading em,.card em,.callout em,.guide-content em,.outcome-nav em,.flow em{color:#151916!important}
.page-hero a,.card a:not(.button),.guide-content a:not(.button),.topic-links a,.footer a,footer .brand-tail,.section .text-link{color:#354d23!important}
.card :is(h2,h3,h4,summary),.section :is(h2,h3),.callout :is(h2,h3),.flow :is(h2,h3),details>summary{color:#151916}
details>summary:hover,.card a:not(.button):hover,.topic-links a:hover{color:#354d23!important}
.nav .nav__brand em{color:#f6f7f2!important}.capability-overview h2{color:#f6f7f2}.capability-overview a{color:#c0ff72!important}
.outcome-nav{color:#f6f7f2}.outcome-nav :is(h2,em){color:#f6f7f2!important}.outcome-nav a{color:#c0ff72!important}.outcome-nav>div>span{color:#d0d8cb}.shell h1 em,.shell h2 em{color:#151916!important}
.hero .chief-parade{grid-column:1/-1}.hero-capabilities{grid-column:1;grid-row:4}.hero .task-ideas{grid-row:4}.hero .start-note{grid-row:5}.hero .hero-facts{grid-row:6}
.workflow-search :is(label,p){color:#354034!important}
.hero .chief-parade button[aria-pressed=true]:hover{background:#151916!important;color:#c0ff72!important}
.shell :is(h1,h1 span,.brand em,.step-num,.step strong,.step span),.pl-brand em{color:#151916!important}
.office-utility :is(.label,.powered-by,.powered-by span){color:#354034!important}
.wrap .head :is(h1,em),.wrap .section :is(strong,em),.wrap .contact a,.wrap .foot a{color:#151916!important}
.page-loader,#pageLoader{background:#151916!important}.page-loader :is(.loader-brand,.loader-brand em),#pageLoader :is(.loader-brand,.loader-brand em){color:#c0ff72!important}
.hero .chief-parade button{transition:transform .25s,border-color .25s}
.office-utility .powered-by strong,.shell .foot :is(a,strong){color:#354034!important}
.wrap .section code{color:#354d23!important;background:#eef1e9!important}.wrap .contact h2{color:#151916!important}
