/* ===== Header (floating pill) ===== */
.site-header{position:sticky;top:0;z-index:5000;background:#fff}
.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 36px 0;padding:10px 23.04px;height:80px;background:#fff;border:1px solid rgba(84,33,175,.08);border-radius:22px;box-shadow:0 18px 44px rgba(24,10,52,.1),0 2px 8px rgba(24,10,52,.05)}
.logo{display:flex;align-items:center;font-size:18.4px;font-weight:900;line-height:1;letter-spacing:1.104px;text-transform:uppercase;color:var(--purple);white-space:nowrap}
.desktop-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.desktop-nav ul{display:flex;gap:31.68px;align-items:center;list-style:none;margin:0;padding:0;white-space:nowrap}
.desktop-nav a{text-transform:uppercase;font-size:13.6px;font-weight:800;line-height:21.76px;letter-spacing:.816px;color:#14102a}
.desktop-nav a:hover{color:var(--purple)}
.header-actions{display:flex;gap:10px;align-items:center}
.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#f7f4fd;border:1px solid rgba(84,33,175,.12);color:#14102a;padding:0}
.icon-btn svg{width:18px;height:18px}
.icon-btn.cart{box-shadow:0 14px 34px rgba(84,33,175,.09)}
.icon-btn.cart svg{color:var(--purple);width:20px;height:20px}
.cart-count{position:absolute;top:-5px;right:-5px;min-width:22px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--purple);color:#fff;font-size:10.88px;font-weight:900;line-height:1}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;background:#fff;padding:66.24px 0 57.6px}
.hero__wrap{display:grid;grid-template-columns:672fr 608fr;gap:40px;align-items:center;max-width:1320px;margin:0 auto;padding:0 60px;box-sizing:content-box}
.mono{font-family:var(--mono)}
.hero__eyebrow{display:flex;align-items:center;gap:12px;margin:0;font:500 10.88px/1 var(--mono);letter-spacing:2.176px;text-transform:uppercase;color:var(--purple)}
.hero__eyebrow::after{content:"";width:88px;height:1px;background:rgba(84,33,175,.25)}
.hero__title{margin:22px 0 0;font-size:80px;font-weight:900;line-height:76.8px;letter-spacing:-4.16px;color:var(--ink-hero)}
.hero__title span{display:block}
.hero__accent{position:relative;font-style:normal;color:var(--purple)}
.hero__accent::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--purple-3))}
.hero__sub{max-width:546px;margin:23px 0 0;font-size:18.4px;font-weight:500;line-height:29.44px;color:#6b6280}
.hero__actions{display:flex;gap:12px;margin-top:30px}
.hbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 30px;border-radius:999px;font-size:16.32px;font-weight:800;line-height:26.112px;letter-spacing:-.1632px;transition:transform var(--ease) .28s}
.hbtn svg{width:17px;height:17px}
.hbtn:hover{transform:translateY(-2px)}
.hbtn--primary{color:#fff;background:var(--grad-btn);box-shadow:0 14px 34px rgba(84,33,175,.3)}
.hbtn--ghost{color:var(--ink-hero);background:#fff;border:1px solid rgba(84,33,175,.16)}
.hero__sale{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-top:30px;padding:9px 16px 9px 11px;border-radius:999px;border:1px solid rgba(84,33,175,.22);background:linear-gradient(95deg,rgba(155,92,245,.12) 0%,rgba(84,33,175,.07) 100%);font-size:13.44px;line-height:16.8px;color:var(--ink-hero)}
.hero__sale-spark{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--purple);color:#fff}
.hero__sale-spark svg{width:13px;height:13px}
.hero__sale-tag{font:600 9.6px/12px var(--mono);letter-spacing:1.152px;text-transform:uppercase;color:var(--purple)}
.hero__sale-copy{font-weight:800;letter-spacing:-.1344px;white-space:nowrap}
.hero__sale-ends{padding-left:10px;border-left:1px solid rgba(84,33,175,.2);font:500 9.92px/12.4px var(--mono);letter-spacing:.7936px;text-transform:uppercase;color:#6b6280}
.hero__sale svg.arrow{width:15px;height:15px}
.hero__specs{display:grid;grid-template-columns:auto auto auto auto;justify-content:start;max-width:680px;margin:26px 0 0;padding:20px 0 0;border-top:1px solid rgba(84,33,175,.16)}
.hero__spec{padding:0 20px;border-left:1px solid rgba(84,33,175,.16)}
.hero__spec:first-child{padding-left:0;border-left:0}
.hero__spec dt{font-size:24px;font-weight:900;line-height:24px;letter-spacing:-.72px;color:var(--ink-hero);white-space:nowrap}
.hero__spec--text dt{font-size:18.56px;line-height:18.56px;letter-spacing:-.3712px}
.hero__spec dd{margin:6px 0 0;font:500 10.56px/13.728px var(--mono);letter-spacing:1.056px;text-transform:uppercase;color:#6b6280}
.hero__stage{position:relative;height:470px}
.hero__glow{position:absolute;left:-73px;top:-31px;width:753px;height:533px;border-radius:50%;background:radial-gradient(circle,rgba(155,92,245,.17) 0%,rgba(84,33,175,.07) 42%,transparent 68%);animation:pulse 6s ease-in-out infinite}
.hero__tag{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;font:500 10.08px/1 var(--mono);letter-spacing:.9072px;text-transform:uppercase;color:var(--purple);white-space:nowrap}
.hero__tag::before{content:"";width:22px;height:1px;background:currentColor;opacity:.5}
.hero__tag--a{top:47px;right:12px}
.hero__tag--b{bottom:19px;right:36px}
.hero__vial{position:absolute;}
.hero__vial .ph{height:100%;aspect-ratio:auto}
.hero__vial{animation:float 7s ease-in-out infinite}
.hero__vial--a{left:0;bottom:14px;width:164px;height:283px;opacity:.72;transform:rotate(-7deg)}
.hero__vial--b{left:188px;bottom:0;width:212px;height:367px;z-index:2;transform:rotate(6.6deg);animation-delay:-2s}
.hero__vial--c{right:30px;top:86px;width:176px;height:304px;transform:rotate(11deg);animation-delay:-4s}
@keyframes float{50%{translate:0 -12px}}
@keyframes pulse{50%{scale:1.05}}

/* ===== Blank product image slot =====
   Empty by default so real photography can be dropped in later. */
.ph{display:block;width:100%;aspect-ratio:.58;border-radius:16px;border:1px solid var(--border);background:linear-gradient(170deg,#f7f4fd 0%,#f1ebfb 60%,#faf8fe 100%)}
img.ph{object-fit:contain;background:none;border:0}

/* ===== Best sellers ===== */
.bs{position:relative;overflow:hidden;padding:100.8px 0 79.2px;background:linear-gradient(#fff 0%,#faf8fd 100%)}
.bs-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;padding:0 48px}
.bs-eyebrow{display:inline-block;margin-top:4px;font-size:12.48px;font-weight:800;line-height:19.968px;letter-spacing:2.2464px;text-transform:uppercase;color:var(--purple)}
.bs-title{margin:12px 0 0;font-size:76.8px;font-weight:900;line-height:72.192px;letter-spacing:-2.688px;color:#14102a}
.bs-sub{max-width:492px;margin:14px 0 0;font-size:16.56px;font-weight:500;line-height:26.8272px;color:#4d4762}
.bs-nav{display:flex;flex-direction:column;align-items:flex-end;gap:22px;padding-top:6px}
.bs-all{display:flex;align-items:center;padding:16px 28px;border-radius:999px;background:#e4dbf9;color:#2a1656;font-size:13.12px;font-weight:800;line-height:20.992px;letter-spacing:1.5744px;text-transform:uppercase}
.bs-arrows{display:flex;gap:12px}
.round{display:grid;place-items:center;width:56px;height:56px;border-radius:999px;background:#fff;border:1px solid rgba(20,16,42,.16);color:#14102a;padding:0}
.round svg{width:20px;height:20px}
.bs-track{display:flex;gap:28px;padding:6px 48px 10px;margin-top:44px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.bs-track::-webkit-scrollbar{display:none}
.bs-card{flex:0 0 374px;height:580px;position:relative;display:flex;flex-direction:column;padding:25.92px;border-radius:30px;border:1px solid transparent;background:linear-gradient(172deg,#efeafa 0%,#f8f6fd 46%,#fff 100%);scroll-snap-align:start;transition:border-color .28s}
.bs-card:hover{border-color:var(--border)}
.bs-cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.bs-name{margin:0;font-size:20.16px;font-weight:900;line-height:22.5792px;letter-spacing:-.4032px;color:#14102a}
.bs-price{margin-top:1px;font-size:18px;font-weight:900;line-height:28.8px;letter-spacing:-.36px;color:#14102a;white-space:nowrap;text-align:right}
.bs-price small{font-size:inherit;font-weight:inherit}
.bs-media{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:14px 6px}
.bs-media .ph{width:186px}
.badge{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:7px;padding:5px 5px 5px 10px;border-radius:999px;background:linear-gradient(120deg,#5a34cc 0%,#8f67ff 100%);box-shadow:0 10px 24px rgba(90,52,204,.35);color:#fff;font-size:10.08px;font-weight:900;line-height:1;letter-spacing:.9072px;text-transform:uppercase}
.badge svg{width:9px;height:9px}
.badge em{font-style:normal;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.2);font-size:9.28px;letter-spacing:.5568px}
.bs-foot{display:flex;justify-content:center;align-items:center;gap:14px}
.bs-cart{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:#fff;border:1px solid rgba(20,16,42,.14);color:#14102a}
.bs-cart svg{width:18px;height:18px}
.bs-view{display:flex;align-items:center;padding:15px 28px;border-radius:999px;background:#fff;border:1px solid rgba(84,33,175,.26);color:var(--purple);font-size:14.72px;font-weight:800;line-height:23.552px;letter-spacing:-.1472px}

/* ===== Packaging ===== */
.pack{position:relative;overflow:hidden;padding:80px 0 86px;border:2px solid var(--border);border-radius:22px;background:linear-gradient(#faf8fd 0%,#f5f0ff 100%)}
.pack__inner{display:grid;grid-template-columns:613fr 663fr;gap:44px;align-items:center;max-width:1320px;margin:0 auto;padding:0 60px;box-sizing:content-box}
.pill-eyebrow{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:11.84px;font-weight:800;line-height:18.944px;letter-spacing:1.0656px;text-transform:uppercase;color:var(--ink)}
.pack .pill-eyebrow{border-color:rgba(143,103,255,.3);color:var(--purple);font-weight:700}
.pack__title{margin:15px 0 0;font-size:48.96px;font-weight:900;line-height:49.9392px;letter-spacing:-.9792px;text-transform:uppercase}
.pack__sub{max-width:487px;margin:13px 0 0;font-size:16.8px;line-height:27.72px;color:#4d4762}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 22px;border-radius:999px;font-weight:800;letter-spacing:.64px;transition:transform .28s var(--ease),box-shadow .28s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--purple);color:#fff}
.btn-outline{background:#fff;border:1px solid var(--border);color:var(--ink)}
.pack .btn{margin-top:23px}
.box{position:relative;height:482px}
.box__closed{position:absolute;left:4%;top:30%;width:42%;height:34%;border-radius:6px;background:#fff;border:14px solid var(--purple-2);border-width:6px 6px 22px 6px;transform:skewY(-4deg);box-shadow:0 30px 60px rgba(40,16,90,.2);display:grid;place-items:center;font-weight:800;font-size:22px;letter-spacing:.04em;color:#3b3548}
.box__open{position:absolute;right:6%;top:6%;width:52%;height:86%}
.box__lid{position:absolute;left:12%;right:0;top:0;height:46%;background:linear-gradient(#fff,#ecebf2);border:6px solid var(--purple-2);border-bottom:0;border-radius:6px 6px 0 0;transform:skewX(-6deg)}
.box__tray{position:absolute;left:0;right:6%;bottom:0;height:54%;background:#f4f3f8;border:6px solid var(--purple-2);border-top-width:2px;border-radius:0 0 6px 6px;box-shadow:0 34px 60px rgba(40,16,90,.22);display:flex;gap:10%;align-items:center;justify-content:center}
.box__tray i{width:14%;height:62%;border-radius:40px;background:#e2e0ea;box-shadow:inset 0 6px 10px rgba(0,0,0,.08)}

/* ===== Statement ===== */
.statement{position:relative;display:flex;align-items:center;min-height:864px;overflow:hidden;background:linear-gradient(160deg,#f7f3ff 0%,#ece4fb 55%,#f4eefb 100%)}
.statement__field{position:absolute;inset:0;z-index:0}
.blob{position:absolute;border-radius:50%;opacity:.7;animation:pulse 9s ease-in-out infinite}
.blob-a{left:-115px;top:-86px;width:621px;height:621px;background:radial-gradient(circle,rgba(155,92,245,.3),transparent 68%)}
.blob-b{left:1008px;top:121px;width:523px;height:523px;background:radial-gradient(circle,rgba(120,150,255,.26),transparent 68%);animation-delay:-3s}
.blob-c{left:346px;top:553px;width:466px;height:466px;background:radial-gradient(circle,rgba(180,140,255,.24),transparent 68%);animation-delay:-6s}
.dot{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b79cff,#7b52e0);opacity:.55;animation:rise 14s linear infinite}
@keyframes rise{from{transform:translateY(80px)}to{transform:translateY(-900px)}}
.statement__inner{position:relative;z-index:3;width:100%;max-width:1600px;padding:57.6px}
.statement__eyebrow{margin:0;font-size:13.12px;font-weight:800;line-height:20.992px;letter-spacing:3.1488px;text-transform:uppercase;color:var(--purple)}
.statement__words{display:flex;flex-direction:column;gap:5.76px;margin-top:20px}
.statement__line{display:flex;gap:43.2px;align-items:baseline;white-space:nowrap}
.statement__line--2{padding-left:119px}
.word{all:unset;cursor:pointer;font-size:180px;font-weight:900;line-height:154.8px;letter-spacing:-7.2px;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(84,33,175,.28);transition:color .4s}
.word.is-active{color:transparent;background:linear-gradient(100deg,#5421af,#9b5cf5);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0}
.statement__stage{position:absolute;z-index:4;right:86px;top:50%;width:317px;height:491px;transform:translateY(-50%)}
.statement__halo{position:absolute;inset:-128px -63px;border-radius:50%;background:radial-gradient(closest-side,rgba(155,92,245,.34),transparent 70%)}
.statement__stage .ps-slot{position:absolute;inset:0;opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}
.statement__stage .ps-slot .ph{height:100%;aspect-ratio:auto}
.statement__stage .ps-slot.is-active{opacity:1;transform:translateY(-15px)}
.statement__accent{position:absolute;z-index:1;opacity:.42}
.statement__accent{width:130px}

/* ===== Catalog ===== */
.section{padding:88px 0}
.container{max-width:1320px;margin:0 auto;padding:0 60px;box-sizing:content-box}
.display-title{margin:10px 0 6px;font-size:86.4px;font-weight:900;line-height:77.76px;letter-spacing:.864px;text-transform:uppercase}
.section-sub{max-width:760px;margin:16px 0;color:var(--muted)}
.catalog .pill-eyebrow{border-color:#140d25;color:#140d25}
.catalog-toolbar{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.search{display:flex;align-items:center;gap:9px;max-width:420px;padding:12px 16px;border-radius:18px;border:1px solid var(--border);background:#fff}
.search svg{width:16px;height:16px;color:var(--muted)}
.search input{flex:1;border:0;outline:0;font:14.4px var(--font);color:var(--ink);padding:1px 2px}
.filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.filter-pill{flex:none;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--muted);font:800 13.33px Arial,sans-serif}
.filter-pill.active{color:var(--purple);border-color:var(--purple);box-shadow:0 8px 20px rgba(84,33,175,.12)}
.catalog-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:26px}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card__img{display:flex;align-items:flex-end;justify-content:center;height:180px;padding:12px 12px 0}
.card__img .ph{width:92px;aspect-ratio:1;border-radius:14px}
.card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px}
.card__cat{font-size:11.2px;font-weight:900;line-height:17.92px;letter-spacing:1.344px;text-transform:uppercase;color:var(--purple)}
.card__name{margin:0;font-size:16px;font-weight:700;line-height:18.88px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.chips span{display:flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:#f7f4fc;color:var(--purple);font-size:10.56px;font-weight:800;line-height:1;letter-spacing:.1056px}
.card__note{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:12.8px;line-height:20.48px;color:var(--muted)}
.card__note::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#44c77a}
.card__foot{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}
.price-wrap{display:flex;align-items:baseline;gap:4px}
.price-from{font-size:10.88px;font-weight:700;line-height:17.408px;letter-spacing:.4352px;text-transform:uppercase;color:var(--muted)}
.price{font-size:20px;font-weight:900;line-height:22px;color:var(--purple)}
.card__actions{display:flex;gap:8px;align-items:center}
.btn.micro{padding:10px 14px;font-size:11.84px;line-height:18.944px;letter-spacing:.4736px;white-space:nowrap;flex:1}
.eye-btn{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--purple)}
.eye-btn i{width:9px;height:9px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--purple)}

/* ===== Marquee ===== */
.motion{position:relative;overflow:hidden;padding:18px 0 10px;background:linear-gradient(#fbf9ff 0%,#fff 100%)}
.marquee{overflow:hidden;padding:8px 0 4px}
.marquee + .marquee{margin-top:18px}
.marquee__track{display:flex;gap:20px;align-items:center;width:max-content;animation:scroll 60s linear infinite}
.marquee--rev .marquee__track{animation-direction:reverse}
@keyframes scroll{to{transform:translateX(-50%)}}
.mq-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:999px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);height:140px}
.mq-item.tall{height:220px}
.mq-item .ph{width:74px;height:100%;aspect-ratio:auto}
.mq-item.tall .ph{width:118px}
.mq-item span{padding-right:14px;font-weight:800;letter-spacing:.48px;color:var(--purple);white-space:nowrap}

/* ===== Trust bar ===== */
.trust{overflow:hidden;padding:22px 0;background:var(--purple)}
.trust__track{display:flex;width:max-content;animation:scroll 50s linear infinite}
.trust__item{display:flex;align-items:center;gap:10px;padding:0 26px;font-size:13.12px;font-weight:800;line-height:20.992px;letter-spacing:.7872px;text-transform:uppercase;color:rgba(255,255,255,.88);white-space:nowrap}
.trust__item::after{content:"✦";margin-left:26px;color:rgba(255,255,255,.45)}

/* ===== Closing CTA ===== */
.closing{padding:24px 0 88px}
.closing__box{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:33px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(#fff,#f8f4ff);box-shadow:var(--shadow)}
.closing h2{margin:12px 0;font-size:43.2px;font-weight:700;line-height:41.04px;text-transform:uppercase}
.closing p{max-width:640px;margin:16px 0 0;color:var(--muted)}
.closing__actions{display:flex;gap:12px}
.closing .btn{padding:14px 22px;min-height:54px}
.glow-btn{box-shadow:0 14px 30px rgba(155,92,245,.24)}

/* ===== FAQ ===== */
.faq{padding:56px 0 88px}
.faq .pill-eyebrow{font-weight:700}
.faq-list{margin-top:26px;border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border);background:#fff;transition:background .28s}
.faq-item[open]{background:linear-gradient(#faf7ff,#fff)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 4px;list-style:none;cursor:pointer;font-size:19.2px;font-weight:800;line-height:30.72px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] summary{color:var(--purple)}
.faq-item summary span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);color:var(--purple);font-size:17.6px;transition:all .28s}
.faq-item[open] summary span{width:48px;height:48px;background:#f7f3ff;transform:rotate(45deg)}
.faq-answer{max-width:780px;padding:0 4px 24px;color:var(--muted)}

/* ===== Footer ===== */
.site-footer{padding:76px 0 26px;color:#fff;background:linear-gradient(#1a0d31,#130923)}
.footer-shell{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.site-footer h3{margin:0;font-size:35.2px;font-weight:700;line-height:56.32px;letter-spacing:2.816px;text-transform:uppercase}
.site-footer p{margin:16px 0;color:rgba(255,255,255,.68)}
.socials{display:flex;gap:10px;margin-top:24px}
.socials a{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7)}
.socials svg{width:18px;height:18px}
.site-footer h4{margin:0;font-size:16px;font-weight:700}
.footer-links{display:grid;gap:12px;margin:10px 0 0;padding:0;list-style:none}
.footer-links a{color:rgba(255,255,255,.68)}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.5)}

/* ===== Floating trigger ===== */
.float-trigger{position:fixed;right:18px;bottom:19px;z-index:4000;display:flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#5421af,#33108a);box-shadow:0 12px 32px rgba(84,33,175,.36);color:#fff;font:800 13.76px Arial,sans-serif;letter-spacing:.5504px}
.float-trigger svg{width:16px;height:16px}

/* ===== Responsive ===== */
@media (max-width:1100px){
  .catalog-grid{grid-template-columns:repeat(4,1fr)}
  .hero__title{font-size:64px;line-height:62px;letter-spacing:-3px}
  .statement .word{font-size:120px;line-height:108px;letter-spacing:-4.8px}
  .statement__stage{width:220px;height:340px}
}
@media (max-width:900px){
  .header-inner{margin:10px 12px 0;height:64px;padding:8px 14px}
  .desktop-nav{display:none}
  .logo{font-size:15px;letter-spacing:.6px}
  .header-actions{gap:6px}
  .icon-btn{width:38px;height:38px}
  .hero__eyebrow::after{display:none}
  .hero__wrap,.pack__inner{grid-template-columns:1fr;padding:0 16px}
  .container{padding:0 16px}
  .hero__stage{height:360px;order:-1}
  .hero__vial--a{width:120px;height:207px}.hero__vial--b{left:30%;width:160px;height:277px}.hero__vial--c{width:130px;height:224px;right:0}
  .hero__title{font-size:48px;line-height:47px;letter-spacing:-2.4px}
  .hero__sub{font-size:16px;line-height:26px}
  .hero__actions{flex-wrap:wrap}.hbtn{height:54px;padding:0 22px}
  .hero__specs{grid-template-columns:1fr 1fr;row-gap:16px}
  .hero__spec:nth-child(3){padding-left:0;border-left:0}
  .hero__sale-ends{display:none}
  .bs-head{grid-template-columns:1fr;padding:0 16px}
  .bs-nav{flex-direction:row;align-items:center;justify-content:space-between}
  .bs-title{font-size:48px;line-height:46px;letter-spacing:-1.6px}
  .bs-track{padding:6px 16px 10px;gap:16px}
  .bs-card{flex-basis:82vw;height:500px}
  .pack{border-radius:0;padding:56px 0}
  .pack__title{font-size:34px;line-height:36px}
  .box{height:300px}
  .statement{min-height:620px}
  .statement__inner{padding:24px 16px}
  .statement .word{font-size:64px;line-height:60px;letter-spacing:-2.5px}
  .statement__line{gap:16px}.statement__line--2{padding-left:24px}
  .statement__stage{width:140px;height:220px;right:16px;top:auto;bottom:40px;transform:none}
  .statement__accent{display:none}
  .display-title{font-size:48px;line-height:46px}
  .catalog-grid{grid-template-columns:1fr 1fr;gap:12px}
  .card__img{height:140px}
  .closing__box{grid-template-columns:1fr;padding:24px}
  .closing h2{font-size:30px;line-height:32px}
  .closing__actions{flex-wrap:wrap}
  .faq-item summary{font-size:16px;line-height:24px}
  .footer-shell{grid-template-columns:1fr 1fr}
  .footer-brand-block{grid-column:1/-1}
  .footer-bottom{flex-direction:column}
}

/* quote-only sizes (no recommended price in the pricing sheet) */
.chips span.chip-quote{background:#fff;color:var(--muted);border-style:dashed}
.price.price-quote{font-size:14px;font-weight:800;letter-spacing:-.2px}

/* launch-offer pricing: struck price is what this site charged before the cut */
.price-was{margin-left:2px;font-size:12.5px;font-weight:700;color:var(--muted);text-decoration:line-through}
.save{margin-left:auto;padding:3px 8px;border-radius:999px;background:#eefaf3;border:1px solid #bfe6d0;color:#15764a;font-size:10.5px;font-weight:900;letter-spacing:.3px}
.price-wrap{flex-wrap:wrap}
.bs-price s{margin-right:4px;font-size:14px;font-weight:700;color:var(--muted)}
.offer-strip{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:11px 16px;background:linear-gradient(95deg,#2a0d7d,#5421af 45%,#33108a);color:#fff;font-size:13px;font-weight:700;letter-spacing:.2px}
.offer-strip b{font-weight:900}
.offer-strip .clock{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);font:600 12px var(--mono);letter-spacing:1px}
.offer-note{font-weight:500;opacity:.78;font-size:11.5px}