:root{
  --ink:#030712; --blue:#3376b9; --brown:#683e00; --red:#c14d45; --bg:#f7f7f8;
  --line:#ccc; --body:#333; --muted:rgba(16,14,32,.75); --navy:#154c9a;
  --sat:'Satoshi','Poppins',system-ui,sans-serif;
  --pop:'Poppins',system-ui,sans-serif;
  --ssp:'Source Sans 3','Source Sans Pro',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sat);font-weight:700;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.4}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
mark{color:inherit}
.muted{color:#777;font-weight:500}
.blue{color:var(--blue)} .brown{color:var(--brown)}
.center{text-align:center}

.eyebrow{font-size:14px;letter-spacing:1.28px;line-height:24px;text-transform:uppercase}
.eyebrow.sm{font-size:14px} .eyebrow.red{color:var(--red)} .eyebrow.grey{color:var(--body)}
.h-xl{font-size:clamp(34px,5.2vw,60.5px);line-height:1.19;letter-spacing:-1.62px;font-weight:900}
.lead{font-size:18.6px;line-height:32px}
.mark-red{background:rgba(193,77,69,.3)}
.mark-blue{background:rgba(51,118,185,.3)}

.btn-blue{display:inline-block;background:var(--blue);color:#fff;border-radius:8px;padding:20px 30px;font-size:15.25px;line-height:22px;text-align:center;transition:filter .15s}
.btn-blue:hover{filter:brightness(1.08)}
.cta{display:flex;flex-direction:column;align-items:center;padding-top:20px}
.cta-note{font-size:14.9px;line-height:30px}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.header-inner{max-width:1200px;margin:0 auto;padding:8px 20px;display:flex;justify-content:space-between;align-items:center}
.nav{display:flex;align-items:center;gap:40px;font-size:14.6px;letter-spacing:-.18px}
.nav .logo{margin-right:10px}
.nav a{line-height:24px;padding:16px 0}
.nav .logo{padding:0}
.logo img{border-radius:50%}
.header-actions{display:flex;gap:16px}
.icon-btn{display:flex;width:40px;height:40px}

/* ---------- hero ---------- */
.hero{position:relative;height:clamp(300px,38vw,760px);overflow:hidden;background:#f6f6f7;display:flex;align-items:center;justify-content:center}
.hero-circles{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-head{position:relative;width:min(1003px,62%);height:auto}

/* ---------- see for yourself ---------- */
.see{background:linear-gradient(#fff,#f7f7f8 99%);padding:60px 30px}
.see-inner{max-width:1080px;margin:0 auto}
.see-head{display:flex;flex-direction:column;gap:24px;padding-bottom:40px;align-items:flex-start}
.see-head .lead{align-self:center;text-align:center;max-width:560px}
.see-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.see-media{position:sticky;top:90px;padding-top:40px;display:flex;justify-content:center}
.see-media img{width:449px;max-width:100%;height:auto;object-fit:cover}
.see-panel{padding-left:40px;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:731px}
.see-body{position:relative}
.see-body .thumb{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:20px}
.body-lg{font-size:17.9px;line-height:26px;color:#000;margin-bottom:20px}
.see-body .eyebrow{margin-bottom:4px}
.see-body .body-lg{margin-bottom:20px}
.source{font-size:14.4px;line-height:22px;color:var(--body);margin-top:30px}

/* ---------- accordion ---------- */
.accordion{display:flex;flex-direction:column;gap:16px}
.faq-list{gap:8px}
.acc-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:20px 27px 20px 32px;font-size:18.4px;line-height:26px;color:#000}
.acc-item.open>.acc-btn{background:var(--bg);padding-top:16px;padding-bottom:16px}
.acc-icon{position:relative;flex:none;width:24px;height:24px}
.acc-icon .set{position:absolute;inset:0;display:block;transition:transform .25s,opacity .2s}
.acc-icon .set img{position:absolute;max-width:none}
.acc-icon .v1{inset:-1.2px;width:calc(100% + 2.4px);height:calc(100% + 2.4px)}
.acc-icon .v2{left:calc(50% - 1px);width:2px;top:calc(33.33% - 3px);height:calc(33.33% + 6px)}
.acc-icon .v3{top:calc(50% - 1px);height:2px;left:calc(33.33% - 3px);width:calc(33.33% + 6px)}
.acc-icon .set-open{opacity:0;transform:rotate(-135deg) scale(1.4)}
.acc-item.open .set-open{opacity:1}
.acc-item.open .set-closed{opacity:0}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.acc-panel>div{overflow:hidden;min-height:0}
.acc-item.open>.acc-panel{grid-template-rows:1fr}
.acc-body{padding:30px 32px 31px;transition:padding .3s}
.acc-item:not(.open) .acc-body{padding-top:0;padding-bottom:0}

/* ---------- eyes miss ---------- */
.eyes{background:linear-gradient(#fff,#f9f9f9);display:flex;justify-content:center;overflow:hidden}
.eyes img{width:min(1432px,100%);height:auto}

/* ---------- product ---------- */
.product{background:#fff;padding:60px 20px}
.product-inner{max-width:1200px;margin:0 auto;display:flex;gap:clamp(24px,9.5vw,183px);align-items:center;justify-content:center}
.gallery{width:561px;max-width:100%;display:flex;flex-direction:column;gap:24px;flex:none}
.gallery-main{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.gallery-main .overlay{position:absolute;left:-1.3%;top:-1.1%;width:102.7%;height:102.3%;max-width:none;transition:opacity .2s}
.gallery-main .overlay[hidden]{display:none}
.thumb-btn{position:relative}
.thumb-btn .overlay{position:absolute;left:-5%;top:-3.7%;width:103.7%;height:103.7%;max-width:none}
.gallery-thumbs{display:flex;gap:12px;overflow-x:auto;padding:2px}
.thumb-btn{flex:none;width:80px;height:80px;border-radius:8px;overflow:hidden;opacity:.5;border:1px solid transparent;transition:opacity .15s}
.thumb-btn.active{opacity:1;border:1px solid rgba(0,0,0,.22)}
.thumb-btn:hover{opacity:1}
.thumb-btn img{width:100%;height:100%;object-fit:cover}
.buybox{width:404px;max-width:100%;flex:none;border:1px solid var(--line);border-radius:16px;padding:40px 20px 30px;font-family:var(--pop);font-weight:400;background:#fff}
.product-title{font-weight:300;font-size:35.6px;line-height:38px;letter-spacing:-.75px;margin-bottom:12px}
.rating-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.stars-sm{position:relative;display:block;width:100px;height:16px}
.stars-sm .row{position:absolute;inset:0;display:flex;gap:4px}
.stars-sm .fill{overflow:hidden;width:98%}
.stars-sm img{width:16px;height:16px;flex:none}
img[hidden]{display:none!important}
.count{font-family:var(--ssp);font-size:16px;color:var(--muted)}
.tagline{font-size:17.3px;line-height:26px;color:var(--body);margin-bottom:20px}
.badges{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);border-radius:5px;padding:15px 8px;margin-bottom:20px;text-align:center}
.badges li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.2px;line-height:18px;color:#100e20}
.pack-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:28px}
.pack-tab{position:relative;height:58px;border:1px solid #e4e4e7;border-radius:8px;font-size:15.3px;color:var(--body);font-family:var(--pop)}
.pack-tab.active{border-color:var(--ink)}
.pill{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;border-radius:50px;font-size:12px;line-height:20px;padding:2px 10px;white-space:nowrap}
.pill-wide{font-size:10.7px}
.variants{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}
.variant{position:relative;display:flex;flex-direction:column;align-items:center;font-family:var(--pop);text-align:center}
.variant .v-img{position:relative;display:block;width:100%;aspect-ratio:1.15;border:1px solid rgba(0,0,0,.15);border-radius:7px;overflow:hidden;padding:9px;opacity:.9;margin-bottom:6px}
.variant.active .v-img{border-color:var(--ink);opacity:1}
.variant .v-img img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.variant .v-img .ov{position:absolute;inset:0;padding:0;border-radius:0}
.variant .v-img img:first-child:not(:only-child){opacity:0}
.v-name{font-size:14.4px;line-height:24px;color:var(--body)}
.v-price{font-size:17.9px;line-height:24px;color:var(--ink)}
.accordion.box{gap:0;margin-bottom:20px}
.acc-btn.small{padding:20px 29px 20px 32px;font-family:var(--pop);font-weight:400;font-size:14.6px;justify-content:center;gap:28px;line-height:24px}
.acc-icon.sm{width:24px;height:24px}
.acc-icon.sm img{width:100%;height:100%;transition:transform .25s}
.acc-item.open .acc-icon.sm img{transform:rotate(45deg)}
.body-sm{font-size:14px;line-height:22px}
.btn-black{display:flex;align-items:center;justify-content:center;height:62px;background:var(--ink);color:#fff;border-radius:8px;font-family:var(--pop);font-weight:400;font-size:15.75px;transition:background .15s}
.btn-black:hover{background:#1c2536}
.ships{font-family:var(--pop);font-weight:400;font-size:14.1px;color:#555;text-align:center;margin-top:10px}

/* ---------- testimonials ---------- */
.testi{background:var(--bg);padding:60px 0 40px;overflow:hidden}
.testi-head{max-width:1080px;margin:0 auto 40px;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.stars-5{display:flex;gap:6px}
.stars-5.sm{gap:3px;justify-content:center}
.stars-5 img{width:16px;height:16px}
.testi-head blockquote{font-size:clamp(26px,3.5vw,45.6px);line-height:1.32;letter-spacing:-1.44px;font-weight:900;max-width:930px}
.by{font-size:18.1px;line-height:24px}
.testi-list{display:flex;width:max-content;animation:testi-loop 40s linear infinite;will-change:transform}
.testi:hover .testi-list,.testi-list:focus-within{animation-play-state:paused}
@keyframes testi-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.card{flex:none;width:275px;margin-right:24px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;scroll-snap-align:center;display:flex;flex-direction:column;align-self:flex-start}
.card>img{width:100%;height:298px;object-fit:cover}
.card-body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px 27px;text-align:center}
.loc{font-size:17px;line-height:24px;letter-spacing:-.72px;color:#1c1917}
.loc span{color:var(--blue)}
.quote{font-size:14.7px;line-height:24px;color:var(--muted)}

/* ---------- reviews ---------- */
.reviews{background:var(--bg);padding:0 20px 80px;font-family:var(--ssp);font-weight:400;color:var(--muted)}
.reviews-inner{max-width:1080px;margin:0 auto;padding-top:20px}
.rev-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.rev-title{font-weight:700;font-size:28.8px;line-height:28.8px;letter-spacing:.72px;color:#100e20}
.btn-sm{background:var(--blue);color:#fff;font:700 14px/14px Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;padding:10px 16px;border-radius:4px;transition:filter .15s}
.btn-sm:hover{filter:brightness(1.1)}
.rev-summary{display:flex;align-items:center;gap:48px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}
.score{width:135px;text-align:center}
.score-num{font-size:48px;line-height:48px;margin-bottom:8px}
.stars-lg{position:relative;width:135px;height:27px;margin:0 auto}
.stars-lg .row{position:absolute;inset:0;display:flex}
.stars-lg .fill{overflow:hidden;width:97.76%}
.stars-lg img{width:27px;height:27px;padding:3px;flex:none}
.score-count{font-size:14px;line-height:25px;margin-top:8px}
.bars{width:250px;display:flex;flex-direction:column;gap:2px;padding:2px 0}
.bar-row{display:flex;align-items:center;font-size:14px;line-height:20px;width:100%}
.bar-row>span:first-child{width:19px;text-align:left}
.track{flex:1;height:12px;background:rgba(0,0,0,.08);border-radius:4px;overflow:hidden;display:block}
.bar-fill{display:block;height:100%;background:var(--blue);border-radius:4px}
.bar-row.active .track{outline:1px solid var(--blue)}
.strip{margin-top:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:16px}
.strip::-webkit-scrollbar{display:none}
.strip ul{display:flex;gap:8px;width:max-content}
.strip li{flex:none;width:80px;height:80px;background:linear-gradient(to top,#f9f9f9,#e2e2e2);overflow:hidden}
.strip img{width:100%;height:100%;object-fit:cover}
.sf-toggle{display:flex;align-items:center;gap:6px;font-size:14px;text-decoration:underline;color:var(--muted);margin-bottom:12px}
.sf-toggle svg{transition:transform .2s}
.sf-toggle[aria-expanded="false"] svg{transform:rotate(180deg)}
.sf-panel{display:flex;gap:8px;margin-bottom:24px}
.sf-panel[hidden]{display:none}
.select{display:flex;flex-direction:column;width:184px;height:56px;padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fff;font-size:12px;position:relative}
.select select{font:400 14px var(--ssp);color:var(--muted);border:0;background:none;outline:0;margin-top:auto;cursor:pointer}
.rev{display:flex;gap:0;padding:32px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.rev:last-child{border-bottom:0}
.rev-who{min-width:236px;padding-right:16px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px}
.who-row{display:flex;align-items:center}
.avatar{width:60px;height:60px;border-radius:50%;color:#fff;font:700 24px Arial,sans-serif;display:flex;align-items:center;justify-content:center;margin-right:12px;flex:none}
.who-name{font-size:16px;line-height:16px;margin-bottom:4px}
.verified{display:flex;align-items:center;font-size:14px;line-height:21px;gap:4px}
.verified i{width:14px;height:14px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center}
.verified i img{width:8px;height:8px}
.recommend{display:flex;align-items:center;font-size:14px;line-height:21px;gap:6px}
.recommend img{width:12px;height:10px}
.rev-main{flex:1;min-width:0}
.rev-line{display:flex;justify-content:space-between;align-items:center}
.stars-rv{display:flex;margin-left:-3px}
.stars-rv img{width:27px;height:27px;padding:3px}
.when{font-size:14px;opacity:.8}
.rev-title2{font-size:20px;line-height:30px;font-weight:600;margin:16px 0 8px}
.rev-text{font-size:16px;line-height:24px;margin-bottom:16px}
.rev-loc{font-size:14px;line-height:21px;margin-bottom:16px}
.rev-loc b{font-weight:600;display:block;margin-bottom:3.5px}
.rev-on{font-size:14px;line-height:21px;margin-bottom:16px}
.rev-help{display:flex;align-items:center;gap:8px;font-size:14px;line-height:14px}
.vote{display:flex;gap:4px;align-items:center}
.vote img{width:16px;height:16px}
.rev-empty{padding:40px 0;text-align:center}
.rev-more{display:flex;justify-content:center;padding-top:24px}

/* ---------- comparison ---------- */
.compare{background:linear-gradient(#fff,#f7f7f8 60%);padding:70px 20px 100px;display:flex;flex-direction:column;align-items:center;gap:70px}
.compare-head{display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:10px;text-align:center}
.compare-head .h-xl{max-width:1000px}
.table-wrap{width:100%;max-width:900px;overflow:visible}
.table{position:relative;width:900px;max-width:100%;height:480px;margin:0 auto}
.cell{height:80px;display:flex;align-items:center;padding:0 20px 0 22px;font-size:16.6px;line-height:24px;border-top:2px solid var(--ink);border-left:2px solid var(--ink);background:var(--bg)}
.col-labels{position:absolute;left:0;top:80px;width:50%}
.col-labels .cell.tl{border-top-left-radius:16px}
.col-labels .cell.bl{border-bottom:2px solid var(--ink);border-bottom-left-radius:16px}
.col-others{position:absolute;left:75%;top:0;width:25%;display:flex;flex-direction:column}
.oth-head{height:80px;display:flex;align-items:center;justify-content:center;font-size:17.3px}
.col-others .cell{border-left:0;border-right:2px solid var(--ink);justify-content:center;padding:0 10px;font-size:15.6px}
.col-others .cell.tr{border-top-right-radius:16px}
.col-others .cell.br{border-bottom:2px solid var(--ink);border-bottom-right-radius:15px}
.xmark{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
.col-neena{position:absolute;left:48.75%;width:27.5%;top:-28px;bottom:-28px;background:#fff;border:2px solid var(--ink);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;padding:2px 0}
.neena-logo{height:88px;display:flex;align-items:center;justify-content:center}
.neena-logo img{border-radius:50%}
.neena-price,.neena-check{height:88px;display:flex;align-items:center;justify-content:center}
.neena-price{color:var(--blue);font-size:17.3px}
.neena-check img{width:28.6px;height:28.6px}

/* ---------- FAQ ---------- */
.faq{background:#fff;padding:80px 20px 100px}
.faq-inner{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:30px}
.faq-inner .h-xl{max-width:800px}
.faq-list{width:100%}
.faq-body{padding-left:32px;padding-right:32px;font-size:14.25px;line-height:22px;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.faq-lead{color:var(--navy);font-size:14.75px}

/* ---------- footer ---------- */
.footer{background:var(--bg);padding:100px 20px 60px;display:flex;flex-direction:column;align-items:center;gap:0}
.f-logo{border-radius:50%;margin-bottom:50px}
.socials{display:flex;gap:30px;margin-bottom:50px}
.help-title{display:flex;align-items:center;gap:15px;width:434px;max-width:100%;margin-bottom:16px}
.help-title span{flex:1;height:1px;background:var(--ink)}
.help-title p{font-size:14px;letter-spacing:1.28px;line-height:24px;white-space:nowrap}
.mail{font-size:16.5px;line-height:22px}
.f-links{display:flex;gap:70px;margin-top:40px;font-size:17.3px;line-height:22px}
.f-links>div{display:flex;flex-direction:column;gap:20px;width:200px;white-space:nowrap}
.f-links>div:last-child{justify-content:flex-start}
.legal{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px;font-family:'Jost',sans-serif;font-weight:400;font-size:16px;line-height:22px}
.copy{font-size:14.75px;line-height:22px;margin-top:16px}
a:hover{opacity:.75}
.btn-blue:hover,.btn-black:hover,.btn-sm:hover{opacity:1}


/* ---------- nav: current page + anchor offset ---------- */
.nav a.current{border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:0}
.buybox{scroll-margin-top:100px}

/* ---------- our story page ---------- */
.s-hero{background:#fff;padding:80px 20px 60px}
.s-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:651px 1fr;gap:clamp(30px,6vw,110px);align-items:center}
.s-hero-media{position:relative;padding-top:30px}
.s-hero-media img{width:100%;height:auto}
.cap-top{position:absolute;top:0;left:0;font-size:14px;line-height:24px}
.s-img{position:relative}
.tag{position:absolute;left:.6%;font-size:clamp(9px,1.7vw,12px);line-height:20px}
.tag-before{top:0}
.tag-after{top:50%;color:var(--brown)}
.s-h1{font-size:clamp(34px,3.7vw,52px);line-height:1.2;letter-spacing:-1.4px;font-weight:900;margin:20px 0 28px}
.s-sub{font-size:16px;line-height:27px;max-width:480px}
.red{color:var(--red)}
.stats{background:var(--bg);padding:100px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.stats-h{font-size:clamp(28px,3.3vw,48px);line-height:1.3;letter-spacing:-1.2px;font-weight:900;margin-bottom:40px}
.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1080px}
.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:31px 31px 32px;display:flex;flex-direction:column;align-items:center;gap:0}
.stat .num{font-size:clamp(40px,3.6vw,52px);line-height:62px;color:var(--red);font-weight:900;letter-spacing:-1px}
.stat .lbl{font-size:17px;line-height:24px;margin-top:16px}
.stat p{font-size:13.5px;line-height:22px;margin-top:0;max-width:282px}
.s-block{background:#fff;padding:100px 20px}
.s-block.alt{background:var(--bg)}
.s-block-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.s-block-inner.flip .s-img{order:-1;justify-self:end}
.s-copy{max-width:580px}
.s-copy.narrow{max-width:452px;justify-self:end}
.s-h2{font-size:clamp(30px,3.2vw,46px);line-height:1.37;letter-spacing:-1.2px;font-weight:900;margin-bottom:16px}
.s-copy p{font-size:15.3px;line-height:27px;margin-bottom:27px}
.s-copy .btn-blue{margin-top:5px}
.s-img{width:100%;max-width:580px;height:auto;border-radius:12px}
.s-img.sq{max-width:540px;border-radius:0}
.s-img.tall{max-width:352px;justify-self:center}
.s-block:last-of-type .s-block-inner{max-width:1080px}

@media (max-width:1000px){
  .s-hero-inner{grid-template-columns:1fr}
  .s-block-inner{grid-template-columns:1fr}
  .s-block-inner.flip .s-img{order:0;justify-self:start}
  .s-copy.narrow{justify-self:start}
  .s-img.tall{justify-self:start}
  .stat-cards{grid-template-columns:1fr}
}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .product-inner{flex-direction:column;gap:32px}
  .gallery{width:min(561px,100%)}
  .see-grid{grid-template-columns:1fr;gap:32px}
  .see-media{position:static}
  .see-panel{padding-left:0;min-height:0}
}
@media (max-width:820px){
  .rev-summary{flex-direction:column;align-items:flex-start;gap:20px}
  .rev{flex-direction:column;gap:16px}
  .rev-who{min-width:0;padding-right:0}
  .table{height:auto;display:grid;grid-template-columns:minmax(0,1fr) 84px 84px;grid-template-rows:auto repeat(5,minmax(68px,auto));width:100%;margin:0}
  .col-labels,.col-others,.col-neena{display:contents}
  .cell{height:auto;min-height:68px;padding:8px 10px 8px 14px;font-size:14.5px;line-height:20px}
  .col-labels .cell{grid-column:1;border-right:0}
  .col-labels .cell:nth-child(1){grid-row:2}.col-labels .cell:nth-child(2){grid-row:3}.col-labels .cell:nth-child(3){grid-row:4}.col-labels .cell:nth-child(4){grid-row:5}.col-labels .cell:nth-child(5){grid-row:6}
  .col-others .oth-head{grid-column:3;grid-row:1;height:auto;min-height:0;padding:0 0 8px;font-size:15px;align-self:end}
  .col-others .cell{grid-column:3;padding:0 6px;font-size:13.5px;line-height:18px;text-align:center;border-left:0;border-right:2px solid var(--ink)}
  .col-others .cell:nth-child(2){grid-row:2}.col-others .cell:nth-child(3){grid-row:3}.col-others .cell:nth-child(4){grid-row:4}.col-others .cell:nth-child(5){grid-row:5}.col-others .cell:nth-child(6){grid-row:6}
  .neena-logo,.neena-price,.neena-check{grid-column:2;width:auto;height:auto;min-height:68px;background:#fff;border-left:2px solid var(--ink);border-right:2px solid var(--ink);position:relative;z-index:2}
  .neena-logo{grid-row:1;min-height:0;padding:10px 0 6px;border-top:2px solid var(--ink);border-radius:14px 14px 0 0;margin-top:-4px}
  .neena-logo img{width:36px;height:36px}
  .neena-price{grid-row:2;font-size:16px}
  .neena-check:nth-of-type(n){}
  .col-neena .neena-check:nth-child(3){grid-row:3}.col-neena .neena-check:nth-child(4){grid-row:4}.col-neena .neena-check:nth-child(5){grid-row:5}
  .col-neena .neena-check:nth-child(6){grid-row:6;border-bottom:2px solid var(--ink);border-radius:0 0 14px 14px;margin-bottom:-4px;padding-bottom:4px}
  .col-neena{background:none;border:0;padding:0}
  .compare{gap:40px}
  .h-xl{letter-spacing:-1px}
}
@media (max-width:560px){
  .header-inner{padding:8px 14px}
  .acc-btn{padding:16px 18px;font-size:16px;gap:10px}
  .acc-body{padding:20px 18px}
  .buybox{padding:30px 16px 24px}
  .footer .f-links{gap:24px}
  .f-links>div{width:auto}
  .select{flex:1;width:auto}
  .rev-title{font-size:24px}
}
@media (prefers-reduced-motion:reduce){.testi-list{animation:none;width:auto;overflow-x:auto}.testi{overflow-x:auto}*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- how to install ---------- */
.mail-inline{color:var(--ink);font-weight:700;text-decoration:underline}
.i-hero{background:#fff;padding:16px 20px}
.i-hero-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.i-hero-img{flex:none;width:600px;max-width:50%}
.i-hero-img img{width:100%;height:auto}
.i-hero-text{width:600px;padding:0 60px;display:flex;flex-direction:column;gap:16px;font-family:var(--sat)}
.i-hero-text .eyebrow{font-weight:900;color:var(--ink)}
.i-h1{font-family:var(--sat);font-weight:900;font-size:clamp(34px,3.7vw,48.4px);line-height:1.4;letter-spacing:-2px;color:var(--ink)}
.i-lead{font-weight:700;font-size:20px;line-height:28px;color:#333}
.i-lead:first-of-type{margin-top:10px}
.i-compat{background:var(--bg);padding:70px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}
.i-compat h2{font-family:var(--sat);font-weight:900;font-size:clamp(30px,3.4vw,45.9px);line-height:62px;letter-spacing:-1.9px;color:var(--ink)}
.i-compat p{max-width:500px;font-weight:700;font-size:21.75px;line-height:28px;color:#000}
.i-video{background-color:#fff;background-repeat:no-repeat;background-size:100% auto;background-position:top left;padding:70px 20px}
.i-video-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:40px}
.video-box{position:relative;flex:0 0 58%;aspect-ratio:1023/498;background:#000;overflow:hidden}
.video-box img{width:100%;height:100%;object-fit:cover}
.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .15s}
.play-btn:hover{transform:translate(-50%,-50%) scale(1.08)}
.video-box.playing .play-btn{display:none}
.video-box video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.video-text{flex:1;display:flex;flex-direction:column;gap:26px}
.video-text h2{font-family:var(--sat);font-weight:900;font-size:clamp(30px,3.2vw,51.5px);line-height:1.2;letter-spacing:-2px;color:#100e20}
.video-text .blue,.i-quote .blue{color:var(--blue)}
.video-text p{font-size:16.2px;line-height:27px;font-weight:700;color:var(--ink);max-width:400px}
.i-reviews{background:var(--bg);padding:60px 20px}
.i-quote{max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:40px;text-align:center}
.stars5{display:flex;gap:6px;justify-content:center}.stars5 img{width:16px;height:16px}.stars5.blue{gap:3px;justify-content:flex-start}
.i-quote h2{font-family:var(--sat);font-weight:900;font-size:clamp(28px,3.4vw,45.6px);line-height:60px;letter-spacing:-1.44px;color:var(--ink)}
.i-quote .who{font-weight:900;font-size:18.75px}
.i-cards{max-width:924px;margin:12px auto 0;display:flex;gap:24px;justify-content:center;align-items:stretch}
.i-card{flex:1;max-width:450px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 25px;display:flex;flex-direction:column;font-family:var(--sat);font-weight:700}
.i-card .n{font-size:17.2px;line-height:24px;letter-spacing:-.7px;color:#1c1917;margin-top:10px}
.i-card .d{font-size:15.1px;line-height:24px;color:rgba(16,14,32,.75)}
.i-photos{display:flex;gap:10px;margin:18px 0 20px}
.i-photos img{flex:1;min-width:0;height:auto;aspect-ratio:1/1.5;object-fit:cover;border-radius:15px}
.i-card h3{text-align:center;font-size:19px;line-height:24px;letter-spacing:-.8px;color:rgba(16,14,32,.75);margin-bottom:16px}
.i-card p{font-size:14.9px;line-height:24px;color:rgba(16,14,32,.75)}

@media (max-width:820px){
  .i-hero-inner{flex-direction:column}.i-hero-img{max-width:100%;width:100%}.i-hero-text{width:100%;padding:24px 4px 40px}
  .i-h1{letter-spacing:-1px;line-height:1.2}
  .i-compat h2{line-height:1.2}
  .i-video-inner{flex-direction:column}.video-box{flex:none;width:100%}
  .i-cards{flex-direction:column;align-items:center}.i-card{width:100%}
  .i-quote h2{line-height:1.25}
}
.i-hero-img{position:relative;overflow:hidden;aspect-ratio:1}
.i-hero-img img.ov{position:absolute;top:.1%;left:-44.5%;width:170.7%;height:170.7%;max-width:none;object-fit:cover}
@media (max-width:360px){.footer .f-links{gap:12px;flex-wrap:wrap;justify-content:center}.footer .f-links a{white-space:normal}}
html,body{overflow-x:hidden}
.amz-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:8px;background:var(--bg);color:#9a9a9f;font-size:13.5px;font-weight:700;white-space:nowrap;transition:color .15s,background .15s}
.amz-btn:hover{color:var(--ink);background:#ececee}
.amz-btn img{width:20px;height:20px;transition:filter .15s}.amz-btn:hover img{filter:brightness(.2)}
.variant .v-img.fit img{object-fit:contain}
.pack-tab .pill{z-index:2}
.pack-tab.active{z-index:1}
@media (max-width:360px){.table{grid-template-columns:minmax(0,1fr) 66px 66px}.cell{font-size:13px;padding-left:10px}.col-labels .cell{overflow-wrap:anywhere;hyphens:auto}.col-others .cell{font-size:12px}.neena-price{font-size:14px}}

.nav-links{display:contents}
.menu-btn{display:none;width:40px;height:40px;border-radius:8px;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.site-header.menu-open .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header.menu-open .menu-btn span:nth-child(2){opacity:0}
.site-header.menu-open .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:820px){
  .header-actions{gap:8px;align-items:center}
  .menu-btn{display:flex}
  .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:0;padding:6px 20px 14px;border-bottom:1px solid #e4e4e7;box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .site-header.menu-open .nav-links{display:flex}
  .nav-links a{font-size:16px;padding:14px 0;border-bottom:1px solid #f0f0f2}
  .nav-links a:last-child{border-bottom:0}
  .nav a.current{border-bottom:1px solid #f0f0f2;font-weight:900}
  .amz-btn{padding:0 12px;font-size:13px}
}
@media (max-width:360px){.amz-btn{padding:0 9px;font-size:12px;gap:4px}.header-inner{padding:8px 10px}}