:root {
  --ink:#090909;
  --paper:#f7f3e8;
  --white:#fffdf7;
  --yellow:#f4cf21;
  --yellow-soft:#f7e99a;
  --blue:#2468c9;
  --blue-soft:#cbdcf4;
  --red:#e84635;
  --red-soft:#f2c2ba;
  --line:#bdb6a7;
  --muted:#5d5a52;
  --app-height:100dvh;
  --safe-top:max(env(safe-area-inset-top),0px);
  --safe-bottom:max(env(safe-area-inset-bottom),0px);
  --safe-left:max(env(safe-area-inset-left),0px);
  --safe-right:max(env(safe-area-inset-right),0px);
}

*{box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden}
body{margin:0;background:#d8d4c9;color:var(--ink);font-family:"Arial Narrow","Avenir Next Condensed",Arial,sans-serif}
button,a{font:inherit;color:inherit}
button{-webkit-tap-highlight-color:transparent}
a{text-decoration:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

.manual{position:relative;display:grid;grid-template-rows:calc(52px + var(--safe-top)) minmax(0,1fr) calc(58px + var(--safe-bottom));width:min(100%,940px);height:var(--app-height);margin:0 auto;overflow:hidden;background:var(--white);box-shadow:0 0 60px rgba(0,0,0,.22)}
.manual-bar{z-index:10;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:calc(4px + var(--safe-top)) max(8px,var(--safe-right)) 4px max(8px,var(--safe-left));border-bottom:1px solid var(--line);background:rgba(247,243,232,.97);backdrop-filter:blur(10px)}
.icon-button{width:44px;height:44px;border:0;background:transparent;cursor:pointer;font-size:1.05rem;font-weight:900}.share-button{justify-self:end}
.manual-title{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;font-size:.65rem;letter-spacing:.1em;white-space:nowrap}.manual-title i{width:28px;height:7px;background:linear-gradient(90deg,var(--yellow) 0 33%,var(--blue) 33% 66%,var(--red) 66%)}.manual-title span{max-width:120px;margin-left:3px;overflow:hidden;color:var(--muted);font-family:Georgia,serif;letter-spacing:0;text-overflow:ellipsis}

.book{min-height:0;overflow:hidden}.page-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}.page-track::-webkit-scrollbar{display:none}
.page{position:relative;flex:0 0 100%;width:100%;height:100%;padding:clamp(22px,5vw,52px) clamp(22px,7vw,72px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--white);background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(36,104,201,.07) 27px 28px)}
.page::after{content:attr(data-folio);position:absolute;right:16px;bottom:10px;font:700 .62rem/1 "Courier New",monospace;opacity:.44}
.page-inner{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.center{justify-content:center;align-items:center;text-align:center}

.kicker{margin:0 0 9px;font-size:.65rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.title{max-width:760px;margin:0 0 clamp(11px,2.2vh,20px);font-family:Georgia,serif;font-size:clamp(2rem,6.4vw,4.5rem);line-height:1.04;letter-spacing:-.04em}.title.compact{font-size:clamp(1.62rem,5vw,3.2rem)}
.copy{max-width:690px;margin:0;color:#33312d;font-size:clamp(.9rem,2.15vw,1.15rem);line-height:1.48}.blackboard .copy{color:#ebe7dc}
.time-note,.model-note,.margin-note{max-width:690px;margin:14px 0 0;font-size:.875rem;line-height:1.4}.time-note{padding:8px 12px;border:1px solid currentColor;font-weight:800;letter-spacing:.05em}.model-note,.margin-note{color:var(--muted)}.blackboard .margin-note{color:#c9c4b8}
.chalk-note{width:min(100%,690px);margin-top:auto;padding:13px 16px;border:2px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);font-family:Georgia,serif;font-size:clamp(.9rem,2.1vw,1.1rem);line-height:1.35}

.yellow-page{background-color:var(--yellow-soft)}.blue-page{background-color:var(--blue-soft)}.red-page{background-color:var(--red-soft)}
.blackboard{color:var(--white);background:#101412;background-image:radial-gradient(rgba(255,255,255,.09) .7px,transparent .7px);background-size:5px 5px}.blackboard::after{color:white}

.cover{padding:0;color:var(--white);background:linear-gradient(to bottom,var(--white) 0 41%,var(--ink) 41% 100%)}.cover .page-inner{position:relative;justify-content:center;padding:clamp(24px,7vw,70px)}.cover::after{color:white}
.brand-word{position:absolute;left:50%;width:calc(100% - 32px);margin:0;transform:translateX(-50%);font-family:"Arial Black",Impact,sans-serif;line-height:.82;letter-spacing:-.065em;text-align:center;white-space:nowrap}.brand-word.hello{top:20%;color:var(--ink);font-size:clamp(3rem,12vw,7.3rem)}.brand-word.subconscious{top:48%;color:var(--white);font-size:clamp(2rem,8.6vw,5.25rem)}
.primary-divider{position:absolute;top:41%;left:0;display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:15px}.primary-divider i:nth-child(1){background:var(--yellow)}.primary-divider i:nth-child(2){background:var(--blue)}.primary-divider i:nth-child(3){background:var(--red)}
.cover small{position:absolute;top:clamp(28px,7vh,62px);font-weight:900;letter-spacing:.16em}.cover-copy{position:absolute;bottom:72px;max-width:590px;margin:0;color:#dedede;font-family:Georgia,serif;font-size:clamp(.875rem,2.15vw,1.15rem);line-height:1.4}.cover-begin{position:absolute;bottom:18px;left:50%;min-height:44px;padding:8px 16px;transform:translateX(-50%);border:0;background:var(--yellow);box-shadow:4px 4px 0 var(--blue);cursor:pointer;color:var(--ink);font-weight:900;white-space:nowrap}.cover-begin span{margin-left:12px}

.life-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,720px);margin-top:10px}.life-areas span{display:grid;min-height:64px;place-items:center;padding:10px;border:2px solid white;background:rgba(255,255,255,.08);font-family:Georgia,serif;font-size:.9rem;text-align:center}

.possibility-page .page-inner{justify-content:center}.possibility-scene{width:min(100%,480px);height:clamp(105px,25vh,180px);margin:0 auto 12px}.possibility-scene svg{width:100%;height:100%;overflow:visible;fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.possibility-page .title,.possibility-page .copy{max-width:640px}

.mind-board{width:min(100%,590px);margin:auto;border:3px solid var(--ink);box-shadow:8px 8px 0 rgba(0,0,0,.16)}.mind-board .half{display:grid;min-height:105px;place-items:center;align-content:center;gap:6px;padding:12px;text-align:center}.mind-board .half:first-child{background:var(--white)}.mind-board .half:last-child{color:white;background:var(--ink)}.mind-board strong{font:700 clamp(1.3rem,4vw,2.1rem)/1 Georgia,serif}.mind-board small{font-size:.8125rem;font-weight:900;letter-spacing:.09em}.three-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:45px;color:var(--ink);font-size:.875rem;font-weight:900;letter-spacing:.02em;text-align:center}.three-bars span{display:grid;place-items:center;padding:6px 4px}.three-bars span:nth-child(1){background:var(--yellow)}.three-bars span:nth-child(2){background:#65a0ee}.three-bars span:nth-child(3){background:#ef796b}

.image-page{padding:0;background:var(--ink)}.image-page::after{z-index:3;color:white}.image-page .page-inner{position:relative}.image-page img{width:100%;height:100%;object-fit:cover;object-position:center 31%}.image-caption{position:absolute;right:0;bottom:0;left:0;padding:18px 24px 24px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.93) 36%)}.image-caption .title{margin-bottom:0}.image-caption .kicker{padding-top:34px}

.learning-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(100%,760px);margin-top:auto}.learning-path div{display:grid;align-content:center;min-width:0;min-height:115px;padding:9px;border:2px solid var(--ink);background:rgba(255,255,255,.34)}.learning-path b{margin-bottom:5px;font-family:Georgia,serif}.learning-path span{font-size:.875rem;line-height:1.4}
.scope-strip{width:min(100%,720px);margin-top:auto;padding:10px 13px;border-left:8px solid var(--yellow);background:rgba(255,255,255,.46);font-size:.875rem;font-weight:800;line-height:1.4}.red-page .scope-strip{border-left-color:var(--blue)}

.program-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,760px);margin:12px 0 0}.program-timeline div{display:grid;align-content:center;min-width:0;min-height:125px;padding:12px;border:2px solid var(--ink);background:rgba(255,255,255,.38)}.program-timeline b{margin-bottom:7px;font-family:Georgia,serif}.program-timeline span{font-size:.875rem;line-height:1.4}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,720px);margin:auto}.price-grid article{display:grid;align-content:center;min-width:0;min-height:185px;padding:14px;border:3px solid var(--ink);background:white;box-shadow:6px 6px 0 var(--ink)}.price-grid h2{margin:0 0 7px;font:700 .95rem/1.2 Georgia,serif}.price-grid strong{font:700 clamp(1.8rem,6vw,3.7rem)/1 Georgia,serif;white-space:nowrap}.price-grid small{margin-top:8px;font-size:.875rem;line-height:1.35}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,760px);margin-top:10px}.path-grid article{display:grid;align-content:center;min-width:0;min-height:132px;padding:10px;border:2px solid white;background:rgba(255,255,255,.08)}.path-grid h2{margin:0 0 7px;font:700 .95rem/1.2 Georgia,serif}.path-grid p{margin:0;font-size:.875rem;line-height:1.4}.path-grid b{color:var(--yellow)}

