:root{color:#142a40;font-synthesis:none;--paper:#eeeadc;--ink:#142a40;--orange:#faa131;--green:#d2e4ce;--blue:#78b0da;--pink:#f0d5d4;background:#eeeadc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.site-header{z-index:10;background:var(--paper);border-bottom:1px solid #142a4040;justify-content:space-between;align-items:center;height:11vh;padding:0 1.5vw;display:flex;position:fixed;top:0;left:3.5vw;right:3.5vw}.site-title{letter-spacing:-.025em;font-size:clamp(15px,1.2vw,28px);font-weight:700}.title-dot{color:#a84c00;font-size:1.4em}.logo{object-fit:contain;width:8vh;height:8vh}.scene{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:43% 53%;align-items:center;gap:4%;height:100svh;min-height:650px;padding:15vh 5vw 11vh;display:grid;position:relative;overflow:hidden}.chapter-watermark{z-index:-1;letter-spacing:-.08em;color:#142a4005;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(180px,25vw,550px);font-weight:700;line-height:.9;position:absolute;top:11vh;left:3.5vw}.copy{z-index:2;position:relative}.eyebrow{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 3vh;font-size:clamp(12px,.95vw,23px);font-weight:700;display:flex}.chapter-dash{background:var(--ink);width:30px;height:2px}h1,h2{letter-spacing:-.055em;margin:0 0 3.5vh;font-size:clamp(40px,4.5vw,105px);font-weight:700;line-height:1.015}.accent{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:.13em;text-decoration-thickness:.075em;position:relative}.lead{color:#17222c;max-width:25em;margin:0 0 2.5vh;font-size:clamp(20px,1.72vw,40px);line-height:1.35}.lead.compact{font-size:clamp(19px,1.6vw,37px)}.question,.aside-line{border-left:4px solid var(--orange);color:#000;margin:3vh 0 0;padding-left:1.5vw;font-size:clamp(20px,1.8vw,42px);line-height:1.3}.aside-line{font-size:clamp(18px,1.45vw,33px)}.visual{justify-content:center;align-items:center;min-width:0;height:100%;max-height:74vh;display:flex;position:relative}.art-frame{width:100%;transition:transform .9s;position:relative;transform:rotate(-1deg)}.scene:nth-child(3) .art-frame{transform:rotate(1deg)}.is-current .art-frame{transform:rotate(0)!important}.art{object-fit:contain;border-radius:3px;width:100%;height:auto;max-height:66vh;display:block}.site-footer{z-index:10;background:var(--paper);border-top:1px solid #142a4026;justify-content:center;align-items:center;height:8vh;display:flex;position:fixed;bottom:0;left:3.5vw;right:3.5vw}.scroll-cue{align-items:center;gap:14px;font-size:clamp(13px,1vw,23px);display:flex}.scroll-track{border:1px solid var(--ink);border-radius:12px;justify-content:center;width:16px;height:25px;padding-top:5px;display:flex}.scroll-track i{background:var(--ink);border-radius:2px;width:2px;height:6px;animation:2s ease-in-out infinite scroll;display:block}.scroll-arrow{font-size:1.5em}.page-count{font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;font-size:clamp(14px,1.1vw,25px);display:flex;position:absolute;right:1.5vw}.page-count strong{font-size:1.35em}.page-count>span{color:#465664}.reading-progress{z-index:20;height:4px;width:var(--progress);background:var(--ink);transition:width .65s cubic-bezier(.2,.7,.2,1);position:fixed;bottom:0;left:0}.demo{width:100%;max-width:820px;position:relative}.demo-top{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:1.2vh;font-size:clamp(11px,.8vw,18px);display:flex}.status-dot{background:#4d6b48;border-radius:50%;width:7px;height:7px}.pause-demo{color:var(--ink);text-underline-offset:3px;cursor:pointer;font-size:inherit;text-transform:none;letter-spacing:0;background:0 0;border:0;margin-left:auto;padding:5px;text-decoration:underline}.prompt-panel,.code-panel,.preview-panel{border:1px solid #142a4040;transition:border-color .5s,box-shadow .5s,transform .5s;position:relative}.prompt-panel{background:#e5e6ea;border-radius:14px 14px 14px 3px;margin-right:2vw;padding:1.1vw 1.5vw}.step-label{letter-spacing:.08em;align-items:center;gap:10px;font-size:clamp(11px,.85vw,20px);font-weight:700;display:flex}.step-label>span:first-child{opacity:.75;font-size:.9em;font-weight:400}.prompt-panel p{max-width:23em;min-height:2.5em;margin:1vh 0 0;font-size:clamp(20px,1.7vw,39px);line-height:1.25}.prompt-cursor{display:none}.connector{color:#465664;justify-content:center;align-items:center;gap:10px;height:2.8vh;min-height:20px;font-size:clamp(16px,1.3vw,28px);display:flex}.connector span{background:#142a401a;width:25%;height:1px}.code-panel{background:var(--ink);color:var(--paper);border-radius:10px;margin-left:2vw;padding:1vw 1.5vw}.code-symbol{letter-spacing:-.1em;color:var(--blue);margin-left:auto;font-size:1.4em}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:1vh 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(11px,.95vw,22px);line-height:1.6;overflow:hidden}.code-tag{color:var(--blue)}.code-highlight{color:var(--green)}.preview-panel{background:#f8f7f1;border-radius:12px;margin-right:2vw;overflow:hidden}.browser-top{letter-spacing:.06em;background:#e3e3dc;border-bottom:1px solid #142a401a;align-items:center;gap:15px;height:3.5vh;min-height:28px;padding:0 1vw;font-size:clamp(10px,.75vw,17px);font-weight:700;display:flex}.browser-dots{gap:5px;display:flex}.browser-dots i{background:#647480;border-radius:50%;width:6px;height:6px}.browser-dots i:first-child{background:#c37448}.browser-dots i:nth-child(2){background:#b49a53}.preview-content{padding:1.2vw 1.5vw}.preview-title{justify-content:space-between;align-items:center;gap:10px;font-size:clamp(18px,1.5vw,35px);font-weight:700;display:flex}.preview-badge{border:1px solid #142a4033;border-radius:20px;padding:.4em .7em;font-size:.42em;font-weight:400}.report-result{background:var(--green);border-radius:6px;align-items:center;gap:1vw;margin-top:1.3vh;padding:1vw;transition:background .6s,padding .6s;display:flex}.result-icon{font-size:clamp(28px,2.5vw,58px)}.report-result small{letter-spacing:.08em;margin-bottom:.5vh;font-size:clamp(10px,.7vw,16px);display:block}.report-result strong{letter-spacing:-.04em;font-size:clamp(20px,1.8vw,42px);transition:font-size .6s}.refined .report-result{background:var(--blue);padding:1.2vw}.refined .report-result strong{font-size:clamp(24px,2.15vw,50px)}.preview-lines{flex-direction:column;gap:5px;margin-top:1.1vh;display:flex}.preview-lines span{background:#142a4014;border-radius:4px;width:75%;height:4px;display:block}.preview-lines span:last-child{width:55%}.lit{border-color:var(--ink);transform:translate(-3px);box-shadow:0 0 0 3px #faa13155}.code-panel.lit{transform:translate(3px);box-shadow:0 0 0 3px #78b0da80}.feedback-loop{justify-content:center;align-items:center;gap:10px;margin-top:1.5vh;font-size:clamp(17px,1.3vw,30px);display:flex}.feedback-loop>span{font-size:1.5em}.matrix-wrap{width:100%;padding:0 0 3vh 3vw;position:relative}.matrix{border:1px solid var(--ink);background:var(--ink);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;height:49vh;display:grid}.quadrant{background:var(--paper);flex-direction:column;justify-content:center;gap:1.2vh;padding:1.7vw;display:flex;position:relative}.q1{background:var(--pink)}.q2{background:#e5e6ea}.q3{background:var(--green)}.quadrant strong{letter-spacing:-.025em;font-size:clamp(22px,1.9vw,44px);line-height:1.12}.quadrant p{color:#17222c;margin:0;font-size:clamp(15px,1.15vw,27px);line-height:1.3}.quadrant-mark{color:#142a4055;font-size:clamp(18px,1.5vw,34px);position:absolute;top:1vw;right:1vw}.axis-y{writing-mode:vertical-rl;font-size:clamp(16px,1.2vw,28px);font-weight:700;position:absolute;top:47%;left:-1vw;transform:translateY(-50%)rotate(180deg)}.axis-x{text-align:center;padding-top:1.5vh;font-size:clamp(16px,1.2vw,28px);font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}@keyframes scroll{0%,to{opacity:1;transform:translateY(0)}60%{opacity:.35;transform:translateY(6px)}}@keyframes enter{0%{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.is-current .copy{animation:.75s cubic-bezier(.2,.7,.2,1) both enter}.is-current .visual{animation:.85s cubic-bezier(.2,.7,.2,1) 80ms both enter}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:900px) and (orientation:portrait){html{scroll-snap-type:y proximity}.site-header{height:9vh}.logo{width:6vh;height:6vh}.site-title{font-size:14px}.scene{grid-template-columns:1fr;gap:4vh;height:auto;min-height:100svh;padding:13vh 6vw 12vh;overflow:visible}.eyebrow{margin-bottom:2vh;font-size:11px}h1,h2{margin-bottom:2.5vh;font-size:10.5vw}.lead,.lead.compact{font-size:4.8vw}.question{margin-top:2vh;padding-left:3vw;font-size:5vw}.aside-line{padding-left:3vw;font-size:4.3vw}.visual{height:auto;max-height:none}.art{max-height:37vh}.site-footer{height:8vh}.scroll-cue{gap:8px;margin-right:45px;font-size:11px}.page-count{gap:5px;font-size:12px;right:0}.scroll-track{display:none}.demo{max-width:600px}.demo-top{font-size:10px}.prompt-panel,.code-panel{padding:3vw 4vw}.prompt-panel{margin-right:5vw}.code-panel{margin-left:5vw}.step-label{font-size:11px}.prompt-panel p{font-size:5vw}.code-panel pre{font-size:2.8vw}.preview-panel{margin-right:5vw}.browser-top{padding:0 3vw;font-size:9px}.preview-content{padding:3vw 4vw}.preview-title{font-size:5vw}.report-result{gap:3vw;padding:3vw}.report-result strong{font-size:5vw}.refined .report-result{padding:4vw}.refined .report-result strong{font-size:5.7vw}.report-result small{font-size:10px}.feedback-loop{font-size:4vw}.matrix-wrap{padding-left:5vw}.matrix{height:35vh;min-height:290px}.quadrant{padding:3vw}.quadrant strong{font-size:4.9vw}.quadrant p{font-size:3.4vw}.axis-y,.axis-x{font-size:3.6vw}.quadrant-mark{font-size:4vw}.chapter-watermark{font-size:45vw;top:9vh}}@media (max-height:700px) and (min-width:901px){.scene{min-height:100svh}h1,h2{font-size:4vw}.eyebrow{margin-bottom:2vh}.lead,.lead.compact{font-size:1.5vw}.question{font-size:1.6vw}.demo-top{margin-bottom:.5vh}.prompt-panel{padding:.7vw 1.2vw}.prompt-panel p{font-size:1.5vw}.code-panel{padding:.6vw 1.2vw}.preview-content{padding:.7vw 1.2vw}.preview-lines{display:none}.feedback-loop{margin-top:.5vh}.matrix{height:53vh}}@media print{@page{size:A4 landscape;margin:0}.site-header,.site-footer,.reading-progress,.pause-demo,.skip-link{display:none}.scene{break-after:page;grid-template-columns:43% 53%;gap:4%;width:297mm;height:210mm;min-height:0;padding:15mm;overflow:visible}.scene:last-child{break-after:auto}.chapter-watermark{display:none}.visual{height:auto;max-height:none}.eyebrow{font-size:10pt}h1,h2{font-size:38pt}.lead,.lead.compact{font-size:16pt}.question{font-size:18pt}.aside-line{font-size:14pt}.art{max-height:160mm}.matrix{height:120mm}.quadrant strong{font-size:19pt}.quadrant p,.axis-x,.axis-y{font-size:12pt}.prompt-panel p{font-size:18pt}.step-label,.code-panel pre{font-size:9pt}.preview-title{font-size:16pt}.report-result strong{font-size:19pt}.demo-top{font-size:9pt}.feedback-loop{font-size:13pt}*{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;transition:none!important;animation:none!important}}.attraction{flex-direction:column;gap:2.4vh;width:100%;display:flex}.attraction article{border-left:3px solid var(--ink);background:#e5e6ea;gap:1.4vw;padding:2vw;display:flex}.attraction article:nth-child(2){background:var(--green)}.attraction article:nth-child(3){background:#f0d5d4}.attraction-icon{font-size:clamp(28px,3vw,65px);line-height:1}.attraction h3{letter-spacing:-.03em;margin:0 0 1vh;font-size:clamp(22px,1.8vw,42px);line-height:1.12}.attraction article p{color:#17222c;margin:0;font-size:clamp(18px,1.35vw,31px);line-height:1.35}.attraction-note{margin:0;font-size:clamp(13px,.95vw,22px);line-height:1.35}.landscape{flex-direction:column;gap:1.2vh;width:100%;display:flex}.landscape-label{letter-spacing:.08em;margin-bottom:.6vh;font-size:clamp(11px,.8vw,19px);font-weight:700}.level{border:1px solid #142a4030;border-left:4px solid var(--ink);background:var(--green);gap:1.2vw;padding:1.1vw 1.4vw;display:flex}.level-city{background:#d5e4ee;margin-left:1vw}.level-shared{background:var(--pink);margin-left:2vw}.level-platform{background:#e5e6ea;margin-left:3vw}.level-number{letter-spacing:-.04em;font-size:clamp(20px,1.8vw,42px);line-height:1.1}.level-body{flex:1;min-width:0}.level-scope{letter-spacing:.035em;margin-bottom:.4vh;font-size:clamp(10px,.75vw,18px)}.level h3{letter-spacing:-.035em;margin:0 0 .7vh;font-size:clamp(22px,1.8vw,42px);line-height:1.1}.level-example{margin:0 0 .5vh;font-size:clamp(16px,1.15vw,27px);font-weight:700;line-height:1.25}.level-owner{color:#17222c;margin:0;font-size:clamp(14px,1vw,23px);line-height:1.3}.landscape-note{margin:.5vh 0 0;font-size:clamp(13px,.9vw,21px);line-height:1.35}.final .visual{max-height:none}.final h2{font-size:clamp(40px,4.2vw,98px)}@media (max-width:900px) and (orientation:portrait){.attraction article{gap:3vw;padding:5vw}.attraction h3{font-size:5vw}.attraction article p{font-size:4vw}.attraction-note{font-size:3.3vw}.landscape{gap:1.5vh}.level{gap:3vw;padding:3vw}.level h3{font-size:5vw}.level-scope{font-size:2.8vw}.level-example{font-size:3.8vw}.level-owner{font-size:3.5vw}.level-number{font-size:5vw}.landscape-note{font-size:3.3vw}.landscape-label{font-size:2.7vw}.final h2{font-size:10.5vw}.attraction-scene h2{font-size:10vw}}@media (max-height:700px) and (min-width:901px){.level{padding:.7vw 1vw}.level h3{font-size:1.65vw}.level-example{font-size:1.05vw}.level-owner{font-size:.9vw}.landscape{gap:.8vh}.attraction article{padding:1.2vw}.attraction-scene h2{font-size:3.8vw}}@media print{.attraction article{padding:5mm}.attraction h3{font-size:18pt}.attraction article p{font-size:13pt}.attraction-note{font-size:9pt}.level{padding:3mm 4mm}.level h3{font-size:17pt}.level-example{font-size:12pt}.level-owner{font-size:10pt}.level-scope,.landscape-note,.landscape-label{font-size:8pt}.level-number{font-size:18pt}.final h2{font-size:36pt}}.definition-comparison{flex-direction:column;gap:3vh;display:flex}.definition-block{border-left:4px solid var(--orange);padding:0 0 0 1.5vw}.definition-block.assisted{border-color:#5b7e55}.definition-block h2{letter-spacing:-.04em;margin:0 0 1.6vh;font-size:clamp(30px,2.8vw,66px);line-height:1.05}.definition-block p{color:#17222c;margin:0 0 1.3vh;font-size:clamp(19px,1.55vw,36px);line-height:1.35}.definition-block p:last-child{margin-bottom:0}.definition-block .considerations{font-size:clamp(18px,1.4vw,33px)}.intro .eyebrow{font-size:clamp(13px,1.1vw,26px)}.question u{text-underline-offset:.12em;text-decoration-thickness:.08em}.attraction article p{font-size:clamp(18px,1.25vw,29px)}@media (max-width:900px) and (orientation:portrait){.definition-block{padding-left:4vw}.definition-block h2{font-size:7vw}.definition-block p{font-size:4.4vw}.definition-block .considerations{font-size:4.1vw}.intro .eyebrow{font-size:12px}.attraction article p{font-size:4vw}}@media print{.definition-block h2{font-size:24pt}.definition-block p{font-size:14pt}.definition-block .considerations{font-size:13pt}.attraction article p{font-size:12pt}}