:root{
  --navy:#092552;
  --navy-2:#103a73;
  --blue:#2498ee;
  --blue-2:#43b8f5;
  --sky:#eaf6ff;
  --ink:#101727;
  --muted:#6b7280;
  --line:#e5eaf0;
  --paper:#fff;
  --page:#eff3f8;
  --danger:#df3c2f;
  --radius:16px;
  --shadow:0 15px 42px rgba(17,35,62,.11);
  --font:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body{margin:0;color:var(--ink);font-family:var(--font);background:var(--page);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
a{color:inherit}
.funnel-body{min-height:100vh;padding-bottom:78px}
.site-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;background:var(--paper);box-shadow:0 0 38px rgba(12,34,68,.09);overflow:hidden}

.funnel-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;background:#fff}
.brand{display:flex;flex-direction:column;gap:1px;text-decoration:none;color:var(--ink);line-height:1}
.brand b{font-size:21px;letter-spacing:.12em;font-weight:800}
.brand span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#838b98}
.stock-pill,.soft-pill,.promo-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#eaf6ff;color:#1875b5;font-size:10px;font-weight:700;padding:7px 11px;letter-spacing:.02em}
.stock-pill i,.stock-note i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(36,152,238,.12)}
.back-link{font-size:12px;font-weight:700;color:#697386;text-decoration:none}

.hero-section,.section,.checkout-intro,.checkout-form-section{padding:0 22px}
.hero-section{padding-bottom:42px}
.visual{display:block;position:relative;overflow:hidden;border-radius:var(--radius);background:#e6e8ea}
.visual img{width:100%;height:auto}
.visual--hero{aspect-ratio:4/5;box-shadow:var(--shadow);text-decoration:none}
.visual--hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,39,.43) 0,rgba(6,18,39,.09) 38%,transparent 56%)}
.visual-copy{position:absolute;left:28px;right:20px;top:24px;z-index:2;display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 12px rgba(5,15,31,.3)}
.visual-copy small{font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:13px}
.visual-copy b,.visual-copy strong{font-family:'Bebas Neue',Impact,sans-serif;font-size:49px;line-height:.84;letter-spacing:.012em;font-weight:400}
.visual-copy strong{color:#58c8ff;font-size:55px;font-style:italic;text-shadow:0 2px 15px rgba(7,40,78,.42)}
h1,h2,p{margin:0}
h1{font-size:28px;line-height:1.17;letter-spacing:-.035em;text-align:center;margin-top:22px;font-weight:800}
h1 em,h2 em{font-style:normal;color:var(--blue)}
.hero-lead,.section-copy{font-size:13px;line-height:1.75;color:var(--muted);text-align:center;margin:12px auto 0;max-width:45ch}
.quick-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:17px}
.quick-benefits span{font-size:10.5px;font-weight:700;white-space:nowrap;color:#364254}
.quick-benefits i{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:9px;margin-right:4px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:11px;padding:15px 18px;text-decoration:none;font-size:13px;font-weight:800;cursor:pointer}
.btn--ghost{margin-top:20px;border:1px solid #dce2e9;background:#fff;color:#1977b8;box-shadow:0 6px 18px rgba(17,48,88,.06)}
.btn--ghost span{font-size:16px}
.btn--blue{color:#fff;background:linear-gradient(90deg,var(--blue),#1788df);box-shadow:0 12px 24px rgba(28,145,229,.28);font-size:14px}

.section{padding-top:44px;padding-bottom:44px}
.eyebrow{text-align:center;text-transform:uppercase;color:var(--blue);font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.2em}
.section h2{margin-top:9px;text-align:center;font-size:24px;line-height:1.22;letter-spacing:-.035em;font-weight:800}
.simple-card{margin-top:24px;box-shadow:0 12px 30px rgba(16,38,72,.08)}
.problem-section{padding-top:36px}
.tech-section{margin:0 22px;padding:34px 16px 30px;border-radius:18px;background:linear-gradient(180deg,#eff8ff,#f5f8fc)}
.tech-section .soft-pill{display:flex;width:max-content;margin:0 auto;padding:6px 12px}
.tech-section .simple-card{margin-top:22px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.feature-grid article{min-width:0;padding:12px 5px 11px;border-radius:11px;background:#fff;text-align:center;box-shadow:0 7px 18px rgba(27,64,102,.07)}
.feature-grid article>span{display:grid;place-items:center;width:27px;height:27px;margin:0 auto 8px;border-radius:50%;background:#edf8ff;color:var(--blue);font-weight:800}
.feature-grid b{display:block;font-size:9.5px;line-height:1.25}
.feature-grid small{display:block;margin-top:3px;color:#87909d;font-size:7.5px;line-height:1.35}
.ai-note{display:flex;flex-direction:column;gap:5px;margin-top:15px;padding:14px;border:1px solid #dbeaf6;border-radius:11px;background:rgba(255,255,255,.7)}
.ai-note b{font-size:11px;color:var(--navy)}
.ai-note span{font-size:9.5px;line-height:1.55;color:#657184}

.package-section{padding-top:46px}
.package-stack,.checkout-showcase{display:grid;gap:13px;margin-top:24px}
.package-poster{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius);overflow:hidden;background:#ddd;color:var(--ink);text-decoration:none;text-align:left;box-shadow:var(--shadow);cursor:pointer;isolation:isolate}
.package-poster::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,18,36,.54) 0,rgba(7,18,36,.06) 35%,transparent 51%,rgba(6,20,44,.2) 71%,rgba(6,20,44,.86) 100%);pointer-events:none}
.package-poster img{width:100%;aspect-ratio:4/5;object-fit:cover}
.package-head{position:absolute;left:23px;right:18px;top:20px;z-index:2;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.32)}
.package-head small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}
.package-head b{display:block;margin-top:2px;font-family:'DM Serif Display',Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.035em}
.package-head em{font-style:italic;color:#84d5ff}
.best-badge{position:absolute;right:14px;top:14px;z-index:3;padding:7px 10px;border-radius:999px;background:#ffe28a;color:#624300;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 7px 18px rgba(26,34,46,.14)}
.best-badge--dark{background:var(--navy);color:#fff}
.package-foot{position:absolute;left:13px;right:13px;bottom:13px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;border-radius:10px;background:rgba(255,255,255,.95);box-shadow:0 8px 20px rgba(2,17,39,.18)}
.package-foot>span{min-width:0}
.package-foot small{display:block;color:#788392;font-size:7.5px;text-transform:uppercase;letter-spacing:.09em}
.package-foot b{display:block;margin-top:2px;font-size:10.5px;white-space:nowrap}
.package-foot b s{font-size:8.5px;color:#9aa2ad;font-weight:500;margin-left:5px}
.package-foot strong{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;background:var(--navy);color:#fff;font-size:9.5px;white-space:nowrap}
.package-foot strong i{font-size:15px;font-style:normal;line-height:.6}

.urgency-section{margin:0 22px 42px;padding:27px 18px 22px;border-radius:16px;background:#f2f6fb;text-align:center}
.promo-chip{padding:7px 12px}
.urgency-section>p{margin-top:17px;color:#778190;font-size:11px}
.countdown{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin-top:13px}
.countdown div{display:flex;flex-direction:column;gap:5px}
.countdown b{display:grid;place-items:center;width:52px;height:46px;border-radius:9px;background:#fff;box-shadow:0 7px 18px rgba(19,48,81,.09);font-size:24px;color:var(--navy)}
.countdown small{font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:#8a94a0}
.countdown>i{margin-top:9px;font-style:normal;font-size:21px;color:#8290a0}
.stock-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:17px 0 18px;font-size:10px}
.stock-note i{background:#f06457;box-shadow:0 0 0 4px rgba(240,100,87,.12)}
.trust-row{display:flex;justify-content:center;gap:8px 13px;flex-wrap:wrap;margin-top:15px;color:#7a8595;font-size:8.5px;font-weight:600}
.faq-section{padding-top:4px}
.faq-list{margin-top:19px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;padding:16px 28px 16px 0;cursor:pointer;list-style:none;font-size:11.5px;font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:19px;color:var(--blue);font-weight:500}
.faq-list details[open] summary::after{content:"–"}
.faq-list details p{padding:0 18px 15px 0;color:var(--muted);font-size:10.5px;line-height:1.65}
footer{padding:32px 24px 108px;border-top:1px solid #edf0f4;text-align:center;background:#fff}
.brand--footer{align-items:center}
.brand--footer b{font-size:19px}
footer p{max-width:38ch;margin:15px auto 0;color:#7b8491;font-size:9.5px;line-height:1.6}
footer>small{display:block;margin-top:16px;color:#9aa1ab;font-size:7.5px;line-height:1.6}

.sticky-buy{position:fixed;left:50%;bottom:0;z-index:80;width:min(100%,520px);transform:translate(-50%,110%);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e8edf2;box-shadow:0 -8px 26px rgba(12,37,68,.1);transition:transform .23s ease}
.sticky-buy.is-on{transform:translate(-50%,0)}
.sticky-buy div{display:flex;flex-direction:column;gap:2px}
.sticky-buy small{color:#87909b;font-size:8px}
.sticky-buy b{font-size:11px}
.sticky-buy a{min-width:190px;padding:12px 16px;border-radius:10px;background:linear-gradient(90deg,var(--blue),#1889df);color:#fff;text-align:center;text-decoration:none;font-size:11.5px;font-weight:800;box-shadow:0 8px 18px rgba(28,145,229,.25)}

/* Checkout */
.checkout-body{padding-bottom:92px}
.checkout-intro{padding-top:18px;text-align:center}
.checkout-intro h1{margin-top:12px;font-size:27px}
.checkout-intro>p{max-width:42ch;margin:10px auto 0;color:var(--muted);font-size:11px;line-height:1.65}
.checkout-trust{display:flex;justify-content:center;gap:9px 14px;flex-wrap:wrap;margin-top:16px;color:#5f6a79;font-size:8.5px;font-weight:700}
.checkout-showcase{padding:0 18px;margin-top:25px;gap:18px}
.package-poster--checkout{width:min(100%,390px);justify-self:center;font-family:var(--font);background:#f4f8fe}
.package-poster--checkout::after{display:none}
.package-poster--checkout img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#f4f8fe}
.package-poster--checkout .package-foot{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;padding:13px 14px;background:#fff;box-shadow:none;border-top:1px solid #e4ebf3}
.package-poster--checkout.is-selected{outline:3px solid var(--blue);outline-offset:2px}
.package-poster--checkout.is-selected .package-foot strong{background:var(--blue)}
.checkout-form-section{padding-top:28px;padding-bottom:46px}
.co{padding:18px 16px 19px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(14,37,65,.07)}
.co fieldset{min-width:0;margin:0 0 18px;padding:0;border:0}
.co legend,.form-heading b,.form-heading legend{font-size:13px;font-weight:800;color:var(--ink)}
.pk-choose>legend{margin-bottom:12px}
.pk-list{display:grid;gap:9px}
.pk{position:relative;display:grid!important;grid-template-columns:52px 1fr;gap:11px;align-items:center;min-height:74px;margin:0!important;padding:9px 40px 9px 9px!important;border:1.5px solid #d9e0e8;border-radius:10px;background:#f8fafc;cursor:pointer;font-weight:400!important}
.pk input{position:absolute!important;right:12px;top:50%;width:18px!important;height:18px!important;margin:0!important;padding:0!important;transform:translateY(-50%);accent-color:var(--blue)}
.pk:has(input:checked){border-color:var(--blue);background:#f3faff;box-shadow:0 0 0 2px rgba(36,152,238,.14)}
.pk img{width:52px;height:52px;border-radius:7px;object-fit:cover}
.pk>span{min-width:0}
.pk>span>b{display:block;font-size:11px}
.pk small{display:block;margin-top:3px!important;color:#788494!important;font-size:8.5px!important;font-weight:500!important}
.pk a{color:#268dd7}
.pk .price{display:flex;align-items:baseline;gap:6px;margin-top:5px}
.pk .price b{font-size:11.5px;color:var(--navy)}
.pk .price s{font-size:8px;color:#9ca4ae}
.radio-badge{position:absolute;right:8px;top:-8px;padding:4px 8px;border-radius:99px;background:#ffe28a;color:#624300;font-size:6.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.radio-badge--dark{background:var(--navy);color:#fff}
.small-note{margin:10px 2px 0;color:#7c8794;font-size:8.5px;line-height:1.5}
.form-heading{display:flex;align-items:center;gap:10px;margin:25px 0 12px}
.form-heading span{height:1px;flex:1;background:#dfe4ea}
.co>label{display:block;margin:0 0 13px;color:#3e4857;font-size:9px;font-weight:600}
.co>label>em{color:#e4493f;font-style:normal}
.co label small{display:block;margin-top:5px;color:#8b949f;font-size:8px;font-weight:400}
.co input,.co textarea{width:100%;margin-top:6px;padding:12px 12px;border:1px solid #d9e0e8;border-radius:6px;background:#f7f9fb;color:var(--ink);font-size:10.5px;outline:none}
.co input:focus,.co textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(36,152,238,.12)}
.co textarea{min-height:82px;resize:vertical}
.destination{position:relative}
.results{position:absolute;left:0;right:0;top:100%;z-index:12;max-height:240px;overflow:auto;border:1px solid #d7dee7;border-radius:7px;background:#fff;box-shadow:0 13px 26px rgba(17,41,70,.14)}
.result{display:block;width:100%;padding:10px 11px;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;color:var(--ink);cursor:pointer}
.result:hover{background:#f1f8fe}
.result b{display:block;font-size:10px}.result small{color:#85909d;font-size:8px}
.loading{padding:13px;border:1px dashed #d8dfe7;border-radius:7px;color:#7f8996;text-align:center;font-size:9px}
.shipping{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 20px;padding:12px;border:1px solid #cfe7f7;border-radius:7px;background:#eff8ff}
.shipping span{font-size:9.5px;color:#566375}.shipping span i{display:block;margin-top:2px;font-size:7px;font-style:normal;color:#8a94a0}
.shipping b{font-size:10.5px;text-align:right;color:var(--navy)}.shipping b s{display:block;color:#9aa3ae;font-size:8px}
.shipping.empty{border-color:#dde3ea;background:#f7f9fb}.shipping.empty b{font-weight:500;color:#8a94a0}
.methods{display:grid;gap:7px}
.co label.method{display:flex;align-items:center;gap:9px;margin:0!important;padding:9px 10px;border:1.2px solid #d7dee6;border-radius:7px;background:#f8fafc;cursor:pointer}
.co label.method:has(input:checked){border-color:var(--blue);background:#f0f9ff}
.co .method input{width:14px;height:14px;margin:0;padding:0;accent-color:var(--blue);box-shadow:none}
.co .method img{width:52px;height:22px;object-fit:contain}
.co .method span{flex:1;font-size:9.5px;font-weight:600}
.co .method .badge{padding:3px 6px;border-radius:99px;background:#dff3ff;color:#167bbd;font-size:6px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.summary{margin:20px 0 14px;padding:13px;border-radius:8px;background:#f5f7fa}
.summary>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:#5e6977;font-size:9px}
.summary>div>span{max-width:62%;line-height:1.45}.summary b{text-align:right;color:var(--ink);font-size:9.5px}
.summary #product-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.summary #product-total s{color:#999;font-size:7.5px}
.summary .voucher-row{margin:1px -4px;padding:7px 4px;border-radius:6px;background:#e9f7ff}
.summary .bonus-row{align-items:flex-start}.summary .bonus-row b{display:flex;flex-direction:column;align-items:flex-end}.summary .bonus-names{display:grid;gap:2px}.summary .bonus-names i{font-size:8px;font-style:normal}.summary .bonus-zero{display:flex;gap:5px;align-items:center}.summary .bonus-zero s{color:#9aa2ad;font-size:7px}
.summary>div>span>em{padding:2px 5px;border-radius:99px;background:#dff3ff;color:#187bbd;font-size:6.5px;font-style:normal;font-weight:800;white-space:nowrap}
.summary #shipping-total s{display:block;color:#9aa3ae;font-size:7px}
.summary .grand{margin-top:6px;padding-top:11px;border-top:1px dashed #cad2dc;color:var(--ink);font-size:10px;font-weight:800}
.summary .grand b{font-size:15px;color:var(--navy)}
.btn--order{border-radius:6px;background:#ef291f;color:#fff;font-size:11px;box-shadow:0 9px 19px rgba(224,48,38,.22)}
.btn--order:disabled{opacity:.55;cursor:wait}
.message{min-height:16px;margin-top:8px;color:#c23d32;text-align:center;font-size:9px}
.checkout-assure{display:flex;justify-content:center;gap:8px 13px;flex-wrap:wrap;margin-top:10px;color:#8b949f;font-size:7px}
.dp-sticky-order-cta{position:fixed;left:50%;bottom:10px;z-index:90;width:min(calc(100% - 24px),492px);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px 10px 18px;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 10px 32px rgba(7,27,55,.2);border:1px solid #e0e7ee;text-decoration:none;color:var(--ink);transition:opacity .18s,visibility .18s,transform .18s}
.dp-sticky-copy{display:flex;flex-direction:column;gap:2px}.dp-sticky-copy small{font-size:7px;color:#8a94a0}.dp-sticky-copy strong{font-size:13px;color:var(--navy)}
.dp-sticky-order-cta>b{min-width:174px;padding:11px 18px;border-radius:9px;background:linear-gradient(90deg,var(--blue),#1789df);color:#fff;text-align:center;font-size:10.5px}
.dp-sticky-order-cta.is-hidden{visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(16px)}

@media (max-width:380px){
  .visual-copy{left:20px;top:19px}
  .visual-copy b,.visual-copy strong{font-size:43px}.visual-copy strong{font-size:48px}
  .package-head b{font-size:30px}
  .package-foot{left:9px;right:9px;bottom:9px;padding:10px}
  .package-foot strong{padding:8px 9px}
  .checkout-showcase{padding:0 14px;gap:16px}
  .package-poster--checkout .package-foot{left:auto;right:auto;bottom:auto;padding:11px 12px}
  .sticky-buy a{min-width:160px}
}
@media (min-width:521px){.site-shell{margin-top:18px;margin-bottom:18px;border-radius:5px}.funnel-body{padding-bottom:96px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sticky-buy,.dp-sticky-order-cta{transition:none}}