.about-layout{display:grid;grid-template-columns:minmax(125px,35%) 1fr;gap:18px;align-items:center;width:min(100%,760px);margin:auto}.damian-portrait{height:260px;overflow:hidden;border:3px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--yellow)}.damian-portrait img{width:100%;height:100%;object-fit:cover;object-position:12% 77%}.about-page .scope-strip{margin-top:14px}

.final-page .brand-word.hello{top:8%;font-size:clamp(2.5rem,10vw,6rem)}.final-page .primary-divider{top:27%;height:12px}.final-page .brand-word.subconscious{top:33%;font-size:clamp(1.65rem,7vw,4.2rem)}.final-copy{position:absolute;right:20px;bottom:26px;left:20px;display:grid;justify-items:center;max-width:700px;margin:auto;text-align:center}.final-copy h2{margin:0 0 7px;font:700 clamp(1.15rem,3.8vw,2rem)/1.08 Georgia,serif}.final-copy p{max-width:590px;margin:0;color:#d7d7d7;font-size:.76rem;line-height:1.35}.final-copy small{position:static;margin-top:8px;color:#aaa;font-size:.58rem;letter-spacing:.02em}.final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.primary-action,.final-actions button{min-height:44px;padding:9px 14px;border:2px solid var(--white);background:transparent;color:var(--white);cursor:pointer;font-weight:900}.primary-action{border-color:var(--yellow);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--blue)}

.page-controls{z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:3px 11px calc(4px + var(--safe-bottom));border-top:1px solid var(--line);background:rgba(247,243,232,.98)}.page-controls button{min-height:44px;border:0;background:transparent;cursor:pointer;font-weight:900}.page-controls button:last-child{justify-self:end}.page-controls button:disabled{opacity:.26}#position-button{display:flex;align-items:center;gap:7px}#position-button i{width:76px;height:3px;background:#c9c3b6}#position-button em{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--yellow),var(--blue),var(--red))}

dialog{width:min(100% - 18px,720px);max-height:86dvh;padding:0;border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink)}dialog::backdrop{background:rgba(0,0,0,.68)}dialog header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:2px solid var(--ink)}dialog h2{margin:3px 0 0;font:700 1.7rem/1.1 Georgia,serif}dialog small{font-weight:900;letter-spacing:.12em}dialog header button{width:42px;height:42px;border:2px solid var(--ink);background:var(--yellow);font-size:1.3rem;cursor:pointer}#contents-list{display:grid;padding:9px 17px 22px}#contents-list button{display:grid;grid-template-columns:38px 1fr;gap:8px;min-height:46px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}#contents-list span{font-family:"Courier New",monospace;color:var(--blue)}.dialog-copy{padding:20px;font-size:1rem;line-height:1.5}.dialog-copy .primary-action{display:inline-grid;place-items:center;margin-top:8px}

