:root{--bg: #f3efe4;--panel: rgba(255, 251, 245, .82);--line: rgba(55, 40, 19, .12);--text: #17120b;--muted: #655746;--accent: #b44f2e;--accent-deep: #4a2013;--shadow: 0 28px 90px rgba(71, 45, 17, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--sans: "Avenir Next", "Segoe UI", sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(255,176,79,.22),transparent 28%),radial-gradient(circle at top right,rgba(196,95,59,.16),transparent 32%),linear-gradient(180deg,#fbf8f2 0%,var(--bg) 100%);color:var(--text);font-family:var(--sans)}a,button{color:inherit;font:inherit}.site-shell{max-width:1280px;margin:0 auto;padding:24px}.topbar,.nav,.hero-actions,.signal-row,.panel-header,.graph-node,.footer{display:flex;align-items:center}.hero,.pillars,.audience-grid,.roadmap-grid{display:grid;gap:24px}.topbar{justify-content:space-between;gap:24px;margin-bottom:28px}.brand,.nav a,.ghost-button,.primary-button,.text-link{text-decoration:none}.brand{font:700 1.5rem/1 var(--serif);letter-spacing:-.04em}.nav{gap:18px}.nav a,.text-link,.ghost-button{color:var(--muted)}.ghost-button,.primary-button{padding:12px 18px;border-radius:999px}.ghost-button{border:1px solid var(--line);background:#ffffff6b}.primary-button{border:0;background:linear-gradient(135deg,#d86b45 0%,var(--accent-deep) 100%);color:#fff8f2;box-shadow:0 16px 34px #7e361b38}.hero,.section-grid,.roadmap,.cta{margin-bottom:30px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch}.hero-copy,.hero-panel,.section-grid,.roadmap,.cta{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy,.section-grid,.roadmap,.cta{padding:clamp(28px,4vw,48px)}.hero-copy h1,.section-heading h2,.cta h2{margin:0;font-family:var(--serif);letter-spacing:-.05em}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:.92}.section-heading h2,.cta h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:.98}.eyebrow,.artifact-label,.roadmap-card span{margin:0 0 14px;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.lede,.cta p,.info-card p,.audience-card p,.roadmap-card p{color:var(--muted);font-size:1.05rem;line-height:1.6}.hero-actions,.signal-row,.panel-header,.footer{gap:14px;flex-wrap:wrap}.signal-row span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;color:var(--muted);font-size:.92rem}.hero-panel{padding:20px;background:linear-gradient(180deg,#fff7effa,#f7f0e4f5),var(--panel)}.panel-header{justify-content:space-between;margin-bottom:16px;color:var(--muted);font-size:.9rem}.prompt-card,.artifact-card,.graph-card,.info-card,.audience-card,.roadmap-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffad}.prompt-card,.artifact-card,.graph-card{padding:18px}.prompt-card p,.prompt-card ul,.artifact-card ul{margin:0}.prompt-card ul,.artifact-card ul,.steps{padding-left:18px}.artifact-card,.graph-card{margin-top:14px}.artifact-card li,.steps li{margin:8px 0}.graph-card{gap:10px}.graph-node{justify-content:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:#fffaf4}.graph-node span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff2e;font-size:.86rem;font-weight:700}.foundation{background:linear-gradient(135deg,#9c6938,#74441f)}.bridge{background:linear-gradient(135deg,#c46343,#944029)}.mastery{background:linear-gradient(135deg,#7b2f23,#4a1b15)}.pillars,.audience-grid,.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.audience-card,.roadmap-card{padding:22px}.roadmap-card.active{background:linear-gradient(180deg,#fff4ebeb,#ffffffc7)}.footer{justify-content:space-between;padding:4px 6px 20px;color:var(--muted);font-size:.92rem}@media(max-width:960px){.topbar,.nav,.footer{align-items:flex-start;flex-direction:column}.hero,.pillars,.audience-grid,.roadmap-grid{grid-template-columns:1fr}}@media(max-width:640px){.site-shell{padding:16px}.hero-copy,.hero-panel,.section-grid,.roadmap,.cta{padding:22px}}