
:root{--ink:#0b1720;--navy:#102c3b;--teal:#16b8a6;--teal2:#55d8c9;--mint:#e8faf6;--cream:#f6f9f7;--white:#fff;--gold:#d9ad62;--muted:#65747b;--line:#dce7e5;--shadow:0 12px 32px rgba(8,32,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,DM Sans,Arial,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1080px,92%);margin:auto}
.topbar{height:32px;background:var(--ink);color:#cfe0e3;font-size:9px;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.topbar span+span{margin-left:18px}
.header{height:66px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:100;backdrop-filter:blur(14px)}
.logo{display:flex;align-items:center;gap:9px;color:var(--navy)}.logo-icon{width:36px;height:36px;border:1.5px solid var(--teal);border-radius:11px;display:grid;place-items:center;font-size:17px;color:var(--teal);box-shadow:0 0 0 5px var(--mint)}.logo b{font-family:Georgia,serif;font-size:23px}.logo small{display:block;color:#7a898d;font-size:8px;letter-spacing:.5px}.nav{display:flex;align-items:center;gap:24px;font-size:10px;font-weight:800;color:#40525a}.nav a{padding:26px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--teal);border-color:var(--teal)}
.hero{background:linear-gradient(115deg,#effbf8,#f8faf8 55%,#eaf5f3);min-height:390px;display:grid;grid-template-columns:52% 48%;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:52px 7%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:8px;font-weight:900;letter-spacing:1.5px;color:var(--teal);margin:0 0 9px}.hero h1{font:700 46px/1.03 Georgia,serif;color:var(--navy);letter-spacing:-1.4px;margin:0 0 14px}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{max-width:500px;color:#596b72;font-size:13px;line-height:1.65;margin:0}.actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:7px;font-size:9px;font-weight:900}.primary{background:var(--teal);color:#fff;box-shadow:0 7px 18px rgba(22,184,166,.2)}.outline{border:1px solid #bdd4d0;color:var(--navy);background:#fff}.hero-photo{position:relative;min-height:390px}.hero-photo img{width:100%;height:100%;object-fit:cover}.photo-copy{position:absolute;left:10%;top:28%;font:italic 18px/1.35 Georgia,serif;color:#2c8d81;text-align:center;transform:rotate(-4deg)}
.trust{width:min(980px,88%);margin:-18px auto 0;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:14px 17px;display:flex;gap:9px;align-items:center;border-right:1px solid var(--line)}.trust-item:last-child{border:0}.trust-icon{color:var(--teal);font-size:17px}.trust-item strong{font-size:9px}.trust-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.section{padding:48px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-title h2{font:700 28px/1.15 Georgia,serif;color:var(--navy);margin:0 0 4px}.section-title p{color:var(--muted);font-size:10px;margin:0}.section-title>a{color:var(--teal);font-size:9px;font-weight:900}.categories{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.cat{min-height:78px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;font-size:8px;font-weight:800}.cat i{font-style:normal;font-size:18px;color:var(--teal);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--mint)}
.posts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.post{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.post-image{height:135px;background:#f4f8f6;position:relative;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover}.post-image.product img{object-fit:contain;padding:5px}.label{position:absolute;left:8px;top:8px;background:var(--navy);color:#fff;border-radius:4px;padding:4px 6px;font-size:7px;font-weight:900}.post-body{padding:12px;display:flex;flex-direction:column;flex:1}.meta{font-size:7px;color:#7a898d;margin-bottom:6px}.post h3{font:700 14px/1.25 Georgia,serif;color:var(--navy);margin:0 0 7px}.post p{font-size:9px;line-height:1.5;color:var(--muted);margin:0 0 11px}.read{color:var(--teal);font-size:8px;font-weight:900;margin-top:auto}
.promise{background:linear-gradient(120deg,var(--mint),#f4faf7);border:1px solid #d8eeea;border-radius:13px;padding:19px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.promise div{display:flex;gap:8px}.promise i{font-style:normal;color:var(--teal);font-size:18px}.promise strong{font-size:9px}.promise p{font-size:8px;line-height:1.45;color:var(--muted);margin:4px 0}.about{display:grid;grid-template-columns:43% 57%;gap:40px;align-items:center}.about-photo{height:290px;border-radius:14px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.about h2{font:700 30px/1.12 Georgia,serif;color:var(--navy);margin:0 0 11px}.about p{font-size:11px;line-height:1.7;color:var(--muted)}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.point{border-top:2px solid #d9ece8;padding-top:8px}.point b{font-size:8px;color:var(--teal)}.point strong{display:block;font-size:9px;margin:4px 0}.point small{font-size:8px;color:var(--muted);line-height:1.35}
.footer{background:#091820;color:#b8cbd0;padding:35px 4% 15px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:30px}.footer h4{font-size:9px;color:#fff;margin:0 0 10px}.footer a{display:block;font-size:8px;color:#a8bec3;margin:5px 0}.footer p{font-size:8px;line-height:1.55;color:#9bb2b7}.footer-brand{font:700 19px Georgia,serif;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:25px;padding-top:11px;display:flex;justify-content:space-between;font-size:7px;color:#8fa7ad}
.page-head{background:linear-gradient(120deg,#effaf7,#f8faf8);padding:48px 0;border-bottom:1px solid var(--line)}.page-head h1{font:700 42px/1.05 Georgia,serif;color:var(--navy);margin:0 0 10px}.lead{font-size:13px;line-height:1.65;color:var(--muted);max-width:740px}
.review-hero{background:linear-gradient(120deg,#eef9f7,#f8faf8);padding:36px 0;border-bottom:1px solid var(--line)}.review-grid{display:grid;grid-template-columns:54% 46%;align-items:center;gap:20px}.review-copy h1{font:700 43px/1.03 Georgia,serif;color:var(--navy);margin:0 0 14px}.review-product{display:flex;align-items:center;justify-content:center;min-height:350px}.review-product img{width:100%;max-width:470px;max-height:400px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(8,32,42,.12))}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.fact{padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:9px}.fact b{display:block;text-transform:uppercase;letter-spacing:.7px;font-size:7px;color:var(--teal)}.fact strong{display:block;font-size:10px;margin-top:5px;color:var(--navy)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px}.article{max-width:790px}.article h2{font:700 25px/1.2 Georgia,serif;color:var(--navy);margin:35px 0 10px}.article p,.article li{font-size:12px;line-height:1.75;color:#53636a}.article ul{padding-left:19px}.note{background:var(--mint);border-left:3px solid var(--teal);padding:11px 13px;border-radius:0 8px 8px 0;font-size:9px;line-height:1.55;color:#43575d}.ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ingredient{border:1px solid var(--line);border-radius:10px;padding:14px}.ingredient-icon{width:33px;height:33px;border-radius:9px;background:var(--mint);display:grid;place-items:center;color:var(--teal);font-size:16px}.ingredient h3{font:700 14px Georgia,serif;color:var(--navy);margin:9px 0 5px}.ingredient p{font-size:9px;line-height:1.5;margin:0}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.price-card{border:1px solid var(--line);border-radius:10px;padding:15px;text-align:center}.price-card.best{border:2px solid var(--teal);box-shadow:var(--shadow)}.badge{display:inline-block;background:var(--teal);color:#fff;padding:4px 7px;border-radius:12px;font-size:7px;font-weight:900}.amount{font-size:28px;font-weight:900;color:var(--navy);margin:8px 0}.price-card p{font-size:9px;color:var(--muted);line-height:1.5}.price-card .btn{margin-top:5px}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-size:10px;font-weight:900;color:var(--navy);cursor:pointer}.faq p{font-size:9px!important;margin-bottom:0}.source{font-size:8px!important;color:#7b898e!important}.source a{text-decoration:underline;color:var(--teal)}.toc{background:var(--mint);padding:15px;border-radius:10px;position:sticky;top:88px;height:max-content}.toc b{font-size:8px;color:var(--navy)}.toc a{display:block;font-size:8px;color:#55716f;margin:8px 0}
@media(max-width:1050px){.categories{grid-template-columns:repeat(5,1fr)}.posts{grid-template-columns:repeat(3,1fr)}.about,.review-grid{grid-template-columns:1fr}.review-product{min-height:280px}.article-layout{grid-template-columns:1fr}.toc{position:static}}@media(max-width:760px){.topbar>div{display:none}.header{height:60px}.nav{gap:12px;font-size:8px;overflow:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 30px}.hero h1{font-size:37px}.hero-photo{min-height:270px}.trust{grid-template-columns:1fr 1fr}.section{padding:38px 0}.categories{grid-template-columns:repeat(2,1fr)}.posts{grid-template-columns:1fr 1fr}.promise{grid-template-columns:1fr 1fr}.quick,.ingredients,.prices{grid-template-columns:1fr 1fr}.review-copy h1,.page-head h1{font-size:36px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.posts,.trust,.promise,.quick,.ingredients,.prices,.footer-grid{grid-template-columns:1fr}.nav{display:none}.hero h1{font-size:34px}}
