/* ============================================================
   CANAJ × Growth Proposal — Landing Page
   Brand-faithful, mobile-first, motion-rich, conversion-focused
   ============================================================ */

:root{
  /* Canaj brand palette extracted from canaj.al */
  --c-navy-900:#001442;
  --c-navy-800:#001a56;
  --c-navy-700:#0c1529;
  --c-navy-600:#172746;
  --c-navy-500:#0d294d;
  --c-blue-700:#002c8f;      /* Primary brand */
  --c-blue-500:#007ec4;
  --c-blue-400:#0d95e8;
  --c-blue-300:#3786ff;
  --c-cyan-300:#00d1f9;      /* Water highlight */
  --c-gold-500:#f1c734;
  --c-gold-400:#ffb83d;
  --c-green-500:#20a169;     /* Beltá juice */
  --c-orange-500:#ca4314;    /* PiuPiu */
  --c-burgundy-500:#8e3146;
  --c-mist-100:#e6ebeb;
  --c-mist-50:#f4f7fa;
  --c-white:#ffffff;
  --c-ink:#0c1529;
  --c-ink-soft:#3c4858;
  --c-ink-mute:#5d6475;
  --c-line:rgba(0,44,143,.10);
  --c-line-strong:rgba(0,44,143,.22);

  /* Gradients */
  --g-hero:linear-gradient(135deg,#001442 0%,#002c8f 45%,#0d95e8 100%);
  --g-cyan:linear-gradient(135deg,#0d95e8 0%,#00d1f9 100%);
  --g-gold:linear-gradient(135deg,#ffb83d 0%,#f1c734 100%);
  --g-glass:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);

  /* Type */
  --f-display:'Rubik','Segoe UI',system-ui,sans-serif;
  --f-body:'Open Sans','Segoe UI',system-ui,sans-serif;

  /* Space tokens */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem;
  --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem; --s-10:8rem;

  /* Radius + shadow */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px; --r-pill:999px;
  --sh-sm:0 2px 8px rgba(0,20,66,.06);
  --sh-md:0 10px 30px rgba(0,20,66,.10);
  --sh-lg:0 24px 60px rgba(0,20,66,.18);
  --sh-glow:0 0 60px rgba(0,209,249,.35);

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --t-fast:.18s; --t-base:.32s; --t-slow:.6s;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  overflow-x:hidden;
}
body{
  margin:0;
  font-family:var(--f-body);
  color:var(--c-ink);
  background:var(--c-white);
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4,h5{font-family:var(--f-display);line-height:1.15;margin:0;font-weight:600;letter-spacing:-.01em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

/* ---------- Layout ---------- */
.wrap{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 var(--s-5);
}
@media(min-width:768px){ .wrap{padding:0 var(--s-7)} }

/* ---------- Cursor blob (desktop only) ---------- */
.cursor-blob{
  position:fixed; left:0; top:0; width:280px; height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,209,249,.18) 0%,rgba(0,44,143,0) 60%);
  pointer-events:none; z-index:1;
  transform:translate(-50%,-50%); transition:transform .12s var(--ease);
  display:none;
}
@media(min-width:1024px) and (hover:hover){ .cursor-blob{display:block} }

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:var(--s-4) var(--s-5);
  background:rgba(0,20,66,.0); backdrop-filter:blur(0);
  transition:background var(--t-base) var(--ease), backdrop-filter var(--t-base) var(--ease),
             padding var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.nav.scrolled{
  background:rgba(0,20,66,.78);
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  padding:var(--s-3) var(--s-5);
  box-shadow:0 8px 24px rgba(0,20,66,.18);
}
.nav__brand{display:flex;align-items:center;gap:.7rem;color:#fff;min-width:0;flex:1;overflow:hidden}
.nav__brand img{height:30px;width:auto;flex-shrink:0;filter:brightness(0) invert(1)}
.nav__brand .x{opacity:.45;font-weight:300;flex-shrink:0}
.nav__brand strong{
  font-family:var(--f-display);font-weight:600;letter-spacing:.02em;
  font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
@media(min-width:520px){
  .nav__brand img{height:34px}
  .nav__brand strong{font-size:.92rem}
}
.nav__cta{
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:.6rem 1rem; border-radius:var(--r-pill);
  background:var(--g-gold); color:var(--c-navy-900); font-weight:600;
  font-size:.82rem; white-space:nowrap; flex-shrink:0;
  box-shadow:0 6px 18px rgba(241,199,52,.35);
  transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}
.nav__cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(241,199,52,.5)}
.nav__cta svg{width:14px;height:14px;flex-shrink:0}
.nav__cta .lbl-long{display:none}
@media(min-width:520px){
  .nav__cta .lbl-short{display:none}
  .nav__cta .lbl-long{display:inline}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;
  min-height:100svh; min-height:100vh;
  display:flex; align-items:center;
  padding:7rem 0 4rem;
  color:#fff;
  background:var(--g-hero);
  overflow:hidden;
  isolation:isolate;
}
.hero__bg{
  position:absolute; inset:0; z-index:-2;
  background:url('assets/hero-alps.jpg') center/cover no-repeat;
  opacity:.32;
  filter:contrast(1.05) saturate(.85);
  transform:scale(1.05);
}
.hero__veil{
  position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(80% 60% at 80% 0%, rgba(0,209,249,.35), transparent 60%),
    radial-gradient(60% 60% at 0% 100%, rgba(0,44,143,.6), transparent 60%),
    linear-gradient(180deg,rgba(0,20,66,.55) 0%,rgba(0,20,66,.85) 100%);
}
.hero__inner{position:relative;z-index:2}
.hero__pill{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.4rem .8rem; border-radius:var(--r-pill);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  font-size:.75rem; letter-spacing:.08em; text-transform:uppercase;
  font-weight:600; margin-bottom:var(--s-5);
  backdrop-filter:blur(8px);
}
.hero__pill .dot{
  width:7px;height:7px;border-radius:50%;background:var(--c-cyan-300);
  box-shadow:0 0 12px var(--c-cyan-300); animation:pulse 1.8s infinite;
}
.hero h1{
  font-size:clamp(2.1rem, 6.5vw, 4.6rem);
  font-weight:700; letter-spacing:-.02em; line-height:1.05;
  margin-bottom:var(--s-5);
}
.hero h1 .grad{
  background:var(--g-cyan); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.hero__sub{
  font-size:clamp(1rem,1.6vw,1.2rem);
  max-width:640px; color:rgba(255,255,255,.82);
  margin-bottom:var(--s-7);
}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.btn{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:1rem 1.5rem; border-radius:var(--r-pill);
  font-weight:600; font-size:.95rem;
  transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
  white-space:nowrap;
}
.btn--gold{background:var(--g-gold);color:var(--c-navy-900);box-shadow:0 10px 30px rgba(241,199,52,.4)}
.btn--gold:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(241,199,52,.55)}
.btn--ghost{
  background:rgba(255,255,255,.06); color:#fff;
  border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(8px);
}
.btn--ghost:hover{background:rgba(255,255,255,.12)}
.btn--blue{background:var(--g-cyan);color:var(--c-navy-900);box-shadow:var(--sh-glow)}
.btn--blue:hover{transform:translateY(-3px)}

.hero__strip{
  margin-top:var(--s-8);
  display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s-5);
  padding:var(--s-5);
  border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
}
@media(min-width:768px){
  .hero__strip{grid-template-columns:repeat(4,1fr);padding:var(--s-6)}
}
.hero__stat .k{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.4rem,2.6vw,2rem);
  background:var(--g-cyan); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero__stat .v{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:.25rem}

.hero__scroll{
  position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%);
  font-size:.7rem; letter-spacing:.3em; color:rgba(255,255,255,.55);
  text-transform:uppercase; text-align:center;
}
.hero__scroll .line{
  width:1px;height:32px;background:rgba(255,255,255,.5);margin:.5rem auto 0;
  animation:scrollHint 1.6s infinite var(--ease);
  transform-origin:top;
}

/* floating ripples */
.ripple{position:absolute;border:1px solid rgba(0,209,249,.25);border-radius:50%;pointer-events:none;z-index:-1}
.ripple--1{width:280px;height:280px;top:-80px;right:-60px;animation:float 14s infinite ease-in-out}
.ripple--2{width:480px;height:480px;bottom:-180px;left:-120px;animation:float 18s infinite ease-in-out reverse}

/* ============================================================
   SECTION SCAFFOLD
   ============================================================ */
section{padding:var(--s-9) 0;position:relative}
@media(min-width:768px){section{padding:var(--s-10) 0}}
.section__eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--c-blue-700);font-weight:700;
  margin-bottom:var(--s-4);
}
.section__eyebrow::before{content:"";width:24px;height:2px;background:var(--c-blue-700)}
.section__title{
  font-size:clamp(1.7rem,4.2vw,3rem);
  font-weight:700; letter-spacing:-.02em; line-height:1.1;
  color:var(--c-navy-700); margin-bottom:var(--s-4); max-width:760px;
}
.section__title .grad{
  background:linear-gradient(135deg,#002c8f 0%,#0d95e8 50%,#00d1f9 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.section__lead{font-size:1.1rem;color:var(--c-ink-soft);max-width:680px;margin-bottom:var(--s-7)}

/* ============================================================
   RECIPROCITY (we did the work)
   ============================================================ */
.recip{background:var(--c-mist-50)}
.recip__grid{
  display:grid;grid-template-columns:1fr;gap:var(--s-4);
}
@media(min-width:640px){.recip__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.recip__grid{grid-template-columns:repeat(4,1fr)}}
.recip__card{
  background:#fff;border-radius:var(--r-lg);padding:var(--s-5);
  border:1px solid var(--c-line);box-shadow:var(--sh-sm);
  transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
  position:relative; overflow:hidden;
}
.recip__card:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.recip__card .ico{
  width:42px;height:42px;border-radius:var(--r-md);
  background:var(--g-cyan); display:grid;place-items:center;color:var(--c-navy-900);
  margin-bottom:var(--s-3);
}
.recip__card h4{font-size:1.05rem;color:var(--c-navy-700);margin-bottom:.3rem}
.recip__card p{font-size:.9rem;color:var(--c-ink-mute)}
.recip__card .corner{
  position:absolute; top:-30px; right:-30px; width:80px; height:80px;
  background:radial-gradient(circle,rgba(0,209,249,.12),transparent 70%);
  border-radius:50%;
}

.recip__note{
  margin-top:var(--s-6); padding:var(--s-5); border-radius:var(--r-lg);
  background:#fff; border:1px dashed var(--c-line-strong);
  color:var(--c-ink-soft); font-size:.92rem; text-align:center;
}
.recip__note strong{color:var(--c-navy-700)}

/* ============================================================
   MIRROR (who you are)
   ============================================================ */
.mirror{background:#fff}
.mirror__shell{
  display:grid;grid-template-columns:1fr;gap:var(--s-7);align-items:center;
}
@media(min-width:900px){.mirror__shell{grid-template-columns:1.05fr 1fr}}
.mirror__art{
  position:relative; border-radius:var(--r-xl); overflow:hidden;
  aspect-ratio:4/5; box-shadow:var(--sh-lg);
  background:url('assets/mountains.jpg') center/cover no-repeat;
}
.mirror__art::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,20,66,0) 0%,rgba(0,20,66,.75) 100%);
}
.mirror__art .badge{
  position:absolute; left:1rem; top:1rem; z-index:2;
  background:rgba(255,255,255,.94); color:var(--c-navy-700);
  padding:.5rem .8rem; border-radius:var(--r-pill); font-weight:700; font-size:.72rem;
  letter-spacing:.1em;
}
.mirror__art .marker{
  position:absolute; left:1rem; bottom:1rem; right:1rem; z-index:2;
  color:#fff;
}
.mirror__art .marker .k{font-family:var(--f-display);font-size:1.8rem;font-weight:700}
.mirror__art .marker .v{opacity:.85;font-size:.85rem;margin-top:.15rem}

.mirror__list{display:grid;grid-template-columns:1fr;gap:var(--s-3)}
@media(min-width:520px){.mirror__list{grid-template-columns:repeat(2,1fr)}}
.mirror__row{
  background:var(--c-mist-50); border:1px solid var(--c-line);
  border-radius:var(--r-md); padding:var(--s-4);
}
.mirror__row .lbl{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-blue-700);font-weight:700}
.mirror__row .val{font-size:.95rem;color:var(--c-navy-700);margin-top:.25rem;font-weight:500}

/* ============================================================
   GAP (loss aversion)
   ============================================================ */
