:root{--paper:#f4f0e7;--ink:#173239;--muted:#607076;--line:#bec5bd;--dark:#17282d;--accent:#dc6047;--lilac:#c9b5e6;--mint:#cfe6a8;--sky:#b8d9e9;--surface:#fffdf7;--focus:#df634c;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.58 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{font:inherit;cursor:pointer}.skip{position:absolute;left:-999px;top:12px;background:var(--surface);padding:8px}.skip:focus{left:12px;z-index:100}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.site-head{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:35px;min-height:76px;padding:12px max(32px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:42px;height:42px}.brand span{display:grid;line-height:.86;font-size:12px;letter-spacing:-.05em;position:relative}.brand b{font-weight:900}.brand i{position:absolute;width:7px;height:7px;background:var(--accent);right:-11px;bottom:-2px}.site-head nav{display:flex;gap:22px;margin:auto;font-size:12px;font-weight:700}.site-head nav a{text-decoration:none;padding:9px 0;border-bottom:2px solid transparent}.site-head nav a:hover{border-color:currentColor}.mode{border:1px solid var(--line);border-radius:100px;background:transparent;padding:8px 12px;font-size:11px;font-weight:700}.mode span{color:var(--accent)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center;min-height:570px;padding-block:80px}.eyebrow{margin:0 0 20px;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,6.2vw,89px);line-height:.91;letter-spacing:-.075em;margin-bottom:27px}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em;color:var(--accent)}h2{font-size:clamp(36px,4.2vw,62px);line-height:.98;letter-spacing:-.065em;margin-bottom:22px}h3{font-size:clamp(23px,2.8vw,36px);line-height:1.05;letter-spacing:-.055em}.lead{max-width:600px;font-size:19px;color:var(--muted)}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:11px 19px;border:1px solid var(--ink);text-decoration:none;font-size:13px;font-weight:700}.button svg,.media-grid svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.text-link{font-size:13px;font-weight:700}.micro{font-size:11px;color:var(--muted);margin:17px 0}.hero-art{position:relative;min-height:370px;background:var(--dark);overflow:hidden;transform:rotate(-3deg);box-shadow:12px 12px 0 var(--lilac)}.orbit{position:absolute;border:1px solid #d9f6ea55;border-radius:50%}.orbit-one{width:360px;height:360px;left:45px;top:-70px}.orbit-two{width:260px;height:260px;right:-75px;bottom:-100px}.card-art{position:absolute;inset:62px 50px;background:var(--mint);padding:24px;transform:rotate(6deg);display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.card-art small{font-size:9px;font-weight:800;letter-spacing:.13em}.card-art strong{font-size:clamp(25px,3.2vw,40px);line-height:.95;letter-spacing:-.06em}.card-art div{display:flex;gap:6px}.card-art i{height:8px;width:25px;background:var(--accent)}.card-art i:nth-child(2){background:var(--lilac)}.card-art i:nth-child(3){background:var(--sky)}.card-art i:nth-child(4){background:var(--ink)}.spark{position:absolute;right:28px;top:30px;color:var(--lilac);font-size:40px}.tag{position:absolute;padding:7px 10px;font-size:10px;font-weight:700;background:var(--surface);color:var(--ink);box-shadow:4px 4px 0 #0003}.tag-a{left:5px;bottom:42px;transform:rotate(-4deg)}.tag-b{right:12px;bottom:20px;transform:rotate(5deg)}.ways{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface);margin-bottom:-36px}.ways a{padding:22px;border-right:1px solid var(--line);text-decoration:none;display:grid;gap:6px;min-height:130px}.ways a:last-child{border:0}.ways a:hover{background:var(--ink);color:#fff}.ways span{font-size:11px;color:var(--accent);font-weight:800}.ways b{font-size:19px;letter-spacing:-.04em}.ways small{font-size:12px}.band{overflow:hidden;background:var(--accent);color:#fff;padding:12px 0;transform:rotate(-1deg);position:relative;z-index:1}.band div{display:flex;width:max-content;gap:24px;animation:slide 28s linear infinite;font-size:12px;font-weight:800;letter-spacing:.12em}.band span,.band i{white-space:nowrap}.band i{color:var(--mint)}@keyframes slide{to{transform:translateX(-35%)}}.chapter{padding-block:105px}.chapter-ki{background:var(--dark);color:#f6f7ee}.heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:38px}.heading p{max-width:450px;color:#b9c7c8;font-size:17px}.topic-grid{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #fff3;padding-bottom:21px}.topic-grid button{border:1px solid #ffffff3b;background:transparent;color:inherit;border-radius:99px;min-height:40px;padding:8px 14px;font-size:12px;font-weight:700}.topic-grid button span{color:var(--mint);font-size:10px;margin-right:5px}.topic-grid button[aria-selected=true],.topic-grid button:hover{background:var(--mint);color:var(--ink);border-color:var(--mint)}.topic-panel{padding:55px 0 0;max-width:1040px}.panel-label{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--mint)}.topic-panel>p:not(.panel-label){max-width:780px;font-size:18px;color:#c9d5d5}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.three div{border-top:2px solid var(--mint);padding-top:14px;display:grid;gap:7px}.three b{font-size:13px}.three span{font-size:14px;color:#c9d5d5}.questions{padding:0;list-style:none;display:grid;gap:14px}.questions li{display:grid;grid-template-columns:minmax(170px,.7fr) 1.6fr;gap:20px;border-top:1px solid #ffffff33;padding-top:13px}.questions b{font-size:14px}.questions span{color:#c9d5d5}.chapter-check{background:var(--lilac)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.split p{font-size:17px;color:#394153}.checklist{list-style:none;margin:0;padding:0;border-top:1px solid #263642}.checklist li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #263642}.checklist span{font-family:Georgia,serif;font-size:25px}.checklist p{margin:0;color:#263642}.chapter-media{background:var(--paper)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-grid article{min-height:275px;padding:27px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}.media-grid article:nth-child(2){background:var(--sky)}.media-grid article:nth-child(3){background:var(--mint)}.media-grid span{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted)}.media-grid h3{font-size:27px;margin:20px 0}.media-grid p{color:var(--muted);font-size:14px}.media-grid a{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800}.chapter-help{background:var(--dark);color:#fff}.help{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.help p{color:#c9d5d5}.source-list{display:grid;border-top:1px solid #ffffff44}.source-list a{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff44;text-decoration:none}.source-list a:hover{color:var(--mint)}.source-list b{font-size:16px}.source-list span{font-size:13px;color:#c9d5d5}footer{background:#0f1d20;color:#d3dedc;padding:35px 0}footer .wrap{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:center}footer p{font-size:12px;margin:0;color:#aab8b7}footer>div>div:last-child{display:flex;gap:15px;justify-content:flex-end;font-size:11px;font-weight:700}body[data-night=true]{--paper:#122025;--ink:#f4f5ee;--muted:#b6c1c2;--line:#516168;--surface:#1b2d32;--dark:#0e191c;--sky:#355262}body[data-night=true] .chapter-media{background:#122025}body[data-night=true] .chapter-check{color:#17282d}body[data-night=true] .site-head{background:color-mix(in srgb,var(--paper) 94%,transparent)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.band div{animation:none}}@media(max-width:760px){.wrap{width:min(100% - 32px,600px)}.site-head{padding:10px 16px;gap:13px;min-height:64px}.site-head nav{display:none}.brand img{width:35px;height:35px}.brand span{font-size:10px}.mode{margin-left:auto}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding:48px 0 64px}.hero-art{min-height:275px;margin-inline:8px}.card-art{inset:40px 35px}.ways{grid-template-columns:1fr;margin-bottom:-10px}.ways a{min-height:90px;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.ways a:last-child{border-bottom:0}.chapter{padding-block:65px}.heading,.split,.help{grid-template-columns:1fr;gap:28px}.heading{margin-bottom:26px}.topic-grid{flex-wrap:nowrap;overflow:auto;padding-bottom:13px}.topic-grid button{white-space:nowrap}.topic-panel{padding-top:35px}.three,.media-grid{grid-template-columns:1fr;gap:11px}.questions li{grid-template-columns:1fr;gap:5px}.chapter-check{padding-block:58px}.source-list a{grid-template-columns:1fr;gap:3px}.media-grid article{min-height:210px}footer .wrap{grid-template-columns:1fr;gap:18px}footer>div>div:last-child{justify-content:flex-start}h1{font-size:55px}.lead{font-size:17px}.tag{font-size:9px}}


/* V2: the signature band keeps its own layout lane; it never crosses the entry cards. */
.ways{margin-bottom:0;z-index:1}
.band{margin:0;transform:none;z-index:0;padding-block:14px}
.band div{animation-duration:34s}
.ai-map{padding-top:0;padding-bottom:105px}
.ai-map-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:30px}
.ai-map-heading h3{font-size:clamp(29px,3.5vw,48px);margin:0}.ai-map-heading p{max-width:450px;margin:0;color:#c9d5d5;font-size:16px}
.ai-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ai-map-grid article{border:1px solid #ffffff3d;padding:20px;min-height:225px;display:flex;flex-direction:column;gap:13px;background:#ffffff08}.ai-map-grid article:nth-child(2){background:#c9b5e61c}.ai-map-grid article:nth-child(3){background:#b8d9e91c}.ai-map-grid article:nth-child(4){background:#cfe6a81c}.ai-map-grid span{color:var(--mint);font-size:9px;letter-spacing:.14em;font-weight:800}.ai-map-grid b{font-size:17px;line-height:1.13;letter-spacing:-.03em}.ai-map-grid p{margin:auto 0 0;color:#c9d5d5;font-size:13px;line-height:1.5}.ai-map-rule{margin:24px 0 0;color:#d9e4e2;font-size:14px}.ai-map-rule b{color:var(--mint)}
/* Dark mode is one persisted page state, including all light editorial sections. */
body[data-night=true]{--paper:#111d22;--ink:#f1f5ee;--muted:#c0cbca;--line:#53656b;--surface:#1b2b31;--dark:#0b1519;--sky:#2d4f5c;--lilac:#403b58;--mint:#314837;--focus:#f08b72;color-scheme:dark}
body[data-night=true] .chapter-media{background:var(--paper)}body[data-night=true] .chapter-check{background:#3d3852;color:#f4f1fa}body[data-night=true] .chapter-check .split p,body[data-night=true] .chapter-check .checklist p{color:#ece9f5}body[data-night=true] .chapter-check .checklist{border-color:#ffffff55}body[data-night=true] .chapter-check .checklist li{border-color:#ffffff42}body[data-night=true] .ways a:hover{background:#090f12}body[data-night=true] .media-grid article{background:var(--surface)}body[data-night=true] .media-grid article:nth-child(2){background:#264852}body[data-night=true] .media-grid article:nth-child(3){background:#334b38}body[data-night=true] .media-grid p{color:#c7d1d1}body[data-night=true] .mode{background:#25373d;color:#f5f7f0}
@media(max-width:760px){.ways{margin-bottom:0}.band{padding-block:12px}.ai-map{padding-bottom:65px}.ai-map-heading{grid-template-columns:1fr;gap:18px}.ai-map-grid{grid-template-columns:1fr 1fr}.ai-map-grid article{min-height:190px;padding:16px}.ai-map-grid b{font-size:16px}.ai-map-grid p{font-size:12px}}
@media(max-width:480px){.ai-map-grid{grid-template-columns:1fr}.ai-map-grid article{min-height:0}.band div{animation-duration:26s}}


/* V3: tactile icons and scroll choreography. Effects remain quiet until an element reaches its reading position. */
.hero-art{animation:hero-drift 8s ease-in-out infinite}.orbit-one{animation:orbit-spin 23s linear infinite}.orbit-two{animation:orbit-spin 16s linear infinite reverse}.spark{animation:spark-pulse 2.8s ease-in-out infinite}.tag{animation:tag-float 5s ease-in-out infinite}.tag-b{animation-delay:-2.2s}
@keyframes hero-drift{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}@keyframes orbit-spin{to{rotate:360deg}}@keyframes spark-pulse{50%{scale:1.22;filter:drop-shadow(0 0 12px #c9b5e6)}}@keyframes tag-float{50%{translate:0 -8px}}
html.js .reveal{opacity:0;translate:0 30px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.8,.2,1)}html.js .reveal.reveal-left{translate:-30px 0}html.js .reveal.reveal-right{translate:30px 0}html.js .reveal.is-visible{opacity:1;translate:0 0}.ways a.reveal:nth-child(2){transition-delay:.1s}.ways a.reveal:nth-child(3){transition-delay:.2s}.ai-map-grid article.reveal:nth-child(2){transition-delay:.08s}.ai-map-grid article.reveal:nth-child(3){transition-delay:.16s}.ai-map-grid article.reveal:nth-child(4){transition-delay:.24s}
.chapter-ki{position:relative;overflow:hidden}.chapter-ki:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 8%,#cfe6a81c,transparent 24rem),linear-gradient(125deg,transparent 55%,#b8d9e90b 55% 56%,transparent 56%);pointer-events:none}.chapter-ki>.wrap{position:relative}.ai-map-grid article{position:relative;overflow:hidden}.ai-map-grid article:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #ffffff20;border-radius:50%;right:-35px;bottom:-45px}.map-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--mint);border:1px solid #cfe6a866;border-radius:50%;background:#07101333}.map-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.ai-map-grid article:hover .map-icon{background:var(--mint);color:var(--ink);transform:rotate(-8deg) scale(1.08)}.map-icon{transition:transform .25s ease,background .25s ease,color .25s ease}
.source-list a{align-items:center;grid-template-columns:190px 1fr;min-height:82px}.source-brand{display:flex;align-items:center;width:150px;height:48px;padding:7px 12px;background:#fffdf7;border-radius:3px}.source-brand img{max-width:100%;max-height:100%;object-fit:contain;object-position:left center}.source-list a:hover .source-brand{transform:translateX(5px);box-shadow:0 0 0 1px var(--mint),0 8px 22px #0003}.source-brand{transition:transform .2s ease,box-shadow .2s ease}
body[data-night=true] .source-brand{background:#edf2eb}.band:hover div{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hero-art,.orbit-one,.orbit-two,.spark,.tag{animation:none!important}.map-icon,.source-brand{transition:none!important}html.js .reveal,html.js .reveal.reveal-left,html.js .reveal.reveal-right{opacity:1;translate:0 0;transition:none}}
@media(max-width:760px){.source-list a{grid-template-columns:1fr;min-height:0}.source-brand{width:145px}.hero-art{animation-duration:10s}}

/* V4: stronger light-mode reading contrast. */
:root{--paper:#fbf7ef;--surface:#fffefa;--ink:#102f36;--muted:#40565d;--line:#a7b6b4;--accent:#c94f3e;--focus:#b44030}
body:not([data-night=true]) .lead,body:not([data-night=true]) .micro,body:not([data-night=true]) .media-grid p{color:#40565d}
body:not([data-night=true]) .eyebrow{color:#40565d}

/* The KI page links back to the separate media guide; it does not repeat it. */
.media-tab{border:1px solid var(--line);border-radius:100px;background:transparent;padding:8px 12px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.media-tab:hover,.media-tab:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:760px){.media-tab{margin-left:auto;padding:8px 10px;font-size:10px}}