@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
*{box-sizing:border-box}html{min-height:100%;color-scheme:light dark}body{margin:0;color:var(--text);min-height:100vh;min-height:100dvh;overflow-y:auto}
:root{--entry-muted:color-mix(in srgb,var(--text) 74%,var(--bg));--entry-ai:var(--teal);--entry-human:var(--gold);--entry-border:color-mix(in srgb,var(--text) 20%,var(--bg))}
[data-theme="light"]{--entry-ai:color-mix(in srgb,var(--teal) 58%,var(--text));--entry-human:color-mix(in srgb,var(--gold) 62%,var(--text))}
/* The CL-041 timing/wording is retained; the user's through-white transition
   now applies in both appearance modes. Its final removal is bounded in boot.js. */
[data-theme="dark"] #app-boot-curtain,#app-boot-curtain{background:#fff}
.entry{max-width:1680px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:clamp(24px,5vw,84px);padding-top:max(24px,env(safe-area-inset-top));display:flex;flex-direction:column}
html.app-loading .entry{visibility:hidden;pointer-events:none}
.entry-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px}
.entry-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font:500 14px var(--font-emphasis);letter-spacing:.18em}
.entry-logo img{width:34px;height:34px;object-fit:contain}.entry-header select{font:400 13px var(--font-body);background:var(--bg);color:var(--text);border:1px solid var(--entry-border);border-radius:99px;min-height:42px;padding:8px 28px 8px 13px}
#entry-content{width:100%;max-width:none;margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,6vh,86px) 0 36px;outline:none}
.entry-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:clamp(40px,7vw,120px);align-items:center;width:100%}
.entry-story{max-width:660px;min-width:0}.entry-side{width:100%;max-width:440px;justify-self:end;min-width:0}
.entry-side .entry-actions{margin-top:0}.entry-side .choice-set+.entry-actions{margin-top:24px}
#entry-content[data-step="signin"]{max-width:650px}
.entry-progress{display:flex;align-items:center;gap:10px;margin:0 0 34px;color:var(--entry-muted);font-size:12px;letter-spacing:.07em}
.progress-bars{display:flex;gap:5px;width:88px}.progress-bars i{height:3px;width:18px;border-radius:3px;background:var(--entry-border)}.progress-bars i.current{background:var(--entry-ai)}
.eyebrow{font:500 11px var(--font-emphasis);letter-spacing:.14em;color:var(--entry-muted);text-transform:uppercase}
.entry h1{font:500 clamp(30px,4vw,64px)/1.18 var(--font-emphasis);letter-spacing:-.035em;margin:15px 0 32px;max-width:100%}
#entry-content[data-step="intro"] h1{white-space:nowrap;font-size:clamp(22px,3.8vw,64px)}
.entry p{font:400 17px/1.65 var(--font-body);letter-spacing:0;margin:0 0 18px}
.entry .intro-copy{max-width:510px}.entry .mission-copy{font-size:22px;line-height:1.6}
.entry strong{font-weight:600}.entry .human,.data-dialog .human{color:var(--entry-human)}.entry .ai{color:var(--entry-ai)}
.network-mark{display:flex;align-items:center;gap:9px;margin:10px 0 28px;user-select:none;color:var(--entry-muted);font:400 12px var(--font-body)}
.network-mark span{border:1px solid var(--entry-border);border-radius:99px;padding:7px 12px}.network-mark .human{border-color:var(--entry-human)}.network-mark .ai{border-color:var(--entry-ai)}
.entry .supporting{color:var(--entry-muted);font-size:15px;line-height:1.65}.entry .coach-note{border-left:2px solid var(--entry-ai);padding-left:16px;margin-top:8px}
.entry .future-vision{font-size:13px;line-height:1.6;color:var(--entry-muted);margin-top:5px;margin-bottom:0}
.entry button,.data-dialog button{font-family:var(--font-body);cursor:pointer;touch-action:manipulation}
.primary{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;border-radius:12px;border:1px solid var(--teal);background:var(--teal);color:#102226;font-size:16px;font-weight:600;padding:13px 20px;text-decoration:none}
.primary:hover{filter:brightness(.94)}.primary:disabled{opacity:.52;cursor:default;filter:none}
.entry-actions{margin-top:28px;display:grid;gap:15px}.back-button,.text-button{color:var(--entry-muted);background:none;border:0;padding:11px 5px;min-height:44px;font-size:14px}
.back-button{padding-left:0;text-align:left}.back-button::before{content:'←';padding-right:9px}
.signin-link{border:0;background:none;font-size:14px;color:var(--entry-muted);min-height:44px;padding:8px}.signin-link span{color:var(--entry-ai);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.choice-set{padding:0;border:0;margin:8px 0 0;display:grid;gap:12px;min-width:0}.choice-set legend{font-size:15px;line-height:1.6;margin-bottom:20px;color:var(--entry-muted)}
.choice-card{position:relative;display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;border:1px solid var(--entry-border);border-radius:14px;padding:20px;cursor:pointer;transition:border-color .15s}
.choice-card:has(input:checked){border:2px solid var(--entry-ai);padding:19px;background:color-mix(in srgb,var(--teal) 6%,var(--bg))}
.choice-card input{accent-color:var(--entry-ai);width:19px;height:19px;margin:3px 0 0}.choice-card span{display:grid;gap:5px}.choice-card b{font-weight:600;font-size:18px;color:var(--text)}.choice-card small{font-size:14px;color:var(--entry-muted);line-height:1.5}
.choice-card em{font-style:normal;color:var(--entry-ai);font-size:13px;letter-spacing:.02em}
.entry-footer{display:grid;justify-items:center;gap:3px;padding-top:12px}.info-icon{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font:500 11px var(--font-body);margin-left:4px}
.entry .preview-label{font-size:11px;line-height:1.5;color:var(--entry-muted);text-align:center;max-width:310px;margin:0}
.data-dialog{max-width:520px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--entry-border);border-radius:20px;padding:28px;background:var(--bg);color:var(--text);box-shadow:var(--shadow)}
.data-dialog::backdrop{background:rgba(0,0,0,.55)}.data-dialog[open]{display:block}.data-dialog:not([open]){display:none}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.icon-button{border:0;background:none;color:var(--text);font-size:26px;min-width:44px;min-height:44px}
.data-dialog h2{font:500 27px/1.2 var(--font-emphasis);margin:15px 0 20px}.data-dialog h3{font:600 15px var(--font-body);margin:25px 0 10px}.data-dialog p{font:400 15px/1.65 var(--font-body);color:var(--entry-muted)}.data-dialog .data-note{font-size:13px;margin:22px 0}.data-dialog .primary{margin-top:24px}
.provider{border:1px solid var(--entry-border);color:var(--entry-muted);background:var(--bg);border-radius:12px;min-height:52px;font-size:15px;padding:12px}.provider:disabled{cursor:not-allowed}.provider-stack{display:grid;gap:12px;margin:12px 0 18px}
.gap-note{padding:16px;border:1px solid var(--entry-border);border-radius:12px;color:var(--entry-muted);font-size:14px!important;line-height:1.6!important}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--entry-ai);outline-offset:4px}h1:focus-visible,h2:focus-visible{outline:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-js .app-boot,.no-js #app-boot-curtain,.no-js .entry{display:none!important}
@media(min-width:1000px){.entry-story>p{font-size:20px}.entry-story>.supporting{font-size:17px}.entry-story>.future-vision{font-size:14px}.entry-footer{grid-template-columns:1fr auto;justify-items:start;align-items:center}.entry .preview-label{text-align:right;max-width:none}}
@media(max-width:850px){.entry-grid{grid-template-columns:1fr;gap:24px}.entry-story{max-width:650px}.entry-side{max-width:650px;justify-self:start}.entry h1{margin-bottom:24px}.entry-side .entry-actions{margin-top:0}}
@media(max-width:450px){.entry{padding-left:24px;padding-right:24px}.entry-header{gap:8px}#entry-content{padding-top:34px;padding-bottom:24px}.entry-progress{margin-bottom:25px}.entry h1{font-size:31px}.entry p{font-size:16px}.entry .mission-copy{font-size:21px}.entry-actions{margin-top:22px}.choice-card{padding:18px}.choice-card:has(input:checked){padding:17px}.data-dialog{padding:22px}.entry-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(max-width:300px){.entry{padding-left:16px;padding-right:16px}#entry-content[data-step="intro"] h1{font-size:18px}.entry-logo{font-size:11px;gap:6px}.entry-logo img{width:26px;height:26px}}
/* Below this effective CSS width (for example extreme browser zoom), readable
   content takes precedence over a physically impossible one-line heading. */
@media(max-width:240px){#entry-content[data-step="intro"] h1{white-space:normal}}
@media(max-height:650px){#entry-content{padding-top:25px}.entry-progress{margin-bottom:18px}.entry-actions{margin-top:20px}.app-boot-brand{top:28%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.app-boot-pyramid-fill{animation:none!important}}
/* Visual entry composition: shared rhythm, meaningful line illustrations. */
.entry{max-width:1560px;padding:24px clamp(24px,5vw,80px)}
#entry-content,#entry-content[data-step="signin"]{max-width:1200px;padding:28px 0;justify-content:center}
.entry-progress{margin-bottom:20px}.entry h1{margin:12px 0 24px;font-size:clamp(30px,3.6vw,55px)}
#entry-content[data-step="intro"] h1{font-size:clamp(22px,3.8vw,58px)}
.visual-content{width:100%;max-width:1040px}.line-icon{width:44px;height:44px;flex:none}.entry .lead{font-size:clamp(18px,2vw,26px);line-height:1.45;margin:20px 0}.entry .small-note{font-size:13px;color:var(--entry-muted)}
.journey{display:flex;align-items:center;max-width:920px;margin:8px 0 24px;padding:20px 0}
.journey-node{display:grid;justify-items:center;gap:15px;min-width:150px;flex:1;font:500 17px var(--font-emphasis)}
.journey-node .line-icon{box-sizing:content-box;width:48px;height:48px;padding:22px;border:1px solid var(--entry-border);border-radius:50%;background:color-mix(in srgb,var(--gold) 6%,var(--bg))}
.journey-link{height:1px;min-width:20px;flex:1;background:linear-gradient(90deg,var(--gold),var(--teal));position:relative;margin-top:-36px}.journey-link::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--teal);border-right:1px solid var(--teal);transform:rotate(45deg)}
.destination .line-icon{border-color:var(--entry-human);box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 6%,transparent)}
.coach-caption{display:flex;align-items:center;gap:14px;color:var(--entry-muted);font-size:15px;line-height:1.5}.coach-caption .line-icon{width:30px;height:30px}
.entry-actions{max-width:430px;margin-top:24px;grid-template-columns:1fr auto;gap:8px 20px;align-items:center}.entry-actions .primary{grid-column:1/-1;justify-content:space-between}.signin-link{grid-column:1/-1;text-align:left;padding-left:0}.entry-actions .back-button{grid-column:1/-1;padding:4px 0;min-height:36px}.back-button::before{content:'←';padding-right:9px}
.entry .future-vision{max-width:690px;font-size:12px;margin-top:20px;line-height:1.6}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:8px 0 24px}.topic{display:grid;gap:10px;border-top:1px solid var(--entry-border);padding-top:22px}.topic b{font:500 18px var(--font-emphasis)}.topic span{font-size:14px;color:var(--entry-muted)}
.data-chip{display:flex;align-items:center;gap:14px;border:1px solid var(--entry-border);background:transparent;color:var(--text);padding:13px 18px;border-radius:12px;max-width:430px;width:100%;text-align:left;font-size:15px}.data-chip .line-icon{width:30px;height:30px}.data-chip>span:nth-child(2){flex:1}.data-chip small{display:block;font-size:12px;color:var(--entry-ai);margin-top:4px}
#entry-content[data-step="choose"] .visual-content{max-width:920px}.choice-set{grid-template-columns:1fr 1fr;margin-top:20px;gap:20px}.choice-card{display:grid;grid-template-columns:44px 1fr 20px;align-items:start;gap:16px;padding:24px}.choice-card:has(input:checked){padding:23px}.choice-card span{gap:8px}.choice-card b{font-size:24px}.choice-card em{font-size:15px}.choice-card small{max-width:230px}.choice-card input{margin-top:6px}
.provider-stack{max-width:430px}.provider{display:flex;align-items:center;gap:12px;text-align:left;flex-wrap:wrap}.provider>b,.provider>.line-icon{width:22px;height:22px;color:var(--entry-ai)}.provider small{font-size:11px;margin-left:auto}.return-art,.handoff-art{display:flex;align-items:center;gap:25px;margin:6px 0 20px}.return-art .line-icon,.handoff-art .line-icon{width:60px;height:60px}.return-line{width:90px;height:1px;background:var(--entry-border)}.handoff-art .journey-link{flex:none;width:90px;margin:0}.preview-notice{border-left:2px solid var(--entry-ai);padding:5px 0 5px 18px;display:grid;gap:7px;font-size:15px;line-height:1.5;color:var(--entry-muted)}.preview-notice b{font-weight:500;color:var(--text)}
.data-dialog h2{margin-bottom:12px}.data-symbol{float:right;display:grid;place-items:center;border:1px solid var(--entry-ai);color:var(--entry-ai);width:46px;height:46px;border-radius:50%;font-size:24px}.data-dialog .data-intro{font-size:20px;color:var(--text)}.data-fact{padding:16px 0;border-bottom:1px solid var(--entry-border)}.data-fact b{font-size:15px;color:var(--entry-human);font-weight:500}.data-fact p{margin:7px 0 0;font-size:14px;line-height:1.5}.data-dialog details{margin-top:20px;font-size:14px;line-height:1.5}.data-dialog summary{cursor:pointer;color:var(--entry-ai);min-height:36px}.data-dialog details p{font-size:13px}.data-dialog .data-note{font-size:12px;margin:16px 0}
@media(min-width:1000px) and (min-height:800px){.journey{padding:35px 0}.journey-node .line-icon{width:62px;height:62px;padding:28px}.topic-grid{margin:24px 0 35px}}
@media(max-width:650px){#entry-content{padding:25px 0}.entry h1{margin-bottom:20px}.journey{margin:0 0 20px;padding:14px 0}.journey-node{min-width:0;font-size:12px;gap:13px}.journey-node .line-icon{width:30px;height:30px;padding:14px}.journey-link{min-width:10px;margin-top:-28px}.entry .lead{font-size:20px}.coach-caption{font-size:14px}.entry-actions{margin-top:20px}.topic-grid{gap:14px}.topic{gap:9px;padding-top:16px}.topic .line-icon{width:32px;height:32px}.topic b{font-size:14px}.topic span{font-size:12px;line-height:1.4}.choice-set{grid-template-columns:1fr;gap:12px;margin-top:12px}.choice-card{padding:17px;gap:12px}.choice-card:has(input:checked){padding:16px}.choice-card .line-icon{width:32px;height:32px}.choice-card b{font-size:20px}.choice-card span{gap:4px}.entry .future-vision{font-size:11px;margin-top:16px}.entry-footer{padding-top:0}.provider small{width:100%;margin-left:34px}.return-art,.handoff-art{margin:8px 0 24px}}
@media(max-width:300px){.topic-grid{grid-template-columns:1fr}.topic{grid-template-columns:32px 1fr}.topic span{grid-column:2}.entry-header select{max-width:100px}#entry-content[data-step="intro"] h1{font-size:18px}}
@media(max-width:240px){#entry-content[data-step="intro"] h1{white-space:normal}.journey{flex-direction:column;gap:18px}.journey-link{display:none}.choice-card{grid-template-columns:1fr 20px}.choice-card>.line-icon{display:none}}
@media(max-height:700px) and (min-width:700px){#entry-content{padding:18px 0}.entry-progress{margin-bottom:12px}.entry h1{margin-bottom:16px}.journey{padding:8px 0;margin-bottom:12px}.entry .lead{margin:12px 0}.entry-actions{margin-top:16px}.entry .future-vision{margin-top:12px}}
:root{--entry-action:#36d9d8;--entry-action-text:#102226}
[data-theme="light"]{--entry-action:#087f83;--entry-action-text:#ffffff}
.primary{background:var(--entry-action);border-color:var(--entry-action);color:var(--entry-action-text)}.progress-bars i.current{background:var(--entry-action)}
/* Quiet architectural texture; no external images or runtime effects. */
body{background-color:var(--bg);background-image:repeating-linear-gradient(120deg,transparent 0,transparent 95px,color-mix(in srgb,var(--text) 2%,transparent) 96px,transparent 97px)}
@media(min-width:700px) and (max-height:800px){.journey{padding:10px 0;margin-bottom:14px}.entry h1{margin-bottom:16px}.entry .lead{margin:14px 0}.entry-actions{margin-top:16px}.entry .future-vision{margin-top:12px}#entry-content{padding:20px 0}.entry-progress{margin-bottom:16px}}