:root{
      --blue:#0777d9;
      --deep:#073f8f;
      --navy:#071d49;
      --sky:#dff4ff;
      --ice:#f3fbff;
      --mint:#44d7a8;
      --yellow:#ffd85c;
      --orange:#ff9f45;
      --pink:#ff7eb6;
      --purple:#7c6cff;
      --text:#14213d;
      --muted:#5c6b84;
      --white:#fff;
      --shadow:0 24px 70px rgba(7, 63, 143, .18);
      --soft-shadow:0 14px 34px rgba(7, 63, 143, .12);
      --radius:32px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:'Manrope',system-ui,sans-serif;color:var(--text);background:linear-gradient(180deg,#fbfdff 0%,#f3f8ff 38%,#eef7ff 72%,#fbfdff 100%);overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    .page{position:relative;overflow:hidden}
    .page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 6%,rgba(7,119,217,.13),transparent 34%),radial-gradient(circle at 12% 12%,rgba(68,215,168,.10),transparent 30%),linear-gradient(115deg,rgba(255,255,255,.74),rgba(255,255,255,0) 45%);z-index:0;pointer-events:none}
    .page:after{content:"";position:absolute;top:0;left:0;right:0;height:620px;background:linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(235,247,255,.86) 44%,rgba(214,232,255,.72) 100%);z-index:0;pointer-events:none}
    .container{width:min(1180px,calc(100% - 40px));margin:auto;position:relative;z-index:1}
    .btn{border:none;border-radius:999px;padding:15px 24px;font-weight:700;font-family:'Manrope';font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.25s ease;white-space:nowrap}
    .btn.primary{background:var(--navy);color:#fff;box-shadow:0 16px 28px rgba(7,29,73,.22)}
    .btn.primary:hover{transform:translateY(-2px);box-shadow:0 22px 36px rgba(7,29,73,.28)}
    .btn.secondary{background:#fff;color:var(--deep);border:2px solid rgba(7,119,217,.14)}
    .btn.blue{background:var(--blue);color:#fff;box-shadow:0 16px 28px rgba(7,119,217,.24)}
    .btn.gold{background:var(--yellow);color:#4c3300;box-shadow:0 16px 28px rgba(0,0,0,.16)}
    .btn.gold:hover{transform:translateY(-2px)}
    .hero{padding:28px 0 64px;background:radial-gradient(circle at 18% 12%,rgba(68,215,168,.16),transparent 28%),radial-gradient(circle at 78% 8%,rgba(124,108,255,.14),transparent 30%),linear-gradient(135deg,#fbfeff 0%,#eef8ff 45%,#eaf4ff 100%);position:relative}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.42) 52%,rgba(255,255,255,.10));pointer-events:none}
    .hero .container{position:relative;z-index:1}
    .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid rgba(7,119,217,.12);box-shadow:var(--soft-shadow);padding:9px 15px;border-radius:999px;color:var(--deep);font-weight:700;font-size:14px;margin-bottom:18px}
    .eyebrow span{display:grid;place-items:center;width:24px;height:24px;background:var(--yellow);border-radius:50%}
    h1,h2,h3{font-family:'Plus Jakarta Sans','Manrope',sans-serif;line-height:1.02;margin:0;color:var(--navy);font-weight:750}
    h1{font-size:clamp(46px,6.7vw,78px);letter-spacing:-3px;max-width:780px;font-weight:760}
    .hero p{font-size:22px;line-height:1.46;color:#335276;margin:24px 0 30px;max-width:610px;font-weight:700}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
    .trust-row{display:flex;gap:14px;flex-wrap:nowrap;margin-top:28px;color:#43627f;font-weight:700;font-size:14px;align-items:center;white-space:nowrap}
    .trust-row div{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.66);border:1px solid rgba(7,119,217,.10);border-radius:999px;padding:8px 11px;box-shadow:0 8px 18px rgba(7,63,143,.06)}
    .check{width:20px;height:20px;border-radius:50%;background:var(--mint);display:inline-grid;place-items:center;color:#063b2e;font-size:12px;font-weight:700}
    .phone-stage{position:relative;min-height:535px;display:grid;place-items:center;overflow:visible}
    .halo{position:absolute;width:505px;height:505px;border-radius:50%;background:radial-gradient(circle at 48% 42%,rgba(255,255,255,.98) 0 24%,rgba(193,232,255,.72) 25% 50%,rgba(7,119,217,.09) 51% 100%);box-shadow:0 35px 90px rgba(7,63,143,.12);animation:pulse 5s ease-in-out infinite}
    @keyframes pulse{50%{transform:scale(1.04)}}
    .phone{width:284px;height:535px;background:#0a2250;border-radius:46px;padding:13px;box-shadow:0 38px 90px rgba(5,39,90,.32);position:relative;z-index:3;transform:translateX(-30px) rotate(0deg)}
    .screen{height:100%;border-radius:36px;background:linear-gradient(180deg,#f7fdff 0%,#e6f7ff 100%);overflow:hidden;position:relative;padding:22px 20px}
    .screen-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
    .avatar{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy)}
    .avatar-img{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#ffd85c,#ff9f45);display:grid;place-items:center;font-size:22px}
    .pill{padding:8px 12px;border-radius:999px;background:#fff;color:var(--blue);font-weight:700;font-size:13px;box-shadow:0 8px 18px rgba(7,63,143,.1)}
    .big-card{background:#fff;border-radius:28px;padding:20px;box-shadow:var(--soft-shadow);margin-bottom:14px;border:1px solid rgba(7,119,217,.08)}
    .score-row{display:flex;justify-content:space-between;align-items:end;gap:12px}
    .score{font-family:'Plus Jakarta Sans';font-size:54px;font-weight:800;line-height:.88;color:var(--blue);letter-spacing:-2px}
    .small-label{color:#5f7391;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.7px}
    .progress{height:13px;background:#e9f4fb;border-radius:999px;overflow:hidden;margin-top:16px}
    .progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#36c1ff);border-radius:999px;animation:grow 6s ease-in-out infinite}
    @keyframes grow{0%,10%{width:48%}45%,80%{width:86%}100%{width:48%}}
    .task-list{display:grid;gap:10px;margin-top:14px}
    .task{display:flex;align-items:center;justify-content:space-between;background:#f4fbff;border-radius:18px;padding:12px;font-weight:700;animation:slideTask 8s ease-in-out infinite}
    .task:nth-child(2){animation-delay:.4s}.task:nth-child(3){animation-delay:.8s}
    @keyframes slideTask{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
    .coin{background:var(--yellow);color:#705200;border-radius:999px;padding:6px 9px;font-size:12px}
    .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .mini{background:#fff;border-radius:22px;padding:15px;box-shadow:0 9px 18px rgba(7,63,143,.09);font-weight:700;min-height:92px}
    .mini strong{font-size:24px;color:var(--navy);display:block;margin-top:7px}
    .floating{position:absolute;z-index:5;background:#fff;border-radius:24px;padding:14px 15px;max-width:180px;box-shadow:0 18px 42px rgba(7,63,143,.18);font-weight:700;border:1px solid rgba(7,119,217,.08);animation:floaty 4.6s ease-in-out infinite;transition:opacity .48s ease, transform .48s ease, filter .48s ease}
    .floating.one{top:78px;left:-70px}.floating.two{right:-6px;top:224px;animation-delay:.7s}.floating.three{left:-70px;bottom:108px;animation-delay:1.2s}
    @keyframes floaty{50%{transform:translateY(-14px)}}
    .floating.changing{opacity:0;filter:blur(3px);transform:translateY(8px) scale(.98)}
    .floating span{display:block;font-size:13px;color:#71819c;margin-top:4px}
    .floating .float-title{display:block;color:var(--navy);font-size:15px;font-weight:800;margin:0}
    .floating .float-copy{display:block;font-size:12.5px;color:#71819c;margin-top:4px;max-width:142px}
    .strip{background:#f4f9ff;padding:22px 0;border-top:1px solid rgba(7,119,217,.04);border-bottom:1px solid rgba(7,119,217,.04)}
    .strip-inner{display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;font-weight:800;color:#315177;text-align:center}
    section{padding:82px 0}
    .center{text-align:center;max-width:820px;margin:0 auto 46px}
    h2{font-size:clamp(36px,5vw,58px);letter-spacing:-1.7px;margin-bottom:16px}
    .lead{font-size:18px;line-height:1.5;color:#4d6483;font-weight:600;margin:0}
    .pain-grid,.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .card{background:#fff;border-radius:30px;padding:30px;box-shadow:var(--soft-shadow);border:1px solid rgba(7,119,217,.08)}
    .icon{width:58px;height:58px;border-radius:21px;display:grid;place-items:center;font-size:28px;margin-bottom:18px;background:#e4f6ff}
    .mw-icon{width:58px;height:58px;border-radius:21px;display:grid;place-items:center;margin-bottom:18px;background:#e4f6ff;color:var(--blue)}
    .mw-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .tiny-icon{width:24px;height:24px;display:inline-grid;place-items:center;color:var(--blue);vertical-align:middle}
    .tiny-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .brand-badge{width:44px;height:44px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(7,63,143,.08);flex:0 0 auto;color:var(--blue)}
    .brand-badge svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .phone-carousel{position:absolute;inset:22px 20px;opacity:0;animation:screenCycle 32s infinite both;will-change:opacity,transform;transition:opacity .8s ease,transform .8s ease}
    .phone-carousel.two{animation-delay:-24s}.phone-carousel.three{animation-delay:-16s}.phone-carousel.four{animation-delay:-8s}
    @keyframes screenCycle{0%,21%{opacity:1;transform:translateX(0) scale(1)}25%{opacity:0;transform:translateX(4px) scale(.992)}29%,100%{opacity:0;transform:translateX(0) scale(.992)}}
    .donut{width:178px;height:178px;margin:8px auto 18px;border-radius:50%;background:conic-gradient(#0777d9 0 42%, #44d7a8 42% 67%, #ffd85c 67% 84%, #7c6cff 84% 100%);position:relative;box-shadow:0 14px 28px rgba(7,63,143,.12)}
    .donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff}
    .donut-centre{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:2;font-weight:800;color:var(--navy);line-height:1.05}.donut-centre span{font-size:30px;color:var(--blue);letter-spacing:-1px}
    .legend{display:grid;gap:8px}.legend-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;color:#435a77}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.dot.blue{background:#0777d9}.dot.green{background:#44d7a8}.dot.yellow{background:#ffd85c}.dot.purple{background:#7c6cff}
    .input-row{background:#fff;border:1px solid rgba(7,119,217,.1);border-radius:18px;padding:13px;margin-bottom:10px;box-shadow:0 9px 18px rgba(7,63,143,.06)}
    .input-row label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#71819c;font-weight:800;margin-bottom:4px}.input-row div{font-size:15px;font-weight:800;color:var(--navy)}
    .segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.segment{padding:10px;background:#eff8ff;border-radius:14px;text-align:center;font-weight:800;color:#315177;font-size:12px}.segment.active{background:var(--blue);color:#fff}

    .card h3{font-size:29px;margin-bottom:12px;letter-spacing:-.7px}
    .card p{margin:0;color:#566b86;font-size:17px;line-height:1.55;font-weight:700}
    .blue-section{background:linear-gradient(135deg,var(--blue),#0e95f2);color:#fff;position:relative;overflow:hidden}
    .blue-section h2,.blue-section h3{color:#fff}.blue-section .lead{color:#e9f8ff}
    .journey{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
    .step{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);border-radius:28px;padding:24px;backdrop-filter:blur(10px);min-height:220px}
    .num{width:42px;height:42px;background:#fff;color:var(--blue);border-radius:15px;display:grid;place-items:center;font-weight:700;margin-bottom:28px}
    .step p{color:#eaf8ff;font-weight:700;line-height:1.45}
    .app-showcase{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
    .mock-panel{background:#fff;border-radius:38px;padding:28px;box-shadow:var(--shadow)}
    .dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
    .dash-title{font-family:'Plus Jakarta Sans';font-size:30px;color:var(--navy);font-weight:750;letter-spacing:-.8px}
    .insight-card{padding:18px;border-radius:24px;background:#f4fbff;margin-bottom:14px;display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(7,119,217,.08)}
    .insight-card:nth-child(2){animation:highlight 7s infinite}.insight-card:nth-child(3){animation:highlight 7s 1.3s infinite}.insight-card:nth-child(4){animation:highlight 7s 2.6s infinite}
    @keyframes highlight{0%,100%{background:#f4fbff}30%{background:#fff4ca}}
    .badge{width:44px;height:44px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 8px 18px rgba(7,63,143,.08);flex:0 0 auto}
    .insight-card b{display:block;color:var(--navy);margin-bottom:3px}.insight-card span{color:#5c718f;font-weight:700;line-height:1.35}
    .ticks{display:grid;gap:16px;margin-top:24px}
    .tick{display:flex;gap:13px;align-items:flex-start;font-size:18px;font-weight:700;color:#315177}
    .quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .quote{background:#fff;border-radius:30px;padding:28px;box-shadow:var(--soft-shadow)}
    .stars{color:#ffbf2f;font-size:20px;letter-spacing:2px;margin-bottom:16px}.quote p{font-size:18px;line-height:1.48;font-weight:700;color:#2a4462}.quote b{color:var(--navy)}
    .pricing{background:linear-gradient(180deg,#f3fbff,#e3f6ff)}
    .pricing-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin:45px auto 0}
    .price-card{position:relative;background:#fff;border-radius:34px;padding:34px;box-shadow:var(--soft-shadow);border:2px solid transparent}
    .price-card.popular{border-color:var(--blue);transform:none;box-shadow:0 28px 70px rgba(7,119,217,.22)}
    .popular-label{position:absolute;top:-16px;left:28px;background:var(--yellow);color:#624500;border-radius:999px;padding:8px 15px;font-weight:700;font-size:13px}
    .price-card h3{font-size:34px}.price{font-family:'Plus Jakarta Sans';font-size:50px;color:var(--navy);line-height:1;margin:18px 0 4px;font-weight:800;letter-spacing:-1.5px}.price span{font-family:'Manrope';font-size:16px;color:#64748b;font-weight:500}.price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px;color:#405a78;font-weight:700}.price-card li:before{content:'✓';color:var(--blue);font-weight:700;margin-right:10px}

    /* Pricing section — consolidated (single source of truth) */
    .pricing .center{max-width:900px}
    .billing-toggle{width:max-content;max-width:100%;margin:24px auto 0;padding:6px;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(7,119,217,.14);border-radius:999px;box-shadow:0 12px 28px rgba(7,63,143,.08)}
    .billing-option{min-height:52px;border:0;border-radius:999px;padding:0 20px;background:transparent;color:#315177;font:800 16px/1 Manrope,system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
    .billing-option span{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 10px;border-radius:999px;background:#fff;color:var(--blue);border:1px solid rgba(7,119,217,.22);font-size:11.5px;font-weight:850;letter-spacing:0}
    .billing-option.active{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(7,119,217,.20)}
    .billing-option.active span{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.14)}
    .billing-option[data-billing="annual"]{flex-direction:column;gap:4px;padding-top:7px;padding-bottom:7px;line-height:1.05}
    .billing-option[data-billing="annual"] strong{font:inherit}

    .pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:45px auto 0;gap:24px;align-items:stretch}
    .pricing-same-offer .price-card{display:flex;flex-direction:column;height:100%;min-height:0;padding:36px 32px 30px}
    .pricing-same-offer .price-card.popular{padding-top:44px}
    .family-size-pill{display:inline-flex;width:max-content;max-width:100%;align-items:center;border-radius:999px;background:#eef8ff;border:1px solid rgba(7,119,217,.12);color:var(--deep);padding:7px 13px;font-size:12px;line-height:1;font-weight:950;letter-spacing:.2px;margin-bottom:16px}
    .price-card.popular .family-size-pill{background:#fff8d7;color:#735300;border-color:rgba(98,69,0,.16)}
    .pricing-same-offer .price-card h3{font-size:26px;letter-spacing:-.5px;margin:0 0 10px}
    .pricing-same-offer .price-card > p{margin:0;min-height:4.4em;color:#566b86;font-size:16px;line-height:1.5;font-weight:600}
    .pricing-same-offer .price-card .price{font-size:42px;margin:18px 0 2px}
    .pricing-same-offer .price-card .price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
    .pricing-same-offer .price-card .price span{display:inline-flex;margin:0;font-family:'Manrope',system-ui,sans-serif;font-size:15px;font-weight:700;color:#6d7f98;line-height:1.2;letter-spacing:0}
    .saving-note{width:max-content;max-width:100%;margin:10px auto 0;min-height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 13px;background:#e9fff7;color:#167a57;font-size:12.5px;font-weight:850}
    .saving-note[hidden]{display:none}
    .pricing-same-offer .price-card ul{margin:22px 0;min-height:160px;font-size:15px}
    .pricing-same-offer .price-card li{line-height:1.4}
    .pricing-same-offer .price-card .btn{margin-top:auto;width:100%}
    .larger-family-note{margin:26px auto 0;max-width:640px;text-align:center;color:#536985;font-size:14.5px;line-height:1.5;font-weight:700}
    .larger-family-note a{color:var(--blue);font-weight:800;text-decoration:underline}
    @media(max-width:980px){
      .pricing-grid-three{grid-template-columns:1fr;max-width:480px}
      .pricing-same-offer .price-card{min-height:auto}
      .pricing-same-offer .price-card > p{min-height:auto}
    }
    @media(max-width:640px){
      .billing-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:24px}
      .billing-option{width:100%}
    }

    .cta-final{padding:0;margin:64px auto;position:relative}
    .cta-final-inner{position:relative;overflow:hidden;padding:52px 44px;border-radius:38px;background:linear-gradient(135deg,#071d49 0%,#0a2c6e 46%,#0777d9 100%);box-shadow:0 26px 60px rgba(7,29,73,.28);text-align:center;color:#fff}
    .cta-final-inner:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 22% 18%,rgba(255,216,92,.24),transparent 30%),radial-gradient(circle at 82% 72%,rgba(68,215,168,.18),transparent 30%);pointer-events:none}
    .cta-final-inner:after{content:"";position:absolute;inset:0;border-radius:38px;border:1px solid rgba(255,255,255,.14);pointer-events:none}
    .cta-final-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800;letter-spacing:.02em;color:#ffe9b0;margin-bottom:14px}
    .cta-final-kicker i{width:6px;height:6px;border-radius:50%;background:var(--yellow);display:inline-block}
    .cta-final h2{position:relative;z-index:1;color:#fff;font-size:clamp(28px,3.2vw,38px);letter-spacing:-1px}
    .cta-final-inner p{position:relative;z-index:1;color:#d6ecff;font-size:17px;font-weight:700;max-width:480px;margin:12px auto 24px;line-height:1.45}
    .cta-final-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
    .cta-final-inner .btn.gold{background:var(--yellow);color:#4c3300;box-shadow:0 18px 34px rgba(0,0,0,.18)}
    .cta-final-inner .btn.gold:hover{transform:translateY(-2px);box-shadow:0 24px 44px rgba(0,0,0,.22)}
    .cta-final-inner .btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:2px solid rgba(255,255,255,.28)}
    .cta-final-inner .btn.ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}
    .cta-final-trust{position:relative;z-index:1;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:#e3f1ff;font-weight:700;font-size:12px;margin:0}
    .cta-final-trust span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 13px}
    .cta-final-trust span b{width:16px;height:16px;border-radius:50%;background:var(--mint);color:#063b2e;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex:0 0 auto}

    .workflow-premium{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch;margin-top:42px}
    .workflow-main{background:#fff;color:var(--navy);border-radius:34px;padding:34px;box-shadow:0 24px 60px rgba(4,32,86,.18);position:relative;overflow:hidden;min-height:330px}
    .workflow-main:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#dff4ff;right:-70px;top:-70px}
    .workflow-main h3{font-size:36px;color:var(--navy);margin-bottom:14px;position:relative}.workflow-main p{color:#42607e;font-size:19px;line-height:1.55;font-weight:650;position:relative}.workflow-main .btn{margin-top:18px;position:relative}
    .workflow-stack{display:grid;gap:14px}.workflow-chip{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:20px;display:flex;gap:14px;align-items:flex-start;transform:translateX(0);animation:chipGlow 8s infinite}.workflow-chip:nth-child(2){animation-delay:1.2s}.workflow-chip:nth-child(3){animation-delay:2.4s}.workflow-chip:nth-child(4){animation-delay:3.6s}
    @keyframes chipGlow{0%,100%{background:rgba(255,255,255,.16);transform:translateX(0)}38%{background:rgba(255,255,255,.28);transform:translateX(-6px)}}
    .chip-icon{width:44px;height:44px;border-radius:16px;background:#fff;color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.chip-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.workflow-chip b{display:block;color:#fff;margin-bottom:3px}.workflow-chip span{color:#e9f8ff;font-weight:650;line-height:1.35}
    .screen-gallery{padding-top:80px}.screen-gallery .lead{max-width:none;white-space:nowrap}.screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.screen-shot{background:#fff;border-radius:32px;padding:18px;box-shadow:var(--soft-shadow);border:1px solid rgba(7,119,217,.08);min-height:532px}.shot-frame{background:#0a2250;border-radius:28px;padding:9px;height:387px;box-shadow:0 18px 42px rgba(5,39,90,.18)}.shot-screen{height:100%;background:linear-gradient(180deg,#f7fdff,#e9f8ff);border-radius:22px;padding:13px;overflow:hidden}.screen-shot h3{font-size:19px;font-weight:550;margin:18px 0 8px}.screen-shot p{font-size:14px;line-height:1.45;color:#5c718f;font-weight:450;margin:0}.shot-title{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:800;color:var(--navy);font-size:11.2px;margin-bottom:10px}.shot-pill{font-size:9px;padding:5px 7px;border-radius:999px;background:#fff;color:var(--blue);box-shadow:0 5px 12px rgba(7,63,143,.08)}.shot-card{background:#fff;border-radius:16px;padding:9px;margin-bottom:7px;box-shadow:0 6px 14px rgba(7,63,143,.06);font-weight:750;color:var(--navy);font-size:10.5px}.shot-row{display:flex;justify-content:space-between;align-items:center;margin:5px 0;color:#536985;font-size:9.7px;font-weight:750}.shot-bar{height:9px;background:#e9f4fb;border-radius:999px;overflow:hidden}.shot-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),#36c1ff)}
    .insight-preview-kicker{display:inline-flex;align-items:center;gap:5px;background:#eefcf4;color:#18895f;border:1px solid #cdf1e1;border-radius:999px;padding:5px 10px;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.insight-preview-kicker i{width:6px;height:6px;border-radius:50%;background:#18895f;display:inline-block}.insights-grid-compact{display:grid;grid-template-columns:2fr 2fr;gap:8px}.insight-card-compact{background:#fff;border:1px solid #e2edf9;border-radius:14px;padding:11px;box-shadow:0 6px 14px rgba(7,63,143,.05);display:flex;flex-direction:column;align-items:center;text-align:center}.insight-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;margin-bottom:7px}.insight-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.insight-icon.green{background:#eefcf4;color:#1c9a58}.insight-icon.orange{background:#fff3e8;color:#d97a1f}.insight-icon.blue{background:#eaf3ff;color:var(--blue)}.insight-icon.yellow{background:#fff8df;color:#a9790a}.insight-card-compact h5{font-size:13px;font-weight:800;color:var(--navy);margin:0 0 5px;letter-spacing:-.02em}.insight-card-compact span{font-size:10px;color:#5c718f;font-weight:700;line-height:1.3}.insight-preview h4{font-family:'Plus Jakarta Sans','Manrope',sans-serif;font-size:16px;color:var(--navy);margin:0 0 7px;letter-spacing:-.02em;font-weight:800}.insight-preview>p{font-size:10.4px;line-height:1.42;color:#5c718f;font-weight:700;margin:0 0 12px}.insight-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.insight-mini-card{background:#fff;border:1px solid #e2edf9;border-radius:14px;padding:10px;box-shadow:0 6px 14px rgba(7,63,143,.05)}.insight-mini-card.tip{background:#f2fff9;border-color:#cdf1e1}.insight-mini-card small{display:block;font-size:7.4px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);margin-bottom:5px}.insight-mini-card.tip small{color:#18895f}.insight-mini-card span{display:block;font-size:9.6px;line-height:1.34;color:#3a516d;font-weight:700}.insight-mini-card.tip span{font-style:italic;color:#215f45}
    .dual-donut{width:182px;height:182px;margin:2px auto 12px;border-radius:50%;background:conic-gradient(#0777d9 0 31%,#44d7a8 31% 55%,#ffd85c 55% 72%,#7c6cff 72% 100%);position:relative;box-shadow:0 14px 28px rgba(7,63,143,.12);overflow:hidden}
    .dual-donut:before{content:"";position:absolute;inset:28px;border-radius:50%;background:conic-gradient(#35c78a 0 87%,#ffd85c 87% 100%)}.dual-donut:after{content:"";position:absolute;inset:62px;border-radius:50%;background:#fff}.dual-centre{position:absolute;inset:0;z-index:3;pointer-events:none}.donut-label{position:absolute;z-index:4;top:50%;left:50%;width:58px;margin-left:-29px;margin-top:-6px;text-align:center;font-size:8.6px;font-weight:900;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.32);letter-spacing:-.2px;line-height:1;transform-origin:50% 6px}.donut-label.routine{transform:rotate(54deg) translateY(-72px) rotate(-54deg)}.donut-label.character{transform:rotate(154deg) translateY(-72px) rotate(-154deg)}.donut-label.learning{transform:rotate(226deg) translateY(-72px) rotate(-226deg);color:#6b5000;text-shadow:0 1px 0 rgba(255,255,255,.38)}.donut-label.contribution{transform:rotate(318deg) translateY(-72px) rotate(-318deg)}.inner-label{display:none}.mini-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:10px;font-weight:800;color:#536985}.task-choice{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border-radius:14px;padding:8px 9px;margin-bottom:7px;box-shadow:0 6px 14px rgba(7,63,143,.06);font-size:10.8px;font-weight:800;color:var(--navy)}.toggle{width:34px;height:20px;background:#0777d9;border-radius:999px;position:relative;flex:0 0 auto}.toggle:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;right:3px;top:3px}.reward-meter{height:12px;background:#e9f4fb;border-radius:999px;overflow:hidden;margin:8px 0 10px}.reward-meter span{display:block;height:100%;width:78%;background:linear-gradient(90deg,#ffd85c,#ff9f45);border-radius:999px}.price-card{display:flex;flex-direction:column}.price-card .btn{margin-top:auto}.pricing-grid{align-items:stretch}.stars .tiny-icon{color:var(--yellow)}.stars .tiny-icon svg path{fill:var(--yellow);stroke:var(--yellow)}
    .brand-badge.trophy{color:#d99000;background:#fff8d7}.brand-badge.brain{color:#117fbb;background:#e4f6ff}.brand-badge.gift{color:#0777d9;background:#eef8ff}.brand-badge.chat{color:#35a47e;background:#e9fff7}


    .habit-flips{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px;perspective:1200px}
    .flip-card{height:265px;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
    .flip-card:hover{transform:rotateY(180deg)}
    .flip-face{position:absolute;inset:0;border-radius:28px;padding:24px;backface-visibility:hidden;box-shadow:0 18px 42px rgba(4,32,86,.18);border:1px solid rgba(255,255,255,.24);display:flex;flex-direction:column;justify-content:space-between}
    .flip-front{background:rgba(255,255,255,.16);color:#fff}.flip-back{background:#fff;color:var(--navy);transform:rotateY(180deg)}
    .flip-face b{font-size:21px;letter-spacing:-.4px}.flip-face p{font-size:15px;line-height:1.45;font-weight:650;margin:10px 0 0}.flip-front p{color:#eaf8ff}.flip-back p{color:#4c6280}.flip-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;color:#fff4b8}.flip-back .flip-kicker{color:var(--blue)}

    .app-tabs{display:flex;gap:7px;margin-bottom:12px}.app-tab{padding:7px 9px;border-radius:999px;background:#fff;color:#45617f;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(7,63,143,.07)}.app-tab.active{background:var(--blue);color:#fff}.hero-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.hero-metric{background:#fff;border-radius:20px;padding:13px;box-shadow:0 8px 18px rgba(7,63,143,.08);font-weight:900}.hero-metric span{display:block;color:#667b98;font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.hero-metric b{font-size:25px;color:var(--navy)}.kid-header{background:linear-gradient(135deg,#0777d9,#39b9ff);color:#fff;border-radius:24px;padding:18px;margin-bottom:12px;box-shadow:0 12px 24px rgba(7,119,217,.2)}.kid-header b{display:block;font-size:24px;letter-spacing:-.6px}.kid-header span{font-weight:800;color:#e8f7ff}.confetti-row{display:flex;gap:6px;margin-top:11px}.confetti-dot{width:12px;height:12px;border-radius:50%;background:var(--yellow);animation:popDot 1.8s infinite}.confetti-dot:nth-child(2){background:var(--mint);animation-delay:.2s}.confetti-dot:nth-child(3){background:var(--pink);animation-delay:.4s}.confetti-dot:nth-child(4){background:var(--purple);animation-delay:.6s}@keyframes popDot{50%{transform:translateY(-8px) scale(1.15)}}.settings-mini{display:grid;gap:9px}.settings-line{background:#fff;border-radius:16px;padding:10px 11px;box-shadow:0 6px 14px rgba(7,63,143,.06);font-size:11px;font-weight:850;color:var(--navy);display:flex;justify-content:space-between;gap:8px}.screen-shot{transition:.25s ease}.screen-shot:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(7,63,143,.15)}.screen-link{display:block;color:inherit}.shot-mini-nav{display:flex;gap:6px;margin-bottom:9px}.shot-mini-nav span{height:7px;border-radius:999px;background:#cfeaff;flex:1}.shot-mini-nav span.active{background:#0777d9}.trend-line{height:52px;margin:8px 0;border-radius:14px;background:linear-gradient(135deg,#eff9ff,#fff);position:relative;overflow:hidden}.trend-line:before{content:"";position:absolute;left:14px;right:14px;top:29px;height:3px;background:linear-gradient(90deg,#0777d9,#44d7a8);transform:skewY(-10deg);border-radius:999px}.trend-line:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#44d7a8;right:18px;top:17px;box-shadow:-52px 13px 0 #0777d9,-98px 20px 0 #ffd85c}

    @media(max-width:1120px){.floating.two{right:38px}.floating.one{left:-8px}.floating.three{left:-8px}.phone{width:270px;height:509px}.halo{width:450px;height:450px}}
    @media(max-width:980px){nav{display:none}.hero-grid,.app-showcase,.workflow-premium{grid-template-columns:1fr}.hero-grid{gap:28px}.habit-flips{grid-template-columns:1fr 1fr}.screen-grid{grid-template-columns:1fr 1fr}.phone-stage{min-height:505px}.pain-grid,.feature-grid,.pricing-grid,.quote-grid,.journey{grid-template-columns:1fr 1fr}.price-card.popular{transform:none}.floating.two{right:10px}.floating.one,.floating.three{left:0}}
    @media(max-width:640px){.screen-gallery .lead{white-space:normal}.trust-row{flex-wrap:wrap;white-space:normal}.container{width:min(100% - 26px,1180px)}.nav{height:70px}.hero{padding-top:0}.hero-actions .btn{width:100%;justify-content:center}h1{font-size:clamp(40px,12vw,48px);letter-spacing:-1.6px}.hero p{font-size:18px}.phone-stage{min-height:470px;margin-top:8px}.phone{width:239px;height:453px;border-radius:36px;padding:10px}.screen{border-radius:31px;padding:17px 15px}.phone-carousel{inset:17px 15px}.halo{width:324px;height:324px}.score{font-size:42px}.big-card{border-radius:23px;padding:15px}.task{padding:9px;font-size:12px}.mini{min-height:78px;padding:12px}.floating{display:none}.pain-grid,.feature-grid,.pricing-grid,.quote-grid,.journey,.screen-grid,.habit-flips{grid-template-columns:1fr}.screen-shot{min-height:auto;padding:14px}.shot-frame{height:420px}.dual-donut{width:168px;height:168px}.donut-label{font-size:8px;transform-origin:50% 6px}.donut-label.routine{transform:rotate(54deg) translateY(-66px) rotate(-54deg)}.donut-label.character{transform:rotate(154deg) translateY(-66px) rotate(-154deg)}.donut-label.learning{transform:rotate(226deg) translateY(-66px) rotate(-226deg)}.donut-label.contribution{transform:rotate(318deg) translateY(-66px) rotate(-318deg)}.mini-grid{gap:8px}.cta-final{margin:50px auto}.cta-final-inner{border-radius:28px;padding:44px 20px}.nav-cta .secondary{display:none}}

    /* Product-accurate dashboard previews: green wins + red misses */
    :root{--win:#86d34f;--win-dark:#5fac2b;--growth:#ef4b5a;--growth-soft:#fff1f3;--cream:#fff9de;--ink:#071d49;--panel:#ffffff;--line:#e7eef8;}
    .hero .screen{background:linear-gradient(180deg,#f8fbff 0%,#eef7ff 100%)}
    .app-tab.active,.shot-mini-nav span.active{background:var(--win);color:#113d18}.coin{background:#e5f7d6;color:#2c741c}.coin.growth,.status-dot.growth{background:var(--growth);color:#fff}.coin.win,.status-dot.win{background:var(--win);color:#fff}
    .reward-hero{background:linear-gradient(135deg,#142b75,#4a8fe8);color:#fff;border-radius:28px;padding:22px;box-shadow:0 20px 45px rgba(20,43,117,.22);position:relative;overflow:hidden;margin-bottom:13px}.reward-hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.13);right:-35px;top:-45px}.reward-hero b{display:block;font-size:30px;line-height:.95;margin:16px 0 4px}.reward-hero small{font-weight:800;color:#dceaff}.reward-bar{height:9px;background:rgba(255,255,255,.25);border-radius:999px;overflow:hidden;margin-top:18px}.reward-bar span{display:block;height:100%;border-radius:999px;background:#ffdc62}.reward-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.reward-stat{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:8px;font-weight:900;font-size:10px}.reward-stat span{display:block;color:#dceaff;text-transform:uppercase;font-size:8px;letter-spacing:.5px}.action-card{border-radius:20px;padding:13px;margin-bottom:10px;border:1px solid #f1d882;background:linear-gradient(135deg,#fffbea,#fff8d6);display:flex;gap:10px;align-items:flex-start}.action-card.blue{border-color:#d5e6fb;background:linear-gradient(135deg,#f0f7ff,#eaf4ff)}.action-icon{width:38px;height:38px;border-radius:14px;background:#fff6cf;display:grid;place-items:center;font-weight:900;color:#b98608;flex:0 0 auto}.action-card.blue .action-icon{background:#e9f2ff;color:#2f70d6}.action-card b{font-size:13px}.action-card p{font-size:10.2px;margin:3px 0 8px;color:#5d6d86;font-weight:800}.activity-row{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 10px;margin-bottom:8px;font-weight:850;color:var(--ink);font-size:11px}.status-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.activity-row span{display:block;color:#60708a;font-weight:750;font-size:9.8px;margin-top:1px}.breakdown-card{background:#fff;border-radius:24px;padding:14px;box-shadow:0 8px 18px rgba(7,63,143,.08);margin-bottom:12px}.green-donut{width:142px;height:142px;margin:8px auto;border-radius:50%;background:conic-gradient(from 0deg, var(--win) 0 20%, var(--win) 20% 40%, var(--growth) 40% 60%, var(--win) 60% 80%, var(--growth) 80% 100%);position:relative;box-shadow:0 18px 38px rgba(134,211,79,.16);overflow:hidden}.green-donut:before{content:"";position:absolute;inset:31px;border-radius:50%;background:conic-gradient(from 0deg, var(--win) 0 58%, var(--growth) 58% 100%);box-shadow:0 0 0 11px #f3f7fb}.green-donut:after{content:"";position:absolute;inset:58px;border-radius:50%;background:#fff}.mini-reward-list{background:#fff;border-radius:22px;padding:15px;box-shadow:0 8px 18px rgba(7,63,143,.08)}.mini-reward-item{padding:8px 0;border-bottom:1px solid #eef3f8}.mini-reward-item:last-child{border-bottom:0}.mini-reward-item b{font-size:11px}.mini-reward-item .shot-bar{height:7px;margin-top:7px}.mini-reward-item .shot-bar span{background:linear-gradient(90deg,#3d77d5,#5db5f5)}.mini-reward-item.claim .shot-bar span{background:linear-gradient(90deg,#7fcf45,#b9ec65)}
    .shot-screen.real{background:linear-gradient(180deg,#f7fbff,#eef7ff)}.shot-screen.real .shot-card{border:1px solid var(--line);box-shadow:none}.shot-card.alert{background:#fff4f5;border-color:#ffd5da}.shot-card.win-card{background:#f7fff1;border-color:#dff4cc}.shot-card.reward-blue{background:linear-gradient(135deg,#19317d,#4c90e7);color:#fff}.shot-card.reward-blue .shot-row{color:#e9f2ff}.shot-card.reward-blue .shot-bar{background:rgba(255,255,255,.25)}.shot-card.reward-blue .shot-bar span{background:#ffdc62}.mini-heading{font-weight:950;color:var(--ink);font-size:12px;margin:8px 0 6px}.screen-shot h3{color:var(--ink)}


    /* Product-accurate preview slides: personalised tracking, dashboard, settings, Child Dashboard */
    .tracking-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 10px 24px rgba(7,63,143,.08);margin-bottom:12px}
    .tracking-tabs{display:inline-flex;background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:5px;gap:4px;margin-bottom:12px}
    .tracking-tab{padding:8px 12px;border-radius:13px;font-weight:900;font-size:11px;color:#465b78}.tracking-tab.active{background:#eaf3ff;color:#2f70d6;border:1px solid #cae0ff}
    .category-row{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#fff;border:1px solid #dfeaf7;border-radius:18px;padding:11px 12px;margin-bottom:8px;color:var(--ink);font-weight:900;box-shadow:0 6px 14px rgba(7,63,143,.04)}
    .category-row.selected{background:#fbfdff;border-color:#b9d6ff}.cat-left{display:flex;align-items:center;gap:9px}.cat-dot{width:12px;height:12px;border-radius:50%;background:#f4a340;flex:0 0 auto}.cat-dot.blue{background:#3d77d5}.cat-dot.pink{background:#dc5c91}.cat-dot.purple{background:#8068ff}.cat-dot.green{background:#86d34f}.cat-dot.mint{background:#8ed6c4}.cat-meta{display:block;font-size:9.5px;color:#697891;font-weight:850;margin-top:2px}.toggle.small{width:36px;height:21px;background:#4f78db}.toggle.small.off{background:#e7edf5}.toggle.small:after{width:15px;height:15px}.toggle.small.off:after{left:3px;right:auto}.settings-shell{background:#fff;border:1px solid #dfeaf7;border-radius:24px;padding:14px;box-shadow:0 10px 24px rgba(7,63,143,.08)}
    .settings-editor{background:#f9fcff;border:1px solid #dbeaff;border-radius:20px;padding:12px;margin-top:10px}.editor-task{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e6eef8;border-radius:14px;padding:9px 10px;margin-bottom:7px;font-size:10.5px;font-weight:900;color:#43536a}.editor-x{width:20px;height:20px;border-radius:8px;background:#f1f5fa;color:#7a8799;display:grid;place-items:center}
    .pie-only-card{background:#fff;border-radius:24px;padding:16px;box-shadow:0 10px 24px rgba(7,63,143,.08);border:1px solid var(--line);text-align:center}.pie-only-card .green-donut{width:190px;height:190px}.comment-box{margin-top:12px;text-align:left;background:#f8fbff;border:1px solid #e6eef8;border-radius:18px;padding:12px;font-weight:850;color:#42536d;font-size:11px;line-height:1.35}.comment-box b{display:block;color:var(--ink);font-size:12px;margin-bottom:3px}.comment-box.red{background:#fff5f6;border-color:#ffdce1}.comment-box.green{background:#f7fff1;border-color:#dff4cc}
    .child-hero-card{background:linear-gradient(135deg,#19317d,#4d92e9);border-radius:26px;padding:18px;color:#fff;box-shadow:0 18px 40px rgba(25,49,125,.24);margin-bottom:12px;position:relative;overflow:hidden}.child-hero-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.15);right:-36px;top:-42px}.child-hero-card b{font-size:44px;display:inline-block;line-height:.9}.child-hero-card small{font-weight:900;color:#e8f2ff}.child-action{border-radius:20px;padding:13px;margin-bottom:9px;display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#fffbea,#fff7d5);border:1px solid #f0db8c;color:var(--ink)}.child-action.blue{background:linear-gradient(135deg,#edf6ff,#e9f2ff);border-color:#d4e7ff}.child-action strong{font-size:13px}.child-action span{display:block;color:#697891;font-size:10px;font-weight:850;margin-top:2px}.approve-pill{margin-left:auto;background:var(--ink);color:#fff;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}
    .shot-frame.wide{height:430px}.shot-screen.settings-preview{padding:12px}.screen-grid .settings-editor{padding:9px}.screen-grid .category-row{padding:8px 9px;border-radius:14px;font-size:10.5px}.screen-grid .pie-only-card{padding:12px}.screen-grid .pie-only-card .green-donut{width:170px;height:170px}.screen-grid .comment-box{font-size:10.5px;padding:10px}.screen-grid .child-hero-card b{font-size:36px}.screen-grid .child-action{padding:10px}.screen-grid .approve-pill{display:none}

    .habit-icon-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 12px}.habit-icon-row span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:10px 14px;color:#fff;font-weight:900;font-size:13px;box-shadow:0 12px 24px rgba(4,32,86,.12)}.habit-icon-row svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.screen-grid{align-items:stretch}.screen-link{height:100%}.screen-shot{height:100%;display:flex;flex-direction:column}.screen-shot p{margin-top:auto}
    .habit-signal{display:inline-flex;align-items:center;gap:8px;margin:8px auto 0;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.24);color:#fff;font-weight:850;font-size:13px}
    .habit-signal span{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 6px rgba(255,216,92,.16);animation:signalPulse 1.8s ease-in-out infinite}
    @keyframes signalPulse{50%{transform:scale(1.25);box-shadow:0 0 0 10px rgba(255,216,92,.08)}}
    .flip-card{cursor:pointer}
    .flip-card.is-flipped{transform:rotateY(180deg)}
    .flip-face:after{content:"Tap to flip";position:absolute;right:18px;bottom:16px;font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;opacity:.68}
    .flip-back:after{content:"Tap to reset";color:var(--blue)}
    .child-summary-blue{background:linear-gradient(135deg,#19317d,#4d92e9);border-radius:24px;padding:16px;color:#fff;box-shadow:0 18px 40px rgba(25,49,125,.24);margin-bottom:10px;position:relative;overflow:hidden}
    .child-summary-blue:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.14);right:-35px;top:-42px}
    .child-summary-blue strong{display:block;font-size:25px;line-height:.95;letter-spacing:-.7px;position:relative;z-index:1}
    .child-summary-blue span{display:block;color:#e8f2ff;font-size:10px;font-weight:900;margin-top:5px;position:relative;z-index:1}
    .summary-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;position:relative;z-index:1}
    .summary-mini-stats div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:7px;font-size:9px;font-weight:900}
    .summary-mini-stats b{display:block;font-size:15px;color:#fff;margin-bottom:1px}
    .child-comment{margin-top:8px;text-align:left;border-radius:17px;padding:10px 11px;font-size:10.5px;line-height:1.35;font-weight:850;border:1px solid var(--line);background:#fff;color:#42536d}
    .child-comment b{display:block;color:var(--ink);font-size:11.5px;margin-bottom:3px}
    .child-comment.win-note{background:#f7fff1;border-color:#dff4cc}
    .child-comment.miss-note{background:#fff5f6;border-color:#ffdce1}

    /* Premium inline SVG icons for child dashboard and reward previews */
    .reward-name,.stat-with-icon,.activity-with-icon{display:inline-flex;align-items:center;gap:9px}
    .reward-icon,.stat-icon,.activity-icon{width:34px;height:34px;border-radius:13px;display:inline-grid;place-items:center;flex:0 0 auto;background:#eef8ff;color:#0777d9;vertical-align:middle;box-shadow:0 6px 14px rgba(7,63,143,.08)}
    .reward-icon svg,.stat-icon svg,.activity-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.15;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .mini-reward-item .reward-icon{width:38px;height:38px;border-radius:14px}.mini-reward-item .reward-icon svg{width:24px;height:24px}
    .summary-mini-stats .stat-icon{width:24px;height:24px;border-radius:10px}.summary-mini-stats .stat-icon svg{width:16px;height:16px}
    .activity-row .activity-icon{width:30px;height:30px;border-radius:12px}.activity-row .activity-icon svg{width:19px;height:19px}
    .reward-icon.ready{background:#fff8d7;color:#b98608}.reward-icon.film{background:#eef8ff;color:#2f70d6}.reward-icon.game{background:#f0efff;color:#6253d9}.reward-icon.cards{background:#e9fff7;color:#21956f}.reward-icon.treat{background:#fff1f7;color:#c43e78}

    .points-bank-card{background:linear-gradient(135deg,#19317d,#4d92e9);color:#fff;border-radius:22px;padding:14px 15px;margin-bottom:10px;box-shadow:0 14px 30px rgba(25,49,125,.20)}
    .points-bank-card b{display:block;font-size:25px;line-height:1;color:#fff;letter-spacing:-.7px}
    .points-bank-card span{display:block;font-size:10px;font-weight:900;color:#e8f2ff;margin-top:4px}
    .points-bank-bar{height:8px;background:rgba(255,255,255,.24);border-radius:999px;overflow:hidden;margin-top:10px}
    .points-bank-bar i{display:block;height:100%;width:68%;background:#ffdc62;border-radius:999px}
    .reward-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef3f8}
    .reward-row:last-child{border-bottom:0}
    .reward-row-text{flex:1;min-width:0}
    .reward-row-text b{display:block;font-size:12px;color:var(--ink);line-height:1.1}
    .reward-row-text span{display:block;font-size:9.5px;color:#697891;font-weight:850;margin-top:2px}
    .unlock-pill{border-radius:999px;padding:6px 8px;background:#eef8ff;color:#2f70d6;font-size:9px;font-weight:950;white-space:nowrap}
    .unlock-pill.ready{background:#e9fff7;color:#21956f}
    .stat-icon.win{background:#eaf8df;color:#4d991f}.stat-icon.miss{background:#fff1f3;color:#d63748}.stat-icon.points{background:#fff8d7;color:#b98608}
    .activity-icon.book{background:#eef8ff;color:#2f70d6}.activity-icon.bag{background:#fff1f3;color:#d63748}
    .summary-mini-stats div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.summary-mini-stats .stat-with-icon b{font-size:15px;margin:0}.summary-mini-stats .stat-with-icon{font-size:9px;line-height:1.1}


    /* Mobile optimisation safety layer */
    @media (max-width: 980px) {
      .hero-grid {
        grid-template-columns: 1fr;
        gap: 22px;
        text-align: center;
      }

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

      .hero-actions,
      .trust-row {
        justify-content: center;
      }

      .phone-stage {
        min-height: 500px;
        overflow: hidden;
      }

      .phone-shell,
      .phone {
        transform: translateX(0) !important;
      }

      .floating.one,
      .floating.three {
        left: 0 !important;
      }

      .floating.two {
        right: 0 !important;
      }

      .screen-gallery {
        padding-top: 70px;
      }

      .pricing-grid,
      .pain-grid,
      .feature-grid,
      .quote-grid,
      .journey,
      .screen-grid,
      .habit-flips {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 760px) {
      body {
        overflow-x: hidden;
      }

      .container {
        width: min(100% - 28px, 1180px);
      }

      .hero {
        padding: 22px 0 46px;
      }

      .hero-grid {
        gap: 18px;
      }

      h1 {
        font-size: clamp(42px, 12vw, 56px);
        line-height: .98;
        letter-spacing: -1.8px;
      }

      .hero p {
        font-size: 18px;
        line-height: 1.45;
        margin: 18px auto 24px;
        max-width: 360px;
      }

      .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .hero-actions .btn {
        width: 100%;
      }

      .trust-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        white-space: normal;
        margin-top: 18px;
      }

      .trust-row div {
        justify-content: center;
        padding: 9px 12px;
      }

      .floating {
        display: none !important;
      }

      .phone-stage {
        min-height: 470px;
        margin-top: 2px;
        overflow: visible;
      }

      .phone,
      .phone-shell {
        transform: none !important;
      }

      .phone {
        width: min(250px, 78vw);
        height: 472px;
        border-radius: 38px;
        padding: 10px;
      }

      .screen {
        border-radius: 30px;
        padding: 16px 14px;
      }

      .phone-carousel {
        inset: 16px 14px;
      }

      .halo {
        width: 320px;
        height: 320px;
      }

      .strip {
        padding: 14px 0;
      }

      .strip-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        font-size: 13px;
      }

      section {
        padding: 58px 0;
      }

      .center {
        margin-bottom: 30px;
      }

      h2 {
        font-size: clamp(31px, 9vw, 42px);
        letter-spacing: -1.2px;
      }

      .lead {
        font-size: 17px;
        line-height: 1.48;
      }

      .pain-grid,
      .feature-grid,
      .pricing-grid,
      .quote-grid,
      .journey,
      .screen-grid,
      .habit-flips {
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .card,
      .price-card,
      .quote {
        border-radius: 24px;
        padding: 24px;
      }

      .habit-flips {
        margin-top: 24px;
      }

      .flip-card {
        height: 238px;
      }

      .habit-icon-row {
        gap: 8px;
      }

      .habit-icon-row span {
        width: 100%;
        justify-content: center;
      }

      .screen-gallery {
        padding-top: 64px;
      }

      .screen-gallery .lead {
        white-space: normal;
      }

      .screen-shot {
        min-height: auto;
      }

      .shot-frame.wide,
      .shot-frame {
        height: 420px;
      }

      .price-card.popular {
        transform: none;
      }

      .cta-final {
        margin: 48px auto;
      }

      .cta-final-inner {
        border-radius: 30px;
        padding: 48px 22px;
      }

      .cta-final-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .cta-final-actions .btn {
        width: 100%;
      }

      .cta-final-trust {
        flex-direction: column;
        align-items: center;
      }
    }

    @media (max-width: 420px) {
      .container {
        width: min(100% - 22px, 1180px);
      }

      h1 {
        font-size: 40px;
      }

      .hero p {
        max-width: 330px;
      }

      .phone-stage {
        min-height: 455px;
      }

      .phone {
        width: 236px;
        height: 448px;
      }

      .shot-frame.wide,
      .shot-frame {
        height: 395px;
      }

      .child-summary-blue strong {
        font-size: 23px;
      }

      .summary-mini-stats {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 5px;
      }

      .summary-mini-stats div {
        padding: 6px 4px;
        font-size: 8.5px;
      }
    }

    .reward-motivation-section{background:linear-gradient(180deg,#fbfdff,#eef8ff);position:relative}
    .reward-conversion-head{max-width:880px}
    .reward-conversion-head h2{font-size:clamp(38px,5.6vw,64px)}
    .reward-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
    .reward-benefit-card{background:#fff;border:1px solid rgba(7,119,217,.08);border-radius:30px;padding:26px;box-shadow:var(--soft-shadow);transition:.22s ease;min-height:255px}
    .reward-benefit-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(7,63,143,.15)}
    .reward-benefit-icon{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,#eaf6ff,#f7fff1);color:var(--blue);display:grid;place-items:center;margin-bottom:18px}
    .reward-benefit-icon svg{width:31px;height:31px;stroke:currentColor;stroke-width:2.35;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .reward-benefit-card h3{font-size:24px;line-height:1.08;margin:0 0 10px;color:var(--navy)}
    .reward-benefit-card p{font-size:16px;line-height:1.45;color:#5c718f;font-weight:700;margin:0}
    @media(max-width:980px){.reward-benefit-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:640px){.reward-benefit-grid{grid-template-columns:1fr;gap:14px}.reward-benefit-card{min-height:auto;padding:23px;border-radius:24px}.reward-conversion-head h2{font-size:clamp(34px,10vw,44px)}}

    /* Final text/layout polish */
    .screen-gallery-header{max-width:900px;margin:0 auto 50px;text-align:center}
    .screen-gallery-header .lead{max-width:760px;margin:0 auto;white-space:normal;text-align:center}
    .unlock-pill.ready{background:#e9fff7;color:#21956f}



    /* Mobile homepage overflow + card layout fixes - 2026-06 */
    @media (max-width: 768px) {
      html,
      body,
      .page,
      main {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
      }

      .container,
      section,
      .hero,
      .blue-section,
      .reward-motivation-section,
      .screen-gallery,
      .pricing {
        max-width: 100%;
        overflow-x: hidden;
      }

      h1,
      h2,
      h3,
      p,
      .lead {
        overflow-wrap: anywhere;
        word-break: normal;
      }

      .hero h1,
      h1 {
        font-size: clamp(40px, 12vw, 52px);
        line-height: .96;
        letter-spacing: -1.6px;
      }

      h2,
      .blue-section h2,
      .reward-conversion-head h2,
      .screen-gallery-header h2 {
        font-size: clamp(34px, 10vw, 44px);
        line-height: .98;
        letter-spacing: -1.3px;
        max-width: 100%;
      }

      .center,
      .screen-gallery-header,
      .reward-conversion-head {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
      }

      .lead,
      .hero p,
      .blue-section .lead,
      .reward-conversion-head .lead,
      .screen-gallery-header .lead {
        font-size: 17px;
        line-height: 1.46;
        max-width: 100%;
        white-space: normal !important;
      }

      /* Fix squeezed mobile cards */
      .card,
      .reward-benefit-card,
      .price-card,
      .quote {
        display: block !important;
        width: 100%;
        max-width: 100%;
        padding: 24px 22px;
        border-radius: 26px;
      }

      .card .mw-icon,
      .card .icon,
      .reward-benefit-icon {
        width: 66px;
        height: 66px;
        min-width: 66px;
        margin: 0 0 18px 0;
      }

      .card h3,
      .reward-benefit-card h3,
      .price-card h3,
      .quote h3 {
        font-size: 25px;
        line-height: 1.08;
        margin: 0 0 10px 0;
        max-width: 100%;
      }

      .card p,
      .reward-benefit-card p,
      .quote p {
        font-size: 16px;
        line-height: 1.45;
        max-width: 100%;
        margin: 0;
        text-align: left;
      }

      .pain-grid,
      .feature-grid,
      .pricing-grid,
      .quote-grid,
      .journey,
      .screen-grid,
      .habit-flips,
      .reward-benefit-grid {
        grid-template-columns: 1fr !important;
        gap: 16px;
      }

      /* Blue habit section - stop heading and cards being cut off */
      .blue-section {
        padding-left: 0;
        padding-right: 0;
      }

      .blue-section .container {
        width: min(100% - 28px, 1180px);
      }

      .habit-center h2 {
        max-width: 100%;
        white-space: normal;
      }

      .habit-signal {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        font-size: 14px;
        line-height: 1.25;
        padding: 10px 12px;
        white-space: normal;
        text-align: center;
      }

      .flip-card {
        height: auto;
        min-height: 236px;
      }

      .flip-face {
        position: relative;
        inset: auto;
        min-height: 236px;
        padding: 28px 24px;
      }

      .flip-back {
        position: absolute;
        inset: 0;
      }

      .flip-face b {
        font-size: 28px;
        line-height: 1.05;
      }

      .flip-face p {
        font-size: 17px;
        line-height: 1.38;
      }

      /* Phone/mockup sizing */
      .phone-stage {
        max-width: 100%;
        overflow: hidden;
      }

      .phone,
      .phone-frame,
      .shot-frame,
      .shot-frame.wide {
        max-width: 100%;
      }

      .strip-inner {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        text-align: center;
      }
    }

    @media (max-width: 430px) {
      .container {
        width: min(100% - 24px, 1180px);
      }

      section {
        padding: 54px 0;
      }

      h2,
      .blue-section h2,
      .reward-conversion-head h2,
      .screen-gallery-header h2 {
        font-size: clamp(32px, 9.5vw, 40px);
      }

      .card,
      .reward-benefit-card {
        padding: 22px 20px;
      }

      .card h3,
      .reward-benefit-card h3 {
        font-size: 24px;
      }

      .phone {
        width: min(236px, 72vw);
      }
    }

    .setup-note{margin-top:18px;display:flex;align-items:flex-start;gap:12px;max-width:720px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.98);border-bottom:1px solid rgba(255,255,255,.98);border-left:0;border-right:0;border-radius:0;background:linear-gradient(135deg,rgba(245,248,255,.86),rgba(255,255,255,.9));box-shadow:none;color:#24416d;font-weight:850}.setup-note-icon{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#3157d6,#425ff0);color:#fff;font-weight:950}.setup-note a{color:#3157d6;font-weight:950;text-decoration:none}.setup-note a:hover{text-decoration:underline}@media(max-width:760px){.setup-note{margin-top:18px;display:flex;align-items:flex-start;gap:12px;max-width:720px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.98);border-bottom:1px solid rgba(255,255,255,.98);border-left:0;border-right:0;border-radius:0;background:linear-gradient(135deg,rgba(245,248,255,.86),rgba(255,255,255,.9));box-shadow:none;color:#24416d;font-weight:850}}

.faq-grid{align-items:stretch}.faq-card{display:flex;flex-direction:column}.faq-card h3{min-height:3.15em;margin-bottom:18px}.faq-card p{margin-top:0}



/* Targeted conversion copy polish - 2026-06 */
.hero-subcopy,
.hero p,
.eyebrow,
.trust-row,
.strip-inner,
.transform-head p,
.transform-list li,
.transform-rhythm,
.benefits-head p,
.benefit-card p{font-weight:600!important}
@media(min-width:981px){.benefits-head h2{white-space:nowrap}}
.faq-card h3{min-height:auto!important;margin-bottom:10px!important}
.faq-card p{margin-top:0!important}

/* Final requested sales-page polish */
.faq-grid{align-items:stretch}
.faq-card{display:flex;flex-direction:column}
.faq-card h3{
  min-height:4.2em;
  margin-bottom:20px;
  display:flex;
  align-items:flex-start;
}
.faq-card p{margin-top:0}
.nav-link{font-size:15.5px!important}
.desktop-nav{gap:68px!important}
.nav-link:nth-child(1) .nav-ico{color:#3157d6}
.nav-link:nth-child(2) .nav-ico{color:#35a47e}
.nav-link:nth-child(3) .nav-ico{color:#d99000}
.nav-link:nth-child(4) .nav-ico{color:#8068ff}
@media(max-width:980px){
  .desktop-nav{gap:34px!important}
}


/* Final reviews alignment update */
.quote-grid{align-items:stretch;}
.quote{height:100%;display:flex;flex-direction:column;}
.quote p{margin-bottom:22px;}
.quote b{margin-top:auto;display:block;}



/* High-conversion homepage rewrite + mobile centring */
.strip-inner span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(7,119,217,.08);box-shadow:0 8px 18px rgba(7,63,143,.045)}
.conversion-section{background:linear-gradient(180deg,#fbfdff 0%,#f2f9ff 100%);position:relative;overflow:hidden}
.conversion-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(68,215,168,.13),transparent 30%),radial-gradient(circle at 88% 8%,rgba(7,119,217,.10),transparent 32%);pointer-events:none}
.conversion-head{max-width:940px}.conversion-head h2{font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-1.7px}
.conversion-head .lead{max-width:820px;margin:0 auto;color:#405b7a}
.outcome-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:24px;align-items:stretch;margin-top:38px}
.outcome-card{position:relative;background:#fff;border:1px solid rgba(7,119,217,.09);border-radius:34px;padding:34px;box-shadow:var(--soft-shadow);overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}
.outcome-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-82px;top:-82px;background:rgba(7,119,217,.07)}
.outcome-kicker{display:inline-flex;width:max-content;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#eef8ff;color:var(--blue);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.8px;margin-bottom:18px}
.outcome-card h3{font-size:clamp(30px,3vw,42px);line-height:1.02;letter-spacing:-1.2px;margin:0 0 14px;position:relative;z-index:1}
.outcome-card p{font-size:18px;line-height:1.52;color:#4f6684;font-weight:720;margin:0;position:relative;z-index:1}
.outcome-list{display:grid;gap:12px;margin-top:26px;position:relative;z-index:1}
.outcome-list div{display:flex;gap:11px;align-items:flex-start;background:#f7fbff;border:1px solid #e4eef9;border-radius:18px;padding:13px 14px;color:#304866;font-weight:800;line-height:1.35}
.outcome-list .check{flex:0 0 20px;margin-top:1px}
.outcome-card.dark{background:linear-gradient(135deg,#071d49,#0f6ff1);color:#fff;border-color:rgba(255,255,255,.16);box-shadow:0 28px 72px rgba(7,29,73,.28)}
.outcome-card.dark:after{background:rgba(255,255,255,.12)}
.outcome-card.dark h3{color:#fff}.outcome-card.dark p{color:#e8f5ff}.outcome-card.dark .outcome-kicker{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.18)}
.outcome-card.dark .outcome-list div{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);color:#f1f8ff}
.momentum-section{background:linear-gradient(135deg,var(--blue),#0e95f2);color:#fff;position:relative;overflow:hidden}
.momentum-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,216,92,.24),transparent 28%),radial-gradient(circle at 85% 65%,rgba(68,215,168,.22),transparent 30%);pointer-events:none}
.momentum-section h2,.momentum-section h3{color:#fff}.momentum-section .lead{color:#eaf8ff}
.momentum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.momentum-card{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);border-radius:28px;padding:24px;min-height:245px;backdrop-filter:blur(10px);box-shadow:0 18px 42px rgba(4,32,86,.13)}
.momentum-icon{width:56px;height:56px;border-radius:20px;background:#fff;color:var(--blue);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 10px 22px rgba(4,32,86,.14)}
.momentum-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:2.35;fill:none;stroke-linecap:round;stroke-linejoin:round}
.momentum-card h3{font-size:24px;line-height:1.08;margin-bottom:10px;letter-spacing:-.5px}.momentum-card p{margin:0;color:#eaf8ff;font-size:15.5px;line-height:1.45;font-weight:700}
.momentum-note{margin:28px auto 0;max-width:820px;text-align:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:13px 18px;color:#fff;font-weight:850;line-height:1.35}
@media(max-width:980px){.outcome-grid{grid-template-columns:1fr}.momentum-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.strip-inner{grid-template-columns:1fr!important;text-align:center;justify-items:center}.strip-inner span{width:100%;max-width:330px;text-align:center}.conversion-head h2{font-size:clamp(31px,9vw,42px);line-height:1.04}.outcome-card{padding:25px 22px;border-radius:26px;min-height:auto;text-align:center}.outcome-kicker{margin-left:auto;margin-right:auto}.outcome-list div{text-align:left}.momentum-grid{grid-template-columns:1fr}.momentum-card{text-align:center;min-height:auto;padding:24px 22px}.momentum-icon{margin-left:auto;margin-right:auto}.momentum-note{border-radius:22px}}


/* Hero conversion upgrade: clear product explanation + mobile-first cards */
.hero h1{max-width:820px}
.hero .hero-subcopy{font-size:20px;line-height:1.48;color:#335276;margin:22px 0 22px;max-width:660px;font-weight:700}
.hero-how-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 24px;max-width:720px}
.hero-how-card{background:rgba(255,255,255,.78);border:1px solid rgba(7,119,217,.12);border-radius:20px;padding:13px 14px;box-shadow:0 10px 22px rgba(7,63,143,.07);text-align:left}
.hero-how-card b{display:block;color:var(--navy);font-size:14px;font-weight:900;margin-bottom:3px}
.hero-how-card span{display:block;color:#516985;font-size:12.5px;font-weight:750;line-height:1.28}
.hero-emphasis{color:var(--deep);font-weight:900}
@media(max-width:980px){.hero .hero-subcopy,.hero-how-strip{margin-left:auto;margin-right:auto}.hero-how-card{text-align:center}}
@media(max-width:760px){.hero h1{font-size:clamp(39px,11vw,52px)!important;line-height:.96!important;letter-spacing:-1.7px!important}.hero .hero-subcopy{font-size:17px!important;line-height:1.43!important;max-width:360px;margin:17px auto 18px}.hero-how-strip{grid-template-columns:1fr 1fr;gap:8px;margin:0 auto 20px;max-width:360px}.hero-how-card{border-radius:16px;padding:11px 10px}.hero-how-card b{font-size:13px}.hero-how-card span{font-size:11.4px}.trust-row div{text-align:center}}
@media(max-width:420px){.hero h1{font-size:38px!important}.hero .hero-subcopy{max-width:330px}.hero-how-strip{max-width:330px}}



/* Final hero flow polish: different card treatment, no lower pill row, mobile-first */
.hero-how-strip.hero-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:8px 0 26px;
  max-width:760px;
}
.hero-how-strip.hero-flow:before{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:28px;
  height:2px;
  background:linear-gradient(90deg,rgba(7,119,217,.08),rgba(7,119,217,.28),rgba(68,215,168,.22));
  z-index:0;
}
.hero-how-strip.hero-flow .hero-how-card{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-height:126px;
  padding:16px 14px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,252,255,.88));
  border:1px solid rgba(7,119,217,.12);
  box-shadow:0 14px 30px rgba(7,63,143,.09);
  text-align:left;
}
.hero-how-strip.hero-flow .hero-how-card:nth-child(2){background:linear-gradient(180deg,#fffdf3,#ffffff)}
.hero-how-strip.hero-flow .hero-how-card:nth-child(3){background:linear-gradient(180deg,#f7f5ff,#ffffff)}
.hero-how-strip.hero-flow .hero-how-card:nth-child(4){background:linear-gradient(180deg,#f2fff9,#ffffff)}
.hero-step{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--navy);
  color:#fff;
  font-size:11px;
  font-weight:950;
  letter-spacing:-.2px;
  box-shadow:0 10px 18px rgba(7,29,73,.16);
}
.hero-how-strip.hero-flow .hero-how-card:nth-child(2) .hero-step{background:#d99000}
.hero-how-strip.hero-flow .hero-how-card:nth-child(3) .hero-step{background:#7c6cff}
.hero-how-strip.hero-flow .hero-how-card:nth-child(4) .hero-step{background:#21956f}
.hero-how-strip.hero-flow .hero-how-card b{
  font-size:15px;
  line-height:1.05;
  margin-bottom:6px;
}
.hero-how-strip.hero-flow .hero-how-card span:not(.hero-step){
  font-size:12.7px;
  line-height:1.32;
  font-weight:760;
}
@media(max-width:980px){
  .hero-how-strip.hero-flow{
    margin-left:auto;
    margin-right:auto;
    max-width:680px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero-how-strip.hero-flow:before{display:none}
}
@media(max-width:760px){
  .hero-how-strip.hero-flow{
    grid-template-columns:1fr;
    max-width:360px;
    gap:10px;
    margin:0 auto 22px;
  }
  .hero-how-strip.hero-flow .hero-how-card{
    min-height:auto;
    padding:14px 14px;
    border-radius:18px;
    align-items:center;
  }
  .hero-step{
    width:32px;
    height:32px;
    min-width:32px;
    border-radius:12px;
    font-size:10.5px;
  }
  .hero-how-strip.hero-flow .hero-how-card b{font-size:15px}
  .hero-how-strip.hero-flow .hero-how-card span:not(.hero-step){font-size:12.6px}
  .hero-actions{margin-top:2px}
}
@media(max-width:420px){
  .hero-how-strip.hero-flow{max-width:330px}
}


/* Final hero flow placement: directly under CTAs, spaced across the hero width */
.hero-actions + .hero-how-strip.hero-flow{
  width:100%;
  max-width:760px;
  margin:28px 0 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.hero-actions + .hero-how-strip.hero-flow:before{display:none!important}
.hero-actions + .hero-how-strip.hero-flow .hero-how-card{
  min-height:unset;
  padding:0 16px 0 0;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
  display:block;
  text-align:left;
  border-right:1px solid rgba(7,119,217,.16);
}
.hero-actions + .hero-how-strip.hero-flow .hero-how-card:last-child{border-right:0;padding-right:0}
.hero-actions + .hero-how-strip.hero-flow .hero-step{
  width:auto;
  height:auto;
  min-width:0;
  display:block;
  background:transparent!important;
  color:var(--blue);
  box-shadow:none;
  border-radius:0;
  font-size:13px;
  font-weight:900;
  letter-spacing:.06em;
  margin-bottom:8px;
}
.hero-actions + .hero-how-strip.hero-flow .hero-how-card b{
  display:block;
  font-size:18px;
  line-height:1.06;
  margin:0 0 7px;
  color:var(--navy);
  font-weight:900;
}
.hero-actions + .hero-how-strip.hero-flow .hero-how-card span:not(.hero-step){
  display:block;
  font-size:13.5px;
  line-height:1.36;
  color:#526a88;
  font-weight:760;
}
@media(max-width:980px){
  .hero-actions + .hero-how-strip.hero-flow{
    margin-left:auto;
    margin-right:auto;
    max-width:680px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }
}
@media(max-width:760px){
  .hero-actions + .hero-how-strip.hero-flow{
    max-width:360px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:22px auto 0;
  }
  .hero-actions + .hero-how-strip.hero-flow .hero-how-card{
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(7,119,217,.12);
    border-radius:18px;
    padding:15px 13px;
    box-shadow:0 10px 22px rgba(7,63,143,.07);
    text-align:center;
  }
  .hero-actions + .hero-how-strip.hero-flow .hero-step{font-size:12px;margin-bottom:6px}
  .hero-actions + .hero-how-strip.hero-flow .hero-how-card b{font-size:16px}
  .hero-actions + .hero-how-strip.hero-flow .hero-how-card span:not(.hero-step){font-size:12.3px;line-height:1.32}
}
@media(max-width:420px){
  .hero-actions + .hero-how-strip.hero-flow{max-width:330px;gap:10px}
  .hero-actions + .hero-how-strip.hero-flow .hero-how-card{padding:14px 11px}
}




/* Premium process visual: desktop image + mobile-first cards */
.hero-process-section{
  padding:34px 0 48px!important;
  background:linear-gradient(180deg,#f4f9ff 0%,#ffffff 100%);
  border-top:1px solid rgba(7,119,217,.06);
  border-bottom:1px solid rgba(7,119,217,.06);
}
.hero-process-visual{
  width:100%;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(7,119,217,.12);
  box-shadow:0 24px 58px rgba(7,63,143,.13);
  background:#fff;
}
.hero-process-visual img{
  display:block;
  width:100%;
  height:auto;
}
.hero-process-mobile-grid{display:none}
.hero-process-card{
  background:linear-gradient(180deg,#ffffff,#f8fcff);
  border:1px solid rgba(7,119,217,.11);
  border-radius:24px;
  box-shadow:0 12px 28px rgba(7,63,143,.08);
  padding:22px 18px;
  text-align:center;
}
.hero-process-icon{
  width:62px;
  height:62px;
  margin:0 auto 14px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eaf6ff,#f7fff1);
  color:#0777d9;
  box-shadow:0 12px 26px rgba(7,63,143,.10);
}
.hero-process-card:nth-child(1) .hero-process-icon{color:#2fb86d;background:linear-gradient(135deg,#eafaf1,#f7fff1)}
.hero-process-card:nth-child(2) .hero-process-icon{color:#2f70d6;background:linear-gradient(135deg,#eaf4ff,#f7fbff)}
.hero-process-card:nth-child(3) .hero-process-icon{color:#7c61ee;background:linear-gradient(135deg,#f4f1ff,#fbfaff)}
.hero-process-card:nth-child(4) .hero-process-icon{color:#f59e0b;background:linear-gradient(135deg,#fff7e8,#fffdf6)}
.hero-process-icon svg{
  width:30px;
  height:30px;
  stroke:currentColor;
  stroke-width:2.35;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-process-card h3{
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;
  font-size:22px;
  line-height:1.05;
  letter-spacing:-.45px;
  margin:0 0 9px;
  color:#071d49;
  font-weight:800;
}
.hero-process-card p{
  margin:0 auto;
  color:#5c6b84;
  font-size:14.5px;
  line-height:1.38;
  font-weight:750;
  max-width:190px;
}
/* Keep one page H1 only; section headings stay below hero scale */
main h2{font-size:clamp(30px,4vw,48px)}
@media(max-width:900px){
  .hero-process-section{padding:26px 0 38px!important}
  .hero-process-visual{display:none}
  .hero-process-mobile-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
}
@media(max-width:520px){
  .hero-process-section{padding:22px 0 34px!important}
  .hero-process-mobile-grid{gap:12px}
  .hero-process-card{
    border-radius:22px;
    padding:18px 12px;
    min-height:178px;
  }
  .hero-process-icon{width:52px;height:52px;border-radius:19px;margin-bottom:12px}
  .hero-process-icon svg{width:25px;height:25px}
  .hero-process-card h3{font-size:18px;letter-spacing:-.25px;margin-bottom:8px}
  .hero-process-card p{font-size:13px;line-height:1.32;max-width:145px}
  main h2{font-size:clamp(30px,9vw,40px)}
}
@media(max-width:360px){
  .hero-process-mobile-grid{grid-template-columns:1fr}
  .hero-process-card{min-height:auto;padding:18px 14px}
  .hero-process-card p{max-width:230px}
}



/* Reverted premium section refinement: keep parent-pain heading aligned with other H2 sections */
.conversion-head h2{font-size:clamp(36px,5vw,58px)!important;line-height:1.02!important;letter-spacing:-1.7px!important;}
.conversion-head .lead{font-size:19px;line-height:1.5;}
@media(max-width:760px){
  .conversion-head h2{font-size:clamp(31px,9vw,42px)!important;line-height:1.04!important;}
  .conversion-head .lead{font-size:16.5px;line-height:1.45;}
  .hero-process-section{padding-top:34px!important;}
  .hero-process-visual{border-radius:24px!important;overflow:hidden!important;}
}



/* Final refined transformation/value sections — premium, no people images, mobile optimised */
.value-transform-section{
  padding:70px 0 24px;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f9ff 100%);
}
.transform-shell,
.benefits-shell{
  position:relative;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(7,119,217,.13);
  border-radius:34px;
  box-shadow:0 22px 55px rgba(7,63,143,.09);
  overflow:hidden;
}
.transform-shell:before,
.benefits-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 8%,rgba(68,215,168,.08),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(7,119,217,.08),transparent 30%);
  pointer-events:none;
}
.transform-inner,
.benefits-inner{
  position:relative;
  z-index:1;
  padding:34px 34px 26px;
}
.transform-head{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}
.benefits-head{
  max-width:900px;
  margin:0 auto 28px;
  text-align:center;
}
.transform-head h2,
.benefits-head h2{
  font-size:clamp(30px,3.5vw,44px);
  line-height:1.05;
  letter-spacing:-1.2px;
  margin:0 0 10px;
  color:var(--navy);
}
.transform-head p,
.benefits-head p{
  margin:0 auto;
  max-width:690px;
  color:#4d6483;
  font-size:18px;
  line-height:1.5;
  font-weight:600;
}
.benefits-head p{
  max-width:840px;
}
.transform-journey{
  display:grid;
  grid-template-columns:1fr 54px 1.05fr 54px 1fr;
  gap:14px;
  align-items:center;
}
.transform-card{
  min-height:254px;
  border-radius:24px;
  padding:26px;
  border:1px solid var(--journey-border,#dfe8f3);
  background:linear-gradient(135deg,var(--journey-bg,#fff),#fff);
  box-shadow:0 14px 32px rgba(7,63,143,.055);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.transform-icon{
  width:70px;
  height:70px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:-56px auto 18px;
  background:#fff;
  color:var(--journey-colour,#0f6ff1);
  border:1px solid var(--journey-border,#dfe8f3);
  box-shadow:0 12px 28px rgba(7,63,143,.10);
}
.transform-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:2.45;fill:none;stroke-linecap:round;stroke-linejoin:round}
.transform-card h3{
  color:var(--journey-colour,#0f6ff1);
  font-size:25px;
  margin:0 0 16px;
  text-align:center;
  letter-spacing:-.5px;
}
.transform-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.transform-list li{display:flex;align-items:center;gap:10px;color:#142c55;font-size:15.5px;font-weight:750;line-height:1.32}
.transform-list span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--journey-colour,#0f6ff1);color:#fff;font-size:11px;font-weight:950;flex:0 0 auto}
.transform-card.problem .transform-list span{background:#ef5f78}
.transform-arrow{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--navy);
  box-shadow:0 10px 24px rgba(7,63,143,.09);
  border:1px solid #e6eef8;
}
.transform-arrow svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.transform-rhythm{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:28px auto 0;
  padding:15px 20px;
  max-width:1040px;
  border-top:1px solid #edf3fb;
  color:var(--navy);
  font-size:19px;
  font-weight:900;
  text-align:center;
}
@media(min-width:981px){.transform-rhythm{white-space:nowrap}}
.transform-rhythm svg{width:24px;height:24px;stroke:#0f6ff1;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.benefits-section{
  padding:24px 0 70px;
  background:linear-gradient(180deg,#f3f9ff 0%,#fbfdff 100%);
}
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin-top:28px;
}
.benefit-card{
  min-height:280px;
  border:1px solid #e0ebf7;
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 14px 32px rgba(7,63,143,.065);
  padding:28px 22px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.benefit-icon{
  width:82px;
  height:82px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:linear-gradient(135deg,var(--benefit-bg,#eef8ff),#fff);
  color:var(--benefit-colour,#0f6ff1);
  border:1px solid color-mix(in srgb,var(--benefit-colour,#0f6ff1) 18%,#e0ebf7);
  box-shadow:0 14px 32px color-mix(in srgb,var(--benefit-colour,#0f6ff1) 15%,transparent);
}
.benefit-icon svg{width:40px;height:40px;stroke:currentColor;stroke-width:2.35;fill:none;stroke-linecap:round;stroke-linejoin:round}
.benefit-card h3{font-size:25px;line-height:1.08;letter-spacing:-.5px;color:var(--navy);margin:0 0 14px}
.benefit-card .mini-line{width:42px;height:4px;border-radius:999px;background:var(--benefit-colour,#0f6ff1);margin:0 auto 18px}
.benefit-card p{margin:0;color:#435a78;font-size:16px;line-height:1.45;font-weight:750;max-width:220px}
@media(max-width:1050px){
  .transform-journey{grid-template-columns:1fr;gap:18px}
  .transform-arrow{margin:0 auto;transform:rotate(90deg)}
  .transform-card{min-height:auto;padding:28px 24px}
  .transform-icon{margin:0 auto 16px}
  .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .value-transform-section{padding:46px 0 16px}
  .benefits-section{padding:16px 0 52px}
  .transform-shell,.benefits-shell{border-radius:26px}
  .transform-inner,.benefits-inner{padding:26px 18px 22px}
  .transform-head,.benefits-head{margin-bottom:22px}
  .transform-head h2,.benefits-head h2{font-size:clamp(28px,8vw,36px);line-height:1.05;letter-spacing:-.9px}
  .transform-head p,.benefits-head p{font-size:16px;line-height:1.45}
  .transform-card{text-align:left;border-radius:22px;padding:24px 20px}
  .transform-card h3{text-align:left;font-size:23px}
  .transform-icon{margin:0 0 15px;width:60px;height:60px}
  .transform-icon svg{width:30px;height:30px}
  .transform-list li{font-size:15px}
  .transform-arrow{width:44px;height:44px}
  .transform-rhythm{font-size:16px;line-height:1.3;border-radius:18px;background:#f8fbff;border:1px solid #e6eef8;padding:14px 13px;margin-top:20px}
  .benefits-grid{grid-template-columns:1fr;gap:14px}
  .benefit-card{min-height:auto;border-radius:22px;padding:24px 18px}
  .benefit-icon{width:72px;height:72px;margin-bottom:14px}
  .benefit-icon svg{width:35px;height:35px}
  .benefit-card h3{font-size:23px;margin-bottom:10px}
  .benefit-card p{font-size:15px;max-width:290px}
}

/* Final FAQ spacing safety */
.faq-card h3{min-height:auto!important;margin-bottom:10px!important}
.faq-card p{margin-top:0!important}
@media(min-width:981px){.benefits-head h2{white-space:nowrap}}


/* 2026-06 hero pill alignment */
.floating.one,.floating.three{left:-70px;}
.floating.two{right:-6px;}
@media(max-width:1120px){.floating.one,.floating.three{left:-8px}.floating.two{right:38px}}

/* Hero value points and FAQ baseline */
.floating.one,.floating.three{left:-50px !important;}
.floating.three{bottom:68px !important;}
.floating.two{right:14px !important;}
.faq-card h3{
  min-height:3.15em !important;
  margin-bottom:8px !important;
  display:flex !important;
  align-items:flex-end !important;
  font-weight:650 !important;
  font-size:23.4px !important;
  line-height:1.08 !important;
}
.faq-card p{
  margin-top:0 !important;
  font-weight:600 !important;
  line-height:1.48 !important;
}
@media(max-width:1120px){
  .floating.one,.floating.three{left:12px !important;}
  .floating.three{bottom:68px !important;}
  .floating.two{right:58px !important;}
}
@media(max-width:980px){
  .floating.one,.floating.three{left:0 !important;}
  .floating.two{right:0 !important;}
  .faq-card h3{min-height:auto !important;align-items:flex-start !important;font-size:19.4px !important;}
}


/* Homepage copy and FAQ refinements */
.one-line-heading{white-space:nowrap;}
@media(max-width:760px){.one-line-heading{white-space:normal;}}


/* 2026-06 production readiness layer: accessibility + CTA states */
.btn[aria-busy="true"]{opacity:.72;pointer-events:none;}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(7,119,217,.35);outline-offset:4px;}
.production-status-note{display:none;}


/* Insights section and mobile overflow */
.insights-snapshot-section{
  padding:36px 0 34px;
  background:linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%);
  border-top:1px solid rgba(7,119,217,.07);
  border-bottom:1px solid rgba(7,119,217,.07);
  position:relative;
  z-index:1;
}
.insights-snapshot-panel{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:22px;
  align-items:center;
  background:#fff;
  border:1px solid rgba(7,119,217,.09);
  border-radius:30px;
  padding:24px;
  box-shadow:0 18px 46px rgba(7,63,143,.10);
}
.insights-snapshot-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#eef8ff;
  color:var(--deep);
  border:1px solid rgba(7,119,217,.12);
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.55px;
  margin-bottom:12px;
}
.insights-snapshot-panel h2{
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.02;
  letter-spacing:-1.2px;
  margin:0 0 10px;
}
.insights-snapshot-panel p{
  margin:0;
  color:#536985;
  font-size:16.5px;
  line-height:1.48;
  font-weight:700;
}
.insights-snapshot-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.insights-snapshot-card{
  min-width:0;
  background:linear-gradient(180deg,#f8fcff,#f0f8ff);
  border:1px solid #dfeaf7;
  border-radius:22px;
  padding:16px;
  min-height:132px;
}
.insights-snapshot-card strong{
  display:block;
  color:var(--navy);
  font-size:16px;
  line-height:1.12;
  margin-bottom:7px;
  letter-spacing:-.25px;
}
.insights-snapshot-card span{
  display:block;
  color:#5f718c;
  font-size:13.2px;
  line-height:1.38;
  font-weight:750;
}
.insights-snapshot-icon{
  width:34px;
  height:34px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--blue);
  box-shadow:0 7px 16px rgba(7,63,143,.08);
  margin-bottom:11px;
}
.insights-snapshot-icon svg{
  width:19px;
  height:19px;
  stroke:currentColor;
  stroke-width:2.5;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Keep hero preview content inside the phone and hero area */
.phone-stage,
.phone,
.screen,
.phone-carousel,
.tracking-panel,
.settings-editor,
.pie-only-card,
.mini-reward-list,
.child-summary-blue,
.points-bank-card,
.shot-screen,
.shot-frame{
  max-width:100%;
}
.phone-carousel,
.tracking-panel,
.settings-editor,
.pie-only-card,
.mini-reward-list,
.child-summary-blue,
.activity-row,
.reward-row,
.category-row,
.editor-task{
  min-width:0;
}
.screen,
.phone-carousel,
.shot-screen.real,
.pie-only-card,
.breakdown-card,
.activity-breakdown,
.activity-breakdown-card,
.parent-power-coach,
.parent-power-card,
.parent-coach,
.power-coach,
.power-coach-card,
.coach-card{
  overflow:hidden;
}
.category-row,
.reward-row,
.activity-row,
.stat-with-icon,
.activity-with-icon,
.reward-row-text,
.cat-left,
.cat-left > div,
.editor-task > span,
.comment-box,
.child-comment{
  max-width:100%;
}
.cat-left,
.reward-row-text,
.activity-row > div:last-child,
.activity-with-icon,
.stat-with-icon{
  min-width:0;
}
.cat-left > div,
.reward-row-text b,
.reward-row-text span,
.activity-row b,
.activity-row span,
.editor-task,
.comment-box,
.child-comment{
  overflow-wrap:anywhere;
  word-break:normal;
}
.toggle.small{
  flex:0 0 36px;
}
.green-donut,
.pie-only-card .green-donut,
.screen-grid .pie-only-card .green-donut{
  max-width:100%;
}

@media(max-width:980px){
  .insights-snapshot-panel{
    grid-template-columns:1fr;
    text-align:center;
  }
  .insights-snapshot-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .insights-snapshot-icon{
    margin-left:auto;
    margin-right:auto;
  }
}
@media(max-width:760px){
  .hero{
    overflow:hidden;
  }
  .phone-stage{
    width:100%;
    max-width:100%;
    overflow:hidden !important;
    padding:0 2px;
  }
  .phone{
    width:min(244px,74vw) !important;
    height:462px !important;
    margin:0 auto;
  }
  .screen{
    padding:15px 13px !important;
  }
  .phone-carousel{
    inset:15px 13px !important;
  }
  .category-row{
    gap:7px;
    padding:9px 10px !important;
    border-radius:16px;
  }
  .cat-left{
    gap:8px;
    flex:1 1 auto;
  }
  .category-row .toggle.small{
    width:32px;
    height:19px;
    flex-basis:32px;
  }
  .category-row .toggle.small:after{
    width:13px;
    height:13px;
  }
  .pie-only-card{
    padding:12px !important;
    border-radius:22px;
  }
  .pie-only-card .green-donut{
    width:min(138px,58vw) !important;
    height:min(138px,58vw) !important;
    margin:8px auto !important;
  }
  .comment-box{
    font-size:10.5px !important;
    line-height:1.32 !important;
    padding:10px !important;
  }
  .activity-row{
    align-items:flex-start;
    padding:9px !important;
    gap:8px;
  }
  .activity-with-icon{
    display:flex;
    align-items:flex-start;
    gap:7px;
    line-height:1.18;
  }
  .activity-icon,
  .status-dot{
    flex:0 0 auto;
  }
  .parent-power-coach,
  .parent-power-card,
  .parent-coach,
  .power-coach,
  .power-coach-card,
  .coach-card,
  .activity-breakdown,
  .activity-breakdown-card,
  .breakdown-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:none !important;
  }
  .insights-snapshot-section{
    padding:26px 0;
  }
  .insights-snapshot-panel{
    border-radius:26px;
    padding:22px 18px;
    gap:18px;
  }
  .insights-snapshot-panel h2{
    font-size:clamp(29px,9vw,38px);
  }
  .insights-snapshot-panel p{
    font-size:15.5px;
  }
  .insights-snapshot-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .insights-snapshot-card{
    min-height:auto;
    padding:15px;
    text-align:left;
  }
  .insights-snapshot-icon{
    margin-left:0;
  }
}
@media(max-width:430px){
  .phone{
    width:min(230px,72vw) !important;
    height:438px !important;
  }
  .screen{
    padding:14px 12px !important;
  }
  .phone-carousel{
    inset:14px 12px !important;
  }
  .tracking-tabs{
    max-width:100%;
    overflow:hidden;
  }
  .tracking-tab{
    padding:7px 9px;
    font-size:10px;
  }
  .category-row{
    font-size:10.5px !important;
  }
  .cat-meta{
    font-size:8.8px !important;
  }
  .settings-editor{
    padding:9px !important;
  }
}



/* 2026-06 refinement: hero category fit, standout insights, child scoreboard +1/-1 icons */
.phone .tracking-panel .category-row .cat-left > div,
.phone .settings-editor .editor-task,
.phone .tracking-panel .category-row {
  font-size: 10.8px !important;
  line-height: 1.08 !important;
}
.phone .tracking-panel .category-row .cat-left > div {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  letter-spacing: -0.15px;
}
.phone .tracking-panel .cat-meta {
  font-size: 8.6px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}
.phone .tracking-panel .category-row {
  padding: 9px 9px !important;
  gap: 6px !important;
}
.phone .tracking-panel .cat-left {
  gap: 6px !important;
}
.phone .tracking-panel .cat-dot {
  width: 9px !important;
  height: 9px !important;
}
.phone .tracking-panel .toggle.small {
  width: 30px !important;
  height: 18px !important;
  flex: 0 0 30px !important;
}
.phone .tracking-panel .toggle.small:after {
  width: 12px !important;
  height: 12px !important;
}

.insights-snapshot-section{
  padding:56px 0 58px !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,216,92,.22), transparent 27%),
    radial-gradient(circle at 85% 8%, rgba(68,215,168,.16), transparent 30%),
    linear-gradient(135deg,#0a1f42 0%,#0d2a5c 38%,#1a3f7a 100%) !important;
  border:0 !important;
  overflow:hidden;
}
.insights-snapshot-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0) 48%), radial-gradient(circle at 50% 115%, rgba(255,255,255,.20), transparent 35%);
  pointer-events:none;
}
.insights-snapshot-panel{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  border-radius:36px !important;
  padding:34px !important;
  box-shadow:0 32px 90px rgba(3,21,59,.28) !important;
}
.insights-snapshot-kicker{
  background:#fff8d7 !important;
  color:#7a5200 !important;
  border:1px solid rgba(255,216,92,.95) !important;
  box-shadow:0 10px 24px rgba(255,216,92,.22);
}
.insights-snapshot-panel h2{
  color:#071d49 !important;
  font-size:clamp(32px,4.1vw,50px) !important;
  letter-spacing:-1.5px !important;
  max-width:560px;
}
.insights-snapshot-panel p{
  color:#375678 !important;
  font-size:17.5px !important;
  line-height:1.5 !important;
  max-width:560px;
}
.insights-snapshot-grid{
  gap:16px !important;
}
.insights-snapshot-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%) !important;
  border:1px solid rgba(7,119,217,.14) !important;
  border-radius:26px !important;
  padding:20px !important;
  min-height:178px !important;
  box-shadow:0 18px 40px rgba(7,63,143,.12);
}
.insights-snapshot-card:after{
  content:"";
  position:absolute;
  right:-38px;
  top:-48px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:rgba(15,111,241,.07);
  pointer-events:none;
}
.insights-snapshot-icon{
  position:relative;
  z-index:1;
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#eaf6ff,#ffffff) !important;
  border:1px solid #d8ebff !important;
  color:#0f6ff1 !important;
  margin:0 0 14px 0 !important;
  display:grid !important;
  place-items:center !important;
}
.insights-snapshot-icon svg{
  width:25px !important;
  height:25px !important;
}
.insights-snapshot-card strong,
.insights-snapshot-card > span:not(.insights-snapshot-icon){
  position:relative;
  z-index:1;
}
.insights-snapshot-card strong{
  font-size:18px !important;
}
.insights-snapshot-card > span:not(.insights-snapshot-icon){
  color:#506985 !important;
  font-size:14.2px !important;
  line-height:1.42 !important;
}
.stat-icon.stat-point{
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;
  font-weight:950;
  font-size:11px;
  letter-spacing:-.3px;
  line-height:1;
  display:inline-grid;
  place-items:center;
}
.summary-mini-stats .stat-icon.stat-point{
  font-size:10px !important;
}

@media(max-width:760px){
  .phone .tracking-panel .category-row .cat-left > div{font-size:10px !important;}
  .phone .tracking-panel .cat-meta{font-size:7.8px !important;}
  .phone .tracking-panel .category-row{padding:8px 8px !important;}
  .phone .tracking-panel .toggle.small{width:28px !important;flex-basis:28px !important;}
  .insights-snapshot-section{padding:42px 0 !important;}
  .insights-snapshot-panel{padding:24px 18px !important;border-radius:30px !important;text-align:left !important;}
  .insights-snapshot-panel h2{font-size:clamp(31px,9.5vw,40px) !important;}
  .insights-snapshot-panel p{font-size:16px !important;}
  .insights-snapshot-grid{grid-template-columns:1fr !important;}
  .insights-snapshot-card{min-height:auto !important;padding:18px !important;}
  .insights-snapshot-icon{margin-left:0 !important;margin-right:0 !important;}
}
@media(max-width:430px){
  .phone .tracking-panel .category-row .cat-left > div{font-size:9.3px !important;}
  .phone .tracking-panel .cat-meta{font-size:7.2px !important;}
  .phone .tracking-panel .cat-left{gap:5px !important;}
  .phone .tracking-panel .cat-dot{width:8px !important;height:8px !important;}
}



/* 2026-06 insight section simplification: ticks only, no decorative circles */
.insights-snapshot-card:after{
  display:none !important;
}
.insights-snapshot-icon{
  display:none !important;
}
.insights-snapshot-card{
  min-height:190px !important;
  padding:24px 22px !important;
}
.insights-snapshot-card strong{
  display:block;
  margin-bottom:14px !important;
}
.insights-tick-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.insights-tick-list li{
  position:relative;
  padding-left:31px;
  color:#415d7c;
  font-size:14.5px;
  line-height:1.38;
  font-weight:800;
}
.insights-tick-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:-1px;
  width:21px;
  height:21px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#e9fff7;
  color:#168a65;
  font-size:14px;
  font-weight:950;
  box-shadow:0 5px 12px rgba(22,138,101,.12);
}
@media(max-width:760px){
  .insights-snapshot-card{
    padding:20px !important;
    min-height:auto !important;
  }
  .insights-tick-list li{
    font-size:14.2px;
  }
}



/* 2026-06 insight section: remove decorative background circles */
.insights-snapshot-section{
  background:linear-gradient(135deg,#071d49 0%,#0f6ff1 64%,#35aef5 100%) !important;
}
.insights-snapshot-section:before{
  display:none !important;
}


/* 2026-06 insight section typography refinement: lighter weights */
.insights-snapshot-panel h2{
  font-weight:680 !important;
}
.insights-snapshot-panel p{
  font-weight:600 !important;
}
.insights-snapshot-kicker{
  font-weight:750 !important;
}
.insights-snapshot-card strong{
  font-weight:720 !important;
}
.insights-tick-list li{
  font-weight:650 !important;
}
.insights-tick-list li:before{
  font-weight:850 !important;
}
@media(max-width:760px){
  .insights-snapshot-panel h2{font-weight:680 !important;}
  .insights-snapshot-panel p{font-weight:600 !important;}
  .insights-snapshot-card strong{font-weight:700 !important;}
  .insights-tick-list li{font-weight:620 !important;}
}


/* 2026-06 clean rebuild: personalised insights section added above pricing.
   Heading and subheading deliberately use the same .center h2 + .lead sizing as the pricing section. */
.personalised-insights-section{
  position:relative;
  z-index:1;
  padding:82px 0;
  background:linear-gradient(180deg,#2d4a7a 0%,#3d5a8a 100%);
  border-top:1px solid rgba(15,111,241,.12);
  border-bottom:1px solid rgba(15,111,241,.12);
  overflow:hidden;
}
.personalised-insights-section .center{
  max-width:820px;
  margin:0 auto 34px;
  text-align:center;
}
.personalised-insights-section .center h2{
  color:#fff;
}
.personalised-insights-section .center .lead{
  /* match pricing section subheading size exactly */
  font-size:20px;
  line-height:1.55;
  font-weight:700;
  color:#d6ecff;
  max-width:820px;
  margin:0 auto;
}
.new-insights-tag{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 24px rgba(15,111,241,.16);
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.85px;
  margin:0 auto 18px;
}
.new-insights-tag span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:999px;
  background:var(--yellow);
  color:#624500;
  font-size:11px;
  font-weight:900;
  letter-spacing:.4px;
}
.insight-category-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  max-width:1040px;
  margin:0 auto 22px;
}
.insight-category-row span{
  min-width:0;
  padding:12px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  font-size:13px;
  line-height:1.15;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(15,111,241,.10);
}
.insight-category-row span:nth-child(1),
.insight-category-row span:nth-child(3),
.insight-category-row span:nth-child(4){
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
}
.personalised-insights-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.personalised-insight-card{
  min-width:0;
  background:#fff;
  border:1px solid rgba(98,69,0,.10);
  border-radius:28px;
  padding:24px;
  box-shadow:0 14px 34px rgba(98,69,0,.09);
}
.personalised-insight-card .insight-label{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:#e8f2ff;
  border:1px solid rgba(7,119,217,.16);
  color:#1a3d6b;
  font-size:13px;
  line-height:1;
  font-weight:800;
  margin-bottom:14px;
}
.personalised-insight-card h3{
  font-size:23px;
  line-height:1.08;
  letter-spacing:-.45px;
  margin:0 0 13px;
  color:var(--navy);
}
.personalised-insight-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.personalised-insight-card li{
  position:relative;
  padding-left:28px;
  color:#415d7c;
  font-size:15px;
  line-height:1.42;
  font-weight:650;
}
.personalised-insight-card li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:-1px;
  width:20px;
  height:20px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#e9fff7;
  color:#168a65;
  font-size:13px;
  font-weight:900;
}

/* Final mobile containment for hero previews and insight cards */
.phone-stage,
.phone,
.screen,
.phone-carousel,
.tracking-panel,
.settings-editor,
.pie-only-card,
.breakdown-card,
.child-summary-blue,
.points-bank-card,
.mini-reward-list,
.activity-row,
.category-row,
.reward-row,
.editor-task,
.personalised-insights-section,
.personalised-insights-section *{
  max-width:100%;
}
.phone-carousel,
.tracking-panel,
.settings-editor,
.pie-only-card,
.breakdown-card,
.child-summary-blue,
.points-bank-card,
.mini-reward-list,
.activity-row,
.category-row,
.reward-row,
.editor-task{
  min-width:0;
}
.phone .tracking-panel .category-row .cat-left > div,
.phone .settings-editor .editor-task,
.phone .tracking-panel .category-row{
  font-size:10.6px !important;
  line-height:1.08 !important;
}
.phone .tracking-panel .category-row .cat-left > div{
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:keep-all !important;
  letter-spacing:-.2px;
}
.phone .tracking-panel .cat-meta{
  font-size:8.4px !important;
  line-height:1.08 !important;
}
.stat-icon.stat-point{
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;
  font-weight:950;
  font-size:11px;
  letter-spacing:-.3px;
  line-height:1;
  display:inline-grid;
  place-items:center;
}

@media(max-width:980px){
  .insight-category-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .personalised-insights-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .personalised-insights-section{
    padding:58px 0;
  }
  .personalised-insights-section .center{
    margin-bottom:26px;
  }
  .personalised-insights-section .center .lead{
    font-size:17px;
    line-height:1.48;
  }
  .insight-category-row{
    grid-template-columns:1fr;
    gap:9px;
    margin-bottom:18px;
  }
  .insight-category-row span{
    white-space:normal;
    padding:11px 12px;
  }
  .personalised-insight-card{
    border-radius:24px;
    padding:22px 20px;
  }
  .personalised-insight-card h3{
    font-size:22px;
  }
  .personalised-insight-card li{
    font-size:14.5px;
  }
  .phone-stage{
    overflow:hidden !important;
  }
}

@media(max-width:420px){
  .phone .tracking-panel .category-row{
    padding:8px 8px !important;
    gap:6px !important;
  }
  .phone .tracking-panel .cat-left{
    gap:5px !important;
  }
  .phone .tracking-panel .cat-dot{
    width:8px !important;
    height:8px !important;
  }
}



/* Parent feedback */
.reviews-section{padding:84px 0;background:linear-gradient(180deg,#fff 0%,#f4f9ff 100%)}
.reviews-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:#eef8ff;border:1px solid rgba(7,119,217,.14);color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.review-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.review-status-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  border:1px solid rgba(7,119,217,.12);
  border-radius:30px;
  padding:30px;
  box-shadow:0 18px 46px rgba(7,63,143,.10);
  min-height:290px;
  display:flex;
  flex-direction:column;
  transition:transform .2s ease,box-shadow .2s ease;
}
.review-status-card:before{content:"“";position:absolute;right:18px;top:5px;color:rgba(7,119,217,.07);font-family:Georgia,serif;font-size:110px;line-height:1;pointer-events:none}
.review-status-card:hover{transform:translateY(-3px);box-shadow:0 25px 58px rgba(7,63,143,.15)}
.review-status-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#2b4565;
  font-size:17px;
  line-height:1.62;
  font-weight:650;
}
.review-status-card .review-stars{
  position:relative;
  z-index:1;
  display:block!important;
  margin:0 0 20px!important;
  color:#ffb800!important;
  font-size:21px!important;
  line-height:1!important;
  letter-spacing:3px!important;
}
.review-author{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:24px;border-top:1px solid #e7eef7}
.review-author span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f4ff,#fff);border:1px solid #d5e7f8;color:var(--blue);font-weight:950;box-shadow:0 8px 18px rgba(7,63,143,.07)}
.review-author b{margin:0;display:block;color:var(--navy);font-size:14px;font-weight:900}
@media(max-width:980px){.review-status-grid{grid-template-columns:1fr}.review-status-card{min-height:auto}}
@media(max-width:640px){.reviews-section{padding:54px 0}.review-status-card{border-radius:24px;padding:24px}.review-status-card p{font-size:16px}}
.faq-accordion{
  display:grid;
  gap:14px;
  max-width:920px;
  margin:0 auto;
}
.faq-item{
  background:#fff;
  border:1px solid rgba(7,119,217,.10);
  border-radius:24px;
  box-shadow:0 12px 30px rgba(7,63,143,.07);
  overflow:hidden;
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  color:var(--navy);
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;
  font-size:20px;
  line-height:1.18;
  font-weight:660;
  letter-spacing:-.3px;
}
.faq-item summary::-webkit-details-marker{
  display:none;
}
.faq-item summary:after{
  content:"+";
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#eef8ff;
  color:var(--blue);
  font-family:'Manrope',system-ui,sans-serif;
  font-size:24px;
  font-weight:800;
  line-height:1;
  transition:.2s ease;
}
.faq-item[open] summary:after{
  content:"–";
  background:var(--blue);
  color:#fff;
}
.faq-answer{
  padding:0 24px 22px;
  color:#566b86;
  font-size:16.5px;
  line-height:1.55;
  font-weight:650;
}
.faq-answer p{
  margin:0;
}
@media(max-width:760px){
  .review-status-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .review-status-card{
    min-height:auto;
    padding:24px 22px;
    border-radius:24px;
  }
  .faq-item{
    border-radius:20px;
  }
  .faq-item summary{
    padding:18px 18px;
    font-size:17.5px;
    gap:12px;
  }
  .faq-item summary:after{
    width:30px;
    height:30px;
    min-width:30px;
    border-radius:11px;
    font-size:22px;
  }
  .faq-answer{
    padding:0 18px 18px;
    font-size:15.5px;
  }
}



/* 2026-06 equalise the three transformation cards */
@media(min-width:1051px){
  .transform-journey{
    grid-template-columns:1fr 54px 1fr 54px 1fr !important;
    align-items:stretch !important;
  }

  .transform-card{
    width:100% !important;
    height:360px !important;
    min-height:360px !important;
    justify-content:flex-start !important;
    padding-top:70px !important;
  }

  .transform-arrow{
    align-self:center !important;
  }
}

@media(max-width:1050px){
  .transform-card{
    width:100% !important;
  }
}


/* Exact requested updates */
.personalised-insights-section{
  padding-top:66px!important;
  padding-bottom:66px!important;
}
.new-insights-tag{
  display:none!important;
}
.new-insights-text{
  display:block;
  width:max-content;
  margin:0 auto 14px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--blue);
  font-size:13px;
  line-height:1;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.9px;
}
.review-status-pill{
  display:none!important;
}
@media(max-width:760px){
  .personalised-insights-section{
    padding-top:46px!important;
    padding-bottom:46px!important;
  }
}


/* 2026-07 homepage requested updates: hero underline, challenge explainer, pricing clarity */
.good-underline{
  position:relative;
  display:inline-block;
  z-index:1;
}
.good-underline:after{
  content:"";
  position:absolute;
  left:.04em;
  right:.02em;
  bottom:-.08em;
  height:.18em;
  border-radius:999px;
  background:var(--yellow);
  z-index:-1;
  transform:rotate(-1.2deg);
}
.challenge-explainer-section{
  padding:66px 0;
  background:linear-gradient(180deg,#f8fcff 0%,#fff 100%);
  position:relative;
  z-index:1;
}
.challenge-explainer-panel{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:24px;
  align-items:stretch;
  background:#fff;
  border:1px solid rgba(7,119,217,.09);
  border-radius:34px;
  padding:28px;
  box-shadow:0 18px 46px rgba(7,63,143,.10);
}
.challenge-explainer-copy{
  border-radius:28px;
  padding:30px;
  background:linear-gradient(135deg,#eef8ff,#fff9de);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.challenge-kicker,
.pricing-principle-pill{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff8d7;
  color:#735300;
  border:1px solid rgba(98,69,0,.14);
  padding:8px 13px;
  font-size:12px;
  line-height:1;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.65px;
  margin-bottom:14px;
}
.pricing-principle-pill{margin-left:auto;margin-right:auto;}
.challenge-explainer-copy h2{
  font-size:clamp(30px,3.8vw,46px);
  margin:0 0 12px;
  letter-spacing:-1.2px;
}
.challenge-explainer-copy p{
  margin:0;
  color:#4d6483;
  font-size:18px;
  line-height:1.45;
  font-weight:750;
}
.challenge-explainer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.challenge-explainer-grid article{
  min-width:0;
  border-radius:26px;
  background:linear-gradient(180deg,#fbfdff,#f1f8ff);
  border:1px solid #dfeaf7;
  padding:22px;
  box-shadow:0 10px 24px rgba(7,63,143,.07);
}
.challenge-explainer-grid span{
  width:34px;
  height:34px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#0777d9;
  color:#fff;
  font-size:13px;
  font-weight:950;
  margin-bottom:14px;
}
.challenge-explainer-grid strong{
  display:block;
  color:var(--navy);
  font-size:19px;
  line-height:1.12;
  letter-spacing:-.35px;
  margin-bottom:8px;
}
.challenge-explainer-grid p{
  margin:0;
  color:#5c718f;
  font-size:14.5px;
  line-height:1.42;
  font-weight:720;
}
.new-insights-text{
  display:inline-flex!important;
  width:max-content;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:var(--yellow)!important;
  border:1px solid rgba(98,69,0,.16)!important;
  box-shadow:0 10px 22px rgba(98,69,0,.10)!important;
  color:#624500!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.8px!important;
}
.pricing .center{max-width:900px;}
.annual-discount-copy{
  margin:12px auto 0;
  max-width:520px;
  color:#7688a3;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
  text-align:center;
}
@media(max-width:980px){
  .challenge-explainer-panel{grid-template-columns:1fr;}
  .challenge-explainer-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .challenge-explainer-section{padding:46px 0;}
  .challenge-explainer-panel{border-radius:28px;padding:18px;gap:14px;}
  .challenge-explainer-copy{border-radius:24px;padding:24px 20px;}
  .challenge-explainer-copy p{font-size:16px;}
  .challenge-explainer-grid article{border-radius:22px;padding:20px;}
}



/* 2026-07 refinement: premium challenge section + screenshot-style pricing cards */
.hero-subcopy{max-width:650px;}
.challenge-explainer-section{
  padding:78px 0;
  background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 52%,#ffffff 100%);
}
.challenge-explainer-shell{
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:24px;
  align-items:stretch;
}
.challenge-explainer-copy{
  background:linear-gradient(135deg,#0b4eb0 0%,#0d72d8 55%,#39b9ff 100%);
  color:#fff;
  border-radius:36px;
  padding:34px;
  box-shadow:0 24px 60px rgba(7,63,143,.20);
  border:1px solid rgba(255,255,255,.18);
}
.challenge-explainer-copy h2{
  color:#fff;
  font-size:clamp(34px,4.4vw,52px);
  line-height:1.02;
  letter-spacing:-1.4px;
  margin:0 0 14px;
}
.challenge-explainer-copy p{
  color:#eaf5ff;
  font-size:18px;
  line-height:1.55;
  margin:0;
  font-weight:760;
}
.challenge-kicker{
  background:#fff8d7;
  color:#6f5000;
  border-color:rgba(98,69,0,.12);
}
.challenge-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.challenge-proof-row span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:13px;
  font-weight:900;
  backdrop-filter:blur(10px);
}
.challenge-flow-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.challenge-flow-card,
.challenge-outcome-card{
  position:relative;
  min-width:0;
  border-radius:30px;
  background:#fff;
  border:1px solid #dfeaf7;
  padding:24px;
  box-shadow:0 16px 36px rgba(7,63,143,.09);
  overflow:hidden;
}
.challenge-flow-card:before,
.challenge-outcome-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,#0777d9,#39b9ff);
}
.challenge-flow-card.accent-gold:before{background:linear-gradient(90deg,#ffd85c,#ffb648);}
.challenge-flow-card.accent-green:before{background:linear-gradient(90deg,#44d7a8,#86d34f);}
.challenge-flow-step{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#eef6ff;
  color:var(--blue);
  font-size:16px;
  font-weight:950;
  margin-bottom:16px;
}
.challenge-flow-card.accent-gold .challenge-flow-step{background:#fff8d7;color:#9a6b00;}
.challenge-flow-card.accent-green .challenge-flow-step{background:#edfcef;color:#2d935e;}
.challenge-flow-card h3,
.challenge-outcome-card strong{
  display:block;
  margin:0 0 8px;
  color:var(--navy);
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.6px;
}
.challenge-flow-card p,
.challenge-outcome-card p{
  margin:0;
  color:#566b86;
  font-size:15.5px;
  line-height:1.48;
  font-weight:760;
}
.challenge-outcome-card{
  background:linear-gradient(180deg,#fbfdff,#f2f8ff);
}
.challenge-outcome-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:#eef8ff;
  color:#0d5ec1;
  font-size:12px;
  line-height:1;
  font-weight:950;
  margin-bottom:14px;
}

.mywins-proposition-flow{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    max-width:780px;
    margin:18px auto 24px;
  }
  .hero-grid .mywins-proposition-flow{margin-left:0;margin-right:0}
  .mywins-proposition-card{
    background:rgba(255,255,255,.92);
    border:1px solid rgba(7,119,217,.13);
    border-radius:20px;
    padding:15px 14px;
    box-shadow:0 12px 26px rgba(7,63,143,.08);
    text-align:left;
  }
  .mywins-proposition-card small{
    display:inline-grid;
    place-items:center;
    width:27px;
    height:27px;
    border-radius:10px;
    background:#eaf4ff;
    color:#0777d9;
    font-size:12px;
    font-weight:950;
    margin-bottom:9px;
  }
  .mywins-proposition-card:nth-child(2) small{background:#eefcf4;color:#16834f}
  .mywins-proposition-card:nth-child(3) small{background:#fff8df;color:#8a6411}
  .mywins-proposition-card:nth-child(4) small{background:#f4f1ff;color:#7c61ee}
  .mywins-proposition-card b{
    display:block;
    color:var(--navy,#071d49);
    font-size:14px;
    font-weight:950;
    line-height:1.14;
    margin-bottom:5px;
  }
  .mywins-proposition-card span{
    display:block;
    color:#516985;
    font-size:12.5px;
    font-weight:700;
    line-height:1.35;
  }

  /* Keep homepage icons contained inside their boxes */
  .icon,
  .mw-icon,
  .tiny-icon,
  .brand-badge,
  .chip-icon,
  .setup-icon,
  .week-icon,
  .build-icon,
  .reward-icon,
  .activity-icon,
  .stat-icon,
  .benefit-icon,
  .momentum-icon,
  .outcome-icon,
  .screen-icon,
  .setup-note-icon,
  .challenge-visual-icon{
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    flex:0 0 auto!important;
  }
  .icon svg,
  .mw-icon svg,
  .tiny-icon svg,
  .brand-badge svg,
  .chip-icon svg,
  .setup-icon svg,
  .week-icon svg,
  .build-icon svg,
  .reward-icon svg,
  .activity-icon svg,
  .stat-icon svg,
  .benefit-icon svg,
  .momentum-icon svg,
  .outcome-icon svg,
  .screen-icon svg,
  .setup-note-icon svg,
  .challenge-visual-icon svg{
    display:block!important;
    width:62%!important;
    height:62%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .tiny-icon svg{width:20px!important;height:20px!important}
  .reward-icon svg,
  .activity-icon svg,
  .stat-icon svg{width:58%!important;height:58%!important}

  @media(max-width:980px){
    .mywins-proposition-flow{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:auto!important;margin-right:auto!important}
    .mywins-proposition-card{text-align:center}
    .mywins-proposition-card small{margin-left:auto;margin-right:auto}
  }
  @media(max-width:540px){
    .mywins-proposition-flow{grid-template-columns:1fr;gap:9px;max-width:360px}
    .mywins-proposition-card{padding:13px}
  }

.screen-gallery-header .lead,
  #journey .section-head .lead{
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .screen-shot h3,
  #journey .tour-block .copy h3{
    letter-spacing:-.04em;
  }
  .shot-pill{
    white-space:nowrap;
  }

.screen-shot h3 + p,
  .activity-row div:last-child{
    min-width:0;
  }
  .activity-row .activity-icon{
    display:none!important;
  }
  .activity-row .activity-with-icon{
    display:block!important;
  }

/* Make the challenges heading/subheading/cards match the Personalised insights section below */
  .challenge-showcase-head{
    max-width:820px!important;
    margin:0 auto 34px!important;
    text-align:center!important;
  }
  .challenge-showcase-head h2{
    font-size:clamp(30px,4vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-1.7px!important;
    margin:0 0 16px!important;
    font-weight:750!important;
  }
  .challenge-showcase-head .lead{
    font-size:18px!important;
    line-height:1.5!important;
    font-weight:600!important;
    color:#4d6483!important;
    max-width:820px!important;
    margin:0 auto!important;
  }
  .challenge-visual-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
    max-width:1160px;
    margin:0 auto;
  }
  .challenge-visual-card{
    background:#fff;
    border-radius:28px;
    padding:28px 24px;
    box-shadow:var(--soft-shadow);
    border:1px solid rgba(7,119,217,.08);
    text-align:left;
  }
  .challenge-visual-icon{
    width:52px;
    height:52px;
    border-radius:18px;
    background:#e4f6ff;
    color:var(--blue);
    margin-bottom:18px;
  }
  .challenge-visual-line{
    width:36px;
    height:4px;
    border-radius:999px;
    background:var(--blue);
    margin:0 0 14px;
  }
  .challenge-visual-card.tone-green .challenge-visual-icon{background:#eefcf4;color:#16834f}
  .challenge-visual-card.tone-green .challenge-visual-line{background:#16834f}
  .challenge-visual-card.tone-blue .challenge-visual-icon{background:#e4f6ff;color:var(--blue)}
  .challenge-visual-card.tone-blue .challenge-visual-line{background:var(--blue)}
  .challenge-visual-card.tone-purple .challenge-visual-icon{background:#f4f1ff;color:#7c61ee}
  .challenge-visual-card.tone-purple .challenge-visual-line{background:#7c61ee}
  .challenge-visual-card.tone-gold .challenge-visual-icon{background:#fff8df;color:#8a6411}
  .challenge-visual-card.tone-gold .challenge-visual-line{background:#8a6411}
  @media(max-width:980px){
    .challenge-visual-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:640px){
    .challenge-visual-grid{grid-template-columns:1fr;max-width:420px}
  }
  .challenge-visual-card h3{
    font-size:23px!important;
    line-height:1.08!important;
    letter-spacing:-.45px!important;
    margin:0 0 13px!important;
    font-weight:750!important;
  }
  .challenge-visual-card p{
    font-size:15px!important;
    line-height:1.42!important;
    font-weight:650!important;
    color:#415d7c!important;
  }
  @media(max-width:760px){
    .challenge-showcase-head h2{
      font-size:clamp(30px,9vw,40px)!important;
      line-height:1.02!important;
      letter-spacing:-1.2px!important;
    }
    .challenge-showcase-head .lead{
      font-size:17px!important;
      line-height:1.48!important;
    }
    .challenge-visual-card h3{font-size:23px!important;}
    .challenge-visual-card p{font-size:14.5px!important;}
  }

/* Mobile hero, challenge icon and call-to-action */
  .hero-heading-line{display:block;}
  .hero p.hero-subcopy{
    max-width:650px!important;
  }
  .hero-subcopy-line{
    display:block;
    white-space:nowrap;
  }
  .hero-subcopy-calm{
    display:block;
    margin-top:4px;
  }
  @media(max-width:1120px){
    .hero p.hero-subcopy{
      max-width:610px!important;
      font-size:21px!important;
      letter-spacing:-.12px!important;
    }
  }
  @media(max-width:760px){
    .hero-subcopy-line{
      white-space:normal;
    }
    .hero p.hero-subcopy{
      max-width:360px!important;
      font-size:18px!important;
      line-height:1.45!important;
    }
  }
  @media(max-width:760px){
    .hero h1.hero-heading{
      max-width:360px!important;
      margin-left:auto!important;
      margin-right:auto!important;
      text-align:center!important;
      font-size:clamp(40px,11.2vw,48px)!important;
      line-height:1.02!important;
      letter-spacing:-1.65px!important;
    }
    .hero-heading-line{
      display:block!important;
    }
  }

  .challenge-visual-card.tone-green{--challenge-colour:#16834f;--challenge-bg:#eefcf4;}
  .challenge-visual-card.tone-blue{--challenge-colour:#0777d9;--challenge-bg:#e4f6ff;}
  .challenge-visual-card.tone-purple{--challenge-colour:#7c61ee;--challenge-bg:#f4f1ff;}
  .challenge-visual-card.tone-gold{--challenge-colour:#8a6411;--challenge-bg:#fff8df;}

  .challenge-visual-icon{
    width:82px!important;
    height:82px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    margin-bottom:18px!important;
    background:linear-gradient(135deg,var(--challenge-bg,#eef8ff),#fff)!important;
    color:var(--challenge-colour,var(--blue))!important;
    border:1px solid color-mix(in srgb,var(--challenge-colour,var(--blue)) 18%,#e0ebf7)!important;
    box-shadow:0 14px 32px color-mix(in srgb,var(--challenge-colour,var(--blue)) 15%,transparent)!important;
  }
  .challenge-visual-icon svg{
    width:40px!important;
    height:40px!important;
    stroke-width:2.35!important;
  }
  @media(max-width:760px){
    .challenge-visual-icon{
      width:72px!important;
      height:72px!important;
      margin-bottom:14px!important;
    }
    .challenge-visual-icon svg{
      width:35px!important;
      height:35px!important;
    }
  }

/* Requested fix: centre the icons in the two homepage sections, remove the circular outline, and make the icon colours stronger. */
  .benefits-section .benefit-card,
  .challenge-explainer-section .challenge-visual-card{
    text-align:center!important;
    align-items:center!important;
  }

  .benefits-section .benefit-icon,
  .challenge-explainer-section .challenge-visual-icon{
    width:66px!important;
    height:66px!important;
    margin:0 auto 16px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    color:var(--benefit-colour,var(--challenge-colour,#0777d9))!important;
  }

  .benefits-section .benefit-icon svg,
  .challenge-explainer-section .challenge-visual-icon svg{
    width:54px!important;
    height:54px!important;
    max-width:none!important;
    max-height:none!important;
    display:block!important;
    margin:auto!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.75!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .benefits-section .benefit-card:nth-child(1){--benefit-colour:#12b957!important;}
  .benefits-section .benefit-card:nth-child(2){--benefit-colour:#087cff!important;}
  .benefits-section .benefit-card:nth-child(3){--benefit-colour:#8b5cf6!important;}
  .benefits-section .benefit-card:nth-child(4){--benefit-colour:#ff8a00!important;}

  .challenge-explainer-section .challenge-visual-card.tone-green{--challenge-colour:#12b957!important;}
  .challenge-explainer-section .challenge-visual-card.tone-blue{--challenge-colour:#087cff!important;}
  .challenge-explainer-section .challenge-visual-card.tone-purple{--challenge-colour:#8b5cf6!important;}
  .challenge-explainer-section .challenge-visual-card.tone-gold{--challenge-colour:#ff9f1c!important;}

  .challenge-explainer-section .challenge-visual-line,
  .benefits-section .mini-line{
    margin-left:auto!important;
    margin-right:auto!important;
    background:var(--benefit-colour,var(--challenge-colour,#0777d9))!important;
  }

  .challenge-explainer-section .challenge-visual-card p,
  .benefits-section .benefit-card p{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  @media(max-width:760px){
    .benefits-section .benefit-icon,
    .challenge-explainer-section .challenge-visual-icon{
      width:60px!important;
      height:60px!important;
      margin-bottom:14px!important;
    }
    .benefits-section .benefit-icon svg,
    .challenge-explainer-section .challenge-visual-icon svg{
      width:48px!important;
      height:48px!important;
    }
  }

.starter-proof-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;color:#355779;font-size:13px;font-weight:800}
  .starter-proof-row span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.78);border:1px solid rgba(7,119,217,.12);border-radius:999px;padding:8px 12px;box-shadow:0 8px 18px rgba(7,63,143,.06)}
  .starter-proof-row i{width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;background:#e9fff7;color:#147a55;font-style:normal;font-size:10px;font-weight:950}
  @media(max-width:640px){
    .starter-proof-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .starter-proof-row span{justify-content:center;text-align:center;padding:8px 9px;font-size:11.5px}
    .starter-proof-row span:nth-child(3){grid-column:1/-1}
  }

/* Premium hero value points and 10-free-wins section. */
  .hero-value-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    max-width:720px;
    margin:25px 0 23px;
  }
  .hero-value-point{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }
  .hero-value-icon{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid rgba(47,111,231,.08);
    border-radius:50%;
    background:linear-gradient(145deg,#f2f6ff,#e9efff);
    color:#102960;
    box-shadow:0 10px 24px rgba(27,76,143,.08);
  }
  .hero-value-icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .hero-value-point strong{
    display:block;
    color:var(--navy);
    font-size:14px;
    line-height:1.28;
    letter-spacing:-.015em;
  }

  .starter-journey{
    position:relative;
    padding:34px 0 76px;
    overflow:hidden;
    background:
      radial-gradient(circle at 8% 10%,rgba(255,215,91,.19),transparent 24%),
      radial-gradient(circle at 92% 16%,rgba(61,114,239,.15),transparent 29%),
      linear-gradient(180deg,#eef7ff 0%,#e5f1ff 100%);
  }
  .starter-journey-card{
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(350px,.92fr) minmax(0,1.5fr);
    gap:28px;
    align-items:stretch;
    padding:32px;
    overflow:hidden;
    border:1px solid #cfe1f5;
    border-radius:34px;
    background:linear-gradient(135deg,rgba(236,246,255,.98),rgba(248,252,255,.98) 58%,rgba(230,242,255,.98));
    box-shadow:0 28px 74px rgba(18,63,116,.14);
  }
  .starter-journey-card:before{
    content:"";
    position:absolute;
    z-index:-1;
    width:340px;
    height:340px;
    left:-185px;
    top:-215px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,218,97,.32),rgba(255,218,97,0) 70%);
  }
  .starter-journey-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:8px 2px 8px 4px;
  }
  .starter-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    min-height:32px;
    padding:0 14px;
    border:1px solid #f1df9b;
    border-radius:999px;
    background:#fff7d8;
    color:#7c5900;
    font-size:11px;
    font-weight:950;
    letter-spacing:.095em;
    text-transform:uppercase;
  }
  .starter-journey-copy h2{
    margin:16px 0 12px;
    max-width:510px;
    color:var(--navy);
    font-size:clamp(39px,3.8vw,54px);
    line-height:.99;
    letter-spacing:-.057em;
  }
  .starter-journey-copy>p{
    margin:0;
    max-width:510px;
    color:#58708e;
    font-size:16px;
    line-height:1.58;
    font-weight:650;
  }
  .starter-category-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:23px;
  }
  .starter-category{
    --category:#f59a2b;
    --category-soft:#fff7e8;
    display:grid;
    grid-template-columns:11px minmax(0,1fr);
    gap:8px;
    align-items:center;
    min-width:0;
    min-height:62px;
    padding:10px 9px;
    border:1px solid color-mix(in srgb,var(--category) 40%,#e4edf7);
    border-radius:15px;
    background:linear-gradient(180deg,var(--category-soft),#fff);
    box-shadow:0 8px 18px rgba(16,58,105,.045);
  }
  .starter-category.responsibility{--category:#3d72ef;--category-soft:#eef4ff}
  .starter-category.character{--category:#df4fa3;--category-soft:#fff0f8}
  .starter-category.learning{--category:#7658e8;--category-soft:#f3f0ff}
  .starter-category i{width:11px;height:11px;border-radius:50%;background:var(--category);box-shadow:0 0 0 4px color-mix(in srgb,var(--category) 12%,transparent)}
  .starter-category strong{display:block;overflow:hidden;color:var(--navy);font-size:11.5px;line-height:1.12;text-overflow:ellipsis}
  .starter-category small{display:block;margin-top:4px;color:#76869c;font-size:9.3px;line-height:1.16;font-weight:750;white-space:nowrap}
  .starter-journey-main{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:14px}
  .starter-journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .starter-journey-step{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:0;
    min-height:254px;
    padding:23px 18px 22px;
    overflow:hidden;
    border:1px solid #d6e4f3;
    border-radius:24px;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
    box-shadow:0 14px 32px rgba(14,55,105,.08);
    text-align:center;
  }
  .starter-journey-step:after{
    content:"";
    position:absolute;
    right:-34px;
    bottom:-42px;
    width:112px;
    height:112px;
    border-radius:50%;
    background:rgba(61,114,239,.035);
  }
  .starter-step-top{display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .starter-step-icon{
    width:76px;
    height:76px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(145deg,#eef5ff,#e7efff);
    color:#2f6fe7;
    box-shadow:0 10px 24px rgba(47,111,231,.10);
  }
  .starter-step-icon svg{width:41px;height:41px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .starter-journey-step:nth-child(2) .starter-step-icon{background:linear-gradient(145deg,#fff8e4,#fff1c5);color:#a87500;box-shadow:0 10px 24px rgba(168,117,0,.10)}
  .starter-journey-step:nth-child(3) .starter-step-icon{background:linear-gradient(145deg,#eefaf3,#e2f5ea);color:#1f7d56;box-shadow:0 10px 24px rgba(31,125,86,.10)}
  .starter-journey-step strong{position:relative;z-index:1;display:block;color:var(--navy);font-size:17px;line-height:1.2;letter-spacing:-.024em}
  .starter-journey-step>span:not(.starter-step-icon){position:relative;z-index:1;display:block;margin-top:9px;color:#647892;font-size:13.2px;line-height:1.5;font-weight:650}
  .starter-journey-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:9px 10px;
    border:1px solid #cedff1;
    border-radius:18px;
    background:rgba(255,255,255,.78);
    box-shadow:0 10px 24px rgba(14,55,105,.045);
  }
  .starter-journey-proof span{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:0;
    padding:2px 12px;
    color:#536a86;
    font-size:11px;
    line-height:1.24;
    font-weight:850;
    text-align:center;
    border-right:1px solid #dfe9f4;
  }
  .starter-journey-proof span:last-child{border-right:0}
  .starter-journey-proof b{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:50%;
    background:#e8f2ff;
    color:#2f6fe7;
  }
  .starter-journey-proof svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

  /* Annual savings are visible only when Annual is actively selected. */
  .billing-option[data-billing="annual"] span{display:none}
  .billing-option[data-billing="annual"].active span{display:block}

  @media(max-width:1120px){
    .starter-journey-card{grid-template-columns:minmax(310px,.82fr) minmax(0,1.35fr);padding:27px;gap:23px}
    .starter-category-row{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hero-value-row{max-width:680px}
  }
  @media(max-width:930px){
    .starter-journey-card{grid-template-columns:1fr;gap:24px}
    .starter-journey-copy{max-width:760px}
    .starter-category-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  }
  @media(max-width:700px){
    .hero-value-row{grid-template-columns:1fr;gap:10px;max-width:360px;margin:20px auto}
    .hero-value-point{padding:8px 10px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(47,111,231,.08)}
    .hero-value-icon{width:44px;height:44px}
    .hero-value-icon svg{width:24px;height:24px}
    .hero-value-point strong{font-size:13.5px}
    .starter-journey{padding:20px 0 54px}
    .starter-journey-card{padding:22px 17px;border-radius:27px;gap:21px}
    .starter-kicker{min-height:30px;padding:0 12px;font-size:10px}
    .starter-journey-copy h2{margin-top:14px;font-size:clamp(35px,10.8vw,44px)}
    .starter-journey-copy>p{font-size:14.8px;line-height:1.55}
    .starter-category-row{grid-template-columns:1fr 1fr;margin-top:18px}
    .starter-category{min-height:58px;padding:9px}
    .starter-journey-steps{grid-template-columns:1fr;gap:10px}
    .starter-journey-step{min-height:auto;padding:17px;display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:13px;align-items:center;text-align:left}
    .starter-step-top{grid-row:1/3;display:block;margin:0}
    .starter-step-icon{width:58px;height:58px}
    .starter-step-icon svg{width:31px;height:31px}
    .starter-journey-step strong{padding-top:1px;font-size:16.5px}
    .starter-journey-step>span:not(.starter-step-icon){margin-top:5px;font-size:12.8px}
    .starter-journey-proof{grid-template-columns:1fr;gap:0;padding:8px 12px}
    .starter-journey-proof span{justify-content:flex-start;text-align:left;padding:8px 2px;border-right:0;border-bottom:1px solid #dfe9f4;font-size:10.8px}
    .starter-journey-proof span:last-child{border-bottom:0}
  }
  @media(max-width:390px){
    .starter-category-row{grid-template-columns:1fr 1fr}
    .starter-category strong{font-size:10.8px}
    .starter-category small{font-size:8.8px}
  }

.child-dashboard-section{padding:24px 0 66px;background:linear-gradient(180deg,#fff 0%,#f6faff 100%)}
.child-dashboard-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto;column-gap:24px;row-gap:14px;align-items:start;padding:30px;border:1px solid #dce8f5;border-radius:32px;background:radial-gradient(circle at 8% 5%,rgba(68,215,168,.08),transparent 25%),radial-gradient(circle at 96% 0%,rgba(124,108,255,.09),transparent 27%),#fff;box-shadow:0 22px 60px rgba(7,63,143,.11)}
.child-dashboard-copy{grid-column:1;grid-row:1/3;align-self:stretch;min-width:0;padding:2px 3px;display:flex;flex-direction:column;justify-content:center}.child-dashboard-kicker{display:inline-flex;align-items:center;width:max-content;min-height:29px;padding:0 11px;border:1px solid #d7e6f7;border-radius:999px;background:#f4f9ff;color:#2f70d6;font-size:9.8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.child-dashboard-copy h2{max-width:510px;margin:13px 0 10px;color:var(--navy);font-size:clamp(34px,3.65vw,48px);line-height:1.015;letter-spacing:-.05em}.child-dashboard-copy>p{max-width:545px;margin:0;color:#526b88;font-size:14.7px;line-height:1.54;font-weight:650}
.child-value-list{display:grid;gap:8px;margin-top:18px}.child-value-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:9px 11px;border:1px solid #e0eaf5;border-radius:15px;background:rgba(251,253,255,.92)}
.child-value-icon,.child-view-icon,.dashboard-insight-icon{box-sizing:border-box;overflow:visible;display:grid;place-items:center;flex:0 0 auto}.child-value-icon{width:34px;height:34px;border-radius:11px;background:#eaf3ff;color:#2f70d6}.child-value-item:nth-child(2) .child-value-icon{background:#fff1f8;color:#d94398}.child-value-item:nth-child(3) .child-value-icon{background:#edf9f2;color:#23815c}.child-value-icon svg,.child-view-icon svg,.dashboard-insight-icon svg{overflow:visible;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.child-value-icon svg{width:17px;height:17px;stroke-width:2.2}.child-value-item strong{display:block;color:var(--navy);font-size:13px;line-height:1.22}.child-value-item span:last-child{display:block;margin-top:2px;color:#6a7d95;font-size:11px;line-height:1.33;font-weight:650}
.child-dashboard-preview{grid-column:2;grid-row:1;align-self:start;min-width:0;padding:20px;border:1px solid #dbe7f4;border-radius:24px;background:linear-gradient(180deg,#f9fcff 0%,#f2f8ff 100%)}.child-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.child-preview-label{display:inline-flex;align-items:center;gap:7px;color:#2f70d6;font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.child-preview-label i{width:7px;height:7px;border-radius:50%;background:#44d7a8;box-shadow:0 0 0 5px rgba(68,215,168,.13)}.child-dashboard-preview h3{margin:7px 0 3px;color:var(--navy);font-size:23px;line-height:1.08;letter-spacing:-.035em}.child-dashboard-preview>p{margin:0;color:#687c95;font-size:11.8px;line-height:1.4;font-weight:650}
.parent-control-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid #d9e5f2;border-radius:999px;background:#fff;color:#3f5c7d;font-size:9.2px;font-weight:900;white-space:nowrap}.parent-control-pill svg{width:13px;height:13px;overflow:visible;stroke:#2f70d6;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.child-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.child-view-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:start;min-width:0;padding:10px;border:1px solid #dfe9f4;border-radius:15px;background:#fff;box-shadow:0 5px 15px rgba(7,63,143,.035)}.child-view-icon{width:32px;height:32px;margin:0;border-radius:10px;background:#eaf3ff;color:#2f70d6}.child-view-item:nth-child(2) .child-view-icon{background:#fff1f8;color:#d94398}.child-view-item:nth-child(3) .child-view-icon{background:#fff7d9;color:#9a6a00}.child-view-item:nth-child(4) .child-view-icon{background:#edf9f2;color:#23815c}.child-view-icon svg{width:16px;height:16px;stroke-width:2.15}.child-view-item strong{display:block;margin-top:1px;color:var(--navy);font-size:11.9px;line-height:1.2}.child-view-item span{display:block;margin-top:3px;color:#718298;font-size:9.9px;line-height:1.3;font-weight:650}
.child-progress-compact{margin-top:8px;padding:10px 11px;border:1px solid #dce8f4;border-radius:14px;background:#fff}.child-progress-head{display:flex;justify-content:space-between;gap:12px;color:#58708d;font-size:9.4px;font-weight:850}.child-progress-head strong{color:var(--navy)}.child-progress-bar{height:7px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e5edf6}.child-progress-bar span{display:block;width:72%;height:100%;border-radius:999px;background:linear-gradient(90deg,#44d7a8,#86d34f)}
.dashboard-insight-strip{grid-column:2;grid-row:2;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 13px;border:1px solid #dce8f4;border-radius:17px;background:#f4f9ff}.dashboard-insight-icon{width:38px;height:38px;border-radius:12px;background:#fff;color:#2f70d6;box-shadow:0 6px 16px rgba(7,63,143,.07)}.dashboard-insight-icon svg{width:19px;height:19px;stroke-width:2.2}.dashboard-insight-strip h3{margin:0 0 2px;color:var(--navy);font-size:13.8px;line-height:1.18}.dashboard-insight-strip p{margin:0;color:#617691;font-size:10.4px;line-height:1.34;font-weight:650}.dashboard-insight-tag{display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border-radius:999px;background:#fff;color:#2f70d6;font-size:8.8px;font-weight:950;white-space:nowrap}
.dashboard-science-strip{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:9px;align-items:stretch;margin-top:14px}.dashboard-science-intro{display:flex;flex-direction:column;justify-content:center;min-width:185px;padding:12px 14px;border-radius:17px;background:#071d49;color:#fff}.dashboard-science-intro small{color:#94c7ff;font-size:8.5px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.dashboard-science-intro strong{margin-top:4px;font-size:12.8px;line-height:1.22}.dashboard-science-chip{padding:12px 13px;border:1px solid #dfe9f4;border-radius:17px;background:#fff}.dashboard-science-chip strong{display:block;color:var(--navy);font-size:11.3px;line-height:1.22}.dashboard-science-chip span{display:block;margin-top:3px;color:#718298;font-size:9.7px;line-height:1.32;font-weight:650}
@media(max-width:940px){.child-dashboard-panel{grid-template-columns:1fr;grid-template-rows:auto;row-gap:14px}.child-dashboard-copy{grid-column:1;grid-row:auto;display:block}.child-dashboard-preview{grid-column:1;grid-row:auto}.dashboard-insight-strip{grid-column:1;grid-row:auto;grid-template-columns:38px minmax(0,1fr)}.dashboard-insight-tag{grid-column:2;justify-self:start}.dashboard-science-strip{grid-template-columns:1fr 1fr}.dashboard-science-intro{grid-column:1/-1;min-width:0}}
@media(max-width:680px){.child-dashboard-section{padding:12px 0 50px}.child-dashboard-panel{padding:19px 14px;border-radius:25px;gap:16px}.child-dashboard-copy h2{font-size:clamp(33px,10vw,43px)}.child-dashboard-copy>p{font-size:13.8px}.child-dashboard-preview{padding:16px 12px;border-radius:21px}.child-preview-head{display:block}.parent-control-pill{margin-top:9px}.child-view-grid{grid-template-columns:1fr}.dashboard-insight-strip{grid-template-columns:36px minmax(0,1fr);padding:12px}.dashboard-insight-icon{width:36px;height:36px}.dashboard-insight-tag{grid-column:1/-1;justify-content:center}.dashboard-science-strip{grid-template-columns:1fr}.dashboard-science-intro{grid-column:auto}}

/* Keep the hero's blue background visible 15px below the CTA row. */
  .hero{padding-bottom:79px;}
  @media(max-width:760px){
    .hero{padding-bottom:61px;}
  }

.child-dashboard-panel{
    grid-template-rows:auto;
    align-items:center;
  }
  .child-dashboard-copy,
  .child-dashboard-preview{
    grid-row:1;
    align-self:center;
  }
  .child-value-item,
  .child-view-item{
    overflow:hidden;
  }
  .child-value-icon,
  .child-view-icon{
    position:static;
    align-self:start;
    justify-self:start;
    overflow:hidden;
    box-sizing:border-box;
  }
  .child-value-icon svg,
  .child-view-icon svg{
    display:block;
    width:52%;
    height:52%;
    max-width:100%;
    max-height:100%;
    overflow:hidden;
  }
  @media(max-width:940px){
    .child-dashboard-copy,
    .child-dashboard-preview{
      grid-row:auto;
    }
  }

/* ---------- 10 free wins: stable two-column layout ---------- */
  .starter-journey-card{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);
    grid-template-rows:auto auto;
    gap:26px 30px;
    align-items:start;
    padding:34px;
  }
  .starter-journey-copy{
    justify-content:flex-start;
    padding:4px 0 0;
  }
  .starter-kicker{
    border-color:#c9dcff;
    background:#eaf2ff;
    color:#245fc4;
    box-shadow:0 8px 18px rgba(47,111,231,.08);
  }
  .starter-journey-copy h2{
    max-width:470px;
    margin-top:17px;
    font-size:clamp(42px,4vw,58px);
  }
  .starter-journey-copy>p{
    max-width:490px;
    font-size:15.5px;
    line-height:1.55;
  }
  .starter-category-row{
    grid-column:1 / -1;
    grid-row:2;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    width:100%;
    margin-top:0;
  }
  .starter-category{
    min-width:0;
    min-height:58px;
    padding:10px 16px;
    grid-template-columns:11px minmax(0,1fr);
    gap:10px;
    border-radius:15px;
  }
  .starter-category i{
    width:10px;
    height:10px;
  }
  .starter-category strong{
    overflow:visible;
    text-overflow:clip;
    white-space:nowrap;
    font-size:13px;
    line-height:1.15;
  }
  .starter-journey-main{
    gap:15px;
  }
  .starter-journey-steps{
    gap:13px;
  }
  .starter-journey-step{
    min-height:252px;
    padding:22px 17px 20px;
  }
  .starter-journey-proof{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    min-height:56px;
    padding:8px 10px;
  }
  .starter-journey-proof span{
    padding:3px 16px;
  }

  /* ---------- Child dashboard: balanced top + full-width value row ---------- */
  .child-dashboard-panel{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    grid-template-rows:auto auto;
    column-gap:32px;
    row-gap:22px;
    align-items:start;
    padding:32px;
  }
  .child-dashboard-copy{
    grid-column:1;
    grid-row:1;
    display:block;
    align-self:start;
    padding:0 2px;
  }
  .child-dashboard-copy h2{
    max-width:620px;
    margin:15px 0 13px;
    font-size:clamp(40px,3.75vw,51px);
    line-height:1.01;
  }
  .child-dashboard-copy h2 span{
    display:block;
    white-space:nowrap;
  }
  .child-dashboard-copy>p{
    max-width:570px;
    font-size:14.8px;
    line-height:1.55;
  }
  .child-dashboard-preview{
    grid-column:2;
    grid-row:1;
    align-self:start;
    margin-top:44px;
    padding:22px;
    border-radius:26px;
  }
  .child-value-list{
    grid-column:1 / -1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:0;
  }
  .child-value-item{
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    align-items:center;
    min-height:88px;
    padding:14px 16px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 22px rgba(7,63,143,.045);
  }
  .child-value-icon{
    width:40px;
    height:40px;
    border-radius:13px;
  }
  .child-value-icon svg{
    width:20px;
    height:20px;
  }
  .child-value-item strong{
    font-size:13.6px;
    line-height:1.2;
  }
  .child-value-item span:last-child{
    margin-top:4px;
    font-size:11.3px;
    line-height:1.35;
  }

  @media(max-width:1120px){
    .starter-journey-card{
      grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);
      gap:24px;
      padding:28px;
    }
    .starter-category-row{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .starter-category strong{font-size:12px}
    .child-dashboard-panel{
      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
      gap:24px;
      padding:28px;
    }
    .child-dashboard-copy h2{
      font-size:clamp(36px,4vw,46px);
    }
  }

  @media(max-width:930px){
    .starter-journey-card{
      grid-template-columns:1fr;
    }
    .starter-category-row{
      grid-column:1;
      grid-row:auto;
      grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .child-dashboard-panel{
      grid-template-columns:1fr;
      grid-template-rows:auto;
    }
    .child-dashboard-copy,
    .child-dashboard-preview,
    .child-value-list{
      grid-column:1;
      grid-row:auto;
      margin-top:0;
      padding-top:0;
    }
    .child-dashboard-copy h2 span{
      white-space:normal;
    }
  }

  @media(max-width:700px){
    .starter-journey-card{
      padding:21px 16px;
    }
    .starter-category-row{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:9px;
    }
    .starter-category{
      min-height:56px;
      padding:10px 11px;
    }
    .starter-category strong{
      font-size:12px;
    }
    .starter-journey-proof{
      grid-template-columns:1fr;
      gap:0;
    }
    .starter-journey-proof span{
      justify-content:flex-start;
      border-right:0;
      border-bottom:1px solid #dfe9f4;
      padding:9px 4px;
    }
    .starter-journey-proof span:last-child{
      border-bottom:0;
    }
    .child-dashboard-panel{
      padding:20px 15px;
      row-gap:17px;
    }
    .child-value-list{
      grid-template-columns:1fr;
      gap:10px;
    }
    .child-value-item{
      min-height:0;
      padding:12px 13px;
    }
  }

.child-dashboard-intro{
    max-width:700px;
  }
  .child-dashboard-intro p{
    margin:0;
    color:#526b88;
    font-size:15.8px;
    line-height:1.58;
    font-weight:650;
  }
  .child-dashboard-intro p + p{
    margin-top:12px;
  }

  .child-dashboard-preview h3{
    font-size:29px !important;
    line-height:1.06 !important;
    letter-spacing:-.04em !important;
  }

  .child-view-item{
    align-items:center !important;
  }
  .child-view-icon,
  .child-value-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    justify-self:center !important;
    padding:0 !important;
  }
  .child-view-icon svg,
  .child-value-icon svg{
    display:block !important;
    margin:auto !important;
    flex:0 0 auto !important;
    transform:none !important;
  }

  @media(max-width:640px){
    .child-dashboard-intro p{
      font-size:14.5px;
      line-height:1.54;
    }
    .child-dashboard-preview h3{
      font-size:25px !important;
    }
  }

/* Homepage launch layout */
.hero-value-row{align-items:stretch}
.hero-value-point{justify-content:flex-start}
.hero-value-point strong{text-align:left}

/* Match the two key section headings exactly. */
.starter-journey-copy h2,
.transform-head h2{
  margin:0 0 10px;
  color:var(--navy);
  font-family:inherit;
  font-size:clamp(30px,3.5vw,44px);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-1.2px;
}
.starter-journey-copy h2{max-width:760px}
.starter-kicker{margin-bottom:13px}
.starter-journey-card{grid-template-columns:minmax(310px,.85fr) minmax(0,1.45fr);gap:25px 28px;padding:30px}
.starter-journey-main{display:grid;gap:13px;min-width:0}
.starter-journey-steps{gap:12px}
.starter-journey-step{display:grid;grid-template-columns:1fr;align-content:start;min-height:0;padding:18px;text-align:left}
.starter-step-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:10px}
.starter-step-icon{display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:15px}
.starter-step-icon svg{width:25px;height:25px}
.starter-journey-step strong{font-size:16px;line-height:1.25}
.starter-journey-step>span:not(.starter-step-icon){margin:0;color:#536d8c;font-size:13.5px;line-height:1.48}
.starter-journey-proof{min-height:58px}
.starter-journey-proof span{justify-content:center;padding:7px 16px;color:#355779;font-size:15px;line-height:1.3;text-align:center}
.starter-journey-proof b{width:31px;height:31px}
.starter-category-row{gap:12px}
.starter-category{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:10px 14px;text-align:center}
.starter-category strong{font-size:15px;line-height:1.2;text-align:center}

.transform-card{justify-content:flex-start;padding:25px;min-height:0}
.transform-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.transform-icon{flex:0 0 auto;width:58px;height:58px;margin:0}
.transform-icon svg{width:29px;height:29px}
.transform-card h3{margin:0;text-align:left;font-size:23px;line-height:1.15}

@media(min-width:1051px){
  .transform-card{height:100%;min-height:330px;padding-top:26px}
}
@media(max-width:930px){
  .starter-journey-card{grid-template-columns:1fr}
}
@media(max-width:700px){
  .hero-value-row{width:100%;max-width:390px;margin:22px auto;gap:10px}
  .hero-value-point{justify-content:center;gap:11px;padding:10px 13px;text-align:center}
  .hero-value-point strong{flex:1;text-align:center;font-size:14.5px;line-height:1.32}
  .starter-journey-copy{text-align:center;align-items:center}
  .starter-journey-copy h2,
  .transform-head h2{font-size:clamp(28px,8vw,36px);line-height:1.05;letter-spacing:-.9px;text-align:center}
  .starter-journey-copy>p{font-size:15.5px;line-height:1.55;text-align:center}
  .starter-journey-card{padding:20px 15px;gap:18px}
  .starter-journey-steps{grid-template-columns:1fr;gap:10px}
  .starter-journey-step{padding:15px 14px}
  .starter-step-heading{grid-template-columns:44px minmax(0,1fr);gap:11px;margin-bottom:7px}
  .starter-step-icon{width:44px;height:44px}
  .starter-step-icon svg{width:23px;height:23px}
  .starter-journey-step strong{font-size:17px}
  .starter-journey-step>span:not(.starter-step-icon){font-size:14px;line-height:1.45;padding-left:55px}
  .starter-journey-proof{grid-template-columns:1fr;gap:0;padding:7px 11px}
  .starter-journey-proof span{justify-content:center;border-right:0;border-bottom:1px solid #dfe9f4;padding:11px 4px;font-size:15.5px;text-align:center}
  .starter-journey-proof span:last-child{border-bottom:0}
  .starter-category-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .starter-category{min-height:58px;padding:10px 9px}
  .starter-category strong{font-size:15px}
  .transform-card{padding:20px 18px}
  .transform-card-heading{gap:12px;margin-bottom:14px}
  .transform-icon{width:52px;height:52px}
  .transform-card h3{font-size:21px}
}



/* v1.3.1 final mobile alignment */
.starter-journey-copy h2 span{display:inline}
@media(max-width:700px){
  .hero-value-point{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
  }
  .hero-value-point strong{
    flex:0 1 auto;
    width:100%;
    max-width:230px;
    text-align:center;
  }
  .starter-journey-copy h2 span{display:block}
  .child-dashboard-copy h2{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  .child-dashboard-copy h2 span{
    display:block;
    text-align:center;
  }
}