:root{
  --ink:#241811;
  --ink-2:#33241A;
  --red:#C41E2E;
  --red-hot:#FF4A5C;
  --gold:#D89A2B;
  --gold-deep:#8A6A1F;
  --gold-soft:#F5E4C3;
  --cream:#FBF6EC;
  --cream-2:#F3E9D6;
  --line:rgba(36,24,17,.14);
  --muted:#645C52;
  --green:#1E7A4C;

  --flood:#8A6A1F;
  --flood-ink:#FFFFFF;
  --flood-soft:#F6EDDA;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:96px;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Newsreader',serif;font-size:22px;line-height:1.7;overflow-x:hidden;}
h1,h2,h3,h4,.eyebrow,nav,.btn,.chip{font-family:'Oswald',sans-serif;text-transform:uppercase;}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:1220px;margin:0 auto;padding:0 32px;}
button{font-family:inherit;cursor:pointer;}
.reveal{opacity:1;transform:none;}
@media (prefers-reduced-motion:no-preference){
  .reveal.pre{opacity:.001;transform:translateY(22px);}
  .reveal{transition:opacity .6s ease,transform .6s ease;}
}

/* NAV */
header{position:sticky;top:0;z-index:60;background:var(--cream);border-bottom:1px solid var(--line);}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 32px;max-width:1220px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:14px;}
.brand img{height:46px;}
.brand-text{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;letter-spacing:.03em;}
.brand-text b{color:var(--red);}
nav ul{list-style:none;display:flex;gap:30px;margin:0;padding:0;font-size:17px;font-weight:600;align-items:center;}
nav a{text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent;transition:.2s;}
nav a:hover,nav a.active{border-color:var(--red);color:var(--red);}
.nav-cta{background:var(--red);color:#fff !important;padding:13px 24px;font-size:15px;border-bottom:none !important;}
.nav-cta:hover{background:var(--ink);}
.nav-toggle{display:none;background:none;border:none;font-size:28px;color:var(--ink);}

/* HERO */
.hero{background:var(--gold-soft);color:var(--ink);padding:60px 0 0;position:relative;transition:background .7s ease;}
.hero.flooded{background:var(--flood-soft);}
.hero-grid{display:grid;grid-template-columns:1.05fr 400px;gap:56px;align-items:start;}
.hero .eyebrow{color:var(--red);font-size:16px;letter-spacing:.16em;margin:0 0 16px;}
.hero h1{font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:1.02;margin:0 0 12px;font-weight:700;color:var(--ink);}
.hero h1 em{color:var(--red);font-family:'Caveat',cursive;font-style:normal;text-transform:none;font-size:1.15em;display:inline-block;transform:rotate(-2deg);}
.hero .sub{font-size:1.3rem;color:var(--muted);max-width:50ch;margin:0 0 26px;}

/* beating pulse under headline */
.h-pulse{width:280px;height:30px;margin:0 0 26px;}
.h-pulse path{fill:none;stroke:var(--red-hot);stroke-width:3;stroke-linecap:round;stroke-dasharray:40 640;animation:hp 2.4s linear infinite;}
@keyframes hp{from{stroke-dashoffset:0}to{stroke-dashoffset:-680}}

/* stat strip */
.stats{display:flex;gap:40px;flex-wrap:wrap;margin:0 0 30px;}
.stat .sv{font-family:'Oswald',sans-serif;font-size:2.2rem;font-weight:700;color:var(--ink);line-height:1;}
.stat .sv em{color:var(--red);font-style:normal;}
.stat .sl{font-family:'Newsreader',serif;font-size:16.5px;color:var(--muted);margin-top:5px;}

.picker-label{font-family:'Oswald',sans-serif;font-size:15px;letter-spacing:.14em;color:var(--muted);margin:0 0 14px;text-transform:uppercase;}
.chips{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:30px;}
.chip{background:transparent;border:1.5px solid rgba(36,24,17,.35);color:var(--ink);padding:15px 22px;font-size:15.5px;font-weight:500;transition:.22s;}
.chip:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px);}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink);}
.answer{border-top:1px solid var(--line);padding:28px 0 56px;min-height:140px;}
.answer .ae{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.14em;color:var(--red);margin:0 0 10px;text-transform:uppercase;}
.answer h3{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 12px;color:var(--ink);line-height:1.18;font-weight:600;}
.answer p{font-size:1.15rem;color:var(--muted);max-width:60ch;margin:0 0 20px;}
.answer .idle{font-family:'Newsreader',serif;font-style:italic;color:var(--muted);font-size:1.15rem;}

