:root{
  --ink:#0E0E0E; --ink2:#2B2F2D; --muted:#5E6762; --mint:#84E3A8; --mint-deep:#167A45; --mint-soft:#E9F7EF;
  --bg-soft:#F1F6F3; --line:#DDE7E1; --white:#FFFFFF; --warn:#8A5A00; --err-bg:#FDECEC; --err:#8A1C1C;
  --display:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif; --text:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:16px/1.6 var(--text);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.read{max-width:820px;margin:0 auto;padding:0 24px}
.sec{padding:88px 0}
.h2{margin:0 0 14px;font:800 clamp(28px,3.6vw,42px)/1.15 var(--display);letter-spacing:-.02em;text-align:center;text-wrap:balance}
.h2 em{font-style:normal;color:var(--mint-deep)}
.dark .h2 em,.hero h1 em{color:var(--mint);font-style:normal}
.lead{margin:0 auto;max-width:700px;text-align:center;font-size:18px;color:var(--ink2)}
.eyebrow{display:inline-block;margin:0 0 10px;font:700 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--mint-deep)}
.center{text-align:center}
:focus-visible{outline:3px solid var(--mint);outline-offset:3px}


/* confirmation + steps */
.confirm{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.confirm .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.ok{display:flex;gap:10px;align-items:center;font-weight:700;font-size:15px}
.ok svg{flex:0 0 22px}
.steps{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;font:600 13px var(--text)}
.steps li{display:flex;align-items:center;gap:6px;color:var(--muted)}
.steps li.done{color:var(--mint-deep)}
.steps li.now{color:var(--ink)}
.steps .n{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;border:1.5px solid currentColor}
.steps li.done .n{background:var(--mint-deep);border-color:var(--mint-deep);color:#fff}
.steps li.now .n{background:var(--ink);border-color:var(--ink);color:#fff}
.steps .bar{width:28px;height:2px;background:var(--line)}
.steps .bar.done{background:var(--mint-deep)}

/* hero */
.hero{background:radial-gradient(900px 420px at 85% -10%,rgba(132,227,168,.16),transparent 60%),var(--ink);color:#fff;padding:64px 0 88px}
.hero h1{margin:0 auto;max-width:960px;text-align:center;font:800 clamp(32px,5vw,58px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
.hero .sub{margin:20px auto 0;max-width:760px;text-align:center;font-size:clamp(16.5px,1.6vw,19px);color:#D6DDD9}
.hero-grid{margin-top:44px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px;align-items:start}
.video{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.55);border:1px solid #2A2D2B;cursor:pointer;background:#000}
.video img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(1.05)}
.video .play{position:absolute;left:47.9%;top:45.6%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(132,227,168,.25);border:0;cursor:pointer}
.video .cap{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:rgba(14,14,14,.78);font:600 13px var(--text);color:#fff}
.vnote{margin:14px 0 0;color:#AEB7B2;font-size:14px;text-align:center}
.offer{background:#fff;color:var(--ink);border-radius:18px;padding:26px 24px;box-shadow:0 30px 70px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:14px}
.offer h2{margin:0;font:800 23px/1.2 var(--display);letter-spacing:-.01em}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px;color:var(--ink2)}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks svg{flex:0 0 20px;margin-top:2px}
.price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.price b{font:800 34px/1 var(--display)}
.price span{font-size:13.5px;color:var(--muted);text-align:right}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:14px 20px;border:0;border-radius:14px;background:var(--mint);color:var(--ink);font:800 18.5px/1.2 var(--display);cursor:pointer;box-shadow:0 12px 30px rgba(132,227,168,.45),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .15s,filter .15s}
.cta:hover{transform:translateY(-1px);filter:brightness(1.04)}
a.cta{text-decoration:none}
.cta[aria-busy="true"]{cursor:progress;opacity:.85;transform:none}
.cta .spin{width:18px;height:18px;border-radius:50%;border:3px solid rgba(14,14,14,.25);border-top-color:var(--ink);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.fine{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted);text-align:center}
.decline{display:block;margin:2px auto 0;padding:8px;font-size:14.5px;color:var(--muted);text-align:center;text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer;font-family:var(--text)}
.decline:hover{color:var(--ink)}
.status{margin:0;padding:11px 13px;border-radius:10px;font-size:14px;line-height:1.45}
.status.good{background:var(--mint-soft);color:var(--mint-deep)}
[hidden]{display:none!important}

/* problem */
.compare{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.box{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}
.box h3{margin:0 0 12px;font:700 18px/1.3 var(--display)}
.xlist,.ylist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15.5px;color:var(--ink2)}
.xlist li{display:flex;gap:10px;align-items:flex-start}
.ylist li{position:relative;padding-left:28px}
.ylist li::before{content:'';position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E0E' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.xlist li::before{content:'';flex:0 0 18px;height:18px;margin-top:3px;border-radius:50%;background:#EEF1EF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA39E' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center/12px no-repeat}
.ylist b{color:var(--ink)}
.box.key{border:2px solid var(--mint-deep);background:linear-gradient(180deg,var(--mint-soft),#fff 60%)}
.question{margin:36px auto 0;max-width:760px;text-align:center;padding:22px 26px;border-radius:16px;background:var(--ink);color:#fff;font:700 clamp(19px,2.2vw,24px)/1.35 var(--display)}
.question em{font-style:normal;color:var(--mint)}

/* areas */
.soft{background:var(--bg-soft)}
.areas{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.area{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px}
.area .num{width:44px;height:44px;border-radius:12px;background:var(--mint-soft);color:var(--mint-deep);display:flex;align-items:center;justify-content:center;font:800 17px var(--display)}
.area h3{margin:0 0 4px;font:700 16.5px/1.3 var(--display)}
.area p{margin:0;font-size:14.5px;color:var(--ink2)}
.area .tag{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font:700 11.5px var(--text);letter-spacing:.04em;color:var(--mint-deep);text-transform:uppercase}

/* questions */
.qgrid{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.qgrid img{border-radius:16px;box-shadow:0 20px 50px rgba(14,14,14,.14)}
.qlist{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:16px;color:var(--ink2)}
.qlist li{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:12px;background:var(--bg-soft)}
.qlist svg{flex:0 0 20px;margin-top:3px}

/* path */
.path{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}
.stage{position:relative;border-radius:16px;padding:24px 22px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(14,14,14,.06)}
.stage .when{display:inline-block;padding:5px 12px;border-radius:999px;font:800 12.5px var(--display);letter-spacing:.06em}
.stage:nth-child(1) .when{background:var(--ink);color:var(--mint)}
.stage:nth-child(2) .when{background:var(--mint);color:var(--ink)}
.stage:nth-child(3) .when{background:var(--mint-soft);color:var(--mint-deep)}
.stage p{margin:12px 0 0;font-size:15px;color:var(--ink2)}
.stage:not(:last-child)::after{content:'';position:absolute;right:-17px;top:50%;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23167A45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;transform:translateY(-50%)}
.tells{margin:32px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center;font-size:15px;color:var(--muted)}
.tells b{padding:8px 14px;border-radius:999px;background:var(--ink);color:#fff;font:700 14px var(--display)}

/* mid band */
.band{background:var(--ink);color:#fff;padding:40px 0}
.band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.band p{margin:0;font:700 clamp(19px,2.2vw,24px)/1.3 var(--display)}
.band p em{font-style:normal;color:var(--mint)}
.band .cta{width:auto;padding:14px 26px}

/* after order */
.stepper{margin:40px auto 0;max-width:780px;list-style:none;padding:0;position:relative}
.stepper::before{content:'';position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--line)}
.stepper li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:0 0 22px}
.stepper .dot{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--mint-deep);color:var(--mint-deep);display:flex;align-items:center;justify-content:center;font:800 16px var(--display)}
.stepper li:last-child .dot{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.stepper h3{margin:8px 0 2px;font:700 17px/1.3 var(--display)}
.stepper p{margin:0;font-size:15px;color:var(--ink2)}
.stepper li:last-child .card{background:var(--mint-soft);border-radius:14px;padding:4px 16px 14px;margin-left:-8px}

/* together */
.dark{background:var(--ink);color:#fff}
.trio{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch}
.piece{border:1px solid #2E3230;border-radius:16px;padding:24px 20px;text-align:center;background:#151716}
.piece small{display:block;font:700 12px var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.piece h3{margin:6px 0 8px;font:700 19px/1.25 var(--display)}
.piece p{margin:0;font-size:14.5px;color:#C2CAC5}
.piece.key{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint) inset}
.op{display:flex;align-items:center;justify-content:center;font:800 26px var(--display);color:var(--mint)}
.sum{margin:32px auto 0;max-width:620px;display:grid;gap:6px;text-align:center;font:600 16px/1.5 var(--text);color:#E3E8E5}
.sum b{color:var(--mint)}

/* final */
.final .two{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.closer{margin:36px auto 0;max-width:520px;display:flex;flex-direction:column;gap:10px}
.legal{margin:22px auto 0;max-width:760px;font-size:12.5px;line-height:1.55;color:var(--muted);text-align:center}
.legal a{color:var(--mint-deep)}

/* sticky phone CTA */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(14,14,14,.96);backdrop-filter:blur(6px);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;gap:12px;color:#fff;transform:translateY(100%);transition:transform .25s}
.sticky.on{transform:none}
.sticky span{font:700 14px/1.3 var(--display);flex:1}
.sticky span small{display:block;font:500 12px var(--text);color:#AEB7B2}
.sticky .cta{width:auto;min-height:48px;padding:10px 18px;font-size:15.5px}

@media (max-width:900px){
  .hero-grid,.qgrid,.compare,.final .two{grid-template-columns:minmax(0,1fr)}
  .path{grid-template-columns:minmax(0,1fr)}
  .stage:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-17px;transform:translateX(-50%) rotate(90deg)}
  .trio{grid-template-columns:minmax(0,1fr)}
  .op{padding:6px 0}
  .areas{grid-template-columns:minmax(0,1fr)}
  .sticky{display:flex}
  .steps .lbl{display:none}
  .steps li.now .lbl{display:inline}
}
@media (max-width:640px){.sec{padding:64px 0}.wrap,.read{padding:0 16px}.offer{padding:22px 18px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.cta,.sticky{transition:none}.cta .spin{animation:none}}

/* ---- additions for the live funnel ---- */
.status.bad{background:var(--err-bg);color:var(--err)}
.status.info{background:var(--bg-soft);color:var(--ink2)}
.video.soon,.video.playing{aspect-ratio:16/9}
.hero-grid.solo{grid-template-columns:minmax(0,560px);justify-content:center}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video.soon{display:flex;align-items:center;justify-content:center;background:radial-gradient(600px 300px at 30% 20%,rgba(132,227,168,.18),transparent 60%),#151716}
.video.soon .soon-label{font:700 15px var(--display);color:#D6DDD9;letter-spacing:.02em}
/* checkout form */
.form{display:flex;flex-direction:column;gap:12px}
.field label{display:block;margin:0 0 5px;font:600 13.5px var(--text);color:var(--ink2)}
.field input{width:100%;min-height:46px;padding:10px 13px;border:1.5px solid var(--line);border-radius:10px;font:500 16px var(--text);color:var(--ink);background:#fff}
.field input:focus{outline:none;border-color:var(--mint-deep);box-shadow:0 0 0 3px rgba(22,122,69,.15)}
.field input[aria-invalid="true"]{border-color:var(--err)}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#payment-element{min-height:110px}
.secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--muted)}
/* grid of platform modules */
.mods{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mod{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.mod h3{margin:0 0 4px;font:700 16.5px/1.3 var(--display)}
.mod p{margin:0;font-size:14.5px;color:var(--ink2)}
.bigprice{margin:36px auto 0;text-align:center}
.bigprice small{display:block;font:600 14px var(--text);color:var(--muted)}
.bigprice b{font:800 clamp(40px,5vw,56px)/1.1 var(--display)}
/* three proof points */
.points{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:center}
.points div{padding:22px 18px;border:1px solid #2E3230;border-radius:16px;background:#151716}
.points b{display:block;font:800 22px var(--display);color:var(--mint)}
.points span{font-size:14.5px;color:#C2CAC5}
/* booking + thank you */
.cal{margin:32px auto 0;max-width:760px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 20px 50px rgba(14,14,14,.08);min-height:640px}
.cards3{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card3{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}
.card3 .num{display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:var(--mint-soft);color:var(--mint-deep);font:800 15px var(--display)}
.card3 h3{margin:12px 0 6px;font:700 17px/1.3 var(--display)}
.card3 p,.card3 li{font-size:15px;color:var(--ink2)}
.card3 ul{margin:8px 0 0;padding-left:18px}
.bought{margin:28px auto 0;max-width:620px;list-style:none;padding:0;display:grid;gap:10px}
.bought li{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;background:#151716;border:1px solid #2E3230;font-weight:600}
.bought li span:last-child{color:var(--mint)}
.foot{background:#13151F;color:#AEB7B2;text-align:center;padding:26px 16px;font-size:13px}
.foot a{color:#D6DDD9}
@media (max-width:900px){.mods,.cards3,.points{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.row2{grid-template-columns:minmax(0,1fr)}}
.ck{flex:0 0 20px;width:20px;height:20px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23167A45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/20px no-repeat}
.dark .ck{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2384E3A8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.lock{display:inline-block;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6762' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/12px no-repeat}
.steps a{color:inherit;text-decoration:none}

/* brand */
.brand{background:#fff;border-bottom:1px solid var(--line)}
.brand .wrap{display:flex;justify-content:center;align-items:center;padding-top:12px;padding-bottom:12px}
.brand img{height:34px;width:auto}
.foot-logo{height:26px;width:auto;margin:0 auto 8px;opacity:.95}
@media (max-width:640px){.brand img{height:28px}.brand .wrap{padding-top:10px;padding-bottom:10px}}

/* checkout dialog */
.co{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}
.co-back{position:absolute;inset:0;background:rgba(14,14,14,.62);backdrop-filter:blur(3px);opacity:0;transition:opacity .18s}
.co-panel{position:relative;width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;color:var(--ink);border-radius:18px;padding:26px 24px 20px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:translateY(14px);opacity:0;transition:transform .2s,opacity .2s}
.co.in .co-back{opacity:1}.co.in .co-panel{transform:none;opacity:1}
.co-x{position:absolute;top:10px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--bg-soft);color:var(--ink2);font:400 26px/1 var(--text);cursor:pointer}
.co-x:hover{background:var(--line)}
.co-h{margin:0 0 14px;font:800 23px/1.2 var(--display)}
.co-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--mint-soft);font:600 14.5px/1.35 var(--text)}
.co-sum b{font:800 26px var(--display)}
.co-note{margin:8px 0 16px;font-size:13px;color:var(--muted)}
body.co-open{overflow:hidden}
body.co-open .sticky{display:none}
@media (max-width:640px){
  .co{align-items:flex-end;padding:0}
  .co-panel{width:100%;max-height:94vh;border-radius:18px 18px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(40px)}
}
@media (prefers-reduced-motion: reduce){.co-back,.co-panel{transition:none}}
.loading-note{margin:0;padding:11px 13px;border-radius:10px;background:var(--bg-soft);color:var(--ink2);font-size:14px}