*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0c09;--bg2:#141210;--bg3:#1a1714;--text:#ede8df;--muted:#8a8478;--gold:#c8a96e;--terracota:#e07b54;--sage:#8fb89a;--border:#c8a96e2e;--serif:"DM Serif Display", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.7;overflow-x:hidden}nav{z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;transition:background .4s,border-bottom .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0e0c09eb}.nav-logo{font-family:var(--serif);color:var(--gold);letter-spacing:.04em;font-size:1.5rem}.nav-logo span{color:var(--text);font-style:italic}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);color:var(--gold);font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.5rem 1.25rem;font-size:.8rem;transition:background .25s,color .25s}.nav-cta:hover{background:var(--gold);color:var(--bg)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:100vh;padding:8rem 5rem 5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 70%,#c8a96e0f 0%,#0000 70%);position:absolute;inset:0}.hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:.72rem;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--gold);opacity:.6;width:2rem;height:1px;display:block}.hero-title{font-family:var(--serif);color:var(--text);margin-bottom:.5rem;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.08}.hero-title em{color:var(--gold);font-style:italic;display:block}.hero-tagline{color:var(--muted);max-width:480px;margin:1.5rem 0 2.5rem;font-size:1rem;line-height:1.8}.hero-tagline strong{color:var(--text);font-weight:400}.hero-ctas{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{background:var(--gold);color:var(--bg);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;padding:.85rem 2rem;font-size:.85rem;font-weight:500;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-secondary{color:var(--text);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ede8df33;padding:.85rem 2rem;font-size:.85rem;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.hero-visual{justify-content:center;align-items:center;height:420px;display:flex;position:relative}.quote-band{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 5rem;position:relative;overflow:hidden}.quote-band:before{content:"“";font-family:var(--serif);color:var(--gold);opacity:.07;pointer-events:none;font-size:10rem;line-height:1;position:absolute;top:-1rem;left:4rem}.quote-text{font-family:var(--serif);text-align:center;max-width:780px;color:var(--text);margin:0 auto;font-size:clamp(1.2rem,2.5vw,1.7rem);line-height:1.6}.quote-text em{color:var(--gold);font-style:italic}.quote-attr{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:1.5rem;font-size:.75rem}section{padding:7rem 5rem}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-size:.72rem}.section-title{font-family:var(--serif);margin-bottom:1rem;font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}.section-sub{color:var(--muted);max-width:520px;font-size:.95rem;line-height:1.8}.pillars-section{background:var(--bg3)}.pillars-header{max-width:600px;margin-bottom:4rem}.pillars-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1.5px;display:grid}.pillar-card{background:var(--bg3);padding:2.5rem 2rem;position:relative}.pillar-icon{margin-bottom:1.25rem;font-size:2rem}.pillar-title{font-family:var(--serif);color:var(--text);margin-bottom:.25rem;font-size:1.5rem}.pillar-sub{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-size:.72rem}.pillar-desc{color:var(--muted);font-size:.9rem;line-height:1.8}.aksi-section{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.aksi-left{position:sticky;top:8rem}.aksi-problem{border-left:2px solid var(--terracota);background:#e07b540d;margin-top:2rem;padding:1.5rem}.aksi-problem p{color:var(--muted);font-size:.88rem;font-style:italic;line-height:1.8}.aksi-problem strong{color:var(--terracota);font-style:normal}.aksi-steps{flex-direction:column;gap:0;display:flex}.aksi-step{border-bottom:1px solid var(--border);gap:1.5rem;padding:2rem 0;display:flex}.aksi-step:last-child{border-bottom:none}.aksi-letter{font-family:var(--serif);color:var(--gold);opacity:.5;flex-shrink:0;width:2.5rem;font-size:3rem;line-height:1}.aksi-word{font-family:var(--serif);color:var(--text);margin-bottom:.4rem;font-size:1.2rem;display:block}.aksi-desc{color:var(--muted);font-size:.88rem;line-height:1.8}.tradeoff-section{background:var(--bg2)}.tradeoff-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-top:4rem;display:grid}.tradeoff-example{background:var(--bg3);border:1px solid var(--border);padding:2rem}.tradeoff-example-label{letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:1.25rem;font-size:.68rem}.tradeoff-scenario{color:var(--text);font-size:.92rem;line-height:1.85}.tradeoff-scenario em{color:var(--gold);font-style:normal;font-weight:500}.tradeoff-arrow{color:var(--muted);align-items:center;gap:.5rem;margin:1rem 0;font-size:.8rem;display:flex}.tradeoff-arrow:before{content:"→";color:var(--gold)}.tradeoff-visual{flex-direction:column;gap:1.25rem;display:flex}.balance-bar-wrapper{flex-direction:column;gap:.5rem;display:flex}.balance-bar-label{color:var(--muted);letter-spacing:.06em;justify-content:space-between;font-size:.75rem;display:flex}.balance-bar{background:#ffffff0f;border-radius:3px;height:6px;position:relative;overflow:hidden}.balance-bar-fill{transform-origin:0;border-radius:3px;height:100%;animation:1.6s forwards barGrow}@keyframes barGrow{0%{width:0}}.cta-section{text-align:center;background:var(--bg);padding:8rem 5rem;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(50% 70% at 50% 100%,#c8a96e14 0%,#0000 70%);position:absolute;inset:0}.cta-title{font-family:var(--serif);margin-bottom:1.25rem;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1}.cta-title em{color:var(--gold);font-style:italic}.cta-sub{color:var(--muted);max-width:480px;margin:0 auto 3rem;font-size:.95rem;line-height:1.8}.cta-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}footer{background:var(--bg2);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:2.5rem 5rem;display:flex}.footer-logo{font-family:var(--serif);color:var(--gold);font-size:1.1rem}.footer-copy{color:var(--muted);font-size:.75rem}body:after{content:"";z-index:9999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;position:fixed;inset:0}@media (max-width:900px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:2rem;padding:7rem 1.5rem 3rem}.hero-visual{height:280px}.quote-band{padding:3rem 1.5rem}section{padding:5rem 1.5rem}.pillars-grid{grid-template-columns:1fr}.aksi-section{grid-template-columns:1fr;gap:2rem}.aksi-left{position:static}.tradeoff-grid{grid-template-columns:1fr;gap:2rem}.cta-section{padding:5rem 1.5rem}footer{text-align:center;flex-direction:column;gap:1rem;padding:2rem 1.5rem}}