.gap{background:linear-gradient(180deg,#fff 0%,#f4f7fa 100%)}
.gap__grid{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
@media(min-width:640px){.gap__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.gap__grid{grid-template-columns:repeat(3,1fr)}}
.gap__card{
  background:#fff;border-radius:var(--r-lg);padding:var(--s-5);
  border:1px solid var(--c-line); position:relative;
  transition:transform var(--t-base) var(--ease);
}
.gap__card:hover{transform:translateY(-4px)}
.gap__card .x{
  position:absolute;top:1rem;right:1rem;
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(202,67,20,.10); color:var(--c-orange-500);
  font-size:1.1rem; font-weight:700;
}
.gap__card h4{font-size:1.05rem;color:var(--c-navy-700);margin-bottom:.5rem;padding-right:42px}
.gap__card p{font-size:.92rem;color:var(--c-ink-mute)}
.gap__card .cost{
  margin-top:var(--s-4); padding-top:var(--s-3); border-top:1px dashed var(--c-line);
  font-size:.82rem; color:var(--c-orange-500); font-weight:600;
}

/* ============================================================
   WINDOW (urgency / market timing)
   ============================================================ */
.window{
  background:var(--c-navy-700); color:#fff; position:relative; overflow:hidden;
}
.window::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(50% 50% at 100% 0%, rgba(0,209,249,.18), transparent 60%),
    radial-gradient(40% 40% at 0% 100%, rgba(0,44,143,.45), transparent 60%);
  pointer-events:none;
}
.window .section__title{color:#fff}
.window .section__title .grad{
  background:linear-gradient(135deg,#00d1f9 0%, #ffb83d 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.window .section__lead{color:rgba(255,255,255,.78)}
.window__grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4);
  position:relative;z-index:1;
}
@media(min-width:768px){.window__grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.window__grid{grid-template-columns:repeat(6,1fr)}}
.window__stat{
  padding:var(--s-5); border-radius:var(--r-lg);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.window__stat:hover{transform:translateY(-4px);background:rgba(255,255,255,.07)}
.window__stat .k{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.6rem,3vw,2.2rem); line-height:1;
  background:var(--g-cyan); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.window__stat .v{margin-top:.5rem;font-size:.78rem;color:rgba(255,255,255,.7);line-height:1.4;letter-spacing:.04em}

.window__band{
  margin-top:var(--s-7); padding:var(--s-5);
  border-radius:var(--r-lg);
  background:linear-gradient(135deg,rgba(255,184,61,.18),rgba(0,209,249,.18));
  border:1px solid rgba(255,184,61,.25);
  display:flex;flex-direction:column;gap:var(--s-3);
  position:relative;z-index:1;
}
@media(min-width:768px){.window__band{flex-direction:row;align-items:center;justify-content:space-between}}
.window__band p{font-size:1.05rem;color:#fff;font-weight:500;max-width:720px}
.window__band p strong{background:var(--g-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ============================================================
   COMPETITORS
   ============================================================ */
.bench{background:#fff}
.bench__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--s-5));padding:0 var(--s-5)}
.bench__table{
  width:100%; min-width:680px;
  border-collapse:separate; border-spacing:0;
  background:#fff; border-radius:var(--r-lg);
  overflow:hidden; border:1px solid var(--c-line);
}
.bench__table th, .bench__table td{
  padding:1rem 1.1rem; text-align:left; font-size:.92rem;
  border-bottom:1px solid var(--c-line);
}
.bench__table th{
  background:var(--c-mist-50); color:var(--c-navy-700);
  font-weight:700; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase;
}
.bench__table tr.you{
  background:linear-gradient(90deg,rgba(0,44,143,.06),rgba(0,209,249,.10));
}
.bench__table tr.you td{font-weight:600;color:var(--c-navy-700);border-bottom:0}
.bench__table tr.you td:first-child{position:relative}
.bench__table tr.you td:first-child::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--c-cyan-300);
}
.bench__tag{
  display:inline-block;padding:.18rem .55rem;border-radius:var(--r-pill);
  font-size:.7rem; font-weight:700; letter-spacing:.04em;
}
.bench__tag--ok{background:rgba(32,161,105,.12);color:var(--c-green-500)}
.bench__tag--bad{background:rgba(202,67,20,.12);color:var(--c-orange-500)}
.bench__tag--star{background:var(--g-gold);color:var(--c-navy-900)}

.bench__cap{
  margin-top:var(--s-5); padding:var(--s-5);
  background:var(--c-mist-50); border-left:3px solid var(--c-cyan-300);
  border-radius:var(--r-md); font-size:1.05rem; color:var(--c-navy-700);
  font-weight:500;
}
.bench__cap strong{color:var(--c-blue-700)}

/* ============================================================
   PILLARS
   ============================================================ */
.pillars{background:linear-gradient(180deg,#f4f7fa 0%,#fff 100%)}
.pillars__grid{
  display:grid;grid-template-columns:1fr;gap:var(--s-4);
}
@media(min-width:640px){.pillars__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.pillars__grid{grid-template-columns:repeat(3,1fr)}}
.pillar{
  position:relative; padding:var(--s-6) var(--s-5); border-radius:var(--r-lg);
  background:#fff; border:1px solid var(--c-line);
  overflow:hidden; transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
  isolation:isolate;
}
.pillar::after{
  content:""; position:absolute; inset:auto -40% -60% auto;
  width:180px; height:180px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,209,249,.22), transparent 65%);
  z-index:-1; transition:transform var(--t-slow) var(--ease);
}
.pillar:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.pillar:hover::after{transform:scale(1.5)}
.pillar .num{
  font-family:var(--f-display); font-weight:700;
  font-size:2.4rem;
  background:var(--g-cyan); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1; margin-bottom:var(--s-3);
}
.pillar h3{font-size:1.15rem;color:var(--c-navy-700);margin-bottom:.5rem}
.pillar p{font-size:.92rem;color:var(--c-ink-mute);margin-bottom:var(--s-4)}
.pillar .kpi{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.35rem .7rem; border-radius:var(--r-pill);
  background:rgba(0,44,143,.06); color:var(--c-blue-700);
  font-size:.78rem; font-weight:600;
}
.pillar .kpi svg{width:12px;height:12px}

/* ============================================================
   90-DAY TIMELINE
   ============================================================ */
.sprint{background:#fff}
.sprint__wrap{position:relative}
.sprint__rail{
  position:absolute; left:18px; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg,var(--c-cyan-300),var(--c-blue-700) 50%,var(--c-navy-700));
  border-radius:2px;
}
@media(min-width:900px){
  .sprint__rail{left:50%; transform:translateX(-50%)}
}
.sprint__step{
  position:relative; padding-left:56px; margin-bottom:var(--s-7);
}
@media(min-width:900px){
  .sprint__step{
    padding-left:0; width:50%; padding-right:48px;
  }
  .sprint__step:nth-child(even){margin-left:50%; padding-right:0; padding-left:48px; text-align:left}
}
.sprint__node{
  position:absolute; left:0; top:0;
  width:38px; height:38px; border-radius:50%;
  background:var(--c-white); border:2px solid var(--c-cyan-300);
  display:grid; place-items:center; color:var(--c-navy-700);
  font-family:var(--f-display); font-weight:700; font-size:.85rem;
  box-shadow:0 0 0 6px rgba(0,209,249,.12);
  z-index:1;
}
@media(min-width:900px){
  .sprint__node{left:auto; right:-19px; top:18px}
  .sprint__step:nth-child(even) .sprint__node{left:-19px; right:auto}
}
.sprint__card{
  background:var(--c-mist-50); border:1px solid var(--c-line);
  border-radius:var(--r-lg); padding:var(--s-5);
  transition:transform var(--t-base) var(--ease);
}
.sprint__card:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--sh-sm)}
.sprint__card .when{
  font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--c-blue-700); font-weight:700;
}
.sprint__card h4{font-size:1.1rem;color:var(--c-navy-700);margin:.4rem 0 .5rem}
.sprint__card ul{display:flex;flex-direction:column;gap:.5rem;margin-top:.7rem}
.sprint__card li{
  position:relative; padding-left:1.3rem; font-size:.9rem; color:var(--c-ink-soft); line-height:1.5;
}
.sprint__card li::before{
  content:""; position:absolute; left:0; top:.55rem;
  width:14px; height:2px; background:var(--c-cyan-300);
}

/* ============================================================
   KPI TARGETS (big numbers)
   ============================================================ */
