/* ===== Base ===== */
:root{
  --navy: #0e2362;
  --navy-light: #16307f;
  --teal: #59b5a7;
  --teal-bright: #12a6b1;
  --cream: #f4f6f5;
  --ink: #16202b;
  --grey: #6b7580;
  --border: #e3e8e6;
  --radius: 16px;
  --shadow: 0 20px 50px -25px rgba(14,35,98,.35);
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter', sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{
  font-family:'Space Grotesk', sans-serif;
  font-weight:600;
  line-height:1.15;
  color:var(--navy);
}
h2{font-size:clamp(1.9rem, 3.2vw, 2.8rem); margin-bottom:1rem;}
h3{font-size:1.25rem; margin-bottom:.5rem;}
p{color:var(--grey);}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.container{max-width:1080px; margin:0 auto; padding:0 24px;}
.container--center{text-align:center; display:flex; flex-direction:column; align-items:center;}

/* ===== Progress bar ===== */
.progress-bar{position:fixed; top:0; left:0; height:3px; width:0%; background:var(--teal-bright); z-index:200; transition:width .1s linear;}

/* ===== Reveal animation ===== */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
.reveal.is-visible{opacity:1; transform:translateY(0);}
.stagger-item{opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease;}
.stagger-item.is-visible{opacity:1; transform:translateY(0);}

/* ===== Nav ===== */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 32px;
  background:rgba(255,255,255,0); transition:background .3s ease, box-shadow .3s ease, padding .3s ease;
}
.nav.is-scrolled{background:rgba(255,255,255,.92); backdrop-filter:blur(10px); box-shadow:0 8px 30px -20px rgba(0,0,0,.3); padding:10px 32px;}
.nav__brand{display:grid;}
.nav__brand-logo{grid-area:1/1; height:32px; width:auto; transition:opacity .2s ease;}
.nav__brand-logo--color{opacity:0;}
.nav.is-scrolled .nav__brand-logo--white{opacity:0;}
.nav.is-scrolled .nav__brand-logo--color{opacity:1;}
.nav__links{display:flex; align-items:center; gap:28px; font-size:.92rem; font-weight:500; color:var(--navy);}
.nav__links a{opacity:.8; transition:opacity .2s;}
.nav__links a:hover{opacity:1;}
.nav__cta{background:var(--teal-bright); color:#fff !important; padding:9px 18px; border-radius:999px; opacity:1 !important;}

/* ===== Hero ===== */
.hero{
  position:relative; min-height:100vh; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  background:var(--navy); color:#fff; overflow:hidden; padding:120px 24px 60px;
}
.hero__bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.22;}
.hero__texture{position:absolute; inset:0; background:linear-gradient(180deg, rgba(14,35,98,.75), rgba(14,35,98,.96) 70%), radial-gradient(circle at 20% 20%, rgba(89,181,167,.35), transparent 45%);}
.hero__content{position:relative; z-index:2; max-width:760px;}
.eyebrow{font-size:.85rem; letter-spacing:.08em; text-transform:uppercase; color:var(--teal); font-weight:600; margin-bottom:22px;}
.hero__logo{height:40px; margin:0 auto 28px;}
.hero__title{color:#fff; font-size:clamp(2rem, 4.2vw, 3.4rem); margin-bottom:18px;}
.hero__subtitle{font-size:1.15rem; color:rgba(255,255,255,.82); max-width:620px; margin:0 auto 28px;}
.hero__meta{display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-bottom:44px;}
.hero__meta span{background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); padding:8px 16px; border-radius:999px; font-size:.88rem;}
.hero__scroll{display:inline-flex; flex-direction:column; align-items:center; gap:10px; font-size:.85rem; color:rgba(255,255,255,.7);}
.hero__scroll-line{width:1px; height:36px; background:linear-gradient(180deg, var(--teal), transparent);}
.hero__credit{position:relative; z-index:2; margin-top:40px; font-size:.85rem; color:rgba(255,255,255,.55);}

