:root{--night:#101714;--night-2:#18221d;--night-3:#202d25;--chalk:#f3f2e9;--muted-dark:#a4aea2;--lime:#d5f080;--copper:#e8ae64;--border-dark:#354339}
.comparison-page{background:var(--night)!important;color:var(--chalk)!important}
.responsibility-bar{background:#090e0c;color:#e4edda;border-bottom:1px solid #202923}
.responsibility-bar>span:nth-child(2){color:#aab6a8}
.responsibility-bar a{color:var(--lime)}
.comparison-header{background:#111915;border-color:#2b372f}
.comparison-header .brand,.comparison-header nav a,.comparison-header .header-link{color:var(--chalk)}
.comparison-header .brand-mark span{color:var(--lime)}
.compare-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#30472f 0,transparent 28%),radial-gradient(ellipse at 92% 5%,#343025 0,transparent 26%),linear-gradient(115deg,#121a16 0%,#18231d 52%,#202c23 100%);border-color:#2d3a31}
.compare-hero:after{content:"";position:absolute;z-index:-1;right:18%;top:2%;width:280px;height:280px;border:1px solid #c9eb8b25;border-radius:50%;box-shadow:0 0 0 27px #c9eb8b08,0 0 0 65px #c9eb8b06}
.compare-hero .eyebrow{color:#b7c2b0}
.compare-hero h1{color:var(--chalk)}
.compare-hero h1 em{color:var(--lime)}
.hero-lede{color:#bec7bb}
.primary-button{background:var(--lime);color:#18221b;border-radius:4px;box-shadow:0 6px 20px #c5e96d24}
.primary-button span{color:#536b37}
.text-button{color:#e7ecdf}
.text-button b{color:var(--lime)}
.hero-proof{background:#1c2821;border-color:#405044;box-shadow:0 10px 32px #05080645;color:var(--chalk)}
.proof-label,.proof-stat span{color:#a4b19f}
.hero-proof>p{color:#b9c3b7}
.proof-stat{border-color:#334137}
.proof-stat b{color:var(--lime)}
.hero-proof>a{border-color:#334137;color:var(--lime)}
.quick-search{background:#1b261f;border-color:#3a493c;box-shadow:0 7px 28px #05080638}
.search-title{color:var(--chalk)}
.search-icon{color:var(--lime)}
.quick-search input{background:#111915;border-color:#3b493f;color:var(--chalk)}
.quick-search input::placeholder{color:#909c91}
.search-button{background:var(--lime);color:#18221b}
.search-button span{color:#52693b}
.search-tags{color:#a7b1a6}
.search-tags a{color:#e1edc6;border-color:#657c52}
.ranking-section,.guide-section,.faq-section{color:var(--chalk)}
.section-topline h2{color:var(--chalk)}
.updated-tag{border-color:#38463b;color:#a9b3a7;background:#17211b}
.filter-row{border-color:#37443a}
.filter-pill{background:#1a241e;border-color:#3c4a3e;color:#c0c9bd}
.filter-pill span{color:#99a694}
.filter-pill.active{background:var(--lime);border-color:var(--lime);color:#1b261e}
.filter-pill.active span{color:#53683a}
.sort-label{color:#aeb8ac}
.sort-label select{background:#1a241e;border-color:#3c4a3e;color:#bfc8bc}
.empty-ranking{background:#1a241e;border-color:#38463a;box-shadow:0 6px 25px #06090729}
.empty-icon{background:#30422f;color:var(--lime)}
.empty-kicker{color:#b4c49f}
.empty-ranking p{color:#b7c1b4}
.empty-ranking>div:nth-child(2)>a{color:var(--lime)}
.official-button{background:var(--lime);color:#1b261e}
.official-button span{color:#526a38}
.comparison-footnote{background:#232e26}
.comparison-footnote>span{color:var(--lime)}
.comparison-footnote p{color:#b6c0b3}
.guide-section .section-topline h2 em{color:var(--lime)}
.guide-tile{border-color:#39463b;box-shadow:0 8px 24px #0508061f}
.tile-dark{background:linear-gradient(140deg,#22352a,#304735);border-color:#465f48}
.tile-lime{background:linear-gradient(140deg,#d7ee93,#bcd976);color:#1b281f;border-color:#c4df83}
.tile-sand{background:linear-gradient(140deg,#413326,#322922);color:#f0e9dc;border-color:#584735}
.guide-tile:hover{box-shadow:0 15px 35px #03050460}
.method-section{background:linear-gradient(125deg,#1a251f,#202d25);color:var(--chalk);border-top:1px solid #303d33;border-bottom:1px solid #303d33}
.method-heading h2{color:var(--chalk)}
.method-heading h2 em{color:var(--lime)}
.method-heading>p:last-child,.method-steps p{color:#b4beb2}
.method-steps article{border-color:#465447}
.method-steps article>span{color:var(--lime)}
.method-steps h3{color:var(--chalk)}
.method-more{color:var(--lime)}
.responsible-strip{background:linear-gradient(105deg,#1a2c22,#202a22 60%,#2d2a21);border-bottom:1px solid #3a4032}
.responsible-symbol{border-color:#a1b47e;color:var(--lime)}
.responsible-copy .eyebrow{color:#b6c4ae}
.responsible-copy h2 em{color:var(--lime)}
.responsible-copy>p:last-child{color:#c4cec0}
.help-card{background:#1b251f;border-color:#617052}
.help-card span,.help-card small{color:#bdc8b5}
.help-card b{color:var(--lime)}
.faq-section details{border-color:#354238}
.faq-section summary{color:#edf0e8}
.faq-section summary:after{color:var(--lime)}
.faq-section details p{color:#b7c1b5}
.legal-note{background:#1b261f;border:1px solid #354238}
.legal-note p{color:#b3beb1}
.legal-note strong,.legal-note>a{color:var(--lime)}
.comparison-footer{background:#0d1310;border-color:#2b372f}
.comparison-footer .brand,.comparison-footer .footer-links a{color:#e0e7dc}
.comparison-footer .brand-mark span{color:var(--lime)}
.comparison-footer>p,.comparison-footer .copyright{color:#9da99d}
.compare-hero{grid-template-columns:minmax(0,1fr) 360px}
.hero-visual{height:330px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:visible}
.visual-glow{position:absolute;z-index:-1;inset:5% 0;background:radial-gradient(ellipse at center,#b6e76e27 0,transparent 56%)}
.visual-disc{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 25deg,#daef9b,#8cb657 23%,#334b35 39%,#dda760 60%,#d6f080 82%,#8ba955);box-shadow:0 0 0 1px #ebffd04d,0 15px 65px #0008,0 0 55px #b6e76e2c;transform:rotate(-12deg)}
.visual-disc:before{content:"";position:absolute;width:248px;height:248px;border:1px solid #d5f08045;border-radius:50%;box-shadow:0 0 0 15px #d5f0800c,0 0 0 35px #d5f08008}
.disc-inner{width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#2b3b2e,#111915 69%);border:1px solid #d5f0807a;transform:rotate(12deg)}
.disc-inner span{font:700 72px/.9 var(--display);letter-spacing:-.09em;color:var(--lime)}
.disc-inner small{margin-top:10px;font:9px/1.5 var(--mono);letter-spacing:.11em;color:#d8e0d2}
.floating-note{position:absolute;z-index:1;width:176px;min-height:60px;padding:10px 36px 10px 12px;border:1px solid #4c5d4c;border-radius:6px;background:linear-gradient(115deg,#202d25f5,#141c18f5);box-shadow:0 9px 24px #02050370;display:flex;flex-direction:column;gap:5px}
.floating-note span{font:8px var(--mono);letter-spacing:.07em;color:#acba9f}
.floating-note b{font:600 11px var(--display);color:#f2f3eb}
.floating-note i{position:absolute;right:11px;top:18px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#d5f080;color:#1a261d;font:700 12px var(--sans);font-style:normal}
.note-one{top:20px;right:-3px}
.note-two{bottom:75px;left:-14px}
.note-three{bottom:16px;right:-8px}
.visual-caption{position:absolute;top:5px;left:0;display:flex;flex-direction:column;gap:5px}
.visual-caption span{font:8px var(--mono);letter-spacing:.1em;color:#a8b69f}
.visual-caption b{font:600 11px var(--display);color:#eff3e9}
.visual-stamp{position:absolute;left:40px;top:99px;width:55px;height:55px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--copper);color:#182019;font:700 15px/.9 var(--display);transform:rotate(-10deg);box-shadow:0 7px 20px #0006}
.visual-stamp span{font:6px var(--mono);letter-spacing:.06em;margin-top:4px}
.verification-grid{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.verification-grid>div{padding:12px 13px;background:linear-gradient(140deg,#1b261f,#202c24);border:1px solid #354238;border-radius:5px;display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center}
.verification-grid>div>span{grid-row:span 2;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#32442f;color:var(--lime);font:9px var(--mono)}
.verification-grid b{font:600 10px var(--display);color:#ecf0e6}
.verification-grid small{font:8px var(--mono);color:#aab5a7;margin-top:3px}
.hero-visual{overflow:visible}
.visual-orbit{position:absolute;width:310px;height:310px;border:1px solid #d5f08024;border-radius:50%;box-shadow:0 0 0 20px #d5f08008,0 0 0 55px #d5f08006;transform:rotate(22deg)}
.sample-card{position:relative;z-index:1;width:292px;padding:16px 17px 13px;border-radius:9px;background:linear-gradient(155deg,#2a3b30,#17211b 72%);border:1px solid #70836b;box-shadow:0 24px 55px #03060491,0 0 45px #b2df6120;transform:rotate(2deg)}
.sample-card:after{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#d5f080,#e9b76b,#7ac6a0)}
.sample-card-top{display:flex;justify-content:space-between;margin:3px 0 16px;font:7px var(--mono);letter-spacing:.07em;color:#b0bea9}
.sample-card h3{font:700 27px/1.02 var(--display);letter-spacing:-.055em;color:#f3f4eb;margin:0 0 14px}
.sample-check{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:8px 9px;margin:6px 0;border:1px solid #405144;border-radius:5px;background:#101814a8}
.sample-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font:12px var(--mono);font-weight:700}
.icon-license{background:#d5f080;color:#1d2a20}.icon-terms{background:#e8ae64;color:#302315}.icon-date{background:#93cfbb;color:#142c25}
.sample-check>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.sample-check b{font:600 9px var(--display);color:#f0f2e9}
.sample-check small{font:7px var(--mono);color:#a9b4a5}
.sample-check i{font:6px var(--mono);letter-spacing:.04em;color:#eac27e;font-style:normal}
.sample-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #455345;font:7px var(--mono);letter-spacing:.04em;color:#9eae99}
.sample-card-foot b{color:var(--lime);font-weight:500}
.visual-stamp{left:auto;right:1px;top:27px;width:54px;height:54px;background:var(--lime);color:#1a261d;font-size:14px;transform:rotate(9deg)}
.visual-caption{top:auto;left:17px;bottom:3px;padding:7px 10px;border:1px solid #4a5c4b;border-radius:20px;background:#141c18dd}
.visual-caption span{font-size:7px;color:#cfdfc1}
@media(max-width:650px){.compare-hero:after{right:-90px;top:30px;width:210px;height:210px}.compare-hero{background:radial-gradient(ellipse at 94% 10%,#30472f 0,transparent 33%),linear-gradient(150deg,#121a16,#202c23)}}
@media(max-width:900px){.compare-hero{grid-template-columns:minmax(0,1fr) 310px}.hero-visual{transform:scale(.94);transform-origin:right center}}
@media(max-width:650px){.compare-hero{grid-template-columns:1fr}.hero-visual{height:325px;max-width:360px;width:100%;margin:-3px auto 0;transform:none}.sample-card{width:min(292px,84vw)}.visual-orbit{width:270px;height:270px}.visual-stamp{right:2px;top:22px}.visual-caption{bottom:0;left:10px}.verification-grid{grid-template-columns:1fr}.verification-grid>div{padding:10px 12px}}