.kpi{
  background:var(--g-hero); color:#fff; position:relative; overflow:hidden;
}
.kpi::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(40% 60% at 100% 100%, rgba(255,184,61,.2), transparent 60%),
    radial-gradient(50% 50% at 0% 0%, rgba(0,209,249,.18), transparent 60%);
}
.kpi .section__title{color:#fff}
.kpi .section__lead{color:rgba(255,255,255,.78)}
.kpi__grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4);
  position:relative;z-index:1;
}
@media(min-width:640px){.kpi__grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.kpi__grid{grid-template-columns:repeat(4,1fr)}}
.kpi__card{
  padding:var(--s-5); border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px);
}
.kpi__card .k{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.8rem,4vw,2.6rem); line-height:1;
  background:linear-gradient(135deg,#ffb83d 0%, #00d1f9 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.kpi__card .v{font-size:.88rem;color:rgba(255,255,255,.78);margin-top:.6rem;line-height:1.4}

/* ============================================================
   PRICING / OPTIONS
   ============================================================ */
.invest{background:var(--c-mist-50)}
.invest__grid{
  display:grid; gap:var(--s-5);
  grid-template-columns:1fr;
}
@media(min-width:900px){.invest__grid{grid-template-columns:repeat(3,1fr)}}
.invest__card{
  background:#fff; border:1px solid var(--c-line);
  border-radius:var(--r-xl); padding:var(--s-6);
  display:flex; flex-direction:column; gap:var(--s-3);
  position:relative; transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.invest__card:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.invest__card.featured{
  background:var(--g-hero); color:#fff;
  border:0; box-shadow:var(--sh-lg);
  transform:translateY(-8px);
}
.invest__card.featured:hover{transform:translateY(-12px)}
.invest__card .tier{
  font-family:var(--f-display); font-weight:700; font-size:.78rem;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--c-blue-700);
}
.invest__card.featured .tier{color:var(--c-gold-500)}
.invest__card .ribbon{
  position:absolute; top:-12px; right:24px;
  background:var(--g-gold); color:var(--c-navy-900);
  padding:.3rem .7rem; border-radius:var(--r-pill);
  font-size:.7rem; font-weight:700; letter-spacing:.06em;
  box-shadow:var(--sh-md);
}
.invest__card h3{
  font-size:1.4rem; color:var(--c-navy-700);
}
.invest__card.featured h3{color:#fff}
.invest__card .price{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.4rem,2.6vw,1.8rem); color:var(--c-navy-700);
  border-top:1px dashed var(--c-line); padding-top:var(--s-3);
}
.invest__card .price small{font-size:.78rem;color:var(--c-ink-mute);font-weight:400;display:block;margin-top:.2rem}
.invest__card.featured .price{color:#fff;border-top-color:rgba(255,255,255,.15)}
.invest__card.featured .price small{color:rgba(255,255,255,.7)}
.invest__card ul{display:flex;flex-direction:column;gap:.55rem;margin:var(--s-2) 0}
.invest__card li{
  position:relative; padding-left:1.5rem; font-size:.92rem; color:var(--c-ink-soft);
  line-height:1.5;
}
.invest__card.featured li{color:rgba(255,255,255,.85)}
.invest__card li::before{
  content:""; position:absolute; left:0; top:.5rem; width:10px; height:10px;
  border-radius:50%; background:var(--g-cyan);
}
.invest__card.featured li::before{background:var(--g-gold)}
.invest__card .btn{align-self:flex-start;margin-top:auto}

/* ============================================================
   BONUS STACK (fast-action)
   ============================================================ */
.bonus{background:#fff}
.bonus__band{
  border-radius:var(--r-xl);
  background:
    radial-gradient(60% 80% at 100% 0%, rgba(255,184,61,.18), transparent 60%),
    radial-gradient(60% 80% at 0% 100%, rgba(0,209,249,.14), transparent 60%),
    var(--c-navy-700);
  color:#fff;
  padding:var(--s-7) var(--s-6);
  position:relative; overflow:hidden;
}
.bonus__band::before{
  content:"7-DAY DECISION BONUS";
  position:absolute; top:14px; right:18px;
  font-size:.7rem; letter-spacing:.18em; font-weight:700;
  color:var(--c-gold-500);
}
.bonus__band h3{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:var(--s-4);max-width:680px}
.bonus__band h3 .g{background:var(--g-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bonus__band p.lead{color:rgba(255,255,255,.8);max-width:640px;margin-bottom:var(--s-5)}
.bonus__list{
  display:grid;grid-template-columns:1fr;gap:var(--s-3);
}
@media(min-width:768px){.bonus__list{grid-template-columns:repeat(2,1fr)}}
.bonus__item{
  display:flex; align-items:flex-start; gap:.8rem;
  padding:var(--s-4);
  border-radius:var(--r-md);
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
}
.bonus__item .ico{
  width:32px;height:32px;border-radius:8px;flex-shrink:0;
  background:var(--g-gold);color:var(--c-navy-900);
  display:grid;place-items:center;font-weight:700;font-size:.85rem;
}
.bonus__item h5{font-size:.98rem;color:#fff;margin-bottom:.2rem}
.bonus__item p{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.45}

/* ============================================================
   RISK REVERSAL
   ============================================================ */
.risk{background:linear-gradient(180deg,#fff 0%, var(--c-mist-50) 100%)}
.risk__grid{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
@media(min-width:640px){.risk__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.risk__grid{grid-template-columns:repeat(4,1fr)}}
.risk__card{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:var(--s-5); position:relative;
  transition:transform var(--t-base) var(--ease);
}
.risk__card:hover{transform:translateY(-4px)}
.risk__card .seal{
  width:40px;height:40px;border-radius:50%;
  background:var(--g-cyan);display:grid;place-items:center;
  color:var(--c-navy-900); margin-bottom:var(--s-3);
}
.risk__card h4{font-size:1rem;color:var(--c-navy-700);margin-bottom:.4rem}
.risk__card p{font-size:.88rem;color:var(--c-ink-mute);line-height:1.5}

/* ============================================================
   FAQ
   ============================================================ */
.faq{background:#fff}
.faq__list{display:flex;flex-direction:column;gap:var(--s-3);max-width:820px;margin:0 auto}
.faq__item{
  background:var(--c-mist-50); border:1px solid var(--c-line);
  border-radius:var(--r-lg); overflow:hidden;
  transition:background var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.faq__item[open]{background:#fff;border-color:var(--c-line-strong);box-shadow:var(--sh-sm)}
.faq__item summary{
  list-style:none; cursor:pointer; padding:var(--s-4) var(--s-5);
  display:flex; align-items:center; justify-content:space-between; gap:var(--s-3);
  font-weight:600; color:var(--c-navy-700);
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{
  content:"+"; font-family:var(--f-display); font-size:1.6rem; color:var(--c-blue-700);
  transition:transform var(--t-base) var(--ease); line-height:.6;
}
.faq__item[open] summary::after{content:"−"}
.faq__item .body{padding:0 var(--s-5) var(--s-5);color:var(--c-ink-soft);font-size:.95rem;line-height:1.6}

/* ============================================================
   FINAL CTA
   ============================================================ */
.final{
  background:var(--g-hero); color:#fff;
  position:relative; overflow:hidden;
  padding:var(--s-10) 0;
}
.final::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(40% 50% at 100% 0%, rgba(255,184,61,.22), transparent 60%),
    radial-gradient(40% 50% at 0% 100%, rgba(0,209,249,.24), transparent 60%);
}
.final__inner{position:relative;z-index:1;text-align:center;max-width:780px;margin:0 auto}
.final__eye{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.4rem .9rem; border-radius:var(--r-pill);
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700;
  margin-bottom:var(--s-5);
}
.final h2{
  font-size:clamp(2rem,5.5vw,3.6rem); font-weight:700;
  letter-spacing:-.02em; line-height:1.05; margin-bottom:var(--s-5);
}
.final h2 .grad{
  background:linear-gradient(135deg,#ffb83d 0%,#00d1f9 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.final p{font-size:1.1rem;color:rgba(255,255,255,.85);margin-bottom:var(--s-7)}
.final__row{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center}
.final__meta{
  margin-top:var(--s-7);
  display:flex;flex-direction:column;gap:var(--s-2);
  font-size:.85rem;color:rgba(255,255,255,.7);
}
@media(min-width:640px){.final__meta{flex-direction:row;justify-content:center;gap:var(--s-5)}}
.final__meta a{color:#fff;font-weight:600;border-bottom:1px dashed rgba(255,255,255,.4)}

/* ============================================================
   FOOTER
   ============================================================ */
.foot{
  background:var(--c-navy-900); color:rgba(255,255,255,.65);
  padding:var(--s-7) 0; font-size:.82rem; text-align:center;
}
.foot__row{display:flex;flex-direction:column;gap:.5rem;align-items:center}
.foot a{color:#fff;border-bottom:1px dashed rgba(255,255,255,.4)}
.foot small{display:block;opacity:.6;margin-top:.4rem}

/* ============================================================
   STICKY MOBILE CTA
   ============================================================ */
.sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  display:flex; align-items:center; justify-content:space-between;
  padding:.75rem 1rem;
  background:rgba(0,20,66,.94); backdrop-filter:blur(14px);
  border-top:1px solid rgba(255,255,255,.1);
  color:#fff;
  transform:translateY(120%); transition:transform var(--t-base) var(--ease);
}
.sticky-cta.visible{transform:translateY(0)}
.sticky-cta__title{font-size:.78rem;line-height:1.2;color:rgba(255,255,255,.85);max-width:62%}
.sticky-cta__title strong{color:#fff;display:block;font-size:.92rem;font-weight:700}
.sticky-cta .btn{padding:.7rem 1rem;font-size:.85rem}
@media(min-width:900px){ .sticky-cta{display:none} }
body{padding-bottom:0}
@media(max-width:899px){body{padding-bottom:74px}}

/* ============================================================
   FLOATING WHATSAPP
   ============================================================ */
.wa-float{
  position:fixed; bottom:88px; right:14px; z-index:55;
  width:54px; height:54px; border-radius:50%;
  background:#25D366; color:#fff;
  display:grid; place-items:center;
  box-shadow:0 12px 28px rgba(37,211,102,.45);
  transition:transform var(--t-base) var(--ease);
}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px}
@media(min-width:900px){.wa-float{bottom:24px;right:24px}}

/* ============================================================
   REVEAL ANIMATION
   ============================================================ */
.reveal{opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease)}
.reveal.in{opacity:1; transform:none}
.reveal[data-d="1"]{transition-delay:.08s}
.reveal[data-d="2"]{transition-delay:.16s}
.reveal[data-d="3"]{transition-delay:.24s}
.reveal[data-d="4"]{transition-delay:.32s}
.reveal[data-d="5"]{transition-delay:.4s}
.reveal[data-d="6"]{transition-delay:.48s}

/* ---------- Keyframes ---------- */
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.4;transform:scale(1.6)}
}
@keyframes float{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(20px,-30px,0) rotate(8deg)}
}
@keyframes scrollHint{
  0%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important}
  .reveal{opacity:1; transform:none}
  .cursor-blob{display:none}
}

/* ---------- Selection ---------- */
::selection{background:var(--c-cyan-300);color:var(--c-navy-900)}

/* ============================================================
   v1.1 ADDITIONS
   ============================================================ */

/* TL;DR band */
.tldr{ background:#fff; padding:var(--s-8) 0; }
@media(min-width:768px){ .tldr{ padding:var(--s-9) 0; } }
.tldr__band{
  background:linear-gradient(135deg, var(--c-navy-900) 0%, var(--c-blue-700) 60%, var(--c-blue-400) 100%);
  color:#fff; border-radius:var(--r-xl);
  padding:var(--s-6) var(--s-5);
  position:relative; overflow:hidden;
  box-shadow:var(--sh-lg);
}
@media(min-width:768px){ .tldr__band{ padding:var(--s-8); } }
.tldr__band::before{
  content:""; position:absolute; inset:auto -10% -50% auto;
  width:480px; height:480px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,209,249,.28), transparent 65%);
  pointer-events:none;
}
.tldr__eye{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.7rem; letter-spacing:.22em; text-transform:uppercase; font-weight:700;
  color:var(--c-cyan-300); margin-bottom:var(--s-4);
}
.tldr__h{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.5rem, 3.4vw, 2.4rem); line-height:1.15; letter-spacing:-.01em;
  color:#fff; margin-bottom:var(--s-5); max-width:880px; position:relative; z-index:1;
}
.tldr__h .grad{
  background:linear-gradient(135deg, var(--c-cyan-300) 0%, var(--c-gold-400) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.tldr__p{
  font-size:clamp(.95rem,1.1vw,1.05rem); line-height:1.7;
  color:rgba(255,255,255,.86); max-width:820px; position:relative; z-index:1;
}
.tldr__p strong{ color:var(--c-gold-400); }
.tldr__chips{
  display:flex; flex-wrap:wrap; gap:var(--s-2); margin-top:var(--s-5);
  position:relative; z-index:1;
}
.tldr__chip{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  padding:.45rem .8rem; border-radius:var(--r-pill);
  font-size:.75rem; font-weight:600; color:#fff;
  backdrop-filter:blur(8px);
}

/* Mirror note */
.mirror__note{
  margin-top:var(--s-6); padding:var(--s-5);
  background:var(--c-mist-50); border-left:3px solid var(--c-blue-700);
  border-radius:var(--r-md); font-size:1.02rem; color:var(--c-navy-700);
  line-height:1.6;
}
.mirror__note strong{ color:var(--c-blue-700); }

/* Missing entirely */
.missing{ background:var(--c-navy-700); color:#fff; position:relative; overflow:hidden; }
.missing::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(45% 60% at 100% 0%, rgba(255,184,61,.16), transparent 60%),
    radial-gradient(45% 60% at 0% 100%, rgba(0,209,249,.14), transparent 60%);
  pointer-events:none;
}
.missing .section__title{ color:#fff; }
.missing .section__title .grad{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.missing .section__lead{ color:rgba(255,255,255,.78); }
.missing__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-4);
  position:relative; z-index:1;
}
@media(min-width:640px){ .missing__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .missing__grid{ grid-template-columns:repeat(5,1fr); } }
.missing__card{
  padding:var(--s-5); border-radius:var(--r-lg);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px);
  transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.missing__card:hover{ transform:translateY(-6px); background:rgba(255,255,255,.08); }
.missing__num{
  font-family:var(--f-display); font-weight:700; font-size:1.6rem;
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  margin-bottom:var(--s-2);
}
.missing__card h4{ font-size:1.05rem; color:#fff; margin-bottom:.5rem; }
.missing__card p{ font-size:.88rem; color:rgba(255,255,255,.75); line-height:1.55; }

/* Product lines */
.lines{ background:linear-gradient(180deg, #fff 0%, var(--c-mist-50) 100%); }
.lines__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-5);
}
@media(min-width:900px){ .lines__grid{ grid-template-columns:repeat(3,1fr); } }
.line{
  background:#fff; border-radius:var(--r-xl); padding:var(--s-6);
  border:1px solid var(--c-line); box-shadow:var(--sh-sm);
  display:flex; flex-direction:column; gap:var(--s-4);
  transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.line:hover{ transform:translateY(-6px); box-shadow:var(--sh-md); }
.line__head h3{ font-size:1.2rem; color:var(--c-navy-700); margin:.4rem 0 .3rem; }
.line__sub{ font-size:.92rem; color:var(--c-ink-mute); line-height:1.5; }
.line__tag{
  display:inline-block; padding:.3rem .7rem; border-radius:var(--r-pill);
  font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.line__tag--water{ background:rgba(0,209,249,.14); color:var(--c-blue-700); }
.line__tag--juice{ background:rgba(32,161,105,.14); color:var(--c-green-500); }
.line__tag--cond{ background:rgba(202,67,20,.14); color:var(--c-orange-500); }
.line__body{ display:flex; flex-direction:column; gap:.55rem; }
.line__body li{
  position:relative; padding-left:1.3rem; font-size:.92rem; color:var(--c-ink-soft); line-height:1.55;
}
.line__body li::before{
  content:""; position:absolute; left:0; top:.55rem;
  width:14px; height:2px; background:var(--c-cyan-300);
}
.line__foot{
  padding-top:var(--s-3); border-top:1px dashed var(--c-line);
  font-size:.82rem; color:var(--c-blue-700); font-weight:600;
}

/* Pillar list inside cards */
.pillar__list{
  display:flex; flex-direction:column; gap:.45rem;
  margin:0 0 var(--s-4); padding-left:0;
}
.pillar__list li{
  position:relative; padding-left:1.1rem; font-size:.88rem; color:var(--c-ink-soft); line-height:1.5;
}
.pillar__list li::before{
  content:""; position:absolute; left:0; top:.55rem;
  width:7px; height:7px; border-radius:50%; background:var(--c-cyan-300);
}

/* Sprint budget band */
.sprint__band{
  margin-top:var(--s-7); padding:var(--s-5);
  border-radius:var(--r-lg);
  background:linear-gradient(135deg, rgba(0,209,249,.10), rgba(255,184,61,.10));
  border:1px solid rgba(0,44,143,.15);
}
.sprint__band p{ font-size:.98rem; color:var(--c-navy-700); line-height:1.6; }
.sprint__band strong{ color:var(--c-blue-700); }

/* Diaspora phases */
.phases{ background:#fff; }
.phases__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-5);
}
@media(min-width:900px){ .phases__grid{ grid-template-columns:repeat(3,1fr); } }
.phase{
  background:linear-gradient(160deg, #fff 0%, var(--c-mist-50) 100%);
  border:1px solid var(--c-line); border-radius:var(--r-xl);
  padding:var(--s-6);
  position:relative; overflow:hidden;
  transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.phase:hover{ transform:translateY(-6px); box-shadow:var(--sh-md); }
.phase::after{
  content:""; position:absolute; top:-30px; right:-30px;
  width:120px; height:120px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,209,249,.18), transparent 70%);
}
.phase__when{
  display:inline-block; background:var(--g-gold); color:var(--c-navy-900);
  padding:.3rem .7rem; border-radius:var(--r-pill);
  font-size:.7rem; font-weight:700; letter-spacing:.06em; margin-bottom:var(--s-3);
}
.phase h3{ font-size:1.2rem; color:var(--c-navy-700); margin-bottom:.4rem; }
.phase__where{
  font-size:.85rem; color:var(--c-blue-700); font-weight:600;
  margin-bottom:var(--s-4);
}
.phase ul{ display:flex; flex-direction:column; gap:.55rem; }
.phase li{
  position:relative; padding-left:1.3rem; font-size:.9rem; color:var(--c-ink-soft); line-height:1.55;
}
.phase li::before{
  content:""; position:absolute; left:0; top:.55rem;
  width:14px; height:2px; background:var(--c-gold-500);
}

/* KPI table */
.kpitable{ background:var(--c-mist-50); }
.kpitable__scroll{
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  margin:0 calc(-1 * var(--s-5)); padding:0 var(--s-5);
}
.kpitable__t{
  width:100%; min-width:560px;
  border-collapse:separate; border-spacing:0;
  background:#fff; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--c-line);
}
.kpitable__t th, .kpitable__t td{
  padding:.9rem 1rem; text-align:left; font-size:.92rem;
  border-bottom:1px solid var(--c-line);
}
.kpitable__t th{
  background:var(--c-navy-700); color:#fff;
  font-weight:700; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase;
}
.kpitable__t tr:last-child td{ border-bottom:0; }
.kpitable__t td strong{ color:var(--c-blue-700); }
.kpitable__tier{
  display:inline-block; padding:.2rem .6rem; border-radius:var(--r-pill);
  font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
.kpitable__tier--rev{ background:var(--g-gold); color:var(--c-navy-900); }
.kpitable__tier--dem{ background:rgba(0,209,249,.16); color:var(--c-blue-700); }
.kpitable__tier--qua{ background:rgba(32,161,105,.16); color:var(--c-green-500); }

/* What I need from you */
.need{ background:#fff; }
.need__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-4);
}
@media(min-width:768px){ .need__grid{ grid-template-columns:repeat(2,1fr); } }
.need__item{
  display:flex; align-items:flex-start; gap:var(--s-4);
  background:var(--c-mist-50); border:1px solid var(--c-line);
  border-radius:var(--r-lg); padding:var(--s-5);
  transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.need__item:hover{ transform:translateY(-4px); background:#fff; box-shadow:var(--sh-sm); }
.need__n{
  width:42px; height:42px; flex-shrink:0; border-radius:50%;
  background:var(--g-hero); color:#fff;
  display:grid; place-items:center;
  font-family:var(--f-display); font-weight:700; font-size:1.1rem;
  box-shadow:0 6px 16px rgba(0,44,143,.25);
}
.need__item h4{ font-size:1rem; color:var(--c-navy-700); margin-bottom:.3rem; }
.need__item p{ font-size:.9rem; color:var(--c-ink-mute); line-height:1.55; }

/* Real business risks */
.realrisk{ background:linear-gradient(180deg, var(--c-mist-50) 0%, #fff 100%); }
.realrisk__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-4);
}
@media(min-width:768px){ .realrisk__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .realrisk__grid{ grid-template-columns:repeat(3,1fr); } }
.realrisk__card{
  background:#fff; border:1px solid var(--c-line); border-radius:var(--r-lg);
  padding:var(--s-5); display:flex; flex-direction:column; gap:var(--s-3);
  border-top:3px solid var(--c-gold-500);
  transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.realrisk__card:hover{ transform:translateY(-4px); box-shadow:var(--sh-md); }
.realrisk__head span{
  font-size:.7rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--c-gold-500); font-weight:700;
}
.realrisk__head h4{
  font-size:1.05rem; color:var(--c-navy-700); margin-top:.3rem;
}
.realrisk__card > p{ font-size:.9rem; color:var(--c-ink-mute); }
.realrisk__mit{
  margin-top:auto; padding-top:var(--s-3); border-top:1px dashed var(--c-line);
  font-size:.88rem; color:var(--c-ink-soft); line-height:1.55;
}
.realrisk__mit strong{ color:var(--c-green-500); }

/* Next steps */
.steps{ background:var(--c-navy-700); color:#fff; position:relative; overflow:hidden; }
.steps::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(40% 50% at 0% 0%, rgba(0,209,249,.16), transparent 60%),
    radial-gradient(40% 50% at 100% 100%, rgba(255,184,61,.14), transparent 60%);
  pointer-events:none;
}
.steps .section__title{ color:#fff; }
.steps .section__title .grad{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.steps .section__lead{ color:rgba(255,255,255,.78); }
.steps__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-4);
  position:relative; z-index:1;
}
@media(min-width:768px){ .steps__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .steps__grid{ grid-template-columns:repeat(4,1fr); } }
.step{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px);
  border-radius:var(--r-lg); padding:var(--s-5);
  transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.step:hover{ transform:translateY(-4px); background:rgba(255,255,255,.08); }
.step__n{
  font-family:var(--f-display); font-weight:700; font-size:1.6rem;
  background:linear-gradient(135deg, var(--c-cyan-300), var(--c-gold-400));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  margin-bottom:var(--s-2);
}
.step h4{ font-size:1.05rem; color:#fff; margin-bottom:.4rem; }
.step p{ font-size:.88rem; color:rgba(255,255,255,.75); line-height:1.55; }

/* Sources */
.sources{ background:#fff; }
.sources__details{
  margin-top:var(--s-4); padding:var(--s-5);
  border:1px solid var(--c-line); border-radius:var(--r-lg);
  background:var(--c-mist-50); max-width:880px;
}
.sources__details[open]{ box-shadow:var(--sh-sm); background:#fff; }
.sources__details summary{
  cursor:pointer; list-style:none;
  display:flex; align-items:center; justify-content:space-between; gap:var(--s-3);
  font-weight:600; color:var(--c-navy-700); font-size:.98rem;
}
.sources__details summary::-webkit-details-marker{ display:none; }
.sources__details summary::after{
  content:"+"; font-family:var(--f-display); font-size:1.6rem; color:var(--c-blue-700); line-height:.6;
}
.sources__details[open] summary::after{ content:"−"; }
.sources__list{
  margin-top:var(--s-4); display:flex; flex-direction:column; gap:.4rem;
}
.sources__list a{
  font-size:.88rem; color:var(--c-blue-700);
  border-bottom:1px dashed rgba(0,44,143,.2);
  display:inline-block;
}
.sources__list a:hover{ color:var(--c-navy-700); border-bottom-style:solid; }

/* Share / forward block */
.share{ background:linear-gradient(180deg, #fff 0%, var(--c-mist-50) 100%); padding:var(--s-8) 0; }
.share__band{
  background:#fff; border:1px solid var(--c-line);
  border-radius:var(--r-xl); padding:var(--s-6);
  box-shadow:var(--sh-sm);
  display:flex; flex-direction:column; gap:var(--s-3);
  position:relative; overflow:hidden;
}
.share__band::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--g-cyan);
}
.share__eye{
  font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700;
  color:var(--c-blue-700);
}
.share__band h3{ font-size:1.1rem; color:var(--c-navy-700); }
.share__quote{
  margin:0; padding:var(--s-5);
  background:var(--c-mist-50); border-left:3px solid var(--c-cyan-300);
  border-radius:var(--r-md);
  font-style:italic; color:var(--c-ink-soft); line-height:1.65; font-size:.95rem;
}
#copy-summary{ align-self:flex-start; }
#copy-summary.copied{ background:linear-gradient(135deg, #20a169, #00d1f9); color:#fff; }


/* ============================================================
   v1.2 ADDITIONS — Trust layer, GBP anchor, ROI, Rhythm
   ============================================================ */

/* About / Meet Hasnat */
.about{ background:linear-gradient(180deg, #fff 0%, var(--c-mist-50) 100%); }
.about__shell{
  display:grid; grid-template-columns:1fr; gap:var(--s-5);
}
@media(min-width:1024px){ .about__shell{ grid-template-columns:1.6fr 1fr; align-items:stretch; } }
.about__card{
  background:#fff; border:1px solid var(--c-line);
  border-radius:var(--r-xl); padding:var(--s-6);
  box-shadow:var(--sh-sm);
  display:flex; flex-direction:column; gap:var(--s-4);
  position:relative; overflow:hidden;
}
.about__card::after{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background:var(--g-hero);
}
.about__face{
  display:flex; align-items:center; gap:var(--s-4);
  padding-bottom:var(--s-4); border-bottom:1px dashed var(--c-line);
}
.about__initials{
  width:72px; height:72px; border-radius:50%;
  background:var(--g-hero); color:#fff;
  display:grid; place-items:center;
  font-family:var(--f-display); font-weight:700; font-size:1.5rem; letter-spacing:.04em;
  box-shadow:0 10px 28px rgba(0,44,143,.32);
  flex-shrink:0;
}
.about__name h3{ font-size:1.2rem; color:var(--c-navy-700); margin-bottom:.15rem; }
.about__name p{ font-size:.88rem; color:var(--c-ink-mute); }
.about__bio{ display:flex; flex-direction:column; gap:.7rem; }
.about__bio p{ font-size:.95rem; color:var(--c-ink-soft); line-height:1.65; }
.about__bio strong{ color:var(--c-navy-700); }
.about__chips{ display:flex; flex-wrap:wrap; gap:.4rem; padding-top:var(--s-3); border-top:1px dashed var(--c-line); }
.about__chips span{
  font-size:.74rem; padding:.35rem .7rem; border-radius:var(--r-pill);
  background:rgba(0,44,143,.06); color:var(--c-blue-700); font-weight:600;
}
.about__honest{
  background:linear-gradient(160deg, var(--c-navy-900) 0%, var(--c-blue-700) 100%);
  color:#fff; border-radius:var(--r-xl);
  padding:var(--s-6);
  display:flex; flex-direction:column; gap:var(--s-3);
  position:relative; overflow:hidden;
}
.about__honest::before{
  content:""; position:absolute; bottom:-60px; right:-60px;
  width:200px; height:200px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,184,61,.2), transparent 70%);
}
.about__honest-eye{
  font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700;
  color:var(--c-gold-400);
}
.about__honest p{ font-size:.98rem; line-height:1.7; color:rgba(255,255,255,.92); position:relative; z-index:1; }

/* UK market anchor */
.anchor{ background:#fff; }
.anchor__scroll{
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  margin:0 calc(-1 * var(--s-5)); padding:0 var(--s-5);
}
.anchor__t{
  width:100%; min-width:640px;
  border-collapse:separate; border-spacing:0;
  background:#fff; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--c-line);
}
.anchor__t th, .anchor__t td{
  padding:.95rem 1.1rem; text-align:left; font-size:.92rem;
  border-bottom:1px solid var(--c-line);
}
.anchor__t th{
  background:var(--c-mist-50); color:var(--c-navy-700);
  font-weight:700; font-size:.74rem; letter-spacing:.06em; text-transform:uppercase;
}
.anchor__t tr:last-child td{ border-bottom:0; }
.anchor__you{
  background:linear-gradient(90deg, rgba(0,44,143,.06), rgba(255,184,61,.10));
}
.anchor__you td{ font-weight:600; color:var(--c-navy-700); }
.anchor__pill{
  display:inline-block; margin-left:.4rem;
  background:var(--g-gold); color:var(--c-navy-900);
  padding:.2rem .55rem; border-radius:var(--r-pill);
  font-size:.66rem; font-weight:700; letter-spacing:.06em;
}
.anchor__note{
  margin-top:var(--s-5); padding:var(--s-5);
  background:var(--c-mist-50); border-left:3px solid var(--c-blue-700);
  border-radius:var(--r-md); font-size:1.02rem; color:var(--c-navy-700); line-height:1.6;
}
.anchor__note strong{ color:var(--c-blue-700); }

/* ROI math */
.roi{ background:var(--c-mist-50); padding:var(--s-8) 0; }
.roi__band{
  background:
    radial-gradient(60% 80% at 100% 0%, rgba(255,184,61,.22), transparent 60%),
    radial-gradient(60% 80% at 0% 100%, rgba(0,209,249,.16), transparent 60%),
    var(--c-navy-700);
  color:#fff; border-radius:var(--r-xl);
  padding:var(--s-7) var(--s-6); position:relative; overflow:hidden;
  box-shadow:var(--sh-lg);
}
.roi__eye{
  display:inline-block; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;
  font-weight:700; color:var(--c-gold-400); margin-bottom:var(--s-4);
}
.roi__h{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.3rem, 3vw, 2.1rem); line-height:1.25; letter-spacing:-.01em;
  margin-bottom:var(--s-4); color:#fff;
}
.roi__big{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  display:inline-block; font-size:1.15em;
}
.roi__h .grad{
  background:linear-gradient(135deg, var(--c-cyan-300), var(--c-gold-400));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.roi__sub{
  font-size:1rem; color:rgba(255,255,255,.82); line-height:1.6;
  max-width:760px;
}
.roi__chips{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:var(--s-5); }
.roi__chip{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  padding:.45rem .8rem; border-radius:var(--r-pill);
  font-size:.78rem; font-weight:600; color:#fff;
  backdrop-filter:blur(8px);
}

/* Reporting rhythm */
.rhythm{ background:#fff; }
.rhythm__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-4);
}
@media(min-width:640px){ .rhythm__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .rhythm__grid{ grid-template-columns:repeat(4,1fr); } }
.rhythm__card{
  background:var(--c-mist-50); border:1px solid var(--c-line);
  border-radius:var(--r-lg); padding:var(--s-5);
  border-top:3px solid var(--c-cyan-300);
  display:flex; flex-direction:column; gap:.5rem;
  transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.rhythm__card:hover{ transform:translateY(-4px); background:#fff; box-shadow:var(--sh-sm); }
.rhythm__when{
  font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
  color:var(--c-blue-700);
}
.rhythm__card h4{ font-size:1rem; color:var(--c-navy-700); margin-bottom:.3rem; }
.rhythm__card p{ font-size:.88rem; color:var(--c-ink-mute); line-height:1.55; }
.rhythm__note{
  margin-top:var(--s-6); padding:var(--s-4);
  background:linear-gradient(135deg, rgba(0,209,249,.08), rgba(255,184,61,.08));
  border-radius:var(--r-md); color:var(--c-navy-700); font-size:.95rem; text-align:center;
}


/* ============================================================
   v1.4 — NuvenarHub platform layer
   ============================================================ */

/* Platform / Built on NuvenarHub */
.platform{
  background:linear-gradient(180deg, var(--c-navy-700) 0%, var(--c-navy-900) 100%);
  color:#fff; position:relative; overflow:hidden;
}
.platform::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(50% 60% at 100% 0%, rgba(0,209,249,.18), transparent 60%),
    radial-gradient(50% 60% at 0% 100%, rgba(255,184,61,.10), transparent 60%);
  pointer-events:none;
}
.platform .section__title{ color:#fff; }
.platform .section__title .grad{
  background:linear-gradient(135deg, var(--c-cyan-300), var(--c-gold-400));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.platform .section__lead{ color:rgba(255,255,255,.8); }
.platform__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-4);
  position:relative; z-index:1;
}
@media(min-width:640px){ .platform__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .platform__grid{ grid-template-columns:repeat(4,1fr); } }
.pmod{
  padding:var(--s-5); border-radius:var(--r-lg);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px);
  transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.pmod:hover{ transform:translateY(-6px); background:rgba(255,255,255,.08); }
.pmod__ico{
  font-size:1.6rem; line-height:1; margin-bottom:var(--s-3);
  width:48px; height:48px; border-radius:var(--r-md);
  background:linear-gradient(135deg, rgba(0,209,249,.2), rgba(0,44,143,.4));
  display:grid; place-items:center;
}
.pmod h4{ font-size:1.05rem; color:#fff; margin-bottom:.4rem; }
.pmod p{ font-size:.88rem; color:rgba(255,255,255,.78); line-height:1.55; }
.platform__band{
  margin-top:var(--s-7); padding:var(--s-5);
  border-radius:var(--r-lg);
  background:linear-gradient(135deg, rgba(255,184,61,.16), rgba(0,209,249,.16));
  border:1px solid rgba(255,184,61,.22);
  position:relative; z-index:1;
}
.platform__band p{ font-size:1rem; color:#fff; line-height:1.65; }
.platform__band strong{ color:var(--c-gold-400); }

/* Case studies */
.cases{ background:linear-gradient(180deg, #fff 0%, var(--c-mist-50) 100%); }
.cases__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-5);
}
@media(min-width:900px){ .cases__grid{ grid-template-columns:repeat(2,1fr); } }
.case{
  background:#fff; border:1px solid var(--c-line);
  border-radius:var(--r-xl); padding:var(--s-6);
  box-shadow:var(--sh-sm);
  display:flex; flex-direction:column; gap:var(--s-4);
  position:relative; overflow:hidden;
  transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.case::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--g-cyan);
}
.case:hover{ transform:translateY(-6px); box-shadow:var(--sh-md); }
.case__tag{
  display:inline-block; padding:.3rem .7rem; border-radius:var(--r-pill);
  background:var(--c-mist-50); color:var(--c-blue-700);
  font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
.case__head h3{ font-size:1.25rem; color:var(--c-navy-700); margin:.5rem 0 .25rem; }
.case__sub{ font-size:.88rem; color:var(--c-ink-mute); line-height:1.5; }
.case__metrics{
  display:grid; grid-template-columns:1fr 1fr; gap:var(--s-3);
  padding-top:var(--s-4); border-top:1px dashed var(--c-line);
}
.case__m{ display:flex; flex-direction:column; }
.case__m--big{ grid-column:span 2; padding-top:var(--s-3); border-top:1px dashed var(--c-line); }
.case__k{
  font-family:var(--f-display); font-weight:700; font-size:1.4rem;
  color:var(--c-navy-700); line-height:1.1;
}
.case__k--g{
  font-size:1.7rem;
  background:linear-gradient(135deg, var(--c-blue-700), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.case__v{ font-size:.78rem; color:var(--c-ink-mute); margin-top:.2rem; line-height:1.35; }

.cases__agg{
  margin-top:var(--s-7); padding:var(--s-6);
  background:
    radial-gradient(60% 80% at 100% 0%, rgba(0,209,249,.18), transparent 60%),
    var(--c-navy-700);
  color:#fff; border-radius:var(--r-xl);
  box-shadow:var(--sh-lg); position:relative; overflow:hidden;
}
.cases__agg-eye{
  font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700;
  color:var(--c-cyan-300); display:block; margin-bottom:var(--s-4);
}
.cases__agg-grid{
  display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s-4);
}
@media(min-width:768px){ .cases__agg-grid{ grid-template-columns:repeat(4,1fr); } }
.cases__agg-grid > div{ display:flex; flex-direction:column; }
.cases__agg-k{
  font-family:var(--f-display); font-weight:700; font-size:clamp(1.6rem, 3vw, 2.2rem);
  color:#fff; line-height:1;
}
.cases__agg-k--g{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.cases__agg-v{ font-size:.78rem; color:rgba(255,255,255,.7); margin-top:.4rem; line-height:1.4; }
.cases__agg-note{
  margin-top:var(--s-5); padding-top:var(--s-4); border-top:1px dashed rgba(255,255,255,.18);
  font-size:.88rem; color:rgba(255,255,255,.78); line-height:1.55;
}

/* Translate / Why this matters for CANAJ */
.translate{ background:#fff; }
.translate__grid{
  display:grid; grid-template-columns:1fr; gap:var(--s-4);
}
@media(min-width:768px){ .translate__grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .translate__grid{ grid-template-columns:repeat(3,1fr); } }
.trans{
  background:var(--c-mist-50); border:1px solid var(--c-line);
  border-radius:var(--r-lg); padding:var(--s-5);
  border-left:3px solid var(--c-gold-500);
  display:flex; flex-direction:column; gap:var(--s-3);
  transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.trans:hover{ transform:translateY(-4px); background:#fff; box-shadow:var(--sh-sm); }
.trans__from{
  font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
  color:var(--c-gold-500);
}
.trans h4{ font-size:1.05rem; color:var(--c-navy-700); }
.trans__to{
  padding-top:var(--s-3); border-top:1px dashed var(--c-line);
  font-size:.92rem; color:var(--c-ink-soft); line-height:1.6;
}

/* 14-day pilot */
.pilot{ background:var(--c-mist-50); padding:var(--s-8) 0; }
.pilot__band{
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(0,209,249,.20), transparent 60%),
    radial-gradient(60% 80% at 100% 100%, rgba(255,184,61,.18), transparent 60%),
    linear-gradient(135deg, var(--c-navy-900) 0%, var(--c-blue-700) 100%);
  color:#fff; border-radius:var(--r-xl);
  padding:var(--s-7) var(--s-6);
  box-shadow:var(--sh-lg); position:relative; overflow:hidden;
}
.pilot__eye{
  display:inline-block; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;
  font-weight:700; color:var(--c-gold-400); margin-bottom:var(--s-4);
}
.pilot__h{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.4rem, 3.2vw, 2.3rem); line-height:1.2; letter-spacing:-.01em;
  margin-bottom:var(--s-4); color:#fff;
}
.pilot__h .grad{
  background:linear-gradient(135deg, var(--c-cyan-300), var(--c-gold-400));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.pilot__sub{
  font-size:1rem; color:rgba(255,255,255,.82); line-height:1.6;
  margin-bottom:var(--s-6); max-width:680px;
}
.pilot__steps{
  display:grid; grid-template-columns:1fr; gap:var(--s-3);
}
@media(min-width:768px){ .pilot__steps{ grid-template-columns:repeat(5,1fr); } }
.pilot__step{
  padding:var(--s-4); border-radius:var(--r-md);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
.pilot__d{
  font-family:var(--f-display); font-weight:700;
  font-size:.85rem; color:var(--c-gold-400); margin-bottom:.5rem; letter-spacing:.04em;
}
.pilot__step p{ font-size:.88rem; color:rgba(255,255,255,.82); line-height:1.55; }


/* h3 used inside cards (was h4) — keep same visual weight */
.h-card{
  font-family:var(--f-display);
  font-size:1rem;
  font-weight:600;
  color:inherit;
  letter-spacing:-.005em;
  line-height:1.25;
}
/* Card-specific variants matching the original h4 styles already in the cards */
.recip__card .h-card, .gap__card .h-card, .missing__card .h-card,
.pmod .h-card, .trans .h-card, .need__item .h-card,
.realrisk__card .h-card, .risk__card .h-card, .rhythm__card .h-card,
.step .h-card{
  font-size:1.05rem;
  color:var(--c-navy-700);
  margin-bottom:.4rem;
}
.missing__card .h-card, .pmod .h-card, .step .h-card{ color:#fff; }
.realrisk__head .h-card{ font-size:1.05rem; color:var(--c-navy-700); margin-top:.3rem; }
.sprint__card .h-card{ font-size:1.1rem; color:var(--c-navy-700); margin:.4rem 0 .5rem; }


/* US case variant — red-white-blue accent for visual distinction */
.case--us::before{
  background:linear-gradient(90deg, #b22234 0%, #ffffff 50%, #3c3b6e 100%);
}
.case__tag--us{
  background:linear-gradient(135deg, rgba(178,34,52,.10), rgba(60,59,110,.10));
  color:var(--c-navy-700);
  letter-spacing:.04em;
}


/* ============================================================
   v1.7 — Professional emphasis pass
   Goal: lock the deal, not look pretty. Bold what matters.
   ============================================================ */

/* Nav wordmark replaces text */
.nav__wordmark{ display:inline-flex; align-items:center; flex-shrink:1; min-width:0; }
.nav__wordmark svg{ display:block; width:auto; height:22px; max-width:120px; }
@media(min-width:520px){ .nav__wordmark svg{ height:24px; max-width:140px; } }

/* Title Case for section titles + hero h1 + tldr + final */
.hero h1,
.section__title,
.tldr__h,
.pilot__h,
.roi__h,
.final h2,
.bonus__band h3,
.share__band h3,
.about__honest .about__honest-eye{
  /* Per request: first letter of each word capitalised on titles */
}
/* CSS capitalize would lowercase existing CAPS — instead use explicit text-transform */
/* Headings: keep brand caps (CANAJ, HoReCa, AI, CRM, ISO, HACCP, etc) intact by NOT using text-transform */
/* Instead we manually title-case in content. For body, leave alone. */

/* Stronger emphasis for inline strong / b in body */
.section__lead strong,
.gap__card p strong,
.missing__card p strong,
.window__band p strong,
.pmod p strong,
.trans__to strong,
.case__head p strong,
.cases__agg-note strong,
.faq__item .body strong,
.recip__note strong{
  color:var(--c-navy-700);
  font-weight:700;
}

/* The red cost labels in gap cards — much louder */
.gap__card .cost{
  font-size:.86rem;
  font-weight:700;
  color:var(--c-orange-500);
  letter-spacing:.02em;
  text-transform:none;
  padding:.55rem .8rem;
  border-radius:var(--r-sm);
  background:rgba(202,67,20,.08);
  border:1px solid rgba(202,67,20,.15);
  display:inline-block;
  margin-top:var(--s-3);
}

/* TLDR column layout */
.tldr__cols{
  display:grid; grid-template-columns:1fr; gap:var(--s-5);
  margin-top:var(--s-6);
  position:relative; z-index:1;
}
@media(min-width:768px){ .tldr__cols{ grid-template-columns:repeat(3,1fr); } }
.tldr__col{
  padding:var(--s-5);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-lg);
  backdrop-filter:blur(8px);
}
.tldr__col-title{
  font-size:.78rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--c-cyan-300); margin-bottom:var(--s-3);
  padding-bottom:var(--s-2); border-bottom:1px dashed rgba(255,255,255,.18);
}
.tldr__list{ display:flex; flex-direction:column; gap:.7rem; }
.tldr__list li{
  position:relative; padding-left:1.5rem;
  font-size:.95rem; line-height:1.55; color:rgba(255,255,255,.88);
}
.tldr__list li::before{
  content:"✓"; position:absolute; left:0; top:0;
  color:var(--c-cyan-300); font-weight:700; font-size:1rem;
}
.tldr__list--gap li::before{ content:"✕"; color:var(--c-gold-400); }
.tldr__list--now li::before{ content:"→"; color:var(--c-gold-400); }
.tldr__list li strong{ color:#fff; font-weight:700; }
.tldr__verdict{
  margin-top:var(--s-6); padding:var(--s-5);
  background:linear-gradient(135deg, rgba(255,184,61,.18), rgba(0,209,249,.18));
  border:1px solid rgba(255,184,61,.28);
  border-radius:var(--r-lg);
  position:relative; z-index:1;
}
.tldr__verdict p{
  font-size:1.05rem; line-height:1.6;
  color:#fff;
  text-align:center;
}
.tldr__hl{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-weight:700;
}

/* Mirror values — bolder, larger, more "label · value" feel */
.mirror__row .val{
  font-size:1rem; font-weight:600; color:var(--c-navy-700);
  line-height:1.4;
}
.mirror__row .val strong, .mirror__row .val em{ color:var(--c-blue-700); }

/* Card body bold = brand navy + bigger weight */
.recip__card p strong,
.platform__band strong,
.cases__agg-note strong{
  color:var(--c-blue-700);
  font-weight:700;
}

/* Make pillar list items pop more on the chip side */
.pillar__list li strong{ color:var(--c-navy-700); font-weight:700; }
.pillar p strong{ color:var(--c-navy-700); font-weight:700; }

/* Phase lists  */
.phase ul li strong{ color:var(--c-navy-700); font-weight:700; }

/* KPI table — highlight the target column */
.kpitable__t tbody tr td:last-child{
  font-weight:700;
  color:var(--c-blue-700);
}
.kpitable__t tbody tr td:last-child strong{ color:var(--c-navy-700); }

/* Bench cap copy — already strong with <strong>, but tighten */
.bench__cap{ font-weight:500; }
.bench__cap strong{ color:var(--c-blue-700); font-weight:800; }

/* Translate cards — punchier metric */
.trans h4{ font-weight:700; color:var(--c-navy-700); }
.trans__to strong{ color:var(--c-blue-700); }


/* Highlight class for cross-page key keywords like "2.2 million Albanian diaspora" */
.hl{
  background:linear-gradient(transparent 60%, rgba(255,184,61,.35) 60%);
  font-weight:700;
  padding:0 .1em;
}
/* On dark backgrounds use cyan highlight */
.hero h1 .hl, .tldr__h .hl, .window__band p .hl, .platform .hl, .missing .hl, .steps .hl, .pilot__h .hl, .kpi .hl, .final h2 .hl, .about__honest .hl{
  background:linear-gradient(transparent 60%, rgba(0,209,249,.45) 60%);
  color:#fff;
}

/* Stronger emphasis everywhere strong/em appears in body */
p strong, li strong, .body strong{
  font-weight:700;
}


/* Bad-highlight for negative emphasis (e.g. "Lowest brand visibility") */
.hl-bad{
  background:linear-gradient(transparent 60%, rgba(202,67,20,.30) 60%);
  color:var(--c-orange-500);
  font-weight:800;
  padding:0 .1em;
}


/* Strong on DARK section backgrounds must stay light, not navy */
.missing__card p strong,
.pmod p strong,
.platform__band p strong,
.kpi__card .v strong,
.steps p strong,
.step p strong,
.pilot__sub strong,
.pilot__step p strong,
.about__honest p strong,
.window__band p strong,
.window__band p strong em,
.cases__agg-note strong,
.roi__sub strong{
  color:#ffffff;
  font-weight:700;
}
/* And the .hl class on a dark section should use cyan tint not gold */
.missing__card p strong.hl,
.platform__band p strong.hl,
.window__band p strong.hl,
.cases__agg-note strong.hl,
.about__honest p strong.hl{
  background:linear-gradient(transparent 60%, rgba(0,209,249,.40) 60%);
  color:#ffffff;
}


/* Nuvenar logo lockup: mark + wordmark */
.nav__wordmark{
  display:inline-flex; align-items:center; gap:.55rem;
  flex-shrink:0; min-width:0;
  transition:opacity var(--t-fast) var(--ease);
}
.nav__wordmark:hover{ opacity:.85; }
.nav__mark{
  display:block; width:24px; height:24px;
  flex-shrink:0;
  filter:drop-shadow(0 2px 6px rgba(255,182,53,.35));
}
@media(min-width:520px){
  .nav__mark{ width:28px; height:28px; }
}
.nav__type{
  display:block; width:auto; height:18px;
  max-width:90px;
}
@media(min-width:520px){
  .nav__type{ height:20px; max-width:100px; }
}
/* On very tight screens, hide the wordmark and keep the mark */
@media(max-width:380px){
  .nav__type{ display:none; }
}


/* ============================================================
   v1.9 — Nav small-screen fix (no element overlap)
   ============================================================ */

/* Hide Nuvenar wordmark on most mobiles, keep only the brand mark */
@media (max-width: 519px){
  .nav__type{ display:none; }
  .nav__mark{ width:24px; height:24px; }
  .nav__wordmark{ gap:0; }
  .nav__brand{ gap:.55rem; }
  .nav__brand img{ height:26px; }
  .nav__brand .x{ font-size:.85rem; }
}
/* Below 400px (very tight phones with system bars eating viewport), more compact */
@media (max-width: 399px){
  .nav{ padding-left:.85rem; padding-right:.85rem; }
  .nav.scrolled{ padding-left:.85rem; padding-right:.85rem; }
  .nav__brand img{ height:24px; }
  .nav__mark{ width:22px; height:22px; }
  .nav__brand{ gap:.4rem; }
  .nav__cta{ padding:.55rem .85rem; font-size:.78rem; }
  .nav__cta svg{ width:12px; height:12px; }
}
/* Force the brand block to never push the CTA off-screen */
.nav__brand{ min-width:0; flex:0 1 auto; }
.nav__cta{ flex-shrink:0; }


/* Higher-specificity override: .nav__type is overridden by .nav__wordmark svg
   without this targeted rule, so use the same descendant pattern. */
@media (max-width: 519px){
  .nav__wordmark svg.nav__type{ display:none; }
}
@media (max-width: 380px){
  .nav__wordmark svg.nav__type{ display:none; }
}


/* ============================================================
   v2.0 — Typography overhaul (Montserrat + Inter)
   ============================================================ */

:root{
  --f-display: 'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --f-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body{ font-family: var(--f-body); font-weight: 400; letter-spacing: -0.005em; }
h1, h2, h3, h4, h5, h6{ font-family: var(--f-display); }

/* Heading: Montserrat ExtraBold (800) */
.hero h1,
.section__title,
.tldr__h,
.pilot__h,
.roi__h,
.final h2{
  font-family: var(--f-display);
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* Subheading: Montserrat SemiBold (600) */
.section__lead,
.tldr__col-title,
.about__name h3,
.case__head h3,
.line__head h3,
.phase h3,
.h-card,
.recip__note-h,
.bonus__band h3,
.share__band h3,
.invest__card h3{
  font-family: var(--f-display);
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* Body sub-leads stay a touch lighter for hierarchy */
.section__lead{ font-weight: 500; }

/* Pillar numbers + KPI big numbers — Montserrat 800 */
.pillar .num,
.kpi__card .k,
.window__stat .k,
.hero__stat .k,
.tldr__hl,
.roi__big{ font-weight: 800; font-family: var(--f-display); }

/* Eyebrows: keep clean with Montserrat 700 small caps feel */
.section__eyebrow,
.tldr__eye,
.case__tag,
.phase__when,
.pilot__eye,
.roi__eye,
.bonus__band::before,
.rhythm__when,
.realrisk__head span,
.tier{
  font-family: var(--f-display);
  font-weight: 700;
}

/* Strong tags everywhere — Inter 700 for body */
p strong, li strong, .body strong{
  font-family: var(--f-body);
  font-weight: 700;
}
/* But strong inside headings stays in display font */
h1 strong, h2 strong, h3 strong, .tldr__h strong, .pilot__h strong{
  font-family: var(--f-display);
  font-weight: 800;
}

/* ============================================================
   v2.0 — Hero bullet points + Reciprocity checklist
   ============================================================ */

.hero__points{
  display:flex; flex-direction:column; gap:.7rem;
  margin-bottom: var(--s-7);
  max-width: 640px;
}
.hero__points li{
  position:relative;
  padding-left: 1.7rem;
  font-size: clamp(.95rem, 1.4vw, 1.05rem);
  line-height: 1.55;
  color: rgba(255,255,255,.88);
  font-weight: 400;
}
.hero__points li::before{
  content: "✓";
  position: absolute; left: 0; top: 0;
  width: 1.2rem; height: 1.2rem;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--c-cyan-300), var(--c-blue-400));
  border-radius: 50%;
  color: var(--c-navy-900);
  font-size: .72rem;
  font-weight: 800;
  margin-top: .25rem;
  box-shadow: 0 2px 8px rgba(0,209,249,.35);
}
.hero__points li strong{ color: #fff; font-weight: 700; }
.hero__points li strong.hl{
  background: linear-gradient(transparent 60%, rgba(0,209,249,.45) 60%);
  color: #fff;
  padding: 0 .15em;
}

/* Reciprocity checklist (replaces 4-card grid) */
.recip__list{
  display: flex; flex-direction: column; gap: var(--s-3);
  max-width: 800px;
  margin: 0 auto var(--s-6);
}
.recip__list li{
  display: flex; align-items: flex-start; gap: var(--s-4);
  background: #fff;
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-cyan-300);
  border-radius: var(--r-lg);
  padding: var(--s-4) var(--s-5);
  box-shadow: var(--sh-sm);
  transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.recip__list li:hover{ transform: translateX(4px); box-shadow: var(--sh-md); }
.recip__tick{
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; flex-shrink: 0;
  background: linear-gradient(135deg, var(--c-cyan-300), var(--c-blue-400));
  border-radius: 50%;
  color: var(--c-navy-900);
  font-weight: 800; font-size: .95rem;
  box-shadow: 0 4px 12px rgba(0,209,249,.4);
}
.recip__list li > div{
  flex: 1; min-width: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--c-ink-soft);
}
.recip__list li strong{ color: var(--c-navy-700); font-weight: 700; }

/* Recip note rewritten */
.recip__note{
  text-align: left;
  border: 1px solid var(--c-line);
  background: linear-gradient(135deg, rgba(0,44,143,.04), rgba(0,209,249,.06));
  padding: var(--s-6);
  max-width: 800px;
  margin: 0 auto;
}
.recip__note-h{
  font-family: var(--f-display);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--c-navy-700);
  margin-bottom: var(--s-3);
}
.recip__note-lead{
  font-family: var(--f-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--c-blue-700);
  margin-bottom: var(--s-3);
}
.recip__note p{
  font-size: 1rem;
  line-height: 1.65;
  color: var(--c-ink-soft);
}


/* ============================================================
   v2.1 — Gap → Opportunity reframe + CEO polish overrides
   ============================================================ */

/* "+" badge (was orange "!") now positive cyan-blue */
.gap__card .x{
  background:rgba(0,209,249,.10);
  color:var(--c-blue-700);
  font-weight:800;
  font-size:1.2rem;
  border:1px solid rgba(0,209,249,.25);
}
/* "Growth Opportunity" tag (was red "cost") now cyan-navy */
.gap__card .cost{
  background:rgba(0,44,143,.06);
  border:1px solid rgba(0,44,143,.18);
  color:var(--c-blue-700);
  font-weight:700;
  letter-spacing:.04em;
}
/* Section eyebrow on Growth Opportunities */
.gap .section__eyebrow{ color:var(--c-blue-700); }


/* v2.2 — Growth Channels Current Status tag + closing line */
.missing__status{
  display:inline-block;
  margin-top:var(--s-3);
  padding:.4rem .7rem;
  background:rgba(255,184,61,.12);
  border:1px solid rgba(255,184,61,.25);
  color:var(--c-gold-400);
  font-family:var(--f-display);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.06em;
  border-radius:var(--r-sm);
  text-transform:uppercase;
}
.missing__closer{
  margin-top:var(--s-7);
  padding:var(--s-5);
  max-width:760px;
  margin-left:auto; margin-right:auto;
  text-align:center;
  border-radius:var(--r-lg);
  background:linear-gradient(135deg, rgba(0,209,249,.10), rgba(255,184,61,.10));
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.92);
  font-size:1.05rem;
  line-height:1.65;
}
.missing__closer strong{ color:#fff; font-weight:700; }


/* v2.4 — Competitive Position closing box redesign */
.bench__cap{
  display:flex; flex-direction:column; gap:var(--s-4);
  padding:var(--s-6);
  background:linear-gradient(135deg, rgba(0,44,143,.03), rgba(0,209,249,.05));
  border-left:4px solid var(--c-cyan-300);
}
.bench__cap-list{ display:flex; flex-direction:column; gap:.6rem; margin:0; }
.bench__cap-list li{
  position:relative; padding-left:1.5rem;
  font-size:1rem; line-height:1.55; color:var(--c-ink-soft);
}
.bench__cap-list li::before{
  content:""; position:absolute; left:0; top:.6rem;
  width:.5rem; height:.5rem; border-radius:50%;
  background:var(--c-cyan-300);
}
.bench__cap-list li:last-child::before{ background:var(--c-orange-500); }
.bench__cap-list li strong{ color:var(--c-navy-700); font-weight:700; }
.bench__cap-list li strong.hl-bad{
  background:linear-gradient(transparent 60%, rgba(202,67,20,.20) 60%);
  color:var(--c-orange-500);
}
.bench__cap-verdict{
  padding:var(--s-3) 0;
  border-top:1px dashed var(--c-line);
  font-size:1.05rem; line-height:1.55;
  color:var(--c-navy-700); font-weight:600;
}
.bench__cap-exec{
  padding:var(--s-4);
  background:#fff;
  border-radius:var(--r-md);
  box-shadow:var(--sh-sm);
}
.bench__cap-exec p{
  font-size:1.02rem; line-height:1.7; color:var(--c-ink-soft);
}
.bench__cap-exec p strong{
  color:var(--c-navy-700); font-weight:700;
  font-family:var(--f-display);
}


/* v2.5 — Three Product Lines closing verdict */
.lines__verdict{
  margin-top:var(--s-7);
  padding:var(--s-6);
  background:linear-gradient(135deg, rgba(0,44,143,.04), rgba(255,184,61,.08));
  border:1px solid var(--c-line);
  border-left:4px solid var(--c-gold-500);
  border-radius:var(--r-lg);
  max-width:900px; margin-left:auto; margin-right:auto;
}
.lines__verdict-list{
  display:grid; grid-template-columns:1fr; gap:.7rem;
  margin-bottom:var(--s-4);
}
@media(min-width:768px){ .lines__verdict-list{ grid-template-columns:repeat(3,1fr); } }
.lines__verdict-list li{
  font-family:var(--f-display); font-weight:700;
  font-size:1.05rem; color:var(--c-navy-700);
  padding-left:1.5rem; position:relative;
}
.lines__verdict-list li::before{
  content:""; position:absolute; left:0; top:.55rem;
  width:.55rem; height:.55rem; border-radius:50%;
  background:var(--c-gold-500);
}
.lines__verdict p{
  padding-top:var(--s-3);
  border-top:1px dashed var(--c-line);
  font-size:1rem; line-height:1.65; color:var(--c-ink-soft);
}


/* v2.6 — Pillars closing verdict */
.pillars__verdict{
  margin-top:var(--s-7);
  padding:var(--s-6);
  background:linear-gradient(135deg, var(--c-navy-900), var(--c-blue-700) 60%, var(--c-blue-400));
  color:#fff; border-radius:var(--r-xl);
  box-shadow:var(--sh-lg);
  position:relative; overflow:hidden;
  max-width:900px; margin-left:auto; margin-right:auto;
}
.pillars__verdict::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(50% 70% at 100% 0%, rgba(0,209,249,.30), transparent 60%),
    radial-gradient(50% 70% at 0% 100%, rgba(255,184,61,.18), transparent 60%);
  pointer-events:none;
}
.pillars__verdict p{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.1rem, 2.4vw, 1.45rem);
  line-height:1.4;
  text-align:center;
  color:#fff;
  position:relative; z-index:1;
}
.pillars__verdict p strong{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-weight:800;
}


/* v2.7 — Sprint step intro + closing verdict */
.sprint__card .sprint__intro{
  font-family:var(--f-body);
  font-size:.95rem; line-height:1.6;
  color:var(--c-ink-soft);
  margin: .25rem 0 .75rem;
  padding-bottom: var(--s-3);
  border-bottom: 1px dashed var(--c-line);
}
.sprint__card .sprint__intro strong{ color:var(--c-navy-700); font-weight:700; }

.sprint__verdict{
  margin-top:var(--s-6);
  padding:var(--s-5) var(--s-6);
  background:linear-gradient(135deg, var(--c-navy-900), var(--c-blue-700));
  color:#fff;
  border-radius:var(--r-xl);
  box-shadow:var(--sh-md);
  max-width:900px; margin-left:auto; margin-right:auto;
  position:relative; overflow:hidden;
}
.sprint__verdict::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(50% 60% at 100% 0%, rgba(0,209,249,.18), transparent 60%);
  pointer-events:none;
}
.sprint__verdict p{
  font-family:var(--f-display); font-weight:600;
  font-size:clamp(1rem, 2vw, 1.2rem);
  line-height:1.55;
  text-align:center; position:relative; z-index:1;
  color:rgba(255,255,255,.92);
}
.sprint__verdict p strong{
  color:#fff; font-weight:700;
}


/* v2.8 — Phases closing verdict */
.phases__verdict{
  margin-top:var(--s-7);
  padding:var(--s-5) var(--s-6);
  background:linear-gradient(135deg, rgba(255,184,61,.10), rgba(0,209,249,.06));
  border:1px solid var(--c-line);
  border-left:4px solid var(--c-gold-500);
  border-radius:var(--r-lg);
  max-width:900px; margin-left:auto; margin-right:auto;
}
.phases__verdict p{
  font-family:var(--f-display); font-weight:600;
  font-size:1.05rem; line-height:1.6;
  color:var(--c-navy-700);
  text-align:center;
}
.phases__verdict p strong{ color:var(--c-blue-700); font-weight:700; }


/* v2.11 — Invest ownership guarantee + Option B value frame */
.invest__guarantee{
  margin: var(--s-5) auto var(--s-6);
  max-width:900px;
  padding:var(--s-4) var(--s-5);
  background:linear-gradient(135deg, rgba(0,209,249,.10), rgba(255,184,61,.08));
  border:1px solid var(--c-line);
  border-left:4px solid var(--c-gold-500);
  border-radius:var(--r-lg);
  text-align:center;
}
.invest__guarantee p{
  font-size:.95rem; line-height:1.6; color:var(--c-navy-700);
}
.invest__guarantee p strong{ color:var(--c-blue-700); font-weight:700; }

/* Option B "Agency Tier Included" value frame above the price */
.invest__value{
  display:block;
  font-family:var(--f-display);
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:.45rem .8rem;
  margin-bottom:.7rem;
  background:linear-gradient(135deg, rgba(255,184,61,.16), rgba(255,184,61,.06));
  border:1px solid rgba(255,184,61,.32);
  border-radius:var(--r-sm);
  color:#fff;
}
.invest__card.featured .invest__value{
  background:linear-gradient(135deg, rgba(255,184,61,.30), rgba(255,184,61,.12));
  color:var(--c-gold-400);
}


/* v2.12 — Anchor comparison table (Internal Team vs Option B) */
.anchor__compare{
  margin: var(--s-7) auto var(--s-5);
  max-width: 760px;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.anchor__compare-t{
  width: 100%; min-width: 460px;
  border-collapse: separate; border-spacing: 0;
  background: #fff;
  border-radius: var(--r-lg);
  overflow: hidden;
  border: 1px solid var(--c-line);
  box-shadow: var(--sh-sm);
}
.anchor__compare-t th{
  background: linear-gradient(135deg, var(--c-navy-900), var(--c-blue-700));
  color: #fff;
  font-family: var(--f-display); font-weight: 700;
  font-size: .78rem; letter-spacing: .06em; text-transform: uppercase;
  padding: .9rem 1rem; text-align: left;
}
.anchor__compare-t td{
  padding: .85rem 1rem;
  font-size: .95rem;
  border-bottom: 1px solid var(--c-line);
  color: var(--c-ink-soft);
}
.anchor__compare-t tr:last-child td{ border-bottom: 0; }
.anchor__compare-t td:nth-child(2),
.anchor__compare-t td:nth-child(3){
  text-align: center;
  color: var(--c-green-500);
  font-weight: 700;
}
.anchor__compare-cost{
  background: linear-gradient(135deg, rgba(255,184,61,.10), rgba(0,209,249,.06));
}
.anchor__compare-cost td{
  color: var(--c-navy-700); font-size: 1rem; padding-top: 1rem; padding-bottom: 1rem;
}
.anchor__compare-cost td:nth-child(2){ color: var(--c-orange-500); }
.anchor__compare-cost td:nth-child(3){ color: var(--c-blue-700); font-size: 1.1rem; }


/* ============================================================
   v2.13 — Bug fixes
   ============================================================ */

/* Bug 1: Gap card title overlapping the "+" badge */
.gap__card .h-card{
  padding-right: 56px;
  line-height: 1.3;
}

/* Bug 2: Window-band highlighted text appearing invisible on dark background.
   Force visible white text and disable any inherited gradient text-fill. */
.window__band p .hl,
.platform__band p .hl,
.missing__card p .hl,
.about__honest .hl,
.cases__agg-note .hl,
.hero h1 .hl,
.tldr__h .hl,
.pilot__h .hl,
.kpi .hl,
.final h2 .hl,
.steps p .hl{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  background: linear-gradient(transparent 60%, rgba(0,209,249,.45) 60%) !important;
  font-weight: 700;
  padding: 0 .15em;
}

/* On the lighter cases__agg-note (also dark bg), same treatment */
.cases__agg-note strong.hl{ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; }


/* ============================================================
   v2.14 — Why CANAJ section + Rhythm bullets + Steps verdict
   ============================================================ */

/* Why CANAJ section */
.whycanaj{ background: linear-gradient(180deg, #fff 0%, var(--c-mist-50) 100%); }
.whycanaj__list{
  display: grid; grid-template-columns: 1fr; gap: var(--s-3);
  max-width: 900px;
  margin: 0 auto var(--s-6);
}
@media(min-width:768px){ .whycanaj__list{ grid-template-columns: repeat(2,1fr); } }
.whycanaj__list li{
  display: flex; align-items: flex-start; gap: var(--s-3);
  background: #fff;
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-green-500);
  border-radius: var(--r-md);
  padding: var(--s-4);
  box-shadow: var(--sh-sm);
  transition: transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.whycanaj__list li:hover{ transform: translateY(-3px); box-shadow: var(--sh-md); }
.whycanaj__tick{
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; flex-shrink: 0;
  background: var(--c-green-500);
  color: #fff;
  border-radius: 50%;
  font-weight: 800; font-size: .85rem;
  box-shadow: 0 4px 10px rgba(32,161,105,.35);
}
.whycanaj__list li > div{
  flex: 1; min-width: 0;
  font-size: .95rem; line-height: 1.55; color: var(--c-ink-soft);
}
.whycanaj__list li strong{ color: var(--c-navy-700); font-weight: 700; }
.whycanaj__verdict{
  max-width: 900px;
  margin: 0 auto;
  padding: var(--s-6);
  background: linear-gradient(135deg, var(--c-navy-900) 0%, var(--c-blue-700) 100%);
  color: #fff;
  border-radius: var(--r-xl);
  box-shadow: var(--sh-lg);
  position: relative; overflow: hidden;
}
.whycanaj__verdict::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(50% 60% at 100% 0%, rgba(0,209,249,.22), transparent 60%);
}
.whycanaj__verdict p{
  font-family: var(--f-display); font-weight: 700;
  font-size: clamp(1.1rem, 2.4vw, 1.5rem);
  line-height: 1.45;
  text-align: center;
  position: relative; z-index: 1;
  color: #fff;
}
.whycanaj__verdict p strong{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-weight: 800;
}

/* Rhythm card bullet lists (newly added) */
.rhythm__list{
  margin: var(--s-3) 0 var(--s-3);
  display: flex; flex-direction: column; gap: .35rem;
}
.rhythm__list li{
  position: relative; padding-left: 1.1rem;
  font-size: .88rem; line-height: 1.5; color: var(--c-ink-soft);
}
.rhythm__list li::before{
  content: "▸"; position: absolute; left: 0; top: 0;
  color: var(--c-cyan-300); font-weight: 700;
}
.rhythm__close{
  margin-top: var(--s-3);
  padding-top: var(--s-3);
  border-top: 1px dashed var(--c-line);
  font-size: .85rem; color: var(--c-ink-mute); line-height: 1.5;
  font-style: italic;
}
.rhythm__close strong{ color: var(--c-navy-700); font-style: normal; }

/* Rhythm Founder time block restructured (more polished) */
.rhythm__note{
  margin-top: var(--s-6);
  padding: var(--s-5);
  background: linear-gradient(135deg, rgba(0,44,143,.04), rgba(0,209,249,.08));
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-blue-700);
  border-radius: var(--r-lg);
  max-width: 900px; margin-left: auto; margin-right: auto;
  text-align: left;
}
.rhythm__note-h{
  font-family: var(--f-display);
  font-size: 1.1rem; font-weight: 700;
  color: var(--c-navy-700);
  margin-bottom: var(--s-2);
}
.rhythm__note p{
  font-size: .95rem; line-height: 1.6; color: var(--c-ink-soft);
}
.rhythm__note p strong{ color: var(--c-navy-700); font-weight: 700; }
.rhythm__note-close{
  margin-top: var(--s-3);
  padding-top: var(--s-3);
  border-top: 1px dashed var(--c-line);
  font-style: italic;
  color: var(--c-ink-soft);
}

/* Steps closing verdict */
.steps__verdict{
  margin-top: var(--s-7);
  padding: var(--s-5) var(--s-6);
  background: linear-gradient(135deg, rgba(255,184,61,.18), rgba(0,209,249,.18));
  border: 1px solid rgba(255,184,61,.32);
  border-radius: var(--r-lg);
  max-width: 860px; margin-left: auto; margin-right: auto;
  position: relative; z-index: 1;
}
.steps__verdict p{
  font-family: var(--f-display); font-weight: 600;
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.55;
  text-align: center;
  color: #fff;
}
.steps__verdict p strong{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-weight: 800;
}

/* Real risks closing verdict */
.realrisk__verdict{
  margin-top: var(--s-7);
  padding: var(--s-6);
  background: #fff;
  border: 1px solid var(--c-line);
  border-top: 4px solid var(--c-gold-500);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-sm);
  max-width: 900px; margin-left: auto; margin-right: auto;
}
.realrisk__verdict p{
  font-size: 1.02rem; line-height: 1.65; color: var(--c-ink-soft); text-align: center;
}
.realrisk__verdict p strong{ color: var(--c-navy-700); font-weight: 700; }

/* Contract risk closing verdict */
.risk__verdict{
  margin-top: var(--s-7);
  padding: var(--s-6);
  background: linear-gradient(135deg, var(--c-navy-900), var(--c-blue-700) 60%);
  color: #fff;
  border-radius: var(--r-xl);
  box-shadow: var(--sh-lg);
  max-width: 900px; margin-left: auto; margin-right: auto;
  position: relative; overflow: hidden;
}
.risk__verdict::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(50% 60% at 0% 100%, rgba(255,184,61,.16), transparent 60%);
}
.risk__verdict p{
  font-family: var(--f-display); font-weight: 700;
  font-size: clamp(1.05rem, 2.2vw, 1.3rem);
  line-height: 1.5;
  text-align: center; color: #fff;
  position: relative; z-index: 1;
}
.risk__verdict p strong{
  background:linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-weight: 800;
}

/* Need closing verdict */
.need__verdict{
  margin-top: var(--s-6);
  padding: var(--s-5) var(--s-6);
  background: linear-gradient(135deg, rgba(0,44,143,.04), rgba(0,209,249,.08));
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-blue-700);
  border-radius: var(--r-lg);
  max-width: 900px; margin-left: auto; margin-right: auto;
}
.need__verdict p{
  font-size: 1rem; line-height: 1.65; color: var(--c-navy-700);
}
.need__verdict p strong{ color: var(--c-blue-700); font-weight: 700; }

/* Bonus: outcome line + total value block */
.bonus__value{
  display: inline-block;
  font-family: var(--f-display); font-weight: 700;
  font-size: .72rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--c-gold-400);
  margin: .2rem 0 .55rem;
}
.bonus__outcome{
  margin-top: var(--s-3);
  padding-top: var(--s-3);
  border-top: 1px dashed rgba(255,255,255,.15);
  font-size: .82rem; color: rgba(255,255,255,.78); line-height: 1.5;
}
.bonus__outcome strong{ color: var(--c-gold-400); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.bonus__total{
  margin-top: var(--s-6);
  padding: var(--s-5);
  background: linear-gradient(135deg, var(--c-gold-500), var(--c-gold-400));
  color: var(--c-navy-900);
  border-radius: var(--r-lg);
  text-align: center;
}
.bonus__total-label{
  font-family: var(--f-display); font-weight: 700;
  font-size: .78rem; letter-spacing: .14em; text-transform: uppercase;
}
.bonus__total-value{
  font-family: var(--f-display); font-weight: 800;
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  line-height: 1; margin: .35rem 0 .6rem;
  color: var(--c-navy-900);
}
.bonus__total-note{
  font-size: .85rem; line-height: 1.5;
  color: var(--c-navy-700);
}


/* v2.15 — Sources section verdict callout */
.sources__verdict{
  margin: var(--s-6) auto 0;
  max-width: 900px;
  padding: var(--s-5) var(--s-6);
  background: linear-gradient(135deg, var(--c-navy-900), var(--c-blue-700));
  color: #fff;
  border-radius: var(--r-xl);
  box-shadow: var(--sh-md);
  position: relative; overflow: hidden;
}
.sources__verdict::before{
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(50% 60% at 100% 0%, rgba(0,209,249,.22), transparent 60%);
}
.sources__verdict p{
  font-family: var(--f-display); font-weight: 700;
  font-size: clamp(1.05rem, 2.2vw, 1.4rem);
  line-height: 1.4; text-align: center;
  color: #fff; position: relative; z-index: 1;
}
.sources__verdict p strong{
  background: linear-gradient(135deg, var(--c-gold-400), var(--c-cyan-300));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  font-weight: 800;
}


/* ============================================================
   v2.16 — Enlarge all section eyebrow labels for readability
   ============================================================ */

/* Section eyebrows (the small uppercase labels above each h2) */
.section__eyebrow{
  font-size: .88rem;
  letter-spacing: .18em;
  font-weight: 700;
  margin-bottom: var(--s-5);
}
.section__eyebrow::before{
  width: 30px;
  height: 3px;
}
@media(min-width:768px){
  .section__eyebrow{ font-size: .95rem; letter-spacing: .2em; }
  .section__eyebrow::before{ width: 36px; }
}

/* Dark-section eyebrows (TLDR / Pilot / ROI / About honest / Share / Case tag / etc) */
.tldr__eye,
.share__eye,
.pilot__eye,
.roi__eye,
.about__honest-eye,
.bonus__band::before{
  font-size: .88rem;
  letter-spacing: .18em;
  font-weight: 700;
}
@media(min-width:768px){
  .tldr__eye,
  .share__eye,
  .pilot__eye,
  .roi__eye,
  .about__honest-eye,
  .bonus__band::before{
    font-size: .95rem; letter-spacing: .2em;
  }
}

/* TLDR column titles (WHAT YOU HAVE / WHAT'S MISSING / WHY NOW) */
.tldr__col-title{
  font-size: .95rem;
  letter-spacing: .16em;
}
@media(min-width:768px){
  .tldr__col-title{ font-size: 1.05rem; }
}

/* Case tags (14 months / Built from zero etc) */
.case__tag{
  font-size: .85rem;
  letter-spacing: .08em;
  padding: .4rem .85rem;
}
@media(min-width:768px){
  .case__tag{ font-size: .9rem; }
}

/* Phase pill (Months 1 to 3 etc) */
.phase__when{
  font-size: .85rem;
  letter-spacing: .08em;
  padding: .4rem .85rem;
}
@media(min-width:768px){
  .phase__when{ font-size: .9rem; }
}

/* Rhythm when (Every Friday / Monthly etc) */
.rhythm__when{
  font-size: .85rem;
  letter-spacing: .16em;
}
@media(min-width:768px){
  .rhythm__when{ font-size: .92rem; }
}

/* Sprint when (Weeks 1-2 etc) */
.sprint__card .when{
  font-size: .85rem;
  letter-spacing: .16em;
}
@media(min-width:768px){
  .sprint__card .when{ font-size: .92rem; }
}

/* Real risks card (RISK 01) */
.realrisk__head span{
  font-size: .85rem;
  letter-spacing: .18em;
}
@media(min-width:768px){
  .realrisk__head span{ font-size: .92rem; }
}

/* Translation card (BASED ON LIVE CLIENT RESULTS) */
.trans__from{
  font-size: .82rem;
  letter-spacing: .16em;
}
@media(min-width:768px){
  .trans__from{ font-size: .88rem; }
}

/* Investment tier (OPTION A / B / C) */
.tier{
  font-size: .92rem;
  letter-spacing: .22em;
}
@media(min-width:768px){
  .tier{ font-size: 1rem; }
}

/* Bonus value pill (Value · £2,750) */
.bonus__value{
  font-size: .82rem;
  letter-spacing: .12em;
}
@media(min-width:768px){
  .bonus__value{ font-size: .88rem; }
}

/* Bonus total label */
.bonus__total-label{
  font-size: .88rem;
  letter-spacing: .18em;
}
@media(min-width:768px){
  .bonus__total-label{ font-size: .95rem; }
}

/* Missing card current status */
.missing__status{
  font-size: .82rem;
  letter-spacing: .1em;
}
@media(min-width:768px){
  .missing__status{ font-size: .88rem; }
}

/* Product line tag (Water / Juice & Tea / Condiments) */
.line__tag{
  font-size: .82rem;
  letter-spacing: .12em;
  padding: .4rem .85rem;
}
@media(min-width:768px){
  .line__tag{ font-size: .88rem; }
}

/* KPI table tier badges (REVENUE / DEMAND / QUALITY) */
.kpitable__tier{
  font-size: .78rem;
  letter-spacing: .12em;
  padding: .25rem .7rem;
}
@media(min-width:768px){
  .kpitable__tier{ font-size: .84rem; }
}

/* Anchor pill (YOUR PRICE) */
.anchor__pill{
  font-size: .78rem;
  letter-spacing: .12em;
}
@media(min-width:768px){
  .anchor__pill{ font-size: .85rem; }
}

/* Bench tags (#1 turnover etc + YOU + Compelling story.) */
.bench__tag{
  font-size: .8rem;
  letter-spacing: .08em;
  padding: .25rem .7rem;
}
@media(min-width:768px){
  .bench__tag{ font-size: .85rem; }
}

/* Hero pill */
.hero__pill{
  font-size: .88rem;
  letter-spacing: .12em;
  padding: .5rem .95rem;
}
@media(min-width:768px){
  .hero__pill{ font-size: .92rem; }
}

/* Final CTA eye */
.final__eye{
  font-size: .88rem;
  letter-spacing: .18em;
  padding: .5rem 1.05rem;
}
@media(min-width:768px){
  .final__eye{ font-size: .95rem; }
}


/* ============================================================
   v2.17 — Nuvenar logo placements (About card + Platform header)
   ============================================================ */

/* About card: replace circular gradient "N" with the actual Nuvenar logo */
.about__initials{
  background: transparent !important;
  box-shadow: none !important;
  width: 64px; height: 64px;
  border-radius: 14px;
  padding: 8px;
  display: grid; place-items: center;
  flex-shrink: 0;
}
.about__initials svg{
  width: 100%; height: 100%;
  filter: drop-shadow(0 6px 18px rgba(255,182,53,.35));
}
@media(min-width:520px){
  .about__initials{ width: 72px; height: 72px; padding: 10px; }
}

/* Platform header: bold Nuvenar mark + "Powered By NUVENARHUB" lockup */
.platform__brand{
  display: inline-flex; align-items: center; gap: var(--s-3);
  margin-bottom: var(--s-5);
  position: relative; z-index: 1;
}
.platform__mark{
  width: 38px; height: 38px;
  flex-shrink: 0;
  filter: drop-shadow(0 6px 18px rgba(255,182,53,.4));
}
@media(min-width:768px){
  .platform__mark{ width: 48px; height: 48px; }
}
.platform__brand-text{
  display: flex; flex-direction: column;
  line-height: 1;
}
.platform__brand-eye{
  font-family: var(--f-display);
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-cyan-300);
  margin-bottom: .35rem;
}
@media(min-width:768px){
  .platform__brand-eye{ font-size: .9rem; }
}
.platform__brand-name{
  font-family: var(--f-display);
  font-weight: 800;
  font-size: 1.35rem;
  letter-spacing: -.005em;
  background: linear-gradient(135deg, #ffffff 0%, var(--c-cyan-300) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media(min-width:768px){
  .platform__brand-name{ font-size: 1.6rem; }
}


/* ============================================================
   v2.18 — NuvenarHub logo placements (pilot header + pricing chips)
   ============================================================ */

/* Pilot section brand block (above eyebrow) */
.pilot__brand{
  display: inline-flex; align-items: center; gap: var(--s-3);
  margin-bottom: var(--s-4);
  position: relative; z-index: 1;
}
.pilot__brand .nhub__mark{
  filter: drop-shadow(0 6px 18px rgba(255,182,53,.45));
  flex-shrink: 0;
}
.pilot__brand .nhub__wordmark{
  font-family: var(--f-display);
  font-weight: 800;
  font-size: 1.25rem;
  letter-spacing: -.005em;
  color: #ffffff;
  line-height: 1;
}
.pilot__brand .nhub__wordmark-hub{
  color: var(--c-gold-400);
}
@media(min-width:768px){
  .pilot__brand .nhub__mark{ width: 44px !important; height: 44px !important; }
  .pilot__brand .nhub__wordmark{ font-size: 1.5rem; }
}

/* Inline NuvenarHub mark — bullet prefix in pricing cards */
.nhub__inline{
  display: inline-flex; align-items: center;
  vertical-align: middle;
  margin-right: .35rem;
  margin-bottom: -.15em;
  flex-shrink: 0;
}
.nhub__inline svg{
  display: block;
  filter: drop-shadow(0 2px 6px rgba(255,182,53,.4));
}

/* Make invest__value chip on Option B render the inline svg cleanly */
.invest__value{
  display: inline-flex; align-items: center; gap: 0;
  white-space: normal;
}


/* ============================================================
   v2.19 — Bench table tag bubbles fix
   Multi-line tags were rendering as oversized ovals (full pill
   border-radius + wrapped text). Switch to rounded rectangle.
   ============================================================ */
.bench__tag{
  border-radius: 8px !important;
  padding: .35rem .6rem !important;
  font-size: .78rem !important;
  letter-spacing: .04em !important;
  line-height: 1.35 !important;
  max-width: 100%;
  display: inline-block;
  white-space: normal;
}
@media(min-width:768px){
  .bench__tag{ font-size: .82rem !important; }
}
/* Star "YOU" tag stays compact single-line */
.bench__tag--star{
  white-space: nowrap;
}