/* ===== Sections ===== */
.section{padding:110px 0; scroll-margin-top:84px;}
.section--blanco{background:#fff;}
.section--navy{background:var(--navy); color:#fff;}
.section--navy h2, .section--navy h3{color:#fff;}
.section--gbp{background:var(--cream);}
.tag{display:inline-block; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; font-weight:600; color:var(--teal-bright); margin-bottom:14px;}
.tag--light{color:var(--teal);}
.section__lead{font-size:1.1rem; max-width:680px; color:var(--grey); margin-bottom:20px;}
.section__lead--light{color:rgba(255,255,255,.75);}

/* ===== Checklist ===== */
.checklist{display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:36px;}
.checklist__item{display:flex; gap:14px; align-items:flex-start; background:var(--cream); border-radius:12px; padding:18px 20px;}
.checklist__mark{flex:none; width:26px; height:26px; border-radius:50%; background:var(--teal-bright); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:700;}
.checklist__item p{color:var(--ink); font-size:.98rem;}

/* ===== Comparison (control) ===== */
.comparison{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:44px;}
.comparison__col{border-radius:var(--radius); padding:32px;}
.comparison__col--bad{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1);}
.comparison__col--good{background:rgba(89,181,167,.14); border:1px solid rgba(89,181,167,.4);}
.comparison__title{font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:1.05rem; margin-bottom:22px; color:#fff;}
.comparison__item{display:flex; gap:14px; align-items:flex-start; margin-bottom:16px;}
.comparison__item:last-child{margin-bottom:0;}
.comparison__item p{color:rgba(255,255,255,.75); font-size:.95rem; margin:0;}
.comparison__col--good .comparison__item p{color:rgba(255,255,255,.92);}
.comparison__mark{flex:none; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.72rem; font-weight:700; margin-top:1px;}
.comparison__mark--bad{background:rgba(255,255,255,.1); color:rgba(255,255,255,.55);}
.comparison__mark--good{background:var(--teal-bright); color:#fff;}
.comparison__punchline{margin-top:40px; text-align:center; font-family:'Space Grotesk', sans-serif; font-size:1.35rem; font-weight:600; color:#fff;}

/* ===== Brandboard ===== */
.brandboard{display:grid; grid-template-columns:280px 1fr; gap:48px; align-items:center; margin-top:40px;}
.brandboard__logo{background:#fff; border-radius:var(--radius); padding:40px; display:flex; align-items:center; justify-content:center;}
.brandboard__logo img{height:44px; width:auto;}
.swatch-row{display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap;}
.swatch{flex:1; min-width:90px; height:70px; border-radius:10px; display:flex; align-items:flex-end; padding:8px; font-size:.72rem; color:#fff; font-weight:600;}
.swatch--light{color:var(--ink);}
.brandboard__list{list-style:none; display:flex; flex-direction:column; gap:10px;}
.brandboard__list li{color:rgba(255,255,255,.82); font-size:.95rem;}
.brandboard__list strong{color:#fff;}

/* ===== About / GBP ===== */
.about{display:grid; grid-template-columns:280px 1fr; gap:48px; align-items:center; margin-bottom:56px;}
.about__photo img{border-radius:var(--radius); box-shadow:var(--shadow);}
.about__gbp-logo{height:34px; margin-bottom:18px; filter:invert(1); opacity:.85;}
.about__text p{margin-bottom:14px; color:var(--ink);}
.stats{display:flex; gap:36px; margin-top:24px; flex-wrap:wrap;}
.stat{display:flex; flex-direction:column;}
.stat__num{font-family:'Space Grotesk', sans-serif; font-size:2rem; font-weight:700; color:var(--navy);}
.stat__label{font-size:.82rem; color:var(--grey);}

.referentes__title{font-weight:600; color:var(--navy); margin-bottom:20px; text-align:center;}
.referentes__title--ribbon{margin-top:48px;}
.referente-people{display:flex; flex-wrap:wrap; justify-content:center; gap:22px; margin-bottom:20px;}
.referente-card{text-align:center; width:96px;}
.referente-card__photo{width:88px; height:88px; border-radius:50%; overflow:hidden; margin:0 auto 8px; border:2px solid #fff; box-shadow:0 8px 18px -8px rgba(0,0,0,.25);}
.referente-card__photo img{width:100%; height:100%; object-fit:cover; object-position:top center;}
.referente-card__name{font-size:.78rem; color:var(--ink); font-weight:500;}
.logo-ribbon{overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
.logo-ribbon__track{display:flex; gap:20px; width:max-content; animation:ribbon 32s linear infinite;}
.logo-chip{flex:none; width:100px; height:56px; background:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:10px; box-shadow:0 6px 16px -10px rgba(0,0,0,.25);}
.logo-chip img{max-height:100%; max-width:100%; object-fit:contain;}
.logo-img--fix{filter:invert(1) opacity(.8);}
.referentes__note{text-align:center; font-size:.8rem; color:var(--grey); margin-top:14px;}
@keyframes ribbon{from{transform:translateX(0);} to{transform:translateX(-50%);}}

/* ===== Pillars ===== */
.pillars{display:flex; flex-direction:column; gap:28px; margin-top:44px;}
.pillar{background:var(--cream); border-radius:var(--radius); padding:36px 40px; position:relative;}
.pillar__num{position:absolute; top:28px; right:36px; font-family:'Space Grotesk', sans-serif; font-size:2.4rem; font-weight:700; color:rgba(14,35,98,.1);}
.pillar h3{max-width:80%;}
.pillar p{max-width:640px; margin-bottom:24px;}
.pillar__note{font-size:.82rem; color:var(--grey); margin-top:14px;}
.demo{background:#fff; border-radius:12px; padding:24px; display:flex; gap:24px; flex-wrap:wrap; box-shadow:var(--shadow);}
.demo__note{font-size:.82rem; color:var(--grey); margin-top:14px;}

/* dashboard demo */
.demo--dashboard{flex-direction:column;}
.dash-grid{display:flex; gap:16px; flex-wrap:wrap;}
.dash-card{flex:1; min-width:130px; background:var(--cream); border-radius:10px; padding:16px;}
.dash-card__label{font-size:.78rem; color:var(--grey); margin-bottom:6px;}
.dash-card .stat__num{font-size:1.6rem;}
.dash-bars{display:flex; align-items:flex-end; gap:10px; height:100px; margin-top:20px;}
.dash-bars__bar{flex:1; height:2px; background:linear-gradient(180deg, var(--teal-bright), var(--teal)); border-radius:6px 6px 0 0; display:flex; align-items:flex-end; justify-content:center; position:relative; transition:height 1s cubic-bezier(.2,.8,.2,1);}
.dash-bars__bar span{position:absolute; bottom:-22px; font-size:.72rem; color:var(--grey);}
.demo.is-active .dash-bars__bar{height:var(--h);}
.dash-bars__bar:nth-child(1){transition-delay:.02s}
.dash-bars__bar:nth-child(2){transition-delay:.08s}
.dash-bars__bar:nth-child(3){transition-delay:.14s}
.dash-bars__bar:nth-child(4){transition-delay:.2s}
.dash-bars__bar:nth-child(5){transition-delay:.26s}
.dash-bars__bar:nth-child(6){transition-delay:.32s}
.dash-bars__bar:nth-child(7){transition-delay:.38s}

/* campaigns funnel */
.demo--campaigns{flex-direction:column;}
.funnel{display:flex; flex-direction:column; gap:10px;}
.funnel__step{width:0; background:linear-gradient(90deg, var(--navy), var(--teal-bright)); color:#fff; border-radius:8px; padding:10px 16px; display:flex; justify-content:space-between; font-size:.85rem; white-space:nowrap; overflow:hidden; transition:width 1.1s cubic-bezier(.2,.8,.2,1);}
.demo.is-active .funnel__step{width:var(--w);}
.funnel__step:nth-child(1){transition-delay:.05s}
.funnel__step:nth-child(2){transition-delay:.22s}
.funnel__step:nth-child(3){transition-delay:.39s}
.funnel__step:nth-child(4){transition-delay:.56s}

/* pipeline kanban */
.demo--pipeline{overflow-x:auto;}
.kanban{display:flex; gap:14px; min-width:560px;}
.kanban__col{flex:1; background:var(--cream); border-radius:10px; padding:12px;}
.kanban__title{font-size:.78rem; font-weight:600; color:var(--navy); margin-bottom:10px; text-transform:uppercase; letter-spacing:.03em;}
.kanban__card{background:#fff; border-radius:8px; padding:10px 12px; font-size:.82rem; margin-bottom:8px; box-shadow:0 4px 10px -6px rgba(0,0,0,.2); color:var(--ink); opacity:0; transform:translateY(10px); transition:opacity .5s ease, transform .5s ease;}
.kanban__card--warm{border-left:3px solid #dc9202;}
.kanban__card--won{border-left:3px solid var(--teal-bright);}
.demo.is-active .kanban__card{opacity:1; transform:translateY(0);}
.kanban__col:nth-child(1) .kanban__card{transition-delay:.05s}
.kanban__col:nth-child(2) .kanban__card{transition-delay:.2s}
.kanban__col:nth-child(3) .kanban__card{transition-delay:.35s}
.kanban__col:nth-child(4) .kanban__card{transition-delay:.5s}

/* contacts table */
.demo--contacts{overflow-x:auto;}
.contacts-table{width:100%; border-collapse:collapse; font-size:.85rem;}
.contacts-table th{text-align:left; color:var(--grey); font-weight:600; padding:8px 10px; border-bottom:2px solid var(--border); font-size:.75rem; text-transform:uppercase; letter-spacing:.03em;}
.contacts-table td{padding:10px; border-bottom:1px solid var(--border); color:var(--ink);}
.contacts-table tbody tr{opacity:0; transform:translateY(8px); transition:opacity .45s ease, transform .45s ease;}
.demo.is-active .contacts-table tbody tr{opacity:1; transform:translateY(0);}
.contacts-table tbody tr:nth-child(1){transition-delay:.05s}
.contacts-table tbody tr:nth-child(2){transition-delay:.18s}
.contacts-table tbody tr:nth-child(3){transition-delay:.31s}
.contacts-table tbody tr:nth-child(4){transition-delay:.44s}
.badge{font-size:.72rem; padding:4px 10px; border-radius:999px; font-weight:600;}
.badge--new{background:#e3eff0; color:var(--navy);}
.badge--mid{background:#fdf1d8; color:#a86a00;}
.badge--won{background:rgba(89,181,167,.18); color:#1a7d6c;}

/* api code block */
.demo--api{flex-direction:column;}
.code-block{background:var(--navy); border-radius:10px; overflow:hidden; width:100%;}
.code-block__bar{display:flex; align-items:center; gap:6px; padding:10px 14px; background:rgba(255,255,255,.06);}
.code-block__bar span{width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.25);}
.code-block__bar p{margin-left:10px; font-size:.78rem; color:rgba(255,255,255,.6); font-family:monospace;}
.code-block__body{margin:0; padding:18px; font-family:'SFMono-Regular', Consolas, monospace; font-size:.82rem; color:#9fe8d8; overflow-x:auto;}
.code-line{white-space:pre;}
.code-line{opacity:0; transform:translateX(-8px); transition:opacity .4s ease, transform .4s ease;}
.code-line--result{color:#7bdcb5; margin-top:8px;}
.demo.is-active .code-line{opacity:1; transform:translateX(0);}
.code-line:nth-child(1){transition-delay:.05s}
.code-line:nth-child(2){transition-delay:.15s}
.code-line:nth-child(3){transition-delay:.25s}
.code-line:nth-child(4){transition-delay:.35s}
.code-line:nth-child(5){transition-delay:.45s}
.code-line:nth-child(6){transition-delay:.55s}
.code-line:nth-child(7){transition-delay:.75s}
.code-cursor{display:inline-block; width:7px; height:14px; background:#7bdcb5; margin-left:6px; vertical-align:-2px; animation:blink 1s step-end infinite;}
@keyframes blink{50%{opacity:0;}}

/* chat demo */
.demo--chat{flex-direction:column;}
.demo__chat{width:100%; max-width:420px; margin:0 auto; border:1px solid var(--border); border-radius:12px; overflow:hidden;}
.demo__chat-head{background:var(--navy); color:#fff; padding:12px 16px; font-size:.85rem; font-weight:600; display:flex; align-items:center; justify-content:space-between;}
.demo__chat-body{padding:16px; display:flex; flex-direction:column; gap:10px; background:#fafbfb;}
.bubble{max-width:80%; padding:10px 14px; border-radius:14px; font-size:.85rem; opacity:0; transform:translateY(10px) scale(.97); transition:opacity .4s ease, transform .4s ease;}
.bubble--in{align-self:flex-start; background:#eef1f0; color:var(--ink); border-bottom-left-radius:4px;}
.bubble--out{align-self:flex-end; background:var(--teal-bright); color:#fff; border-bottom-right-radius:4px;}
.demo.is-active .bubble{opacity:1; transform:translateY(0) scale(1);}
.bubble:nth-child(1){transition-delay:.1s}
.bubble:nth-child(2){transition-delay:.6s}
.bubble:nth-child(3){transition-delay:1.3s}
.bubble:nth-child(4){transition-delay:1.8s}
.channels{display:flex; gap:10px; justify-content:center; margin-top:18px;}
.channel-chip{background:var(--cream); padding:6px 14px; border-radius:999px; font-size:.78rem; color:var(--navy); font-weight:500;}

/* sales team leaderboard */
.demo--sales-team{flex-direction:column;}
.leaderboard{display:flex; flex-direction:column; gap:14px;}
.leaderboard__row{display:grid; grid-template-columns:90px 1fr 44px; align-items:center; gap:12px;}
.leaderboard__name{font-size:.85rem; color:var(--ink); font-weight:500;}
.leaderboard__bar{height:8px; background:var(--border); border-radius:999px; overflow:hidden;}
.leaderboard__bar div{height:100%; width:0; background:linear-gradient(90deg, var(--teal), var(--teal-bright)); transition:width 1.2s cubic-bezier(.2,.8,.2,1);}
.demo.is-active .leaderboard__bar div{width:var(--w);}
.leaderboard__row:nth-child(1) .leaderboard__bar div{transition-delay:.1s}
.leaderboard__row:nth-child(2) .leaderboard__bar div{transition-delay:.28s}
.leaderboard__row:nth-child(3) .leaderboard__bar div{transition-delay:.46s}
.leaderboard__pct{font-size:.8rem; color:var(--navy); font-weight:600; text-align:right;}

/* call analysis */
.demo--calls{flex-direction:column;}
.call-analysis{width:100%;}
.waveform{display:flex; align-items:center; gap:4px; height:44px; margin-bottom:18px;}
.waveform span{flex:1; height:100%; background:var(--teal-bright); border-radius:3px; opacity:.85; transform-origin:center; transform:scaleY(.3); animation:wavePulse 1.1s ease-in-out infinite;}
.waveform span:nth-child(2n){animation-delay:.1s;}
.waveform span:nth-child(3n){animation-delay:.2s;}
.waveform span:nth-child(4n){animation-delay:.3s;}
.waveform span:nth-child(5n){animation-delay:.4s;}
@keyframes wavePulse{0%,100%{transform:scaleY(.3);} 50%{transform:scaleY(1);}}
.call-analysis__transcript p{font-size:.88rem; margin-bottom:8px; color:var(--ink); opacity:0; transform:translateY(6px); transition:opacity .4s ease, transform .4s ease;}
.demo.is-active .call-analysis__transcript p{opacity:1; transform:translateY(0);}
.call-analysis__transcript p:nth-child(1){transition-delay:.3s}
.call-analysis__transcript p:nth-child(2){transition-delay:.6s}
.highlight{padding:2px 8px; border-radius:6px; font-weight:600; font-size:.85rem;}
.highlight--objection{background:#fde3e3; color:#a52a2a;}
.highlight--positive{background:rgba(89,181,167,.2); color:#1a7d6c;}

/* woocommerce sync */
.demo--woo{flex-direction:column; align-items:center; text-align:center;}
.sync-flow{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px 20px; margin-bottom:6px;}
.sync-flow__node{background:var(--cream); padding:14px 22px; border-radius:10px; font-weight:600; color:var(--navy); font-size:.9rem; opacity:0; transform:scale(.92); transition:opacity .5s ease, transform .5s ease;}
.sync-flow__node--brand{background:var(--navy); color:#fff;}
.sync-flow__arrow{font-size:1.4rem; color:var(--teal-bright); display:inline-block; opacity:0; transition:opacity .3s ease;}
.demo.is-active .sync-flow__node{opacity:1; transform:scale(1);}
.demo.is-active .sync-flow__node--brand{transition-delay:.25s}
.demo.is-active .sync-flow__arrow{opacity:1; transition-delay:.15s; animation:syncPulse 1.4s ease-in-out .5s infinite;}
@keyframes syncPulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.3);}}

/* ===== Timeline ===== */
.timeline{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:20px; margin-top:44px;}
.timeline__item{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:24px;}
.timeline__month{display:inline-block; font-size:.78rem; font-weight:700; color:var(--teal); text-transform:uppercase; letter-spacing:.04em; margin-bottom:10px;}
.timeline__item h3{font-size:1.05rem;}
.timeline__item p{color:rgba(255,255,255,.75); font-size:.88rem;}
.timeline__item--highlight{background:var(--teal-bright); border-color:transparent; grid-column:1/-1; display:flex; align-items:center; gap:36px; flex-wrap:wrap;}
.timeline__item--highlight h3, .timeline__item--highlight .timeline__month{color:#fff;}
.timeline__item--highlight p{color:rgba(255,255,255,.9); margin:0; flex:1; min-width:260px;}
.timeline__highlight-head{flex:0 0 auto;}
.timeline__highlight-head h3{margin-bottom:0;}

/* ===== Charts ===== */
.chart-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:36px;}
.chart-card{background:var(--cream); border-radius:var(--radius); padding:24px; height:280px;}
.chart-card__title{font-size:.85rem; font-weight:600; color:var(--navy); margin-bottom:12px;}

/* ===== Offers ===== */
.offers{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px;}
.offers--single{grid-template-columns:1fr; max-width:520px; margin:40px auto 0;}
.offer-card{background:var(--cream); border-radius:var(--radius); padding:32px;}
.offer-card--highlight{background:var(--navy); color:#fff;}
.offer-card__label{font-weight:600; color:var(--navy); margin-bottom:18px; font-size:1rem;}
.offer-card--highlight .offer-card__label{color:#fff;}
.offer-card__items{list-style:none; display:flex; flex-direction:column; gap:10px; margin-bottom:20px;}
.offer-card__items li{display:flex; justify-content:space-between; font-size:.9rem; color:var(--ink); gap:16px;}
.offer-card--highlight .offer-card__items li{color:rgba(255,255,255,.85);}
.offer-card__strike{text-decoration:line-through; color:var(--grey); white-space:nowrap;}
.offer-card--highlight .offer-card__strike{color:rgba(255,255,255,.45);}
.offer-card__total{display:flex; align-items:baseline; justify-content:center; gap:12px; padding-top:16px; border-top:1px solid rgba(0,0,0,.1);}
.offer-card--highlight .offer-card__total{border-color:rgba(255,255,255,.18);}
.offer-card__total-strike{text-decoration:line-through; color:var(--grey); font-size:1rem;}
.offer-card--highlight .offer-card__total-strike{color:rgba(255,255,255,.45);}
.offer-card__total-price{font-family:'Space Grotesk', sans-serif; font-size:2.2rem; font-weight:700;}
.offer-card__per{font-size:1rem; font-weight:400;}
.offer-card__save{margin-top:10px; font-size:.85rem; color:var(--teal-bright); font-weight:600; text-align:center;}
.offer-card--highlight .offer-card__save{color:var(--teal);}
.pricing__note{margin-top:24px; max-width:680px; font-size:.95rem;}
.pricing__footnote{margin-top:10px; font-size:.85rem; color:var(--grey);}
.invest-breakdown{margin-top:48px; background:var(--cream); border-radius:var(--radius); padding:32px;}
.invest-breakdown__title{font-weight:600; color:var(--navy); margin-bottom:20px;}
.invest-breakdown__chart{height:260px;}

/* ===== CTA / Footer ===== */
.cta-row{display:flex; gap:16px; margin-top:8px; flex-wrap:wrap; justify-content:center;}
.btn{padding:14px 28px; border-radius:999px; font-weight:600; font-size:.95rem; display:inline-block;}
.btn--primary{background:var(--teal-bright); color:#fff;}
.btn--ghost{border:1px solid rgba(255,255,255,.3); color:#fff;}
.footer{padding:40px 24px; text-align:center; background:#fff;}
.footer__logo{height:26px; margin:0 auto 10px; filter:invert(1); opacity:.6;}
.footer p{font-size:.8rem;}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .brandboard, .about{grid-template-columns:1fr; text-align:center;}
  .brandboard__logo{max-width:220px; margin:0 auto;}
  .about__photo{max-width:200px; margin:0 auto;}
  .timeline{grid-template-columns:1fr 1fr;}
  .chart-grid, .offers, .comparison{grid-template-columns:1fr;}
  .checklist{grid-template-columns:1fr;}
  .nav__links{gap:14px; font-size:.82rem;}
}
@media (max-width: 600px){
  .timeline{grid-template-columns:1fr;}
  .pillar{padding:26px 22px;}
  .nav__links a:not(.nav__cta){display:none;}
}