:root{
  --sage:#4E746B;--sage-light:#5d897f;--cream:#F9F5F0;
  --mauve:#744E57;--near-black:#0C0C0C;--cool-white:#F8FAFC;
  --font-display:'Bebas Neue',sans-serif;
  --font-body:'Source Serif 4',Georgia,serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);color:var(--near-black);background:var(--cream);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--sage);color:var(--cream)}
.container{max-width:1140px;margin:0 auto;padding:0 2rem}
.section-label{font-family:var(--font-display);font-size:.75rem;letter-spacing:.35em;color:var(--sage);margin-bottom:1.5rem}
.label-mauve{color:var(--mauve)}
.label-sage{color:var(--sage-light)}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;transition:background .4s ease,box-shadow .4s ease}
nav.scrolled{background:rgba(249,245,240,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(78,116,107,.12)}
.nav-logo-link{display:flex;align-items:center;text-decoration:none}
.nav-wordmark{height:20px;width:auto}
.nav-wordmark path,.nav-wordmark rect{fill:var(--cream);transition:fill .4s ease}
nav.scrolled .nav-wordmark path,nav.scrolled .nav-wordmark rect{fill:var(--near-black)}
.nav-cta{font-family:var(--font-display);font-size:.85rem;letter-spacing:.16em;text-decoration:none;padding:.6rem 1.6rem;transition:all .3s ease;color:var(--cream);border:1.5px solid rgba(249,245,240,.35)}
.nav-cta:hover{background:var(--cream);color:var(--near-black)}
nav.scrolled .nav-cta{color:var(--sage);border-color:var(--sage)}
nav.scrolled .nav-cta:hover{background:var(--sage);color:var(--cream)}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes drawLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes subtlePulse{0%,100%{opacity:.4}50%{opacity:.7}}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-stagger>*{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal-stagger.visible>*:nth-child(1){transition-delay:0.0s}
.reveal-stagger.visible>*:nth-child(2){transition-delay:0.09s}
.reveal-stagger.visible>*:nth-child(3){transition-delay:0.18s}
.reveal-stagger.visible>*:nth-child(4){transition-delay:0.27s}
.reveal-stagger.visible>*:nth-child(5){transition-delay:0.36s}
.reveal-stagger.visible>*:nth-child(6){transition-delay:0.45s}
.reveal-stagger.visible>*:nth-child(7){transition-delay:0.54s}
.reveal-stagger.visible>*:nth-child(8){transition-delay:0.63s}
.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:var(--near-black);overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(78,116,107,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(116,78,87,.1) 0%,transparent 50%);pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(249,245,240,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,245,240,.03) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;animation:subtlePulse 8s ease-in-out infinite}
.hero-content{position:relative;z-index:2;padding:2rem;max-width:820px}
.hero-label{font-family:var(--font-display);font-size:.8rem;letter-spacing:.35em;color:var(--sage);margin-bottom:2.5rem;opacity:0;animation:fadeUp .9s cubic-bezier(.16,1,.3,1) .3s forwards}
.hero h1{font-family:var(--font-display);font-size:clamp(2.8rem,6.5vw,5.2rem);line-height:1.05;color:var(--cream);letter-spacing:.02em;margin-bottom:2rem;opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .55s forwards}
.hero h1 em{font-style:normal;color:var(--sage-light)}
.hero-sub{font-family:var(--font-body);font-size:1.15rem;font-weight:300;color:rgba(249,245,240,.65);max-width:580px;margin:0 auto 2.5rem;line-height:1.8;opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .8s forwards}
.hero-ctas{opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) 1s forwards;margin-bottom:3rem}
.hero-soft-cta{font-family:var(--font-display);font-size:.85rem;letter-spacing:.15em;color:var(--sage-light);text-decoration:none;transition:color .3s ease}
.hero-soft-cta:hover{color:var(--cream)}
.hero-line{width:48px;height:1.5px;background:var(--sage);margin:0 auto;transform-origin:center;transform:scaleX(0);animation:drawLine .8s cubic-bezier(.16,1,.3,1) 1.2s forwards}
.credibility{padding:1.8rem 0;background:var(--near-black);border-top:1px solid rgba(78,116,107,.2)}
.cred-items{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap}
.cred-item{font-family:var(--font-display);font-size:.7rem;letter-spacing:.25em;color:rgba(249,245,240,.35)}
.familiar{padding:7rem 0;background:var(--cool-white)}
.familiar-header{text-align:center;margin-bottom:4rem}
.familiar h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1;color:var(--near-black)}
.familiar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.familiar-card{padding:2rem;background:var(--cream);border-left:3px solid var(--sage)}
.familiar-card p{font-family:var(--font-body);font-size:1rem;font-style:italic;font-weight:300;color:rgba(12,12,12,.7);line-height:1.65}
.familiar-after{text-align:center;margin-top:3rem;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.04em;color:var(--sage)}
.scope{padding:7rem 0;background:var(--cream)}
.scope-header{margin-bottom:3.5rem}
.scope h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;color:var(--near-black);margin-bottom:1rem}
.scope-intro{font-size:1.1rem;font-weight:300;color:rgba(12,12,12,.65);max-width:700px;line-height:1.7}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.scope-card{padding:2rem;background:var(--cool-white);border:1px solid rgba(78,116,107,.08);position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}
.scope-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(12,12,12,.05)}
.scope-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.scope-card:hover::before{transform:scaleX(1)}
.scope-card h3{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.06em;color:var(--near-black);margin-bottom:.8rem}
.scope-card p{font-size:.92rem;font-weight:300;color:rgba(12,12,12,.6);line-height:1.65}
.reality{padding:7rem 0;background:var(--near-black);color:var(--cream)}
.reality .container{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.reality h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin-bottom:2rem}
.reality-points{list-style:none;padding:0}
.reality-points li{position:relative;padding:1.25rem 0 1.25rem 1.8rem;font-size:1.05rem;font-weight:300;color:rgba(249,245,240,.7);border-bottom:1px solid rgba(78,116,107,.15);line-height:1.6}
.reality-points li::before{content:'';position:absolute;left:0;top:1.65rem;width:6px;height:6px;border-radius:50%;background:var(--sage-light)}
.reality-pullquote{font-family:var(--font-body);font-size:1.4rem;font-style:italic;font-weight:300;color:var(--sage-light);line-height:1.7;padding:3rem 0 0;border-top:2px solid rgba(78,116,107,.3);margin-top:2rem}
.origin{padding:7rem 0;background:var(--cream);position:relative;overflow:hidden}
.origin .container{max-width:740px;position:relative;z-index:1}
.origin h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin-bottom:2.5rem;color:var(--near-black)}
.origin p{font-size:1.1rem;font-weight:300;color:rgba(12,12,12,.65);margin-bottom:1.5rem;line-height:1.85}
.origin p strong{color:var(--near-black);font-weight:600}
.origin-stat-row{display:flex;gap:3rem;margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid rgba(78,116,107,.2)}
.origin-stat{text-align:left}
.origin-stat .number{font-family:var(--font-display);font-size:2.8rem;color:var(--sage);line-height:1;margin-bottom:.3rem}
.origin-stat .stat-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;color:rgba(12,12,12,.35)}
.delay{padding:5rem 0;background:var(--mauve);text-align:center;position:relative;overflow:hidden}
.delay::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(249,245,240,.06) 0%,transparent 60%);pointer-events:none}
.delay .container{position:relative;z-index:1;max-width:760px}
.delay h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.15;color:var(--cream);margin-bottom:1.5rem}
.delay-points{list-style:none;padding:0;text-align:left;max-width:600px;margin:0 auto 2.5rem}
.delay-points li{position:relative;padding:.7rem 0 .7rem 1.5rem;font-size:1rem;font-weight:300;color:rgba(249,245,240,.75);line-height:1.6}
.delay-points li::before{content:'';position:absolute;left:0;top:1.1rem;width:5px;height:5px;border-radius:50%;background:var(--cream)}
.delay-btn{display:inline-block;font-family:var(--font-display);font-size:.85rem;letter-spacing:.2em;color:var(--mauve);background:var(--cream);text-decoration:none;padding:.9rem 2.5rem;transition:all .35s ease}
.delay-btn:hover{background:var(--near-black);color:var(--cream);transform:translateY(-2px)}
.casestudy{padding:7rem 0;background:var(--cool-white)}
.casestudy-header{margin-bottom:3rem}
.casestudy h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;color:var(--near-black)}
.casestudy-content{background:var(--cream);padding:3rem;border:1px solid rgba(78,116,107,.1)}
.cs-badge{display:inline-block;font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em;color:var(--cream);background:var(--sage);padding:.5rem 1.2rem;margin-bottom:2rem}
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2.5rem}
.cs-col h3{font-family:var(--font-display);font-size:.85rem;letter-spacing:.2em;color:var(--sage);margin-bottom:1.2rem}
.cs-col ul{list-style:none;padding:0}
.cs-col li{position:relative;padding:.6rem 0 .6rem 1.2rem;font-size:.95rem;font-weight:300;color:rgba(12,12,12,.7);line-height:1.6}
.cs-col li::before{content:'';position:absolute;left:0;top:1rem;width:4px;height:4px;border-radius:50%;background:var(--sage)}
.cs-result{padding:2rem;background:var(--near-black);margin-bottom:1.5rem}
.cs-result-text{font-family:var(--font-body);font-size:1.1rem;font-style:italic;font-weight:300;color:var(--sage-light);line-height:1.7}
.cs-note{font-size:.8rem;font-style:italic;color:rgba(12,12,12,.4)}
.approach{padding:7rem 0;background:var(--cream)}
.approach-header{text-align:center;margin-bottom:4rem}
.approach h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;color:var(--near-black)}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.approach-card{padding:2.5rem 2rem;background:var(--cool-white);border:1px solid rgba(78,116,107,.08);position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}
.approach-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(12,12,12,.06)}
.approach-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.approach-card:hover::before{transform:scaleX(1)}
.approach-card .step-num{font-family:var(--font-display);font-size:3rem;color:rgba(78,116,107,.15);line-height:1;margin-bottom:.4rem}
.step-timeframe{display:inline-block;font-family:var(--font-display);font-size:.65rem;letter-spacing:.2em;color:var(--mauve);margin-bottom:1rem}
.approach-card h3{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.06em;color:var(--near-black);margin-bottom:1rem}
.approach-card p{font-size:.95rem;font-weight:300;color:rgba(12,12,12,.65);line-height:1.7}
.lead-magnet{padding:6rem 0;background:var(--near-black);color:var(--cream)}
.lm-inner{max-width:640px;margin:0 auto;text-align:center}
.lm-inner h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;margin-bottom:1.5rem}
.lm-desc{font-size:1rem;font-weight:300;color:rgba(249,245,240,.6);line-height:1.75;margin-bottom:2.5rem}
.lm-btn{display:inline-block;font-family:var(--font-display);font-size:.85rem;letter-spacing:.2em;padding:.9rem 2.5rem;border:1.5px solid var(--sage);color:var(--sage-light);text-decoration:none;transition:all .35s ease}
.lm-btn:hover{background:var(--sage);color:var(--cream)}
.lm-note{margin-top:1rem;font-size:.8rem;font-style:italic;color:rgba(249,245,240,.3)}
.triggers{padding:5rem 0;background:var(--sage);text-align:center}
.triggers h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;color:var(--cream);margin-bottom:2rem}
.trigger-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:900px;margin:0 auto 2.5rem}
.trigger-item{padding:1.5rem 1rem;background:rgba(249,245,240,.08);border:1px solid rgba(249,245,240,.1)}
.trigger-item p{font-family:var(--font-display);font-size:.8rem;letter-spacing:.1em;color:var(--cream);line-height:1.4}
.triggers-sub{font-size:1rem;font-weight:300;color:rgba(249,245,240,.6);margin-bottom:2rem}
.triggers-btn{display:inline-block;font-family:var(--font-display);font-size:.85rem;letter-spacing:.2em;color:var(--sage);background:var(--cream);text-decoration:none;padding:.9rem 2.5rem;transition:all .35s ease}
.triggers-btn:hover{background:var(--near-black);color:var(--cream);transform:translateY(-2px)}
.cta-section{padding:8rem 0 10rem;background:var(--near-black);text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 50% 100%,rgba(78,116,107,.08) 0%,transparent 60%);pointer-events:none}
.cta-section .container{position:relative;z-index:1;max-width:640px}
.cta-section h2{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.08;color:var(--cream);margin-bottom:1.5rem}
.cta-desc{font-family:var(--font-body);font-size:1.1rem;font-weight:300;color:rgba(249,245,240,.6);line-height:1.8;margin-bottom:1rem}
.cta-first-step{font-size:.95rem;font-weight:300;color:rgba(249,245,240,.45);line-height:1.7;margin-bottom:2.5rem;font-style:italic}
.cta-btn{display:inline-block;font-family:var(--font-display);font-size:.9rem;letter-spacing:.2em;color:var(--near-black);background:var(--cream);text-decoration:none;padding:1.1rem 3rem;transition:all .35s ease}
.cta-btn:hover{background:var(--sage);color:var(--cream);transform:translateY(-2px);box-shadow:0 12px 40px rgba(78,116,107,.3)}
.cta-form-note{margin-top:1.5rem;font-size:.95rem;color:rgba(249,245,240,.4)}
.cta-note{margin-top:.5rem;font-size:.85rem;font-style:italic;color:rgba(249,245,240,.25)}
footer{padding:3rem 2.5rem;background:var(--near-black);display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(78,116,107,.1)}
.footer-wordmark{height:18px;width:auto;opacity:.35}
.footer-wordmark path,.footer-wordmark rect{fill:var(--cream)}
footer .footer-links{display:flex;gap:2rem}
footer .footer-links a{font-family:var(--font-display);font-size:.7rem;letter-spacing:.15em;color:rgba(249,245,240,.35);text-decoration:none;transition:color .3s ease}
footer .footer-links a:hover{color:var(--sage-light)}
@media(max-width:900px){.reality .container{grid-template-columns:1fr;gap:3rem}.approach-grid,.scope-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.familiar-grid{grid-template-columns:1fr 1fr}.cs-grid{grid-template-columns:1fr}.origin-stat-row{flex-wrap:wrap;gap:2rem}.trigger-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){nav{padding:1rem 1.5rem}.nav-wordmark{height:16px}.nav-cta{padding:.5rem 1.2rem;font-size:.75rem}.hero-content{padding:1.5rem}.hero-sub{font-size:1rem}.familiar,.scope,.reality,.origin,.casestudy,.approach,.lead-magnet,.cta-section{padding:5rem 0}.familiar-grid{grid-template-columns:1fr}.scope-grid{grid-template-columns:1fr}.casestudy-content{padding:2rem 1.5rem}.cred-items{gap:1.5rem}.cred-item{font-size:.6rem}.trigger-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:1.5rem;text-align:center}}