:is(.workflow-page,.about-page){--primary:#007AFF;--ink:#0B2A4F;--forest:#0B2A4F;--tint:#E6F1FF;--border:#E6F1FF;--accent:#16A8A0;--muted:#3A4F66;background:#fff;color:var(--ink)}
.surface-white{background:#fff}.surface-mist{background:#F5F9FF}.surface-sky{background:#E6F1FF}
:is(.workflow-page,.about-page) .subpage-hero>.section-inner>p{font-size:17px;line-height:1.8;max-width:620px;margin:26px auto}.subpage-hero>.section-inner>h1{margin-inline:auto}.subpage-hero>.section-inner>.workflow-time{margin-top:28px}
.why-exist{display:block}.why-exist>.section-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;align-items:start}
:is(.workflow-page,.about-page) :is(.problem-step,.related-card,.trust-card,.software,.walk-stage,.board article,.scene-message.incoming,.waitlist-mini span){background:#fff;border-color:#E6F1FF}
:is(.workflow-page,.about-page) :is(.product-visual,.windowbar,.raw-referral,.stats>div,.calendar-slot){background:#F5F9FF;border-color:#E6F1FF}
:is(.workflow-page,.about-page) :is(.scene-message.outgoing,.chat,.fileicon,.tick,.pill,.paidline,.claim-process,.changing-slot,.missing){background:#E6F1FF;border-color:#E6F1FF;color:#007AFF}
:is(.workflow-page,.about-page) .scene[data-phase] .missing{background:#E6F1FF;color:#007AFF}
:is(.workflow-page,.about-page) .founder-section :is(h2,blockquote,.eyebrow){color:#007AFF}:is(.workflow-page,.about-page) .founder-section :is(p,.founder-name){color:#0B2A4F}
:is(.workflow-page,.about-page) .closing{background:#E6F1FF;border-color:#E6F1FF;color:#0B2A4F}:is(.workflow-page,.about-page) .closing h2{color:#007AFF}:is(.workflow-page,.about-page) .closing :is(p,.custom-line,.eyebrow){color:#0B2A4F}
:is(.workflow-page,.about-page)>footer{background:#0B2A4F;color:#fff}:is(.workflow-page,.about-page)>footer :is(p,a,h4,button,span){color:#fff}:is(.workflow-page,.about-page)>footer .footer-bottom{border-color:#ffffff30}
:is(.workflow-page,.about-page) dialog{background:#fff;color:#0B2A4F}.workflow-page .walk-screen{height:360px;min-height:360px;max-height:none}.workflow-page .walk-caption{min-height:36px}
.scene-flow{padding:20px;min-height:320px;overflow:hidden}.flow-panel{padding-top:18px}.flow-label{display:block;font:8px 'JetBrains Mono',monospace;letter-spacing:.1em;color:#3A4F66}.flow-list{display:grid;gap:10px;margin:18px 0}.flow-item{display:flex;gap:10px;align-items:center;min-height:43px;padding:10px;border:1px solid #E6F1FF;border-radius:7px;background:#F5F9FF;font:10px/1.6 'JetBrains Mono',monospace;transition:opacity .5s,transform .5s}.flow-item b{color:#007AFF}.flow-final{min-height:35px;font:10px/1.6 'JetBrains Mono',monospace;color:#007AFF;transition:opacity .5s,transform .5s}.scene[data-phase="0"] .flow-item,.scene[data-phase="1"] .flow-item:nth-child(n+2),.scene[data-phase="2"] .flow-item:nth-child(n+3),.scene:not([data-phase="4"]) .flow-final{opacity:0;transform:translateY(8px)}
.scene-flow.scene-chat .flow-item{max-width:92%;background:#E6F1FF;border-radius:12px 12px 0 12px;margin-left:auto}.scene-flow.scene-chat .flow-item:nth-child(even){margin-left:0;background:#fff;border-radius:12px 12px 12px 0}.scene-flow.scene-tracker .flow-item{border-left:3px solid #007AFF}.call-wave{display:flex;gap:4px;align-items:center;justify-content:center;height:24px;margin-top:8px}.call-wave i{height:18px;width:3px;border-radius:3px;background:#007AFF;animation:call-bar 1.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.13s)}@keyframes call-bar{50%{transform:scaleY(.25)}}.scene[data-running="false"] *{animation-play-state:paused!important}
.mode-demo{max-width:760px;margin:35px auto;border:1px solid #E6F1FF;border-radius:18px;background:#fff;padding:25px}.mode-tabs,.mati-tabs{display:flex;gap:8px;flex-wrap:wrap}.mode-tabs button,.mati-tabs button,.mati-suggestions button{border:1px solid #E6F1FF;background:#F5F9FF;color:#0B2A4F;border-radius:20px;padding:10px 14px;font:12px 'DM Sans',sans-serif;cursor:pointer}.mode-tabs [aria-selected=true],.mati-tabs [aria-selected=true]{background:#007AFF;color:#fff}.mode-description{min-height:64px;font-size:15px;line-height:1.7;padding:20px 0 0}.mode-demo .scene{box-shadow:none}.mode-section>.container>p,.extra-section>.container>p{max-width:760px;margin:20px auto;line-height:1.8}.extra-section .sectionhead{margin-bottom:30px}.workflow-page .custom-line{margin:25px auto;max-width:700px;line-height:1.7}
.hero-demo{max-width:800px;margin:45px auto 0}.mati-lab{max-width:800px;margin:30px auto 0;background:#fff;border:1px solid #E6F1FF;border-radius:22px;padding:30px;text-align:center;overflow:hidden}.wf-orb-wrap{position:relative;width:180px;height:180px;margin:25px auto;display:grid;place-items:center}.wf-orb{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#CCE3FF,#007AFF 52%,#0B2A4F 78%);box-shadow:0 0 40px #007AFF25;position:relative;animation:orb-breathe 5s ease-in-out infinite;isolation:isolate}.wf-orb i{position:absolute;inset:15%;border-radius:40% 60% 60% 40%;background:radial-gradient(circle,#16A8A090,transparent 65%);filter:blur(8px);animation:orb-swirl 9s linear infinite}.wf-orb i:nth-child(2){inset:5%;background:radial-gradient(ellipse at 70% 30%,#ffffff90,transparent 60%);animation-direction:reverse}.wf-ripple{position:absolute;inset:10px;border:1px solid #007AFF50;border-radius:50%;opacity:0}.mati-lab[data-state=listening] .wf-ripple{animation:orb-ripple 1.5s ease-out infinite}.mati-lab[data-state=listening] .wf-ripple.second{animation-delay:.6s}.mati-lab[data-state=thinking] .wf-orb i{animation-duration:2.5s}.mati-lab[data-state=speaking] .wf-orb{animation:orb-speak .7s ease-in-out infinite}.mati-suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:22px}.mati-suggestions button{font-size:11px;animation:chip-drift 6s ease-in-out infinite}.mati-suggestions button:nth-child(2){animation-delay:-2s}.mati-suggestions button:nth-child(3){animation-delay:-4s}.mati-tabs{justify-content:center}.mati-answer{height:260px;margin-top:20px;padding:20px;border:1px solid #E6F1FF;border-radius:12px;background:#F5F9FF;text-align:left;overflow:auto}.mati-answer>p{font-size:16px;line-height:1.65;margin-bottom:16px}.mati-answer button{cursor:pointer}.mati-action-result{display:block;min-height:25px;margin-top:12px;color:#007AFF;font-size:12px}.mati-auth{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:9px 0;border-top:1px solid #E6F1FF}.mati-auth button{font-size:10px;border:1px solid #007AFF;background:#fff;border-radius:5px;color:#007AFF;padding:8px}.mati-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mati-metrics div{padding:10px;background:#fff;border-radius:8px;font-size:11px}.mati-metrics strong{display:block;font:26px 'Instrument Serif',serif;color:#007AFF}.mati-lab[data-visible=false] *{animation-play-state:paused!important}
@keyframes orb-breathe{50%{transform:scale(1.06)}}@keyframes orb-swirl{to{transform:rotate(360deg)}}@keyframes orb-ripple{0%{opacity:.5;transform:scale(.8)}100%{opacity:0;transform:scale(1.3)}}@keyframes orb-speak{50%{transform:scale(1.05,.96)}}@keyframes chip-drift{50%{transform:translateY(-3px)}}
@media(max-width:950px){.why-exist>.section-inner{gap:50px}}
@media(max-width:650px){:is(.workflow-page,.about-page) .subpage-hero>.section-inner>p{font-size:14px;margin:22px auto}.why-exist>.section-inner{grid-template-columns:1fr;gap:30px}.workflow-page .walk-screen{height:275px;min-height:275px;max-height:275px}.walk-screen .scene-flow{min-height:245px;padding:12px}.walk-screen .flow-panel{padding-top:10px}.walk-screen .flow-list{margin:10px 0;gap:6px}.walk-screen .flow-item{font-size:8px;min-height:35px;padding:6px}.walk-screen .flow-final{font-size:8px}.walk-screen .call-wave{height:14px;margin-top:0}.mode-demo{padding:18px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr}.mode-tabs button{font-size:11px;padding:10px}.mode-description{min-height:105px}.mati-lab{padding:18px}.mati-answer{height:290px;padding:14px}.mati-answer>p{font-size:14px}.mati-auth{font-size:10px}.mati-auth button{max-width:115px}.mati-suggestions button{font-size:10px}.mati-tabs button{font-size:11px;padding:9px}.scope-grid{grid-template-columns:1fr}.flow-item{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene-flow *,.mati-lab *{animation:none!important;transition:none!important}.scene-flow .flow-item,.scene-flow .flow-final{opacity:1!important;transform:none!important}.wf-ripple{display:none}.workflow-page .walk-screen{animation:none!important}}
:is(.workflow-page,.about-page){--bg:#FFFFFF;--button:#007AFF}
:is(.workflow-page,.about-page) header{background:#FFFFFFF5}
@media(max-width:650px){:is(.workflow-page,.about-page) .navlinks{background:#FFFFFF}}
.mode-demo .scene{height:360px}.mode-demo .flow-list{min-height:170px}
@media(max-width:650px){.mode-demo .scene{height:380px}.mode-demo .flow-list{min-height:200px}}
.workflow-page .walkthrough .step-number{background:#F5F9FF;border-color:#E6F1FF;color:#007AFF}.workflow-page .walkthrough .walk-active .step-number{background:#007AFF;color:#fff;box-shadow:0 0 0 5px #E6F1FF}.workflow-page .walkthrough .step{opacity:.72}.workflow-page .walkthrough .walk-active{opacity:1}.workflow-page .walk-caption:before{box-shadow:0 0 0 4px #E6F1FF}
:is(.workflow-page,.about-page) .windowbar i{background:#007AFF60}
@media(prefers-reduced-motion:reduce){.workflow-page .walkthrough .step{opacity:1}}