@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Manrope:wght@300;400;500;600&display=swap');
:root{--cream:#F0EBE1;--charcoal:#1A1714;--sage:#7A8E6F;--gold:#B8965A;--rose:#BFA49E;--light:#F8F6F1;--med:#8A847C;--warm:#E8E2D6;--white:#FDFCFA;--ink:#2C2824;--display:'Cormorant Garamond','Times New Roman',serif;--body:'Manrope','Helvetica Neue',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--charcoal);background:var(--light);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .3s}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}
.fade-up{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up.d1{transition-delay:.1s}.fade-up.d2{transition-delay:.2s}.fade-up.d3{transition-delay:.3s}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .4s;background:transparent;border-bottom:1px solid transparent}.nav.scrolled{background:rgba(248,246,241,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--warm)}.nav-inner{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:14px;cursor:pointer}.nav-logo span{font-family:var(--display);font-size:22px;font-weight:300;letter-spacing:4px}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-family:var(--body);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--med);padding-bottom:2px;border-bottom:1px solid transparent;transition:all .3s}.nav-links a:hover,.nav-links a.active{color:var(--charcoal);border-bottom-color:var(--gold)}.hamburger{display:none;background:none;border:none;font-size:24px;color:var(--charcoal)}
@media(max-width:768px){.nav-links{display:none;flex-direction:column;position:absolute;top:62px;left:0;right:0;background:var(--light);padding:28px 32px;border-bottom:1px solid var(--warm);gap:18px}.nav-links.open{display:flex}.hamburger{display:block}.nav-inner{padding:14px 24px}}
.kicker{font-family:var(--body);font-size:11px;font-weight:500;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin-bottom:16px}
h1{font-family:var(--display);font-size:72px;font-weight:300;line-height:1.05;color:var(--charcoal);margin-bottom:28px;letter-spacing:-1px}h1 em{font-weight:400;font-style:italic;color:var(--sage)}
h2{font-family:var(--display);font-size:42px;font-weight:400;line-height:1.15;color:var(--charcoal);margin-bottom:20px}h2 em{font-style:italic}
h3.sh{font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
p.body{font-family:var(--body);font-size:19px;line-height:1.85;color:var(--ink);margin-bottom:20px}p.lead{font-family:var(--body);font-size:21px;line-height:1.75;color:var(--med);max-width:520px;margin-bottom:40px}p.muted{font-family:var(--body);font-size:16px;line-height:1.7;color:var(--med);margin-bottom:12px}
.sec{padding:100px 32px}.sec-inner{max-width:1100px;margin:0 auto}.narrow{max-width:700px;margin:0 auto}.bg-cream{background:var(--cream)}.bg-light{background:var(--light)}.bg-white{background:var(--white)}.bg-dark{background:var(--charcoal)}
.rule{width:48px;height:1px;background:var(--gold);margin:48px 0}
.btn{display:inline-block;padding:16px 40px;font-family:var(--body);font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .3s;border:none;text-align:center}.btn-dark{background:var(--charcoal);color:var(--cream)}.btn-dark:hover{opacity:.85}.btn-ghost{background:transparent;border:1px solid var(--charcoal);color:var(--charcoal)}.btn-ghost:hover{background:var(--charcoal);color:var(--cream)}.btn-light{background:transparent;border:1px solid rgba(240,235,225,.4);color:var(--cream)}.btn-light:hover{background:var(--cream);color:var(--charcoal)}
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 32px 80px;position:relative;overflow:hidden}.hero-inner{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.watermark{position:absolute;font-family:var(--display);line-height:1;user-select:none;pointer-events:none}
.trust-bar{border-top:1px solid var(--warm);border-bottom:1px solid var(--warm);padding:18px 32px;background:var(--white)}.trust-bar-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.trust-bar span{font-family:var(--body);font-size:10px;letter-spacing:3px;color:var(--med);text-transform:uppercase}
.two-col{display:flex;gap:80px;flex-wrap:wrap;align-items:flex-start}.col-narrow{flex:0 0 320px}.col-wide{flex:1;min-width:300px}
.stat{border-left:2px solid var(--gold);padding-left:28px}.stat-num{font-family:var(--display);font-size:64px;font-weight:300;color:var(--charcoal);line-height:1;margin-bottom:8px}.stat-label{font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.stat-desc{font-family:var(--body);font-size:17px;line-height:1.7;color:var(--med)}
.feature{display:flex;gap:40px;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--warm)}.feature-num{font-family:var(--display);font-size:20px;color:var(--gold);font-weight:300;min-width:32px}.feature h3{font-family:var(--display);font-size:28px;font-weight:400;font-style:italic;color:var(--charcoal);margin-bottom:10px;line-height:1.3}.feature p{font-family:var(--body);font-size:18px;line-height:1.8;color:var(--med);max-width:540px}
.review{border-top:2px solid var(--gold);padding-top:24px}.review blockquote{font-family:var(--display);font-size:26px;font-style:italic;line-height:1.55;color:var(--charcoal);margin-bottom:20px}.review cite{font-family:var(--body);font-size:14px;font-weight:500;font-style:normal}.review .role{font-family:var(--body);font-size:12px;color:var(--med)}
.product-row{display:flex;gap:64px;flex-wrap:wrap;padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid var(--warm)}.product-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.product-row.reverse{flex-direction:row-reverse}.product-img{flex:0 0 340px;height:400px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column}.product-img .logo-label{font-family:var(--body);font-size:10px;letter-spacing:3px;color:var(--med);text-transform:uppercase;margin-top:16px}.product-info{flex:1;min-width:300px}.price-options{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.price-block{padding:14px 20px;border-left:2px solid var(--gold);background:var(--light)}.price-label{font-family:var(--body);font-size:13px;font-weight:600}.price-sub{font-family:var(--body);font-size:11px;color:var(--med)}.price-amount{font-family:var(--display);font-size:22px;font-weight:400;margin-top:4px}
.ing-row{display:flex;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--warm);gap:20px}.ing-num{font-family:var(--display);font-size:18px;color:var(--gold);font-weight:300;width:28px;flex-shrink:0}.ing-name{font-family:var(--display);font-size:28px;font-weight:400;flex:1}.ing-pct{font-family:var(--body);font-size:14px;color:var(--sage);margin-left:12px}.ing-role{font-family:var(--body);font-size:11px;letter-spacing:2px;color:var(--med);text-transform:uppercase;flex-shrink:0}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}.badge{font-family:var(--body);font-size:13px;font-weight:500;letter-spacing:1px;color:var(--sage);padding:8px 18px;border:1px solid var(--sage)}
.faq-item{border-bottom:1px solid var(--warm);padding:24px 0;cursor:pointer}.faq-q{display:flex;justify-content:space-between;align-items:center}.faq-q h3{font-family:var(--display);font-size:26px;font-weight:400;margin:0;padding-right:16px}.faq-toggle{font-family:var(--display);font-size:28px;color:var(--gold);transition:transform .3s;flex-shrink:0}.faq-toggle.open{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-a.open{max-height:600px}.faq-a p{margin-top:14px;font-family:var(--body);font-size:18px;line-height:1.8;color:var(--med)}
.blog-grid{display:flex;gap:32px;flex-wrap:wrap}.blog-card{flex:1 1 300px;min-width:260px;padding:32px 0;border-top:1px solid var(--warm)}.blog-card .tag{font-family:var(--body);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--sage);margin-bottom:12px}.blog-card h3{font-family:var(--display);font-size:28px;font-weight:400;line-height:1.3;margin-bottom:10px}.blog-card h3 a:hover{color:var(--sage)}.blog-card p.muted{margin-bottom:0}.blog-card .read-more{font-family:var(--body);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-top:16px;display:inline-block}
.form-group{margin-bottom:20px}.form-group label{display:block;font-family:var(--body);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;border:1px solid var(--warm);background:var(--white);font-family:var(--body);font-size:16px;color:var(--charcoal);transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--sage)}.form-group textarea{min-height:100px;resize:vertical}
.callout{background:var(--cream);padding:40px 36px;margin-left:-20px;max-width:560px}.callout-border{border-left:3px solid var(--gold);padding-left:28px}
footer{background:var(--charcoal);padding:80px 32px 40px}footer .inner{max-width:1100px;margin:0 auto}footer .cols{display:flex;gap:80px;flex-wrap:wrap;margin-bottom:64px}footer .col{flex:0 0 140px;min-width:120px}footer .col-wide{flex:1 1 260px}footer h4{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--cream);margin-bottom:16px}footer p,footer a{font-family:var(--body);font-size:15px;color:rgba(240,235,225,.45);margin:10px 0;display:block}footer a:hover{color:var(--cream)}footer .bottom{border-top:1px solid rgba(240,235,225,.08);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap}footer .bottom p{font-size:11px;color:rgba(240,235,225,.2)}
.newsletter{display:flex;gap:0;max-width:380px;margin-top:20px}.newsletter input{flex:1;padding:14px 18px;border:1px solid rgba(240,235,225,.15);background:transparent;color:var(--cream);font-family:var(--body);font-size:16px}.newsletter input::placeholder{color:rgba(240,235,225,.3)}.newsletter input:focus{outline:none;border-color:var(--gold)}.newsletter button{padding:14px 24px;background:var(--gold);color:var(--charcoal);border:none;font-family:var(--body);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer}
.compare-row{display:flex;border-bottom:1px solid var(--warm);padding:14px 0}.compare-row .prop{font-family:var(--body);font-size:14px;font-weight:600;color:var(--charcoal);width:120px;flex-shrink:0}.compare-row .good{font-family:var(--body);font-size:16px;color:var(--sage);font-weight:500;flex:1}.compare-row .bad{font-family:var(--body);font-size:16px;color:var(--med);flex:1}
@media(max-width:768px){h1{font-size:44px}h2{font-size:32px}.hero{min-height:auto;padding:140px 24px 60px}.sec{padding:64px 24px}.two-col{gap:40px}.col-narrow{flex:1 1 100%}.product-row,.product-row.reverse{flex-direction:column}.product-img{flex:none;width:100%;height:240px}.stat-num{font-size:48px}.feature{flex-direction:column;gap:8px;margin-left:0!important}footer .cols{gap:40px}.callout{margin-left:0}.watermark{display:none}}