/* Candy Blast V14 — premium visual layer.
   Reuses V13/Bubble components; only public landing page styles are overridden here. */
:root{
  --cb-bg-0:#120a22;
  --cb-bg-1:#25123a;
  --cb-bg-2:#321850;
  --cb-violet:#8757ff;
  --cb-magenta:#ec4cad;
  --cb-pink:#ff75b7;
  --cb-blue:#54b9ff;
  --cb-glass:rgba(255,255,255,.78);
  --cb-border:rgba(255,255,255,.74);
}

html{background:#150d24}
body{background:#f8edf6}
.landing-v13{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 16% 11%,rgba(122,196,255,.34),transparent 28%),
  radial-gradient(circle at 86% 17%,rgba(204,86,255,.22),transparent 27%),
  radial-gradient(circle at 51% 53%,rgba(255,141,190,.16),transparent 33%),
  linear-gradient(180deg,#c8eafb 0%,#ecddf3 26%,#f8edf5 58%,#efe4f6 100%)}
.landing-v13::before,.landing-v13::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.55}
.landing-v13::before{width:410px;height:410px;left:-170px;top:720px;background:#ff82c7}
.landing-v13::after{width:470px;height:470px;right:-220px;top:1180px;background:#7c7bff}

/* Header: Candy identity, no generic purple bar. */
.header{background:
  linear-gradient(110deg,rgba(28,14,46,.98),rgba(50,21,76,.98) 47%,rgba(31,30,74,.98))!important;
  border-bottom:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 8px 30px rgba(25,9,42,.34),inset 0 -1px rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px) saturate(1.15);
  -webkit-backdrop-filter:blur(16px) saturate(1.15)
}
.header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#5e9dff80,#ef66c99c,#5e9dff80,transparent);pointer-events:none}
.brand{position:relative;isolation:isolate}
.brand::before{content:"";position:absolute;z-index:-1;width:108px;height:48px;left:8px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(ellipse,#f45db94a 0%,#6f54d42d 44%,transparent 73%);filter:blur(4px)}
.brand img{filter:drop-shadow(0 3px 2px #0c0716a6) drop-shadow(0 0 8px #ff7bc04d)!important;transform:translateZ(0);transition:transform .25s ease,filter .25s ease}
@media(hover:hover){.brand:hover img{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 4px 2px #0c0716a6) drop-shadow(0 0 12px #ff76c276)!important}}
.desktop-links a{position:relative;color:#f7f0ff!important;opacity:.92;transition:color .2s,opacity .2s}
.desktop-links a::before{content:"";position:absolute;left:50%;bottom:15px;width:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#6ccfff,#f663bd);transform:translateX(-50%);transition:width .2s}
.desktop-links a:hover{color:#fff!important;opacity:1}.desktop-links a:hover::before{width:70%}
.desktop-links a:first-child::after{display:none!important}
.header-btn{border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.5),0 6px 18px rgba(11,5,29,.25)!important;transition:transform .2s,box-shadow .2s,filter .2s!important}
.header .btn-blue{background:linear-gradient(135deg,#55c4ff,#446cff 74%,#584be1)!important}
.header .btn-pink{background:linear-gradient(135deg,#ff83bb,#f13f9b 59%,#c92584)!important}
@media(hover:hover){.header-btn:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px rgba(255,255,255,.62),0 9px 22px rgba(11,5,29,.33)!important}}
.menu-toggle{border-radius:10px;transition:background .2s}.menu-toggle:hover{background:#ffffff13}
.mobile-menu{background:linear-gradient(160deg,rgba(36,17,55,.98),rgba(31,27,73,.98))!important;backdrop-filter:blur(16px)}

/* Hero: smaller title block, video pulled upward into the first fold. */
.cb-hero{min-height:auto;padding-bottom:38px!important;background:
  radial-gradient(circle at 22% 16%,rgba(255,255,255,.72),transparent 23%),
  radial-gradient(circle at 80% 21%,rgba(166,104,255,.18),transparent 30%),
  linear-gradient(180deg,rgba(188,228,251,.93),rgba(236,222,244,.9) 62%,rgba(249,232,243,.98))!important}
.cb-sky{opacity:.67!important;filter:saturate(.82) contrast(.97);mix-blend-mode:multiply}
.cb-sky::after{background:linear-gradient(180deg,rgba(218,246,255,.28),rgba(255,247,253,.44) 55%,rgba(252,234,246,.88))!important}
.cb-hero-inner{max-width:900px!important}
.cb-hero-title{margin:0 auto 0!important;max-width:680px!important}
.cb-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px!important;padding:7px 13px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(255,255,255,.43);backdrop-filter:blur(9px);color:#70456f!important;font-size:10px!important;letter-spacing:.13em!important;box-shadow:0 5px 18px rgba(77,40,89,.1)}
.cb-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#e74ca8;box-shadow:0 0 0 4px #e74ca82a,0 0 10px #e74ca8}
.cb-hero-title h1{text-transform:none!important;font-size:clamp(28px,3.9vw,48px)!important;letter-spacing:-1.2px!important;line-height:1.02!important;margin:3px auto 7px!important;text-shadow:0 3px 0 #583074,0 6px 16px #3c17495b!important}
.cb-hero-title h1 span{color:#ffef9e!important;text-shadow:0 3px 0 #604078,0 7px 16px #4a24566b!important}
.cb-hero-title p{font-size:clamp(12px,1.15vw,14px)!important;color:#5d4564!important;max-width:520px!important}
.cb-video-frame{margin-top:23px!important;margin-bottom:16px!important;filter:drop-shadow(0 20px 28px rgba(51,23,73,.24))}
.cb-video-body{background:radial-gradient(circle at 50% 25%,#5a3472 0,#2c1b45 40%,#161127 100%)!important;border-color:#d6a6e2!important}
.cb-video-placeholder{background:
  radial-gradient(circle at 50% 24%,rgba(155,91,214,.62),transparent 42%),
  radial-gradient(circle at 17% 82%,rgba(237,83,169,.22),transparent 30%),
  linear-gradient(160deg,#261533,#171126)!important}
.cb-video-placeholder::before,.cb-video-placeholder::after{content:"✦";position:absolute;color:#fff7ff;font-size:11px;opacity:.55;filter:drop-shadow(0 0 6px #d95acd);animation:cbTwinkle 3.6s ease-in-out infinite}
.cb-video-placeholder::before{left:17%;top:20%}.cb-video-placeholder::after{right:17%;bottom:25%;animation-delay:-1.7s}
.cb-video-placeholder-symbol{filter:drop-shadow(0 0 10px #f267c56e)}

/* Bubble activity component transplanted/adapted from online-fire-pill. */
@property --pill-spin{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes pill-border-spin{to{--pill-spin:360deg}}
@keyframes cbActivityPulse{0%,100%{opacity:.82;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
.cb-video-frame .cb-activity-pill{z-index:8!important;top:0!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;border:0!important;background:rgba(18,8,36,.94)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;border-radius:999px!important;box-shadow:none!important;overflow:visible!important;animation:none!important;isolation:isolate;color:#fff!important;font-size:10px!important;letter-spacing:.08em!important}
.cb-video-frame .cb-activity-pill::before{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;border-radius:999px;padding:2px;background:conic-gradient(from var(--pill-spin),transparent 0 205deg,#6ab8ff8c 236deg,#9e6cff 270deg,#ff72c5 305deg,#ffd3ef 333deg,#5eaaff 355deg,transparent 360deg);animation:1.9s linear infinite pill-border-spin,1.1s ease-in-out infinite alternate fire-border-flicker;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cb-video-frame .cb-activity-pill::after{content:"";position:absolute;z-index:-2;inset:-7px;border-radius:999px;pointer-events:none;box-shadow:0 0 11px #6e6aff9b,0 0 20px #e347ad72,0 0 28px #5bbcff42;animation:1.15s ease-in-out infinite alternate fire-glow-pulse;background:none!important}
.cb-activity-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#70ffbd;box-shadow:0 0 0 4px #70ffbd22,0 0 10px #70ffbd,0 0 18px #65e9b0;animation:cbActivityPulse 1.65s ease-in-out infinite}
.cb-activity-pill .online-label{color:#f8f5ff!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase!important}

/* Benefits become a single premium strip, still compact. */
.cb-benefits{position:relative;max-width:650px!important;gap:5px!important;padding:5px;border:1px solid rgba(255,255,255,.75);border-radius:19px;background:rgba(255,255,255,.39);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(73,43,85,.11)!important}
.cb-benefit{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:13px!important;padding:8px 6px!important;color:#50384f!important}
.cb-benefit:not(:last-child){border-right:1px solid rgba(122,83,124,.12)!important;border-radius:0!important}
.cb-benefit-icon{width:20px;height:20px;border-radius:7px;background:linear-gradient(145deg,#fbeaff,#efd8fa);color:#ad4f95!important;font-size:12px!important}
.cb-main-play{background:linear-gradient(180deg,#ff8fc1,#f4459e 52%,#cf1e7b)!important;border:1px solid #ffb1d3!important;box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -4px rgba(98,12,65,.28),0 7px 0 #8f1d59,0 15px 28px rgba(172,38,105,.32)!important;transition:transform .2s,filter .2s,box-shadow .2s!important}
@media(hover:hover){.cb-main-play:hover{transform:translateY(-3px)!important;filter:brightness(1.04);box-shadow:inset 0 2px rgba(255,255,255,.75),inset 0 -4px rgba(98,12,65,.22),0 9px 0 #8f1d59,0 20px 32px rgba(172,38,105,.36)!important}}
.cb-existing-account{color:#614463!important;transition:background .2s,color .2s,transform .2s!important}.cb-existing-account:hover{transform:translateY(-1px)}

/* Shared section treatment: glass, depth, soft candy lights. */
.cb-section{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.74)!important;background:
  linear-gradient(145deg,rgba(255,255,255,.79),rgba(255,245,251,.65))!important;
  backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 24px 58px rgba(73,38,88,.14),inset 0 1px rgba(255,255,255,.86)!important}
.cb-section::before{content:"";position:absolute;z-index:-1;width:150px;height:150px;border-radius:50%;top:-54px;left:-45px;background:radial-gradient(circle,rgba(107,183,255,.18),transparent 70%);filter:blur(4px)}
.cb-section::after{content:"";position:absolute;z-index:-1;width:190px;height:190px;border-radius:50%;right:-70px;bottom:-75px;background:radial-gradient(circle,rgba(241,87,173,.16),transparent 70%)}
.cb-section-heading h2{color:#4e2d5b!important;text-shadow:0 2px rgba(255,255,255,.85)}
.cb-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:linear-gradient(90deg,#f7e8ff,#ffe7f1);color:#9b3d83!important;box-shadow:inset 0 0 0 1px #ffffffaa}
.cb-eyebrow::before{content:"✦";font-size:9px;color:#e14eaa}

/* Demo steps: keep carousel logic but make the visual stronger. */
.cb-step-card{position:relative;overflow:hidden!important;border-color:rgba(224,181,211,.64)!important;background:linear-gradient(165deg,rgba(255,255,255,.97),rgba(255,241,248,.93))!important;box-shadow:0 11px 25px rgba(99,45,79,.13)!important;transition:transform .25s,box-shadow .25s,border-color .25s!important}
.cb-step-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.7) 48%,transparent 58%) -120% 0/75% 100% no-repeat;transition:background-position .6s}
@media(hover:hover){.cb-step-card:hover{transform:translateY(-6px)!important;border-color:#e3a8ca!important;box-shadow:0 18px 33px rgba(92,39,78,.19)!important}.cb-step-card:hover::after{background-position:220% 0}}
.cb-demo-step-visual{display:grid!important;place-items:center!important;aspect-ratio:3/2!important;background:
  radial-gradient(circle at 50% 50%,rgba(255,255,255,.92) 0 18%,transparent 19%),
  radial-gradient(circle at 50% 50%,rgba(241,135,196,.24),transparent 53%),
  linear-gradient(145deg,#f5eaff,#fff1f7)!important}
.cb-demo-step-icon{font-size:39px;color:#c64092;text-shadow:0 5px 12px rgba(151,49,119,.18);animation:cbIconFloat 3.4s ease-in-out infinite}
.cb-demo-step-number{position:absolute;left:13px;top:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#6e70f2,#c051d3 55%,#ed579f);color:white;font-size:11px;font-weight:1000;box-shadow:0 5px 12px rgba(91,48,143,.22)}
.cb-step-card:nth-child(2) .cb-demo-step-icon{color:#766ee9}.cb-step-card:nth-child(3) .cb-demo-step-icon{color:#f1549e}.cb-step-card:nth-child(4) .cb-demo-step-icon{color:#d09430}
.cb-step-card h3{color:#9e2e79!important}.cb-step-card p{color:#614b64!important}
.cb-arrow{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(8px);border-color:#e7bbd4!important;box-shadow:0 7px 18px rgba(92,43,81,.15)!important;transition:transform .18s,background .18s!important}
@media(hover:hover){.cb-arrow:hover{transform:translateY(-50%) scale(1.07)!important;background:#fff!important}}
.cb-dot{background:#d8bad1!important}.cb-dot[aria-current="true"]{background:linear-gradient(90deg,#7c69ef,#ec4aa9)!important}

/* Review cards stay structurally the same; premium glass treatment. */
.cb-recommend{margin-top:34px!important}
.cb-notice{background:rgba(255,255,255,.52)!important;border-color:rgba(240,199,222,.7)!important;color:#825a77!important;backdrop-filter:blur(8px)}
.cb-review-card{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(249,238,255,.9))!important;border-color:rgba(227,194,222,.67)!important;box-shadow:0 12px 28px rgba(75,41,89,.12)!important;transition:transform .25s,box-shadow .25s!important}
.cb-review-card::before{content:"❞";position:absolute;right:15px;top:10px;color:#e4b3dc;font:700 45px/1 Georgia,serif;opacity:.55}
@media(hover:hover){.cb-review-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 35px rgba(75,41,89,.18)!important}}
.cb-avatar{box-shadow:inset 0 2px rgba(255,255,255,.65),0 5px 14px rgba(69,31,89,.2)!important}
.cb-review-tag{background:linear-gradient(90deg,#f7e5ff,#ffe5f1)!important;border:1px solid #fff!important}

/* Final CTA: important destination, not another flat block. */
.cb-last-call{position:relative;isolation:isolate;overflow:hidden;margin:58px 0 0!important;padding:78px 18px 82px!important;background:
  radial-gradient(circle at 50% 0%,rgba(132,81,225,.38),transparent 38%),
  radial-gradient(circle at 14% 74%,rgba(233,69,161,.22),transparent 28%),
  radial-gradient(circle at 88% 67%,rgba(69,166,255,.2),transparent 28%),
  linear-gradient(145deg,#170a28,#28123e 50%,#171334)!important;border-top:1px solid rgba(255,255,255,.13)}
.cb-last-call::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#f7b3e4 0 1px,transparent 1.5px);background-position:0 0,31px 23px;background-size:61px 61px,79px 79px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 72%,transparent)}
.cb-final-shell{position:relative;width:min(760px,100%);margin:auto}
.cb-final-card{position:relative;z-index:2;text-align:center;padding:42px 50px 38px;border-radius:29px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.14),0 28px 70px rgba(3,0,13,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cb-final-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(115,183,255,.6),rgba(238,91,186,.5),rgba(255,218,137,.3)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
.cb-final-kicker{display:inline-block;font-size:10px;font-weight:1000;letter-spacing:.18em;color:#f3b8e2;margin-bottom:11px}
.cb-final-card h2{margin:0 0 10px;color:#fff;font-size:clamp(27px,4vw,39px);line-height:1.05;font-weight:1000;letter-spacing:-.7px;text-shadow:0 4px 16px rgba(0,0,0,.24)}
.cb-final-card p{max-width:550px;margin:0 auto 23px;color:#e8dced;font-size:14px;line-height:1.55;font-weight:750}
.cb-final-card small{display:block;margin-top:17px;color:#aa9ab8;font-size:10px;font-weight:800}
.cb-last-button{height:60px!important;max-width:430px!important;background:linear-gradient(135deg,#ff76b9,#e83b9f 55%,#bd2887)!important;border:1px solid #ffacd0!important;box-shadow:inset 0 2px rgba(255,255,255,.55),0 10px 28px rgba(237,63,160,.24)!important}
.cb-final-candy{position:absolute;z-index:3;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(0,0,0,.23));pointer-events:none;animation:cbCandyDrift 5s ease-in-out infinite}
.cb-final-candy-a{left:-28px;top:24%;transform:rotate(-12deg)}.cb-final-candy-b{right:-26px;top:18%;animation-delay:-1.4s}.cb-final-candy-c{right:7%;bottom:-34px;width:62px;height:62px;animation-delay:-2.6s}
.cb-footer{position:relative;background:linear-gradient(180deg,#13091f,#0d0818)!important;border-top:1px solid rgba(255,255,255,.07)!important}.cb-footer img{filter:drop-shadow(0 3px 3px #0008) drop-shadow(0 0 8px #ed64ba45)}

/* Motion is opt-in after JS, so content stays visible if scripts fail. */
.cb-motion-enabled .cb-animate{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.18,.8,.2,1)}
.cb-motion-enabled .cb-animate.cb-inview{opacity:1;transform:none}
@keyframes cbTwinkle{0%,100%{opacity:.25;transform:scale(.75) rotate(0)}50%{opacity:.8;transform:scale(1.18) rotate(45deg)}}
@keyframes cbIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes cbCandyDrift{0%,100%{translate:0 0}50%{translate:0 -8px}}

@media(max-width:830px){
  .cb-hero{padding-top:calc(var(--head-h) + var(--safe-top) + 12px)!important}
  .cb-hero-title h1{font-size:clamp(29px,6.2vw,40px)!important}
  .cb-video-frame{margin-top:20px!important}
  .cb-section{margin-top:26px!important}
}
@media(max-width:560px){
  .header{min-height:calc(var(--head-h) + var(--safe-top))!important}
  .brand{max-width:104px!important;overflow:visible!important}.brand::before{width:85px;height:39px;left:1px}.brand img{max-height:51px!important;width:102px!important}
  .header-buttons{gap:4px!important}.header-btn{min-width:68px!important;height:31px!important;padding:0 6px!important;font-size:9px!important}
  .cb-hero{padding-inline:11px!important;padding-bottom:30px!important}
  .cb-kicker{font-size:8px!important;padding:6px 10px!important}
  .cb-hero-title h1{font-size:clamp(25px,7.1vw,31px)!important;line-height:1.02!important;margin-top:5px!important}.cb-hero-title p{font-size:12px!important}
  .cb-video-frame{width:min(248px,calc(100vw - 70px))!important;margin-top:20px!important;margin-bottom:13px!important}
  .cb-video-frame .cb-activity-pill{font-size:8.5px!important;padding:7px 10px!important;gap:6px!important}.cb-activity-dot{width:7px;height:7px}
  .cb-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:390px!important;gap:0!important;padding:4px!important;border-radius:16px!important}
  .cb-benefit{flex-direction:column!important;gap:2px!important;font-size:8.5px!important;line-height:1.05!important;padding:6px 2px!important;white-space:normal!important;text-align:center!important}.cb-benefit small{font-size:6.5px!important;display:block!important}.cb-benefit-icon{width:18px;height:18px;font-size:10px!important}
  .cb-main-play{max-width:360px!important;height:55px!important;min-height:55px!important;font-size:18px!important}.cb-existing-account{font-size:13px!important;padding:10px 18px!important}
  .cb-section{width:calc(100% - 18px)!important;padding:25px 7px!important;margin-top:23px!important;border-radius:22px!important}.cb-section-heading{padding-inline:10px!important}.cb-section-heading h2{font-size:26px!important}.cb-section-heading p{font-size:12px!important;line-height:1.45!important}
  .lp-howto-card{flex-basis:min(78vw,265px)!important}.cb-demo-step-icon{font-size:36px}.cb-demo-step-number{width:31px;height:31px;font-size:10px}
  .cb-review-card{flex-basis:min(83vw,310px)!important}
  .cb-last-call{margin-top:40px!important;padding:57px 12px 62px!important}.cb-final-card{padding:33px 20px 30px!important;border-radius:24px!important}.cb-final-card h2{font-size:28px!important}.cb-final-card p{font-size:13px!important}.cb-final-candy{width:52px;height:52px}.cb-final-candy-a{left:-8px;top:-24px}.cb-final-candy-b{right:-7px;top:-20px}.cb-final-candy-c{right:10%;bottom:-27px;width:48px;height:48px}.cb-last-button{height:55px!important;font-size:17px!important}
}
@media(max-width:350px){.brand{max-width:82px!important}.brand img{width:83px!important}.header-btn{min-width:61px!important;font-size:8px!important}.cb-video-frame{width:min(232px,calc(100vw - 68px))!important}.cb-benefit{font-size:7.7px!important}}
@media(prefers-reduced-motion:reduce){
  .cb-video-frame .cb-activity-pill::before,.cb-video-frame .cb-activity-pill::after,.cb-activity-dot,.cb-video-placeholder::before,.cb-video-placeholder::after,.cb-demo-step-icon,.cb-final-candy{animation:none!important}
  .cb-motion-enabled .cb-animate{opacity:1!important;transform:none!important;transition:none!important}
  .brand img,.header-btn,.cb-main-play,.cb-step-card,.cb-review-card,.cb-arrow{transition:none!important}
}
/* Fixed-header clearance: direct safe-area calc avoids nested custom-property quirks. */
.cb-hero{padding-top:calc(103px + env(safe-area-inset-top,0px))!important}
@media(max-width:830px){.cb-hero{padding-top:calc(91px + env(safe-area-inset-top,0px))!important}}
@media(max-width:560px){.cb-hero{padding-top:calc(82px + env(safe-area-inset-top,0px))!important}}


/* V14.1 user-request refinements */
.cb-hero{background:
  radial-gradient(circle at 18% 16%, rgba(255,196,237,.58), transparent 20%),
  radial-gradient(circle at 78% 14%, rgba(130,186,255,.42), transparent 22%),
  radial-gradient(circle at 50% 40%, rgba(255,255,255,.42), transparent 28%),
  linear-gradient(180deg,#d9efff 0%,#e9ecff 26%,#f7e4f1 60%,#f8edf4 100%)!important; padding-bottom:20px!important}
.cb-sky{background:
  radial-gradient(circle at 14% 20%, rgba(255,255,255,.92), transparent 10%),
  radial-gradient(circle at 84% 18%, rgba(255,255,255,.6), transparent 12%),
  radial-gradient(circle at 50% 80%, rgba(255,198,230,.18), transparent 24%),
  url('v11-landscape.svg') center 40%/cover no-repeat!important;opacity:1!important}
.cb-sky:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 8% 42%, rgba(255,165,217,.18), transparent 22%),
  radial-gradient(circle at 88% 50%, rgba(117,186,255,.18), transparent 22%),
  radial-gradient(circle at 66% 22%, rgba(255,223,141,.12), transparent 16%);pointer-events:none}
.cb-hero-title{margin-bottom:4px!important}
.cb-kicker{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.58))!important;color:#874a75!important;border-color:rgba(255,255,255,.88)!important;box-shadow:0 10px 24px rgba(100,57,128,.14)!important}
.cb-hero-title h1{font-size:clamp(28px,4.4vw,54px)!important;max-width:780px!important;color:#ffffff!important;text-shadow:0 3px 0 #6d4ba2,0 0 0 #000,0 10px 20px rgba(73,38,101,.18)!important;-webkit-text-stroke:.65px #7355ab!important}
.cb-hero-highlight{margin:4px auto 8px!important;font-size:clamp(20px,3vw,36px)!important;line-height:1.04!important;font-weight:1000!important;letter-spacing:-.02em!important;color:#ffe57a!important;text-shadow:0 2px 0 #915698,0 6px 18px rgba(115,69,125,.2)!important}
.cb-hero-title p:not(.cb-hero-highlight){max-width:560px!important;margin-top:0!important;color:#64405f!important;font-size:14px!important}
.brand{max-width:164px!important;padding:2px 4px!important;border-radius:16px!important}.brand::before{width:138px!important;height:58px!important;left:8px!important;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.5),transparent 64%),linear-gradient(135deg,rgba(108,70,164,.52),rgba(255,116,192,.28),rgba(131,190,255,.32))!important;filter:blur(.2px)!important;box-shadow:0 10px 24px rgba(81,42,102,.2)!important}.brand img{width:146px!important;max-height:none!important;height:auto!important;filter:drop-shadow(0 3px 0 rgba(74,24,78,.2)) drop-shadow(0 6px 12px rgba(255,255,255,.18))!important}
.cb-video-frame{margin-top:14px!important;margin-bottom:10px!important;max-width:284px!important;width:min(284px,calc(100vw - 50px))!important;box-shadow:0 18px 42px rgba(94,49,136,.22)!important}
.cb-video-frame .cb-activity-pill{min-width:156px;justify-content:center}
.cb-benefits{margin-bottom:10px!important;gap:6px!important;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.46))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.cb-benefit{font-size:10.8px!important;padding:8px 4px!important;background:transparent!important;box-shadow:none!important;border-right:1px solid rgba(175,132,168,.18)!important;border-radius:0!important}.cb-benefit:last-child{border-right:0!important}.cb-benefit span:last-child{display:block}.cb-benefit-icon{background:linear-gradient(135deg,#ffd8f2,#fff)!important}
.cb-actions{gap:2px!important}.cb-main-play{min-height:58px!important;height:58px!important}.cb-existing-account{padding-top:8px!important;padding-bottom:10px!important}
.cb-how{margin-top:18px!important}.cb-section{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,252,255,.7))!important}
.cb-last-call{margin-top:30px!important}
@media(max-width:560px){
 .brand{max-width:126px!important;padding:0 2px!important}.brand::before{width:102px!important;height:45px!important;left:3px!important}.brand img{width:108px!important}
 .header-inner{padding:8px 12px!important;min-height:66px!important}.header{backdrop-filter:blur(18px)!important}
 .cb-hero{padding-top:calc(74px + env(safe-area-inset-top,0px))!important;padding-bottom:18px!important}
 .cb-hero-title h1{font-size:clamp(23px,6.8vw,31px)!important;line-height:1.01!important;margin-bottom:3px!important}
 .cb-hero-highlight{font-size:clamp(18px,5.6vw,25px)!important;margin:3px auto 6px!important}
 .cb-hero-title p:not(.cb-hero-highlight){font-size:12px!important;line-height:1.34!important;max-width:310px!important}
 .cb-video-frame{width:min(214px,calc(100vw - 90px))!important;max-width:214px!important;margin-top:10px!important;margin-bottom:8px!important}
 .cb-video-placeholder strong{font-size:16px!important}.cb-video-placeholder>span{font-size:10px!important}
 .cb-benefits{max-width:356px!important;margin-bottom:8px!important}.cb-benefit{font-size:8.3px!important;padding:5px 2px!important}.cb-benefit-icon{width:16px!important;height:16px!important;font-size:9px!important}
 .cb-main-play{max-width:350px!important;height:52px!important;min-height:52px!important;font-size:17px!important}
 .cb-existing-account{font-size:12px!important;padding:8px 18px 7px!important}
}
@media(max-width:350px){
 .cb-hero{padding-top:calc(72px + env(safe-area-inset-top,0px))!important}.cb-video-frame{width:min(205px,calc(100vw - 88px))!important;max-width:205px!important}.cb-benefit{font-size:7.5px!important}
}


/* V15 stronger visual refinement */
body{background:linear-gradient(180deg,#f6f2ff 0%,#fdf8fb 100%)!important}
.landing-v13{position:relative;overflow:hidden}
.landing-v13::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
 radial-gradient(circle at 12% 8%, rgba(255,176,220,.35), transparent 18%),
 radial-gradient(circle at 84% 10%, rgba(146,198,255,.28), transparent 19%),
 radial-gradient(circle at 50% 28%, rgba(255,255,255,.55), transparent 16%),
 radial-gradient(circle at 20% 72%, rgba(168,121,246,.14), transparent 20%),
 radial-gradient(circle at 88% 66%, rgba(255,120,188,.12), transparent 18%)
}
.header{background:linear-gradient(135deg,rgba(70,24,111,.95),rgba(62,35,129,.92) 35%,rgba(53,72,164,.9) 68%,rgba(109,38,136,.93))!important;box-shadow:0 8px 30px rgba(30,10,53,.18)!important}
.header-inner{padding-top:9px!important;padding-bottom:9px!important}
.desktop-links a{color:rgba(255,255,255,.88)!important}.desktop-links a:hover{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.28)}
.brand{max-width:188px!important}.brand::before{width:162px!important;height:66px!important;left:8px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.05))!important;box-shadow:0 10px 32px rgba(255,99,189,.18),0 8px 20px rgba(86,162,255,.12)!important;filter:none!important}.brand img{width:170px!important}
.cb-hero{position:relative;isolation:isolate;padding-bottom:14px!important;background:
 radial-gradient(circle at 8% 20%, rgba(255,205,235,.52), transparent 18%),
 radial-gradient(circle at 92% 16%, rgba(150,210,255,.38), transparent 18%),
 radial-gradient(circle at 50% 34%, rgba(255,255,255,.66), transparent 22%),
 linear-gradient(180deg,#dff0ff 0%,#edf1ff 26%,#f8e9f5 60%,#f9eef3 100%)!important}
.cb-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#ffd8ef 0 1px,transparent 1.5px),radial-gradient(circle,#dff3ff 0 1px,transparent 1.5px);background-size:110px 110px,150px 150px,180px 180px;background-position:0 0,40px 70px,90px 20px;opacity:.55}
.cb-sky{opacity:.84!important;background:
 radial-gradient(circle at 50% 50%, rgba(255,255,255,.4), transparent 30%),
 url('v11-landscape.svg') center 35%/cover no-repeat!important;mix-blend-mode:normal!important}
.cb-hero-decor{position:absolute;inset:0;pointer-events:none;z-index:0}
.cb-float{position:absolute;display:block;filter:drop-shadow(0 10px 22px rgba(62,28,91,.18));animation:cbCandyDrift 4.8s ease-in-out infinite}
.cb-float-a{left:6%;top:26%;width:56px;transform:rotate(-14deg)}
.cb-float-b{right:8%;top:24%;width:58px;animation-delay:-1.1s;transform:rotate(9deg)}
.cb-float-c{left:12%;top:63%;width:48px;animation-delay:-2s}
.cb-float-d{right:13%;top:58%;width:52px;animation-delay:-2.7s;transform:rotate(-10deg)}
.cb-float-e{right:21%;top:40%;width:44px;animation-delay:-3.1s}
.cb-hero-inner{position:relative;z-index:1;max-width:920px!important}
.cb-kicker{font-size:10px!important;letter-spacing:.18em!important;padding:7px 16px!important;border-radius:999px!important;color:#8c4f7e!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.64))!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 10px 26px rgba(107,55,128,.12)!important}
.cb-hero-title{margin-bottom:2px!important}
.cb-hero-title h1{font-size:clamp(30px,4.9vw,58px)!important;line-height:1.01!important;letter-spacing:-.03em!important;margin:2px auto 4px!important;color:#fff!important;-webkit-text-stroke:.8px #7958b1!important;text-shadow:0 3px 0 #7e5eb4,0 10px 22px rgba(79,43,112,.18)!important}
.cb-hero-highlight{font-size:clamp(22px,3.15vw,40px)!important;margin:2px auto 7px!important;color:#ffe47e!important;text-shadow:0 2px 0 #8e6496,0 8px 18px rgba(98,49,112,.16)!important}
.cb-hero-title p:not(.cb-hero-highlight){font-size:14px!important;line-height:1.42!important;max-width:490px!important;color:#694b69!important}
.cb-video-frame{margin-top:8px!important;margin-bottom:7px!important;max-width:292px!important;width:min(292px,calc(100vw - 58px))!important;border-radius:32px!important;box-shadow:0 20px 48px rgba(101,58,135,.22)!important}
.cb-video-frame .cb-activity-pill{top:1px!important;min-width:166px!important;padding:8px 16px!important;background:rgba(16,8,37,.96)!important;box-shadow:0 10px 24px rgba(36,16,62,.22)!important}
.cb-video-body{min-height:490px!important}.cb-video-placeholder strong{font-size:32px!important}.cb-video-placeholder>span{font-size:13px!important}
.cb-benefits{max-width:620px!important;margin-bottom:7px!important;padding:4px!important;gap:0!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.48))!important;border:1px solid rgba(255,255,255,.88)!important}
.cb-benefit{padding:7px 4px!important;font-size:10px!important;line-height:1.1!important;border-right:1px solid rgba(186,152,194,.2)!important}.cb-benefit:last-child{border-right:0!important}.cb-benefit-icon{width:20px!important;height:20px!important;font-size:11px!important}
.cb-actions{gap:0!important}.cb-main-play{height:56px!important;min-height:56px!important;max-width:388px!important;border-radius:20px!important;box-shadow:inset 0 2px rgba(255,255,255,.56),inset 0 -4px rgba(137,12,78,.45),0 9px 0 rgba(135,16,91,.25),0 20px 30px rgba(236,64,157,.18)!important}.cb-existing-account{font-size:14px!important;padding:8px 18px!important;color:#5f3969!important}
.cb-section{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,252,255,.76))!important;box-shadow:0 22px 50px rgba(84,47,109,.08)!important}
.cb-review-card,.cb-step-card{background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(252,243,255,.9))!important}
.cb-last-call{background:
 radial-gradient(circle at 50% 0%,rgba(132,81,225,.46),transparent 38%),
 radial-gradient(circle at 14% 74%,rgba(233,69,161,.28),transparent 28%),
 radial-gradient(circle at 88% 67%,rgba(69,166,255,.26),transparent 28%),
 linear-gradient(145deg,#201038,#311855 48%,#2a255f)!important}
.cb-final-card{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05))!important}
.cb-footer img,.auth-logo{width:auto!important;height:auto!important;max-width:180px!important}
@media(max-width:830px){.brand{max-width:152px!important}.brand::before{width:128px!important;height:52px!important}.brand img{width:138px!important}.cb-video-frame{max-width:270px!important;width:min(270px,calc(100vw - 62px))!important}.cb-video-body{min-height:455px!important}}
@media(max-width:560px){
 .header-inner{padding:8px 12px!important;min-height:64px!important}
 .brand{max-width:125px!important}.brand::before{width:108px!important;height:44px!important;left:2px!important}.brand img{width:112px!important}
 .cb-hero{padding-top:calc(70px + env(safe-area-inset-top,0px))!important;padding-bottom:12px!important}
 .cb-float-a{left:2%;top:24%;width:38px}.cb-float-b{right:3%;top:23%;width:40px}.cb-float-c{left:5%;top:61%;width:34px}.cb-float-d{right:4%;top:58%;width:36px}.cb-float-e{display:none}
 .cb-kicker{font-size:8px!important;padding:6px 10px!important}
 .cb-hero-title h1{font-size:clamp(25px,7.1vw,33px)!important;margin-bottom:2px!important}
 .cb-hero-highlight{font-size:clamp(19px,5.4vw,26px)!important;margin:1px auto 5px!important}
 .cb-hero-title p:not(.cb-hero-highlight){font-size:11px!important;line-height:1.28!important;max-width:290px!important}
 .cb-video-frame{width:min(196px,calc(100vw - 108px))!important;max-width:196px!important;margin-top:6px!important;margin-bottom:6px!important;border-radius:28px!important}
 .cb-video-body{min-height:348px!important}.cb-video-placeholder strong{font-size:18px!important}.cb-video-placeholder>span{font-size:10px!important}.cb-video-frame .cb-activity-pill{min-width:144px!important;font-size:8px!important;padding:6px 11px!important}
 .cb-benefits{max-width:338px!important;margin-bottom:6px!important}.cb-benefit{font-size:7.8px!important;padding:4px 2px!important}.cb-benefit-icon{width:14px!important;height:14px!important;font-size:8px!important}
 .cb-main-play{height:48px!important;min-height:48px!important;max-width:336px!important;font-size:16px!important}.cb-existing-account{font-size:12px!important;padding:6px 18px 7px!important}
 .cb-section{padding-top:23px!important}
}
@media(max-width:350px){.cb-video-frame{width:min(186px,calc(100vw - 100px))!important;max-width:186px!important}.cb-benefit{font-size:7px!important}.cb-main-play{font-size:15px!important}}


/* V17 corrective hero closer to approved reference */
.header{background:linear-gradient(180deg,#31124f 0%,#36175d 100%)!important;box-shadow:0 4px 16px rgba(26,8,51,.22)!important}
.header::after{background:linear-gradient(90deg,transparent,#79beff80,#ff77d39e,#79beff80,transparent)!important}
.desktop-links{display:none!important}
.header-inner{max-width:1120px!important;padding:8px 14px!important;min-height:60px!important}
.brand{max-width:118px!important;padding:0!important}.brand::before{display:none!important}.brand img{width:104px!important;max-height:none!important;filter:drop-shadow(0 3px 8px rgba(255,115,197,.18)) drop-shadow(0 2px 3px rgba(22,10,40,.18))!important}
.header-buttons{gap:8px!important}.header-btn{min-width:74px!important;height:34px!important;font-size:10px!important;border-radius:999px!important}
.menu-toggle{margin-left:8px!important}
.cb-hero{padding-top:calc(66px + env(safe-area-inset-top,0px))!important;padding-bottom:24px!important;background:
 linear-gradient(180deg,rgba(194,227,255,.94) 0%,rgba(228,236,255,.92) 34%,rgba(245,236,243,.95) 72%,rgba(247,233,241,.98) 100%),
 url('v11-landscape.svg') center top/cover no-repeat!important;position:relative;overflow:hidden}
.cb-hero::before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 20% 11%, rgba(255,255,255,.56), transparent 12%),
 radial-gradient(circle at 80% 12%, rgba(255,255,255,.48), transparent 14%),
 radial-gradient(circle at 15% 55%, rgba(255,255,255,.14), transparent 12%),
 radial-gradient(circle at 85% 60%, rgba(255,255,255,.14), transparent 12%);pointer-events:none}
.cb-sky{display:none!important}
.cb-hero-inner{max-width:460px!important;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.cb-kicker{margin-bottom:10px!important;font-size:9px!important;padding:6px 12px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,241,255,.82))!important;color:#8b5d85!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 8px 18px rgba(103,77,134,.12)!important}
.cb-hero-title{margin-bottom:4px!important;max-width:390px!important}
.cb-hero-title h1{font-size:clamp(31px,6vw,56px)!important;line-height:.98!important;letter-spacing:-.04em!important;text-transform:uppercase!important;margin:0 auto 10px!important;color:#f4f0ff!important;-webkit-text-stroke:1px #7951aa!important;text-shadow:0 4px 0 #6a4599,0 8px 18px rgba(62,34,95,.18)!important}
.cb-hero-title p{font-size:13px!important;line-height:1.32!important;color:#5d4864!important;max-width:330px!important;margin:0 auto!important;font-weight:700!important}
.cb-video-frame{margin-top:12px!important;max-width:272px!important;width:min(272px,calc(100vw - 74px))!important;margin-bottom:10px!important;border-radius:28px!important;box-shadow:0 18px 42px rgba(89,50,129,.24)!important}
.cb-video-body{min-height:420px!important}
.cb-video-frame .cb-activity-pill{top:2px!important;min-width:154px!important;padding:7px 12px!important;font-size:9px!important;letter-spacing:.09em!important}
.cb-benefits{width:min(340px,calc(100vw - 30px))!important;max-width:340px!important;margin-bottom:10px!important;padding:0!important;gap:0!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(251,246,252,.82))!important;box-shadow:0 9px 22px rgba(109,72,128,.12)!important}
.cb-benefit{flex:1 1 25%!important;padding:7px 3px!important;font-size:9px!important;min-width:0!important;border-right:1px solid rgba(193,171,198,.34)!important}.cb-benefit:last-child{border-right:0!important}.cb-benefit-icon{width:16px!important;height:16px!important;font-size:9px!important;margin-bottom:4px!important}
.cb-actions{gap:0!important}.cb-main-play{max-width:340px!important;width:min(340px,calc(100vw - 30px))!important;height:56px!important;min-height:56px!important;border-radius:22px!important}.cb-existing-account{padding-top:8px!important;font-size:13px!important;font-weight:800!important}
.cb-section{margin-top:0!important}
.footer img,.auth-logo{max-width:130px!important}
@media(min-width:900px){.cb-hero-inner{max-width:540px!important}.cb-video-frame{max-width:284px!important;width:284px!important}.cb-video-body{min-height:438px!important}}
@media(max-width:560px){
 .header-inner{padding:7px 12px!important;min-height:58px!important}
 .brand{max-width:104px!important}.brand img{width:94px!important}
 .header-btn{min-width:72px!important;height:32px!important;font-size:9px!important}
 .cb-hero{padding-top:calc(60px + env(safe-area-inset-top,0px))!important;padding-bottom:20px!important}
 .cb-kicker{margin-bottom:8px!important}
 .cb-hero-title h1{font-size:clamp(28px,9vw,40px)!important;margin-bottom:8px!important}
 .cb-hero-title p{font-size:12px!important;max-width:300px!important}
 .cb-video-frame{margin-top:10px!important;width:min(256px,calc(100vw - 86px))!important;max-width:256px!important;margin-bottom:8px!important}
 .cb-video-body{min-height:390px!important}
 .cb-benefits{width:min(344px,calc(100vw - 30px))!important;max-width:344px!important}
 .cb-main-play{width:min(344px,calc(100vw - 30px))!important;max-width:344px!important;height:54px!important;min-height:54px!important}
}
@media(max-width:390px){
 .cb-hero-title h1{font-size:clamp(26px,8.7vw,36px)!important}
 .cb-video-frame{width:min(248px,calc(100vw - 86px))!important;max-width:248px!important}
 .cb-video-body{min-height:378px!important}
}
@media(max-width:350px){
 .cb-video-frame{width:min(236px,calc(100vw - 80px))!important;max-width:236px!important}.cb-video-body{min-height:360px!important}
 .cb-benefit{font-size:8px!important}
}