
:root{--paper:#f5efe2;--paper2:#ece0cb;--ink:#161820;--slate:#252b3a;--muted:#6d706f;--amber:#f4b84a;--cobalt:#335cff;--green:#88d6a3;--coral:#ef7b61;--line:rgba(22,24,32,.14);--white:#fffaf0;--shadow:0 28px 80px rgba(22,24,32,.18)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Archivo,system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}a{color:inherit}.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E")}
.header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 32px));z-index:60;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 14px;border:1px solid rgba(22,24,32,.18);background:rgba(245,239,226,.78);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(22,24,32,.12)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-symbol{width:44px;height:44px;display:grid;place-items:center;background:var(--ink);color:var(--amber);font-weight:900;border-radius:4px}.logo strong{display:block;letter-spacing:-.03em}.logo small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.nav{display:flex;align-items:center;gap:4px}.nav a{text-decoration:none;font-weight:800;font-size:.82rem;color:rgba(22,24,32,.7);padding:11px 13px}.nav a:hover{background:rgba(22,24,32,.06)}.nav-pill{background:var(--ink)!important;color:var(--paper)!important}.menu{display:none;background:var(--amber);border:1px solid var(--ink);padding:10px 12px;font-weight:900}
.hero{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;width:min(1200px,calc(100% - 40px));margin:0 auto;padding:150px 0 90px;position:relative}.hero-gridline{position:absolute;inset:110px -50px 40px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 35% 40%,#000 0,transparent 68%);opacity:.55}.kicker{display:inline-flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900;color:var(--cobalt);margin-bottom:18px}.kicker:before{content:"";width:32px;height:2px;background:currentColor}.hero h1,.page-hero h1,.article-hero h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(3rem,6.6vw,6.8rem);line-height:.98;letter-spacing:-.075em}.hero p,.page-hero p,.article-hero p{margin-top:24px;font-size:1.08rem;line-height:1.85;color:#575c5c;max-width:650px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--ink);padding:14px 19px;font-weight:900;box-shadow:6px 6px 0 rgba(22,24,32,.16);cursor:pointer}.btn:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(22,24,32,.16)}.btn-primary{background:var(--amber);color:var(--ink)}.btn-ghost{background:var(--white)}
.hero-board{position:relative;background:var(--slate);color:var(--paper);border-radius:8px;padding:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}.board-top,.board-list div{display:flex;justify-content:space-between;gap:20px}.board-top{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,239,226,.52);border-bottom:1px solid rgba(245,239,226,.16);padding-bottom:18px}.board-top strong{color:var(--amber)}.ring{width:190px;height:190px;border-radius:50%;margin:30px auto;border:18px solid var(--green);display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.04)}.ring span{font-size:4rem;font-weight:900;line-height:.9}.ring small{color:rgba(245,239,226,.55);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.board-list{display:grid;gap:0;border-top:1px solid rgba(245,239,226,.16)}.board-list div{padding:18px 0;border-bottom:1px solid rgba(245,239,226,.16)}.board-list span{color:rgba(245,239,226,.58)}.board-list strong{color:var(--green)}
.ticker{display:flex;overflow:hidden;background:var(--ink);color:var(--paper);border-block:1px solid var(--ink)}.ticker span{padding:15px 28px;border-right:1px solid rgba(245,239,226,.18);white-space:nowrap;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.72rem}.split-section{width:min(1100px,calc(100% - 40px));margin:100px auto;display:grid;grid-template-columns:220px 1fr;gap:70px}.section-tag{text-transform:uppercase;letter-spacing:.18em;color:var(--coral);font-weight:900;font-size:.74rem}.split-copy h2,.panel-copy h2,.section-head h2,.goal-copy h2,.text-panel h2,.contact-note h2{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(2.2rem,4.6vw,4.8rem);line-height:1;letter-spacing:-.06em}.split-copy p,.panel-copy p,.goal-copy p,.text-panel p{color:#5a5f5e;line-height:1.85;font-size:1.05rem;margin-top:22px}.cards-quad{width:min(1200px,calc(100% - 40px));margin:0 auto 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quad-card{background:var(--white);border:1px solid var(--ink);padding:24px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:7px 7px 0 rgba(22,24,32,.12)}.quad-card:nth-child(2){background:#e2ecff}.quad-card:nth-child(3){background:#e0f7e8}.quad-card:nth-child(4){background:#ffe3db}.quad-card span{color:var(--cobalt);font-weight:900}.quad-card h3{font-family:'Libre Baskerville',Georgia,serif;font-size:1.7rem;line-height:1.05}.quad-card p{color:#5f6261;line-height:1.65}.quad-card a{font-weight:900;text-decoration:none}.wide-panel{background:var(--slate);color:var(--paper);padding:100px max(20px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}.panel-copy h2{color:var(--paper)}.panel-copy p{color:rgba(245,239,226,.64)}.panel-metrics{display:grid;gap:14px}.panel-metrics div{background:rgba(245,239,226,.07);border:1px solid rgba(245,239,226,.16);padding:22px;display:flex;justify-content:space-between;align-items:end}.panel-metrics strong{font-size:3.5rem;color:var(--amber);line-height:.8}.panel-metrics span{text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:.72rem;color:rgba(245,239,226,.56)}.article-preview{width:min(1200px,calc(100% - 40px));margin:100px auto}.section-head{margin-bottom:28px}.article-grid,.lane-grid,.scenario-grid,.business-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card,.lane,.scenario,.dash-card,.library-row,.contact-form,.contact-note,.text-panel{background:var(--white);border:1px solid var(--ink);box-shadow:7px 7px 0 rgba(22,24,32,.12)}.article-card{min-height:270px;padding:24px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.article-card span,.library-row span{color:var(--coral);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.article-card h3{font-family:'Libre Baskerville',Georgia,serif;font-size:1.65rem;line-height:1.08}.article-card p,.library-row p,.lane p,.scenario p,.dash-card span,.contact-form p{color:#606463;line-height:1.65}
.page-hero,.article-hero{padding:165px max(20px,calc((100vw - 1100px)/2)) 90px;border-bottom:1px solid var(--ink);background:linear-gradient(135deg,var(--paper),#fff7e8)}.wallet-hero{background:linear-gradient(135deg,var(--paper),#e2ecff)}.goals-hero{background:linear-gradient(135deg,var(--paper),#fff2bf)}.business-hero{background:linear-gradient(135deg,var(--paper),#e0f7e8)}.library-hero{background:linear-gradient(135deg,var(--paper),#ffe3db)}.contact-hero{background:linear-gradient(135deg,var(--paper),#e9e3ff)}.lane-grid{width:min(1200px,calc(100% - 40px));margin:85px auto}.lane{padding:26px;min-height:300px}.lane:nth-child(4){grid-column:span 3;min-height:220px}.lane span{color:var(--cobalt);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.lane h2,.scenario h3{font-family:'Libre Baskerville',Georgia,serif;font-size:2.4rem;margin:56px 0 14px}.text-panel{width:min(900px,calc(100% - 40px));margin:0 auto 110px;padding:36px}.goal-layout{width:min(1100px,calc(100% - 40px));margin:90px auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.goal-stack{display:grid;gap:12px}.goal-stack div{display:grid;grid-template-columns:70px 1fr;padding:18px;background:var(--white);border:1px solid var(--ink);box-shadow:6px 6px 0 rgba(22,24,32,.12);font-weight:900}.goal-stack strong{color:var(--cobalt)}.scenario-grid{width:min(1100px,calc(100% - 40px));margin:0 auto 110px}.scenario{padding:26px;min-height:230px}.business-dashboard{width:min(1100px,calc(100% - 40px));margin:90px auto}.dash-card{background:var(--slate);color:var(--paper);padding:24px;min-height:190px}.dash-card small{display:block;text-transform:uppercase;letter-spacing:.14em;color:rgba(245,239,226,.52);font-weight:900}.dash-card strong{display:block;font-size:2.2rem;margin:40px 0 8px}.library-list{width:min(1100px,calc(100% - 40px));margin:85px auto 110px;display:grid;gap:16px}.library-row{text-decoration:none;padding:24px;display:grid;grid-template-columns:130px 1fr .9fr;gap:28px;align-items:center}.library-row h2{font-family:'Libre Baskerville',Georgia,serif;font-size:2rem;line-height:1.08}.contact-layout{width:min(1100px,calc(100% - 40px));margin:85px auto 110px;display:grid;grid-template-columns:1fr .85fr;gap:28px}.contact-form,.contact-note{padding:30px}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-weight:900}input,select,textarea{width:100%;border:1px solid var(--ink);background:var(--paper);padding:14px;font:inherit}textarea{min-height:150px;resize:vertical}.contact-note div{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.contact-note strong{color:var(--cobalt)}.back{display:inline-block;margin-bottom:28px;color:var(--cobalt);font-weight:900;text-decoration:none}.article-body{width:min(820px,calc(100% - 40px));margin:80px auto 110px;font-size:1.08rem;line-height:1.85;color:#3f4443}.article-body h2{font-family:'Libre Baskerville',Georgia,serif;font-size:2.55rem;line-height:1.03;margin:38px 0 14px;color:var(--ink)}.article-body p{margin-bottom:18px}.footer{background:var(--ink);color:var(--paper);padding:64px max(20px,calc((100vw - 1200px)/2)) 30px}.footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}.footer .logo-symbol{background:var(--amber);color:var(--ink)}.footer p{color:rgba(245,239,226,.58);line-height:1.7;margin-top:18px}.footer h4{color:var(--amber);margin-bottom:14px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.footer a,.footer span{display:block;color:rgba(245,239,226,.55);text-decoration:none;margin-bottom:10px;font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(245,239,226,.14);margin-top:48px;padding-top:20px;color:rgba(245,239,226,.35);font-size:.78rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.menu{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);border:1px solid var(--ink);padding:10px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero,.split-section,.wide-panel,.goal-layout,.contact-layout{grid-template-columns:1fr}.cards-quad,.article-grid,.lane-grid,.scenario-grid,.business-dashboard,.footer-inner{grid-template-columns:1fr}.lane:nth-child(4){grid-column:auto}.library-row{grid-template-columns:1fr;gap:12px}.footer-bottom{display:block}.hero-board{max-width:520px}.panel-metrics{margin-top:24px}}@media(max-width:640px){.header{top:10px;width:calc(100% - 20px)}.logo small{display:none}.hero{padding-top:135px}.hero h1,.page-hero h1,.article-hero h1{font-size:3.2rem}.page-hero,.article-hero{padding-top:145px}.ticker span{padding-inline:18px}.ring{width:160px;height:160px}.cards-quad,.article-preview,.lane-grid,.scenario-grid,.business-dashboard,.library-list,.contact-layout,.text-panel{width:calc(100% - 28px)}}