.hero-live{position:sticky;top:96px;padding-bottom:56px;}
.live-tag{display:flex;align-items:center;gap:9px;font-family:'Oswald',sans-serif;font-size:13.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:13px;justify-content:center;}
.dot{width:8px;height:8px;border-radius:50%;background:#4ADE80;animation:blip 1.6s ease-in-out infinite;}
@keyframes blip{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.phone{background:#000;border-radius:34px;padding:11px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);}
.phone iframe{width:100%;height:640px;border:none;border-radius:24px;background:#fff;display:block;}
.phone-cap{text-align:center;font-family:'Newsreader',serif;font-style:italic;font-size:16px;color:var(--muted);margin-top:13px;}
.on-light .live-tag{color:var(--muted);}
.on-light .phone-cap{color:var(--muted);}

/* TICKER */
.ticker{background:var(--gold);color:var(--ink);padding:13px 0;overflow:hidden;white-space:nowrap;}
.ticker-track{display:inline-flex;animation:tick 30s linear infinite;}
.ticker-track span{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.12em;padding:0 24px;font-weight:600;}
.ticker-track span.d{opacity:.45;padding:0 4px;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SECTIONS */
section{padding:80px 0;}
.band{background:var(--cream-2);}
.gold-band{background:var(--gold-soft);}
.dark{background:var(--ink);color:#fff;}
.dark h2,.dark h3{color:#fff;}
.dark p{color:rgba(255,255,255,.8);}
.sec-head{max-width:720px;margin:0 0 44px;}
.sec-head .eyebrow{color:var(--red);font-size:16px;letter-spacing:.15em;margin:0 0 10px;}
.dark .sec-head .eyebrow{color:var(--gold);}
.sec-head h2{font-size:clamp(2rem,4vw,3.1rem);margin:0 0 16px;font-weight:600;line-height:1.05;}
.sec-head p{font-size:1.22rem;color:var(--muted);margin:0;}
.dark .sec-head p{color:rgba(255,255,255,.78);}

/* light interior page hero */
.page-hero-light{background:var(--gold-soft);padding:64px 0 54px;}
.page-hero-light .eyebrow{color:var(--red);font-size:16px;letter-spacing:.15em;margin:0 0 14px;}
.page-hero-light h1{font-size:clamp(2.3rem,5.2vw,4rem);margin:0 0 16px;line-height:1.02;font-weight:700;}
.page-hero-light p{font-size:1.26rem;color:var(--muted);max-width:58ch;margin:0;}

.btn{display:inline-block;padding:18px 32px;font-size:16px;font-weight:600;letter-spacing:.06em;text-decoration:none;border:none;transition:.2s;}
.btn-red{background:var(--red);color:#fff;}
.btn-red:hover{background:var(--red-hot);transform:translateY(-2px);}
.btn-gold{background:var(--gold);color:var(--ink);}
.btn-gold:hover{background:#e8ab3c;transform:translateY(-2px);}
.btn-line{border:1.5px solid var(--ink);color:var(--ink);background:transparent;}
.btn-line:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px);}
.btn-line-w{border:1.5px solid rgba(255,255,255,.45);color:#fff;background:transparent;}
.btn-line-w:hover{border-color:#fff;transform:translateY(-2px);}

/* QUOTE */
.pull-quote{max-width:760px;margin:0 auto;text-align:center;}
.pull-quote .q{font-family:'Caveat',cursive;font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.15;color:var(--ink);margin:0 0 18px;}
.pull-quote .q b{color:var(--red);font-weight:600;}
.pull-quote .who{font-family:'Oswald',sans-serif;font-size:15px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase;}

/* PROCESS TIMELINE */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:10px;}
.steps::before{content:"";position:absolute;top:26px;left:6%;right:6%;height:2px;background:var(--line);}
.step{padding:0 22px;position:relative;}
.step .day{width:52px;height:52px;border-radius:50%;background:var(--cream);border:2px solid var(--red);color:var(--red);font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative;z-index:1;}
.step h3{font-size:18.5px;margin:0 0 8px;font-weight:600;}
.step p{font-size:17.5px;color:var(--muted);margin:0;}
.speed-note{margin-top:38px;font-size:17.5px;color:var(--muted);font-style:italic;max-width:66ch;}

/* PROOF ROWS */
.proof{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center;padding:56px 0;border-bottom:1px solid var(--line);}
.proof:last-of-type{border-bottom:none;}
.proof.flip .p-copy{order:2;}
.proof.flip .p-live{order:1;}
.p-copy .n{font-family:'Caveat',cursive;font-size:3rem;color:var(--red);line-height:1;margin-bottom:6px;}
.p-copy h3{font-size:1.8rem;margin:0 0 12px;font-weight:600;line-height:1.15;}
.p-copy p{font-size:19px;color:var(--muted);margin:0 0 16px;max-width:52ch;}
.p-copy .tryline{font-family:'Oswald',sans-serif;font-size:14.5px;letter-spacing:.1em;color:var(--red);text-transform:uppercase;}
.p-live .phone{max-width:380px;}
.p-live .phone iframe{height:600px;}

/* VS */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);}
.vs-col{padding:38px;}
.vs-col:first-child{background:var(--cream-2);border-right:1px solid var(--line);}
.vs-col:last-child{background:var(--gold-soft);}
.vs-col h3{font-size:17px;letter-spacing:.05em;margin:0 0 20px;}
.vs-col:first-child h3{color:var(--muted);}
.vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:13px;}
.vs-col li{font-size:18.5px;padding-left:26px;position:relative;}
.vs-col:first-child li{color:var(--muted);}
.vs-col:first-child li::before{content:"✕";position:absolute;left:0;color:#B0A79B;font-family:'Oswald',sans-serif;}
.vs-col:last-child li::before{content:"✓";position:absolute;left:0;color:var(--green);font-family:'Oswald',sans-serif;font-weight:700;}
.vs-col:last-child li{font-weight:500;}

/* TIER TABLE */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;}
.tier{border:1.5px solid var(--line);background:var(--cream);padding:38px;display:flex;flex-direction:column;}
.tier.feat{border-color:var(--red);position:relative;box-shadow:0 26px 50px -30px rgba(196,30,46,.45);}
.tier .badge{position:absolute;top:-15px;left:34px;background:var(--red);color:#fff;font-family:'Oswald',sans-serif;font-size:11.5px;letter-spacing:.1em;padding:6px 14px;text-transform:uppercase;}
.tier .tn{font-family:'Oswald',sans-serif;font-size:15px;letter-spacing:.12em;color:var(--red);margin:0 0 8px;text-transform:uppercase;}
.tier h3{font-size:1.65rem;margin:0 0 10px;font-weight:600;}
.tier .tdesc{font-size:18.5px;color:var(--muted);margin:0 0 24px;}
.tier ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px;flex:1;}
.tier li{font-size:18px;padding-left:28px;position:relative;}
.tier li.yes::before{content:"✓";position:absolute;left:0;color:var(--green);font-family:'Oswald',sans-serif;font-weight:700;}
.tier li.no{color:#A79D90;}
.tier li.no::before{content:"—";position:absolute;left:0;color:#C4BAAC;font-family:'Oswald',sans-serif;}
.tier .btn{justify-self:start;align-self:flex-start;}

/* GRID */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border:1px solid var(--line);}
.gitem{background:var(--cream);padding:34px;transition:.2s;}
.gitem:hover{background:#fff;}
.gitem h3{font-size:20px;margin:0 0 12px;font-weight:600;}
.gitem ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.gitem li{font-size:18px;color:var(--muted);padding-left:20px;position:relative;}
.gitem li::before{content:"›";position:absolute;left:0;color:var(--red);font-weight:700;}

.big-note{font-size:1.45rem;line-height:1.5;max-width:62ch;}
.big-note b{color:var(--red);}

/* STAGE */
.stage{background:var(--flood);transition:background .7s ease;padding:0;}
.stage-inner{display:grid;grid-template-columns:330px 1fr;min-height:760px;}
.rail{background:rgba(0,0,0,.22);padding:34px 0;border-right:1px solid rgba(255,255,255,.1);}
.rail-label{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.14em;color:rgba(255,255,255,.5);padding:0 28px 16px;text-transform:uppercase;}
.rail-btn{display:block;width:100%;text-align:left;background:transparent;border:none;border-left:4px solid transparent;padding:17px 28px;color:rgba(255,255,255,.62);transition:.22s;}
.rail-btn:hover{background:rgba(255,255,255,.06);color:#fff;}
.rail-btn.on{background:rgba(255,255,255,.1);border-left-color:#fff;color:#fff;}
.rail-btn .rb-name{font-family:'Oswald',sans-serif;font-size:18px;font-weight:600;display:block;margin-bottom:3px;}
.rail-btn .rb-for{font-family:'Newsreader',serif;font-style:italic;font-size:16px;opacity:.72;display:block;line-height:1.35;}
.rail-btn .rb-kind{font-family:'Oswald',sans-serif;font-size:12.5px;letter-spacing:.12em;opacity:.6;display:block;margin-top:5px;text-transform:uppercase;}
.viewer{padding:38px 42px;color:#fff;}
.v-top{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px;flex-wrap:wrap;}
.v-kind{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.14em;color:rgba(255,255,255,.6);margin:0 0 8px;text-transform:uppercase;}
.v-top h3{font-size:1.95rem;margin:0 0 6px;font-weight:600;color:#fff;}
.v-client{font-family:'Newsreader',serif;font-style:italic;font-size:18px;color:rgba(255,255,255,.75);margin:0;}
.v-desc{font-size:19px;color:rgba(255,255,255,.82);max-width:58ch;margin:0 0 22px;}
.live-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:10px 18px;font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}
.viewer-body{display:grid;grid-template-columns:1fr 390px;gap:42px;align-items:start;}
.v-feats{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px;}
.v-feats li{font-size:18px;padding-left:20px;position:relative;color:rgba(255,255,255,.8);}
.v-feats li::before{content:"›";position:absolute;left:0;color:#fff;font-weight:700;}

/* CONTACT */
.c-grid{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start;}
.c-form{display:grid;gap:16px;}
.c-form input,.c-form textarea{width:100%;padding:17px 18px;background:#fff;border:1px solid var(--line);color:var(--ink);font-family:'Newsreader',serif;font-size:18.5px;}
.c-form label{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.08em;color:var(--muted);margin-bottom:5px;display:block;text-transform:uppercase;}
.c-side{margin-top:34px;padding-top:28px;border-top:1px solid var(--line);}
.c-side h3{font-size:13px;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;}
.c-side a{text-decoration:none;font-size:1.15rem;display:block;margin-bottom:20px;color:var(--ink);}
.c-side a:hover{color:var(--red);}

footer{padding:30px 0;border-top:1px solid var(--line);background:var(--cream);color:var(--muted);font-size:17px;}
.f-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.f-row b{color:var(--red);}

@media (max-width:960px){
  .hero-grid,.proof,.proof.flip,.vs,.grid-2,.tiers,.c-grid{grid-template-columns:1fr;}
  .proof.flip .p-copy,.proof.flip .p-live{order:0;}
  .hero-live{position:static;}
  .steps{grid-template-columns:1fr;gap:30px;}
  .steps::before{display:none;}
  .vs-col:first-child{border-right:none;border-bottom:1px solid var(--line);}
  .stage-inner{grid-template-columns:1fr;min-height:0;}
  .rail{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);display:flex;overflow-x:auto;padding:14px 0;}
  .rail-label{display:none;}
  .rail-btn{border-left:none;border-bottom:4px solid transparent;white-space:nowrap;width:auto;padding:12px 18px;}
  .rail-btn.on{border-left-color:transparent;border-bottom-color:#fff;}
  .rail-btn .rb-for,.rail-btn .rb-kind{display:none;}
  .viewer{padding:28px 20px;}
  .viewer-body{grid-template-columns:1fr;gap:28px;}
  nav ul{display:none;}
  .nav-toggle{display:block;}
  .stats{gap:26px;}
  body{font-size:22px;}
}

/* client quotes */
.v-quote{margin-top:26px;padding:20px 22px;background:rgba(255,255,255,.1);border-left:4px solid rgba(255,255,255,.55);}
.v-quote .vq-t{font-family:'Newsreader',serif;font-style:italic;font-size:19px;line-height:1.5;color:#fff;margin:0 0 10px;}
.v-quote .vq-w{font-family:'Oswald',sans-serif;font-size:13.5px;letter-spacing:.1em;color:rgba(255,255,255,.7);margin:0;text-transform:uppercase;}

.t-card{background:var(--cream);border:1px solid var(--line);border-left:5px solid var(--red);padding:30px 32px;}
.t-card .tq{font-family:'Newsreader',serif;font-style:italic;font-size:20.5px;line-height:1.55;margin:0 0 14px;}
.t-card .tw{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.1em;color:var(--muted);margin:0;text-transform:uppercase;}

/* light flood (Glimpses cream panel) */
.flood-light .rail{background:rgba(42,31,20,.06);border-right-color:rgba(42,31,20,.12);}
.flood-light .rail-label{color:rgba(42,31,20,.5);}
.flood-light .rail-btn{color:rgba(42,31,20,.6);}
.flood-light .rail-btn:hover{background:rgba(42,31,20,.05);color:#2A1F14;}
.flood-light .rail-btn.on{background:rgba(42,31,20,.08);border-left-color:#C41E2E;color:#2A1F14;}
.flood-light .viewer{color:#2A1F14;}
.flood-light .v-top h3{color:#2A1F14;}
.flood-light .v-kind{color:rgba(42,31,20,.55);}
.flood-light .v-client{color:rgba(42,31,20,.7);}
.flood-light .v-desc{color:rgba(42,31,20,.8);}
.flood-light .v-feats li{color:rgba(42,31,20,.78);}
.flood-light .v-feats li::before{color:#C41E2E;}
.flood-light .live-badge{background:rgba(42,31,20,.06);border-color:rgba(42,31,20,.3);color:#2A1F14;}
.flood-light .v-quote{background:rgba(42,31,20,.06);border-left-color:#C41E2E;}
.flood-light .v-quote .vq-t{color:#2A1F14;}
.flood-light .v-quote .vq-w{color:rgba(42,31,20,.6);}
.flood-light .btn-line-w{border-color:rgba(42,31,20,.45);color:#2A1F14;}
.flood-light .btn-line-w:hover{border-color:#2A1F14;}
.flood-light.hero .eyebrow,.flood-light.hero .answer .ae{color:#8A6A1F;}
.flood-light.hero h1,.flood-light.hero .answer h3{color:#2A1F14;}
.flood-light.hero h1 em{color:#C41E2E;}
.flood-light.hero .sub,.flood-light.hero .answer p{color:rgba(42,31,20,.78);}
.flood-light.hero .picker-label{color:rgba(42,31,20,.55);}
.flood-light.hero .chip{border-color:rgba(42,31,20,.35);color:rgba(42,31,20,.85);}
.flood-light.hero .chip:hover{border-color:#2A1F14;}
.flood-light.hero .chip.on{background:#2A1F14;color:#F6EDDA;border-color:#2A1F14;}
.flood-light.hero .answer{border-top-color:rgba(42,31,20,.16);}
.flood-light.hero .stats .sv{color:#2A1F14;}
.flood-light.hero .stats .sv em{color:#C41E2E;}
.flood-light.hero .stats .sl{color:rgba(42,31,20,.6);}
.flood-light.hero .live-tag{color:rgba(42,31,20,.7);}
.flood-light.hero .phone-cap{color:rgba(42,31,20,.6);}

/* Idea Spark */
.spark{background:var(--cream);border:1.5px solid var(--line);padding:26px 26px 28px;}
.sp-h{font-size:1.4rem;margin:0 0 6px;font-weight:600;}
.sp-sub{font-family:'Newsreader',serif;font-size:17px;color:var(--muted);margin:0 0 18px;}
.sp-label{font-family:'Oswald',sans-serif;font-size:13.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:0 0 9px;}
.sp-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.sp-chip{background:transparent;border:1.5px solid var(--line);color:var(--ink);padding:11px 16px;font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.04em;text-transform:uppercase;transition:.18s;}
.sp-chip:hover{border-color:var(--red);color:var(--red);}
.sp-chip.on{background:var(--red);border-color:var(--red);color:#fff;}
.sp-out{min-height:10px;}
.sp-card{margin-top:6px;border-top:2px solid var(--red);padding-top:16px;animation:spin-in .45s ease;}
@keyframes spin-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.sp-card .sc-k{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.12em;color:var(--red);text-transform:uppercase;margin:0 0 6px;}
.sp-card .sc-n{font-family:'Caveat',cursive;font-size:2.3rem;line-height:1.1;margin:0 0 10px;color:var(--ink);}
.sp-card ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px;}
.sp-card li{font-size:16.5px;color:var(--muted);padding-left:18px;position:relative;font-family:'Newsreader',serif;}
.sp-card li::before{content:"›";position:absolute;left:0;color:var(--red);font-weight:700;}
.sp-card .sc-note{font-size:15.5px;font-style:italic;color:var(--muted);margin:0;font-family:'Newsreader',serif;}

/* Lifecycle */
.cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line);}
.cy{background:var(--cream);padding:34px 28px;position:relative;transition:.2s;}
.cy:hover{background:#fff;}
.cy .cy-k{font-family:'Caveat',cursive;font-size:2.1rem;color:var(--red);line-height:1;margin:0 0 12px;display:block;}
.cy h3{font-size:17.5px;margin:0 0 10px;font-weight:600;letter-spacing:.03em;}
.cy p{font-size:17.5px;color:var(--muted);margin:0;font-family:'Newsreader',serif;}
.cy.last{background:var(--ink);}
.cy.last .cy-k{color:var(--gold);}
.cy.last h3{color:#fff;}
.cy.last p{color:rgba(255,255,255,.78);}
.cy.last:hover{background:var(--ink-2);}
@media (max-width:960px){.cycle{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.cycle{grid-template-columns:1fr;}}

.hero.flooded .eyebrow,.hero.flooded .answer .ae{color:var(--flood-strong,var(--red));}
.hero.flooded .chip.on{background:var(--flood-strong,var(--ink));border-color:var(--flood-strong,var(--ink));color:#fff;}

/* hero plate: dark anchor on light page */
.hero{padding-top:52px;}
.hero-plate{background:var(--plate,#241811);padding:44px 44px 8px;box-shadow:0 34px 70px -34px rgba(36,24,17,.55);transition:background .7s ease;}
.hero-plate .eyebrow{color:var(--gold);}
.hero-plate h1{color:#fff;}
.hero-plate h1 em{color:var(--gold);}
.hero-plate .sub{color:rgba(255,255,255,.82);}
.hero-plate .stat .sv{color:#fff;}
.hero-plate .stat .sv em{color:var(--gold);}
.hero-plate .stat .sl{color:rgba(255,255,255,.65);}
.hero-plate .picker-label{color:rgba(255,255,255,.55);}
.hero-plate .chip{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.92);}
.hero-plate .chip:hover{border-color:#fff;color:#fff;}
.hero-plate .chip.on{background:#fff;color:var(--plate,#241811);border-color:#fff;}
.hero-plate .answer{border-top-color:rgba(255,255,255,.16);}
.hero-plate .answer .ae{color:var(--gold);}
.hero-plate .answer h3{color:#fff;}
.hero-plate .answer p{color:rgba(255,255,255,.82);}
.hero-plate .answer .idle{color:rgba(255,255,255,.6);}
.hero.flooded .hero-plate{background:var(--plate);}
@media (max-width:960px){.hero-plate{padding:32px 24px 6px;margin:0 -8px;}}

.hero-plate .def{font-family:'Newsreader',serif;font-weight:600;font-size:1.35rem;color:#fff;max-width:52ch;margin:0 0 10px;}
.step .day{font-size:13px;line-height:1.05;text-align:center;padding:4px;}

.sp-cta{margin-top:8px;font-size:12.5px;padding:12px 20px;display:inline-block;}

/* mobile nav dropdown */
@media (max-width:960px){
  nav{position:relative;}
  header.nav-open nav ul{
    display:flex !important;flex-direction:column;gap:0;
    position:absolute;top:64px;right:0;left:0;
    background:var(--cream);border-bottom:2px solid var(--red);
    box-shadow:0 24px 40px -20px rgba(36,24,17,.35);
    padding:8px 0;z-index:70;
  }
  header.nav-open nav ul li{width:100%;}
  header.nav-open nav ul a{display:block;padding:16px 28px;border-bottom:1px solid var(--line);font-size:16px;}
  header.nav-open nav ul a.nav-cta{margin:12px 28px;text-align:center;border-bottom:none;}
}

.tier .price{margin:0 0 16px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.tier .price .amt{display:block;font-family:'Oswald',sans-serif;font-size:1.9rem;font-weight:700;color:var(--ink);}
.tier.feat .price .amt{color:var(--red);}
.tier .price .per{display:block;font-family:'Newsreader',serif;font-size:16.5px;color:var(--muted);margin-top:3px;}
.scale-note{margin-top:30px;font-size:17.5px;color:var(--muted);font-style:italic;max-width:70ch;}
.enterprise{margin-top:44px;border:1.5px solid var(--line);background:var(--cream);padding:32px 34px;}
.enterprise h3{font-size:1.4rem;margin:0 0 10px;font-weight:600;}
.enterprise p{font-size:18.5px;color:var(--muted);margin:0 0 20px;max-width:70ch;}