@font-face{font-family:'Be Vietnam Pro';src:url('assets/fonts/be-vietnam-pro-300.woff2') format('woff2'),url('assets/fonts/be-vietnam-pro-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
/* One reading scale across the site; display headings retain PODIUM Sharp. */
:root{--text-body:14px;--text-small:14px;--text-meta:12px;--reading-leading:1.8}
body{font-size:var(--text-body);font-weight:300}
:is(.hero-description,.section-heading>p,.pain-opening-note p,.pain-scene p,
 .pain-afterword p,.stair p,.section-caption,.about-intro p,.founder-label p,
 .founder-quote blockquote,.method-heading>p,.roadmap-panel>p,.step-example>p,
 .principles p,.letter-lead,.truths p,.research-note p,.fit-grid li,.fit-footnote,
 .start-heading>p,.workshop-guide>p,.workshop-guide li p,.start-caption,
 .faq-list details>p,.faq-section .section-heading>p,.closing p,
 .footer-main>div>p,.hero-person figcaption>span+span,.hero-center>p,
 .statement-explanation>p:first-child,.statement-explanation>p+p){
 font-size:var(--text-body);font-weight:300;line-height:var(--reading-leading);letter-spacing:normal;
}
.hero-description{max-width:740px}
.hero-note{font-size:var(--text-small);line-height:1.7;flex-wrap:wrap;row-gap:5px;padding-inline:20px}
.hero-note svg{width:15px;height:15px}
.hero-intro{font-size:var(--text-meta);line-height:1.6;max-width:calc(100% - 40px);flex-wrap:wrap;justify-content:center;letter-spacing:.7px}
.floating-note small{font-size:var(--text-meta);line-height:1.5;letter-spacing:.3px}
.floating-note div>span{font-size:var(--text-body);font-weight:300;line-height:var(--reading-leading);letter-spacing:normal;max-width:240px}
.floating-note{padding:12px 15px;gap:10px;max-width:300px}
.hero-stage{margin-top:80px}
.hero-stage .note-left,.hero-stage .note-right{top:-66px}
.hero-person figcaption{padding:16px 18px}
.hero-person figcaption>span+span{margin-top:8px}
.handwritten,.live-link{font-size:var(--text-body);font-weight:300;line-height:1.7;letter-spacing:normal}
.hero-center{width:290px;top:105px}
.hero-center>p{margin-top:14px}
.live-link{gap:9px;padding:12px 16px}
.scroll-cue>span:first-child{font-size:var(--text-meta);line-height:1.7;letter-spacing:1px}

/* Auxiliary labels use 12–14px instead of the earlier 5–10px annotations. */
:is(.eyebrow,.belief-title .eyebrow,.belief-title>span:last-child,.belief-index,
 .belief-principle div>span,.pain-opening-note>span:last-child,.scene-index>span,
 .scene-footnote,.stair-annotation,.stair-bottom,.founder-topline,.pill,
 .panel-top>span:last-child,.mini-label,.example-caption,.panel-footer>span,
 .letter-header .eyebrow,.letter-date,.truths>div>span,.fit-label,.fit-no .fit-label,
 .workspace-top>span,.prompt-label,#prompt-status,.workspace-note,
 .workshop-guide>.download-note,.reassurance-topline .eyebrow,.statement-marker,.path-label){
 font-size:var(--text-meta);font-weight:300;line-height:1.65;letter-spacing:.4px;
}
.belief-editorial .belief-principle{grid-template-columns:24px minmax(0,1fr)}
.belief-principle strong{font-size:var(--text-body);font-weight:300;line-height:1.55;white-space:normal}
.belief-principle div>span{font-size:var(--text-small);white-space:normal}
.scene-index{font-size:var(--text-small)}
.scene-footnote{position:static;display:block;margin-top:24px}
.pain-scene{min-height:390px}
.scene-saved p,.scene-fit p{max-width:350px}
.scene-saved{padding-bottom:34px}
.scene-saved .scene-footnote{max-width:340px;margin-top:28px}
.saved-file,.video-track,.stuck-label,.local-node,.feature-tag{font-size:var(--text-meta);line-height:1.6}
.video-track>span:first-child{width:95px}
.track-stuck>div{margin-right:76px}
.saved-file{width:218px}
.saved-visual{width:230px;right:32px;bottom:65px}
.scene-saved .scene-content{max-width:min(350px,calc(100% - 270px))}
.local-visual{gap:12px;flex-wrap:wrap}
.local-node{padding:11px 12px}
.broken-link{min-width:35px}
.feature-tag{padding:9px 12px}
.pain-afterword summary{font-size:var(--text-body);line-height:1.8}
.afterword-action{font-size:var(--text-small);line-height:1.7;white-space:normal}
.statement-explanation>p:first-child,.statement-explanation>p+p{max-width:510px}
.path-journey{font-size:var(--text-body);line-height:1.7}
.statement-bottom{gap:70px}

.stair-body>*{flex-shrink:0}
.stair-1 .stair-body{height:auto;min-height:380px}
.stair-2 .stair-body{height:auto;min-height:420px}
.stair-3 .stair-body{height:auto;min-height:460px}
.stair-4 .stair-body{height:auto;min-height:500px}
.stair-annotation{white-space:normal;left:4px;right:3px;min-height:36px}
.stair-bottom{letter-spacing:.2px;gap:8px}
.stair p{margin-top:14px}
.stair-number{line-height:1.2}
.founder-label{max-width:calc(100% - 48px)}
.founder-label p{max-width:300px;margin-top:8px}
.founder-quote{align-items:flex-start;gap:20px}
.founder-quote blockquote{flex:1}
.quote-sign{align-self:flex-end}
.roadmap-tabs button{font-size:var(--text-body);font-weight:300;line-height:1.6;min-height:70px}
.roadmap-tabs button>span{font-size:var(--text-small)}
.roadmap-panel{min-height:0}
.roadmap-panel>p{max-width:100%}
.panel-top{align-items:flex-start}
.pill{white-space:normal;text-align:left}
.panel-top>span:last-child{white-space:nowrap;padding-top:7px}
.step-example{padding:22px 24px}
.example-caption{font-size:var(--text-small);gap:8px;align-items:flex-start}
.example-caption svg{width:16px;height:16px;margin-top:5px}
.panel-footer{align-items:center;gap:18px}
.panel-footer>button{flex-shrink:0}
.principles{gap:36px}
.principles p{margin-top:12px}
.truths{gap:32px 45px}
.truths>div{padding-left:31px}
.truths p{margin-top:12px}
.truths>div>span{top:2px}
.research-note{gap:12px}
.research-note svg{width:18px;height:18px;margin-top:5px}
.letter-header{align-items:flex-start;gap:25px}
.letter-date{white-space:normal;text-align:right;max-width:190px}
.letter-sign>span{font-size:var(--text-body);line-height:1.8}
.fit-grid li{line-height:var(--reading-leading)}
.fit-grid li svg{margin-top:6px}
.fit-footnote{padding-top:24px}
.workshop-guide li strong{font-size:var(--text-body);font-weight:300;line-height:1.8}
.workshop-guide li>span{width:30px;height:30px;font-size:var(--text-small);margin-top:2px}
.workshop-guide li{gap:14px}
.workshop-guide li p{max-width:none}
.workshop-guide ol{gap:24px;margin-block:30px}
.text-link{font-size:var(--text-small);font-weight:300;line-height:1.7;gap:9px}
.workshop-guide>.download-note{margin-top:10px}
label{font-size:var(--text-body);font-weight:300;line-height:1.7;margin-bottom:9px}
input,textarea{font-size:var(--text-body);font-weight:300;line-height:1.7}
input{min-height:48px}
#prompt-output{min-height:320px;padding:16px}
.prompt-label{gap:18px;align-items:flex-start}
#prompt-status{font-size:11px;letter-spacing:0;white-space:nowrap}
.workspace-top{gap:15px;align-items:center}
.workspace-top>span{flex:1;text-align:center}
.workspace-note{font-size:var(--text-meta);align-items:flex-start;line-height:1.7}
.workspace-note svg{width:14px;height:14px;margin-top:3px}
.faq-list summary{font-size:var(--text-body);font-weight:300;line-height:1.75;padding-block:24px}
.faq-list details>p{padding-right:26px;padding-bottom:26px}
.faq-sign>span{font-size:var(--text-body);line-height:1.7}
.faq-sign small{font-size:var(--text-small);line-height:1.7}
.closing-sign>span+span{font-size:var(--text-body);line-height:1.75;letter-spacing:normal}
.closing-sign{gap:28px}
.footer-main{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(0,1.35fr) auto;gap:40px}
.footer-main>nav{font-size:var(--text-body);font-weight:300;line-height:1.7;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.footer-main>div>p{margin-top:22px;max-width:30ch}
.back-top{font-size:var(--text-small);line-height:1.7;gap:12px}
.back-top>span{flex-shrink:0}
.footer-bottom{font-size:var(--text-small);line-height:1.7;flex-wrap:wrap;gap:16px 24px;padding-block:24px}
.footer-bottom>span:last-child{flex-wrap:wrap}
.toast{font-size:var(--text-small);line-height:1.7}

@media(max-width:1150px){
 .belief-editorial .belief-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px}
 .belief-title{align-self:center}
 .belief-editorial .belief-principle{padding-left:22px}
 .belief-principle strong{font-size:var(--text-body)}
 .belief-principle div>span{font-size:var(--text-small)}
 .pain-opening-note{width:300px}
 .pain-opening-note>span:last-child{font-size:var(--text-meta)}
 .pain-scene{padding:26px;min-height:0}
 .saved-visual{position:relative;right:0;bottom:auto;width:230px;height:154px;margin:22px 0 15px auto;transform:rotate(-6deg) scale(.9);transform-origin:center}
 .scene-saved .scene-content,.scene-saved p{max-width:none}
 .scene-saved .scene-footnote{max-width:none;margin-top:20px}
 .scene-fit .scene-footnote{display:block}
 .scene-footnote{margin-top:24px}
 .video-visual{gap:20px}
 .video-track{font-size:var(--text-meta);gap:10px}
 .video-track>span:first-child{width:95px}
 .local-node{font-size:var(--text-meta);padding:10px}
 .feature-tag{font-size:var(--text-meta)}
 .roadmap{gap:25px}
 .roadmap-panel{padding:29px 26px 22px}
 .roadmap-tabs button{padding:17px 15px;gap:12px}
 .fit-grid>div{padding:32px}
 .workshop{gap:30px}
 .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px}
 .footer-main>nav{grid-column:2;grid-row:1 / span 2}
 .back-top{grid-column:1;grid-row:2;justify-self:start}
}
@media(max-width:1100px){
 .stairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;align-items:stretch;margin-top:44px}
 .stair{display:flex;flex-direction:column}
 .stair-annotation{position:static;min-height:24px;margin:0 0 11px;font-size:var(--text-meta)}
 .stair-1 .stair-body,.stair-2 .stair-body,.stair-3 .stair-body,.stair-4 .stair-body{height:auto;min-height:345px;flex:1;padding:25px}
 .stair-2,.stair-4{transform:translateY(16px)}
 .stair h3{font-size:27px}
 .stair-bottom{font-size:var(--text-meta)}
 .section-caption{margin-top:41px}
 .founder-label{max-width:calc(100% - 40px);right:20px;min-width:0}
 .founder-quote{flex-wrap:wrap}
 .quote-sign{font-size:24px}
}
@media(max-width:900px){
 .hero-stage{margin-top:95px;height:450px}
 .hero-center{width:240px;top:104px}
 .live-link{font-size:var(--text-small);padding:11px 12px}
 .hero-person{width:280px}
 .hero-person figcaption{left:12px;right:8px;padding:14px}
 .person-name{font-size:25px}
 .floating-note div>span{font-size:var(--text-small);max-width:195px}
 .floating-note small{font-size:10px}
 .floating-note{max-width:250px}
 .floating-note .note-icon{width:29px;height:29px}
 .hero-stage .note-left,.hero-stage .note-right{top:-72px}
 .founder{height:440px}
 .founder>img{height:370px;width:280px}
 .principles{grid-template-columns:1fr;gap:25px}
 .principles>div{padding-left:38px}
 .letter{padding:40px 35px}
 .letter-header{flex-wrap:wrap;gap:12px}
 .letter-date{text-align:left;max-width:none}
 .truths{grid-template-columns:1fr;gap:27px}
 .workshop{grid-template-columns:1fr;gap:35px}
 .workshop-guide>p{max-width:none}
 .workshop-guide li p{max-width:none}
 .workshop-guide .download-note{font-size:var(--text-meta)}
 .input-pair{grid-template-columns:1fr 1fr}
 .faq-layout{grid-template-columns:1fr;gap:35px}
 .footer-main{grid-template-columns:minmax(0,1fr) auto}
 .footer-main>nav{grid-column:1 / -1;grid-row:2}
 .back-top{grid-column:2;grid-row:1}
}
@media(max-width:700px){
 .hero-description{max-width:600px;padding-inline:24px}
 .hero-intro{font-size:11px;gap:5px 8px;padding:9px 12px}
 .hero-intro{display:block;width:max-content;margin-inline:auto;text-wrap:balance;line-height:1.8}
 .hero-intro .live-dot{display:inline-block;margin-right:6px;vertical-align:middle}
 .eyebrow-divider{display:none}
 .hero-note{font-size:var(--text-small);column-gap:7px;padding-inline:22px;max-width:440px;margin-inline:auto}
 .hero-note svg{width:14px;height:14px}
 .hero-stage{height:565px;margin-top:30px}
 .hero-center{top:6px;width:245px}
 .hero-center .handwritten{font-size:var(--text-body)}
 .hero-center .live-link{font-size:var(--text-small);width:245px;padding:10px 13px;gap:9px}
 .hero-center .live-link svg{width:14px;height:14px}
 .hero-person{width:49%;max-width:none}
 .hero-person>img{height:300px;mask-image:linear-gradient(#000 93%,#0004)}
 .hero-person figcaption{position:relative;left:auto;right:auto;bottom:auto;margin:-20px 6px 0;min-height:162px;padding:13px 12px;z-index:5}
 .hero-person figcaption>span+span{font-size:var(--text-body);line-height:1.6;margin-top:8px;letter-spacing:normal}
 .person-name{font-size:23px;gap:5px}
 .person-name svg{width:13px;height:13px}
 .scroll-cue{padding:15px 12px 25px;gap:9px}
 .scroll-cue>span:first-child{font-size:10px;letter-spacing:.6px;text-align:center}
 .belief-editorial .belief-inner{grid-template-columns:1fr;gap:0;padding-block:29px 20px}
 .belief-title .eyebrow{font-size:var(--text-meta)}
 .belief-title>span:last-child{font-size:var(--text-body);margin-top:8px}
 .belief-editorial .belief-principle{padding:17px 0;gap:10px}
 .belief-index{font-size:var(--text-meta);width:18px;flex-shrink:0}
 .belief-principle>div{display:block}
 .belief-principle strong{display:block;font-size:var(--text-body)}
 .belief-principle div>span{display:block;font-size:var(--text-small);margin-top:4px}
 .pain-opening-note{width:auto}
 .pain-editorial .section-heading h2{font-size:46px}
 .pain-opening-note>span:last-child{font-size:var(--text-meta);line-height:1.75}
 .pain-scene{padding:25px}
 .pain-scene p{font-size:var(--text-body)}
 .scene-index{font-size:var(--text-small)}
 .scene-index>span,.scene-footnote{font-size:var(--text-meta)}
 .saved-visual{right:0;width:225px;height:154px;margin:20px 0 15px auto;transform:rotate(-6deg) scale(.9)}
 .saved-file{font-size:var(--text-meta)}
 .scene-saved .scene-footnote{margin-top:20px}
 .video-track{font-size:var(--text-meta);gap:9px;flex-wrap:wrap}
 .video-track>span:first-child{width:95px}
 .video-track>div{min-width:70px}
 .track-stuck>div{margin-right:0}
 .stuck-label{position:static;margin-left:104px;font-size:var(--text-meta)}
 .local-visual{gap:10px;flex-wrap:wrap}
 .local-node{font-size:var(--text-meta);padding:10px}
 .feature-tag{font-size:var(--text-meta)}
 .pain-afterword summary{font-size:var(--text-body);padding-block:24px}
 .afterword-action{font-size:var(--text-small);margin-top:12px;gap:15px}
 .reassurance-topline .eyebrow{font-size:var(--text-meta);line-height:1.8;letter-spacing:.4px}
 .statement-bottom{gap:28px}
 .statement-explanation>p:first-child,.statement-explanation>p+p{font-size:var(--text-body)}
 .path-label{font-size:var(--text-meta);line-height:1.7}
 .path-journey{font-size:var(--text-body);gap:12px}
 .path-go{flex-shrink:0}
 .founders{grid-template-columns:1fr;gap:18px}
 .founder{height:445px}
 .founder-topline{font-size:var(--text-meta);left:24px;right:24px;top:23px}
 .founder>img,.founder-dai>img{width:290px;height:365px;right:0}
 .founder-label{left:16px;right:16px;bottom:16px;max-width:none;padding:16px 18px}
 .founder-label h3{font-size:32px}
 .founder-label p{font-size:var(--text-body);line-height:1.7}
 .founder-outline{left:18px;font-size:44px;top:85px}
 .founder-quote blockquote{font-size:var(--text-body)}
 .quote-sign{margin-top:16px}
 .method-heading>p,.start-heading>p{font-size:var(--text-body)}
 .roadmap-tabs{grid-template-columns:1fr 1fr;gap:9px}
 .roadmap-tabs button{font-size:var(--text-small);min-height:74px;padding:12px 10px;gap:7px;align-items:flex-start}
 .roadmap-tabs button>span{font-size:12px;margin-top:2px}
 .roadmap-tabs button>svg{align-self:center}
 .roadmap-panel{padding:26px 22px 20px}
 .panel-top{gap:12px}
 .pill{font-size:12px;padding:7px 10px;line-height:1.6}
 .panel-top>span:last-child{font-size:12px}
 .roadmap-panel>p{font-size:var(--text-body);line-height:1.8}
 .step-example{padding:20px 18px}
 .step-example>p{font-size:var(--text-body);line-height:1.8}
 .mini-label{font-size:12px;line-height:1.7}
 .example-caption{font-size:var(--text-small);line-height:1.7}
 .panel-footer>span{font-size:11px;line-height:1.7;letter-spacing:.3px}
 .letter{padding:32px 25px}
 .letter-header .eyebrow,.letter-date{font-size:var(--text-meta)}
 .letter-lead,.truths p{font-size:var(--text-body)}
 .truths>div{padding-left:27px}
 .truths>div>span{font-size:var(--text-meta)}
 .research-note p{font-size:var(--text-body)}
 .letter-sign>span{font-size:var(--text-body)}
 .fit-label,.fit-no .fit-label{font-size:var(--text-meta);line-height:1.8}
 .fit-grid>div{padding:29px 25px}
 .fit-grid li,.fit-footnote{font-size:var(--text-body)}
 .workshop-guide>p,.workshop-guide li p{font-size:var(--text-body)}
 .text-link{font-size:var(--text-small)}
 .input-pair{grid-template-columns:1fr;gap:20px}
 #prompt-form{padding:22px}
 #prompt-output{font-size:var(--text-body);min-height:360px}
 .prompt-label{flex-wrap:wrap;gap:5px;font-size:var(--text-meta);margin-top:24px}
 #prompt-status{font-size:11px}
 .workspace-top>span{font-size:11px;line-height:1.7}
 .workspace-note{font-size:var(--text-meta)}
 .start-caption,.start-caption>span{font-size:var(--text-body)}
 .faq-list summary,.faq-list details>p{font-size:var(--text-body)}
 .faq-sign>span{font-size:var(--text-body)}
 .faq-sign small{font-size:var(--text-small)}
 .closing .eyebrow{font-size:var(--text-meta);line-height:1.8;letter-spacing:1px}
 .closing p{font-size:var(--text-body);padding-inline:0}
 .closing-sign{align-items:center;gap:18px}
 .closing-sign>span+span{font-size:var(--text-small);line-height:1.8;max-width:210px;padding-left:18px}
 .signature{font-size:25px;white-space:nowrap}
 .footer-main{grid-template-columns:minmax(0,1fr) auto;gap:30px 20px}
 .footer-main>nav{font-size:var(--text-body);gap:18px 22px}
 .footer-main>div>p{font-size:var(--text-body);line-height:1.8;max-width:none}
 .back-top{font-size:var(--text-small);gap:8px}
 .footer-bottom{font-size:var(--text-small);gap:16px;line-height:1.8}
 .footer-bottom>span:nth-child(2){margin-left:0}
 .footer-bottom>span:last-child{justify-content:flex-start}
}
@media(max-width:600px){
 .stairs{grid-template-columns:1fr;gap:25px}
 .stair-2,.stair-4{transform:none}
 .stair-1 .stair-body,.stair-2 .stair-body,.stair-3 .stair-body,.stair-4 .stair-body{height:auto;min-height:0;flex:1;padding:26px}
 .stair-annotation{font-size:12px;min-height:0;margin-bottom:10px}
 .stair-number{font-size:45px;margin-bottom:16px}
 .stair h3{font-size:29px}
 .stair p{font-size:var(--text-body);line-height:1.8}
 .stair-bottom{font-size:var(--text-meta);margin-top:20px;padding-top:0}
 .hero-person figcaption{min-height:162px}
 .hero-stage{height:565px}
}
.desktop-nav{font-size:14px;gap:24px;margin-left:0;font-weight:300}
.mobile-nav a{font-size:var(--text-body);font-weight:300}
.workshop-guide>.download-note,.workspace-note{font-size:var(--text-small)}
@media(max-width:900px){.desktop-nav{font-size:13px;gap:15px}.floating-note div>span{font-size:var(--text-body)}.floating-note small{font-size:var(--text-meta)}}