:root{--sage:#6B8E5A;--sage-dark:#4A6B3F;--sage-light:#8FAB7D;--sage-glow:rgba(107, 142, 90, 0.12);--earth:#6B4E3D;--earth-light:#8B6F5B;--cream:#F7F3E9;--cream-dark:#EDE6D3;--leaf:#7CA96B;--leaf-dark:#5C8A4A;--bg:#F9F6EE;--bg-card:#FFFFFF;--bg-elevated:#F2EDDF;--bg-glass:rgba(255, 255, 255, 0.7);--text:#2C2620;--text-muted:#6B5D4F;--text-dim:#9A8B7A;--accent:var(--sage);--accent-hover:var(--sage-dark);--accent-glow:var(--sage-glow);--gradient:linear-gradient(135deg, #6B8E5A 0%, #8FAB7D 100%);--gradient-warm:linear-gradient(135deg, #8B6F5B 0%, #B5946F 100%);--gradient-text:linear-gradient(135deg, #4A6B3F 0%, #6B8E5A 50%, #8FAB7D 100%);--gradient-card:linear-gradient(145deg, rgba(107,142,90,0.04) 0%, rgba(139,111,91,0.04) 100%);--border:rgba(107, 78, 61, 0.12);--border-hover:rgba(107, 142, 90, 0.3);--radius:16px;--radius-sm:10px;--radius-xs:6px;--max-width:1080px;--shadow:0 4px 24px rgba(107, 78, 61, 0.1);--shadow-hover:0 12px 40px rgba(107, 142, 90, 0.12);--font:'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-serif:'Lora', Georgia, 'Times New Roman', serif;--transition:cubic-bezier(0.4, 0, 0.2, 1);--header-bg:rgba(249, 246, 238, 0.85);--header-bg-scrolled:rgba(249, 246, 238, 0.96);--footer-bg:#EDE6D3;--ambient-1:rgba(107, 142, 90, 0.06);--ambient-2:rgba(139, 111, 91, 0.04);--table-hover:rgba(107, 142, 90, 0.03);--selection-bg:rgba(107, 142, 90, 0.15)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 800px 600px at 20% 0%,var(--ambient-1) 0%,transparent 60%),radial-gradient(ellipse 600px 400px at 80% 10%,var(--ambient-2) 0%,transparent 60%);pointer-events:none;z-index:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;z-index:1}.site-header{background:var(--header-bg);backdrop-filter:blur(24px)saturate(1.2);-webkit-backdrop-filter:blur(24px)saturate(1.2);border-bottom:1px solid var(--border);padding:.9rem 0;position:sticky;top:0;z-index:100;transition:all .3s var(--transition)}.site-header.scrolled{border-bottom-color:var(--border-hover);background:var(--header-bg-scrolled)}.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{font-size:1.3rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;display:flex;align-items:center;gap:.5rem;color:var(--text)}.logo:hover{opacity:.85}.logo-mark{font-size:1.4rem;flex-shrink:0;transition:transform .3s var(--transition)}.logo:hover .logo-mark{transform:rotate(-8deg)scale(1.1)}.logo-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-right{display:flex;align-items:center;gap:1rem}.nav-links{list-style:none;display:flex;gap:.3rem;align-items:center}.nav-links a{color:var(--text-muted);font-size:.92rem;font-weight:500;padding:.4rem .8rem;border-radius:var(--radius-xs);transition:all .2s}.nav-links a:hover{color:var(--text);background:var(--bg-elevated)}.nav-links a.cta-nav{background:var(--gradient);color:#fff;font-weight:600;padding:.5rem 1.1rem;border-radius:var(--radius-sm)}.nav-links a.cta-nav:hover{opacity:.9;background:var(--gradient);color:#fff}.hero{text-align:center;padding:5rem 24px 3.5rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,var(--ambient-1) 0%,transparent 65%);pointer-events:none;z-index:0}.hero-leaf{position:absolute;font-size:2.5rem;opacity:.15;z-index:0;animation:floatLeaf 6s ease-in-out infinite}.leaf-1{top:15%;left:10%;animation-delay:0s}.leaf-2{top:60%;right:12%;animation-delay:2s;font-size:3rem}.leaf-3{top:25%;right:20%;animation-delay:4s;font-size:2rem}@keyframes floatLeaf{0%,100%{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-15px)rotate(5deg)}}.hero-content{position:relative;z-index:1}.hero h1{font-family:var(--font-serif);font-size:3.2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.2rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15}.hero p{font-size:1.18rem;color:var(--text-muted);max-width:620px;margin:0 auto;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:2.5rem;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-num{font-size:2rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.82rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.hero-cta{margin-top:2rem}.cta-button{display:inline-block;padding:1rem 2.2rem;background:var(--gradient);color:#fff;font-weight:700;border-radius:var(--radius);text-decoration:none;font-size:1.05rem;transition:all .25s var(--transition);box-shadow:0 4px 20px rgba(107,142,90,.25)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(107,142,90,.35);color:#fff}.homepage-section{padding:2rem 0}.section-title{font-family:var(--font-serif);font-size:1.7rem;font-weight:600;margin-bottom:1.5rem;color:var(--text);text-align:center}.table-wrap{overflow-x:auto;margin:1.5rem 0 2rem}.comparison-table{width:100%;border-collapse:collapse;font-size:.92rem;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);background:var(--bg-card)}.comparison-table th{background:var(--bg-elevated);color:var(--text);font-weight:700;padding:.9rem 1.1rem;text-align:left;border-bottom:2px solid var(--sage-light);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.comparison-table td{padding:.85rem 1.1rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:var(--table-hover)}.comparison-table .rank-1{background:rgba(107,142,90,6%)}.comparison-table .rank-1 td:first-child{font-weight:700}.quick-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.quick-review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;transition:all .3s var(--transition);position:relative;overflow:hidden}.quick-review-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);opacity:.6}.quick-review-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.rank-badge{display:inline-block;background:var(--gradient);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .8rem;border-radius:100px;margin-bottom:.8rem}.quick-review-card h3{font-family:var(--font-serif);font-size:1.3rem;margin-bottom:.5rem;color:var(--text)}.quick-review-card p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.read-more{display:inline-block;margin-top:.8rem;font-weight:600;font-size:.9rem;color:var(--sage-dark)}.faq-section{padding:2rem 0 3rem}.faq-list{max-width:760px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.8rem;overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:var(--border-hover)}.faq-item summary{padding:1rem 1.4rem;font-weight:600;color:var(--text);cursor:pointer;list-style:none;position:relative;padding-right:3rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--sage);transition:transform .2s}.faq-item[open] summary::after{content:'−'}.faq-item p{padding:0 1.4rem 1.2rem;color:var(--text-muted);font-size:.95rem;line-height:1.7}.cta-section{padding:2rem 0 4rem}.cta-box{background:var(--gradient);border-radius:var(--radius);padding:3rem 2rem;text-align:center;color:#fff}.cta-box h2{font-family:var(--font-serif);font-size:1.8rem;margin-bottom:.8rem;color:#fff}.cta-box p{color:rgba(255,255,255,.9);margin-bottom:1.5rem;font-size:1.05rem}.cta-box .cta-button{background:#fff;color:var(--sage-dark);box-shadow:0 4px 20px rgba(0,0,0,.1)}.cta-box .cta-button:hover{color:var(--sage-dark);transform:translateY(-2px)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:0 0 3rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;transition:all .35s var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column;animation:fadeIn .4s ease-out backwards}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);opacity:0;transition:opacity .3s}.card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card:hover::before{opacity:1}.card h3 a{color:var(--text);font-size:1.15rem;font-weight:700;text-decoration:none;line-height:1.3}.card h3 a:hover{color:var(--sage-dark)}.card p{color:var(--text-muted);font-size:.92rem;line-height:1.55;margin-top:.4rem;flex-grow:1}.card-meta{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-dim);flex-wrap:wrap}.card-meta .tag{background:var(--bg-elevated);padding:.2rem .6rem;border-radius:100px;font-size:.72rem;font-weight:500;color:var(--text-muted)}.article{padding:2rem 0 4rem;max-width:800px;margin:0 auto}.article h1{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.6rem;line-height:1.15;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meta{color:var(--text-dim);font-size:.82rem;margin-bottom:2rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.meta .tag{background:var(--bg-elevated);padding:.2rem .7rem;border-radius:100px;font-size:.72rem;font-weight:500;color:var(--text-muted)}.article-disclosure{background:var(--bg-elevated);border-left:3px solid var(--sage);border-radius:0 var(--radius-sm)var(--radius-sm)0;padding:.8rem 1.2rem;margin-bottom:2rem;font-size:.85rem;color:var(--text-muted)}.content{font-size:1.05rem;line-height:1.85}.content h2{font-family:var(--font-serif);font-size:1.6rem;font-weight:600;margin:2.8rem 0 1rem;color:var(--text);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.content h3{font-size:1.25rem;font-weight:700;margin:2rem 0 .75rem;color:var(--sage-dark)}.content p{margin-bottom:1.2rem;color:var(--text)}.content ul,.content ol{margin:0 0 1.2rem 1.5rem}.content li{margin-bottom:.5rem}.content a{color:var(--sage-dark);text-decoration:underline;text-decoration-color:rgba(107,142,90,.3);text-underline-offset:3px;transition:text-decoration-color .2s}.content a:hover{text-decoration-color:var(--sage-dark)}.content strong>a,.content a.cta-link{display:inline-block;padding:.8rem 1.6rem;background:var(--gradient);color:#fff!important;font-weight:600;border-radius:var(--radius-sm);text-decoration:none!important;margin:1.5rem 0;transition:all .2s}.content strong>a:hover,.content a.cta-link:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px rgba(107,142,90,.3)}.content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.92rem;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);background:var(--bg-card)}.content th{background:var(--bg-elevated);color:var(--text);font-weight:700;padding:.9rem 1.2rem;text-align:left;border-bottom:2px solid var(--sage-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.content td{padding:.85rem 1.2rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.content tr:last-child td{border-bottom:none}.content tr:hover td{background:var(--table-hover)}.content blockquote{border-left:3px solid var(--sage);margin:1.5rem 0;padding:1rem 1.5rem;background:var(--bg-card);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--text-muted);font-style:italic}.content code{font-family:courier new,monospace;font-size:.9em;background:var(--bg-elevated);padding:.2em .5em;border-radius:var(--radius-xs);border:1px solid var(--border)}.content strong{font-weight:700;color:var(--text)}.content hr{border:none;height:1px;background:var(--border);margin:2.5rem 0}.content .disclosure-box{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:1rem 1.4rem;font-size:.85rem;color:var(--text-muted);margin:2rem 0;border:1px solid var(--border)}.content .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.content .pros-cons>div{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.2rem 1.4rem}.content .pros-cons h3{margin-top:0}.content .pros-cons .pros h3{color:var(--sage-dark)}.content .pros-cons .cons h3{color:var(--earth)}@media(max-width:600px){.content .pros-cons{grid-template-columns:1fr}}.related{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border)}.related h2{font-size:1.2rem;margin-bottom:1rem;font-family:var(--font-serif)}.related ul{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.6rem}.related li a{color:var(--text-muted);display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--border);transition:all .2s}.related li a:hover{color:var(--sage-dark);border-color:var(--border-hover)}.related li a::before{content:'→';color:var(--sage)}.site-footer{background:var(--footer-bg);border-top:1px solid var(--border);padding:2.5rem 0;margin-top:2rem;position:relative;z-index:1}.site-footer .container{text-align:center}.disclosure{font-size:.78rem;color:var(--text-dim);margin-bottom:1rem;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.5}.medical-disclaimer{font-size:.78rem;color:var(--text-dim);margin-bottom:1rem;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.5;font-style:italic}.site-footer p{color:var(--text-dim);font-size:.82rem;margin-bottom:.5rem}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--sage-dark)}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.footer-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.2rem}.footer-logo .footer-logo-text{font-size:1.1rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--sage-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--sage)}::selection{background:var(--selection-bg);color:var(--text)}.pagination{text-align:center;margin:2rem 0}.pagination a,.pagination span{display:inline-block;padding:.5rem 1rem;margin:0 .2rem;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);font-size:.88rem;transition:all .2s}.pagination a:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-elevated)}.pagination .active{background:var(--sage);color:#fff;border-color:var(--sage)}@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.article{animation:fadeIn .5s ease-out}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card:nth-child(5){animation-delay:.25s}.card:nth-child(6){animation-delay:.3s}@media(max-width:768px){:root{--max-width:100%}.hero{padding:3rem 24px 2rem}.hero h1{font-size:2.1rem}.hero p{font-size:1rem}.hero-stats{gap:1.5rem}.hero-stat-num{font-size:1.5rem}.article h1{font-size:1.7rem}.article{padding:1rem 0 3rem}.nav{flex-wrap:wrap;gap:.6rem}.nav-links{gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:.82rem;padding:.3rem .5rem}.card{padding:1.2rem}.content{font-size:1rem}.content table{font-size:.82rem}.content th,.content td{padding:.6rem .7rem}.article-grid{grid-template-columns:1fr}.related ul{grid-template-columns:1fr}.section-title{font-size:1.4rem}.quick-reviews{grid-template-columns:1fr}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;color:#fff;padding:16px 20px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -4px 20px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .3s ease;flex-wrap:wrap}.cookie-banner.show{transform:translateY(0)}.cookie-banner-text{font-size:14px;line-height:1.5;max-width:700px}.cookie-banner-text a{color:#6b9fff;text-decoration:underline}.cookie-banner-buttons{display:flex;gap:10px;flex-shrink:0}.cookie-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.cookie-btn-accept{background:#0a7c4a;color:#fff}.cookie-btn-accept:hover{background:#075c36}.cookie-btn-decline{background:#333;color:#ccc}.cookie-btn-decline:hover{background:#444}@media(max-width:600px){.cookie-banner{flex-direction:column;text-align:center}.cookie-banner-buttons{width:100%;justify-content:center}}