/* Brand palette sampled from logo-520.webp. Cyan is paired with navy, never white text. */
:root{
 --brand-blue:#004bd6;--brand-blue-hover:#003cab;--brand-cyan:#00e0ff;--brand-navy:#071b48;
 --brand-ink:#0b214b;--brand-text:#354e73;--brand-secondary:#435d7c;
 --brand-white:#fff;--brand-paper:#f5f8ff;--brand-blue-soft:#e5edff;--brand-cyan-soft:#d9f8ff;
 --brand-border:#b8cceb;--brand-on-dark:#c8dcff;
 --ink:var(--brand-ink);--muted:var(--brand-text);--blue:var(--brand-blue);--button:var(--brand-blue);
 --sky:var(--brand-blue-soft);--line:var(--brand-border);--paper:var(--brand-paper);
}
body{color:var(--brand-ink);background:var(--brand-paper)}
p{color:var(--brand-text)}
.blue{color:var(--brand-blue)}.muted{color:var(--brand-secondary)}
::selection{background:var(--brand-cyan);color:var(--brand-navy)}
:focus-visible{outline-color:var(--brand-blue)}
.header{background:#fffffff5;border-bottom:1px solid #dce6fa}
.desktop-nav,.mobile-nav a{color:var(--brand-text)}
.desktop-nav a:hover,.footer-main>nav>a:hover{color:var(--brand-blue)}
.button-primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 5px 18px #004bd630,inset 0 1px 2px #ffffff25}
.button-primary:hover{background:var(--brand-blue-hover);box-shadow:0 8px 24px #004bd63b}
.button-glass{background:#fffffff2;border-color:#8cb5ee;color:var(--brand-blue);box-shadow:0 3px 10px #004bd612}
.button-glass:hover{background:#fff;border-color:var(--brand-blue)}
.live-dot,.nav-dot{background:var(--brand-blue)}
.eyebrow,.hero-intro,.section-no{color:var(--brand-secondary)}
.section-no{color:var(--brand-blue)}
.hero{background:#fff}
.hero-atmosphere{background:radial-gradient(ellipse at 9% 78%,#42b8ffad 0,transparent 43%),radial-gradient(ellipse at 93% 80%,#00dfff73 0,transparent 43%),radial-gradient(ellipse at 50% 70%,#bad7ffb3 0,transparent 55%),linear-gradient(#fff 4%,#f1f6ff 36%,#d5e9ff 85%,#e7f1ff 100%)}
.hero-intro{background:#fff;border-color:#c8d9f3}
.hero-description,.hero-note{color:var(--brand-text)}
.hero-note>span{color:var(--brand-secondary)}
.hero-note svg{color:var(--brand-blue)}
.serif-word:after{background:linear-gradient(90deg,#004bd620,#004bd6b3,#00e0ff80)}
.hero-person figcaption{background:#fffffff2;border-color:#fff;box-shadow:0 8px 26px #004bd61c}
.person-name,.hero-person figcaption>span+span{color:var(--brand-ink)}
.person-name svg{color:var(--brand-blue)}
.floating-note{background:#fffffff2;border-color:#b7d6f6;box-shadow:0 7px 24px #004bd610}
.floating-note small,.floating-note div>span{color:var(--brand-text)}
.note-icon{background:var(--brand-blue-soft);color:var(--brand-blue)}
.handwritten,.hero-center>p{color:var(--brand-text)}
.little-star{color:var(--brand-blue)}
.live-link{background:#fff;color:var(--brand-ink);border-color:#9cc6f3}
.live-link svg,.scroll-arrow{color:var(--brand-blue)}
.scroll-cue>span:first-child{color:var(--brand-text)}
.idea-line{background:linear-gradient(#004bd600,var(--brand-blue))}
.idea-line:after{border-color:var(--brand-blue)}
.belief-editorial{border-color:var(--brand-border)}
.belief-editorial .belief-principle,.belief-title{border-color:var(--brand-border)}
.belief-title .eyebrow,.belief-title>span:last-child,.belief-index,.belief-principle div>span{color:var(--brand-secondary)}
.belief-principle strong{color:var(--brand-ink)}
.belief-principle>svg{color:var(--brand-blue)}
.pain-editorial{background:linear-gradient(#fff 65%,#edf3ff)}
.pain-opening-note p,.pain-opening-note>span:last-child{color:var(--brand-text)}
.pain-scene{border-color:var(--brand-border);box-shadow:0 4px 20px #071b4805}
.pain-scene:hover{border-color:var(--brand-blue);box-shadow:0 10px 28px #004bd612}
.scene-saved,.scene-fit{border-top:3px solid var(--brand-blue)}
.scene-local{background:var(--brand-cyan-soft);border-color:#76bfd8}
.scene-index,.scene-index>span,.scene-footnote,.scene-content p{color:var(--brand-text)}
.scene-top>svg{color:var(--brand-blue)}
.pain-scene h3{color:var(--brand-ink)}
.pain-scene h3 span{color:var(--brand-blue)}
.scene-video{background:var(--brand-blue);border-color:var(--brand-blue)}
.scene-video h3,.scene-video h3 span{color:#fff}
.scene-video .scene-content p,.scene-video .scene-index,.scene-video .scene-index>span{color:#e4efff}
.scene-video .scene-top>svg{color:var(--brand-cyan)}
.saved-file{border-color:#a7c1ea;color:var(--brand-text);background:#fff}
.saved-file svg{color:var(--brand-blue)}
.file-back{background:#e8efff}.file-middle{background:#f2f6ff}.file-front{color:var(--brand-blue);border-color:var(--brand-blue)}
.video-track,.stuck-label{color:#fff}
.video-track>div{background:#ffffff45}
.video-track i{background:#a0c3ff}.video-track>svg{color:var(--brand-cyan)}
.track-stuck i{background:var(--brand-cyan)}.track-stuck b{border-color:var(--brand-cyan);background:var(--brand-blue)}
.local-node{color:var(--brand-ink);border-color:#74abc4;background:#fff}
.node-team{color:var(--brand-text);background:transparent}
.node-dot{background:var(--brand-blue)}.broken-link{color:#2775a0}.broken-link>i{border-color:#5289a5}
.feature-tag{color:var(--brand-secondary);border-color:#b4c5de;background:#f3f6fc}
.tag-more{color:var(--brand-secondary)}.tag-needed{background:var(--brand-blue-soft);color:var(--brand-blue);border-color:var(--brand-blue)}
.pain-afterword,.pain-afterword summary{border-color:var(--brand-border);color:var(--brand-text)}
.afterword-action{color:var(--brand-blue)}
.reassurance-band{background:var(--brand-navy)}
.reassurance-band:before{background:radial-gradient(ellipse at 100% 0,#004bd67a 0,transparent 65%),linear-gradient(105deg,#071b48,#092459)}
.reassurance-topline{border-color:#4771a9}
.reassurance-topline .eyebrow,.statement-marker{color:var(--brand-on-dark)}
.statement-dot{background:var(--brand-cyan)}
.statement-layout{display:block;margin:43px 0 39px}
.reassurance-band h2{font-size:clamp(26px,8.6vw,124px);line-height:1.25;white-space:nowrap;letter-spacing:.018em;color:#fff}
.reassurance-band h2>span{display:inline;white-space:inherit;max-width:none;color:var(--brand-cyan)}
.statement-bottom{border-color:#4771a9}
.statement-explanation>p:first-child{color:#fff}
.statement-explanation>p+p,.path-label,.path-journey{color:var(--brand-on-dark)}
.path-journey>strong{color:var(--brand-cyan)}
.path-bridge{color:var(--brand-cyan)}.path-bridge>i{border-color:#749bd0}
.path-go{color:var(--brand-cyan);border-color:#749bd0}
.gap-section{background:var(--brand-blue-soft)}
.stair-1 .stair-body{background:#fff;border:1px solid var(--brand-border)}
.stair-2 .stair-body{background:#cbdcff}
.stair-3 .stair-body{background:var(--brand-blue);color:#fff}
.stair-4 .stair-body{background:var(--brand-navy);color:#fff}
.stair-number{color:var(--brand-blue)}
.stair-3 .stair-number,.stair-4 .stair-number{color:var(--brand-cyan)}
.stair-annotation,.stair-bottom{color:var(--brand-secondary)}
.stair-3 .stair-annotation{color:var(--brand-blue)}
.stair-3 p,.stair-4 p,.stair-3 .stair-bottom,.stair-4 .stair-bottom{color:#fff}
.section-caption,.section-caption strong{color:var(--brand-text)}
.about-intro strong{color:var(--brand-ink)}
.founder-long{background:#cfddff}.founder-dai{background:#c9f3ff}
.founder-topline{color:var(--brand-text)}
.founder-label{background:#fffffff2;border-color:#fff}
.founder-label p{color:var(--brand-text)}
.founder-quote blockquote{color:var(--brand-ink)}
.founder-quote blockquote span,.quote-sign{color:var(--brand-text)}
.quote-mark{color:var(--brand-blue)}
.method-section{background:#edf3ff;border-color:var(--brand-border)}
.roadmap-tabs button{color:var(--brand-text)}
.roadmap-tabs button>span,.roadmap-tabs button:nth-child(n+4)>span{color:var(--brand-blue)}
.roadmap-tabs button:hover{background:#d9e5ff}
.roadmap-tabs button[aria-selected=true]{background:var(--brand-blue);color:#fff;box-shadow:0 5px 16px #004bd626}
.roadmap-tabs button[aria-selected=true]>span{color:#fff}
.roadmap-panel{background:#fff;border-color:#8eb3ef;box-shadow:0 9px 25px #004bd60a}
.pill{background:var(--brand-blue-soft);border-color:#b6cbf0;color:var(--brand-blue)}
.panel-top>span:last-child{color:var(--brand-secondary)}
.roadmap-panel h3{color:var(--brand-ink)}
.step-example{background:var(--brand-blue-soft);border-color:#c4d7f6}
.mini-label,.example-caption{color:var(--brand-text)}
.step-example>p{color:var(--brand-ink)}
.example-caption{border-color:#a8c4ec}
.example-caption svg{color:var(--brand-blue)}
.panel-footer>span{color:var(--brand-secondary)}
.panel-footer>button{color:var(--brand-blue);border-color:#7ba5e8}
.panel-footer>button:hover{background:var(--brand-blue-soft)}
.principles svg{color:var(--brand-blue)}
.letter{background:#eaf0ff;border-color:#b7caf0;border-left:4px solid var(--brand-blue)}
.letter-date,.truths>div>span,.research-note p,.letter-sign>span{color:var(--brand-secondary)}
.research-note{border-color:#b5c9ee}.research-note a,.research-note svg{color:var(--brand-blue)}
.letter-sign strong{color:var(--brand-blue)}
.fit-yes{background:var(--brand-cyan-soft);border-color:#80c7df}
.fit-no{background:#edf1f8;border-color:#c2cfe1}
.fit-label,.fit-no .fit-label{color:var(--brand-secondary)}
.fit-grid h3,.fit-no h3{color:var(--brand-ink)}
.fit-grid li,.fit-no li{color:var(--brand-text)}
.fit-grid li svg,.fit-no li>span{color:var(--brand-blue)}
.fit-footnote{border-color:#c0cee2}
.start-section{background:linear-gradient(130deg,#e4edff,#ddf8ff);border-color:var(--brand-border)}
.workshop-guide .download-note,.workspace-note{color:var(--brand-secondary)}
.text-link{color:var(--brand-blue);border-color:#8cace0}
.text-link:hover{color:var(--brand-blue-hover)}
.prompt-workspace{border-color:#83a8e5;box-shadow:0 15px 35px #004bd613}
.workspace-top{background:var(--brand-navy);border-color:var(--brand-navy)}
.workspace-top>span{color:#fff}.workspace-top>svg{color:var(--brand-cyan)}
.window-dots i{background:#7bafff}
label{color:var(--brand-ink)}
input,textarea{color:var(--brand-ink);border-color:#9eb8df;background:#fff}
input::placeholder{color:#526b8c;opacity:1}
input:focus,textarea:focus{border-color:var(--brand-blue)}
textarea{background:#f0f5ff}
.prompt-label,#prompt-status{color:var(--brand-blue)}
.start-caption{color:var(--brand-ink)}.start-caption>span{color:var(--brand-text)}
.faq-sign small{color:var(--brand-secondary)}
.faq-list details{border-color:var(--brand-border)}
.faq-list summary svg,.faq-list details[open] summary{color:var(--brand-blue)}
.faq-list details>p{color:var(--brand-text)}
.closing{background:var(--brand-navy)}
.closing-glow{background:radial-gradient(ellipse at 75% 100%,#004bd6a8,transparent 68%),radial-gradient(ellipse at 0 50%,#00dfff1f,transparent 50%)}
.closing .eyebrow,.closing p,.closing-sign>span+span{color:var(--brand-on-dark)}
.closing h2{color:#fff}.closing .blue{color:var(--brand-cyan)}
.closing .button-primary{background:var(--brand-cyan);border-color:var(--brand-cyan);color:var(--brand-navy);box-shadow:0 6px 24px #00e0ff20}
.closing .button-primary:hover{background:#83eeff;border-color:#83eeff}
.signature{color:#fff}.closing-sign>span+span{border-color:#668cc2}
.footer-main>nav,.back-top,.footer-bottom{color:var(--brand-text)}
.footer-bottom,.back-top>span{border-color:var(--brand-border)}
.footer-bottom svg,.back-top svg{color:var(--brand-blue)}
.toast{background:var(--brand-navy);color:#fff}
@media(max-width:700px){.statement-layout{display:block;margin:29px 0}.reassurance-band h2>span{display:inline;max-width:none;white-space:inherit}}
.workshop-guide li>span{color:var(--brand-blue);border-color:#85a9e4;background:#fff}
