:root{--ink:#122132;--navy:#0d2438;--blue:#176b87;--teal:#1aa6a6;--cream:#f4f0e8;--white:#fff;--line:#d9e1e4;--muted:#5a6873}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:22px max(6vw,24px);background:var(--navy);color:#fff}
.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-weight:800;font-size:1.15rem}
.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff}
.site-header nav{display:flex;gap:24px}
.site-header nav a{color:#eaf7f7;text-decoration:none;font-weight:600;font-size:.94rem}
.hero{padding:110px max(8vw,28px);background:linear-gradient(120deg,rgba(13,36,56,.98),rgba(23,107,135,.9));color:#fff;min-height:560px}
.eyebrow{letter-spacing:.16em;font-size:.78rem;font-weight:800;color:var(--teal)}
.hero .eyebrow{color:#62dfd5}
.hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 26px;max-width:900px}
.lead{font-size:1.22rem;max-width:650px;color:#dcecee}
.button{display:inline-block;margin-top:20px;padding:14px 22px;background:var(--teal);color:#06252d;text-decoration:none;font-weight:800;border-radius:7px}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid var(--line)}
.trust-strip div{padding:28px max(3vw,20px);border-right:1px solid var(--line)}
.trust-strip strong,.trust-strip span{display:block}
.trust-strip span{font-size:.9rem;color:var(--muted)}
.section{padding:90px max(8vw,28px)}
.section h2,.legal h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.035em;margin:12px 0 35px}
.empty-card{display:flex;gap:22px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:34px;border-radius:12px;max-width:780px}
.empty-card .icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:#dff6f3;color:#08746f;font-weight:900}
.empty-card h3{margin:0 0 8px}
.empty-card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#fff}
.split p{font-size:1.06rem;color:#44525d}
.legal{max-width:850px;margin:auto;padding:80px 26px 100px}
.legal h2{margin-top:36px}
.legal p,.legal li{color:#44525d}
.notice{padding:18px 20px;border-left:4px solid var(--teal);background:#eaf7f6}
.contact-form{display:grid;gap:16px;margin-top:32px}
.contact-form label{font-weight:700}
.contact-form input,.contact-form textarea{width:100%;padding:13px;border:1px solid #b9c5ca;border-radius:6px;font:inherit;background:#fff}
.contact-form button{border:0;cursor:pointer;justify-self:start}
footer{padding:48px max(6vw,24px);background:var(--navy);color:#c9d8de}
.footer-brand{color:#fff;margin-bottom:16px}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0}
.footer-links a{color:#77ddd4}
.back{display:inline-block;margin-bottom:36px;color:var(--blue);font-weight:700;text-decoration:none}
.product-card{display:grid;grid-template-columns:180px 1fr;gap:34px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:12px;max-width:940px}
.product-mark{display:grid;place-items:center;min-height:230px;border-radius:9px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;font-size:3rem;font-weight:900}
.product-content{align-self:center}.product-type{margin:0 0 8px;color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.12em}.product-card h3{margin:0 0 10px;font-size:2rem}.product-card p{margin:0;color:var(--muted)}
.product-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.text-link{color:var(--blue);font-weight:800}.affiliate-note{display:block;margin-top:18px;color:var(--muted)}
.product-page{max-width:1100px;margin:auto;padding:74px 28px 100px}.product-page h1{font-size:clamp(3.2rem,8vw,6rem);line-height:1;margin:12px 0 24px;letter-spacing:-.055em}.product-intro{max-width:800px;font-size:1.18rem;color:#44525d}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:48px 0 80px;border:1px solid var(--line);background:#fff}.facts div{padding:22px;border-right:1px solid var(--line)}.facts div:last-child{border-right:0}.facts strong,.facts span{display:block}.facts span{color:var(--muted)}
.decision-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.decision-grid h2,.cta-panel h2,.health-notice h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;margin:10px 0}.check-list p{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line);color:#44525d}
.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:75px 0 48px;padding:34px;background:var(--navy);color:#fff;border-radius:12px}.cta-panel p{max-width:650px;color:#c9d8de}.cta-panel .button{flex:0 0 auto;margin:0}.health-notice{padding:28px;border-left:4px solid var(--teal);background:#eaf7f6}.health-notice p{color:#44525d}
@media(max-width:720px){.site-header{align-items:flex-start}
.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.hero{padding-top:78px;min-height:500px}
.trust-strip,.split,.product-card,.facts,.decision-grid{grid-template-columns:1fr}
.trust-strip div,.facts div{border-right:0;border-bottom:1px solid var(--line)}
.product-mark{min-height:150px}.cta-panel{align-items:flex-start;flex-direction:column}
.section{padding-top:65px;padding-bottom:65px}
}