@media(max-width:640px){
  .page{padding:20px 22px}.manual-title span{display:none}.life-areas{gap:5px}.life-areas span{min-height:48px;padding:7px;font-size:.75rem}.learning-path{grid-template-columns:1fr 1fr;gap:4px}.learning-path div{min-height:55px;padding:6px}.learning-path div:last-child{grid-column:1/-1}.program-timeline{grid-template-columns:1fr;gap:5px}.program-timeline div{min-height:58px;padding:7px}.path-grid{grid-template-columns:1fr;gap:4px}.path-grid article{min-height:58px;padding:6px}.about-layout{grid-template-columns:105px 1fr;gap:13px}.damian-portrait{height:210px}.about-page .copy{font-size:.82rem}.page-controls span{display:none}
}

@media(max-height:690px){
  .page{padding-top:15px;padding-bottom:15px}.title{margin-bottom:8px;font-size:clamp(1.6rem,5.7vw,3rem)}.title.compact{font-size:clamp(1.4rem,4.8vw,2.45rem)}.copy{font-size:.8rem;line-height:1.36}.kicker{margin-bottom:5px;font-size:.57rem}.chalk-note{padding:8px 10px}.possibility-scene{height:100px;margin-bottom:5px}.life-areas span{min-height:43px}.mind-board .half{min-height:82px}.model-note,.margin-note{margin-top:7px;font-size:.61rem}.learning-path{margin-top:6px}.learning-path div{min-height:47px}.scope-strip{padding:6px 9px}.program-timeline div{min-height:48px}.price-grid article{min-height:135px;padding:9px}.path-grid article{min-height:50px}.damian-portrait{height:180px}.about-page .copy{font-size:.72rem}.final-copy{bottom:18px}.final-copy p{font-size:.68rem}.final-actions{margin-top:8px}
}

