:root{--bg:#faf8f4;--ink:#141414;--yel:#f7cf3f;--pur:#a487d6;--dpur:#3d2467;--line:rgba(20,20,20,.18)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:"Poppins","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:16px;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:99}
.skip:focus{left:0}
.vh{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
.star{width:56px;height:56px;color:currentColor;flex:none}
/* header */
.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 38px;gap:20px;position:relative}
.logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);transition:transform .2s}
.logo:hover{transform:translateY(-1px)}
.logo-svg{height:38px;width:auto;display:block}
.logo .logo-swirl{fill:#7a12d9;transition:transform .35s ease}
.logo:hover .logo-swirl{fill:#8b19f2}
.logo .logo-word{fill:currentColor}
.top nav{display:flex;gap:28px;font-size:13px;font-weight:500}
.top nav a{text-decoration:none;padding:4px 0;border-bottom:1.5px solid transparent}
.top nav a:hover,.top nav a[aria-current]{border-color:#7a12d9;color:#7a12d9}
.tag{justify-self:end;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--dpur);background:#efe9fa;border:1px solid rgba(122,18,217,.18);padding:5px 12px;border-radius:99px}
.tag .mq-swirl{width:13px;height:15px;color:#7a12d9}
.burger{display:none;justify-self:end;background:none;border:1px solid var(--ink);padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.bigtitle{display:flex;justify-content:space-between;align-items:flex-start;padding:0 38px 26px;overflow:hidden}
.bigtitle h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(48px,11.5vw,170px);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}
.bigtitle .star{width:clamp(40px,6vw,84px);height:auto;margin-top:2vw}
.marquee{background:linear-gradient(90deg,#0c0a14 0%,#1d1033 50%,#0c0a14 100%);color:#fff;overflow:hidden;white-space:nowrap;padding:13px 0;border-top:1px solid rgba(247,207,63,.35);border-bottom:1px solid rgba(164,135,214,.32);box-shadow:inset 0 1px 12px rgba(122,18,217,.25)}
.track{display:inline-flex;align-items:center;gap:22px;animation:mq 36s linear infinite;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.mq-pill{display:inline-flex;align-items:center;background:rgba(139,25,242,.28);border:1px solid rgba(247,207,63,.45);color:#fff;padding:4px 13px;border-radius:99px;font-size:11px;letter-spacing:.08em;box-shadow:0 2px 10px rgba(122,18,217,.3)}
.mq-txt{color:#f3eefc;letter-spacing:.08em}
.track .star{width:16px;height:16px;color:var(--yel);flex:none}
.track .mq-swirl{width:16px;height:19px;color:#c9a4ff;flex:none}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}}
/* sections */
.wrap{padding:90px 38px;max-width:1280px;margin:0 auto}
.sh{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;margin-bottom:34px;border-top:1px solid var(--line);padding-top:12px}
h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(30px,4.2vw,56px);line-height:1.08;letter-spacing:-.03em;margin-bottom:22px}
h3{font-size:18px;font-weight:600;margin-bottom:10px}
.lead{font-size:19px;margin-bottom:26px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.prose p{margin-bottom:18px;max-width:62ch}
.prose.two{columns:2;column-gap:60px}
.prose.two p{break-inside:avoid}
.small{font-size:13px;opacity:.75}
.note{border-left:4px solid var(--yel);padding:14px 20px;background:#fff;margin-top:34px;max-width:70ch}
/* hero */
.hero{background:var(--yel);padding:24px 38px 70px;position:relative;overflow:hidden}
.hero .sh{border:0;padding:0;margin-bottom:0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1280px;margin:0 auto;min-height:540px}
.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:22px}
.hero h2{font-size:clamp(34px,4.6vw,60px);max-width:11em}
.hero-txt p{margin-bottom:28px;max-width:34ch}
.hero-fig{position:relative;display:grid;place-items:center;padding:30px}
.hero-fig::before{content:"";position:absolute;inset:0;margin:auto;width:min(94%,520px);aspect-ratio:1;border:1px solid rgba(0,0,0,.2);border-radius:50%}
.disc{position:relative;width:min(80%,400px);aspect-ratio:1;background:var(--pur);border-radius:50%;display:grid;place-items:center}
.disc img{width:46%;border-radius:10px;transform:rotate(7deg);box-shadow:0 26px 40px -10px rgba(40,20,80,.55)}
.hero-fig .star{position:absolute;top:2%;right:4%;width:46px;height:46px;color:var(--dpur)}
figcaption{font-size:9px;letter-spacing:.14em;margin-top:16px;text-align:center}
.hero-fig figcaption{position:absolute;bottom:0}
.pfig{background:var(--yel);padding:50px 20px 30px}
.pfig .disc{margin:auto}
.pfig .disc img{width:50%}
.btn{display:inline-flex;gap:18px;align-items:center;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:14px 26px;border-radius:40px;font:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:.2s}
.btn:hover{background:#fff;color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
:focus-visible{outline:3px solid var(--dpur);outline-offset:3px}
/* cards */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.card{display:block;padding:32px 28px 40px;text-decoration:none;border-right:1px solid var(--line);position:relative;min-height:240px}
.card:last-child{border-right:0}
.card b{display:block;font-family:Arial;font-size:44px;font-weight:400;color:var(--dpur);margin-bottom:26px}
.card p{font-size:14px}
a.card span{position:absolute;right:26px;bottom:20px;font-size:22px}
a.card:hover{background:var(--yel)}
/* table */
.spec{width:100%;border-collapse:collapse;font-size:15px;margin-top:10px}
.spec th,.spec td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.spec th[scope=row]{width:42%;font-weight:600}
.spec thead th{background:var(--ink);color:#fff;font-size:13px}
/* steps / rules / faq */
.steps{list-style:none;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:70px 1fr;gap:6px 20px;padding:24px 0;border-top:1px solid var(--ink)}
.steps li::before{content:"0" counter(s);grid-row:span 2;font-family:Arial;font-size:40px;color:var(--dpur)}
.steps b{font-family:Arial;font-size:28px;font-weight:400}
.rules{list-style:none}
.rules li{padding:16px 0 16px 38px;border-top:1px solid var(--line);position:relative}
.rules li::before{content:"✳";position:absolute;left:0;color:var(--dpur)}
.faq details{border-top:1px solid var(--ink);padding:20px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:14px;max-width:70ch}
.faq{border-bottom:1px solid var(--ink)}
/* contact */
.contacts dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:22px;opacity:.7}
.contacts dd{font-size:17px}
form{background:var(--yel);padding:36px}
form h3{margin-bottom:22px}
.fld{margin-bottom:18px}
.fld label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;padding:12px;border:1.5px solid var(--ink);background:#fff;font:inherit;border-radius:0}
.fld.invalid input,.fld.invalid select,.fld.invalid textarea{border-color:#b00020;background:#fff4f4}
.fld.valid input,.fld.valid select,.fld.valid textarea{border-color:#1b7a3a}
.err{display:block;color:#b00020;font-size:12px;min-height:16px;margin-top:4px;font-weight:500}
.chk label{display:flex;gap:10px;font-weight:400}
.ok{margin-top:18px;background:#fff;padding:14px;border-left:4px solid #1b7a3a}
.legal{max-width:860px}
.legal h2{font-size:26px;margin:34px 0 10px}
.legal p{margin-bottom:12px}
.legal .spec{margin-bottom:10px}
/* footer */
.foot{background:#0d0d0d;color:#e8e8e8;padding:60px 38px 24px}
.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}
.foot-logo{color:#fff}
.foot-logo .logo-swirl{fill:var(--yel)}
.foot-logo:hover .logo-swirl{fill:#fff}
.fgrid{display:grid;grid-template-columns:1.35fr .9fr 1fr 1.55fr;gap:40px;max-width:1280px;margin:0 auto}
.foot h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--yel);margin-bottom:12px}
.foot ul{list-style:none}.foot li{margin-bottom:7px;font-size:14px}
.f-addr{font-style:normal;font-size:13.5px;line-height:1.65;color:#d6d4dc}
.f-addr strong{color:#fff}
.f-reg{display:inline-block;font-size:12px;color:#aaa6b5;margin-bottom:6px}
.pay-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.pay-badges span{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.05em;background:#1c1b22;color:#e8e6f0;border:1px solid #353340;padding:4px 9px;border-radius:5px}
.foot .small{margin-top:12px;opacity:.75}
.copy{max-width:1280px;margin:46px auto 0;font-size:12px;opacity:.65;border-top:1px solid #2b2933;padding-top:18px}
/* cookie */
.cookie{position:fixed;left:20px;bottom:20px;max-width:460px;background:#fff;border:2px solid var(--ink);padding:22px;z-index:50;box-shadow:8px 8px 0 var(--yel)}
.cookie[hidden]{display:none}
.cookie h2{font-size:22px;margin-bottom:8px}
.cookie p{font-size:13px;margin-bottom:12px}
.ck-opts{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin-bottom:14px}
.ck-btns{display:flex;gap:8px;flex-wrap:wrap}
.ck-btns .btn{padding:9px 16px;font-size:12px}

/* home media & showcase */
.glance{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:64px;align-items:center}
.vid-card{margin:0 auto;width:100%;max-width:360px;background:transparent;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px -12px rgba(20,20,20,.22);border:1px solid var(--line);line-height:0}
.vid-card video{width:100%;height:auto;display:block;border-radius:16px;background:#000;pointer-events:none}
.facts{list-style:none;margin:14px 0 0}
.facts li{padding:14px 0 14px 34px;border-top:1px solid var(--line);position:relative}
.facts li::before{content:"✳";position:absolute;left:0;color:var(--dpur)}

/* full uncropped photo showcase */
.showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:stretch;margin-top:26px}
.sc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 36px -14px rgba(20,20,20,.1)}
.sc-img-wrap{background:#f3f1ec;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.sc-card img{width:100%;height:auto;max-height:540px;object-fit:contain;display:block}
.sc-meta{padding-top:18px;text-align:left}
.sc-tag{display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;background:var(--yel);color:var(--ink);padding:4px 10px;font-weight:600;margin-bottom:8px}
.sc-meta h3{font-size:19px;margin-bottom:6px}
.sc-meta p{font-size:14px;opacity:.82;margin:0}

/* dark hero */
.dhero{position:relative;background:#0c0c0e;color:#fff;overflow:hidden;padding:70px 38px 80px}
.dhero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#2a1747 0,transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px)}
.dgrid{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:560px}
.dtxt .eyebrow{color:#cdb8f2;margin-bottom:24px}
.dtxt h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(36px,5vw,66px);line-height:1.05;letter-spacing:-.03em;margin-bottom:18px}
.dsub{font-size:clamp(26px,3.4vw,44px);font-weight:700;color:#ffc107;margin-bottom:22px;letter-spacing:-.02em}
.dp{max-width:46ch;color:#e3e3e8;margin-bottom:34px;font-size:15px}
.dbtn{display:inline-flex;align-items:center;justify-content:center;min-width:340px;background:linear-gradient(180deg,#8b19f2 0%,#730ed1 100%);color:#fff;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:.01em;padding:20px 64px;border-radius:999px;box-shadow:0 14px 32px rgba(122,18,217,.45),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .2s,box-shadow .2s,filter .2s}
.dbtn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 18px 38px rgba(122,18,217,.6),inset 0 1px 0 rgba(255,255,255,.3)}
.dbtn:focus-visible{outline:3px solid var(--dpur);outline-offset:3px}
.cta-row{display:flex;justify-content:center;margin-top:38px}

/* mid showcase cta callout */
.mid-cta{margin-top:34px;background:linear-gradient(135deg,#fff 0%,#f6f0ff 100%);border:1px solid rgba(122,18,217,.22);border-radius:16px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 16px 38px -14px rgba(61,36,103,.12)}
.mid-cta-txt{max-width:56ch}
.mid-cta-badge{display:inline-block;font-size:10px;letter-spacing:.14em;font-weight:700;color:#7a12d9;background:rgba(122,18,217,.1);padding:4px 10px;border-radius:4px;margin-bottom:8px}
.mid-cta-txt h3{font-size:21px;font-weight:700;margin-bottom:4px;color:var(--ink)}
.mid-cta-txt p{font-size:14px;opacity:.8;margin:0}
.avail-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#8b19f2 0%,#730ed1 100%);color:#fff;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:.03em;text-transform:uppercase;padding:18px 42px;border-radius:10px;border:1px solid #5d09ad;box-shadow:0 12px 28px -6px rgba(122,18,217,.5),inset 0 1px 0 rgba(255,255,255,.25);white-space:nowrap;transition:transform .2s,filter .2s,box-shadow .2s}
.avail-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 34px -6px rgba(122,18,217,.65)}
.avail-btn:focus-visible{outline:3px solid var(--dpur);outline-offset:3px}
.dfig{position:relative;display:grid;place-items:center;min-height:540px}
.dfig figcaption{position:absolute;bottom:-4px;color:#8c8c99}
.pack{position:relative;z-index:2;width:min(62%,300px);border-radius:16px;box-shadow:0 40px 60px -20px rgba(0,0,0,.8),0 0 70px rgba(150,70,230,.35);animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}
.splash{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c9a4ff,#7b3fd0 60%,transparent 72%);filter:blur(2px);opacity:.75;animation:drift 7s ease-in-out infinite}
.s1{width:150px;height:150px;left:6%;top:18%}
.s2{width:96px;height:96px;right:4%;top:46%;animation-delay:-2s}
.s3{width:62px;height:62px;left:20%;bottom:14%;animation-delay:-4s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(12px,-16px) scale(1.12)}}
.dglow{position:absolute;right:12%;top:20%;width:420px;height:420px;border-radius:50%;background:#7a12d9;filter:blur(120px);opacity:.35;animation:pulse 5s ease-in-out infinite}
@keyframes pulse{50%{opacity:.55;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.pack,.splash,.dglow{animation:none}}
.cards3.four{grid-template-columns:repeat(4,1fr)}
/* reviews section */
.rev-head{text-align:center;margin-bottom:40px}
.rev-stars{color:#ffb800;font-size:20px;letter-spacing:2px;line-height:1}
.rev-stars .star-empty{color:#ddd5e5}
.rev-sub{font-size:14px;font-weight:500;margin:8px 0 6px;color:#333}
.rev-head h2{font-weight:700;font-size:clamp(30px,4vw,44px);margin:0}
.rev-head h2 span{color:#7a12d9}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rev-card{background:#fff;border:1px solid rgba(122,18,217,.12);border-radius:14px;padding:26px 24px;box-shadow:0 10px 28px -12px rgba(40,20,80,.08);display:flex;flex-direction:column;justify-content:space-between}
.rev-date{display:block;font-size:12px;font-weight:700;margin:8px 0 8px;color:#6b6675}
.rev-title{font-size:16px;font-weight:700;color:#141414;margin:4px 0 10px;line-height:1.35}
.rev-card p{font-size:14px;line-height:1.65;color:#2c2c34;margin-bottom:20px;flex:1}
.rev-author b{display:block;font-size:14px;margin-bottom:4px}
.rev-ver{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#12a136}
.rev-ver svg{width:15px;height:15px;flex:none}
/* social proof screenshots row */
.social-proof-block{margin-top:44px;background:linear-gradient(135deg,#fff 0%,#f7f3ff 100%);border:1px solid rgba(122,18,217,.18);border-radius:18px;padding:32px}
.sp-head{text-align:center;max-width:62ch;margin:0 auto 26px}
.sp-head h3{font-size:24px;font-weight:700;margin:6px 0}
.sp-head p{font-size:14px;opacity:.82;margin:0}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.sp-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 28px -14px rgba(20,10,40,.12)}
.sp-card img{width:100%;height:300px;object-fit:contain;background:#f8f7fa;padding:10px;display:block}
.sp-card figcaption{padding:12px 16px;font-size:12px;letter-spacing:.01em;color:#2c2c34;border-top:1px solid var(--line);background:#fff;margin:0;text-align:center}
/* floating right promo drawer */
.promo-drawer{position:fixed;right:22px;bottom:24px;width:320px;background:linear-gradient(145deg,#151122 0%,#261342 100%);color:#fff;border:1.5px solid rgba(247,207,63,.55);border-radius:16px;padding:18px 18px 16px;z-index:60;box-shadow:0 22px 48px rgba(10,5,24,.55),0 0 28px rgba(122,18,217,.35);transform:translateX(120%);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.promo-drawer[hidden],.promo-tab[hidden]{display:none}
.promo-drawer.show{transform:translateX(0);opacity:1}
.promo-min{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:12px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s}
.promo-min:hover{background:rgba(255,255,255,.22)}
.promo-body{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-right:16px}
.promo-img{width:52px;height:auto;border-radius:8px;flex:none;box-shadow:0 8px 18px rgba(0,0,0,.45);transform:rotate(-4deg)}
.promo-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;background:var(--yel);color:#141414;padding:2px 8px;border-radius:99px;margin-bottom:4px}
.promo-txt strong{display:block;font-size:20px;font-weight:800;line-height:1.15;color:#fff;margin-bottom:3px}
.promo-txt p{font-size:12px;line-height:1.35;color:#dcd4eb;margin:0}
.promo-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(180deg,#8b19f2 0%,#730ed1 100%);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:11px 16px;border-radius:99px;box-shadow:0 8px 20px rgba(122,18,217,.5);transition:filter .2s,transform .2s}
.promo-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}
.promo-tab{position:fixed;right:0;bottom:32px;background:linear-gradient(180deg,#8b19f2 0%,#730ed1 100%);color:#fff;border:1.5px solid var(--yel);border-right:0;border-radius:99px 0 0 99px;padding:10px 16px 10px 14px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;z-index:60;box-shadow:0 10px 24px rgba(10,5,24,.4)}
.promo-tab:hover{filter:brightness(1.1)}

/* product page unique components */
.upd-banner{background:#fdf7e2;border:1.5px dashed #d93829;border-radius:10px;padding:16px 24px;margin-bottom:34px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 26px -12px rgba(217,56,41,.18);text-align:center}
.upd-dot{width:10px;height:10px;border-radius:50%;background:#d93829;flex:none;box-shadow:0 0 0 4px rgba(217,56,41,.2)}
.upd-banner p{margin:0;font-size:clamp(15px,1.8vw,18px);color:#4a463d;line-height:1.4}
.upd-tag{color:#d93829;font-weight:800;letter-spacing:.02em;margin-right:4px}
.upd-banner u{text-decoration:underline;text-underline-offset:3px;color:#595449}
.upd-banner b{color:#141414;font-weight:800}
.upd-banner a{color:#1d4ed8;font-weight:800;text-decoration:underline;text-underline-offset:3px;margin-left:4px;transition:color .2s}
.upd-banner a:hover{color:#7a12d9}
/* main offer card at top of product page */
.pkg-widget{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;margin-bottom:44px;box-shadow:0 20px 50px -18px rgba(20,20,20,.12)}
.cd-box{background:#fff5f5;border:1.5px dashed #f2b6b6;border-radius:12px;padding:20px 24px;text-align:center;margin-bottom:28px}
.cd-title{font-size:17px;font-weight:800;color:#141414;margin-bottom:8px}
.cd-timer{display:inline-flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.cd-unit{display:flex;flex-direction:column;align-items:center;min-width:52px}
.cd-unit span{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:800;line-height:1;color:#e00707;letter-spacing:2px}
.cd-unit small{font-size:10px;font-weight:800;color:#e00707;letter-spacing:.08em;margin-top:4px}
.cd-sep{font-size:24px;font-weight:800;color:#e00707;line-height:1}
.cd-sold{font-size:15px;color:#333;margin-bottom:12px}
.cd-sold strong{color:#141414;font-weight:800}
.cd-bar{height:9px;background:#fff;border-radius:99px;overflow:hidden;max-width:760px;margin:0 auto;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}
.cd-bar span{display:block;height:100%;background:linear-gradient(90deg,#e00707,#ff3b3b);border-radius:99px}
.pkg-step-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.pkg-step-head svg{width:26px;height:26px;color:#141414;flex:none}
.pkg-step-head h2{font-size:22px;font-weight:800;margin:0;letter-spacing:-.01em}
.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}
.pkg-card{position:relative;background:#fff;border:2px solid #dcdcdc;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s}
.pkg-card:hover{border-color:#9e9e9e;transform:translateY(-2px)}
.pkg-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.pkg-pop-ribbon{background:#0073ff;color:#fff;text-align:center;font-size:13px;font-weight:700;padding:7px 12px;letter-spacing:.02em}
.pkg-card.is-active{border-color:#0073ff;box-shadow:0 12px 28px -10px rgba(0,115,255,.32)}
.pkg-main{display:grid;grid-template-columns:28px 105px 1fr;gap:14px;align-items:center;padding:20px 20px 16px}
.pkg-radio{width:24px;height:24px;border-radius:50%;border:2px solid #ccc;display:grid;place-items:center;align-self:start;transition:.2s}
.pkg-radio::after{content:"";width:12px;height:12px;border-radius:50%;background:#0073ff;transform:scale(0);transition:transform .18s}
.pkg-card.is-active .pkg-radio{border-color:#0073ff}
.pkg-card.is-active .pkg-radio::after{transform:scale(1)}
.pkg-thumb{width:92px;height:auto;margin:0 auto;transform:rotate(7deg);filter:drop-shadow(0 8px 14px rgba(20,10,40,.22))}
.pkg-info h3{font-size:18px;font-weight:700;line-height:1.25;margin-bottom:8px;color:#141414}
.pkg-price{font-size:25px;font-weight:800;line-height:1.1;color:#141414}
.pkg-per{font-size:13px;color:#555;margin:2px 0 8px}
.pkg-off{display:inline-block;background:#dc2626;color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:5px;letter-spacing:.02em}
.pkg-foot{background:#eeeeee;padding:10px 16px;text-align:center;font-size:14px;font-weight:700;color:#666;border-top:1px solid #e2e2e2}
.pkg-foot s{color:#9e9e9e;font-weight:500;margin:0 4px}
.pkg-foot b{color:#555;font-weight:800}
.pkg-card.is-active .pkg-foot b{color:#141414}
.pkg-summary{margin-top:24px;background:linear-gradient(135deg,#fcf9ea 0%,#f5efff 100%);border:1.5px solid rgba(122,18,217,.22);border-radius:14px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;scroll-margin-top:140px;transition:box-shadow .35s,border-color .35s}
.pkg-summary.is-focused{border-color:#169c08;box-shadow:0 0 0 4px rgba(22,156,8,.22),0 18px 38px -12px rgba(22,156,8,.28)}
.pkg-sum-tag{display:inline-block;background:#dc2626;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:4px;margin-bottom:6px}
.pkg-sum-left h3{font-size:18px;font-weight:800;margin-bottom:4px}
.pkg-sum-left p{font-size:14px;margin:0;color:#333}
.pkg-sum-left strong{color:#0f8a00;font-size:17px}
.pkg-sum-btn{width:auto;min-width:300px;white-space:nowrap}
.pkg-confirm{margin-top:16px;background:#eefbf0;border:1.5px solid #169c08;border-radius:12px;padding:18px 22px;color:#142816}
.pkg-confirm[hidden]{display:none}
.pkg-confirm strong{display:block;font-size:16px;color:#0d6e04;margin-bottom:6px}
.pkg-confirm p{font-size:14px;margin:0;line-height:1.55}
.pkg-confirm a{color:#0d6e04;font-weight:700;text-decoration:underline}
.offer-box{background:#fcf9ea;border:1px solid #e6dec3;border-top:6px solid #169c08;border-radius:16px;padding:34px 38px;display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center;box-shadow:0 22px 48px -18px rgba(20,20,20,.14);margin-bottom:38px}
.offer-ped{margin:0;background:#0e0f17;border-radius:14px;overflow:hidden;box-shadow:0 16px 36px -10px rgba(0,0,0,.4)}
.offer-ped img{width:100%;height:auto;display:block}
.offer-copy h2{font-family:"Poppins","Segoe UI",Arial,sans-serif;font-weight:800;font-size:clamp(26px,3vw,36px);line-height:1.2;color:#141821;margin-bottom:16px;letter-spacing:-.02em}
.offer-copy h2 span{font-weight:700}
.offer-copy p{font-size:16px;line-height:1.65;color:#2c313c;margin-bottom:16px}
.offer-link{color:#1d56e8;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.offer-receive{background:#fff;border:1px solid rgba(20,20,20,.12);border-radius:10px;padding:16px 20px;margin:20px 0 24px}
.rec-title{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;color:#141821}
.offer-receive ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;font-weight:500}
.offer-receive li{display:flex;align-items:center;gap:8px}
.claim-green-btn{display:block;width:100%;text-align:center;background:linear-gradient(180deg,#24a80c 0%,#0f8a00 100%);color:#fff;text-decoration:none;font-weight:800;font-size:clamp(16px,2vw,20px);line-height:1.25;letter-spacing:.02em;padding:18px 24px;border-radius:8px;border:1px solid #0b6e00;box-shadow:0 12px 26px -6px rgba(18,145,0,.45),inset 0 1px 0 rgba(255,255,255,.25);transition:filter .2s,transform .2s}
.claim-green-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.p-specs-bar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 34px;display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center}
.p-specs-bar h3{font-size:24px;margin-bottom:10px}
/* struggle & mineral bond cards */
.struggle-list{list-style:none;margin-top:20px}
.struggle-list li{padding:15px 0 15px 36px;border-top:1px solid var(--line);position:relative;font-size:15px}
.struggle-list li::before{content:"✕";position:absolute;left:0;top:16px;width:22px;height:22px;border-radius:50%;background:#fbe4e4;color:#b00020;font-size:12px;font-weight:800;display:grid;place-items:center}
.mineral-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 14px 34px -14px rgba(20,20,20,.08)}
.mineral-card h3{font-size:22px;margin:6px 0 10px}
.min-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.min-item{background:#faf8f4;border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.min-item b{display:inline-block;font-size:11px;font-weight:800;color:var(--dpur);background:#efe9fa;padding:2px 8px;border-radius:4px;margin-bottom:6px}
.min-item h4{font-size:15px;margin-bottom:4px}
.min-item p{font-size:13px;opacity:.82;margin:0}
/* wide green button from screenshot 1 */
.cta-green-wide{display:block;width:100%;max-width:860px;margin:40px auto 0;text-align:center;text-decoration:none;color:#fff;font-weight:700;font-size:clamp(18px,2.3vw,26px);line-height:1.3;padding:22px 28px;border:1px solid #167a06;border-radius:8px;background:linear-gradient(180deg,#2da810 0%,#128c00 100%);box-shadow:0 14px 30px -8px rgba(18,140,0,.4),inset 0 1px 0 rgba(255,255,255,.25);transition:filter .2s,transform .2s}
.cta-green-wide:hover{filter:brightness(1.08);transform:translateY(-2px)}
/* 60-day guarantee box */
.guar-box{margin-top:34px;background:linear-gradient(135deg,#fff 0%,#fcf9ea 100%);border:1.5px solid var(--yel);border-radius:16px;padding:26px 32px;display:flex;align-items:center;gap:28px}
.guar-badge{width:92px;height:92px;border-radius:50%;background:var(--dpur);color:var(--yel);font-weight:800;font-size:15px;line-height:1.15;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:none;box-shadow:0 10px 24px rgba(61,36,103,.3);border:3px solid var(--yel)}
.guar-badge span{font-size:11px;letter-spacing:.08em;color:#fff}
.guar-txt h3{font-size:20px;margin-bottom:6px}
.guar-txt p{font-size:14px;margin:0}
.p-hero-split{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.ped-card{background:#0d0d12;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 48px -14px rgba(20,10,40,.25);margin:0}
.ped-card img{width:100%;height:auto;display:block}
.ped-card figcaption{padding:12px 16px;font-size:10px;letter-spacing:.14em;color:#b8b0c8;background:#12111a;margin:0;text-align:center}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.pill-row span{font-size:12px;font-weight:600;background:#efe9fa;color:var(--dpur);border:1px solid rgba(61,36,103,.2);padding:6px 14px;border-radius:99px}
.eng-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}
.eng-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 24px;position:relative;box-shadow:0 10px 26px -14px rgba(20,20,20,.08);transition:transform .2s,border-color .2s}
.eng-card:hover{transform:translateY(-3px);border-color:var(--dpur)}
.eng-card b{display:inline-block;font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;background:var(--yel);color:var(--ink);padding:4px 10px;border-radius:6px;margin-bottom:14px}
.eng-card h3{font-size:19px;margin-bottom:8px}
.eng-card p{font-size:14px;opacity:.85;margin:0}
.p-action-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.zone-list{list-style:none;margin-top:18px}
.zone-list li{padding:14px 0 14px 32px;border-top:1px solid var(--line);position:relative;font-size:15px}
.zone-list li::before{content:"✓";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;background:var(--dpur);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.p-vid-box{margin:0 0 16px;background:#0c0c0e;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 38px -12px rgba(20,20,20,.18)}
.p-vid-box video{width:100%;height:auto;display:block;pointer-events:none}
.p-vid-box figcaption,.p-mini-card figcaption{padding:10px 12px;font-size:10px;letter-spacing:.12em;background:#141418;color:#d8d4e4;margin:0;text-align:center}
.p-sub-media{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.p-mini-card{margin:0;background:#0c0c0e;border-radius:12px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.p-mini-card img,.p-mini-card video{width:100%;height:220px;object-fit:cover;display:block;pointer-events:none}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 34px -14px rgba(20,20,20,.08)}
.cmp-table{width:100%;min-width:540px;border-collapse:collapse;font-size:14px}
.cmp-table th,.cmp-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp-table thead th{background:#141418;color:#fff;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.cmp-table thead th.hi{background:var(--dpur);color:var(--yel)}
.cmp-table td.hi{background:#f7f3ff;color:#1b1030}
.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}
.pack-guide{display:grid;gap:16px}
.pg-item{background:#fff;border:1px solid var(--line);border-left:5px solid var(--dpur);border-radius:12px;padding:20px 24px}
.pg-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;background:var(--yel);color:var(--ink);padding:3px 9px;border-radius:4px;margin-bottom:6px}
.pg-item h3{font-size:18px;margin-bottom:4px}
.pg-item p{font-size:14px;margin:0;opacity:.85}
.u-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.u-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 30px -14px rgba(20,20,20,.1)}
.u-img{background:#f3f1ec;aspect-ratio:1/1;overflow:hidden}
.u-img img{width:100%;height:100%;object-fit:cover;display:block}
.u-body{padding:22px;display:flex;flex-direction:column;flex:1}
.u-body h3{font-size:17px;margin:10px 0 8px}
.u-body p{font-size:14px;opacity:.85;margin-bottom:16px;flex:1}
.u-name{font-size:12px;color:var(--dpur);border-top:1px solid var(--line);padding-top:12px}
/* responsive: large tablets & small laptops (<=1080px) */
@media(max-width:1080px){
 .top{padding:20px 26px;gap:14px}
 .top nav{gap:18px;font-size:12.5px}
 .wrap{padding:72px 26px}
 .dhero{padding:56px 26px 66px}
 .split,.glance,.p-action-grid{gap:42px}
 .offer-box{padding:28px;gap:30px}
 .p-specs-bar{padding:24px 26px;gap:28px}
 .fgrid{grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:28px}
}
/* responsive: tablets / iPad (<=900px) */
@media(max-width:900px){
 .top{grid-template-columns:1fr auto;padding:18px 22px}
 .tag{display:none}
 .burger{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:8px 16px;font-weight:600;background:#fff}
 .top nav{display:none;grid-column:1/-1;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 16px;margin-top:8px;box-shadow:0 14px 32px -10px rgba(20,20,20,.12)}
 .top nav.open{display:flex}
 .top nav a{padding:11px 4px;border-bottom:1px solid var(--line);font-size:14px}
 .top nav a:last-child{border-bottom:0}
 .bigtitle{padding:0 22px 20px}
 .wrap{padding:58px 22px}
 .split,.hero-grid,.dgrid,.glance,.showcase,.p-hero-split,.p-action-grid,.offer-box,.p-specs-bar{grid-template-columns:1fr}
 .cards3,.cards3.four,.eng-grid,.rev-grid,.u-grid,.sp-grid,.pkg-grid,.fgrid{grid-template-columns:repeat(2,1fr)}
 .card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:200px}
 .pkg-widget{padding:24px 20px}
 .pkg-summary{flex-direction:column;align-items:stretch;text-align:center}
 .pkg-sum-btn{width:100%;min-width:0;white-space:normal}
 .offer-box{padding:24px 20px;gap:24px}
 .offer-ped{max-width:440px;margin:0 auto}
 .guar-box{flex-direction:column;text-align:center;padding:24px 20px}
 .split,.glance{gap:34px}
 .dbtn{min-width:0;width:100%;max-width:460px;padding:18px 28px;white-space:normal;text-align:center}
 .mid-cta{flex-direction:column;align-items:stretch;text-align:center;padding:24px 20px}
 .mid-cta-txt{max-width:none}
 .avail-btn{width:100%;white-space:normal;padding:16px 24px}
 .prose.two{columns:1}
 .hero{padding:20px 22px 50px}
 .dhero{padding:42px 22px 56px}
 .dgrid{min-height:auto;text-align:center}
 .dtxt .dp{margin-left:auto;margin-right:auto}
 .dfig{min-height:380px}
 .foot{padding:48px 22px 22px}
}
/* responsive: smartphones (<=600px) */
@media(max-width:600px){
 body{font-size:15px}
 .top{padding:14px 16px}
 .logo-svg{height:32px}
 .bigtitle{padding:0 16px 16px}
 .bigtitle h1{font-size:clamp(36px,11vw,64px)}
 .wrap{padding:46px 16px}
 .sh{margin-bottom:24px;font-size:9.5px}
 h2{font-size:clamp(25px,7vw,34px);margin-bottom:16px}
 .lead{font-size:16.5px;margin-bottom:20px}
 .dhero{padding:34px 16px 46px}
 .dtxt h1{font-size:clamp(30px,8.5vw,42px)}
 .dsub{font-size:clamp(22px,6.2vw,30px);margin-bottom:16px}
 .dfig{min-height:310px}
 .pack{width:min(58%,220px)}
 .dbtn{width:100%;max-width:none;font-size:16.5px;padding:16px 22px}
 .cards3,.cards3.four,.eng-grid,.rev-grid,.u-grid,.sp-grid,.pkg-grid,.fgrid,.min-grid,.p-sub-media{grid-template-columns:1fr}
 .card{border-right:0;padding:24px 20px 30px;min-height:auto}
 .card b{font-size:34px;margin-bottom:14px}
 .sc-card{padding:16px}
 .upd-banner{padding:13px 14px;gap:8px}
 .upd-dot{display:none}
 .pkg-widget{padding:16px 14px;border-radius:14px}
 .cd-box{padding:16px 12px;margin-bottom:20px}
 .cd-unit{min-width:44px}
 .cd-unit span{font-size:24px}
 .cd-sold{font-size:13.5px}
 .pkg-step-head h2{font-size:19px}
 .pkg-main{grid-template-columns:22px 72px 1fr;gap:12px;padding:14px 14px 12px}
 .pkg-thumb{width:68px}
 .pkg-info h3{font-size:16px;margin-bottom:6px}
 .pkg-price{font-size:22px}
 .pkg-summary{padding:18px 14px;gap:16px}
 .pkg-sum-left h3{font-size:16px}
 .claim-green-btn,.cta-green-wide{font-size:16px;padding:16px 18px;white-space:normal}
 .p-specs-bar{padding:20px 16px}
 .mineral-card,.social-proof-block{padding:20px 16px}
 .sp-card img{height:240px}
 .steps li{grid-template-columns:46px 1fr;gap:4px 14px;padding:18px 0}
 .steps li::before{font-size:30px}
 .steps b{font-size:21px;line-height:1.25}
 .spec th,.spec td{padding:11px 8px;font-size:13.5px}
 .cookie{left:12px;right:12px;bottom:12px;max-width:none;padding:18px;box-shadow:5px 5px 0 var(--yel)}
 .promo-drawer{right:12px;left:12px;bottom:12px;width:auto;padding:15px}
 .promo-tab{bottom:20px;padding:9px 14px 9px 12px;font-size:12px}
 .foot{padding:40px 16px 20px}
 .fgrid{gap:26px}
 .copy{margin-top:30px}
}
/* responsive: compact/narrow phones (<=380px) */
@media(max-width:380px){
 .top{padding:12px}
 .logo-svg{height:28px}
 .wrap{padding:38px 12px}
 .pkg-main{grid-template-columns:20px 58px 1fr;gap:10px;padding:12px}
 .pkg-thumb{width:54px}
 .pkg-info h3{font-size:14.5px}
 .pkg-price{font-size:19px}
 .dbtn,.avail-btn,.claim-green-btn,.cta-green-wide{font-size:15px;padding:14px 14px}
}