:root{--bg-canvas:#2b211e;--bg-surface:#3b2c28;--bg-surface-hover:#493630;--text-primary:#e0f2f1;--text-muted:#c8bdb6;--accent-primary:#ff6f59;--accent-secondary:#ffc3a5;--border-subtle:#66504a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #ff6f5940;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:system-ui,"Segoe UI",sans-serif;line-height:1.75;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.6rem,6.5vw,5.8rem);margin:.25em 0}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:1.35rem}p{margin:0 0 1.2rem}a{color:var(--accent-secondary);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0 1px;transition:background-size .25s,color .25s}a:hover{background-size:100% 1px;color:var(--accent-primary)}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.85rem;color:var(--text-muted);padding:.65rem 0}button,input,select,textarea,.panel,.stage,.media{border-radius:0}button,.button{transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic)}button:hover,.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button,.primary{display:inline-block;background:var(--accent-primary);color:#261a16;border:0;padding:.85rem 1.3rem;font-weight:800;background-image:none}.button:hover,.primary:hover{color:#261a16}.text-button{background:none;border:0;color:var(--accent-secondary);padding:.6rem 0;text-decoration:underline;text-underline-offset:6px}.skip-link{position:absolute;top:-100px;left:16px;z-index:20;background:var(--bg-canvas);padding:12px}.skip-link:focus{top:10px}.site-header{position:relative;z-index:5;margin:16px;max-width:1600px;padding:14px 22px;background:var(--bg-surface);border-radius:60px;box-shadow:var(--shadow-elevation);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;color:var(--text-primary);font-size:.94rem;font-weight:800;letter-spacing:-.03em;background:none}.brand-mark{width:26px;height:26px;display:grid;place-items:center;background:var(--accent-primary);color:var(--bg-canvas);font-size:17px}.site-nav{display:flex;gap:17px;align-items:center;font-size:.83rem}.site-nav a{color:var(--text-primary)}.site-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:none;border:0;color:var(--text-primary);font-size:2rem;line-height:1;padding:0 8px}.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.hero{min-height:calc(100svh - 104px);position:relative;display:grid;place-items:center;isolation:isolate;text-align:center;padding:90px 24px}.hero-photo{position:absolute;inset:0;z-index:-3}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#21171395,#211713ba 50%,#2b211e);z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 35%,#ff6f5926,transparent 55%),linear-gradient(120deg,transparent,#ff6f5915,transparent);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero-content{max-width:950px}.hero p{max-width:65ch;margin:1.5rem auto 2rem;font-size:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:750;font-size:.76rem;color:var(--accent-secondary)}.hero .eyebrow{color:var(--text-primary)}.section-intro{padding:75px 0 20px;max-width:72ch}.pathway{position:relative;padding:20px 0 60px}.pathway:before{content:"";position:absolute;left:23px;top:20px;bottom:60px;width:1px;background:var(--accent-primary)}.stage{position:relative;margin:0 0 38px 68px;padding:34px;background:var(--bg-surface);box-shadow:var(--shadow-elevation);transition:transform .45s var(--ease-kinetic),box-shadow .45s var(--ease-kinetic)}.stage:hover,.panel:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.stage-number{position:absolute;left:-68px;top:31px;width:47px;height:47px;background:var(--bg-canvas);border:1px solid var(--accent-primary);color:var(--accent-primary);display:grid;place-items:center;font-size:.8rem;font-weight:800}.stage h2{margin-top:0}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center}.media{aspect-ratio:4/3;overflow:hidden}.banner-media{aspect-ratio:16/9}.thumbnail{width:88px;aspect-ratio:1;flex-shrink:0}.chapter{background:var(--accent-primary);color:#2b211e;padding:44px 0}.chapter h2{margin:0 0 12px}.chapter p{max-width:72ch;margin:0}.chapter a{color:#2b211e;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.panel{background:var(--bg-surface);padding:28px;box-shadow:var(--shadow-elevation);transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic)}.panel h3{margin-top:0}.compact{display:flex;align-items:center;gap:18px}.feature-overlay{position:relative;isolation:isolate;padding:34px;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;background:#241a17}.feature-overlay img{position:absolute;inset:0;z-index:-2}.feature-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#211713f5);z-index:-1}.feature-overlay p{max-width:65ch}.section{padding:65px 0}.page-heading{padding:65px 0 35px}.page-heading p{max-width:70ch;color:var(--text-muted);font-size:1.1rem}.page-heading h1{font-size:clamp(2.6rem,5.5vw,4.7rem);max-width:1050px}.article-intro{margin-bottom:35px}.article-intro .banner-media{max-height:440px}.prose{max-width:72ch;margin:0 auto}.prose h2{margin-top:2rem;font-size:2rem}.prose h3{margin-top:1.75rem}.article-path .stage>p,.article-path .stage>ul,.article-path .stage>ol{max-width:72ch}.note,.prompt{border-left:3px solid var(--accent-primary);padding:18px 22px;background:#251b18;margin:22px 0}.note p:last-child,.prompt p:last-child{margin-bottom:0}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.legend span{border-bottom:1px solid var(--border-subtle);padding:5px 0}.tag{color:var(--accent-secondary);text-transform:uppercase;font-size:.73rem;font-weight:800;letter-spacing:.1em}.tool{padding:35px;background:var(--bg-surface)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}label{display:block;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;background:#261c19;color:var(--text-primary);border:1px solid var(--border-subtle);padding:12px}textarea{min-height:170px;resize:vertical}select{color-scheme:dark}.form-field{margin-bottom:20px}.tool-output{margin-top:25px;border-top:1px solid var(--border-subtle);padding-top:22px}.status{min-height:1.6em;color:var(--accent-secondary);font-size:.9rem}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.preview{white-space:pre-wrap;background:#261c19;padding:22px;border:1px solid var(--border-subtle);max-height:400px;overflow:auto;font-family:inherit}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:14px;min-width:140px}th{color:var(--accent-secondary)}details{background:var(--bg-surface);padding:22px;margin-bottom:14px}summary{cursor:pointer;font-weight:800;font-size:1.08rem}details p{margin:18px 0 0}.related{margin-top:30px}.site-footer{margin-top:60px;border-top:1px solid var(--border-subtle);padding:45px 0 25px;color:var(--text-muted);font-size:.85rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}.site-footer strong{color:var(--text-primary)}.site-footer a{display:inline-block;margin:0 12px 8px 0}.site-footer address{font-style:normal}.copyright{padding-top:24px;margin:20px 0 0;border-top:1px solid var(--border-subtle)}.reveal-ready .reveal{opacity:0;transform:translateY(24px)}.reveal-ready .reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.muted{color:var(--text-muted)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.hero-content{padding:30px}.section-intro{margin-left:68px}.article-path .stage{padding:40px}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:14px 18px;gap:12px}.site-nav{gap:10px;font-size:.74rem}.brand{font-size:.82rem}.split{gap:22px;grid-template-columns:1.1fr 1fr}.stage{padding:25px}.footer-grid{gap:24px}}
@media(max-width:768px){.site-header{margin:12px;padding:12px 18px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-surface);padding:22px;box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;gap:0;font-size:1rem}.site-nav.is-open{display:flex;animation:menuSlide .25s var(--ease-kinetic)}.site-nav a{padding:10px}.split{grid-template-columns:1fr}.hero{min-height:calc(100svh - 90px)}.footer-grid{grid-template-columns:1fr}.stage{margin-left:55px;padding:24px}.stage-number{left:-55px;width:39px;height:39px}.pathway:before{left:19px}.section{padding:45px 0}.page-heading{padding-top:40px}.grid,.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}@keyframes menuSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 40px)}.hero h1{font-size:3.7rem}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.brand{font-size:.8rem}.brand-mark{width:23px;height:23px}.hero{padding:65px 18px}.hero h1{font-size:2.75rem}.hero p{font-size:1rem}.stage{padding:20px;margin-left:45px}.stage-number{left:-45px;width:33px;height:33px;font-size:.7rem}.pathway:before{left:16px}.stage h2{font-size:1.7rem}.panel,.tool{padding:22px}.compact{align-items:flex-start}.thumbnail{width:65px}.chapter{padding:32px 0}.actions{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready .reveal{opacity:1;transform:none}button:hover,.button:hover,.stage:hover,.panel:hover{transform:none}}