@media(max-height:590px){
  .manual{grid-template-rows:48px minmax(0,1fr) 52px}.page{padding-top:10px;padding-bottom:10px}.title{font-size:clamp(1.33rem,5vw,2rem)}.title.compact{font-size:clamp(1.18rem,4.3vw,1.72rem)}.copy{font-size:.67rem;line-height:1.28}.kicker{font-size:.51rem}.chalk-note{font-size:.7rem}.possibility-scene{height:74px}.life-areas{grid-template-columns:repeat(3,minmax(0,1fr))}.life-areas span{min-height:44px;font-size:.6rem}.mind-board .half{min-height:65px}.mind-board small{font-size:.48rem}.three-bars{min-height:35px;font-size:.43rem}.learning-path div{min-height:39px}.learning-path span,.program-timeline span{font-size:.56rem}.program-timeline div{min-height:39px}.price-grid article{min-height:110px}.path-grid article{min-height:42px}.damian-portrait{height:140px}.about-page .copy{font-size:.62rem}.scope-strip{font-size:.56rem}.final-page .brand-word.hello{top:5%}.final-page .primary-divider{top:23%}.final-page .brand-word.subconscious{top:29%}.final-copy h2{font-size:1rem}.final-copy p{font-size:.58rem}.primary-action,.final-actions button{min-height:36px;padding:5px 8px;font-size:.65rem}
}

@media(min-width:900px){body{padding:16px 18px}.manual{height:calc(100dvh - 32px);border-radius:16px}.page{border-right:1px solid #aaa;border-left:1px solid #ddd8cc}}

/* Small-phone accessibility: preserve readable type and let dense pages scroll. */
.final-copy p{font-size:.875rem;line-height:1.4}
.final-copy small{font-size:.875rem;line-height:1.35}
.primary-action,.final-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:.875rem}
.page-controls{padding-right:max(11px,var(--safe-right));padding-left:max(11px,var(--safe-left))}
.page-controls button{min-width:44px}
dialog header button{width:44px;height:44px}

@media(max-width:640px){
  .life-areas span{min-height:52px;padding:8px;font-size:.875rem;line-height:1.3}
  .learning-path{gap:6px}
  .learning-path div{min-height:64px;padding:8px}
  .program-timeline{gap:6px}
  .program-timeline div{min-height:64px;padding:8px}
  .path-grid{gap:6px}
  .path-grid article{min-height:64px;padding:8px}
  .about-page .copy{font-size:.9rem;line-height:1.42}
}

@media(max-height:690px){
  .page:not(.cover):not(.image-page) .page-inner{height:auto;min-height:100%}
  .copy{font-size:.9rem;line-height:1.42}
  .kicker{font-size:.65rem}
  .chalk-note{font-size:.9rem;line-height:1.4}
  .life-areas span{min-height:48px}
  .model-note,.margin-note{font-size:.875rem;line-height:1.4}
  .learning-path div,.program-timeline div,.path-grid article{min-height:64px}
  .about-page .copy{font-size:.9rem;line-height:1.42}
  .final-copy p,.final-copy small{font-size:.875rem}
}

@media(max-height:590px){
  .manual{grid-template-rows:calc(52px + var(--safe-top)) minmax(0,1fr) calc(58px + var(--safe-bottom))}
  .title{font-size:clamp(1.45rem,5vw,2rem)}
  .title.compact{font-size:clamp(1.3rem,4.3vw,1.72rem)}
  .copy{font-size:.875rem;line-height:1.4}
  .kicker{font-size:.625rem}
  .chalk-note{font-size:.875rem}
  .possibility-scene{height:82px}
  .life-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .life-areas span{min-height:48px;font-size:.875rem}
  .mind-board .half{min-height:72px}
  .mind-board small{font-size:.875rem}
  .three-bars{min-height:42px;font-size:.875rem}
  .learning-path div,.program-timeline div,.path-grid article{min-height:64px}
  .learning-path span,.program-timeline span,.path-grid p{font-size:.875rem;line-height:1.4}
  .damian-portrait{height:150px}
  .about-page .copy,.scope-strip{font-size:.875rem;line-height:1.4}
  .final-copy p,.final-copy small{font-size:.875rem;line-height:1.35}
  .primary-action,.final-actions button{min-height:44px;padding:8px 10px;font-size:.875rem}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}