:root{--ink:#103638;--deep:#073f40;--teal:#087e7b;--lime:#c8f471;--paper:#fff;--muted:#52696b;--line:#dce8e7;--tint:#eef7f6;--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px;background:#e6efed}
body{margin:0;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));width:100%;max-width:480px;margin-inline:auto;color:var(--ink);background:var(--paper);box-shadow:0 0 60px #073f4012;font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.85}
h1,h2,h3,p,figure,ul,ol{margin:0}
h1,h2,h3{line-height:1.4}
h1,h2{font-weight:700}
h1{font-size:clamp(2rem,8.6vw,2.6rem)}
h2{font-size:clamp(1.8rem,7.4vw,2.25rem)}
h3{font-size:1.18rem}
em{font-style:normal;color:var(--teal)}
a{color:inherit;text-decoration:none}
button{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
button,a,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #bf6104;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:100;padding:10px 16px;background:#fff;color:var(--deep);border:2px solid var(--deep);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.page-width{width:calc(100% - 32px);margin-inline:auto}
.dev-notice{padding:10px 14px;background:#ffdede;color:#8a1f1f;font:700 .8rem Arial,sans-serif;direction:ltr;text-align:center}

/* ---------------------------------------------------------------- header */
.service-banner{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 16px;padding:9px 12px;background:var(--deep);color:#fff;font-size:.78rem}
.service-banner span+span{color:var(--lime)}
.site-header{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 32px);margin-inline:auto;min-height:70px}
.brand{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.06em;display:inline-flex;align-items:center;direction:ltr;min-height:44px}
.brand span{color:var(--teal);font-weight:400}
.header-order{display:flex;gap:5px;align-items:center;min-height:44px;font:700 1.12rem Arial,sans-serif}
.header-order small{font-size:.75rem;font-weight:400}
.header-order>span:last-child{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);border-radius:50%;margin-inline-start:5px}
.section-nav{display:flex;justify-content:center;gap:clamp(8px,3vw,18px);padding:0 12px;border-block:1px solid var(--line);font-size:.8rem}
.section-nav a{min-height:46px;display:grid;place-items:center;white-space:nowrap}
.section-nav a:hover{color:var(--teal)}

/* ------------------------------------------------------------------ hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:24px 30px}
.hero-copy{display:contents}
.eyebrow{font-size:.85rem;font-weight:700;color:var(--teal);margin-bottom:12px}
.hero-copy>.eyebrow{order:0;margin-bottom:2px}
.hero-copy>h1{order:1;margin-bottom:6px}
.hero-copy>.hero-offer{order:2}
.hero>.gallery{order:3;margin-block:6px 10px}
.hero-copy>.button{order:4}
.hero-copy>.under-cta{order:5}
.hero-copy>.lead{order:6}
.hero-copy>.stock{order:7}
.lead{font-size:1rem;color:var(--muted);margin-top:14px}
.hero-offer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-block:10px}
.price{display:flex;align-items:baseline;gap:8px;white-space:nowrap;line-height:1.2}
.price>s{font:400 1.25rem Arial,sans-serif;color:#93a8a7;text-decoration-thickness:2px}
.price>b{font-family:Arial,sans-serif;font-size:3rem;font-weight:700;letter-spacing:-.035em}
.price>span{font-size:1rem;font-weight:700}
.save-badge{background:var(--lime);color:var(--deep);border-radius:30px;padding:7px 14px;font-size:.82rem;font-weight:700;white-space:nowrap}
.stock{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;color:#356026;margin-top:12px}
.stock i{width:7px;height:7px;border-radius:50%;background:#4a9226;flex-shrink:0}
.button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;border:0;border-radius:14px;font-size:1.02rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s,opacity .2s;text-align:start}
.primary{background:var(--deep);color:#fff}
.primary>span[aria-hidden]{font-size:1.4rem;color:var(--lime);flex-shrink:0}
.primary:hover{background:#0c6260}
.primary:active{transform:scale(.985)}
.button.is-loading{opacity:.6;pointer-events:none}
.btn-label{display:inline-block}
.hero .button,.sticky-buy .button{background:var(--lime);color:var(--deep)}
.hero .button>span[aria-hidden],.sticky-buy .button>span[aria-hidden]{color:var(--deep)}
.hero .button:hover,.sticky-buy .button:hover{background:#b6e859}
.under-cta{font-size:.85rem;color:var(--muted);margin-top:10px}

/* --------------------------------------------------------------- gallery */
.gallery{min-width:0}
.gallery-window{position:relative;border-radius:var(--radius);overflow:hidden;background:#f2f8f7;outline:1px solid var(--line)}
.gallery-slide img{width:100%;aspect-ratio:1;object-fit:cover}
.gallery-slide figcaption{min-height:52px;padding:10px 14px;font-size:.78rem;line-height:1.7;color:var(--muted);background:#f3f8f7}
.gallery-label{position:absolute;top:16px;left:16px;color:#fff;background:rgba(5,45,47,.8);border:1px solid #ffffff4d;padding:5px 12px;border-radius:30px;font-family:Arial,sans-serif;font-size:.75rem;direction:ltr;pointer-events:none}
.gallery-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.thumb{display:flex;align-items:center;justify-content:center;gap:7px;min-height:58px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:.78rem;cursor:pointer}
.thumb img{width:40px;height:40px;object-fit:cover;border-radius:7px}
.thumb.active{border:2px solid var(--teal);padding:5px;color:var(--ink);background:var(--tint)}

/* ------------------------------------------------------------- trust row */
.trust-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:6px}
.trust-row>div{padding:16px 14px;display:flex;flex-direction:column;gap:2px;min-width:0;background:var(--tint)}
.trust-row>div:nth-child(odd){border-inline-end:1px solid var(--line)}
.trust-row>div:nth-child(-n+2){border-block-end:1px solid var(--line)}
.trust-row b{font-size:.95rem;line-height:1.5}
.trust-row span{font-size:.78rem;color:var(--muted)}

/* -------------------------------------------------------------- sections */
.section{padding-block:52px}
.section-intro{margin-bottom:26px}
.section-intro h2{margin-bottom:16px}
.section-intro>p:last-child{color:var(--muted)}
.benefit-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.benefit-grid article{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}
.benefit-grid article:first-child{background:var(--tint)}
.feature-number{display:block;margin-bottom:20px;font-family:Arial,sans-serif;color:var(--teal);font-size:.85rem}
.benefit-grid h3{margin-bottom:8px}
.benefit-grid p{color:var(--muted)}

.section-photo{margin-bottom:20px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#f2f8f7}
.section-photo img{width:100%;aspect-ratio:1;object-fit:cover}
.section-photo.wide img{aspect-ratio:4/3}

/* ------------------------------------------------------------------ cost */
.cost-section{background:var(--tint)}
.cost-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cost-cell{padding:22px 16px;border-radius:18px;display:flex;flex-direction:column;gap:6px;text-align:center;background:#fff;border:1px solid var(--line)}
.cost-cell b{font:700 1.55rem Arial,sans-serif;line-height:1.2}
.cost-cell span{font-size:.8rem;color:var(--muted);line-height:1.6}
.cost-cell.old b{color:#a8423a}
.cost-cell.new{background:var(--deep);border-color:var(--deep);color:#fff}
.cost-cell.new b{color:var(--lime)}
.cost-cell.new span{color:#c3d8d7}
.cost-note{margin-block:20px 24px;color:var(--muted);font-size:.95rem}

/* ------------------------------------------------------------ comparison */
.comparison-section{background:#f4f8f7}
.photo-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.comparison-photo{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
.comparison-photo-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;min-height:58px}
.comparison-photo-heading strong{font-size:1.05rem}
.comparison-photo-heading span{font-size:.8rem}
.glucowise-photo .comparison-photo-heading{background:var(--deep);color:#fff}
.glucowise-photo .comparison-photo-heading span{color:var(--lime)}
.traditional-photo .comparison-photo-heading{background:#edf0ef;color:#334644}
.comparison-photo>img{width:100%;aspect-ratio:1;object-fit:cover}
.comparison-photo figcaption{padding:20px}
.comparison-photo figcaption h3{font-size:1.12rem}
.comparison-photo figcaption p{font-size:.95rem;color:var(--muted);margin-top:8px}
.comparison-buy{margin-top:22px}

/* ------------------------------------------------------------------- how */
.how-section{background:var(--deep);color:#fff}
.how-copy em{color:var(--lime)}
.how-copy .eyebrow{color:var(--lime)}
.how-copy>p:not(.eyebrow){color:#c3d8d7;margin-top:16px}
.usage-story{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:22px}
.usage-story>li{overflow:hidden;border-radius:22px;background:#0d5051;border:1px solid #ffffff25}
.usage-story figure img{width:100%;aspect-ratio:1;object-fit:cover}
.usage-copy{position:relative;padding:24px}
.usage-copy h3{padding-inline-start:48px;min-height:36px;display:flex;align-items:center}
.usage-copy p{margin-top:12px;color:#d5e6e4;font-size:.95rem}
.step-badge{position:absolute;inset-inline-start:24px;top:25px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--deep);font:700 .8rem Arial,sans-serif}
.technology-detail{margin-top:20px;border-bottom:1px solid #ffffff30}
.technology-detail summary{font-size:.92rem}
.technology-detail summary>span:last-child{color:var(--lime)}
.technology-detail p{font-size:.88rem;color:#c3d8d7;padding-bottom:16px}

.trust-row b{display:flex;align-items:center;gap:7px}
.trust-row b svg{width:18px;height:18px;color:var(--teal);flex-shrink:0}
.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--lime);color:var(--deep);margin-bottom:18px}
.feature-icon svg{width:24px;height:24px}
.how-diagram{margin-top:26px;padding:18px 14px 8px;border:1px solid #ffffff2e;border-radius:22px;background:#0b4a4b}
.how-diagram>svg{width:100%;height:auto;display:block}
.diagram-legend{list-style:none;padding:0;margin:14px 0 6px;display:grid;gap:9px}
.diagram-legend li{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;line-height:1.6;color:#d5e6e4}
.diagram-legend span{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--lime);color:var(--deep);font:700 .72rem Arial,sans-serif}
.diagram-legend b{font-weight:400}

/* ------------------------------------------------------------------- app */
.app-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.app-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:12px;min-height:48px;font-size:.9rem;cursor:pointer}
.app-tabs button[aria-pressed=true]{background:var(--deep);color:#fff;border-color:var(--deep)}
.app-screens{padding:20px 16px;border:1px solid #d2e7e2;border-radius:24px;background:linear-gradient(155deg,#d8f3ea,#edf5f3 65%);min-width:0}
.screen-crop{position:relative;display:block;overflow:hidden;margin-inline:auto;isolation:isolate;border-radius:8px}
.screen-crop img{position:absolute;max-width:none;object-fit:fill}
.screen-crop.mmol{width:min(100%,290px);aspect-ratio:315/660}
.mmol img{width:468.254%;height:112.273%;top:-9.849%;left:-100%}
.mmol.crop-two img{left:-199.365%}
.app-screen figcaption{padding-top:16px;margin-top:16px;border-top:1px solid #c9ddda}
.app-screen figcaption h3{font-size:1.1rem;margin-bottom:8px}
.app-screen figcaption p{font-size:.88rem;color:var(--muted)}
.app-data-note{font-size:.75rem;line-height:1.8;color:var(--muted);margin-top:16px}

/* ------------------------------------------------------------------- box */
.box-list{list-style:none;padding:0;display:grid;gap:10px}
.box-list li{display:grid;gap:2px;padding:16px 18px 16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;position:relative;padding-inline-start:52px}
.box-list li::before{content:"";position:absolute;inset-inline-start:18px;top:20px;width:20px;height:20px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23073f40' d='M9.6 16.2 5.4 12l-1.4 1.4 5.6 5.6 12-12L20.2 5.6z'/%3E%3C/svg%3E") center/13px no-repeat}
.box-list b{font-size:1rem}
.box-list span{font-size:.88rem;color:var(--muted)}

/* --------------------------------------------------------------- reviews */
.review-grid{display:grid;gap:12px}
.review-grid article{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.review-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.review-head b{font-size:.95rem}
.review-stars{color:#e0a52b;font-size:.9rem;letter-spacing:1px;direction:ltr}
.review-grid p{color:var(--muted);font-size:.95rem}

/* -------------------------------------------------------------- purchase */
.purchase-section{padding-block:48px;background:var(--deep);color:#fff}
.purchase-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.purchase-layout h2 em{color:var(--lime)}
.purchase-layout .eyebrow{color:var(--lime)}
.purchase-layout>div:first-child>p:not(.eyebrow){margin-top:16px;color:#c3d8d7}
.purchase-card{padding:24px;background:#fff;color:var(--ink);border-radius:var(--radius)}
.purchase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.purchase-heading>strong{font-family:Arial,sans-serif;font-size:1.3rem}
.purchase-card .price{margin-block:20px 18px}
.purchase-card .price>b{font-size:3.6rem}
.purchase-card .stock{margin-top:0}
.purchase-includes{list-style:none;padding:0;display:grid;gap:9px;margin-bottom:6px}
.purchase-includes li{position:relative;padding-inline-start:26px;font-size:.92rem;color:var(--muted)}
.purchase-includes li::before{content:"";position:absolute;inset-inline-start:0;top:9px;width:16px;height:16px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23087e7b' d='M9.6 16.2 5.4 12l-1.4 1.4 5.6 5.6 12-12L20.2 5.6z'/%3E%3C/svg%3E") center/11px no-repeat}
.purchase-line{margin-block:0;padding-block:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:.9rem}
.purchase-line strong{font-weight:700}
.purchase-line.total{font-size:1rem;border-bottom:1px solid var(--line);margin-bottom:20px}
.secure-pay{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.secure-pay-title{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;color:var(--muted);margin-bottom:12px}
.secure-pay-title svg{color:var(--teal);flex-shrink:0}
.pay-methods{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pay-methods svg{width:52px;height:33px;border-radius:6px;border:1px solid var(--line);background:#fff}
.pay-methods.light svg{border-color:#ffffff40}
.whatsapp-link{display:block;text-align:center;min-height:48px;line-height:48px;border:1px solid #ffffff45;border-radius:14px;color:#fff;font-size:.92rem}
.whatsapp-link:hover{background:#ffffff12}

.sfda-badge{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.sfda-badge img{width:132px;height:auto;flex-shrink:0}
.sfda-badge p{font-size:.72rem;line-height:1.55;color:var(--muted)}
.sfda-badge span{display:block;color:var(--ink);font-weight:700;direction:ltr;text-align:start;margin-top:2px}
.final-cta .sfda-badge{max-width:340px;margin-inline:auto;margin-top:18px;text-align:start}

/* -------------------------------------------------------------- delivery */
.delivery-points{display:grid;gap:12px}
.delivery-points>div{padding:22px;border:1px solid var(--line);border-radius:18px}
.delivery-points b{font-family:Arial,sans-serif;font-size:.85rem;color:var(--teal)}
.delivery-points h3{margin-block:8px 6px}
.delivery-points p{color:var(--muted)}

/* ------------------------------------------------------------------- faq */
details{border-bottom:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;min-height:64px;padding:18px 0;font-size:1rem;font-weight:700}
summary::-webkit-details-marker{display:none}
summary>span:last-child{flex-shrink:0;color:var(--teal);font-size:1.4rem;transition:transform .2s}
details[open]>summary>span:last-child{transform:rotate(45deg)}
.faq details>p{padding:0 0 24px;color:var(--muted)}

/* ------------------------------------------------------------- final cta */
.final-cta{background:var(--tint);padding-block:52px;text-align:center}
.final-cta h2{margin-bottom:14px}
.final-cta>div>p{color:var(--muted);font-size:.92rem;margin-bottom:24px}
.final-cta .button{justify-content:center;gap:10px}
.final-cta .pay-methods{margin-top:18px}

/* ---------------------------------------------------------------- footer */
.site-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.site-footer p{font-size:.88rem;color:var(--muted)}
.site-footer small,.site-footer>span{font-size:.75rem;line-height:1.8;color:var(--muted)}
.footer-badges a{text-decoration:underline}

/* --------------------------------------------------------------- sticky */
.sticky-buy{position:fixed;z-index:30;bottom:0;inset-inline:0;width:100%;max-width:480px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -5px 28px #073f4014}
.sticky-buy>div{display:flex;flex-direction:column;min-width:92px}
.sticky-buy strong{font-size:1.4rem;font-family:Arial,Tahoma,sans-serif;line-height:1.35;display:flex;align-items:baseline;gap:6px}
.sticky-buy strong s{font-size:.9rem;font-weight:400;color:#93a8a7}
.sticky-buy strong small{font-size:.85rem;font-weight:400}
.sticky-buy>div>span{font-size:.75rem;color:var(--muted)}
.sticky-buy .button{flex:1;max-width:280px;min-height:52px;padding-inline:18px;justify-content:space-between}

/* ------------------------------------------------------------- whatsapp */
.whatsapp-fab{position:fixed;z-index:29;inset-inline-end:14px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 20px #0000002e}
.whatsapp-fab:hover{background:#1fbe5a}

@media(max-width:360px){
  .section-nav{gap:8px;font-size:.75rem}
  .thumb{flex-direction:column;gap:3px;font-size:.7rem}
  .thumb img{width:36px;height:36px}
  .price>b{font-size:2.6rem}
  .save-badge{font-size:.75rem;padding:6px 10px}
  .cost-cell b{font-size:1.3rem}
  .button{padding-inline:16px;font-size:.95rem}
  .purchase-card{padding:20px}
  .pay-methods svg{width:46px;height:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}