@font-face{font-family:Poppins;src:url('assets/poppins-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#172c26;--green:#13765f;--mint:#edf7f1;--line:#d5e2da;--paper:#fffefa;--muted:#53685f;--pad:22px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.7 Poppins,Arial,sans-serif;padding-bottom:calc(86px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
img,video{display:block;max-width:100%;height:auto}
button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green);outline-offset:4px}
[hidden]{display:none!important}
.wrap{width:min(1120px,100% - var(--pad)*2);margin-inline:auto}.narrow{max-width:780px}
.section{padding-block:58px}.section-intro{max-width:620px;margin-bottom:28px}
h1,h2{font-weight:600;letter-spacing:-.055em;line-height:1.1}
h1{font-size:clamp(33px,8.9vw,52px)}h2{font-size:clamp(29px,7.7vw,45px)}h3{font-size:20px;line-height:1.4;letter-spacing:-.025em}
h1 span,h2 span{color:var(--green)}h2+p{margin-top:19px;max-width:530px}
p{color:var(--muted)}strong{font-weight:600}.micro{font-size:10px;line-height:1.65;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:14px 20px;background:var(--green);color:#fff;border:0;border-radius:6px;font-size:13px;font-weight:600;line-height:1.35;transition:background .2s,transform .2s}
.button:hover{background:#0c5d4a}.button:active{transform:scale(.985)}.button span{font-size:22px;line-height:1}
.text-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-weight:500;font-size:13px;border-bottom:1px solid var(--green)}
.skip{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-150%);padding:12px;background:#fff}.skip:focus{transform:none}
.read-progress{height:3px;position:fixed;top:0;left:0;right:0;z-index:60}.read-progress span{display:block;background:var(--green);height:100%;transform:scaleX(0);transform-origin:left}
.header{width:min(1120px,100% - var(--pad)*2);margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between}.header img{width:122px;height:auto}.header-link{font-size:11px;font-weight:500;min-height:44px;display:flex;align-items:center;gap:8px}.header-link span{font-size:19px}
/* Scar-led hero. The real packshot is a transparent cutout, with no image rectangle. */
.hero{background:var(--mint);overflow:hidden}.hero-inner{display:grid;padding-top:28px}.hero-copy{position:relative;z-index:2}.hero-copy>p:not(.hero-follow){max-width:470px;margin-top:18px;font-size:14px;line-height:1.7}.hero-cta{margin-top:19px;min-width:200px}.hero-follow{font-size:11px;line-height:1.5;margin-top:13px;color:var(--green)}
.hero-art{position:relative;height:255px;margin-top:7px;isolation:isolate}.hero-product{position:absolute;width:131px;right:16px;top:0;height:252px;object-fit:contain;transform:rotate(7deg);animation:product-in .8s ease-out both}
.hero-art-line{position:absolute;left:-34px;right:-70px;top:45px;height:140px;border:1px solid #c6decd;border-radius:50%;transform:rotate(-20deg);z-index:-1}.hero-product-note{position:absolute;left:2px;top:89px;max-width:165px;line-height:1.55}.hero-product-note strong{display:block;font-size:16px;letter-spacing:-.035em}.hero-product-note span{display:block;font-size:11px;color:var(--muted);margin-top:7px}
.trust-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-block:20px;font-size:10px;line-height:1.4}
.mechanism{display:grid;gap:28px}.more{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:17px 28px 17px 0;font-size:13px;font-weight:500;line-height:1.5;min-height:50px}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;top:12px;font-size:24px;font-weight:400;line-height:1.2}details[open]>summary::after{content:'−'}details>div{padding:0 0 21px;font-size:13px;line-height:1.75}details>div p+p{margin-top:12px}.source{display:inline-block;margin-top:13px;font-size:11px;text-decoration:underline;text-underline-offset:4px}
/* Four phases: blocked pore, pressure, tissue injury, possible scarring. */
.pressure-demo{background:#f7eee6;border-radius:9px;padding:17px 15px 16px;overflow:hidden}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.demo-heading strong{font-size:12px;font-weight:500;color:#6a4c40}.demo-heading button{border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:8px 0 8px 10px;min-height:44px;font-size:10px;color:#6a4c40}.pause-icon{font-size:18px;line-height:1}
.pore-diagram{width:100%;height:auto;margin-block:3px 15px;overflow:visible}.pore-diagram *{transition:opacity .85s ease,transform 1.25s cubic-bezier(.22,1,.36,1)}
.finger-left{transform:translate(-23px,-22px)}.finger-right{transform:translate(23px,-22px)}.finger{opacity:0}.pressure-arrows,.down-arrow,.escaped-contents,.skin-scar{opacity:0}.inflammation{transform-origin:260px 223px;opacity:.7}.skin-bump,.pore-wall,.blocked-plug,.pore-contents,.bacteria,.diagram-labels{opacity:1}
[data-phase='1'] .finger,[data-phase='2'] .finger{opacity:1;transform:translate(0,0)}
[data-phase='1'] .pressure-arrows,[data-phase='1'] .down-arrow{opacity:1}
[data-phase='1'] .pore-contents{transform:translateY(19px)}[data-phase='1'] .bacteria{transform:translateY(9px)}[data-phase='1'] .blocked-plug{transform:translateY(9px)}
[data-phase='2'] .pore-contents{transform:translateY(22px)}[data-phase='2'] .bacteria{transform:translateY(14px)}[data-phase='2'] .escaped-contents{opacity:1}[data-phase='2'] .inflammation{opacity:1;transform:scaleX(1.58)}[data-phase='2'] .pore-wall{stroke-dasharray:17 8}
[data-phase='3'] .skin-bump{opacity:0}[data-phase='3'] .skin-scar{opacity:1}[data-phase='3'] .blocked-plug,[data-phase='3'] .pore-contents,[data-phase='3'] .bacteria,[data-phase='3'] .diagram-labels{opacity:0}[data-phase='3'] .pore-wall{opacity:.25}[data-phase='3'] .inflammation{opacity:.2;transform:scaleX(1.3)}
.animation-caption{display:flex;gap:12px;align-items:flex-start;min-height:47px}.animation-caption>span{font-size:10px;white-space:nowrap;color:#886b5b;line-height:1.8}.animation-caption strong{font-size:12px;font-weight:500;line-height:1.55;color:#644739}.animation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.animation-steps span{border-top:2px solid #e3cdbd;padding-top:9px;font-size:10px;color:#816757;line-height:1.5;transition:border-color .4s,color .4s}.animation-steps span.active{border-color:#954944;color:#693f36;font-weight:500}.pressure-demo>.micro{font-size:9px;margin-top:13px;color:#806b5d}
.solution{background:var(--mint)}.solution-grid{display:grid;gap:28px}.science-video{max-width:520px}.science-video video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;background:#e5ebe6}.science-video .micro{margin-top:10px}.formula h3{font-size:16px;color:var(--green)}.formula-lead{font-size:26px;color:var(--ink);line-height:1.25;letter-spacing:-.045em;font-weight:500;margin-top:12px;margin-bottom:24px}.formula-row{display:flex;gap:17px;border-bottom:1px solid #cfdfd4;padding-block:16px}.formula-row>span{font-size:12px;color:var(--green);padding-top:2px}.formula-row strong{font-size:13px;line-height:1.4;display:block}.formula-row p{font-size:12px;margin-top:5px}.formula .more{margin-top:22px}.formula .button{margin-top:23px}.contact-line{margin-top:24px}.contact-line strong{font-size:14px;font-weight:500;display:block}.contact-line span{font-size:10px;color:var(--muted);display:block;margin-top:8px;line-height:1.65}
.proof-heading p{font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,1fr);margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px;gap:22px}.stats>div+div{border-left:1px solid var(--line);padding-left:25px}.stats span{display:block;font-size:11px}.stats strong{display:block;font-size:clamp(50px,13vw,80px);font-weight:500;letter-spacing:-.065em;color:var(--green);line-height:1.35}.stats small{font-size:.54em;margin-left:1px}.stats p{font-size:12px;line-height:1.55}.study-note{margin-top:14px;font-size:10px}.study-details{max-width:760px;margin-top:20px}.proof .text-link{margin-top:14px}.clinical-images{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:29px}.clinical-images img{width:100%;height:auto;border-radius:5px}.clinical-images figcaption{font-size:9px;line-height:1.5;margin-top:9px;color:var(--muted)}
/* Explicit comparison, no pinned stage, no scroll gesture to discover. */
.consumer-section{padding-top:55px;background:#f2f5ee}.consumer-section .section-intro p{font-size:13px}.result-browser{max-width:730px}.result-tabs{display:flex;gap:6px;margin-bottom:17px}.result-tabs button{border:1px solid var(--line);border-radius:5px;background:transparent;padding:10px 14px;font-size:12px;min-height:46px;flex:1;transition:background .2s,color .2s}.result-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.result-toolbar>strong{font-size:12px;max-width:116px;line-height:1.4}.view-buttons{display:flex;border:1px solid #c5d6c7;border-radius:6px;overflow:hidden;padding:3px;background:#f9fbf7}.view-buttons button{background:transparent;border:0;border-radius:4px;min-height:44px;min-width:49px;padding:9px 10px;font-size:11px;line-height:1.2;color:var(--muted)}.view-buttons button[aria-pressed=true]{background:var(--green);color:#fff}
.result-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}.result-photo{position:relative;overflow:hidden;border-radius:6px;background:#dbe1d7}.result-photo img{width:100%;aspect-ratio:4/3;object-fit:contain;height:auto}.result-panel[data-orientation='portrait'] .result-photo img{aspect-ratio:3/4}.result-photo figcaption{position:absolute;top:10px;left:10px;background:#fffefaf0;border-radius:3px;padding:4px 9px;font-size:10px;line-height:1.4;font-weight:500}.result-after figcaption{background:var(--green);color:#fff}.result-panel[data-view='before'],.result-panel[data-view='after']{grid-template-columns:1fr}.result-panel[data-view='before'] .result-after,.result-panel[data-view='after'] .result-before{display:none}.result-panel[data-view='before'] .result-photo img,.result-panel[data-view='after'] .result-photo img{animation:photo-in .35s ease-out}.result-panel[data-orientation='portrait']:not([data-view='both']){max-width:520px;margin-inline:auto}.result-note{font-size:9px;margin-top:13px}
.consumer-stories{padding-block:32px 55px}.review-grid{display:grid;gap:15px}.review{background:var(--paper);border:1px solid #e4e9df;border-radius:7px;padding:24px}.stars{color:var(--green);letter-spacing:3px;font-size:15px}.review blockquote{margin:17px 0 21px;font-size:14px;line-height:1.75}.review figcaption{font-size:12px;font-weight:500}.review figcaption span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.consumer-stories>.micro{margin-top:12px;font-size:9px}.stories-heading{margin:30px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stories-heading h3{font-size:20px}.stories-heading p{font-size:10px}.video-stories{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:690px}.video-stories video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:7px;background:#dde4dc}.video-stories figcaption{font-size:12px;margin-top:10px}.consumer-trust{text-align:center;color:var(--ink);font-size:13px;line-height:1.7;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.consumer-trust strong{font-size:27px;letter-spacing:-.04em}
.faq{background:#f7f6f0}.faq h2{margin-bottom:25px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:13px;padding-block:20px;line-height:1.5}.faq summary::after{top:16px}.closing{background:var(--mint);overflow:hidden}.closing-grid{display:grid;gap:24px}.closing p{max-width:400px;margin-top:20px;font-size:13px}.closing .button{margin-top:24px}.closing img{width:153px;max-height:295px;object-fit:contain;justify-self:center;transform:rotate(7deg);margin-top:5px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:26px}.footer img{width:110px;height:auto}.footer a{font-size:10px;min-height:44px;display:flex;align-items:center}
.floating-cta{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffefaee;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #d6e3d8;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #14392906}.floating-cta>div{min-width:0}.floating-cta strong{display:block;font-size:12px;line-height:1.4}.floating-cta>div>span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.floating-cta .button{min-height:48px;padding:12px 15px;gap:12px;font-size:12px;white-space:nowrap}.floating-cta .button span{font-size:20px}
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.js .reveal.visible{opacity:1;transform:none}
@keyframes product-in{from{opacity:0;transform:translateY(18px) rotate(12deg)}to{opacity:1;transform:translateY(0) rotate(7deg)}}
@keyframes photo-in{from{opacity:.5}to{opacity:1}}
@media(min-width:700px){
 :root{--pad:36px}.section{padding-block:82px}.hero-inner{grid-template-columns:1.25fr 1fr;align-items:center;padding-block:58px;gap:30px}h1{font-size:clamp(45px,5.3vw,62px)}.hero-copy>p:not(.hero-follow){font-size:15px}.hero-art{height:445px;margin-top:0}.hero-product{width:211px;height:407px;right:25px;top:16px}.hero-art-line{top:110px;height:210px;left:-45px;right:-50px}.hero-product-note{left:-6px;top:130px;max-width:175px}.hero-product-note strong{font-size:19px}.hero-product-note span{font-size:12px}.trust-line{justify-content:center;gap:60px;font-size:12px;padding-block:25px}.mechanism{grid-template-columns:1fr 1fr;gap:55px;align-items:center}.pressure-demo{padding:20px 21px}.demo-heading strong{font-size:14px}.animation-caption strong{font-size:14px}.animation-steps span{font-size:11px}.solution-grid{grid-template-columns:1fr 1fr;gap:55px;align-items:center}.solution .section-intro{margin-bottom:37px}.formula-lead{font-size:31px}.formula-row strong{font-size:15px}.formula-row p{font-size:13px}.contact-line strong{font-size:16px}.contact-line span{font-size:11px}.stats{max-width:750px;gap:30px;padding-block:32px}.stats>div+div{padding-left:50px}.stats strong{font-size:82px}.stats span{font-size:13px}.stats p{font-size:14px}.clinical-images{max-width:900px;gap:24px;margin-top:35px}.clinical-images figcaption{font-size:11px}.consumer-section{padding-top:75px}.result-tabs{gap:10px}.result-tabs button{font-size:14px;min-height:48px}.result-toolbar>strong{font-size:15px;max-width:none}.view-buttons button{min-width:78px;font-size:12px;min-height:44px}.result-panel{gap:14px}.result-photo figcaption{font-size:12px;padding:5px 12px;left:14px;top:14px}.result-note{font-size:10px}.review-grid{grid-template-columns:1fr 1fr;gap:22px}.review{padding:30px}.review blockquote{font-size:16px}.review figcaption{font-size:13px}.video-stories{margin-inline:auto}.stories-heading{max-width:690px;margin-inline:auto}.consumer-stories{padding-bottom:75px}.faq summary{font-size:15px}.faq details>div{font-size:14px}.closing-grid{grid-template-columns:1fr 1fr;align-items:center}.closing img{width:212px;max-height:407px;margin:0}.closing p{font-size:15px}.floating-cta{padding-inline:max(36px,calc((100vw - 1120px)/2))}.floating-cta strong{font-size:14px}.floating-cta>div>span{font-size:11px}.floating-cta .button{min-width:210px}.footer a{font-size:12px}
}
@media(max-width:359px){:root{--pad:18px}h1{font-size:31px}.hero-art{height:245px}.hero-product{width:125px;right:4px;height:240px}.hero-product-note{max-width:145px}.hero-product-note strong{font-size:14px}.trust-line{font-size:9px;gap:7px}.result-toolbar{gap:5px}.result-toolbar>strong{font-size:11px;max-width:98px}.view-buttons button{min-width:42px;padding-inline:8px;font-size:10px}.result-tabs button{padding-inline:9px}.floating-cta{gap:8px;padding-inline:12px}.floating-cta strong{font-size:11px}.floating-cta>div>span{font-size:8px}.floating-cta .button{font-size:11px;padding-inline:12px;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}