:root{
  --bg:#11110f;
  --bg-2:#171713;
  --paper:#f3efe7;
  --paper-2:#e8decf;
  --ink:#171713;
  --muted:#9e9b93;
  --line:rgba(255,255,255,.14);
  --accent:#d8ff4f;
  --warm:#d7a874;
  --radius:26px;
  --shadow:0 30px 90px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y proximity}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.08);z-index:100}
.progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .18s linear}
.topbar{position:fixed;top:3px;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;z-index:90;mix-blend-mode:difference;color:white;pointer-events:none}
.brand,.topbar-right{display:flex;align-items:center;gap:12px;pointer-events:auto}
.brand{font-size:13px;font-weight:850;letter-spacing:.18em}
.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-size:12px;letter-spacing:0}
.section-counter{font-size:12px;letter-spacing:.12em;opacity:.8}
.menu-button{border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:inherit;border-radius:999px;padding:9px 14px;cursor:pointer}
.drawer{position:fixed;top:0;right:0;width:min(420px,90vw);height:100vh;padding:90px 34px 34px;background:#141410;z-index:120;transform:translateX(102%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 80px rgba(0,0,0,.32)}
.drawer.open{transform:translateX(0)}
.drawer-close{position:absolute;right:28px;top:26px;border:0;background:transparent;color:white;font-size:34px;cursor:pointer}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:110;opacity:0;pointer-events:none;transition:opacity .25s}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
.drawer-links{display:grid;gap:4px;margin-top:20px}
.drawer-links a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:18px;color:#b9b7b0;transition:.2s}
.drawer-links a:hover,.drawer-links a.active{color:white;padding-left:8px}
.slide{min-height:100vh;position:relative;display:flex;align-items:center;padding:112px 7vw 70px;scroll-snap-align:start;overflow:hidden}
.content{width:min(1180px,100%);margin:0 auto;position:relative;z-index:2}
.content.wide{width:min(1400px,100%)}
.hero{background:radial-gradient(circle at 75% 30%,#34341d 0,transparent 32%),linear-gradient(135deg,#0d0d0b,#171711 60%,#10100e);}
.hero-glow,.closing-glow{position:absolute;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(216,255,79,.16),rgba(216,255,79,0) 67%);right:-7vw;top:5vh;filter:blur(10px)}
.hero-copy{max-width:980px}
.eyebrow{font-size:12px;line-height:1.2;letter-spacing:.24em;font-weight:850;color:var(--accent);margin:0 0 26px;text-transform:uppercase}
.eyebrow.dark{color:#6c6b62}
.hero h1{font-size:clamp(64px,9.3vw,148px);line-height:.83;letter-spacing:-.07em;margin:0;font-weight:820;max-width:1150px}
.hero h1 span{color:var(--accent);font-weight:400}
.lede{max-width:720px;font-size:clamp(20px,2vw,30px);line-height:1.35;color:#cbc9c1;margin:36px 0 0}
.hero-note{display:flex;align-items:flex-start;gap:12px;margin-top:34px;max-width:680px;padding-top:24px;border-top:1px solid var(--line)}
.hero-note .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:7px;flex:0 0 auto}
.hero-note p{margin:0;color:#96938b;line-height:1.55;font-size:15px}
.scroll-hint{position:absolute;bottom:28px;right:36px;font-size:12px;letter-spacing:.1em;color:#87847c}.scroll-hint span{color:var(--accent);font-size:18px;margin-left:8px}
.light{background:var(--paper);color:var(--ink)}
.warm{background:linear-gradient(135deg,#eadbcb,#d9c0a4);color:var(--ink)}
.dark{background:var(--bg);color:white}
.casa{background:linear-gradient(135deg,#2a201a,#6c4f36 58%,#b18457);color:white}
.rafas{background:linear-gradient(135deg,#0e1914,#1e3a2c 55%,#405840);color:white}
.closing{background:linear-gradient(135deg,#0e0e0c,#171812 58%,#212811);color:white}
h2{font-size:clamp(42px,5.4vw,84px);line-height:.98;letter-spacing:-.055em;margin:0 0 38px;max-width:1120px}h2 em{font-family:Georgia,serif;font-weight:400}h2 span{color:var(--accent)}
.split-text{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:start;max-width:1100px}.split-text p{font-size:19px;line-height:1.55;margin:0;color:#4d4a43}.split-text .lead-dark{font-size:28px;line-height:1.35;color:#1c1b18}
.big-statement{margin-top:62px;border-top:1px solid rgba(0,0,0,.18);padding-top:28px;font-size:clamp(22px,3.4vw,48px);letter-spacing:-.035em;font-weight:760}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{min-height:360px;border-radius:var(--radius);padding:34px;display:flex;flex-direction:column;justify-content:flex-end}.muted-card{background:#1d1d18;border:1px solid rgba(255,255,255,.08)}.accent-card{background:var(--accent);color:#15150f}.compare-card .tag{position:absolute;align-self:flex-start;top:auto;margin-bottom:250px;font-size:11px;letter-spacing:.18em;font-weight:900;opacity:.65}.compare-card h3{font-size:clamp(28px,3vw,45px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.compare-card p{margin:0;max-width:540px;line-height:1.55;opacity:.72}
.statement-copy{font-size:clamp(30px,4vw,58px);font-weight:850;letter-spacing:-.04em;margin:-12px 0 48px}.budget-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.budget-flow div{background:rgba(255,255,255,.34);border:1px solid rgba(0,0,0,.09);border-radius:20px;padding:24px;min-height:210px}.budget-flow span{display:block;font-weight:900;font-size:12px;opacity:.45;margin-bottom:56px}.budget-flow p{font-size:18px;line-height:1.4;margin:0}.callout{margin-top:24px;border-left:4px solid #1b1b16;padding:8px 0 8px 20px;max-width:980px;font-size:17px;line-height:1.55;color:#3d382f}
.metric-row{display:flex;align-items:center;gap:30px;margin-bottom:42px}.metric{display:flex;align-items:baseline;gap:12px}.metric strong{font-size:38px;letter-spacing:-.05em}.metric span{color:#d7c8b7;max-width:160px;font-size:13px;line-height:1.3}.metric-divider{width:1px;height:46px;background:rgba(255,255,255,.25)}.casa h2{max-width:1060px}.casa h2 span{color:#ffe3b0}.casa-copy{max-width:870px;font-size:20px;line-height:1.55;color:#eadbc9}.journey{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:38px;font-size:16px}.journey span{padding:12px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08)}.journey i{font-style:normal;color:#f7ca94}
.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.pipeline div{border-top:2px solid #1e1d19;padding:18px 10px 0 0}.pipeline b{display:block;font-size:11px;opacity:.45;margin-bottom:48px}.pipeline span{font-size:17px;line-height:1.35}.dual-purpose{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}.dual-purpose article{background:#1b1b17;color:white;padding:28px;border-radius:22px}.dual-purpose article:nth-child(2){background:#d7ff4f;color:#161611}.dual-purpose small{font-weight:850;letter-spacing:.15em;opacity:.58}.dual-purpose h3{font-size:34px;margin:12px 0 8px;letter-spacing:-.04em}.dual-purpose p{margin:0;opacity:.75}.two-in-one{font-size:19px;line-height:1.5;margin:26px 0 0;color:#4b473f}
.video-section{align-items:flex-start;padding-top:116px;padding-bottom:100px}.video-intro{display:grid;grid-template-columns:1fr .85fr;gap:5vw;align-items:end;margin-bottom:38px}.video-intro h2{margin-bottom:0}.video-intro>p{color:#aaa79f;line-height:1.6;font-size:18px;max-width:610px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.video-card{background:#1b1b17;border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden}.video-card video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#080806}.video-meta{padding:20px}.video-meta span{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:850}.video-meta h3{font-size:23px;letter-spacing:-.03em;margin:10px 0}.video-meta p{font-size:14px;line-height:1.5;color:#9e9b93;margin:0}
.rafas-lead{font-size:clamp(24px,3vw,38px);line-height:1.35;max-width:1000px;color:#dce8df}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:50px}.diagnostic-grid div{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.06);border-radius:20px;padding:25px;display:flex;gap:20px;align-items:flex-start}.diagnostic-grid span{font-size:11px;color:#b7d7bb;font-weight:900}.diagnostic-grid p{font-size:19px;line-height:1.4;margin:0}.rafas-transition{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.rafas-transition article{border:1px solid rgba(216,255,79,.22);background:rgba(0,0,0,.16);border-radius:20px;padding:26px}.rafas-transition small{display:block;font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:850;margin-bottom:10px}.rafas-transition h3{font-size:27px;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}.rafas-transition p{font-size:16px;line-height:1.5;color:#c8d5cb;margin:0}
.metrics-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics-map div{min-height:150px;border:1px solid rgba(0,0,0,.12);border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.metrics-map b{font-size:12px;letter-spacing:.15em}.metrics-map span{color:#5b574f;line-height:1.4}.metrics-foot{font-size:20px;line-height:1.55;max-width:990px;margin:32px 0 0}
.centered{text-align:center}.centered .eyebrow,.centered h2{margin-left:auto;margin-right:auto}.large-copy{font-size:clamp(22px,2.6vw,36px);line-height:1.4;max-width:930px;margin:-10px auto 44px;color:#49443b}.change-lines{width:min(930px,100%);margin:0 auto;text-align:left;border-top:1px solid rgba(0,0,0,.18)}.change-lines span{display:block;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.13);font-size:18px}.change-lines span:nth-child(even){font-weight:800;font-size:22px;color:#1a1a16}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline article{background:#1b1b17;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:24px;min-height:310px}.timeline article>span{display:block;font-size:44px;font-weight:800;color:#33332c;margin-bottom:58px}.timeline small{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:850}.timeline h3{font-size:28px;margin:10px 0 12px;letter-spacing:-.04em}.timeline p{color:#9d9a92;line-height:1.5;margin:0}
.closing .content{max-width:980px}.closing h2{margin-bottom:26px}.closing-lead{font-size:clamp(22px,3vw,34px);color:#b8b6ad;line-height:1.4}.closing-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;text-align:left}.closing-card p{margin:0;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);padding:22px;border-radius:18px;line-height:1.5;color:#b8b5ad}.final-line{font-size:clamp(32px,4.2vw,62px);font-weight:830;letter-spacing:-.05em;margin:54px 0 0;line-height:1.02}.final-line span{color:var(--accent)}
.next-button{position:fixed;right:26px;bottom:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(20,20,17,.54);color:white;backdrop-filter:blur(12px);z-index:80;cursor:pointer;font-size:20px;transition:.2s}.next-button:hover{transform:translateY(3px);background:rgba(216,255,79,.22)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){
  .budget-flow{grid-template-columns:1fr 1fr}.pipeline{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.rafas-transition{grid-template-columns:1fr}.video-intro{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr}.compare-card .tag{position:static;margin:0 0 auto}.compare-card{min-height:320px}.metrics-map{grid-template-columns:1fr 1fr}.closing-card{grid-template-columns:1fr}
}
@media(max-width:700px){
  .topbar{padding:0 18px;height:62px}.section-counter{display:none}.slide{padding:96px 20px 60px;min-height:auto;min-height:100svh}.hero h1{font-size:17vw}.lede{font-size:20px}.scroll-hint{display:none}.split-text{grid-template-columns:1fr;gap:22px}.split-text .lead-dark{font-size:23px}.budget-flow,.pipeline,.dual-purpose,.video-grid,.diagnostic-grid,.metrics-map,.timeline,.rafas-transition{grid-template-columns:1fr}.budget-flow div{min-height:160px}.budget-flow span{margin-bottom:32px}.metric-row{align-items:flex-start;flex-direction:column;gap:16px}.metric-divider{width:100%;height:1px}.metric{flex-direction:column;gap:3px}.metric strong{font-size:32px}.journey{gap:8px}.journey i{display:none}.video-section{padding-top:96px}.video-card{display:grid;grid-template-columns:42% 1fr}.video-card video{height:100%;aspect-ratio:9/16}.video-meta{align-self:center}.next-button{right:16px;bottom:14px;width:44px;height:44px}.change-lines span{font-size:16px}.change-lines span:nth-child(even){font-size:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}