:root{
  --ink:#071536;
  --violet:#5b28ff;
  --blue:#1464ff;
  --green:#07943a;
  --line:#e8ecf4;
  --white:rgba(255,255,255,.97);
  --shadow-soft:0 17px 38px rgba(29,41,75,.13),0 2px 5px rgba(29,41,75,.04),inset 0 1px 0 rgba(255,255,255,.95);
  --shadow-deal:0 34px 70px rgba(24,35,69,.18),0 8px 22px rgba(24,35,69,.08),0 2px 5px rgba(24,35,69,.05),inset 0 1px 0 white;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#f4f7fc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button,a{font:inherit}
.viewport{min-height:100vh;overflow-x:hidden;background:#f4f7fc}
.canvas{position:relative;width:100vw;min-height:100vh;height:100vh;overflow:hidden;background:#f5f7fb}
.background{position:absolute;inset:0;background:url("assets/hero-background.webp") right 42% / cover no-repeat}
.atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.985) 14%,rgba(255,255,255,.92) 23%,rgba(255,255,255,.68) 31%,rgba(255,255,255,.28) 39%,rgba(255,255,255,.06) 48%,rgba(226,238,255,.02) 100%),radial-gradient(ellipse 54% 34% at 76% 0%,rgba(217,230,255,.78),rgba(229,239,255,.24) 47%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 58%,rgba(255,255,255,.01) 73%,rgba(248,249,252,.66) 100%)}
.header{position:absolute;z-index:20;left:32px;right:36px;top:26px;height:54px;display:grid;grid-template-columns:360px 1fr 300px;align-items:center}
.brand{display:block;width:300px;height:52px}
.brand img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}
.nav{display:flex;align-items:center;justify-content:center;gap:48px}
.nav a,.login{font-size:15px;color:var(--ink);text-decoration:none;white-space:nowrap;font-weight:500}
.nav svg{width:11px;height:8px;margin-left:7px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:32px}
.cta{height:56px;padding:0 31px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:20px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#6530ff,#2a12e7);box-shadow:0 16px 28px rgba(74,34,231,.28),inset 0 1px 0 rgba(255,255,255,.22);font-size:16px}
.cta span{font-size:22px;font-weight:300;line-height:1}
.cta-small{height:52px;padding:0 24px}
.hero-copy{position:absolute;z-index:8;left:4vw;top:15.8vh;width:34vw;min-width:470px;max-width:540px}
.eyebrow{margin:0 0 28px;color:#4d21ff;font-size:15px;font-weight:500}
.hero-copy h1{margin:0;line-height:1.04;letter-spacing:-.047em}
.hero-copy h1 span,.hero-copy h1 strong{display:block;font-size:clamp(52px,3.7vw,60px);font-weight:700}
.hero-copy h1 strong{margin-top:7px;background:linear-gradient(102deg,#7330f8 0%,#5a27f8 49%,#1467ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-subcopy{margin-top:39px}
.hero-subcopy p{margin:0;font-size:20px;line-height:1.55;color:#465471}
.hero-subcopy p:last-child{color:#5d27ff;font-weight:500}
.hero-actions{display:flex;gap:24px;margin-top:39px}
.hero-actions .cta{width:185px}
.watch{width:178px;height:56px;border:0;border-radius:14px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 12px 28px rgba(31,45,82,.10),inset 0 1px 0 white;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.watch i{width:29px;height:29px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:11px;font-style:normal;padding-left:2px;margin-right:12px}
.product-stage{position:absolute;z-index:10;left:36.5vw;top:7.2vh;width:62vw;height:64vh;min-width:900px;perspective:1600px}
.orbit{position:absolute;fill:none;stroke:#9674ff;stroke-width:1;stroke-dasharray:2 4;opacity:.46;overflow:visible;z-index:0}
.orbit circle{fill:#fff;stroke:#9b76ff;stroke-width:1.1;filter:drop-shadow(0 0 4px rgba(95,43,255,.48))}
.orbit-a{left:86px;top:8px;width:790px;height:455px}
.orbit-b{left:18px;top:343px;width:845px;height:317px}
.deal-case{position:absolute;z-index:3;left:19%;top:14%;width:42vw;min-width:640px;max-width:700px;height:540px;padding:17px 20px 16px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(250,251,255,.955));backdrop-filter:blur(17px);box-shadow:var(--shadow-deal);transform:perspective(1500px) rotateY(-5deg) rotateX(1deg) rotateZ(.8deg);transform-origin:center center}
.deal-case:before{content:"";position:absolute;inset:1px;border-radius:17px;pointer-events:none;background:linear-gradient(122deg,rgba(255,255,255,.85),transparent 27%,transparent 73%,rgba(255,255,255,.2));opacity:.65}
.deal-top{height:58px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}
.deal-top p{margin:0 0 7px;font-size:8px}.deal-top h2{margin:0;font-size:23px;letter-spacing:-.04em}
.deal-status{display:flex;align-items:center;gap:21px}.deal-status span{font-size:8px;font-weight:600;background:#e8f6e9;border-radius:99px;padding:7px 13px}.deal-status button{border:0;background:transparent;font-size:15px;letter-spacing:2px;color:var(--ink)}
.tabs{height:50px;display:grid;grid-template-columns:1fr 1.34fr .73fr 1.4fr .85fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:1}
.tabs button{height:50px;padding:0 2px;border:0;background:none;font-size:9px;color:var(--ink);position:relative;white-space:nowrap}
.tabs .active{color:#5628ff}.tabs .active:after{content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:2px;background:#592aff;border-radius:3px}
.deal-grid{height:287px;display:grid;grid-template-columns:185px 234px 129px;gap:9px;padding-top:13px;position:relative;z-index:1}
.panel{border:1px solid rgba(229,234,243,.95);border-radius:11px;background:rgba(255,255,255,.92);box-shadow:0 5px 16px rgba(31,43,75,.05),inset 0 1px 0 #fff}
.summary{padding:11px 10px}.srow{display:grid;grid-template-columns:14px 1fr;gap:7px;margin-bottom:17px}.srow:last-child{margin-bottom:0}.srow>span{font-size:12px;color:#5c2aff;line-height:12px}.srow b,.srow small{display:block}.srow b{font-size:8.6px;margin-bottom:5px}.srow small{font-size:7px;line-height:1.54;color:#25304b}.violet{color:#5a2aff!important}.green{color:#078f35!important}
.stakeholders{padding:11px 9px}.stakeholders header{display:flex;justify-content:space-between}.stakeholders header b{font-size:9.7px}.stakeholders header a{font-size:6.8px;color:#592aff;text-decoration:none}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 5px;margin-top:11px}.people figure{margin:0;text-align:center}.people figure>span{display:inline-block;position:relative}.people img{display:block;width:41px;height:41px;border-radius:50%;object-fit:cover}.people i{position:absolute;right:0;bottom:1px;width:7px;height:7px;border-radius:50%;background:#079535;border:1px solid white}.people b,.people small{display:block}.people b{font-size:7.4px;margin-top:4px}.people small{font-size:6.2px;margin-top:3px}.stake-footer{margin-top:10px;background:#f2f0ff;border-radius:9px;min-height:44px;padding:8px 28px 7px 10px;display:flex;align-items:center;justify-content:space-between}.stake-footer b,.stake-footer small{display:block}.stake-footer b{font-size:7.4px;margin-bottom:5px}.stake-footer small{font-size:6.3px}.stake-footer strong{font-size:18px;color:#592aff;font-weight:400}
.business{padding:11px 10px}.business>b{font-size:9.7px}.business>strong{display:block;font-size:29px;letter-spacing:-.045em;margin-top:26px}.business>small{display:block;font-size:6.8px;margin-top:5px}.business svg{width:111px;height:109px;margin-top:8px}.business .area{fill:url(#fill)}.business .line{fill:none;stroke:#5c28ff;stroke-width:3}.business circle{fill:white;stroke:#5c28ff;stroke-width:3}.business p{margin:0;font-size:6.7px}.business p b{color:#078d34}
.metrics{height:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;position:relative;z-index:1}.metric{border:1px solid #edf0f5;border-radius:10px;background:rgba(255,255,255,.94);display:flex;align-items:center;gap:8px;padding:0 9px;box-shadow:0 3px 10px rgba(32,45,77,.04)}.metric b,.metric small{display:block}.metric b{font-size:7.6px;margin-bottom:5px}.metric small{font-size:6.3px;color:#078d34}.metric:nth-child(2) small,.metric:nth-child(3) small{color:#5431ff}.metric-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px}.ring{width:29px;height:29px;border-radius:50%;border:5px solid #079535;border-right-color:#c1efd0}.qa{border-radius:9px;background:#efeaff;color:#5c28ff}.activity{border-radius:9px;background:#edf2ff;color:#215eff;font-size:20px}.health{color:#079535;font-size:26px}
.notice{position:absolute;z-index:5;display:grid;grid-template-columns:42px 1fr 8px;align-items:center;width:170px;min-height:90px;padding:14px 10px 13px;border-radius:13px;background:rgba(255,255,255,.96);backdrop-filter:blur(17px);box-shadow:var(--shadow-soft)}
.notice.created{left:43%;top:0;width:218px;min-height:78px;grid-template-columns:45px 1fr 8px}
.notice.ceo{left:4%;top:35%;width:164px;min-height:90px}
.notice.ai{left:0;top:65%;width:174px;min-height:94px}
.notice.progress{right:1%;top:29%;width:190px;min-height:104px}
.notice.legal{right:2%;top:65%;width:174px;min-height:95px}
.notice-icon{display:grid;place-items:center;color:#592aff}.notice-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.notice-icon.eye svg{width:34px}.up{width:36px;height:36px;border-radius:50%;background:#0b9638;color:#fff;font-size:26px;font-weight:300;display:grid;place-items:center}.notice b,.notice time{display:block}.notice b{font-size:11px;line-height:1.45}.notice time{font-size:9.7px;margin-top:4px}.notice>i{width:7px;height:7px;border-radius:50%;background:#5b2cff;align-self:end;margin-bottom:1px}.notice>i.green-dot{background:#078c35}
.proof{position:absolute;z-index:12;left:5.8vw;right:5.8vw;top:71vh}.proof h2{text-align:center;margin:0 0 18px;font-size:20px;font-weight:600;letter-spacing:-.02em}.proof h2 strong{color:#5b2cff}.trusted{text-align:center;font-size:10.5px;letter-spacing:.17em;color:#5f6b84;margin:24px 0 13px}.logos{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 47px;gap:32px}.logos img{display:block;object-fit:contain;max-height:30px;max-width:120px;opacity:.86;filter:grayscale(1) sepia(.08) saturate(.55) hue-rotate(178deg)}.logos img:nth-child(3){max-width:78px}.logos img:nth-child(6){max-width:88px}.logos img:nth-child(7){max-width:66px}
dialog{border:0;border-radius:22px;padding:0;background:#0a1230;color:#fff;box-shadow:0 35px 90px rgba(0,0,0,.42)}dialog::backdrop{background:rgba(3,8,24,.63);backdrop-filter:blur(8px)}dialog>div{width:min(760px,86vw);aspect-ratio:16/9;display:grid;place-items:center;align-content:center}.modal-close{position:absolute;right:14px;top:9px;border:0;background:transparent;color:white;font-size:30px;cursor:pointer}
@media(max-width:900px){.canvas{position:relative;width:100vw;min-height:100vh;height:100vh;overflow:hidden;background:#f5f7fb}}

@media (max-width: 1280px){
  .hero-copy{left:3.5vw;min-width:430px}
  .product-stage{left:34vw;transform:scale(.88);transform-origin:top left}
  .proof{top:74vh}
}
@media (max-width: 1024px){
  .canvas{min-height:1220px;height:1220px}
  .nav{display:none}
  .header{grid-template-columns:1fr 300px}
  .hero-copy{top:130px;left:5vw;width:90vw;max-width:600px}
  .product-stage{left:50%;top:520px;transform:translateX(-50%) scale(.78);transform-origin:top center}
  .proof{top:985px;left:4vw;right:4vw}
}


/* ============================================================
   V3 — FEATURE STRIP REBUILD
   Four real HTML cards, four independent SVG pictograms.
   ============================================================ */

.feature-strip{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%;
  height:138px;
  padding:22px 27px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:21px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.992),rgba(255,255,255,.958)),
    radial-gradient(circle at 12% 0%,rgba(113,62,255,.035),transparent 30%);
  box-shadow:
    0 30px 72px rgba(17,33,75,.105),
    0 9px 25px rgba(17,33,75,.052),
    0 2px 7px rgba(17,33,75,.025),
    inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(18px) saturate(1.08);
  isolation:isolate;
}

.feature-strip::before{
  content:"";
  position:absolute;
  inset:1px 16px auto;
  height:42%;
  border-radius:20px 20px 50% 50%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.54),transparent);
  opacity:.52;
}

.feature-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  align-items:center;
  column-gap:20px;
  min-width:0;
  padding:0 30px;
}

.feature-card:first-child{
  padding-left:5px;
}

.feature-card:last-child{
  padding-right:5px;
}

.feature-card:not(:last-child)::after{
  content:"";
  position:absolute;
  top:16px;
  right:0;
  width:1px;
  height:62px;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(218,224,236,.88) 18%,
    rgba(218,224,236,.88) 82%,
    transparent 100%
  );
}

.feature-card__icon{
  display:block;
  width:78px;
  height:78px;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(36,42,91,.045));
  transform:translateZ(0);
}

.feature-card__copy{
  min-width:0;
  align-self:center;
}

.feature-card h3{
  margin:0 0 7px;
  color:#091737;
  font-size:19px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.025em;
}

.feature-card p{
  max-width:175px;
  margin:0;
  color:#091737;
  font-size:13px;
  line-height:1.42;
  font-weight:450;
  letter-spacing:-.008em;
}

.feature-card--support p,
.feature-card--control p{
  max-width:160px;
}

.feature-card{
  transition:transform .28s cubic-bezier(.2,.75,.25,1);
}

.feature-card:hover{
  transform:translateY(-2px);
}

.feature-card:hover .feature-card__icon{
  filter:drop-shadow(0 11px 20px rgba(36,42,91,.09));
}

@media (max-width: 1180px){
  .feature-strip{
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:8px;
    padding:20px;
  }

  .feature-card{
    min-height:104px;
    padding:12px 20px;
  }

  .feature-card:nth-child(2)::after{
    display:none;
  }

  .feature-card:nth-child(-n+2)::before{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    bottom:-4px;
    height:1px;
    background:rgba(218,224,236,.72);
  }
}

@media (max-width: 640px){
  .feature-strip{
    grid-template-columns:1fr;
  }

  .feature-card{
    grid-template-columns:72px 1fr;
    padding:10px 14px;
  }

  .feature-card__icon{
    width:72px;
    height:72px;
  }

  .feature-card::after,
  .feature-card::before{
    display:none !important;
  }
}


/* ============================================================
   V6 — FOUR PILLAR LEARN MORE ACCORDIONS
   Only the four feature cards are changed.
   ============================================================ */

.feature-strip{
  height:184px;
  align-items:stretch;
}

.feature-card{
  align-items:center;
}

.feature-card__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  height:100%;
}

.feature-card__toggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:14px 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:#5b28ff;
  font-size:12.5px;
  line-height:1;
  font-weight:650;
  cursor:pointer;
}

.feature-card--empower .feature-card__toggle{color:#169343}
.feature-card--support .feature-card__toggle{color:#205fff}
.feature-card--control .feature-card__toggle{color:#ff5a1f}

.feature-card__toggle span{
  display:inline-block;
  font-size:18px;
  font-weight:400;
  transition:transform .24s ease;
}

.feature-card.is-open .feature-card__toggle span{
  transform:rotate(90deg);
}

.feature-card__details{
  width:100%;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid rgba(219,225,236,.82);
}

.feature-card__details[hidden]{
  display:none;
}

.feature-card__details p{
  max-width:215px;
  color:#33415e;
  font-size:12px;
  line-height:1.48;
}

.feature-card.is-open{
  align-items:flex-start;
}

.feature-card.is-open .feature-card__copy{
  justify-content:flex-start;
  padding-top:6px;
}

.feature-strip.has-open-card{
  height:286px;
}


/* ============================================================
   V9 — PREMIUM PARTNER LOGO SYSTEM
   ============================================================ */
.trusted{
  margin-top:38px !important;
  margin-bottom:32px !important;
}

.premium-logos{
  min-height:72px;
  height:auto;
  padding:0 30px 38px;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  column-gap:34px;
  overflow:visible;
}

.partner-logo{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  height:50px;
  padding:5px 7px;
  border-radius:12px;
  opacity:.88;
  transform:translateY(0);
  transition:
    transform .28s cubic-bezier(.2,.75,.25,1),
    opacity .28s ease,
    filter .28s ease,
    background-color .28s ease,
    box-shadow .28s ease;
}

.partner-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:36px;
  object-fit:contain;
  opacity:1 !important;
  filter:none !important;
  image-rendering:auto;
}

.partner-logo:hover,
.partner-logo:focus-visible{
  opacity:1;
  transform:translateY(-3px);
  background:rgba(255,255,255,.62);
  box-shadow:
    0 13px 30px rgba(25,38,76,.085),
    inset 0 1px 0 rgba(255,255,255,.88);
  outline:none;
}

.partner-logo:hover img,
.partner-logo:focus-visible img{
  filter:saturate(1.12) contrast(1.04) !important;
}

/* Optical sizing: not raw equal heights. */
.partner-logo--air-europa img{max-height:30px;max-width:150px}
.partner-logo--wildix img{max-height:34px;max-width:132px}
.partner-logo--mpm img{max-height:43px;max-width:155px}
.partner-logo--kpmg img{max-height:36px;max-width:120px}
.partner-logo--openai img{max-height:31px;max-width:135px}
.partner-logo--linear img{max-height:32px;max-width:126px}
.partner-logo--remote img{max-height:31px;max-width:132px}

@media(max-width:1180px){
  .premium-logos{
    grid-template-columns:repeat(4,minmax(0,1fr));
    row-gap:20px;
    padding-bottom:42px;
  }
}

@media(max-width:680px){
  .premium-logos{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:20px;
  }
}


/* ============================================================
   V10 — CURATED PREMIUM PARTNER LOGOS
   Air Europa · Wildix · Mon Petit Marteau · KPMG · Flatchr · Walk
   ============================================================ */

.premium-logos{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  column-gap:38px !important;
  padding-left:38px !important;
  padding-right:38px !important;
}

.partner-logo--kpmg img{
  max-height:38px !important;
  max-width:138px !important;
}

.partner-logo--flatchr img{
  max-height:37px !important;
  max-width:142px !important;
}

.partner-logo--walk{
  height:56px;
}

.partner-logo__tile{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  overflow:hidden;
  transition:
    transform .28s cubic-bezier(.2,.75,.25,1),
    box-shadow .28s ease,
    filter .28s ease;
}

.partner-logo__tile--walk{
  width:124px;
  height:46px;
  padding:0 12px;
  background:#E48466;
  box-shadow:
    0 9px 22px rgba(144,67,45,.12),
    inset 0 1px 0 rgba(255,255,255,.25);
}

.partner-logo__tile--walk img{
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:34px !important;
  object-fit:contain;
}

.partner-logo--walk:hover .partner-logo__tile--walk,
.partner-logo--walk:focus-visible .partner-logo__tile--walk{
  transform:translateY(-1px);
  box-shadow:
    0 14px 28px rgba(144,67,45,.18),
    inset 0 1px 0 rgba(255,255,255,.34);
  filter:saturate(1.06) brightness(1.02);
}

@media(max-width:1180px){
  .premium-logos{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .premium-logos{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* ============================================================
   V11 — STRICT LOGO CORRECTIONS
   Air Europa + Wildix in color, supplied KPMG, narrower Walk.
   ============================================================ */

.partner-logo--air-europa img{
  max-height:31px !important;
  max-width:148px !important;
}

.partner-logo--wildix img{
  max-height:33px !important;
  max-width:132px !important;
}

.partner-logo--kpmg img{
  max-height:39px !important;
  max-width:132px !important;
  object-fit:contain !important;
}

.partner-logo__tile--walk{
  width:92px !important;
  height:40px !important;
  padding:0 10px !important;
  border-radius:10px !important;
}

.partner-logo__tile--walk img{
  max-height:24px !important;
}


/* ============================================================
   V12 — STICKY PREMIUM MENU + PRICING SECTION
   ============================================================ */

html{
  scroll-behavior:smooth;
  scroll-padding-top:92px;
}

body{
  overflow-x:hidden;
}

/* Always-accessible premium header */
.header{
  position:fixed !important;
  top:14px !important;
  left:24px !important;
  right:24px !important;
  width:auto !important;
  height:64px !important;
  padding:0 16px !important;
  grid-template-columns:340px 1fr 300px !important;
  border:1px solid transparent;
  border-radius:18px;
  background:rgba(255,255,255,0);
  backdrop-filter:blur(0);
  box-shadow:none;
  transition:
    top .28s ease,
    background-color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    backdrop-filter .28s ease;
}

.header.is-scrolled{
  top:10px !important;
  background:rgba(255,255,255,.82);
  border-color:rgba(226,231,242,.86);
  backdrop-filter:blur(20px) saturate(1.18);
  box-shadow:
    0 18px 46px rgba(24,37,76,.11),
    0 3px 10px rgba(24,37,76,.045),
    inset 0 1px 0 rgba(255,255,255,.92);
}

.header .brand{
  width:276px;
}

.nav{
  gap:58px !important;
}

.nav-link{
  position:relative;
  padding:21px 2px 19px;
  font-weight:560 !important;
  transition:color .22s ease;
}

.nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:11px;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#7536ff,#175eff);
  transform:translateX(-50%);
  transition:width .24s ease;
}

.nav-link:hover,
.nav-link.is-active{
  color:#5226ff;
}

.nav-link.is-active::after{
  width:22px;
}

#how-it-works,
#why-deal-drive,
#pricing{
  scroll-margin-top:104px;
}

/* Pricing section */
.pricing-section{
  position:relative;
  z-index:20;
  min-height:1120px;
  padding:102px 3.25vw 76px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 2%,rgba(112,66,255,.105),transparent 27%),
    radial-gradient(circle at 88% 18%,rgba(37,102,255,.07),transparent 30%),
    linear-gradient(180deg,#fbfcff 0%,#f7f8fc 100%);
}

.pricing-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.36;
  background-image:
    linear-gradient(rgba(77,91,135,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,91,135,.025) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(180deg,black,transparent 78%);
}

.pricing-shell{
  position:relative;
  z-index:1;
  width:min(1440px,100%);
  margin:0 auto;
}

.pricing-heading{
  text-align:center;
  margin-bottom:28px;
}

.pricing-kicker{
  margin:0 0 10px;
  color:#5e2cff;
  font-size:12px;
  line-height:1;
  font-weight:750;
  letter-spacing:.18em;
}

.pricing-heading h2{
  margin:0;
  color:#071536;
  font-size:clamp(48px,4.15vw,68px);
  line-height:1.04;
  font-weight:760;
  letter-spacing:-.052em;
}

.gradient-violet{
  background:linear-gradient(100deg,#7438ff,#4a1fea);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.gradient-blue{
  background:linear-gradient(100deg,#244eff,#0d61ed);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.pricing-heading>p:not(.pricing-kicker){
  margin:14px 0 17px;
  color:#53617e;
  font-size:18px;
  line-height:1.45;
}

.billing-switch{
  display:inline-flex;
  position:relative;
  align-items:center;
  height:42px;
  padding:4px;
  border:1px solid rgba(222,226,238,.92);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:
    0 10px 28px rgba(31,44,83,.085),
    inset 0 1px 0 white;
  backdrop-filter:blur(14px);
}

.billing-option{
  min-width:126px;
  height:32px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#56617b;
  font-size:13px;
  font-weight:650;
  cursor:pointer;
  transition:background .22s ease,color .22s ease,box-shadow .22s ease;
}

.billing-option.is-active{
  color:#5023ec;
  background:#fff;
  box-shadow:0 7px 18px rgba(68,42,160,.13);
}

.billing-saving{
  display:inline-grid;
  place-items:center;
  height:30px;
  margin:0 4px 0 5px;
  padding:0 12px;
  border-radius:999px;
  background:#dff7e6;
  color:#078c36;
  font-size:12px;
  font-weight:700;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}

.pricing-card{
  position:relative;
  min-width:0;
  min-height:668px;
  overflow:hidden;
  border:1px solid rgba(227,231,240,.96);
  border-radius:22px;
  background:rgba(255,255,255,.93);
  box-shadow:
    0 24px 62px rgba(24,37,76,.095),
    0 4px 14px rgba(24,37,76,.035),
    inset 0 1px 0 white;
  backdrop-filter:blur(16px);
}

.pricing-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:150px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.72),transparent);
}

.pricing-card--grow{
  border-color:#925cff;
  background:
    radial-gradient(circle at 50% 10%,rgba(125,70,255,.11),transparent 38%),
    rgba(255,255,255,.96);
  box-shadow:
    0 30px 76px rgba(91,44,255,.19),
    0 5px 17px rgba(91,44,255,.08),
    inset 0 1px 0 white,
    0 0 0 1px rgba(113,55,255,.12);
  transform:translateY(-2px);
}

.popular-badge{
  position:absolute;
  z-index:4;
  top:17px;
  right:15px;
  display:inline-grid;
  place-items:center;
  height:28px;
  padding:0 14px;
  border-radius:7px;
  color:white;
  background:linear-gradient(135deg,#6530ff,#3517e8);
  box-shadow:0 9px 20px rgba(72,34,232,.25);
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}

.pricing-card__top{
  position:relative;
  z-index:2;
  padding:30px 28px 10px;
}

.plan-name{
  margin:0 0 12px;
  color:#5926f7;
  font-size:17px;
  line-height:1;
  font-weight:800;
}

.plan-price{
  display:flex;
  align-items:baseline;
  gap:7px;
}

.price-value{
  font-size:54px;
  line-height:1;
  font-weight:760;
  letter-spacing:-.045em;
}

.price-period{
  color:#253454;
  font-size:15px;
  font-weight:600;
}

.enterprise-price{
  margin:20px 0 11px;
  font-size:31px;
  line-height:1;
  font-weight:760;
  letter-spacing:-.035em;
}

.plan-volume{
  margin:10px 0 0;
  color:#283758;
  font-size:15px;
  font-weight:550;
}

.pricing-visual{
  position:relative;
  height:235px;
  margin-top:2px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(250,251,255,.2),rgba(241,244,251,.72)),
    radial-gradient(circle at 50% 100%,rgba(255,255,255,.9),transparent 58%);
  border-top:1px solid rgba(237,239,245,.72);
  border-bottom:1px solid rgba(224,228,237,.85);
}

.pricing-visual--start{
  background:
    radial-gradient(circle at 76% 42%,rgba(154,196,107,.2),transparent 21%),
    linear-gradient(180deg,#fcfcfb,#eeeae0);
}

.desk-mug{
  position:absolute;
  left:28px;
  bottom:35px;
  width:56px;
  height:60px;
  border-radius:7px 7px 15px 15px;
  background:linear-gradient(145deg,#f9f6ec,#ddd8cb);
  box-shadow:0 11px 18px rgba(54,50,39,.18);
  display:grid;
  place-items:center;
}

.desk-mug::after{
  content:"";
  position:absolute;
  right:-17px;
  top:13px;
  width:21px;
  height:27px;
  border:6px solid #e6e0d3;
  border-left:0;
  border-radius:0 18px 18px 0;
}

.desk-mug span{
  color:#5830f6;
  font-size:22px;
  font-weight:800;
}

.laptop{
  position:absolute;
  left:50%;
  bottom:18px;
  width:315px;
  transform:translateX(-50%) perspective(650px) rotateX(1deg) rotateY(-3deg);
}

.laptop-screen{
  height:195px;
  padding:20px 18px 13px;
  border:8px solid #171717;
  border-bottom-width:9px;
  border-radius:7px 7px 3px 3px;
  background:#fff;
  box-shadow:0 15px 22px rgba(33,32,28,.19);
}

.laptop-base{
  width:315px;
  height:15px;
  margin-left:-20px;
  border-radius:2px 2px 18px 18px;
  background:linear-gradient(180deg,#d4d5d6,#7e7f80);
  box-shadow:0 5px 8px rgba(0,0,0,.22);
}

.mini-case-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}

.mini-case-head b,.mini-case-head small{
  display:block;
}

.mini-case-head b{font-size:11px}
.mini-case-head small{margin-top:4px;font-size:8px}
.mini-case-head span{
  padding:4px 6px;
  border-radius:999px;
  background:#eee8ff;
  color:#5c28ff;
  font-size:7px;
  font-weight:700;
}

.mini-avatars,.grow-people{
  display:flex;
  align-items:center;
  margin-top:8px;
}

.mini-avatars i,.grow-people i{
  width:27px;
  height:27px;
  margin-left:-4px;
  border:2px solid white;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 34%,#efc2a4 0 24%,transparent 25%),
    linear-gradient(145deg,#3d2b25,#d6a37f);
}

.mini-avatars i:first-child,.grow-people i:first-child{margin-left:0}
.mini-avatars strong,.grow-people strong{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  margin-left:3px;
  border-radius:50%;
  color:#5a26f8;
  background:#efe9ff;
  font-size:8px;
}

.mini-progress{
  display:flex;
  justify-content:space-between;
  margin-top:20px;
  padding-top:10px;
  border-top:1px solid #eef0f5;
}

.mini-progress span{
  display:grid;
  justify-items:center;
  color:#8892a8;
  font-size:8px;
}

.mini-progress small{margin-top:3px;font-size:5px}
.mini-progress .done{color:#07953a}
.mini-progress .active{color:#5b2bff}

.desk-plant{
  position:absolute;
  right:25px;
  bottom:30px;
  width:64px;
  height:83px;
}

.desk-plant span{
  position:absolute;
  left:10px;
  bottom:0;
  width:45px;
  height:42px;
  border-radius:5px 5px 12px 12px;
  background:linear-gradient(145deg,#f2f0e9,#c8c4ba);
}

.desk-plant i{
  position:absolute;
  left:28px;
  bottom:35px;
  width:10px;
  height:45px;
  border-radius:100% 0 100% 0;
  background:#6f9a4a;
  transform-origin:bottom;
}

.desk-plant i:nth-child(1){transform:rotate(-42deg)}
.desk-plant i:nth-child(2){transform:rotate(-17deg) scale(.9)}
.desk-plant i:nth-child(3){transform:rotate(18deg) scale(1.05)}
.desk-plant i:nth-child(4){transform:rotate(45deg) scale(.86)}

.pricing-visual--grow{
  display:grid;
  grid-template-columns:43% 7% 50%;
  align-items:center;
  padding:16px 17px 14px;
  background:linear-gradient(180deg,rgba(250,248,255,.88),rgba(241,237,255,.84));
}

.signal-stack{
  display:grid;
  gap:8px;
}

.signal-stack>div{
  display:flex;
  align-items:center;
  min-height:49px;
  padding:8px 9px;
  border-radius:9px;
  background:#fff;
  box-shadow:0 8px 18px rgba(43,38,81,.08);
}

.signal-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  margin-right:8px;
  border-radius:7px;
  color:white;
  font-size:11px;
}

.signal-icon--purple{background:#6532ff}
.signal-icon--green{background:#0aa34b}
.signal-icon--orange{background:#ff6b22}
.signal-stack p{margin:0}
.signal-stack b,.signal-stack small{display:block}
.signal-stack b{font-size:7px;line-height:1.25}
.signal-stack small{margin-top:4px;color:#52617f;font-size:5.8px}

.signal-lines{
  width:100%;
  height:100%;
  overflow:visible;
}

.signal-lines path{
  fill:none;
  stroke:#a887ff;
  stroke-width:1.3;
  stroke-dasharray:3 3;
}

.grow-case{
  padding:15px 13px 10px;
  border-radius:13px;
  background:#fff;
  box-shadow:0 13px 28px rgba(50,38,103,.15);
}

.grow-case header{
  display:flex;
  justify-content:space-between;
}

.grow-case header b,.grow-case header small{display:block}
.grow-case header b{font-size:9px}
.grow-case header small{margin-top:4px;font-size:6px}
.grow-case header span{
  height:19px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#078c39;
  background:#e5f7e9;
  font-size:6px;
}

.grow-case>p{margin:13px 0 2px;font-size:7px}
.grow-case svg{width:100%;height:73px}
.grow-people{margin-top:2px}
.grow-people i{width:25px;height:25px}
.grow-people strong{width:26px;height:26px}

.pricing-visual--enterprise{
  height:225px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.84),rgba(230,236,246,.4)),
    linear-gradient(90deg,#f5f8fc,#e7edf6);
}

.enterprise-dashboard{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  top:12px;
  height:116px;
  display:grid;
  grid-template-columns:1fr 1.1fr 1fr;
  gap:5px;
  padding:6px;
  border-radius:9px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 28px rgba(36,51,83,.12);
}

.enterprise-dashboard>div{
  padding:7px;
  border:1px solid #edf0f6;
  border-radius:5px;
  background:white;
}

.enterprise-dashboard small{font-size:5.3px}
.enterprise-stat b{display:block;margin-top:7px;font-size:13px}
.enterprise-stat svg{width:100%;height:47px}

.enterprise-donut{
  position:relative;
}

.donut{
  width:64px;
  height:64px;
  margin:7px auto 0;
  border-radius:50%;
  background:conic-gradient(#6231f6 0 29%,#9b73ff 29% 58%,#d6c8ff 58% 82%,#edf0f7 82%);
  position:relative;
}

.donut::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:50%;
  background:white;
}

.donut span{
  position:absolute;
  z-index:1;
  inset:0;
  display:grid;
  place-items:center;
  align-content:center;
  font-size:10px;
  font-weight:750;
}

.donut span small{
  display:block;
  margin-top:2px;
  font-size:4px;
  font-weight:500;
}

.enterprise-list p{
  display:flex;
  justify-content:space-between;
  margin:7px 0 0;
  font-size:5px;
}

.enterprise-list b{font-size:5px}

.meeting-scene{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:108px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.1),rgba(203,215,231,.6)),
    repeating-linear-gradient(90deg,transparent 0 54px,rgba(134,151,176,.26) 55px 57px);
}

.meeting-table{
  position:absolute;
  left:42px;
  right:32px;
  bottom:1px;
  height:37px;
  border-radius:50% 50% 0 0;
  background:linear-gradient(180deg,#525968,#202634);
}

.meeting-screen{
  position:absolute;
  left:49%;
  bottom:28px;
  width:45px;
  height:30px;
  transform:translateX(-50%) rotate(-3deg);
  border:3px solid #202536;
  background:linear-gradient(135deg,#906aff,#4f63da);
}

.person{
  position:absolute;
  z-index:2;
  bottom:25px;
  width:31px;
  height:62px;
  border-radius:45% 45% 14% 14%;
  background:#161b28;
}

.person::before{
  content:"";
  position:absolute;
  left:7px;
  top:-18px;
  width:18px;
  height:21px;
  border-radius:50%;
  background:#d5a17c;
}

.p1{left:35px;background:#d0b18e}
.p2{left:105px}
.p3{left:195px;background:#e5d0bd}
.p4{right:104px}
.p5{right:29px;background:#303746}

.pricing-card__body{
  padding:20px 26px 20px;
}

.plan-story{
  margin:0;
  font-size:14px;
  line-height:1.45;
}

.plan-story strong,.plan-story em{
  display:block;
}

.plan-story em{
  color:#5424f5;
  font-style:normal;
  font-weight:650;
}

.plan-trial{
  margin:8px 0 13px;
  color:#56627e;
  font-size:13px;
  line-height:1.35;
}

.plan-features{
  margin:0;
  padding:11px 0 12px;
  list-style:none;
  border-top:1px solid #e3e7ef;
}

.plan-features li{
  display:flex;
  align-items:center;
  min-height:29px;
  font-size:12px;
}

.plan-features li span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  flex:0 0 25px;
  margin-right:8px;
  border-radius:7px;
  color:#5b2cff;
  background:#f0ebff;
  font-size:12px;
}

.pricing-cta{
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  border-radius:7px;
  color:white;
  text-decoration:none;
  background:linear-gradient(135deg,#6530ff,#3216e7);
  box-shadow:0 10px 23px rgba(78,36,230,.22);
  font-size:14px;
  font-weight:600;
  transition:transform .22s ease,box-shadow .22s ease;
}

.pricing-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 30px rgba(78,36,230,.28);
}

.pricing-cta--dark{
  background:linear-gradient(135deg,#0d1740,#050b2d);
  box-shadow:0 10px 23px rgba(5,11,45,.2);
}

.pricing-cta span{font-size:19px}

.plan-notes{
  padding-top:12px;
}

.plan-notes p{
  display:flex;
  align-items:center;
  margin:7px 0 0;
  color:#53607c;
  font-size:11.5px;
}

.plan-notes span{
  width:23px;
  color:#5b2cff;
  font-size:17px;
}

.pricing-trusted{
  margin:28px 0 18px;
  text-align:center;
  color:#61708d;
  font-size:10.5px;
  font-weight:650;
  letter-spacing:.15em;
}

.pricing-logo-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  gap:38px;
  padding:0 70px;
}

.pricing-logo-row>img{
  display:block;
  width:auto;
  max-width:145px;
  max-height:32px;
  object-fit:contain;
}

.pricing-logo-row>img:nth-child(3){max-height:42px}
.pricing-logo-row>img:nth-child(4){max-height:38px}
.pricing-logo-row>img:nth-child(5){max-height:37px}

.pricing-walk{
  width:86px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  overflow:hidden;
  border-radius:10px;
  background:#e48466;
  box-shadow:0 8px 19px rgba(144,67,45,.13);
}

.pricing-walk img{
  max-width:100%;
  max-height:22px;
  object-fit:contain;
}

@media(max-width:1180px){
  .header{
    grid-template-columns:290px 1fr 260px !important;
  }

  .nav{gap:34px !important}

  .pricing-grid{
    grid-template-columns:1fr;
    max-width:720px;
    margin:0 auto;
  }

  .pricing-card{
    min-height:0;
  }

  .pricing-logo-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
    row-gap:24px;
  }
}

@media(max-width:760px){
  .header{
    left:10px !important;
    right:10px !important;
    top:8px !important;
    grid-template-columns:1fr auto !important;
    padding:0 10px !important;
  }

  .header .brand{width:210px}
  .nav{display:none !important}
  .login{display:none}
  .cta-small{height:44px;padding:0 15px}

  .pricing-section{
    padding:94px 18px 60px;
  }

  .pricing-heading h2{
    font-size:42px;
  }

  .pricing-heading>p:not(.pricing-kicker){
    font-size:16px;
  }

  .billing-option{
    min-width:95px;
  }

  .pricing-logo-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:0 20px;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .header,.nav-link,.billing-option,.pricing-cta{transition:none}
}

/* V13 polish */
.pricing-card--start .pricing-visual{background:
radial-gradient(circle at 65% 20%,rgba(111,56,255,.10),transparent 28%),
linear-gradient(180deg,#ffffff,#f3f5fb);}
.pricing-card--start .laptop{transform:translateX(-50%) perspective(900px) rotateY(-8deg) rotateX(4deg) scale(1.06);}
.pricing-card--grow{box-shadow:0 38px 90px rgba(91,44,255,.24),0 10px 24px rgba(91,44,255,.10),inset 0 1px 0 #fff;}
.pricing-card--enterprise .enterprise-dashboard{box-shadow:0 18px 42px rgba(36,51,83,.18);}

/* Pricing Start Deal Case premium preview */
.deal-case-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.deal-preview-flow{position:absolute;top:42px;font-size:10px;letter-spacing:.14em;font-weight:700;color:#8a8fa1;display:flex;gap:10px;align-items:center}
.deal-preview-flow .active{color:#6128ff}
.deal-preview-card{width:250px;padding:18px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 25px 60px rgba(40,30,90,.15);border:1px solid rgba(100,40,255,.12);margin-top:25px}
.deal-preview-card header{display:flex;justify-content:space-between;align-items:flex-start}
.deal-preview-card header b{display:block;font-size:18px;letter-spacing:-.04em}
.deal-preview-card header small{display:block;margin-top:4px;color:#6128ff;font-size:11px}
.deal-preview-card header span{background:#e8f6e9;color:#21a34a;border-radius:50%;padding:5px 8px;font-size:12px}
.preview-avatars{display:flex;align-items:center;margin:22px 0 18px}
.preview-avatars img,.preview-avatars strong{width:38px;height:38px;border-radius:50%;border:2px solid white;object-fit:cover;margin-left:-8px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.preview-avatars img:first-child{margin-left:0}
.preview-avatars strong{display:flex;align-items:center;justify-content:center;background:#f1edff;color:#6128ff;font-size:12px}
.preview-items p{font-size:11px;color:#4c5265;margin:9px 0}

.deal-flow-label{position:absolute;top:18px;left:0;right:0;text-align:center;color:#5b2cff;font-weight:800;letter-spacing:.18em;font-size:10px}
.deal-flow-label b{margin:0 7px;color:#8d72ff}
.pricing-laptop{width:250px;bottom:18px}
.pricing-laptop .laptop-screen{height:155px}
.mini-case-head span{background:#eee8ff;color:#5c28ff;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:700}
.mini-timeline{display:flex;justify-content:space-between;margin-top:14px;font-size:7px;color:#9aa1b5}
.mini-timeline .active{color:#5c28ff;font-weight:800}

/* V17 START laptop final calibration */
.pricing-laptop{
  width:280px;
  bottom:34px;
}
.pricing-laptop .laptop-screen{
  height:180px;
  padding:14px 14px 10px;
}
.pricing-laptop .laptop-base{
  width:335px;
}
.mini-case-head b{
  font-size:18px;
}
.mini-case-head small{
  font-size:12px;
}
.preview-avatars{
  margin:14px 0 10px;
}
.preview-avatars img,.preview-avatars strong{
  width:34px;
  height:34px;
}
.mini-timeline{
  margin-top:8px;
}


/* FULL RESPONSIVE POLISH - LOCKED PASS */
html,body{overflow-x:hidden}
img{max-width:100%;height:auto}

@media (max-width: 1200px){
  .hero-copy{width:42vw;min-width:0}
  .product-stage{width:56vw;min-width:0}
  .pricing-grid{gap:20px}
}

@media (max-width: 900px){
  .hero-copy,
  .product-stage{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    min-width:0;
  }
  .hero-copy{
    text-align:center;
    margin:0 auto 40px;
  }
  .product-stage{
    display:flex;
    justify-content:center;
    transform:none;
  }
  .hero{
    min-height:auto;
    padding:120px 24px 70px;
  }
  .pricing-grid{
    grid-template-columns:1fr;
  }
  .section{
    padding-left:24px;
    padding-right:24px;
  }
}

@media (max-width: 680px){
  h1,.hero h1{
    font-size:clamp(38px,11vw,56px);
    line-height:1.02;
  }
  .hero-copy p{
    font-size:18px;
  }
  .product-stage{
    transform:scale(.82);
    transform-origin:center top;
    margin-bottom:-80px;
  }
  .pricing-laptop{
    width:min(78vw,280px);
  }
  .pricing-laptop .laptop-base{
    width:120%;
    max-width:none;
    left:50%;
    transform:translateX(-50%);
  }
  .cta-row{
    flex-direction:column;
    align-items:stretch;
  }
}

@media (max-width: 430px){
  .hero{
    padding:100px 18px 50px;
  }
  .product-stage{
    transform:scale(.7);
    margin-bottom:-120px;
  }
  .section{
    padding-left:18px;
    padding-right:18px;
  }
  .pricing-card{
    padding:24px 18px;
  }
}


/* PREMIUM RESPONSIVE V2 PATCH */
html, body { overflow-x: hidden; }

@media (max-width: 900px) {
  .hero {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    min-height:auto;
    padding-top:110px;
  }

  .hero-copy {
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:720px;
    min-width:0 !important;
    order:1;
  }

  .hero-copy h1 {
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-copy p {
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
  }

  .product-stage {
    position:relative !important;
    inset:auto !important;
    width:min(92vw,760px) !important;
    min-width:0 !important;
    margin:40px auto 0;
    transform:none !important;
    order:2;
  }

  .hero-actions {
    justify-content:center;
  }
}

@media (max-width: 640px) {
  .hero {
    padding:90px 20px 50px;
  }

  .hero h1 {
    font-size:clamp(40px,10.5vw,52px);
    letter-spacing:-0.04em;
  }

  .product-stage {
    width:100% !important;
    margin-top:28px;
  }

  .product-stage img,
  .product-stage video {
    max-width:100%;
    height:auto;
  }

  .pricing-grid {
    gap:20px;
  }

  .pricing-card {
    width:100%;
    min-width:0;
  }

  .pricing-laptop {
    width:min(82vw,340px);
    margin-left:auto;
    margin-right:auto;
  }

  .pricing-laptop .laptop-base {
    width:100%;
    left:0;
    transform:none;
  }

  .footer-grid {
    grid-template-columns:1fr;
  }

  .cta-row {
    width:100%;
  }
}

@media (max-width:390px) {
  .hero h1 {
    font-size:38px;
  }

  .hero-copy p {
    font-size:17px;
  }

  .product-stage {
    transform:scale(.96);
    transform-origin:top center;
  }
}


/* =====================================================
   PREMIUM MOBILE RESPONSIVE PATCH
   Keeps desktop untouched
   ===================================================== */

@media (max-width: 768px){

  html,body{
    overflow-x:hidden;
  }

  .viewport{
    min-height:0 !important;
  }

  .canvas{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .background,
  .atmosphere{
    position:absolute !important;
    height:900px !important;
    background-position:center top !important;
  }

  .header{
    position:relative !important;
    height:auto !important;
    padding:22px 24px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;
    align-items:center !important;
  }

  .brand img{
    max-width:165px !important;
    height:auto !important;
  }

  .nav{
    display:none !important;
  }

  .header-actions{
    margin-left:auto !important;
  }

  .cta.cta-small{
    padding:14px 20px !important;
    font-size:16px !important;
  }

  .hero-copy{
    position:relative !important;
    width:auto !important;
    margin:50px 24px 0 !important;
    padding:0 !important;
  }

  .hero-copy h1{
    font-size:44px !important;
    line-height:1.02 !important;
    letter-spacing:-1.5px !important;
  }

  .hero-subcopy{
    font-size:20px !important;
  }

  .hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .hero-actions .cta,
  .hero-actions .watch{
    width:100% !important;
    justify-content:center !important;
  }

  .product-stage{
    position:relative !important;
    width:calc(100% - 32px) !important;
    height:auto !important;
    margin:45px auto 0 !important;
    transform:none !important;
  }

  .deal-case,
  .panel{
    position:relative !important;
  }

  .orbit{
    display:none !important;
  }

  .product-stage .deal-case{
    width:100% !important;
    transform:none !important;
  }

  .section{
    position:relative !important;
  }

  .ways-grid,
  .feature-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:24px !important;
  }

  .way-card,
  .feature-card{
    width:100% !important;
    min-height:0 !important;
  }

  .logos{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:24px !important;
  }

  .pricing-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:24px !important;
  }

  .pricing-card{
    width:100% !important;
  }

  .pricing-card .visual{
    transform:scale(.85) !important;
    transform-origin:center center !important;
  }
}

@media (max-width:430px){

  .hero-copy h1{
    font-size:38px !important;
  }

  .product-stage{
    width:calc(100% - 24px) !important;
  }

  .pricing-card{
    border-radius:28px !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }

}


/* PREMIUM MOBILE EXPERIENCE V6 */
@media (max-width: 768px){
  html,body{overflow-x:hidden;width:100%;}
  .hero,.hero-section{min-height:auto!important;height:auto!important;}
  .container{width:100%!important;max-width:none!important;padding-left:24px!important;padding-right:24px!important;}
  h1{font-size:clamp(42px,11vw,56px)!important;line-height:.98!important;letter-spacing:-.04em!important;}
  .hero h1{text-align:center!important;}
  .hero p{text-align:center!important;}
  .hero .cta,.hero-buttons{display:flex!important;flex-direction:column!important;width:100%!important;gap:14px!important;}
  .hero .cta a,.hero-buttons a,.hero button{width:100%!important;justify-content:center!important;}

  /* product/dashboard becomes a mobile product card */
  .dashboard,.hero-dashboard,.product-preview,.deal-dashboard{position:relative!important;transform:none!important;width:100%!important;max-width:360px!important;margin:36px auto 0!important;overflow:hidden!important;}
  .floating-card,.notification,.hero-notification{display:none!important;}

  /* enterprise horizontal desktop layouts */
  .tabs,.enterprise-tabs{display:flex!important;overflow:hidden!important;gap:22px!important;white-space:nowrap!important;}
  .enterprise-grid,.dashboard-grid,.stakeholder-grid{display:flex!important;flex-direction:column!important;gap:18px!important;}

  /* four ways */
  .ways-grid,.features-grid{display:flex!important;flex-direction:column!important;gap:22px!important;}
  .way-card,.feature-card{position:relative!important;min-height:0!important;height:auto!important;padding:32px!important;}
  .logos,.trusted-logos{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important;align-items:center!important;}
  .logos img,.trusted-logos img{max-width:100%!important;height:auto!important;}

  /* pricing */
  .pricing-grid,.plans-grid{display:flex!important;flex-direction:column!important;gap:28px!important;}
  .pricing-card,.plan-card{width:100%!important;min-height:0!important;}
  .pricing-card img,.plan-card img{max-width:100%!important;height:auto!important;}
}
@media (max-width:390px){
  .container{padding-left:18px!important;padding-right:18px!important;}
  h1{font-size:40px!important;}
}


.pricing-start-device{
display:block;
width:100%;
height:auto;
max-width:640px;
margin:0 auto;
filter: drop-shadow(0 20px 40px rgba(20,25,60,.10));
}

/* V14 — 14-day free-trial conversion messaging */
.header-trial-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(91,44,255,.14);
  border-radius:999px;
  background:rgba(245,242,255,.86);
  color:#5b2cff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

@media(max-width:760px){
  .header-trial-badge{display:none;}
}

@media(min-width:761px){
  .header{grid-template-columns:300px minmax(280px,1fr) 390px !important;}
  .header-actions{gap:18px;}
}

@media(min-width:761px) and (max-width:1180px){
  .header{grid-template-columns:250px minmax(260px,1fr) 370px !important;}
  .header .brand{width:230px;}
  .header-actions{gap:14px;}
}

/* V15 mobile hero CTA trial line */
.hero-trial-line{
  display:none;
}
@media (max-width:768px){
  .hero .cta .hero-trial-line,
  .hero-copy .cta .hero-trial-line{
    display:block;
    font-size:.72em;
    line-height:1.1;
    margin-top:2px;
    font-weight:600;
  }
}

/* V16 — Premium AI activity animation (desktop hero only) */
@media (min-width: 901px){
  .deal-case{
    animation: dealFloat 6s ease-in-out infinite;
  }

  .notice{
    animation: noticePulse 8s ease-in-out infinite;
  }

  .notice.created{animation-delay:.4s}
  .notice.ceo{animation-delay:1.8s}
  .notice.ai{animation-delay:3.4s}
  .notice.progress{animation-delay:5s}
  .notice.legal{animation-delay:6.6s}

  .notice i{
    animation: signalPulse 2s ease-in-out infinite;
  }
}

@keyframes dealFloat{
  0%,100%{transform:perspective(1500px) rotateY(-5deg) rotateX(1deg) rotateZ(.8deg) translateY(0)}
  50%{transform:perspective(1500px) rotateY(-5deg) rotateX(1deg) rotateZ(.8deg) translateY(-8px)}
}

@keyframes noticePulse{
  0%,72%,100%{opacity:1;transform:translateY(0)}
  78%{opacity:.92;transform:translateY(-5px)}
  86%{opacity:1;transform:translateY(0)}
}

@keyframes signalPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.35);opacity:.55}
}


/* ============================================================
   V27 — Desktop Hero Product Story
   Turns the existing Deal Case into a 7-scene product demo.
   Desktop only. Original Deal Case markup/mobile story untouched.
   ============================================================ */
.deal-demo{display:none}

@media (min-width:901px){
  .deal-case>.tabs,
  .deal-case>.deal-grid,
  .deal-case>.metrics{display:none}

  .deal-demo{
    display:block;
    position:relative;
    z-index:2;
    height:438px;
    margin-top:1px;
    overflow:hidden;
  }
  .deal-demo__rail{
    height:44px;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    align-items:end;
    gap:4px;
    border-bottom:1px solid var(--line);
  }
  .deal-demo__step{
    position:relative;
    padding:0 2px 12px;
    text-align:center;
    color:#7a849a;
    font-size:7.4px;
    line-height:1;
    font-weight:750;
    letter-spacing:.045em;
    transition:color .35s ease,opacity .35s ease;
  }
  .deal-demo__step::after{
    content:"";
    position:absolute;
    left:12%;right:12%;bottom:-1px;height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#7330f8,#1b65ff);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s cubic-bezier(.22,1,.36,1);
  }
  .deal-demo__step.is-active{color:#5d2aff}
  .deal-demo__step.is-active::after{transform:scaleX(1)}

  .deal-demo__viewport{position:relative;height:394px;padding-top:12px}
  .deal-demo__scene{
    position:absolute;
    inset:12px 0 0;
    opacity:0;
    transform:translateY(10px) scale(.994);
    pointer-events:none;
    transition:opacity .38s ease,transform .48s cubic-bezier(.22,1,.36,1);
  }
  .deal-demo__scene.is-active{opacity:1;transform:translateY(0) scale(1)}
  .deal-demo__scene.is-leaving{opacity:0;transform:translateY(-7px) scale(.996)}

  .demo-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
  .demo-kicker{display:block;margin-bottom:4px;color:#6230ff;font-size:7px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
  .demo-heading h3{margin:0;font-size:18px;line-height:1.05;letter-spacing:-.035em}
  .demo-live,.demo-ready,.demo-status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;font-size:7px;font-weight:750}
  .demo-live{color:#4f28ff;background:#f2efff}.demo-live i{width:5px;height:5px;border-radius:50%;background:#6530ff;box-shadow:0 0 0 4px rgba(101,48,255,.10);animation:demoLivePulse 1.4s ease-in-out infinite}
  .demo-ready{color:#087b31;background:#eaf8ee}.demo-status-pill{color:#5a2aff;background:#f0edff}

  .demo-transcript{display:grid;gap:6px}
  .demo-line{display:grid;grid-template-columns:30px 1fr 38px;gap:9px;align-items:center;padding:7px 9px;border:1px solid #edf0f6;border-radius:9px;background:rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(31,43,75,.035);opacity:0;transform:translateY(7px)}
  .scene-capture.is-active .demo-line:nth-child(1){animation:demoReveal .35s .08s ease forwards}.scene-capture.is-active .demo-line:nth-child(2){animation:demoReveal .35s .25s ease forwards}.scene-capture.is-active .demo-line:nth-child(3){animation:demoReveal .35s .42s ease forwards}
  .demo-line img{width:28px;height:28px;border-radius:50%;object-fit:cover}.demo-line b{font-size:7.5px}.demo-line p{margin:2px 0 0;color:#34405a;font-size:7px;line-height:1.32}.demo-line time{color:#8a93a7;font-size:6.5px;text-align:right}
  .demo-wave{height:28px;margin:8px 2px 7px;padding:0 9px;display:flex;align-items:center;gap:3px;border-radius:8px;background:#f4f0ff;overflow:hidden}
  .demo-wave span{width:2px;height:6px;border-radius:99px;background:#6932ff;animation:demoWave 850ms ease-in-out infinite alternate}.demo-wave span:nth-child(3n){animation-delay:.12s}.demo-wave span:nth-child(4n){animation-delay:.25s}.demo-wave span:nth-child(5n){animation-delay:.38s}
  .demo-complete,.demo-story-ready{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e4f2e8;border-radius:9px;background:#f2fbf5}.demo-complete>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#11a14a;color:white;font-size:10px}.demo-complete b,.demo-story-ready b{font-size:8px}.demo-complete small,.demo-story-ready small{display:block;margin-left:auto;color:#6c778e;font-size:6.5px}

  .demo-ai-orb{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;color:#fff;background:radial-gradient(circle at 35% 30%,#9d7cff,#5b2cff 58%,#164fff);box-shadow:0 8px 22px rgba(91,44,255,.25);animation:demoOrb 2s ease-in-out infinite}
  .demo-analysis-list{display:grid;gap:6px}.demo-analysis-list>div{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:center;padding:7px 9px;border:1px solid #edf0f6;border-radius:9px;background:#fff;opacity:0;transform:translateX(-8px)}.demo-analysis-list i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e9f8ee;color:#07933b;font-style:normal;font-size:10px}.demo-analysis-list b,.demo-analysis-list small{display:block}.demo-analysis-list b{font-size:8px}.demo-analysis-list small{margin-top:2px;color:#707b91;font-size:6.6px}
  .scene-analyze.is-active .demo-analysis-list>div:nth-child(1){animation:demoRevealX .3s .05s ease forwards}.scene-analyze.is-active .demo-analysis-list>div:nth-child(2){animation:demoRevealX .3s .2s ease forwards}.scene-analyze.is-active .demo-analysis-list>div:nth-child(3){animation:demoRevealX .3s .35s ease forwards}.scene-analyze.is-active .demo-analysis-list>div:nth-child(4){animation:demoRevealX .3s .5s ease forwards}.scene-analyze.is-active .demo-analysis-list>div:nth-child(5){animation:demoRevealX .3s .65s ease forwards}
  .demo-progress{margin-top:9px}.demo-progress>span{display:block;width:0;height:4px;border-radius:999px;background:linear-gradient(90deg,#6b35ff,#1766ff);box-shadow:0 3px 12px rgba(83,45,255,.18)}.scene-analyze.is-active .demo-progress>span{animation:demoProgress .9s .15s cubic-bezier(.22,1,.36,1) forwards}.demo-progress small{display:block;margin-top:5px;color:#087f36;font-size:6.8px;font-weight:700}

  .demo-narrative-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-narrative-grid>div{position:relative;min-height:58px;padding:9px 10px 8px 39px;border:1px solid #eceff6;border-radius:10px;background:#fff;opacity:0;transform:translateY(7px)}.demo-narrative-grid>div:nth-child(5){grid-column:1/-1;min-height:49px}.demo-narrative-grid span{position:absolute;left:10px;top:10px;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:#5c2cff;background:#f0ebff;font-size:7px;font-weight:800}.demo-narrative-grid b,.demo-narrative-grid small{display:block}.demo-narrative-grid b{font-size:8px}.demo-narrative-grid small{margin-top:4px;color:#67738a;font-size:6.4px;line-height:1.3}
  .scene-narrative.is-active .demo-narrative-grid>div:nth-child(1){animation:demoReveal .3s .05s ease forwards}.scene-narrative.is-active .demo-narrative-grid>div:nth-child(2){animation:demoReveal .3s .18s ease forwards}.scene-narrative.is-active .demo-narrative-grid>div:nth-child(3){animation:demoReveal .3s .31s ease forwards}.scene-narrative.is-active .demo-narrative-grid>div:nth-child(4){animation:demoReveal .3s .44s ease forwards}.scene-narrative.is-active .demo-narrative-grid>div:nth-child(5){animation:demoReveal .3s .57s ease forwards}
  .demo-story-ready{margin-top:8px;background:#f5f1ff;border-color:#e8e0ff}.demo-story-ready>span{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;color:#5b2cff;background:white}.demo-story-ready small{margin-left:0}

  .demo-video-card{position:relative;height:220px;overflow:hidden;border-radius:13px;padding:18px;color:#fff;background:radial-gradient(circle at 76% 34%,rgba(124,83,255,.45),transparent 28%),linear-gradient(135deg,#10102d,#180c3c 52%,#331187);box-shadow:0 12px 28px rgba(28,16,80,.18)}.demo-video-card::before{content:"";position:absolute;inset:-35% -5%;background:repeating-linear-gradient(165deg,transparent 0 18px,rgba(126,93,255,.07) 19px 20px);transform:rotate(-6deg)}.demo-video-brand,.demo-video-title,.demo-video-time,.demo-video-card button{position:relative;z-index:2}.demo-video-brand{font-size:7px;letter-spacing:.12em}.demo-video-title{margin-top:42px;width:58%;font-size:20px;line-height:1.05;font-weight:750;letter-spacing:-.035em}.demo-video-card button{position:absolute;left:61%;top:78px;width:54px;height:54px;border:0;border-radius:50%;background:linear-gradient(135deg,#7844ff,#4520ea);color:white;box-shadow:0 0 0 10px rgba(108,62,255,.12),0 12px 30px rgba(0,0,0,.25);display:grid;place-items:center}.demo-video-card button span{font-size:18px;margin-left:3px}.demo-video-time{position:absolute;left:18px;bottom:14px;font-size:7px}.demo-video-glow{position:absolute;width:160px;height:160px;border-radius:50%;right:-30px;bottom:-60px;background:#6a36ff;filter:blur(50px);opacity:.24}.demo-render{margin-top:11px}.demo-render>div{display:flex;justify-content:space-between;font-size:7px}.demo-render i{display:block;height:4px;margin-top:6px;overflow:hidden;border-radius:999px;background:#e8eaf2}.demo-render i span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6c34ff,#1766ff)}.scene-video.is-active .demo-render i span{animation:demoProgress 1s .12s cubic-bezier(.22,1,.36,1) forwards}

  .demo-share-copy{margin:0 0 18px;color:#59667e;font-size:8.5px}.demo-share-people{display:flex;align-items:flex-start;gap:22px;padding:20px 18px;border:1px solid #eceff5;border-radius:13px;background:#fff}.demo-share-people figure{margin:0;text-align:center;opacity:0;transform:translateY(8px) scale(.9)}.demo-share-people img{width:50px;height:50px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff,0 0 0 5px #e6e9f1}.demo-share-people b,.demo-share-people small{display:block}.demo-share-people b{margin-top:7px;font-size:7.4px}.demo-share-people small{margin-top:2px;color:#68748c;font-size:6.4px}.demo-plus{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#5b2cff;background:#f0ebff;font-size:13px;font-weight:800;opacity:0}.scene-share.is-active .demo-share-people figure:nth-child(1){animation:demoPop .35s .06s ease forwards}.scene-share.is-active .demo-share-people figure:nth-child(2){animation:demoPop .35s .2s ease forwards}.scene-share.is-active .demo-share-people figure:nth-child(3){animation:demoPop .35s .34s ease forwards}.scene-share.is-active .demo-share-people figure:nth-child(4){animation:demoPop .35s .48s ease forwards}.scene-share.is-active .demo-plus{animation:demoPop .35s .62s ease forwards}.demo-share-link{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:11px 13px;border-radius:10px;background:#f3efff;color:#5c2cff;font-size:7.2px}.demo-share-link b{color:#087f36}

  .demo-chat{display:grid;gap:12px;margin-top:7px}.demo-question,.demo-answer{display:grid;align-items:start;border-radius:12px}.demo-question{grid-template-columns:36px 1fr 45px;gap:10px;padding:12px;border:1px solid #e9edf5;background:#fff}.demo-question img{width:34px;height:34px;border-radius:50%;object-fit:cover}.demo-question b,.demo-answer b{font-size:8px}.demo-question p,.demo-answer p{margin:4px 0 0;color:#34405b;font-size:8.3px;line-height:1.42}.demo-question time{color:#8a93a6;font-size:6.5px;text-align:right}.demo-answer{grid-template-columns:32px 1fr;gap:10px;padding:13px;background:linear-gradient(135deg,#f0ebff,#f6f4ff);border:1px solid #e6ddff;opacity:0;transform:translateY(8px)}.demo-answer>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#7241ff,#4b23eb)}.demo-answer small{display:block;margin-top:7px;color:#6f7890;font-size:6.5px}.scene-qa.is-active .demo-answer{animation:demoReveal .4s .35s ease forwards}

  .demo-activity-list{display:grid;gap:6px}.demo-activity-list>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:8px 10px;border:1px solid #edf0f5;border-radius:9px;background:#fff;opacity:0;transform:translateX(-7px)}.demo-activity-list>div.is-positive{background:#f1faf4;border-color:#dff2e5}.activity-dot{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#5b2cff;background:#f0ebff;font-size:10px}.activity-dot.up{background:#e6f7ec;color:#07943a}.demo-activity-list p{margin:0}.demo-activity-list b,.demo-activity-list small{display:block}.demo-activity-list b{font-size:7.8px}.demo-activity-list small{margin-top:2px;color:#7a8499;font-size:6.4px}.scene-track.is-active .demo-activity-list>div:nth-child(1){animation:demoRevealX .3s .05s ease forwards}.scene-track.is-active .demo-activity-list>div:nth-child(2){animation:demoRevealX .3s .2s ease forwards}.scene-track.is-active .demo-activity-list>div:nth-child(3){animation:demoRevealX .3s .35s ease forwards}.scene-track.is-active .demo-activity-list>div:nth-child(4){animation:demoRevealX .3s .5s ease forwards}.demo-health{position:absolute;right:0;top:46px;width:142px;height:142px;border:1px solid #edf0f5;border-radius:13px;padding:13px;background:rgba(255,255,255,.97);box-shadow:0 8px 25px rgba(31,43,75,.06);transform:translateX(12px);opacity:0}.scene-track .demo-activity-list{width:calc(100% - 154px)}.scene-track.is-active .demo-health{animation:demoReveal .4s .48s ease forwards}.demo-health>span{display:flex;align-items:center;gap:6px}.demo-health>span i{width:7px;height:7px;border-radius:50%;background:#0a9a3e}.demo-health b{font-size:7.5px}.demo-health strong{display:block;margin-top:24px;color:#078d37;font-size:30px;line-height:1;letter-spacing:-.04em}.demo-health small{display:block;margin-top:7px;color:#607089;font-size:6.7px}

  /* External notifications become the live consequence of the story. */
  .product-stage .notice{opacity:0;transform:translateY(8px) scale(.98);animation:none!important;transition:opacity .38s ease,transform .48s cubic-bezier(.22,1,.36,1),filter .35s ease}
  .product-stage .notice.is-story-visible{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 10px 18px rgba(30,35,77,.05))}
  .product-stage .notice.is-story-visible>i{animation:signalPulse 2s ease-in-out infinite}

  @keyframes demoReveal{to{opacity:1;transform:translateY(0)}}
  @keyframes demoRevealX{to{opacity:1;transform:translateX(0)}}
  @keyframes demoPop{to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes demoProgress{to{width:100%}}
  @keyframes demoWave{from{height:5px}to{height:20px}}
  @keyframes demoOrb{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.07);filter:saturate(1.2)}}
  @keyframes demoLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.55}}
}

@media (prefers-reduced-motion:reduce){
  .deal-demo *, .product-stage .notice{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ============================================================
   V30 — Pricing rebuild: ONE DEAL / START / GROW
   Desktop + mobile. Pricing section only.
   ============================================================ */
.pricing-v30{
  min-height:0;
  padding-bottom:92px;
}
.pricing-v30__heading{
  margin-bottom:36px;
}
.pricing-v30__heading h2{
  max-width:920px;
  margin-inline:auto;
}
.pricing-v30__grid{
  gap:24px;
  align-items:stretch;
}
.pricing-v30-card{
  min-height:640px;
  display:flex;
  flex-direction:column;
  overflow:visible;
  border-radius:24px;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.pricing-v30-card::before{
  border-radius:24px 24px 0 0;
}
.pricing-v30-card:hover{
  transform:translateY(-4px);
  box-shadow:0 34px 80px rgba(24,37,76,.13),0 8px 22px rgba(24,37,76,.05),inset 0 1px 0 #fff;
}
.pricing-v30-card--start{
  z-index:2;
  border-color:rgba(118,69,255,.72);
  background:radial-gradient(circle at 50% 6%,rgba(116,63,255,.10),transparent 32%),rgba(255,255,255,.97);
  box-shadow:0 34px 86px rgba(91,44,255,.18),0 8px 22px rgba(91,44,255,.08),inset 0 1px 0 #fff,0 0 0 1px rgba(113,55,255,.08);
}
.pricing-v30-card--grow{
  background:radial-gradient(circle at 84% 2%,rgba(37,102,255,.07),transparent 28%),rgba(255,255,255,.96);
}
.pricing-v30-badge{
  position:absolute;
  z-index:5;
  top:17px;
  right:16px;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  box-shadow:0 8px 20px rgba(50,40,100,.12);
}
.pricing-v30-badge--popular{
  color:#fff;
  background:linear-gradient(135deg,#6b35ff,#3616e8);
}
.pricing-v30-badge--value{
  color:#0c6c34;
  background:#e6f8ec;
  border:1px solid #d0efdb;
}
.pricing-v30-card__head{
  position:relative;
  z-index:2;
  min-height:108px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:28px 26px 0;
}
.pricing-v30-card__head .plan-name{
  margin:0 0 8px;
  font-size:16px;
}
.pricing-v30-card__eyebrow{
  margin:0;
  color:#7a849b;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.11em;
}
.pricing-v30-card__price{
  display:flex;
  align-items:baseline;
  gap:5px;
  padding-top:4px;
  white-space:nowrap;
}
.pricing-v30-card__price strong{
  color:#091633;
  font-size:43px;
  line-height:.95;
  font-weight:780;
  letter-spacing:-.055em;
}
.pricing-v30-card__price span{
  color:#53607a;
  font-size:13px;
  font-weight:650;
}
.pricing-v30-card__price--one{
  display:block;
  text-align:right;
}
.pricing-v30-card__price--one strong{
  display:block;
}
.pricing-v30-card__price--one span{
  display:block;
  margin-top:6px;
  font-size:10px;
}
.pricing-v30-card__volume{
  position:relative;
  z-index:2;
  margin:-2px 26px 18px;
  color:#263653;
  font-size:14px;
  font-weight:650;
}
.pricing-v30-visual{
  position:relative;
  height:246px;
  flex:0 0 246px;
  overflow:hidden;
  border-top:1px solid rgba(234,237,244,.82);
  border-bottom:1px solid rgba(224,228,237,.86);
}
.pricing-v30-visual--one{
  display:grid;
  place-items:center;
  padding:18px 24px;
  background:radial-gradient(circle at 50% 86%,rgba(111,63,255,.10),transparent 38%),linear-gradient(180deg,#fbfbff,#f3f1fb);
}
.one-deal-window{
  width:min(100%,330px);
  overflow:hidden;
  border:1px solid #e7e9f1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 17px 42px rgba(36,30,77,.13),0 2px 7px rgba(36,30,77,.05);
  transform:perspective(1000px) rotateX(1.2deg);
}
.one-deal-window__bar{
  height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  border-bottom:1px solid #edf0f6;
  font-size:7px;
  font-weight:800;
}
.one-deal-window__bar em{
  padding:5px 7px;
  border-radius:999px;
  color:#087d35;
  background:#e8f8ed;
  font-size:6px;
  font-style:normal;
  letter-spacing:.06em;
}
.one-deal-video{
  position:relative;
  height:135px;
  overflow:hidden;
  padding:14px;
  color:#fff;
  background:radial-gradient(circle at 78% 36%,rgba(131,87,255,.55),transparent 25%),linear-gradient(135deg,#0b102e,#1b1047 55%,#3b168c);
}
.one-deal-video::after{
  content:"";
  position:absolute;
  inset:-40% -10%;
  opacity:.34;
  background:repeating-linear-gradient(165deg,transparent 0 17px,rgba(138,106,255,.09) 18px 19px);
  transform:rotate(-5deg);
}
.one-deal-video__brand,.one-deal-video__copy,.one-deal-video__play,.one-deal-video__timeline{position:relative;z-index:2}
.one-deal-video__brand{font-size:5.5px;letter-spacing:.12em}
.one-deal-video__copy{margin-top:22px;font-size:16px;line-height:1.08;font-weight:760;letter-spacing:-.035em}
.one-deal-video__play{
  position:absolute;
  z-index:3;
  right:36px;
  top:45px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#7a46ff,#4a22e8);
  box-shadow:0 0 0 8px rgba(112,67,255,.12),0 10px 24px rgba(0,0,0,.22);
}
.one-deal-video__play span{font-size:13px;margin-left:2px}
.one-deal-video__timeline{position:absolute;left:14px;right:14px;bottom:11px;display:flex;align-items:center;gap:8px}
.one-deal-video__timeline i{height:3px;flex:1;border-radius:99px;background:linear-gradient(90deg,#8d68ff 0 68%,rgba(255,255,255,.25) 68%)}
.one-deal-video__timeline small{font-size:6px}
.one-deal-window__foot{
  height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 11px;
  color:#66738b;
  font-size:6.5px;
}
.one-deal-window__foot span{color:#087f37;font-weight:700}
.one-deal-window__foot b{color:#111f3c;font-size:6.5px}

.pricing-v30-visual--start{
  padding:16px 20px 13px;
  background:radial-gradient(circle at 50% 88%,rgba(103,52,255,.13),transparent 38%),linear-gradient(180deg,#fbfaff,#f1edff);
}
.volume-counter{
  position:absolute;
  z-index:5;
  right:17px;
  top:14px;
  min-width:70px;
  padding:8px 10px;
  border:1px solid rgba(110,68,255,.12);
  border-radius:10px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 20px rgba(61,42,121,.08);
}
.volume-counter span,.volume-counter strong{display:block}
.volume-counter span{color:#7a8498;font-size:5.5px;font-weight:800;letter-spacing:.09em}
.volume-counter strong{margin-top:4px;color:#5d2cff;font-size:16px;line-height:1}
.volume-counter em{color:#8c96a9;font-size:8px;font-style:normal;font-weight:700}
.deal-stack{position:relative;width:78%;height:100%;margin:0 auto}
.deal-stack__card{
  position:absolute;
  left:50%;
  width:83%;
  border:1px solid #e7e9f1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 13px 30px rgba(44,34,91,.11);
}
.deal-stack__card--back{top:15px;height:120px;padding:12px;transform:translateX(-50%) translateX(20px) rotate(3deg);opacity:.58}
.deal-stack__card--mid{top:27px;height:132px;padding:12px;transform:translateX(-50%) translateX(-15px) rotate(-2deg);opacity:.78}
.deal-stack__card--front{z-index:3;top:43px;height:172px;padding:13px;transform:translateX(-50%)}
.deal-stack__card--back span,.deal-stack__card--mid span{display:block;color:#172541;font-size:8px;font-weight:800}
.deal-stack__card--back b,.deal-stack__card--mid b{display:inline-block;margin-top:9px;padding:4px 6px;border-radius:999px;color:#5d2cff;background:#f0ebff;font-size:6px}
.deal-stack__card--front header{display:flex;justify-content:space-between;align-items:flex-start}
.deal-stack__card--front header small,.deal-stack__card--front header strong{display:block}
.deal-stack__card--front header small{color:#7b859a;font-size:5.5px}
.deal-stack__card--front header strong{margin-top:3px;color:#101f3b;font-size:9px}
.deal-stack__card--front header em{padding:4px 7px;border-radius:999px;color:#087f36;background:#e7f8ec;font-size:5.5px;font-style:normal;font-weight:800}
.mini-video{position:relative;height:74px;margin-top:11px;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#11142d,#27125b 58%,#6332c9)}
.mini-video::before{content:"DEAL CASE VIDEO";position:absolute;left:9px;top:8px;color:rgba(255,255,255,.82);font-size:4.8px;letter-spacing:.08em}
.mini-video>span{position:absolute;left:50%;top:50%;width:30px;height:30px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;color:#fff;background:#6a34ff;font-size:9px;box-shadow:0 0 0 6px rgba(108,58,255,.12)}
.mini-video>i{position:absolute;left:9px;right:9px;bottom:8px;height:2px;border-radius:99px;background:linear-gradient(90deg,#966fff 0 60%,rgba(255,255,255,.25) 60%)}
.mini-activity{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}
.mini-activity span{padding:4px 6px;border-radius:999px;color:#68748c;background:#f4f6fa;font-size:5.2px}
.mini-activity span:first-child{color:#087c35;background:#e9f8ed}

.pricing-v30-visual--grow{
  padding:15px 18px;
  background:radial-gradient(circle at 78% 25%,rgba(47,104,255,.08),transparent 28%),radial-gradient(circle at 25% 90%,rgba(104,55,255,.10),transparent 32%),linear-gradient(180deg,#fbfcff,#eef2fb);
}
.volume-counter--grow strong{color:#115eea}
.grow-volume-grid{
  height:100%;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  grid-template-rows:1fr 1fr;
  gap:8px;
  padding-top:15px;
}
.grow-volume-card{
  min-width:0;
  padding:10px;
  border:1px solid #e7eaf2;
  border-radius:11px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 20px rgba(42,54,90,.07);
}
.grow-volume-card--hero{grid-row:1/-1;padding:13px;background:linear-gradient(180deg,#fff,#faf9ff);box-shadow:0 14px 30px rgba(61,43,119,.11)}
.grow-volume-card small,.grow-volume-card b{display:block}
.grow-volume-card small{color:#6e7990;font-size:6px}
.grow-volume-card b{margin-top:5px;color:#12213e;font-size:8px}
.grow-volume-card>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}
.grow-volume-card>div span,.grow-volume-card>div em{padding:4px 6px;border-radius:999px;background:#f0ebff;color:#5b2cff;font-size:5px;font-style:normal}
.grow-volume-card>div em{background:#e8f8ed;color:#087e35}
.grow-volume-card--hero::after{content:"Buying activity";display:block;height:58px;margin-top:13px;padding-top:44px;border-radius:7px;color:#69758e;font-size:5px;background:linear-gradient(180deg,transparent,rgba(105,55,255,.04)),linear-gradient(155deg,transparent 0 40%,rgba(104,55,255,.13) 41% 43%,transparent 44% 51%,rgba(27,99,236,.13) 52% 54%,transparent 55%)}

.pricing-v30-card__body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:21px 26px 23px;
}
.pricing-v30-card__story{
  min-height:42px;
  margin:0;
  color:#152442;
  font-size:14px;
  line-height:1.45;
  font-weight:700;
}
.pricing-v30-card__full{
  margin:13px 0 15px;
  padding:10px 11px;
  border:1px solid #eceaf7;
  border-radius:10px;
  color:#4e3c85;
  background:#faf8ff;
  font-size:11.5px;
  font-weight:650;
}
.pricing-v30-card__full span{margin-right:7px;color:#6530ff;font-size:14px}
.pricing-v30-card .pricing-cta{margin-top:auto}
.pricing-v30-card__notes{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
  color:#66728a;
  font-size:10px;
  line-height:1.3;
}
.pricing-v30-card__notes span:first-child{font-weight:700;color:#5b2cff}
.pricing-v30-card--one .pricing-v30-card__notes span:first-child{color:#53607a}

.pricing-v30-included{
  margin-top:28px;
  padding:22px 24px 24px;
  border:1px solid rgba(225,229,239,.96);
  border-radius:22px;
  background:rgba(255,255,255,.80);
  box-shadow:0 18px 48px rgba(24,37,76,.06),inset 0 1px 0 #fff;
  backdrop-filter:blur(16px);
}
.pricing-v30-included__heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.pricing-v30-included__heading p{margin:0;color:#5b2cff;font-size:10px;font-weight:850;letter-spacing:.14em}
.pricing-v30-included__heading span{color:#738098;font-size:11px}
.pricing-v30-included__flow{
  display:grid;
  grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;
  align-items:center;
  gap:5px;
}
.pricing-v30-included__flow>div{
  min-height:72px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 11px;
  border:1px solid #edf0f5;
  border-radius:11px;
  background:#fff;
}
.pricing-v30-included__flow>span{color:#b4bbca;text-align:center;font-size:14px}
.pricing-v30-included__flow i{color:#7040ff;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.08em}
.pricing-v30-included__flow b{margin-top:4px;color:#152442;font-size:10px}
.pricing-v30-included__flow small{margin-top:3px;color:#748097;font-size:7px}

@media (max-width:1100px) and (min-width:769px){
  .pricing-v30__grid{gap:16px}
  .pricing-v30-card__head{padding-inline:20px}
  .pricing-v30-card__volume{margin-inline:20px}
  .pricing-v30-card__body{padding-inline:20px}
  .pricing-v30-card__price strong{font-size:37px}
  .pricing-v30-visual{height:230px;flex-basis:230px}
  .pricing-v30-included__flow>div{padding-inline:7px}
}

@media (max-width:768px){
  .pricing-v30{
    padding-top:76px;
    padding-bottom:72px;
  }
  .pricing-v30__heading{
    margin-bottom:26px;
    padding-inline:4px;
  }
  .pricing-v30__heading h2{
    font-size:clamp(37px,10.6vw,46px)!important;
    line-height:1.02;
  }
  .pricing-v30__heading .billing-switch{margin-top:22px}
  .pricing-v30__grid{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
  }
  .pricing-v30-card{
    width:100%!important;
    min-height:0!important;
    border-radius:22px;
    overflow:visible;
    transform:none!important;
  }
  .pricing-v30-badge{top:15px;right:14px}
  .pricing-v30-card__head{
    min-height:100px;
    padding:24px 22px 0;
  }
  .pricing-v30-card__head .plan-name{font-size:15px}
  .pricing-v30-card__price strong{font-size:42px}
  .pricing-v30-card__volume{margin:0 22px 16px;font-size:13px}
  .pricing-v30-visual{
    height:232px;
    flex-basis:232px;
  }
  .pricing-v30-card__body{padding:20px 22px 22px}
  .pricing-v30-card__story{min-height:0;font-size:14px}
  .pricing-v30-card__full{margin:12px 0 14px}
  .pricing-v30-card__notes{font-size:9.5px}
  .one-deal-window{width:min(100%,315px)}
  .deal-stack{width:88%}
  .grow-volume-grid{grid-template-columns:1fr 1fr}
  .pricing-v30-included{
    margin-top:24px;
    padding:20px 18px;
    border-radius:20px;
  }
  .pricing-v30-included__heading{
    display:block;
    margin-bottom:16px;
  }
  .pricing-v30-included__heading span{display:block;margin-top:7px}
  .pricing-v30-included__flow{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .pricing-v30-included__flow>span{display:none}
  .pricing-v30-included__flow>div{
    min-height:72px;
    padding:10px 12px;
  }
  .pricing-v30-included__flow>div:last-child{grid-column:1/-1}
}

@media (max-width:390px){
  .pricing-v30-card__head{padding-inline:18px}
  .pricing-v30-card__volume{margin-inline:18px}
  .pricing-v30-card__body{padding-inline:18px}
  .pricing-v30-visual{height:220px;flex-basis:220px}
  .pricing-v30-card__price strong{font-size:39px}
  .pricing-v30-card__eyebrow{max-width:120px}
  .grow-volume-grid{gap:6px;padding-top:18px}
}

/* V31 — Pricing premium polish + animated workflow */
.pricing-v30__heading{margin-bottom:30px}.pricing-v30-card{min-height:0;height:auto}.pricing-v30-card__head{min-height:96px;padding-top:23px}.pricing-v30-card--start .pricing-v30-card__head,.pricing-v30-card--grow .pricing-v30-card__head{padding-top:57px}.pricing-v30-card__volume{margin-bottom:13px}.pricing-v30-visual{height:220px;flex-basis:220px}.pricing-v30-card__body{flex:0 0 auto;padding:17px 26px 19px}.pricing-v30-card__story{min-height:38px;margin-bottom:14px}.pricing-v30-card .pricing-cta{margin-top:0}.pricing-v30-card__notes--single{justify-content:flex-start;min-height:13px;margin-top:10px}.pricing-v30-card__notes--single span{font-weight:700;color:#5b2cff}.pricing-v30-card--one .pricing-v30-card__notes--single span{color:#657187;font-weight:650}.pricing-v30-badge{top:16px;right:20px;min-height:25px;padding-inline:11px;font-size:9px;letter-spacing:.075em}.one-deal-window{width:min(100%,318px)}.deal-stack{width:84%}.deal-stack__card--front{top:34px}.grow-volume-grid{padding-top:11px}
.pricing-v31-included{position:relative;margin-top:34px;padding:28px 30px 30px;overflow:hidden;border:1px solid rgba(221,224,236,.95);border-radius:26px;background:radial-gradient(circle at 50% 110%,rgba(103,55,255,.11),transparent 38%),linear-gradient(180deg,#fff,#f9f8ff);box-shadow:0 24px 65px rgba(31,35,70,.08),inset 0 1px 0 #fff}.pricing-v31-included__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.pricing-v31-included__heading p{margin:0 0 7px;color:#6632ff;font-size:10px;font-weight:850;letter-spacing:.15em}.pricing-v31-included__heading h3{margin:0;color:#101d38;font-size:24px;line-height:1.06;letter-spacing:-.035em}.pricing-v31-included__heading>span{max-width:250px;color:#758198;font-size:11px;line-height:1.5;text-align:right}.pricing-v31-workflow{position:relative}.pricing-v31-workflow__track{position:absolute;left:6.8%;right:6.8%;top:28px;height:2px;overflow:hidden;border-radius:999px;background:#e8e8f1}.pricing-v31-workflow__progress{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c4cff,#5e2df4 58%,#2b75ff);box-shadow:0 0 14px rgba(105,54,255,.55);transition:width .65s cubic-bezier(.22,.8,.2,1)}.pricing-v31-workflow__steps{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.pricing-v31-step{position:relative;padding-top:46px;text-align:center;opacity:.48;transition:opacity .4s,transform .4s;cursor:pointer}.pricing-v31-step::before{content:"";position:absolute;left:50%;top:18px;width:20px;height:20px;transform:translateX(-50%);border:4px solid #fff;border-radius:50%;background:#d9dce7;box-shadow:0 0 0 1px #e6e8ef;transition:.4s}.pricing-v31-step.is-active{opacity:1;transform:translateY(-2px)}.pricing-v31-step.is-active::before{background:#6735ff;box-shadow:0 0 0 1px rgba(103,53,255,.22),0 0 0 7px rgba(103,53,255,.08),0 0 18px rgba(103,53,255,.28);transform:translateX(-50%) scale(1.06)}.pricing-v31-step.is-complete{opacity:.75}.pricing-v31-step.is-complete::before{background:#7e58ef}.pricing-v31-step i,.pricing-v31-step b,.pricing-v31-step small{display:block}.pricing-v31-step i{color:#8a93a6;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.1em}.pricing-v31-step b{margin-top:4px;color:#17233e;font-size:10px}.pricing-v31-step small{margin-top:3px;color:#7f899d;font-size:7px;white-space:nowrap}.pricing-v31-workflow__stage{position:relative;height:156px;margin-top:20px;overflow:hidden;border:1px solid #e3e5ef;border-radius:18px;background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(47,40,88,.05)}.pricing-v31-scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.3fr) auto;align-items:center;gap:24px;padding:24px 28px;opacity:0;transform:translateY(10px) scale(.995);pointer-events:none;transition:opacity .38s,transform .48s cubic-bezier(.22,.8,.2,1)}.pricing-v31-scene.is-active{opacity:1;transform:none}.workflow-scene-copy span,.workflow-scene-copy b,.workflow-scene-copy small{display:block}.workflow-scene-copy span{color:#6735ff;font-size:8px;font-weight:850;letter-spacing:.13em}.workflow-scene-copy b{margin-top:7px;color:#111f3b;font-size:17px;line-height:1.08}.workflow-scene-copy small{margin-top:6px;color:#768197;font-size:9px;line-height:1.45}.pricing-v31-scene>em{justify-self:end;padding:7px 10px;border:1px solid #e9e7f6;border-radius:999px;color:#5a3aa8;background:#f9f7ff;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}
.workflow-wave{height:68px;display:flex;align-items:center;justify-content:center;gap:5px}.workflow-wave i{width:4px;height:25%;border-radius:5px;background:linear-gradient(#a481ff,#6332ff);animation:v31wave 1.05s ease-in-out infinite alternate}.workflow-wave i:nth-child(3n){height:70%;animation-delay:-.4s}.workflow-wave i:nth-child(5n){height:88%;animation-delay:-.2s}@keyframes v31wave{to{transform:scaleY(1.5);opacity:.65}}.workflow-insights{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.workflow-insights span{padding:9px 12px;border-radius:999px;color:#553493;background:#f3efff;border:1px solid #e7ddff;font-size:8px;font-weight:750}.workflow-build-bars{display:grid;gap:9px;padding-inline:25px}.workflow-build-bars i{height:9px;border-radius:99px;background:linear-gradient(90deg,#7442ff,#a788ff 78%,#e9e3ff 78%);transform-origin:left;animation:v31build 1.3s ease both}.workflow-build-bars i:nth-child(2){width:88%}.workflow-build-bars i:nth-child(3){width:70%}.workflow-build-bars i:nth-child(4){width:80%}@keyframes v31build{from{transform:scaleX(.08);opacity:.25}to{transform:scaleX(1);opacity:1}}.workflow-video{position:relative;width:min(100%,340px);height:92px;margin:auto;overflow:hidden;border-radius:13px;color:#fff;background:radial-gradient(circle at 55% 35%,#7941e7,transparent 28%),linear-gradient(135deg,#15172e,#31145e 62%,#6c34ce);box-shadow:0 16px 32px rgba(42,25,90,.18)}.workflow-video>small{position:absolute;left:13px;top:11px;font-size:6px;letter-spacing:.1em;opacity:.8}.workflow-video>span{position:absolute;left:50%;top:48%;width:34px;height:34px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#7440ff;font-size:11px}.workflow-video>i{position:absolute;left:13px;right:13px;bottom:11px;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.22)}.workflow-video>i b{display:block;width:0;height:100%;background:#b395ff;animation:v31video 1.6s ease forwards}@keyframes v31video{to{width:100%}}.workflow-avatars{display:flex;align-items:center;justify-content:center}.workflow-avatars img,.workflow-avatars strong{width:42px;height:42px;margin-left:-8px;border:3px solid #fff;border-radius:50%;box-shadow:0 6px 15px rgba(37,43,74,.12)}.workflow-avatars img:first-child{margin-left:0}.workflow-avatars img{object-fit:cover}.workflow-avatars strong{display:grid;place-items:center;color:#6632ff;background:#f0ebff;font-size:9px}.workflow-answer{display:grid;gap:8px}.workflow-answer>div{max-width:330px;padding:10px 12px;border-radius:12px;color:#46536c;background:#f5f6fa;font-size:8px}.workflow-answer>div b{display:block;margin-bottom:3px;color:#17233e}.workflow-answer>div.is-ai{justify-self:end;color:#4c3c75;background:#f2edff;border:1px solid #e2d8ff}.workflow-answer>div.is-ai b{color:#6632ff}.workflow-events{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.workflow-events span{padding:9px 11px;border:1px solid #e5e9f1;border-radius:11px;color:#4e5d76;background:#fff;font-size:8px;box-shadow:0 8px 18px rgba(31,44,78,.06)}.workflow-events span:last-child{color:#087b36;background:#ebf9ef;border-color:#d7f1df}
@media(max-width:768px){.pricing-v30-card{min-height:0!important}.pricing-v30-card--start .pricing-v30-card__head,.pricing-v30-card--grow .pricing-v30-card__head{padding-top:57px}.pricing-v30-visual{height:218px;flex-basis:218px}.pricing-v31-included{margin-top:26px;padding:24px 18px 22px;border-radius:24px}.pricing-v31-included__heading{display:block;margin-bottom:22px}.pricing-v31-included__heading h3{font-size:24px}.pricing-v31-included__heading>span{display:block;max-width:none;margin-top:8px;text-align:left}.pricing-v31-workflow__track{left:17px;right:auto;top:18px;bottom:170px;width:2px;height:auto}.pricing-v31-workflow__progress{width:100%!important;height:0;transition:height .65s cubic-bezier(.22,.8,.2,1)}.pricing-v31-workflow__steps{grid-template-columns:1fr;gap:5px}.pricing-v31-step{min-height:47px;display:grid;grid-template-columns:44px 86px 1fr;align-items:center;padding:0;text-align:left}.pricing-v31-step::before{left:17px;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);border-width:3px}.pricing-v31-step.is-active{transform:none}.pricing-v31-step.is-active::before{transform:translate(-50%,-50%) scale(1.08)}.pricing-v31-step i{padding-left:40px}.pricing-v31-step b{margin:0;font-size:11px}.pricing-v31-step small{margin:0;font-size:8px;white-space:normal}.pricing-v31-workflow__stage{height:170px;margin-top:14px;border-radius:16px}.pricing-v31-scene{grid-template-columns:1fr;align-content:center;gap:10px;padding:17px 18px}.workflow-scene-copy b{font-size:15px}.workflow-scene-copy small{font-size:8px}.pricing-v31-scene>em{position:absolute;right:14px;top:14px;font-size:7px}.workflow-wave{height:45px;gap:4px}.workflow-insights{justify-content:flex-start;gap:5px}.workflow-insights span{padding:6px 8px;font-size:7px}.workflow-build-bars{padding:0;gap:6px;max-width:84%}.workflow-build-bars i{height:7px}.workflow-video{width:100%;height:76px}.workflow-avatars{justify-content:flex-start;padding-left:8px}.workflow-avatars img,.workflow-avatars strong{width:36px;height:36px}.workflow-answer{gap:5px}.workflow-answer>div{max-width:88%;padding:7px 9px;font-size:7px}.workflow-events{justify-content:flex-start;gap:5px}.workflow-events span{padding:6px 8px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.pricing-v31-included *{animation:none!important;transition:none!important}}


/* ============================================================
   V38 — VISUAL IMPACT LAYER
   Existing architecture preserved. Adds visible human/deal consequence
   to Hero, Four Ways and Included workflow.
   ============================================================ */

/* ---------- Hero: action → consequence ---------- */
.demo-impact-capture{position:absolute;right:0;bottom:4px;width:185px;display:grid;grid-template-columns:1fr;gap:4px;padding:9px;border:1px solid #e5e8f1;border-radius:11px;background:rgba(255,255,255,.97);box-shadow:0 10px 24px rgba(26,36,69,.07);opacity:0;transform:translateX(12px)}
.demo-impact-capture span{display:flex;align-items:center;gap:6px;color:#58657b;font-size:6.4px}.demo-impact-capture span i{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#e9f8ee;color:#078d37;font-style:normal}.demo-impact-capture b{margin-top:2px;padding-top:5px;border-top:1px solid #eef0f5;color:#0b8438;font-size:6.8px}.scene-capture.is-active .demo-impact-capture{animation:impactSlideIn .45s .78s ease forwards}.scene-capture.is-active .demo-impact-capture span:nth-child(1){animation:impactTaskDone .32s .95s ease both}.scene-capture.is-active .demo-impact-capture span:nth-child(2){animation:impactTaskDone .32s 1.1s ease both}.scene-capture.is-active .demo-impact-capture span:nth-child(3){animation:impactTaskDone .32s 1.25s ease both}

.demo-impact-analyze{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid #e7e9f3;border-radius:10px;background:linear-gradient(90deg,#fafbff,#f5f2ff);opacity:0;transform:translateY(6px)}.demo-impact-analyze span,.demo-impact-analyze strong{padding:6px 8px;border-radius:8px;font-size:6.3px;white-space:nowrap}.demo-impact-analyze .impact-raw{color:#778298;background:#fff}.demo-impact-analyze .impact-structured{color:#5937a9;background:#ede7ff}.demo-impact-analyze strong{color:#087d35;background:#e8f8ed}.demo-impact-analyze i{color:#9aa3b5;font-style:normal;font-size:9px}.scene-analyze.is-active .demo-impact-analyze{animation:impactReveal .45s .92s ease forwards}

.demo-impact-build{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:8px;border:1px solid #ebeaf5;border-radius:10px;background:#fbfaff;opacity:0}.demo-impact-build span{padding:5px 7px;border-radius:7px;background:#f1edff;color:#6540b4;font-size:5.9px}.demo-impact-build i{color:#a3aabd;font-style:normal}.demo-impact-build strong{padding:6px 8px;border-radius:8px;background:#e9f8ed;color:#087c35;font-size:6.2px}.scene-narrative.is-active .demo-impact-build{animation:impactReveal .4s .8s ease forwards}.scene-narrative.is-active .demo-impact-build span{animation:impactConverge .45s .86s ease both}

.demo-impact-video{display:flex;align-items:center;gap:6px;margin-top:8px}.demo-impact-video span{padding:6px 8px;border:1px solid #e6e8ef;border-radius:8px;background:#fff;color:#6d788d;font-size:6.1px;opacity:.95}.demo-impact-video strong{margin-left:auto;padding:6px 8px;border-radius:8px;background:#e9f8ed;color:#087c35;font-size:6.3px}.scene-video.is-active .demo-impact-video span{animation:impactTaskVanish .55s .55s ease forwards}.scene-video.is-active .demo-impact-video span:nth-child(2){animation-delay:.72s}.scene-video.is-active .demo-impact-video span:nth-child(3){animation-delay:.89s}.scene-video.is-active .demo-impact-video strong{animation:impactPop .35s 1.05s ease both}

.demo-propagation{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;padding:7px 9px;border-radius:10px;background:#f8f7ff;border:1px solid #ebe7ff;opacity:0}.demo-propagation span{padding:5px 7px;border-radius:7px;background:#fff;color:#4f5d75;font-size:5.9px}.demo-propagation i{width:12px;height:1px;background:linear-gradient(90deg,#9d83ff,#6635ff);transform-origin:left;transform:scaleX(0)}.demo-propagation strong{margin-left:6px;color:#087c35;font-size:6.1px}.scene-share.is-active .demo-propagation{animation:impactReveal .35s .68s ease forwards}.scene-share.is-active .demo-propagation i{animation:impactLine .32s .86s ease forwards}.scene-share.is-active .demo-propagation i:nth-of-type(2){animation-delay:1.02s}.scene-share.is-active .demo-propagation i:nth-of-type(3){animation-delay:1.18s}

.demo-no-seller{display:flex;align-items:center;gap:8px;margin-top:8px;padding:9px 11px;border:1px solid #dcefe2;border-radius:10px;background:#f0faf3;opacity:0;transform:translateY(6px)}.demo-no-seller>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#dff5e6;color:#078b38}.demo-no-seller b{color:#087c35;font-size:7px}.demo-no-seller small{margin-left:auto;color:#6c788d;font-size:6.2px}.scene-qa.is-active .demo-no-seller{animation:impactReveal .4s .82s ease forwards}

.demo-momentum{height:178px!important}.momentum-values{display:flex;align-items:baseline;gap:5px;margin-top:16px}.momentum-values em,.momentum-values strong{font-style:normal}.momentum-values em{color:#8a94a7;font-size:13px}.momentum-values i{color:#aeb5c2;font-style:normal;font-size:9px}.momentum-values strong{color:#078d37;font-size:27px;letter-spacing:-.04em}.momentum-bar{height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:#e7efe9}.momentum-bar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#71c991,#0a9a3e)}.next-best-action{margin-top:11px;padding:8px 9px;border:1px solid #d9efe0;border-radius:9px;background:#effaf2;opacity:0;transform:translateY(5px)}.next-best-action b,.next-best-action strong{display:block}.next-best-action b{color:#7b8799;font-size:5.4px;letter-spacing:.11em}.next-best-action strong{margin-top:3px;color:#078438;font-size:7px}.scene-track.is-active .momentum-bar span{animation:impactMomentum 1.1s .72s cubic-bezier(.22,1,.36,1) forwards}.scene-track.is-active .next-best-action{animation:impactReveal .38s 1.25s ease forwards}

/* ---------- Four ways: visual consequence inside existing panels ---------- */
.feature-impact{margin-top:12px;padding:10px;border-radius:12px;border:1px solid #eceaf5;background:#fbfaff;font-size:10px}.feature-impact span,.feature-impact strong{display:block}.feature-impact--build span{position:relative;padding:5px 7px 5px 24px;color:#657086}.feature-impact--build span::before{content:'✓';position:absolute;left:6px;color:#0a923d}.feature-impact--build strong{margin-top:6px;padding:8px;border-radius:8px;background:#eee8ff;color:#5d32d9}.feature-impact--empower,.feature-impact--support{display:flex!important;align-items:center;justify-content:center;gap:5px}.feature-impact--empower span,.feature-impact--support span,.feature-impact--support strong{padding:6px 7px;border-radius:8px;background:#fff;color:#56647d}.feature-impact--empower i,.feature-impact--support i{color:#8ea0b5;font-style:normal}.feature-impact--support strong{color:#245fd8;background:#eef3ff}.feature-impact--control{display:grid;grid-template-columns:1fr 1fr;gap:6px}.feature-impact--control span{padding:6px 7px;border-radius:8px;background:#fff;color:#627087}.feature-impact--control strong{grid-column:1/-1;padding:8px;border-radius:8px;background:#fff0e9;color:#df4a12}

.feature-desktop-panel__inner{grid-template-columns:minmax(0,.75fr) minmax(340px,1.25fr)!important;align-items:center}.feature-desktop-impact{min-height:96px;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:16px;border:1px solid rgba(224,225,237,.9);background:rgba(255,255,255,.66)}.feature-desktop-impact span,.feature-desktop-impact strong{padding:8px 10px;border-radius:10px;background:#fff;color:#58667d;font-size:11px;box-shadow:0 6px 16px rgba(36,43,74,.05)}.feature-desktop-impact strong{color:#5e31d4;background:#f1edff}.feature-desktop-impact i{color:#a0a8b7;font-style:normal}.feature-desktop-impact--build{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.feature-desktop-impact--build span{text-decoration:line-through;text-decoration-color:#9cafb5}.feature-desktop-impact--build strong{grid-column:1/-1;text-align:center}.feature-desktop-impact--control{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.feature-desktop-impact--control strong{grid-column:1/-1;text-align:center;color:#d94b17;background:#fff0e9}.feature-desktop-impact--empower i{animation:impactPulseArrow 1.4s ease infinite}.feature-desktop-impact--support strong{color:#245fd8;background:#eef3ff}

/* ---------- Included workflow: consequence becomes the visual ---------- */
.workflow-task-clear{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:center}.workflow-task-clear span{position:relative;padding:8px 8px 8px 25px;border:1px solid #e6e9f0;border-radius:9px;background:#fff;color:#637087;font-size:7px}.workflow-task-clear span::before{content:'✓';position:absolute;left:8px;color:#0b963e}.workflow-task-clear strong{grid-column:1/-1;text-align:center;padding:7px;border-radius:8px;background:#eaf8ee;color:#087d35;font-size:7px}.pricing-v31-scene.is-active .workflow-task-clear span{animation:impactTaskDone .4s ease both}.pricing-v31-scene.is-active .workflow-task-clear span:nth-child(2){animation-delay:.16s}.pricing-v31-scene.is-active .workflow-task-clear span:nth-child(3){animation-delay:.32s}
.workflow-decision-flow,.workflow-answer-impact{display:flex;align-items:center;justify-content:center;gap:7px}.workflow-decision-flow span,.workflow-decision-flow strong,.workflow-answer-impact>div,.workflow-answer-impact>strong{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #e7e9f1;color:#5c6980;font-size:7px}.workflow-decision-flow strong{color:#087d35;background:#eaf8ee}.workflow-decision-flow i,.workflow-answer-impact>i{font-style:normal;color:#a3abb8}.workflow-answer-impact .is-ai{color:#5d36a9;background:#f1edff}.workflow-answer-impact>strong{color:#087d35;background:#eaf8ee}
.workflow-narrative-converge{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.workflow-narrative-converge span{padding:7px 8px;border-radius:8px;background:#f2eeff;color:#6847aa;font-size:6.6px}.workflow-narrative-converge i{font-style:normal;color:#a4acba}.workflow-narrative-converge strong{padding:9px 10px;border-radius:9px;background:#e9f8ed;color:#087d35;font-size:7px}
.workflow-video-impact{display:flex;align-items:center;gap:12px}.workflow-video-impact .workflow-video{flex:1}.workflow-task-fade{display:grid;gap:5px;min-width:90px}.workflow-task-fade span{padding:6px 7px;border-radius:7px;background:#fff;border:1px solid #e7e9f1;color:#6e788b;font-size:6.5px}.workflow-task-fade strong{padding:7px;border-radius:7px;background:#eaf8ee;color:#087d35;font-size:6.7px}.pricing-v31-scene.is-active .workflow-task-fade span{animation:impactTaskVanish .5s ease forwards}.pricing-v31-scene.is-active .workflow-task-fade span:nth-child(2){animation-delay:.18s}.pricing-v31-scene.is-active .workflow-task-fade span:nth-child(3){animation-delay:.36s}
.workflow-propagation{display:flex;align-items:center;justify-content:center;gap:7px}.workflow-propagation figure{margin:0;text-align:center}.workflow-propagation img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 4px #e5e8ef}.workflow-propagation b{display:block;margin-top:6px;color:#546179;font-size:6.3px}.workflow-propagation i{width:22px;height:2px;background:linear-gradient(90deg,#a98cff,#6a36ff);transform-origin:left;transform:scaleX(0)}.pricing-v31-scene.is-active .workflow-propagation i{animation:impactLine .35s ease forwards}.pricing-v31-scene.is-active .workflow-propagation i:nth-of-type(2){animation-delay:.2s}.pricing-v31-scene.is-active .workflow-propagation i:nth-of-type(3){animation-delay:.4s}
.workflow-momentum{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.workflow-momentum .workflow-events{justify-content:flex-start}.workflow-momentum-score{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:12px;border-radius:12px;background:#f5fbf6;border:1px solid #dcefe1}.workflow-momentum-score span{width:100%;color:#5b687f;font-size:6.6px}.workflow-momentum-score b{color:#839087;font-size:12px}.workflow-momentum-score strong{color:#078d37;font-size:21px}.workflow-momentum-score i{color:#9aafa0;font-style:normal}.workflow-momentum-score em{width:100%;margin-top:4px;padding:6px;border-radius:7px;background:#e7f8ec;color:#087c35;font-size:6.6px;font-style:normal;font-weight:700}
.workflow-payoff{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:18px;background:linear-gradient(135deg,#10152d,#2f155f 56%,#6030c9);color:#fff;opacity:0;pointer-events:none;transform:scale(.985);transition:.36s ease}.workflow-payoff span{font-size:11px;letter-spacing:.14em;opacity:.7}.workflow-payoff i{font-style:normal;color:#a888ff}.workflow-payoff strong{font-size:18px;letter-spacing:-.02em}.pricing-v31-included.is-payoff .workflow-payoff{opacity:1;transform:none}

/* ---------- Mobile hero impact ---------- */
.m-impact-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.m-impact-tasks span{padding:6px 5px;border:1px solid #e6e9f0;border-radius:8px;background:#fff;color:#647188;font-size:7px}.m-impact-tasks b{grid-column:1/-1;padding:7px;border-radius:8px;background:#eaf8ee;color:#087c35;font-size:7px}.m-impact-tasks--fade span{animation:impactTaskVanish .55s ease forwards}.m-impact-flow,.m-propagation,.m-momentum{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;padding:7px;border-radius:9px;background:#f7f5ff}.m-impact-flow span,.m-propagation span{padding:5px 6px;border-radius:7px;background:#fff;color:#59667d;font-size:6.8px}.m-impact-flow b{padding:5px 6px;border-radius:7px;background:#eaf8ee;color:#087d35;font-size:6.8px}.m-impact-flow i,.m-propagation i,.m-momentum i{color:#9da7b6;font-style:normal}.m-champion-ready,.m-no-seller,.m-next-action{margin-top:8px;padding:8px 9px;border-radius:9px;background:#eaf8ee;color:#087c35;font-size:7px;font-weight:700}.m-no-seller{text-align:center}.m-momentum{justify-content:flex-start;background:#f4faf5;border:1px solid #dcefe1}.m-momentum span{margin-right:auto;color:#617087;font-size:7px}.m-momentum b{color:#87928b;font-size:11px}.m-momentum strong{color:#078d37;font-size:17px}.m-next-action small,.m-next-action b{display:block}.m-next-action small{font-size:5.8px;letter-spacing:.1em}.m-next-action b{margin-top:3px;font-size:8px}

@keyframes impactReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes impactSlideIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes impactTaskDone{from{opacity:.35;transform:translateX(-5px)}to{opacity:1;transform:none}}
@keyframes impactTaskVanish{to{opacity:.24;filter:grayscale(1);text-decoration:line-through;transform:translateY(-2px)}}
@keyframes impactPop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@keyframes impactLine{to{transform:scaleX(1)}}
@keyframes impactConverge{from{transform:translateX(-5px);opacity:.4}to{transform:none;opacity:1}}
@keyframes impactMomentum{to{width:82%}}
@keyframes impactPulseArrow{50%{transform:translateX(3px);opacity:.55}}

@media(max-width:768px){
  .feature-desktop-impact{display:none!important}
  .feature-impact{font-size:9px;margin-top:10px}
  .workflow-task-clear{grid-template-columns:1fr 1fr}.workflow-task-clear span:nth-child(3){grid-column:1/-1}.workflow-task-clear strong{grid-column:1/-1}
  .workflow-decision-flow,.workflow-answer-impact{justify-content:flex-start;flex-wrap:wrap}.workflow-decision-flow span,.workflow-decision-flow strong,.workflow-answer-impact>div,.workflow-answer-impact>strong{padding:6px 7px;font-size:6.6px}.workflow-narrative-converge{justify-content:flex-start}.workflow-video-impact{display:grid;grid-template-columns:1fr}.workflow-task-fade{grid-template-columns:repeat(3,1fr)}.workflow-task-fade strong{grid-column:1/-1;text-align:center}.workflow-propagation{gap:4px}.workflow-propagation img{width:30px;height:30px}.workflow-propagation i{width:10px}.workflow-momentum{grid-template-columns:1fr;gap:8px}.workflow-momentum-score{padding:8px}.workflow-payoff{gap:8px;padding:14px;text-align:center}.workflow-payoff span{font-size:7px}.workflow-payoff strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.demo-impact-capture,.demo-impact-analyze,.demo-impact-build,.demo-propagation,.demo-no-seller,.next-best-action{opacity:1!important;transform:none!important}.workflow-payoff{transition:none!important}}

/* V38 refinement: collision-safe impact layout */
.demo-impact-capture{position:relative!important;right:auto!important;bottom:auto!important;width:auto!important;margin:7px 0!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;padding:7px 8px!important;transform:translateY(6px)!important}.demo-impact-capture span{justify-content:center;white-space:nowrap}.demo-impact-capture b{grid-column:1/-1;text-align:center;margin-top:0!important;padding-top:4px!important}.scene-capture.is-active .demo-impact-capture{animation:impactReveal .4s .72s ease forwards!important}
.feature-desktop-panel__copy{flex:1 1 38%!important;max-width:none!important}.feature-desktop-impact{flex:1 1 56%!important;min-width:0}.feature-desktop-panel__inner{display:flex!important}
@media(max-width:1180px) and (min-width:769px){.feature-desktop-impact span,.feature-desktop-impact strong{font-size:9px;padding:7px 8px}.feature-desktop-panel__copy p{font-size:15px}}


/* V39 — Hero impact line: distinct benefit hierarchy without adding layout weight */
@media (min-width:769px){
  .deal-demo__scene{padding-bottom:34px;box-sizing:border-box}
  .demo-impact-line{position:absolute;left:0;right:0;bottom:0;height:27px;display:flex;align-items:center;gap:9px;padding:0 2px;border-top:1px solid rgba(90,72,160,.10);opacity:0;transform:translateY(4px);animation:none;color:#26334e}
  .deal-demo__scene.is-active .demo-impact-line{animation:v39ImpactLine .42s 1.15s cubic-bezier(.22,1,.36,1) forwards}
  .demo-impact-line span{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#f2efff;color:#6332e7;font-size:5.8px;font-weight:900;letter-spacing:.12em}
  .demo-impact-line b{font-size:8.4px;font-weight:760;letter-spacing:-.005em;color:#24314c}
  .demo-impact-line::after{content:'→';margin-left:auto;color:#a1a8b7;font-size:8px}
  .demo-impact-line--payoff b{color:#0a7d3b}.demo-impact-line--payoff span{background:#eaf8ee;color:#087b39}
}
@keyframes v39ImpactLine{to{opacity:1;transform:none}}
@media (max-width:768px){
  .m-impact-line{display:flex;align-items:center;gap:8px;min-height:27px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(90,72,160,.10);opacity:0;transform:translateY(4px);animation:v39ImpactLine .4s .72s cubic-bezier(.22,1,.36,1) forwards}
  .m-impact-line span{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#f2efff;color:#6332e7;font-size:6px;font-weight:900;letter-spacing:.11em}
  .m-impact-line b{color:#24314c;font-size:9.5px;font-weight:780;letter-spacing:-.01em}
  .m-impact-line::after{content:'→';margin-left:auto;color:#a1a8b7;font-size:8px}
  .m-impact-line--payoff b{color:#087b39}.m-impact-line--payoff span{background:#eaf8ee;color:#087b39}
  .mobile-demo-stage{min-height:312px}
}
@media(prefers-reduced-motion:reduce){.demo-impact-line,.m-impact-line{opacity:1!important;transform:none!important;animation:none!important}}

/* V61 — Hero conversion / reward layer */
.hero-actions{flex-wrap:wrap;align-items:center}
.hero-cta-proof{display:flex;flex-direction:column;gap:3px;max-width:285px;margin-left:12px;color:#64708a;font-size:11px;line-height:1.3}
.hero-cta-proof b{color:#5b2cff;font-size:11px;font-weight:750}
.hero-cta-proof span{font-weight:500}
@media(max-width:760px){.hero-cta-proof{width:100%;max-width:320px;margin:8px 0 0;text-align:center;align-items:center}.hero-actions{justify-content:center}}

/* V63 — premium product-faithful 9-stage hero story */
.deal-demo-v63{height:350px!important}.deal-demo-v63 .deal-demo__rail{grid-template-columns:repeat(9,1fr)!important;padding:0 12px!important;gap:0!important}.deal-demo-v63 .deal-demo__step{font-size:5.4px!important;letter-spacing:.04em!important}.deal-demo-v63 .deal-demo__viewport{height:320px!important;padding:14px 16px 12px!important;background:linear-gradient(180deg,#fff 0%,#fdfdff 100%)!important}
.dd-screen{inset:14px 16px 12px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#11173b}.dd-app-head{height:29px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ececf5;margin-bottom:9px}.dd-app-head b{font-size:11px;color:#11173b}.dd-app-head span{font-size:6.5px;color:#536083}.dd-app-head em{margin-left:auto;font-style:normal;font-size:5.7px;color:#4330c9;padding:4px 7px;border-radius:7px;background:#f5f3ff}.dd-two{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(118px,.85fr);gap:9px}.dd-three{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:8px}.dd-panel{border:1px solid #e4e5f1;border-radius:9px;background:#fff;padding:10px;box-shadow:0 5px 15px rgba(28,25,74,.025)}.dd-panel>small,.dd-player>small{display:block;color:#3122c9;font-weight:800;font-size:5.6px;letter-spacing:.07em;margin-bottom:7px}.dd-panel h3,.dd-drop h3{font-size:9px;margin:0 0 7px}.dd-panel label{display:block;font-size:6px;font-weight:700;margin:6px 0 3px}.dd-input,.dd-textarea{border:1px solid #e5e6f0;border-radius:6px;padding:6px 7px;color:#67718c;font-size:6px}.dd-textarea{height:34px}.dd-side{text-align:left}.dd-side .dd-bot{margin:7px auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#4d27ff 0 28%,#eee9ff 30% 55%,#faf9ff 57%);color:#fff;font-size:13px}.dd-side>b{display:block;font-size:7px;margin:7px 0 3px}.dd-side p{font-size:5.7px;color:#65708c;line-height:1.35}.dd-meter,.dd-progress{height:5px;border-radius:99px;background:#ebe9fa;overflow:hidden;margin-top:10px}.dd-meter i{display:block;height:100%;background:#5930ff;border-radius:99px}.dd-drop{height:105px;border:1px solid #bcb2ff;border-radius:9px;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(180deg,#fff,#fbfaff)}.dd-drop strong{font-size:22px;color:#542cff}.dd-drop p{font-size:5.5px;color:#65708c;margin:0 0 6px}.dd-drop button,.dd-link button{border:1px solid #9c8cff;background:#fff;color:#4f2cff;border-radius:5px;padding:4px 8px;font-size:5.5px;font-weight:700}.dd-files{margin-top:7px;border:1px solid #e5e6f0;border-radius:8px;overflow:hidden}.dd-file{display:grid;grid-template-columns:16px 1fr auto;align-items:center;padding:5px 7px;border-bottom:1px solid #eeeef4;font-size:5.7px}.dd-file:last-child{border:0}.dd-file i{color:#5a30ff}.dd-file span{color:#08a04b}.dd-stat{font-size:12px;font-weight:800;margin:8px 0;color:#161b42}.dd-stat span{font-size:6px;font-weight:500;color:#67718c}.dd-progress{display:flex;align-items:center;overflow:visible;margin:5px 0 8px;position:relative}.dd-progress i{width:72%;height:100%;background:#5a30ff;border-radius:99px;animation:ddGrow 1.4s ease both}.dd-progress b{position:absolute;right:0;top:-3px;font-size:6px;color:#542cff}.dd-analysis{display:flex;align-items:center;border-top:1px solid #eeeef4;padding:7px 2px}.dd-analysis i{width:18px;height:18px;border-radius:6px;background:#f4f2ff;display:grid;place-items:center;color:#08a04b;font-size:7px}.dd-analysis span{display:flex;justify-content:space-between;align-items:center;flex:1;margin-left:7px}.dd-analysis b{font-size:6.5px}.dd-analysis small{font-size:5.5px;color:#08a04b}.dd-analysis.active i,.dd-analysis.active small{color:#5a30ff}.dd-ring{width:72px;height:72px;margin:10px auto;border-radius:50%;display:grid;place-items:center;align-content:center;font-size:19px;font-weight:800;background:radial-gradient(circle,#fff 0 55%,transparent 56%),conic-gradient(#5a30ff 0 87%,#ebe7ff 87%)}.dd-ring.green{background:radial-gradient(circle,#fff 0 55%,transparent 56%),conic-gradient(#06a84f 0 87%,#e3f4e9 87%)}.dd-ring sup{font-size:8px}.dd-ring small{font-size:5px;color:#08a04b}.dd-banner{height:40px;border:1px solid #dfdcff;border-radius:9px;background:linear-gradient(90deg,#fbfaff,#fff);display:flex;align-items:center;padding:0 11px;margin-bottom:9px}.dd-banner b{font-size:8px}.dd-banner span{margin-left:auto;font-size:5.5px;color:#596581}.dd-doc{height:135px;margin-top:6px;padding:13px 11px;background:linear-gradient(135deg,#fff,#f8f7ff);border-radius:7px;box-shadow:0 10px 25px rgba(45,32,120,.09);transform:rotate(-1.5deg)}.dd-doc h3{font-size:10px;margin-top:18px}.dd-doc p{font-size:5.7px;line-height:1.5;color:#58647f}.dd-check{font-size:6px;color:#08a04b;padding:7px 0;border-bottom:1px solid #f0f0f5}.dd-check span{color:#172042;font-weight:700;margin-left:5px}.dd-video-layout{display:grid;grid-template-columns:105px 1fr 120px;gap:8px}.dd-settings b{display:block;padding:7px;border:1px solid #e5e6f0;border-radius:6px;margin:6px 0;font-size:6px}.dd-player{height:195px;border-radius:9px;background:radial-gradient(circle at 70% 70%,#281059,#060b2a 55%,#03061b);padding:12px;color:#fff;text-align:center;position:relative;overflow:hidden}.dd-player h3{font-size:16px;line-height:1.05;margin:26px 0 12px}.dd-player button{width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#4c22ef}.dd-playbar{position:absolute;left:12px;right:12px;bottom:11px;border-top:2px solid #7654ff;padding-top:5px;text-align:left;font-size:5px}.dd-playbar span{float:right}.dd-link{padding:8px;border:1px solid #c7bdff;border-radius:7px;font-size:6px;color:#3522c7;margin:7px 0 13px}.dd-link button{float:right;margin-top:-4px}.dd-recips{display:flex;gap:5px;margin-top:7px}.dd-recips b{flex:1;padding:8px 5px;border:1px solid #e3e4ef;border-radius:7px;font-size:5.5px}.dd-mini-video{height:80px;border-radius:7px;background:radial-gradient(circle,#35138a,#070b2c);display:grid;place-items:center;color:#fff;font-size:18px;margin:7px 0}.dd-qa{display:grid;grid-template-columns:135px 1fr 115px;gap:8px}.dd-q{padding:8px 5px;border-bottom:1px solid #ececf3;font-size:5px;color:#69738d}.dd-q b{display:block;color:#151b3f;font-size:6.2px;margin-top:4px}.dd-q.active{border:1px solid #7e61ff;border-radius:7px;background:#fbfaff}.dd-aianswer{margin-top:9px;padding:11px;border:1px solid #ccebd7;border-radius:8px;background:linear-gradient(135deg,#f4fbf6,#fff)}.dd-aianswer b{font-size:5.5px;color:#079846}.dd-aianswer p{font-size:6.5px;line-height:1.5}.dd-aianswer small{font-size:5px;color:#64708a}.dd-gauge{font-size:30px;font-weight:800;color:#11173b;text-align:center;margin:18px 0}.dd-gauge small{display:block;font-size:7px;color:#08a04b}.dd-event{padding:7px 5px;border-bottom:1px solid #eeeef4;font-size:5.6px}.dd-action{position:relative;padding:12px 8px 12px 28px;border:1px solid #dbece1;border-radius:8px;background:#f7fcf8;margin:7px 0}.dd-action i{position:absolute;left:8px;color:#08a04b}.dd-action b{font-size:6.5px}.dd-action small{float:right;font-size:4.8px;color:#079846}.dd-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.dd-kpi{border:1px solid #e4e5f1;border-radius:8px;padding:7px;background:#fff;position:relative}.dd-kpi small{font-size:4.8px}.dd-kpi b{display:block;font-size:12px;margin-top:2px}.dd-kpi em{position:absolute;right:6px;bottom:6px;color:#08a04b;font-style:normal}.dd-overgrid{display:grid;grid-template-columns:1.35fr .8fr .9fr;gap:8px}.dd-deal{display:grid;grid-template-columns:1fr auto 25px;align-items:center;padding:9px 3px;border-bottom:1px solid #eeeef4;font-size:5.5px}.dd-deal span{padding:3px 5px;border-radius:5px;background:#e9f8ee;color:#079846}.dd-deal span.risk{background:#fff2e6;color:#e47716}.dd-deal strong{text-align:right}.dd-chart{height:70px;display:flex;align-items:end;gap:5px;padding-top:10px}.dd-chart i{width:12%;background:linear-gradient(#704cff,#d8d0ff);border-radius:3px 3px 0 0;animation:ddBars .8s ease both}.dd-chart i:nth-child(1){height:30%}.dd-chart i:nth-child(2){height:50%}.dd-chart i:nth-child(3){height:42%}.dd-chart i:nth-child(4){height:70%}.dd-chart i:nth-child(5){height:62%}.dd-chart i:nth-child(6){height:90%}@keyframes ddGrow{from{width:0}}@keyframes ddBars{from{height:0}}
.deal-demo-v63 .dd-screen.is-active{animation:ddSceneIn .55s cubic-bezier(.22,1,.36,1) both}.deal-demo-v63 .dd-screen.is-leaving{animation:ddSceneOut .32s ease both}@keyframes ddSceneIn{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}@keyframes ddSceneOut{to{opacity:0;transform:translateY(-5px) scale(.995)}}
@media(max-width:900px){.deal-demo-v63{display:none!important}}


/* V64 — premium CTA geometry + typography */
.cta{
  position:relative;
  isolation:isolate;
  min-width:0;
  white-space:nowrap;
  font-weight:650;
  letter-spacing:-.012em;
  line-height:1;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(112deg,#2568f2 0%,#5b39f3 52%,#8237ef 100%);
  box-shadow:0 12px 28px rgba(73,54,221,.23),0 3px 8px rgba(25,46,115,.10),inset 0 1px 0 rgba(255,255,255,.36);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.cta::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 48%);
  pointer-events:none;
}
.cta:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(73,54,221,.28),0 4px 10px rgba(25,46,115,.11),inset 0 1px 0 rgba(255,255,255,.42);
  filter:saturate(1.03);
}
.cta span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin-left:4px;
  font-size:19px;
  font-weight:350;
  line-height:1;
  transform:translateY(-.5px);
}
.cta-small{
  height:52px;
  min-width:154px;
  padding:0 20px 0 23px;
  gap:13px;
  border-radius:14px;
  font-size:15px;
}
.header-actions{gap:25px}
.hero-actions{
  display:grid;
  grid-template-columns:max-content minmax(0,285px);
  column-gap:18px;
  row-gap:9px;
  align-items:center;
}
.hero-actions .cta{
  width:auto;
  min-width:222px;
  height:58px;
  padding:0 22px 0 25px;
  gap:14px;
  border-radius:15px;
  font-size:16px;
}
.hero-cta-proof{
  margin-left:0;
  max-width:265px;
  justify-self:start;
}
.hero-actions .watch{display:none}
@media(max-width:760px){
  .cta.cta-small{min-width:0!important;white-space:nowrap!important;padding:0 16px!important;height:44px!important;font-size:14px!important}
  .hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  .hero-actions .cta{width:100%!important;min-width:0!important;white-space:nowrap!important}
  .hero-cta-proof{max-width:100%!important;margin:0!important}
}

/* ============================================================
   V65 — Screenshot-faithful Deal Drive animation design system
   Source of truth: supplied product captures + DealDrive light tokens.
   ============================================================ */
@media (min-width:901px){
.deal-demo-v63{height:350px!important;background:#f7f8fc!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(28,40,90,.05),0 6px 16px -4px rgba(28,40,90,.10),inset 0 1px 0 #fff,0 0 0 1px rgba(28,40,90,.07)!important;overflow:hidden!important}
.deal-demo-v63 .deal-demo__rail{height:39px!important;align-items:end!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid rgba(28,40,90,.07)!important}
.deal-demo-v63 .deal-demo__step{padding:0 2px 10px!important;color:#6b727c!important;font-size:5.7px!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important}
.deal-demo-v63 .deal-demo__step::before{content:attr(data-demo-step);display:inline-grid;place-items:center;width:15px;height:15px;margin-right:4px;border:1px solid rgba(28,40,90,.12);border-radius:999px;background:#fff;color:#282e37;font-size:5px;vertical-align:middle}
.deal-demo-v63 .deal-demo__step.is-active{color:#282e37!important}.deal-demo-v63 .deal-demo__step.is-active::before{color:#fff;border-color:#7056f1;background:linear-gradient(180deg,#816cff,#5b32f4);box-shadow:0 0 0 3px rgba(112,86,241,.10)}
.deal-demo-v63 .deal-demo__step::after{left:20%!important;right:20%!important;height:1.5px!important;background:linear-gradient(90deg,#1c6ce1,#7056f1 52%,#ab35de)!important}
.deal-demo-v63 .deal-demo__viewport{height:311px!important;padding:0!important;background:#f7f8fc!important}
.deal-demo-v63 .dd-screen{inset:0!important;padding:12px 14px 13px!important;color:#282e37!important;background:radial-gradient(46% 30% at 84% -4%,rgba(112,86,241,.045),transparent 66%),#f7f8fc!important}
.dd-app-head{height:31px!important;margin:0 0 10px!important;padding:0 1px 7px!important;border-bottom:1px solid rgba(28,40,90,.07)!important;gap:8px!important}.dd-app-head b{font-size:11.5px!important;font-weight:750!important;letter-spacing:-.035em!important;color:#151a38!important}.dd-app-head span{font-size:6.4px!important;font-weight:500!important;color:#4b515b!important}.dd-app-head em{font-size:5.5px!important;font-weight:650!important;color:#166be8!important;background:#fff!important;border:1px solid rgba(112,86,241,.12)!important;box-shadow:0 1px 2px rgba(28,40,90,.04)!important}
.dd-panel{border:0!important;border-radius:10px!important;background:#fff!important;padding:10px!important;box-shadow:0 1px 2px rgba(28,40,90,.05),0 6px 16px -4px rgba(28,40,90,.08),inset 0 1px 0 #fff,0 0 0 1px rgba(28,40,90,.07)!important}.dd-panel>small,.dd-player>small{color:#7056f1!important;font-size:5.4px!important;font-weight:800!important;letter-spacing:.12em!important}.dd-panel h3,.dd-drop h3{color:#151a38!important;font-size:8.8px!important;font-weight:700!important;letter-spacing:-.025em!important}.dd-panel label{color:#282e37!important;font-size:5.8px!important}.dd-input,.dd-textarea{border:0!important;background:#fff!important;color:#6b727c!important;box-shadow:inset 0 0 0 1px rgba(28,40,90,.12),0 1px 2px rgba(28,40,90,.03)!important;border-radius:7px!important}.dd-side p{color:#6b727c!important}.dd-two{grid-template-columns:minmax(0,2.2fr) minmax(120px,.88fr)!important;gap:10px!important}.dd-three{gap:10px!important}.dd-banner{border:0!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(28,40,90,.05),0 0 0 1px rgba(112,86,241,.15)!important}.dd-banner b{color:#151a38!important;font-size:8.2px!important}.dd-banner span{color:#4b515b!important}
.dd-drop{border:0!important;border-radius:10px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(112,86,241,.28),0 1px 2px rgba(28,40,90,.04)!important}.dd-drop strong{color:#7056f1!important}.dd-drop button,.dd-link button{border:0!important;border-radius:7px!important;background:#fff!important;color:#5b41e0!important;box-shadow:inset 0 0 0 1px rgba(112,86,241,.45),0 1px 2px rgba(28,40,90,.04)!important}.dd-files{border:0!important;background:#fff!important;box-shadow:0 0 0 1px rgba(28,40,90,.07)!important}.dd-file{border-color:rgba(28,40,90,.07)!important}.dd-stat{color:#282e37!important}.dd-stat span{color:#6b727c!important}.dd-meter,.dd-progress{background:#eff1f7!important}.dd-meter i,.dd-progress i{background:linear-gradient(90deg,#1c6ce1,#7056f1 52%,#ab35de)!important}
.dd-analysis{border-color:rgba(28,40,90,.07)!important}.dd-analysis i{background:#f2efff!important;color:#008341!important}.dd-analysis b{color:#282e37!important}.dd-analysis small{color:#008341!important}.dd-analysis.active i,.dd-analysis.active small{color:#7056f1!important}.dd-ring{background:radial-gradient(circle,#fff 0 55%,transparent 56%),conic-gradient(#7056f1 0 87%,#eff1f7 87%)!important}.dd-ring.green{background:radial-gradient(circle,#fff 0 55%,transparent 56%),conic-gradient(#00a756 0 87%,#dcf0e4 87%)!important}.dd-ring small{color:#008341!important}
.dd-doc{background:#fff!important;box-shadow:0 2px 4px rgba(28,40,90,.05),0 12px 28px -8px rgba(28,40,90,.14),0 0 0 1px rgba(28,40,90,.07)!important}.dd-doc h3{color:#151a38!important}.dd-doc p{color:#4b515b!important}.dd-check{border-color:rgba(28,40,90,.07)!important;color:#008341!important}.dd-check span{color:#282e37!important}
.dd-settings b,.dd-recips b{border:0!important;border-radius:7px!important;box-shadow:inset 0 0 0 1px rgba(28,40,90,.12)!important}.dd-player{border-radius:10px!important;box-shadow:0 2px 4px rgba(28,40,90,.05),0 12px 28px -8px rgba(28,40,90,.14)!important}.dd-link{border:0!important;box-shadow:inset 0 0 0 1px rgba(112,86,241,.35)!important}.dd-q{border-color:rgba(28,40,90,.07)!important;color:#6b727c!important}.dd-q b{color:#282e37!important}.dd-q.active{border:0!important;background:#fff!important;box-shadow:inset 0 0 0 1px #816cff,0 1px 2px rgba(28,40,90,.05)!important}.dd-aianswer{border:0!important;background:#f7fcf9!important;box-shadow:inset 0 0 0 1px rgba(0,167,86,.18)!important}.dd-action{border:0!important;background:#f7fcf9!important;box-shadow:inset 0 0 0 1px rgba(0,167,86,.14)!important}.dd-event,.dd-deal{border-color:rgba(28,40,90,.07)!important}.dd-kpi{border:0!important;background:#fff!important;border-radius:9px!important;box-shadow:0 1px 2px rgba(28,40,90,.05),0 0 0 1px rgba(28,40,90,.07)!important}.dd-deal span{background:#dcf0e4!important;color:#008341!important}.dd-deal span.risk{background:#f4ebd6!important;color:#966800!important}
}

/* ============================================================
   V66 — SCREENSHOT-GRADE HERO PRODUCT UI
   Rebuilds the animated app chrome to mirror the approved
   platform design system at hero scale.
   ============================================================ */
.deal-demo-v63{
  height:366px!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 30px 70px rgba(22,30,70,.16),0 8px 24px rgba(22,30,70,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.deal-demo-v63 .deal-demo__rail{
  height:43px!important;
  padding:0 16px!important;
  align-items:center!important;
  background:linear-gradient(180deg,#fff,#fcfcff)!important;
}
.deal-demo-v63 .deal-demo__step{
  padding:0 1px 7px!important;
  font-size:5.45px!important;
  font-weight:700!important;
  color:#697187!important;
}
.deal-demo-v63 .deal-demo__step::before{
  width:17px!important;height:17px!important;margin-right:4px!important;
  font-size:5px!important;
  border-color:#dfe3ee!important;
}
.deal-demo-v63 .deal-demo__viewport{height:323px!important;background:#f8f9fd!important}
.deal-demo-v63 .dd-screen{padding:0!important;background:#f8f9fd!important}

.dd-mini-shell{display:grid;grid-template-columns:76px 1fr;height:100%;min-height:0}
.dd-mini-sidebar{
  min-height:100%;padding:11px 8px 9px;border-right:1px solid #e8eaf2;background:linear-gradient(180deg,#fff,#fbfbfe);
  display:flex;flex-direction:column;gap:6px;color:#141a38;
}
.dd-mini-logo{display:flex;align-items:center;gap:5px;margin-bottom:7px;font-weight:800;font-size:6.3px;letter-spacing:.08em}.dd-mini-logo::before{content:"D";width:19px;height:19px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:8px;background:linear-gradient(135deg,#176ff0,#7130ff);box-shadow:0 3px 8px rgba(80,50,230,.22)}
.dd-mini-search{height:24px;border:1px solid #e4e7f0;border-radius:7px;background:#fff;display:flex;align-items:center;padding:0 6px;color:#778099;font-size:5.4px;margin-bottom:4px}
.dd-mini-group{font-size:4.5px;color:#9399aa;letter-spacing:.12em;margin:5px 0 1px;font-weight:800}.dd-mini-nav{display:flex;align-items:center;gap:5px;height:22px;padding:0 6px;border-radius:6px;font-size:5.4px;color:#4b536b}.dd-mini-nav::before{content:"";width:9px;height:9px;border:1.2px solid currentColor;border-radius:3px;opacity:.75}.dd-mini-nav.active{background:#f0edff;color:#512cff;font-weight:750}.dd-mini-owner{margin-top:auto;border:1px solid #e4e7f0;border-radius:8px;padding:6px;background:#fff;font-size:5.1px}.dd-mini-owner b{display:block;font-size:5.8px;margin-bottom:2px}.dd-mini-owner span{display:block;color:#6f7790;font-size:4.5px}
.dd-mini-main{padding:10px 11px 11px;min-width:0;overflow:hidden}

.dd-app-head{height:31px!important;margin:0 0 8px!important;padding:0 2px 7px!important;gap:8px!important}.dd-app-head b{font-size:12px!important}.dd-app-head span{font-size:6.2px!important}.dd-app-head em{font-size:5.1px!important;padding:4px 6px!important;border-radius:999px!important}
.dd-two{grid-template-columns:minmax(0,2.15fr) minmax(122px,.88fr)!important;gap:9px!important}.dd-three{grid-template-columns:1.18fr 1fr .9fr!important;gap:9px!important}.dd-panel{border-radius:11px!important;padding:9px!important;box-shadow:0 1px 2px rgba(28,40,90,.05),0 8px 18px -8px rgba(28,40,90,.16),0 0 0 1px rgba(28,40,90,.07)!important}.dd-panel>small,.dd-player>small{font-size:5.15px!important;letter-spacing:.105em!important}.dd-panel h3,.dd-drop h3{font-size:8.6px!important}.dd-panel label{font-size:5.65px!important}.dd-input,.dd-textarea{font-size:5.65px!important;padding:5px 6px!important}.dd-textarea{height:29px!important}.dd-side>b{font-size:6.8px!important}.dd-side p{font-size:5.3px!important}.dd-side .dd-bot{width:34px!important;height:34px!important;margin:5px auto!important}
.dd-drop{height:94px!important;border-style:dashed!important;border-width:1.2px!important;background:linear-gradient(180deg,#fff,#faf9ff)!important}.dd-drop strong{font-size:20px!important}.dd-drop h3{margin-bottom:4px!important}.dd-files{margin-top:6px!important}.dd-file{padding:4.5px 6px!important;font-size:5.3px!important}.dd-stat{font-size:11px!important;margin:6px 0!important}.dd-stat span{font-size:5.5px!important}.dd-progress{height:4px!important;margin:4px 0 7px!important}.dd-analysis{padding:5.8px 2px!important}.dd-analysis i{width:16px!important;height:16px!important}.dd-analysis b{font-size:6.1px!important}.dd-analysis small{font-size:5px!important}.dd-ring{width:65px!important;height:65px!important;font-size:18px!important;margin:8px auto!important}.dd-banner{height:36px!important;margin-bottom:8px!important;padding:0 9px!important}.dd-banner b{font-size:7.7px!important}.dd-banner span{font-size:5.1px!important}.dd-doc{height:121px!important;padding:11px 10px!important}.dd-doc h3{font-size:9px!important;margin-top:15px!important}.dd-doc p{font-size:5.2px!important}.dd-check{padding:6px 0!important;font-size:5.6px!important}.dd-video-layout{grid-template-columns:96px 1fr 108px!important;gap:8px!important}.dd-settings b{padding:6px!important;margin:5px 0!important;font-size:5.5px!important}.dd-player{height:175px!important;border-radius:10px!important;padding:10px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.dd-player h3{font-size:14px!important;margin:23px 0 10px!important}.dd-player button{width:38px!important;height:38px!important}.dd-link{padding:7px!important;font-size:5.5px!important;margin:6px 0 11px!important}.dd-recips b{padding:7px 4px!important;font-size:5.1px!important}.dd-mini-video{height:70px!important}.dd-qa{grid-template-columns:124px 1fr 105px!important;gap:8px!important}.dd-q{padding:7px 5px!important}.dd-q b{font-size:5.8px!important}.dd-aianswer{padding:9px!important;margin-top:7px!important}.dd-aianswer p{font-size:5.8px!important}.dd-gauge{font-size:27px!important;margin:14px 0!important}.dd-event{padding:6px 4px!important;font-size:5.15px!important}.dd-action{padding:10px 7px 10px 25px!important;margin:6px 0!important}.dd-action b{font-size:5.8px!important}.dd-kpis{gap:5px!important}.dd-kpi{padding:6px!important}.dd-kpi small{font-size:4.5px!important}.dd-kpi b{font-size:11px!important}.dd-overgrid{gap:7px!important}.dd-deal{padding:7px 2px!important;font-size:5px!important}.dd-chart{height:58px!important}

/* premium narrative details */
.dd-screen[data-demo-scene="0"] .dd-panel:first-child::after{content:"Pro tip · The more context you add, the smarter your Deal Case becomes.";display:block;margin-top:7px;padding:6px 7px;border-radius:7px;background:#faf8ff;color:#5d35e9;font-size:5px;border:1px solid #ebe6ff}
.dd-screen[data-demo-scene="1"] .dd-side::after{content:"22 min of manual work saved";display:block;margin-top:8px;padding:8px 6px;text-align:center;border-radius:8px;background:#f2fbf5;color:#079846;font-size:5.5px;font-weight:750}
.dd-screen[data-demo-scene="2"] .dd-panel:first-child::after{content:"Great progress · 4 stakeholders and 7 key pains identified so far.";display:block;margin-top:6px;padding:6px 7px;border-radius:7px;background:#faf8ff;color:#4f2cff;font-size:5.2px;font-weight:650}
.dd-screen[data-demo-scene="3"] .dd-side::after{content:"Strong stakeholder coverage · Clear business impact · Low risk";display:block;margin-top:7px;padding:7px;border-radius:8px;background:#f5fbf7;color:#148e47;font-size:5px;line-height:1.5}
.dd-screen[data-demo-scene="4"] .dd-side::after{content:"Expected impact  +34% engagement · +28% shares";display:block;margin-top:7px;padding:7px;border-radius:8px;background:#f5fbf7;color:#148e47;font-size:5px;line-height:1.45}
.dd-screen[data-demo-scene="5"] .dd-panel:first-child::after{content:"Deal Drive will monitor engagement and alert you when it’s time to act.";display:block;margin-top:9px;padding:7px 8px;border-radius:8px;background:#faf8ff;color:#512cff;font-size:5.2px}
.dd-screen[data-demo-scene="6"] .dd-side::after{content:"12 asked · 18 answers viewed · engagement 87%";display:block;margin-top:7px;padding:7px;border-radius:8px;background:#f4fbf6;color:#0d9447;font-size:5px;line-height:1.5}
.dd-screen[data-demo-scene="7"] .dd-side::after{content:"High stakeholder engagement · Strong sponsor · Active Deal Case usage";display:block;margin-top:7px;padding:7px;border-radius:8px;background:#f4fbf6;color:#0d9447;font-size:5px;line-height:1.5}
.dd-screen[data-demo-scene="8"] .dd-kpis::after{content:"1 deal needs your attention";grid-column:1/-1;padding:5px 7px;border-radius:7px;background:#fff5f2;color:#d85a32;font-size:5px;border:1px solid #ffe2d9}

/* make notifications feel like real product events */
.product-stage .notice{border:1px solid rgba(35,42,76,.08)!important;box-shadow:0 18px 42px rgba(33,42,86,.16),0 3px 10px rgba(33,42,86,.06)!important}.product-stage .notice b{letter-spacing:-.01em}.product-stage .notice time{color:#59627b}

@media (max-width:1280px){.product-stage{transform:scale(.9)!important}.deal-demo-v63{height:366px!important}}

/* ============================================================
   V67 — AUTONOMOUS AGENT CINEMATICS
   Makes the hero feel like Deal Drive is actively doing the work.
   ============================================================ */
@media (min-width:901px){
.deal-demo-v63 .dd-mini-main{position:relative;padding-top:39px!important}
.dd-agent-strip{position:absolute;left:11px;right:11px;top:7px;height:25px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid rgba(104,72,255,.14);border-radius:8px;background:linear-gradient(90deg,rgba(247,245,255,.98),rgba(255,255,255,.98) 55%,rgba(244,251,247,.98));box-shadow:0 5px 14px rgba(62,46,140,.06);overflow:hidden;z-index:4}
.dd-agent-orb{width:14px;height:14px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:7px;background:linear-gradient(135deg,#286cff,#7130ff 62%,#b12ce2);box-shadow:0 0 0 3px rgba(104,72,255,.08);animation:ddAgentPulse 1.7s ease-in-out infinite}
.dd-agent-copy{min-width:0;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.dd-agent-copy b{font-size:5.7px;color:#3520bb}.dd-agent-copy span{font-size:5.1px;color:#6f7790;overflow:hidden;text-overflow:ellipsis}
.dd-agent-value{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:5px;color:#087c42;font-weight:750}.dd-agent-value strong{font-size:6.4px;color:#07964c}.dd-agent-value::before{content:"";width:4px;height:4px;border-radius:50%;background:#0cb85c;box-shadow:0 0 0 3px rgba(12,184,92,.08)}
.dd-screen.is-active .dd-panel,.dd-screen.is-active .dd-banner,.dd-screen.is-active .dd-drop,.dd-screen.is-active .dd-player{animation:ddLiftIn .58s cubic-bezier(.2,.8,.2,1) both}.dd-screen.is-active .dd-two>*:nth-child(2),.dd-screen.is-active .dd-three>*:nth-child(2),.dd-screen.is-active .dd-qa>*:nth-child(2){animation-delay:.09s}.dd-screen.is-active .dd-three>*:nth-child(3),.dd-screen.is-active .dd-qa>*:nth-child(3){animation-delay:.16s}
.dd-screen.is-active .dd-stat,.dd-screen.is-active .dd-analysis,.dd-screen.is-active .dd-check,.dd-screen.is-active .dd-action,.dd-screen.is-active .dd-event,.dd-screen.is-active .dd-kpi{animation:ddMicroIn .42s ease both}.dd-screen.is-active .dd-stat:nth-child(3),.dd-screen.is-active .dd-analysis:nth-child(4),.dd-screen.is-active .dd-check:nth-child(3),.dd-screen.is-active .dd-action:nth-child(3),.dd-screen.is-active .dd-event:nth-child(3),.dd-screen.is-active .dd-kpi:nth-child(2){animation-delay:.12s}.dd-screen.is-active .dd-stat:nth-child(4),.dd-screen.is-active .dd-analysis:nth-child(5),.dd-screen.is-active .dd-check:nth-child(4),.dd-screen.is-active .dd-action:nth-child(4),.dd-screen.is-active .dd-event:nth-child(4),.dd-screen.is-active .dd-kpi:nth-child(3){animation-delay:.22s}
.dd-screen.is-active .dd-progress i,.dd-screen.is-active .dd-meter i,.dd-screen.is-active .dd-playbar i{transform-origin:left;animation:ddGrow 1.25s cubic-bezier(.2,.75,.2,1) both}
.dd-screen.is-active .dd-ring{animation:ddRingPop .65s cubic-bezier(.2,.9,.2,1) .18s both}
.dd-screen.is-active[data-demo-scene="3"] .dd-banner,.dd-screen.is-active[data-demo-scene="7"] .dd-banner{box-shadow:0 0 0 1px rgba(103,70,255,.15),0 10px 28px rgba(90,58,220,.10)!important}
.dd-screen.is-active[data-demo-scene="6"] .dd-aianswer{animation:ddAnswerGlow 1.8s ease-in-out .35s both}
.dd-screen.is-active[data-demo-scene="7"] .dd-action:first-of-type{box-shadow:inset 0 0 0 1px rgba(0,167,86,.2),0 8px 20px rgba(0,167,86,.08)!important}
.dd-payoff{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(18,21,48,.92);color:#fff;box-shadow:0 12px 30px rgba(18,21,48,.22);backdrop-filter:blur(10px);opacity:0;pointer-events:none}.dd-screen.is-active[data-demo-scene="8"] .dd-payoff{animation:ddPayoff .7s cubic-bezier(.2,.85,.2,1) .7s forwards}.dd-payoff b{font-size:5.8px}.dd-payoff span{font-size:5.1px;color:#c9c5ff}.dd-payoff strong{font-size:5.7px;color:#7ef0ad}
@keyframes ddAgentPulse{50%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(104,72,255,.05)}}
@keyframes ddLiftIn{from{opacity:0;transform:translateY(7px) scale(.992)}to{opacity:1;transform:none}}
@keyframes ddMicroIn{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}
@keyframes ddGrow{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@keyframes ddRingPop{from{opacity:.3;transform:scale(.82) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes ddAnswerGlow{0%{opacity:.35;transform:translateY(4px)}35%{opacity:1;transform:none;box-shadow:inset 0 0 0 1px rgba(0,167,86,.22),0 0 22px rgba(0,167,86,.10)}100%{box-shadow:inset 0 0 0 1px rgba(0,167,86,.18)}}
@keyframes ddPayoff{from{opacity:0;transform:translate(-50%,7px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
}


/* ============================================================
   V69 — FOUR WAYS VALUE / FOMO SECTION — LOCKED
   Approved light premium SF-startup design. EN + FR.
   ============================================================ */
@media (min-width:1025px){
  .canvas{height:1560px;min-height:1560px;overflow:hidden}
  .proof.impact-v69{top:760px}
}
.proof.impact-v69{left:4.8vw;right:4.8vw;z-index:14;color:#071533;font-family:inherit}
.impact-v69 *{box-sizing:border-box}
.impact-v69-head{text-align:center;margin:0 auto 20px}
.impact-v69-head>p{margin:0 0 8px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.24em;color:#5b2cff}
.impact-v69-head h2{margin:0;font-size:clamp(32px,3.2vw,48px);line-height:1.02;font-weight:800;letter-spacing:-.045em;color:#071533}
.impact-v69-head h2 strong{font-weight:800;background:linear-gradient(92deg,#5455f6 0%,#7b41f3 55%,#c738d7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.impact-v69-head>span{display:block;margin-top:12px;font-size:16px;color:#73809a}
.impact-v69-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.impact-v69-card{min-width:0;padding:22px 16px 15px;border:1px solid #e7eaf3;border-radius:18px;background:rgba(255,255,255,.975);box-shadow:0 18px 42px rgba(21,36,79,.065),inset 0 1px 0 #fff;display:flex;flex-direction:column;gap:14px}
.impact-v69-card header{display:grid;grid-template-columns:62px 1fr;gap:13px;min-height:144px;align-items:start}
.impact-v69-card header>img{width:62px;height:62px;border-radius:18px;object-fit:contain;padding:10px;background:#f4f1ff;box-shadow:0 10px 20px rgba(86,43,255,.09)}
.impact-v69-card--empower header>img{background:#effaf3}.impact-v69-card--answer header>img{background:#eef4ff}.impact-v69-card--follow header>img{background:#fff2ec}
.impact-v69-card header small{display:block;margin:5px 0 10px;font-size:10px;font-weight:850;letter-spacing:.09em;color:#5b2cff}
.impact-v69-card--empower header small{color:#079b40}.impact-v69-card--answer header small{color:#1268ff}.impact-v69-card--follow header small{color:#ff5a1f}
.impact-v69-card header h3{margin:0 0 13px;font-size:19px;line-height:1.1;letter-spacing:-.025em;color:#071533}
.impact-v69-card header p{margin:0;font-size:12.5px;line-height:1.52;color:#344360}
.impact-v69-ui{height:188px;border:1px solid #eaedf4;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 6px 18px rgba(25,38,75,.035);overflow:hidden}
.impact-v69-uihead{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f6;font-size:11px}.impact-v69-uihead b{padding:5px 12px;border-radius:99px;background:#f0e9ff;color:#5b2cff;font-weight:700}
.impact-v69-checks{list-style:none;margin:0;padding:9px 13px}.impact-v69-checks li{height:26px;display:grid;grid-template-columns:18px 1fr 18px;align-items:center;font-size:10.5px;color:#172743}.impact-v69-checks li b{color:#5b2cff}.impact-v69-dot{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#f0ebff;color:#5b2cff;font-size:11px;font-weight:900}
.impact-v69-people ul,.impact-v69-events ul{list-style:none;margin:0;padding:0}.impact-v69-people li{height:47px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:0 13px;border-bottom:1px solid #eff1f6;font-size:11px}.impact-v69-people li:last-child{border-bottom:0}.impact-v69-people img{width:31px;height:31px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px #e6e9f2}.impact-v69-people li b{color:#079b40;font-weight:650}
.impact-v69-answer{padding:10px 12px}.impact-v69-answer-row{display:flex;justify-content:space-between;align-items:center;color:#172743;font-size:10px}.impact-v69-answer-row time{font-size:9px;color:#7d899f}.impact-v69-question{margin:10px 0 12px;padding:9px 11px;border-radius:10px;background:#f7f8fb;font-size:10.5px;line-height:1.35}.impact-v69-wave{height:28px;margin-top:7px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:2px}.impact-v69-wave i{display:block;width:2px;height:10px;background:#2566ff;border-radius:2px}.impact-v69-wave i:nth-child(3n){height:17px}.impact-v69-wave i:nth-child(4n){height:7px}.impact-v69-wave i:nth-child(5n){height:14px}.impact-v69-wave b{margin-left:auto;color:#0aa34b}.impact-v69-help{padding-top:9px;font-size:10px;color:#344360}
.impact-v69-events li{height:61px;display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:center;padding:0 14px;border-bottom:1px solid #eff1f6;font-size:10.5px}.impact-v69-events li:last-child{border-bottom:0}.impact-v69-events li i{font-style:normal;color:#2769ff}.impact-v69-events li:nth-child(2) i{color:#0aa34b}.impact-v69-events time{font-size:9px;color:#7d899f}
.impact-v69-reward{min-height:61px;border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#fbf8ff,#f5f0ff);border:1px solid #ece4ff}.impact-v69-card--empower .impact-v69-reward{background:linear-gradient(100deg,#f5fbf7,#eef9f2);border-color:#dff2e5}.impact-v69-card--answer .impact-v69-reward{background:linear-gradient(100deg,#f6f9ff,#eef4ff);border-color:#e1eaff}.impact-v69-card--follow .impact-v69-reward{background:linear-gradient(100deg,#fff8f4,#fff1e9);border-color:#ffe4d6}.impact-v69-reward>i{font-size:27px;font-style:normal;color:#5b2cff}.impact-v69-card--empower .impact-v69-reward>i{color:#079b40}.impact-v69-card--answer .impact-v69-reward>i{color:#1268ff}.impact-v69-card--follow .impact-v69-reward>i{color:#ff651f}.impact-v69-reward div b,.impact-v69-reward div span{display:block}.impact-v69-reward div b{font-size:19px;line-height:1;color:#5b2cff}.impact-v69-card--empower .impact-v69-reward div b{color:#079b40}.impact-v69-card--answer .impact-v69-reward div b{color:#1268ff}.impact-v69-card--follow .impact-v69-reward div b{color:#ff651f}.impact-v69-reward div span{margin-top:6px;font-size:10px;color:#2b3b59}.impact-v69-reward>strong{margin-left:auto;color:#ff651f;font-size:20px}
.impact-v69-stats{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);min-height:101px;border:1px solid #e7eaf3;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(21,36,79,.045)}
.impact-v69-stat{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:7px;padding:0 20px;border-right:1px solid #e9ecf3}.impact-v69-stat:last-child{border-right:0}.impact-v69-stat>i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:21px;background:#f0ebff;color:#5b2cff}.impact-v69-stat:nth-child(2)>i{background:#effaf3;color:#079b40}.impact-v69-stat:nth-child(3)>i{background:#eef4ff;color:#1268ff}.impact-v69-stat:nth-child(4)>i{background:#fff3ec;color:#ff651f}.impact-v69-stat div b,.impact-v69-stat div span{display:block}.impact-v69-stat div b{font-size:21px;line-height:1.05}.impact-v69-stat div span{margin-top:6px;font-size:10.5px;line-height:1.35;color:#344360}
.impact-v69-social{text-align:center;margin:8px 0 10px;font-size:11px;color:#66738c;letter-spacing:.01em}
.impact-v69-cta{min-height:116px;display:grid;grid-template-columns:1.6fr 1.05fr 1.15fr;gap:24px;align-items:center;padding:18px 28px;border:1px solid #e7eaf3;border-radius:18px;background:linear-gradient(180deg,#fff,#fcfcff);box-shadow:0 18px 40px rgba(21,36,79,.055)}
.impact-v69-cta-title{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:center}.impact-v69-cta-title img{width:68px;height:68px;padding:12px;border-radius:50%;background:#f5f0ff;box-shadow:0 10px 25px rgba(86,43,255,.12)}.impact-v69-cta-title h3{margin:0;font-size:23px;line-height:1.25;letter-spacing:-.03em}.impact-v69-cta-title h3 strong{color:#6a32ff}
.impact-v69-cta ul{list-style:none;margin:0;padding:0}.impact-v69-cta li{display:flex;gap:9px;align-items:center;margin:8px 0;font-size:11.5px;color:#273854}.impact-v69-cta li i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#eee8ff;color:#5b2cff;font-style:normal;font-size:10px;font-weight:900}
.impact-v69-cta-action{text-align:center}.impact-v69-cta-action a{height:52px;padding:0 22px;border-radius:11px;background:linear-gradient(98deg,#2872ef,#8843f3 65%,#a936e8);box-shadow:0 12px 24px rgba(91,44,255,.20),inset 0 1px 0 rgba(255,255,255,.35);color:#fff;text-decoration:none;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap}.impact-v69-cta-action a span{font-size:20px}.impact-v69-cta-action small{display:block;margin-top:9px;font-size:10.5px;color:#344360}
@media(max-width:1280px) and (min-width:1025px){.proof.impact-v69{top:780px;left:3vw;right:3vw;transform:scale(.92);transform-origin:top center}.canvas{height:1490px;min-height:1490px}}
@media(max-width:1024px){.proof.impact-v69{position:absolute;top:970px;left:3vw;right:3vw}.canvas{height:2350px!important;min-height:2350px!important}.impact-v69-grid{grid-template-columns:repeat(2,1fr)}.impact-v69-card{min-height:470px}.impact-v69-stats{grid-template-columns:repeat(3,1fr)}.impact-v69-stat{min-height:95px}.impact-v69-stat:nth-child(3){border-right:0}.impact-v69-cta{grid-template-columns:1fr}.impact-v69-cta-action{text-align:left}.impact-v69-cta-action a{max-width:420px}}
@media(max-width:768px){.proof.impact-v69{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:28px 16px 42px!important}.canvas{height:auto!important;min-height:0!important;overflow:visible!important}.impact-v69-head h2{font-size:34px}.impact-v69-head>span{font-size:14px;line-height:1.4}.impact-v69-grid{grid-template-columns:1fr}.impact-v69-card{min-height:0}.impact-v69-card header{min-height:0}.impact-v69-stats{grid-template-columns:1fr 1fr}.impact-v69-stat{border-bottom:1px solid #e9ecf3;min-height:90px}.impact-v69-stat:nth-child(odd){border-right:1px solid #e9ecf3}.impact-v69-stat:nth-child(even){border-right:0}.impact-v69-stat:last-child{grid-column:1/-1;border-bottom:0}.impact-v69-cta{padding:22px 18px}.impact-v69-cta-title{grid-template-columns:52px 1fr}.impact-v69-cta-title img{width:52px;height:52px}.impact-v69-cta-title h3{font-size:20px}.impact-v69-cta-action a{width:100%;max-width:none}}

/* V71 — close workflow locked */
.closeflow{margin-top:34px;padding:34px 26px 28px;border:1px solid #e6e5ef;border-radius:28px;background:linear-gradient(180deg,#fff,#fbfaff);box-shadow:0 24px 70px rgba(39,35,75,.07);color:#101d38}.closeflow-head{position:relative;text-align:center;padding:0 150px 24px}.closeflow-head p{margin:0 0 8px;color:#6533ff;font-size:10px;font-weight:900;letter-spacing:.2em}.closeflow-head h3{margin:0;font-size:42px;line-height:1;letter-spacing:-.05em}.closeflow-head h3 span,.closeflow-proof h4 span,.closeflow-cta h4 span{color:#6533ff}.closeflow-sub{margin:12px auto 0;color:#6f7d99;font-size:13px}.closeflow-head aside{position:absolute;right:0;top:0;width:132px;padding:13px;border:1px solid #e9e5fb;border-radius:14px;background:#fbfaff;text-align:left}.closeflow-head aside b,.closeflow-head aside small{display:block}.closeflow-head aside b{font-size:17px}.closeflow-head aside small{margin-top:3px;color:#65728b;font-size:9px;line-height:1.35}.closeflow-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.closeflow-card{position:relative;min-width:0;padding:14px 10px 10px;border:1px solid #e8e7ef;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(34,31,68,.035);text-align:center}.closeflow-num{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #cfc4ff;border-radius:50%;color:#6533ff;font-size:8px;font-weight:900}.closeflow-icon{display:grid;place-items:center;width:44px;height:44px;margin:36px auto 14px;border-radius:13px;background:#f0edff;color:#6533ff;font-size:23px}.closeflow-card h4{margin:0;font-size:13px}.closeflow-card>p{height:51px;margin:8px 0 12px;color:#56657f;font-size:8.5px;line-height:1.45}.closeflow-mini{height:96px;padding:9px 8px;border:1px solid #ecebf3;border-radius:11px;background:#fdfdff;text-align:left;font-size:7px;overflow:hidden}.closeflow-mini small,.closeflow-mini b{display:block;margin-bottom:7px}.closeflow-mini b{font-size:6.8px}.closeflow-mini em{float:right;color:#09a14b;font-style:normal}.cf-wave{margin-top:16px;color:#6533ff;font-size:10px}.cf-video{position:relative;margin-top:7px;padding:15px 7px;border-radius:7px;background:linear-gradient(135deg,#181044,#5520b5);color:#fff;font-size:8px;font-weight:800}.cf-video i{float:right;font-style:normal}.cf-score{color:#6533ff;font-size:28px;font-weight:900}.cf-score span{display:block;color:#159a4d;font-size:7px}.closeflow-reward{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:10px;padding:5px;border-radius:9px;background:#f8f6ff;color:#5b2cf5;font-size:8px;line-height:1.25}.closeflow-card:last-child .closeflow-reward{background:#f0fbf4;color:#159a4d}.closeflow-proof{display:grid;grid-template-columns:2.3fr repeat(4,1fr);align-items:center;margin-top:20px;padding:18px 24px;border:1px solid #e9e7f1;border-radius:16px;background:#fff}.closeflow-proof h4{margin:0;font-size:16px;line-height:1.25}.closeflow-proof>div{padding-left:18px;border-left:1px solid #eceaf2}.closeflow-proof b,.closeflow-proof small{display:block}.closeflow-proof b{font-size:20px}.closeflow-proof small{margin-top:3px;color:#64718a;font-size:8px;line-height:1.35}.closeflow-cta{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;align-items:center;gap:28px;margin-top:18px;padding:20px 28px;border:1px solid #d9d0ff;border-radius:17px;background:linear-gradient(100deg,#fff,#fbf9ff)}.closeflow-cta h4{margin:0;font-size:21px;line-height:1.2}.closeflow-cta ul{margin:0;padding:0;list-style:none;color:#526079;font-size:9px;line-height:2}.closeflow-cta>div{text-align:center}.closeflow-cta a{display:block;padding:14px 16px;border-radius:10px;background:linear-gradient(90deg,#2e72ef,#9436ef);box-shadow:0 10px 22px rgba(91,54,230,.22);color:#fff;text-decoration:none;font-size:12px;font-weight:800}.closeflow-cta>div small{display:block;margin-top:7px;color:#68748b;font-size:8px}
@media(max-width:1100px){.closeflow-grid{grid-template-columns:repeat(4,1fr)}.closeflow-head{padding-left:120px;padding-right:120px}.closeflow-proof{grid-template-columns:2fr repeat(2,1fr)}.closeflow-proof>div:nth-last-child(-n+2){margin-top:12px}.closeflow-cta{grid-template-columns:1fr 1fr}.closeflow-cta>div{grid-column:1/-1}}
@media(max-width:768px){.closeflow{padding:25px 14px}.closeflow-head{padding:0 0 20px;text-align:left}.closeflow-head h3{font-size:32px}.closeflow-head aside{position:static;width:auto;margin-top:14px}.closeflow-grid{grid-template-columns:1fr 1fr}.closeflow-card>p{height:auto;min-height:48px}.closeflow-proof{grid-template-columns:1fr 1fr;padding:16px}.closeflow-proof h4{grid-column:1/-1;margin-bottom:14px}.closeflow-proof>div{margin-top:10px!important}.closeflow-cta{grid-template-columns:1fr;gap:14px;padding:18px}.closeflow-cta>div{grid-column:auto}}

/* =========================================================
   V72 — HERO LIFESTYLE + PRICING CONVERSION SYSTEM
   Scope locked: hero background + pricing only
   ========================================================= */
.background{
  background-image:url("assets/hero-lifestyle-v78.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
}

/* Keep the approved product animation as the hero proof layer. */
.deal-stage{z-index:7}
.hero-copy{z-index:9}

.pricing-v30{padding-top:86px}
.pricing-v31__heading{max-width:1400px;margin:0 auto 32px;text-align:center}
.pricing-v31__heading .pricing-kicker{margin:0 0 10px;color:#5f2cff;font-size:12px;font-weight:900;letter-spacing:.18em}
.pricing-v31__heading h2{max-width:1120px;margin:0 auto;font-size:clamp(42px,4.3vw,70px);line-height:.98;letter-spacing:-.052em;color:#071737}
.pricing-v31-subtitle{margin:18px auto 0;color:#53617d;font-size:20px;line-height:1.45}
.pricing-v31-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:980px;margin:28px auto 0;gap:0;text-align:left}
.pricing-v31-trust>span{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;min-height:55px;padding:0 26px;color:#5729f6;font-size:23px}
.pricing-v31-trust>span+span{border-left:1px solid #e4e6f2}
.pricing-v31-trust b{color:#162445;font-size:13px;font-weight:760}
.pricing-v31-trust small{grid-column:2;color:#53617d;font-size:12px;line-height:1.35}

.pricing-v31-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1440px;margin:0 auto}
.pricing-v31-card{position:relative;display:flex;flex-direction:column;min-height:590px;padding:29px 30px 22px;background:rgba(255,255,255,.95);border:1px solid #e1e5f1;border-radius:26px;box-shadow:0 22px 58px rgba(42,45,87,.08),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}
.pricing-v31-card--one{border-color:#8c63ff;background:linear-gradient(145deg,#fff 0%,#fcfaff 58%,#f6f0ff 100%);box-shadow:0 30px 70px rgba(102,54,255,.12),inset 0 1px 0 #fff}
.pricing-v31-pill{align-self:flex-start;padding:7px 13px;border-radius:7px;background:linear-gradient(105deg,#5330f5,#842cf1);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}
.pricing-v31-card h3{margin:22px 0 0;color:#0b1938;font-size:25px;line-height:1.2;letter-spacing:-.025em}
.pricing-v31-card h3 span{color:#632cff}
.pricing-v31-price{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:11px;margin-top:28px;padding-bottom:22px;border-bottom:1px solid #e7e8f0}
.pricing-v31-price strong{color:#5e29ef;font-size:59px;line-height:.9;letter-spacing:-.055em}
.pricing-v31-price em{color:#172442;font-size:15px;font-style:normal;font-weight:700}
.pricing-v31-price small{grid-column:2;color:#52607b;font-size:12px;margin-top:4px}
.pricing-v31-cardcontent{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:18px;align-items:start;margin-top:22px;flex:1}
.pricing-v31-cardcontent ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.pricing-v31-cardcontent li{position:relative;padding-left:27px;color:#1a2948;font-size:13px;line-height:1.35}
.pricing-v31-cardcontent li:before{content:'✓';position:absolute;left:0;top:-1px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#6531f3;color:#fff;font-size:11px;font-weight:900}
.pricing-v31-mini{min-height:178px;padding:16px;border:1px solid #e3e5ef;border-radius:15px;background:#fff;box-shadow:0 14px 30px rgba(30,36,72,.07)}
.pricing-v31-mini>small{display:block;color:#596985;font-size:10px;margin-bottom:10px}
.pricing-v31-mini>b{display:flex;justify-content:space-between;gap:8px;margin:9px 0;color:#253452;font-size:10px;line-height:1.25}
.pricing-v31-mini>b>em{color:#354263;font-style:normal;font-weight:700;white-space:nowrap}
.pricing-v31-score{display:flex;align-items:center;gap:10px;margin-top:18px;color:#5c2bf2;font-size:42px;font-weight:850;line-height:1}
.pricing-v31-score span{color:#15a04a;font-size:13px;line-height:1.2}
.pricing-v31-score small{color:#55627e;font-size:8px;font-weight:600}
.pricing-v31-mini>i{display:block;width:100%;height:48px;margin-top:12px;background:linear-gradient(135deg,transparent 48%,#6b32f6 49%,#6b32f6 52%,transparent 53%) 0 0/34px 22px;opacity:.75}
.pricing-v31-bar{height:5px;margin:8px 0 14px;border-radius:99px;background:#ece8fa;overflow:hidden}
.pricing-v31-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5330f5,#9136ee)}
.pricing-v31-bars{display:flex;align-items:flex-end;gap:4px;height:52px;margin-top:12px}
.pricing-v31-bars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#b9a0ff,#6730f4)}
.pricing-v31-bars i:nth-child(1){height:32%}.pricing-v31-bars i:nth-child(2){height:58%}.pricing-v31-bars i:nth-child(3){height:78%}.pricing-v31-bars i:nth-child(4){height:45%}.pricing-v31-bars i:nth-child(5){height:88%}.pricing-v31-bars i:nth-child(6){height:63%}.pricing-v31-bars i:nth-child(7){height:42%}.pricing-v31-bars i:nth-child(8){height:72%}
.pricing-v31-cta{display:flex;align-items:center;justify-content:center;gap:16px;min-height:52px;margin-top:22px;border:1px solid transparent;border-radius:9px;background:linear-gradient(100deg,#2670ec,#8a36ed);box-shadow:0 12px 24px rgba(88,47,238,.19);color:#fff!important;text-decoration:none;font-size:15px;font-weight:800}
.pricing-v31-cta span{font-size:21px;line-height:1}
.pricing-v31-cta--outline{background:#fff;border-color:#7547ff;box-shadow:none;color:#6030ee!important}
.pricing-v31-note{margin:11px 0 0;text-align:center;color:#465573;font-size:10.5px}

.pricing-v31-proof{display:grid;grid-template-columns:1.45fr .82fr .9fr 1.65fr;align-items:center;gap:22px;max-width:1440px;margin:28px auto 54px;padding:24px 30px;border:1px solid #e2ddff;border-radius:20px;background:rgba(255,255,255,.7);box-shadow:0 16px 42px rgba(66,48,128,.05)}
.pricing-v31-proof>div{display:flex;flex-direction:column;gap:5px}
.pricing-v31-proof>div+div{padding-left:22px;border-left:1px solid #dedcea}
.pricing-v31-proof strong{color:#101f40;font-size:20px;letter-spacing:-.02em}
.pricing-v31-proof b{color:#172543;font-size:12px}
.pricing-v31-proof span{color:#5a6780;font-size:10.5px;line-height:1.45}
.pricing-v31-logos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,34px);gap:12px 16px!important;align-items:center}
.pricing-v31-logos img{display:block;max-width:100%;max-height:28px;margin:auto;object-fit:contain}
.pricing-v31-logos img:nth-child(4),.pricing-v31-logos img:nth-child(5){max-height:25px}

@media (max-width:1180px){
  .pricing-v31-grid{gap:16px}
  .pricing-v31-card{padding:24px 22px 20px}
  .pricing-v31-cardcontent{grid-template-columns:1fr 128px}
  .pricing-v31-trust{max-width:900px}
  .pricing-v31-proof{grid-template-columns:1.2fr .9fr .9fr 1.4fr}
}
@media (max-width:900px){
  .pricing-v30{padding-top:60px}
  .pricing-v31__heading h2{font-size:44px}
  .pricing-v31-subtitle{font-size:17px;padding:0 20px}
  .pricing-v31-trust{grid-template-columns:1fr 1fr;gap:14px;padding:0 18px}
  .pricing-v31-trust>span+span{border-left:0}
  .pricing-v31-grid{grid-template-columns:1fr;margin-inline:16px}
  .pricing-v31-card{min-height:0}
  .pricing-v31-cardcontent{grid-template-columns:1fr 160px}
  .pricing-v31-proof{grid-template-columns:1fr 1fr;margin-inline:16px}
  .pricing-v31-proof>div+div{border-left:0;padding-left:0}
}
@media (max-width:560px){
  .pricing-v31__heading h2{font-size:37px}
  .pricing-v31-trust{grid-template-columns:1fr}
  .pricing-v31-cardcontent{grid-template-columns:1fr}
  .pricing-v31-mini{min-height:150px}
  .pricing-v31-proof{grid-template-columns:1fr}
}


/* =========================================================
   V74 — HERO COMPOSITION + CONVERSION COPY
   Strict scope: hero only. Approved animation unchanged.
   ========================================================= */
@media (min-width:901px){
  .atmosphere{
    background:
      linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.99) 18%,rgba(255,255,255,.94) 27%,rgba(255,255,255,.78) 36%,rgba(255,255,255,.48) 44%,rgba(255,255,255,.20) 52%,rgba(255,255,255,.05) 61%,rgba(255,255,255,0) 70%),
      radial-gradient(ellipse 54% 34% at 76% 0%,rgba(217,230,255,.55),rgba(229,239,255,.15) 47%,transparent 78%),
      linear-gradient(180deg,rgba(255,255,255,.02),transparent 58%,rgba(255,255,255,.01) 73%,rgba(248,249,252,.50) 100%)!important;
  }
  .hero-copy{left:4vw!important;top:22.5vh!important;width:35vw!important;min-width:500px!important;max-width:570px!important}
  .hero-copy h1 span,.hero-copy h1 strong{font-size:clamp(50px,3.55vw,58px)!important}
  .hero-subcopy{margin-top:34px!important}
  .hero-actions{margin-top:32px!important;gap:18px!important;align-items:center!important;flex-wrap:nowrap!important}
  .hero-actions .cta{width:auto!important;min-width:278px!important;padding:0 26px!important;white-space:nowrap!important}
  .hero-cta-proof{max-width:none!important;margin-left:0!important}
  .hero-cta-proof b{font-size:11.5px!important;white-space:nowrap!important}
  .product-stage{left:41vw!important;top:12.5vh!important;transform:scale(.84)!important;transform-origin:top left!important}
}

/* V75 — one product / three volumes pricing */
.pricing-v31__heading{margin-bottom:34px}.pricing-v31__heading h2{max-width:980px}.pricing-v31-subtitle{margin-top:16px}
.pricing-volume-shell{max-width:1440px;margin:0 auto 28px;border:1px solid #dfe3ef;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 28px 75px rgba(35,39,79,.09);overflow:hidden}
.pricing-volume-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.pricing-volume-plan{position:relative;display:flex;flex-direction:column;align-items:center;min-height:420px;padding:32px 36px 27px;text-align:center}
.pricing-volume-plan+.pricing-volume-plan{border-left:1px solid #e3e6ef}.pricing-volume-plan--one{background:linear-gradient(180deg,#fdfbff,#f8f4ff)}
.pricing-volume-pill-soft{background:#f0ecff;color:#6330f2}
.pricing-volume-price{display:flex;align-items:baseline;justify-content:center;gap:9px;margin-top:28px}.pricing-volume-price strong{font-size:56px;line-height:1;color:#5d2cf0;letter-spacing:-.055em}.pricing-volume-price small{color:#67738b;font-size:13px;font-weight:700}
.pricing-volume-count{display:flex;align-items:baseline;justify-content:center;gap:9px;margin-top:22px}.pricing-volume-count b{font-size:31px;color:#0b1938;letter-spacing:-.04em}.pricing-volume-count span{font-size:14px;color:#3e4d68;font-weight:700}
.pricing-volume-stack{display:grid;grid-template-columns:repeat(5,26px);gap:7px;align-content:center;justify-content:center;height:88px;margin:16px 0 10px}.pricing-volume-stack i{display:block;width:26px;height:18px;border:1px solid #bca9fb;border-radius:4px;background:linear-gradient(135deg,#fff,#eee9ff);box-shadow:0 3px 8px rgba(84,44,202,.08)}.pricing-volume-stack.stack-1{grid-template-columns:40px}.pricing-volume-stack.stack-1 i{width:40px;height:28px;border-color:#7544f5;box-shadow:0 7px 18px rgba(96,46,239,.15)}.pricing-volume-stack.stack-20{grid-template-columns:repeat(10,20px);gap:5px}.pricing-volume-stack.stack-20 i{width:20px;height:14px}
.pricing-volume-plan>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:auto;border-radius:10px;background:linear-gradient(105deg,#5930f3,#8a35ee);color:#fff;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 10px 24px rgba(97,47,236,.18)}.pricing-volume-plan>a.outline{border:1px solid #7448ed;background:#fff;color:#572bf0;box-shadow:none}.pricing-volume-plan>em{margin-top:10px;color:#7a8498;font-size:10px;font-style:normal}
.pricing-volume-common{padding:25px 30px 28px;border-top:1px solid #e1e4ee;background:linear-gradient(180deg,#fbfbfe,#f7f5ff);text-align:center}.pricing-volume-common>small{display:block;color:#6b35f1;font-size:10px;font-weight:900;letter-spacing:.15em}.pricing-volume-common>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:17px}.pricing-volume-common span{padding:8px 12px;border:1px solid #e0def0;border-radius:999px;background:#fff;color:#263553;font-size:11px;font-weight:700}.pricing-volume-common span::first-letter{color:#6431f2}
@media(max-width:900px){.pricing-volume-grid{grid-template-columns:1fr}.pricing-volume-plan+.pricing-volume-plan{border-left:0;border-top:1px solid #e3e6ef}.pricing-volume-plan{min-height:380px}.pricing-volume-shell{border-radius:24px}.pricing-volume-stack{height:72px}.pricing-volume-common{padding:22px 16px}}


/* =========================================================
   V77 — FR copy polish + mirrored hero lifestyle composition
   Strict scope: requested FR text/CTA + hero background only.
   ========================================================= */
html[lang="fr"] .header-actions .cta.cta-small{
  min-width:166px!important;
  height:52px!important;
  padding:0 18px!important;
  gap:14px!important;
  justify-content:center!important;
  text-align:center!important;
}
html[lang="fr"] .header-actions .cta.cta-small .cta-label-fr{
  display:inline-block;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-align:center!important;
}
html[lang="fr"] .header-actions .cta.cta-small > span[aria-hidden="true"]{
  flex:0 0 auto;
}
html[lang="fr"] .closeflow-proof h4{line-height:1.28!important}
html[lang="fr"] .closeflow-proof h4 span{display:inline-block;margin-top:3px}


/* =========================================================
   V79 — FR header CTA centering + true top navigation fix
   Strict scope: header CTA geometry only.
   ========================================================= */
html[lang="fr"] .header-actions .cta.cta-small{
  min-width:166px!important;
  height:52px!important;
  padding:0 18px!important;
  gap:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
html[lang="fr"] .header-actions .cta.cta-small .cta-label-fr{
  width:100%;
  display:block!important;
  margin:0!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:.98!important;
  letter-spacing:0!important;
  text-align:center!important;
}

/* =========================================================
   V81 — MOBILE HERO FOCAL CROP + FR HEADER CTA
   Strict scope: mobile hero background framing + FR mobile CTA.
   Desktop and product animation remain untouched.
   ========================================================= */
@media (max-width:768px){
  /* Keep the approved lifestyle photo, but use the seller as the mobile focal point. */
  .background{
    height:900px!important;
    background-image:url("assets/hero-lifestyle-v78.webp")!important;
    background-size:auto 900px!important;
    background-position:15% top!important;
    background-repeat:no-repeat!important;
    opacity:.82!important;
  }
  .atmosphere{
    height:900px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.12) 28%,rgba(255,255,255,.24) 62%,#f7f8fc 100%),
      linear-gradient(90deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 38%,rgba(255,255,255,0) 76%)!important;
  }

  /* French CTA must remain compact inside the mobile header. */
  html[lang="fr"] .header .cta.cta-small{
    width:132px!important;
    min-width:132px!important;
    height:46px!important;
    padding:0 10px!important;
    border-radius:15px!important;
  }
  html[lang="fr"] .header .cta.cta-small .cta-label-fr{
    width:100%!important;
    font-size:12.5px!important;
    line-height:1.02!important;
    text-align:center!important;
  }
}
@media (max-width:390px){
  .background{
    background-size:auto 900px!important;
    background-position:13% top!important;
  }
  html[lang="fr"] .header .cta.cta-small{
    width:116px!important;
    min-width:116px!important;
    padding:0 8px!important;
  }
  html[lang="fr"] .header .cta.cta-small .cta-label-fr{font-size:11.5px!important;}
}

/* =========================================================
   V82 — MOBILE HERO SELLER FOCAL LOCK + SHORT FR HERO CTA
   Strict scope: mobile hero crop + FR hero CTA copy only.
   ========================================================= */
@media (max-width:768px){
  .background{
    background-size:auto 900px!important;
    background-position:0% top!important;
  }
}
@media (max-width:390px){
  .background{
    background-position:-2% top!important;
  }
}

/* =========================================================
   V83 — DEDICATED MOBILE HERO PHOTO CROP
   Strict scope: mobile hero background only.
   Desktop remains untouched.
   ========================================================= */
@media (max-width:768px){
  .background{
    height:900px!important;
    background-image:url("assets/hero-mobile-seller.webp")!important;
    background-size:cover!important;
    background-position:50% 50%!important;
    background-repeat:no-repeat!important;
    opacity:.84!important;
  }
}
@media (max-width:390px){
  .background{
    background-position:48% 50%!important;
  }
}

/* ============================================================
   V87 — CAMPAIGN COMPONENT HERO
   Photo layer + HTML copy + animated HTML AI agent panel.
   Original V83 product hero remains immediately below.
   ============================================================ */
.campaign-hero{
  position:relative;
  z-index:9;
  width:100%;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  background:#080b12;
  color:#fff;
}
.campaign-hero__slides,.campaign-slide{position:absolute;inset:0}
.campaign-slide{
  opacity:0;
  visibility:hidden;
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),visibility .72s;
  background-image:var(--campaign-bg);
  background-size:cover;
  background-position:center center;
  transform:scale(1.018);
}
.campaign-slide::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,4,10,.98) 0%,rgba(2,4,10,.93) 26%,rgba(2,4,10,.52) 36%,rgba(2,4,10,.08) 52%,rgba(2,4,10,0) 72%);
  z-index:1;pointer-events:none;
}
.campaign-slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 24%,transparent 76%,rgba(0,0,0,.16));
  z-index:1;pointer-events:none;
}
.campaign-slide.is-active{opacity:1;visibility:visible;animation:campaignKenBurns 4.3s ease-out both}
@keyframes campaignKenBurns{from{transform:scale(1.018)}to{transform:scale(1.042)}}
.campaign-slide__mask--left{
  position:absolute;z-index:2;left:0;top:0;bottom:0;width:35%;
  background:linear-gradient(90deg,#05070c 0%,#05070c 72%,rgba(5,7,12,.92) 82%,rgba(5,7,12,0) 100%);
}
.campaign-slide__copy{
  position:absolute;z-index:4;left:3.4vw;top:13.8vh;width:min(31vw,500px);
  text-shadow:0 2px 22px rgba(0,0,0,.16);
}
.campaign-slide__copy h1{margin:0;font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;font-weight:900;line-height:.92;letter-spacing:-.032em;text-transform:uppercase}
.campaign-slide__copy h1 span,.campaign-slide__copy h1 strong{display:block;font-size:clamp(62px,5.25vw,92px)}
.campaign-slide__copy h1 span{color:#fff}
.campaign-slide__copy h1 strong{margin-top:12px;background:linear-gradient(112deg,#0572ff 0%,#2f58ff 42%,#9b25f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.campaign-slide__rule{width:118px;height:3px;margin:28px 0 24px;background:linear-gradient(90deg,#0b75ff,#a023f4);border-radius:999px}
.campaign-slide__copy p{margin:0;font-size:clamp(20px,1.72vw,30px);line-height:1.35;color:#fff;letter-spacing:-.025em}
.campaign-slide__copy p b{font-weight:500;background:linear-gradient(90deg,#0872ff,#9728f5);-webkit-background-clip:text;background-clip:text;color:transparent}

.agent-panel{
  position:absolute;z-index:6;right:2.7vw;top:20.5vh;width:min(29vw,455px);min-width:385px;
  padding:24px 24px 18px;border-radius:22px;background:rgba(255,255,255,.975);color:#0b1740;
  box-shadow:0 28px 70px rgba(0,0,0,.22),0 6px 18px rgba(22,40,90,.12),inset 0 1px 0 #fff;
  border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(1.12);
  transform:translateY(10px) scale(.99);opacity:0;
}
.campaign-hero.is-running .agent-panel{animation:agentPanelIn .72s .18s cubic-bezier(.16,1,.3,1) forwards}
@keyframes agentPanelIn{to{transform:translateY(0) scale(1);opacity:1}}
.agent-panel__head{display:flex;align-items:center;gap:15px}
.agent-panel__icon{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:29px;background:linear-gradient(145deg,#6632ff,#136eff);box-shadow:0 12px 26px rgba(80,46,255,.24)}
.agent-panel__head h2{margin:0 0 6px;font-size:20px;letter-spacing:-.03em}
.agent-panel__head p{margin:0;color:#09a34d;font-size:15px;font-weight:800}.agent-panel__head p i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;background:#08b95a;box-shadow:0 0 0 0 rgba(8,185,90,.45);animation:livePulse 1.9s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(8,185,90,.38)}70%{box-shadow:0 0 0 9px rgba(8,185,90,0)}100%{box-shadow:0 0 0 0 rgba(8,185,90,0)}}
.agent-panel__divider{height:1px;background:#e7eaf1;margin:18px 0}
.agent-panel>h3{font-size:14px;margin:0 0 7px;letter-spacing:.01em}
.agent-panel__timeline{position:relative}
.agent-panel__timeline::before{content:"";position:absolute;left:18px;top:34px;bottom:35px;width:1.5px;background:linear-gradient(180deg,#d9e4ff,#d8dded)}
.agent-event{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 68px 22px;align-items:center;gap:9px;min-height:74px;border-bottom:1px solid #eceef4;opacity:0;transform:translateY(7px)}
.campaign-hero.is-running .agent-event:nth-child(1){animation:eventIn .42s .62s forwards}
.campaign-hero.is-running .agent-event:nth-child(2){animation:eventIn .42s 1.22s forwards}
.campaign-hero.is-running .agent-event:nth-child(3){animation:eventIn .42s 1.82s forwards}
.campaign-hero.is-running .agent-event:nth-child(4){animation:eventIn .48s 2.48s forwards}
.campaign-hero.is-running .agent-event:nth-child(5){animation:eventIn .42s 3.18s forwards}
@keyframes eventIn{to{opacity:1;transform:translateY(0)}}
.agent-event__icon{position:relative;z-index:2;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:22px;color:#315fff;background:#fff}
.agent-event div b,.agent-event div small{display:block}.agent-event div b{font-size:13px;line-height:1.2}.agent-event div small{margin-top:5px;font-size:12px;color:#394767}.agent-event time{font-size:11px;color:#42506d;white-space:nowrap}.agent-event em{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-style:normal;color:#fff;background:linear-gradient(145deg,#315fff,#8b20f4)}
.agent-event--ai{margin:5px -10px;padding:0 10px;border-radius:13px;border-bottom:0;background:linear-gradient(100deg,rgba(228,238,255,.9),rgba(243,231,255,.9));box-shadow:0 0 0 1px rgba(97,83,255,.08),0 10px 26px rgba(84,63,255,.08)}
.campaign-hero.is-running .agent-event--ai{animation:eventIn .48s 2.48s forwards,aiGlow 1.4s 2.7s ease-in-out 1}
@keyframes aiGlow{0%,100%{box-shadow:0 0 0 1px rgba(97,83,255,.08),0 10px 26px rgba(84,63,255,.08)}50%{box-shadow:0 0 0 1px rgba(97,83,255,.18),0 12px 34px rgba(78,58,255,.18)}}
.agent-panel__momentum{padding-top:16px}.agent-panel__momentum>span{font-size:15px;font-weight:700}.agent-panel__momentum>strong{float:right;font-size:44px;line-height:.8;color:#3155ff;letter-spacing:-.05em}.agent-panel__momentum>strong b{font:inherit}.agent-panel__momentum>div{clear:both;height:7px;border-radius:99px;background:#e7ebf4;margin-top:20px;overflow:hidden}.agent-panel__momentum>div i{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0874ff,#9c20ef)}
.campaign-hero.is-running .agent-panel__momentum>div i{animation:momentumBar 1.05s 3.7s cubic-bezier(.16,1,.3,1) forwards}
@keyframes momentumBar{to{width:92%}}

.campaign-hero__cta{position:absolute;z-index:7;left:3.4vw;bottom:7.5vh;display:flex;align-items:center;gap:18px}
.campaign-cta{height:54px;padding:0 26px;border-radius:13px;display:inline-flex;align-items:center;gap:28px;text-decoration:none;color:#fff;font-size:16px;font-weight:700;background:linear-gradient(105deg,#2472ee,#842cf3);box-shadow:0 15px 34px rgba(82,43,235,.27),inset 0 1px 0 rgba(255,255,255,.25)}
.campaign-cta span{font-size:22px;font-weight:300}.campaign-hero__cta small{font-size:12px;font-weight:700;color:rgba(255,255,255,.92)}
.campaign-hero__nav{position:absolute;z-index:7;left:3.4vw;bottom:2.8vh;display:flex;gap:8px}
.campaign-hero__nav button{position:relative;width:34px;height:4px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden;cursor:pointer}.campaign-hero__nav button::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1e73ff,#8d25ef);transform:scaleX(0);transform-origin:left}.campaign-hero__nav button.is-active::after{animation:sceneProgress 4s linear forwards}@keyframes sceneProgress{to{transform:scaleX(1)}}
.campaign-hero__down{position:absolute;z-index:7;right:3.2vw;bottom:2.5vh;color:rgba(255,255,255,.82);text-decoration:none;font-size:12px;font-weight:700}.campaign-hero__down span{margin-left:7px;color:#8a39ff}

@media(min-width:769px){
  .canvas{height:calc(1560px + 100vh)!important;min-height:calc(1560px + 100vh)!important}
  .background,.atmosphere{top:100vh!important;bottom:auto!important;height:100vh!important}
  .hero-copy{top:calc(15.8vh + 100vh)!important}
  .product-stage{top:calc(7.2vh + 100vh)!important}
  .proof.impact-v69{top:calc(760px + 100vh)!important}
}
@media(max-width:1280px) and (min-width:1025px){
  .canvas{height:calc(1490px + 100vh)!important;min-height:calc(1490px + 100vh)!important}
  .proof.impact-v69{top:calc(780px + 100vh)!important}
  .campaign-slide__copy{width:31vw;top:15vh}.campaign-slide__copy h1 span,.campaign-slide__copy h1 strong{font-size:clamp(54px,5vw,70px)}
  .agent-panel{right:1.7vw;width:31vw;min-width:355px;padding:20px}.agent-event{grid-template-columns:38px minmax(0,1fr) 60px 20px;gap:6px}
}
@media(max-width:1024px) and (min-width:769px){
  .canvas{height:calc(2350px + 100vh)!important;min-height:calc(2350px + 100vh)!important}
  .proof.impact-v69{top:calc(970px + 100vh)!important}
  .campaign-slide__copy{left:4vw;top:16vh;width:34vw}.campaign-slide__copy h1 span,.campaign-slide__copy h1 strong{font-size:55px}.campaign-slide__copy p{font-size:20px}
  .agent-panel{right:2vw;top:21vh;width:36vw;min-width:340px;transform:scale(.9);transform-origin:top right}
}
@media(max-width:768px){
  .campaign-hero{height:82svh;min-height:690px;margin-top:0}
  .campaign-slide{background-position:58% center}
  .campaign-slide::before{background:linear-gradient(180deg,rgba(2,4,10,.3),rgba(2,4,10,.2) 40%,rgba(2,4,10,.92) 72%,#05070c 100%)}
  .campaign-slide__mask--left{display:none}
  .campaign-slide__copy{left:20px;right:20px;top:auto;bottom:188px;width:auto}.campaign-slide__copy h1 span,.campaign-slide__copy h1 strong{font-size:clamp(42px,12vw,60px)}.campaign-slide__copy h1 strong{margin-top:7px}.campaign-slide__rule{margin:18px 0 15px;width:82px}.campaign-slide__copy p{font-size:18px}
  .agent-panel{display:none}
  .campaign-hero__cta{left:20px;right:20px;bottom:74px;display:block}.campaign-cta{width:100%;justify-content:center}.campaign-hero__cta small{display:block;margin-top:9px;text-align:center}
  .campaign-hero__nav{left:20px;bottom:35px}.campaign-hero__down{display:none}
}
@media(prefers-reduced-motion:reduce){.campaign-slide.is-active,.campaign-hero.is-running .agent-panel,.campaign-hero.is-running .agent-event,.campaign-hero.is-running .agent-event--ai,.campaign-hero.is-running .agent-panel__momentum>div i,.agent-panel__head p i,.campaign-hero__nav button.is-active::after{animation:none!important}.agent-panel,.agent-event{opacity:1;transform:none}.agent-panel__momentum>div i{width:92%}}

/* =========================================================
   V97.2 — MOBILE LEGACY HERO PHOTO VISIBILITY
   Strict scope: the legacy "The meeting ends / Le rendez-vous se termine" hero on mobile.
   Keep dedicated hero-mobile-seller crop and reduce the white veil so the lifestyle photo remains visible.
   Desktop untouched.
   ========================================================= */
@media (max-width:768px){
  .background{
    background-image:url("assets/hero-mobile-seller.webp")!important;
    background-size:cover!important;
    background-position:50% 48%!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
  }
  .atmosphere{
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.08) 0%,
        rgba(255,255,255,.10) 28%,
        rgba(255,255,255,.14) 58%,
        rgba(247,248,252,.42) 86%,
        rgba(247,248,252,.72) 100%),
      linear-gradient(90deg,
        rgba(255,255,255,.18) 0%,
        rgba(255,255,255,.08) 36%,
        rgba(255,255,255,0) 72%)!important;
  }
}
@media (max-width:390px){
  .background{background-position:50% 46%!important}
}


/* V99 — Early Access commercial simplification (EN + FR, desktop + mobile) */
.early-access-section{
  position:relative;
  padding:96px 24px 104px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(105,61,246,.12),transparent 42%),
    linear-gradient(180deg,#f8f8fd 0%,#ffffff 100%);
}
.early-access-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  opacity:.45;
}
.early-access-shell{
  position:relative;
  z-index:1;
  max-width:920px;
  margin:0 auto;
  padding:58px 64px 52px;
  text-align:center;
  border:1px solid rgba(106,64,236,.16);
  border-radius:30px;
  background:rgba(255,255,255,.82);
  box-shadow:0 34px 90px rgba(43,35,92,.10),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.early-access-kicker{
  margin:0 0 14px;
  color:#6231ee;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
}
.early-access-shell h2{
  margin:0;
  color:#0a1838;
  font-size:clamp(52px,6vw,84px);
  line-height:.94;
  letter-spacing:-.055em;
}
.early-access-shell h2 span{
  background:linear-gradient(95deg,#276fe9 0%,#8d31ed 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.early-access-lead{
  margin:26px 0 0;
  color:#182746;
  font-size:22px;
  line-height:1.4;
  font-weight:700;
}
.early-access-sub{
  margin:8px 0 0;
  color:#61708b;
  font-size:17px;
  line-height:1.45;
}
.early-access-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-width:250px;
  min-height:56px;
  margin-top:30px;
  padding:0 24px;
  border-radius:12px;
  background:linear-gradient(100deg,#2771ed,#8d36ed);
  box-shadow:0 16px 34px rgba(87,48,235,.22);
  color:#fff!important;
  text-decoration:none;
  font-size:16px;
  font-weight:850;
  transition:transform .22s ease,box-shadow .22s ease;
}
.early-access-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(87,48,235,.28)}
.early-access-cta span{font-size:22px;line-height:1}
.early-access-note{
  display:block;
  margin-top:13px;
  color:#68748c;
  font-size:12px;
  font-weight:700;
}
@media(max-width:768px){
  .early-access-section{padding:40px 18px 42px}
  .early-access-section + .closeflow{margin-top:16px}
  .early-access-shell{padding:38px 22px 34px;border-radius:24px}
  .early-access-kicker{margin-bottom:11px;font-size:10px}
  .early-access-shell h2{font-size:44px;line-height:.96}
  .early-access-lead{margin-top:20px;font-size:17px}
  .early-access-sub{margin-top:6px;font-size:14px}
  .early-access-cta{width:100%;min-width:0;min-height:52px;margin-top:24px;font-size:15px}
  .early-access-note{margin-top:11px;font-size:11px}
}

/* V105 strategic product layer: minimal-diff additions */
.v105-magic,.v105-case{max-width:1180px;margin:0 auto;padding:92px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:72px;align-items:center}
.v105-magic-copy p,.v105-case-copy p{font-size:12px;letter-spacing:.18em;font-weight:800;color:#596ee8;margin:0 0 18px}
.v105-magic-copy h2,.v105-case-copy h2{font-size:clamp(36px,4.7vw,66px);line-height:.98;letter-spacing:-.045em;margin:0;color:#111827}
.v105-magic-copy h2 strong,.v105-case-copy h2 strong{color:#4867e8;font-weight:800}
.v105-magic-copy span,.v105-case-copy span{display:block;max-width:620px;margin-top:24px;font-size:18px;line-height:1.55;color:#5b6272}
.v105-story-shot{justify-self:center;width:min(390px,100%);max-height:690px;overflow:hidden;border-radius:32px;background:#0a0b0f;box-shadow:0 32px 80px rgba(18,27,70,.20)}
.v105-story-shot img{display:block;width:100%;height:auto}
.v105-case{grid-template-columns:minmax(320px,.72fr) minmax(0,1fr);max-width:1280px}
.v105-case-copy{order:2}.v105-case-shot{order:1;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(18,27,70,.16);border:1px solid rgba(74,92,180,.14)}
.v105-case-shot img{display:block;width:100%;height:auto}
@media(max-width:820px){.v105-magic,.v105-case{grid-template-columns:1fr;padding:64px 20px;gap:38px}.v105-case-copy,.v105-case-shot{order:initial}.v105-magic-copy h2,.v105-case-copy h2{font-size:clamp(34px,11vw,52px)}.v105-magic-copy span,.v105-case-copy span{font-size:16px}.v105-story-shot{width:min(360px,92vw);max-height:650px}.v105-case-shot{border-radius:18px}}

/* V106 — Deal Case buyer-experience refinement. Minimal diff on V105. */
.v105-case{position:relative;isolation:isolate;padding-top:108px;padding-bottom:108px}
.v105-case:before{content:"";position:absolute;z-index:-1;inset:5% -8% 0;background:radial-gradient(50% 58% at 72% 45%,rgba(83,70,230,.10),transparent 72%);pointer-events:none}
.v105-case-copy{max-width:610px}
.v105-case-copy h2{max-width:700px}
.v105-case-pillars{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.v105-case-pillars b{display:inline-flex;align-items:center;min-height:31px;padding:0 11px;border:1px solid rgba(72,103,232,.16);border-radius:999px;background:rgba(248,250,255,.92);box-shadow:0 5px 18px rgba(24,38,92,.045);color:#3e4b70;font-size:10px;line-height:1;letter-spacing:.09em;font-weight:800}
.v105-case-note{display:block;margin-top:18px;color:#252b38;font-size:14px;line-height:1.5;font-weight:700;letter-spacing:-.01em}
.v105-case-shot{position:relative;overflow:visible;border:0;box-shadow:none;background:transparent}
.v105-case-frame{position:relative;overflow:hidden;border:1px solid rgba(74,92,180,.14);border-radius:24px;background:#080b17;box-shadow:0 34px 90px rgba(18,27,70,.18),0 1px 0 rgba(255,255,255,.75) inset;transform:perspective(1400px) rotateY(-2deg) rotateX(.7deg);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease}
.v105-case-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.11),transparent 22%,transparent 75%,rgba(95,75,255,.06))}
.v105-case-shot:hover .v105-case-frame{transform:perspective(1400px) rotateY(0) rotateX(0) translateY(-3px);box-shadow:0 42px 100px rgba(18,27,70,.22)}
.v105-case-frame img{display:block;width:100%;height:auto}
.v105-case-live{position:absolute;z-index:2;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(7,10,23,.78);backdrop-filter:blur(12px);color:rgba(255,255,255,.88);font-size:9px;font-weight:800;letter-spacing:.12em;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.v105-case-live i{width:6px;height:6px;border-radius:50%;background:#7d65ff;box-shadow:0 0 0 4px rgba(125,101,255,.13)}
@media(max-width:820px){.v105-case{padding-top:72px;padding-bottom:72px}.v105-case-pillars{margin-top:24px}.v105-case-frame{border-radius:18px;transform:none}.v105-case-shot:hover .v105-case-frame{transform:none}.v105-case-live{top:10px;left:10px}}


/* V107 — Story product magic + buyer-experience marketing refinement.
   Desktop remains static. On mobile, the real Story visual gets a restrained
   premium vertical motion to communicate that the Deal Case Story is alive. */
@media (max-width:820px){
  .v105-story-shot{
    position:relative;
    overflow:hidden;
  }
  .v105-story-shot img{
    will-change:transform;
    animation:v107-story-mobile-pan 9s cubic-bezier(.45,0,.2,1) infinite alternate;
  }
}
@keyframes v107-story-mobile-pan{
  0%,12%{transform:translate3d(0,0,0) scale(1)}
  88%,100%{transform:translate3d(0,-5.5%,0) scale(1.012)}
}
@media (prefers-reduced-motion:reduce){
  .v105-story-shot img{animation:none!important;transform:none!important}
}


/* =========================================================
   V109 — structural flow rebuild
   Complete Buyer Experience and AI Agent are sequential.
   No overlap patching with viewport-based top calculations.
   ========================================================= */
@media (min-width:769px){
  .canvas{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .canvas > .v105-case,
  .canvas > .proof.impact-v69{
    position:relative!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  }
  .canvas > .v105-case{
    width:min(1380px,88vw)!important;
    max-width:1380px!important;
    margin:96px auto 0!important;
    min-height:0!important;
    padding:58px 64px!important;
    gap:64px!important;
    border-radius:30px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(247,248,255,.93))!important;
    border:1px solid rgba(83,92,180,.12)!important;
    box-shadow:0 28px 90px rgba(26,34,78,.10)!important;
  }
  .canvas > .proof.impact-v69{
    width:min(1440px,92vw)!important;
    max-width:1440px!important;
    margin:118px auto 0!important;
    padding:0!important;
  }
  .v105-case-copy h2{font-size:clamp(42px,4vw,64px)!important;line-height:.96!important}
  .v105-case-copy span{max-width:620px!important;font-size:16px!important;line-height:1.58!important}
  .v105-case-frame{transform:none!important}
}
@media (min-width:1280px){
  .canvas > .v105-case{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important}
}
@media (max-width:1024px) and (min-width:769px){
  .canvas > .v105-case{
    width:min(900px,92vw)!important;
    grid-template-columns:1fr!important;
    padding:48px!important;
    gap:38px!important;
  }
  .v105-case-shot{max-width:760px!important;margin:0 auto!important}
  .canvas > .proof.impact-v69{margin-top:90px!important}
}
@media(max-width:768px){
  .canvas{height:auto!important;min-height:0!important;overflow:visible!important}
  .canvas > .v105-case,
  .canvas > .proof.impact-v69{
    position:relative!important;inset:auto!important;
  }
  .canvas > .v105-case{
    margin:42px 14px 0!important;
    padding:34px 20px 26px!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,249,255,.96))!important;
    box-shadow:0 18px 54px rgba(26,34,78,.09)!important;
  }
  .canvas > .proof.impact-v69{margin-top:64px!important}
  .v105-case-copy h2{font-size:clamp(30px,9vw,40px)!important;line-height:1!important}
  .v105-case-copy span{font-size:14px!important;line-height:1.55!important}
}