:root{--night:#11112b;--night-2:#1b1740;--night-3:#242050;--chalk:#fbf8f1;--muted-dark:#d0cde4;--lime:#f8d75d;--copper:#ff765f;--border-dark:#514978;--pop-pink:#ff67b3;--pop-cyan:#65e1dd;--pop-violet:#8c78ff}
.comparison-page{background:#11112b!important;color:var(--chalk)!important}
.responsibility-bar{background:#08091b;border-bottom-color:#312b5e;color:#fff2d4}
.responsibility-bar>span:nth-child(2){color:#c7c2dc}
.responsibility-bar a{color:#f8d75d}
.responsibility-bar i{background:#65e1dd}
.comparison-header{background:#171638;border-color:#393365}
.comparison-header .brand,.comparison-header nav a,.comparison-header .header-link{color:#fbf8f1}
.comparison-header .brand-mark span{color:#f8d75d}
.comparison-header nav a:hover,.comparison-header .header-link:hover{color:#65e1dd}
.compare-hero{background:radial-gradient(ellipse at 76% 23%,#ff67b333 0,transparent 25%),radial-gradient(ellipse at 94% 90%,#65e1dd2c 0,transparent 30%),linear-gradient(116deg,#221044 0%,#20205a 48%,#121e49 100%);border-color:#4a437f}
.compare-hero:after{border-color:#f8d75d48;box-shadow:0 0 0 27px #ff67b30a,0 0 0 65px #65e1dd0a}
.compare-hero .eyebrow{color:#d6cbed}
.compare-hero h1{color:#fffaf0;text-shadow:0 4px 30px #04041b66}
.compare-hero h1 em{color:#f8d75d}
.hero-lede{color:#d5d1e5}
.primary-button{background:linear-gradient(100deg,#f8d75d,#ffbc69);color:#261d3b;box-shadow:0 8px 28px #ffbc6940}
.primary-button span{color:#7d3559}
.text-button{color:#f7f2ff}.text-button b{color:#65e1dd}
.hero-visual .visual-glow{background:radial-gradient(ellipse at center,#ff67b339 0,transparent 56%)}
.visual-orbit{border-color:#65e1dd4c;box-shadow:0 0 0 20px #ff67b30d,0 0 0 55px #65e1dd0c}
.sample-card{background:linear-gradient(150deg,#35235f,#1a1b48 65%,#152541);border-color:#8f83cb;box-shadow:0 24px 60px #05041a99,0 0 50px #ff67b32c}
.sample-card:after{background:linear-gradient(90deg,#ff67b3,#f8d75d,#65e1dd)}
.sample-card-top{color:#cfc7ec}
.sample-card h3{color:#fffaf2}
.sample-check{background:#100f2ccf;border-color:#514b82}
.icon-license{background:#f8d75d;color:#2a2043}.icon-terms{background:#ff67b3;color:#351637}.icon-date{background:#65e1dd;color:#133638}
.sample-check b{color:#fffaf5}.sample-check small{color:#c4bfdc}.sample-check i{color:#ffcb7f}
.sample-card-foot{border-color:#514b82;color:#c0bad6}.sample-card-foot b{color:#65e1dd}
.visual-stamp{background:#ff765f;color:#32152c;box-shadow:0 7px 24px #ff765f60}
.visual-caption{background:#19163ded;border-color:#7269a4}.visual-caption span{color:#f5d9f0}
.quick-search{background:linear-gradient(105deg,#32235d,#232252);border-color:#5a4e89;box-shadow:0 9px 35px #03031180}
.search-title{color:#fffaf2}.search-icon{color:#f8d75d}
.quick-search input{background:#171637;border-color:#635a8e;color:#fffaf2}
.quick-search input::placeholder{color:#b8b3d3}
.search-button{background:linear-gradient(100deg,#65e1dd,#a6efcb);color:#102b35}
.search-button span{color:#27575a}
.search-tags{color:#c5c1d9}.search-tags a{color:#f8e8a3;border-color:#9e8a6e}
.section-topline h2{color:#fffaf2}
.updated-tag{background:#1b1941;border-color:#57507e;color:#d2cfe2}
.updated-tag i{background:#ff765f}
.filter-row{border-color:#4a456f}
.filter-pill{background:#1b1941;border-color:#5b5580;color:#ded9ef}
.filter-pill span{color:#b5afcd}
.filter-pill.active{background:#ff67b3;border-color:#ff67b3;color:#2a163d;box-shadow:0 5px 18px #ff67b348}
.filter-pill.active span{color:#4e1e4c}
.sort-label{color:#c8c4db}.sort-label select{background:#1b1941;border-color:#5b5580;color:#e8e4f0}
.empty-ranking{background:linear-gradient(120deg,#1d1b44,#202c55);border-color:#555184;box-shadow:0 8px 28px #05051655}
.empty-icon{background:linear-gradient(135deg,#ff67b3,#ff936d);color:#35132c}
.empty-kicker{color:#65e1dd}
.empty-ranking h3{color:#fffaf2}.empty-ranking p{color:#d1cde1}
.empty-ranking>div:nth-child(2)>a{color:#f8d75d}
.official-button{background:linear-gradient(100deg,#f8d75d,#ffb66b);color:#271c3d;box-shadow:0 5px 18px #ffc06125}
.official-button span{color:#73365a}
.comparison-footnote{background:#25234c;border:1px solid #4f4a79}
.comparison-footnote>span{color:#f8d75d}.comparison-footnote p{color:#d4d0e2}
.verification-grid>div:nth-child(1){background:linear-gradient(135deg,#383063,#292552);border-color:#7664a8}
.verification-grid>div:nth-child(2){background:linear-gradient(135deg,#263a5b,#202b4c);border-color:#54769a}
.verification-grid>div:nth-child(3){background:linear-gradient(135deg,#40304d,#302344);border-color:#78507c}
.verification-grid>div>span{background:#f8d75d;color:#2d2143}
.verification-grid>div:nth-child(2)>span{background:#65e1dd;color:#14373c}
.verification-grid>div:nth-child(3)>span{background:#ff67b3;color:#3a1637}
.verification-grid b{color:#fffaf2}.verification-grid small{color:#c5c0d9}
.guide-section .section-topline h2 em{color:#65e1dd}
.guide-tile{border-color:#635a87;box-shadow:0 12px 30px #04041550}
.tile-dark{background:linear-gradient(145deg,#8a3385,#513183 60%,#322c71);color:#fff8f2;border-color:#bd64a9}
.tile-lime{background:linear-gradient(145deg,#d5f385,#74d8ca 90%);color:#142e31;border-color:#e5f7b6}
.tile-sand{background:linear-gradient(145deg,#ffbd67,#ff795f 72%,#cb4c82);color:#3a1c34;border-color:#ffd2a1}
.tile-icon{background:#ffffff17}.tile-lime .tile-icon,.tile-sand .tile-icon{background:#ffffff46}
.guide-tile:hover{box-shadow:0 18px 36px #02020c80}
.method-section{background:linear-gradient(115deg,#29205c,#273b62 55%,#1b4651);border-color:#4e4a87;color:#fffaf2}
.method-heading h2{color:#fffaf2}.method-heading h2 em{color:#f8d75d}
.method-heading>p:last-child,.method-steps p{color:#d3d2e7}
.method-steps article{border-color:#7771a0}.method-steps article>span{color:#65e1dd}
.method-steps h3{color:#fffaf2}.method-more{color:#f8d75d}
.responsible-strip{background:linear-gradient(105deg,#153c43,#154b48 50%,#38304d);border-color:#476a70}
.responsible-symbol{border-color:#65e1dd;color:#65e1dd;background:#65e1dd10}
.responsible-copy .eyebrow{color:#a6eee0}.responsible-copy h2{color:#fffaf2}.responsible-copy h2 em{color:#f8d75d}
.responsible-copy>p:last-child{color:#d3e7dc}
.help-card{background:#172c38;border-color:#5d8b88}.help-card span,.help-card small{color:#c6ddd7}.help-card b{color:#f8d75d}
.faq-section details{border-color:#4c476e}.faq-section summary{color:#fffaf2}.faq-section summary:after{color:#65e1dd}.faq-section details p{color:#d0cce0}
.legal-note{background:linear-gradient(100deg,#2b2258,#30283e);border-color:#635480}
.legal-note p{color:#ddd7e6}.legal-note strong,.legal-note>a{color:#f8d75d}
.comparison-footer{background:#090a1a;border-color:#332e58}.comparison-footer .brand,.comparison-footer .footer-links a{color:#f2eef8}.comparison-footer .brand-mark span{color:#65e1dd}
.comparison-footer>p,.comparison-footer .copyright{color:#b9b4cc}
@media(max-width:650px){.compare-hero{background:radial-gradient(ellipse at 94% 10%,#ff67b337 0,transparent 33%),radial-gradient(ellipse at 0 100%,#65e1dd25 0,transparent 38%),linear-gradient(150deg,#221044,#20205a 58%,#121e49)}.visual-orbit{border-color:#ff67b354}.quick-search{background:linear-gradient(145deg,#32235d,#202252)}}

.bonus-section{max-width:1180px;margin:0 auto;padding:55px 0 68px;border-top:1px solid #39345e}
.bonus-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:26px}
.bonus-heading-copy{max-width:665px}
.bonus-heading .eyebrow{color:#65e1dd;margin:0 0 12px}
.bonus-heading h2{margin:0;color:#fffaf2;font:700 clamp(31px,4vw,45px)/1.04 var(--display);letter-spacing:-.065em}
.bonus-heading h2 em{color:#ffbd67;font:400 1em var(--serif);letter-spacing:-.045em}
.bonus-heading-copy>p:last-child{max-width:620px;margin:13px 0 0;color:#d0cce0;font-size:12px;line-height:1.7}
.bonus-status{display:flex;align-items:center;gap:14px;max-width:330px;padding:17px 19px;background:linear-gradient(135deg,#35285e,#202747);border:1px solid #706296;border-radius:8px;box-shadow:0 10px 25px #06061155}
.bonus-status-mark{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#ff67b3,#ff936d);color:#351638;font:700 20px var(--display);box-shadow:0 0 22px #ff67b340}
.bonus-status small{display:block;color:#65e1dd;font:9px var(--mono);letter-spacing:.08em}
.bonus-status b{display:block;margin:5px 0;color:#fffaf2;font:650 13px var(--display)}
.bonus-status p{margin:0;color:#c8c3dc;font-size:10px;line-height:1.5}
.bonus-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.bonus-card{position:relative;isolation:isolate;overflow:hidden;min-height:265px;padding:21px 22px 20px;border:1px solid;border-radius:9px;box-shadow:0 13px 30px #05041450}
.bonus-card:after{content:"";position:absolute;z-index:-1;right:-55px;top:67px;width:145px;height:145px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 16px #ffffff08,0 0 0 34px #ffffff06}
.bonus-card-pink{background:radial-gradient(ellipse at 91% 12%,#ff67b331,transparent 38%),linear-gradient(145deg,#482455,#282353 72%);border-color:#985c9a}
.bonus-card-cyan{background:radial-gradient(ellipse at 91% 12%,#65e1dd30,transparent 38%),linear-gradient(145deg,#174854,#202f61 75%);border-color:#4b929b}
.bonus-card-yellow{background:radial-gradient(ellipse at 91% 12%,#f8d75d35,transparent 38%),linear-gradient(145deg,#574326,#3c2d54 75%);border-color:#9d8250}
.bonus-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}
.bonus-card-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff19;color:#fffaf2;font:11px var(--mono)}
.bonus-card-label{color:#e2dced;font:8px var(--mono);letter-spacing:.075em}
.bonus-card h3{margin:0 0 7px;color:#fffaf2;font:650 21px var(--display);letter-spacing:-.035em}
.bonus-card>p{max-width:315px;min-height:42px;margin:0 0 12px;color:#d6d1e5;font-size:10px;line-height:1.6}
.bonus-card ul{display:grid;gap:6px;padding:11px 0 0;margin:0;border-top:1px solid #ffffff30;list-style:none}
.bonus-card li{position:relative;padding-left:14px;color:#f2eef8;font-size:9px;line-height:1.45}
.bonus-card li:before{content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:#ff67b3}
.bonus-card-cyan li:before{background:#65e1dd}.bonus-card-yellow li:before{background:#f8d75d}
.bonus-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:14px 17px;background:#211f45;border:1px solid #4f4a78;border-radius:6px}
.bonus-foot p{margin:0;color:#d4d0e2;font-size:10px;line-height:1.55}
.bonus-foot p strong{color:#f8d75d}
.bonus-foot>a{flex:0 0 auto;color:#65e1dd;font-size:10px;font-weight:700;text-decoration:none}
.bonus-foot>a b{margin-left:5px}
.bonus-foot>a:hover{color:#ffbd67}
@media(max-width:900px){.bonus-section{margin-left:5%;margin-right:5%}.bonus-heading{align-items:flex-start}.bonus-cards{gap:10px}.bonus-card{padding:18px 16px}}
@media(max-width:650px){.bonus-section{padding:43px 0 48px}.bonus-heading{flex-direction:column;gap:17px}.bonus-heading h2{font-size:32px}.bonus-heading-copy>p:last-child{font-size:11px}.bonus-status{max-width:none;width:100%;box-sizing:border-box}.bonus-cards{grid-template-columns:1fr}.bonus-card{min-height:0;padding:20px}.bonus-card>p{min-height:0;max-width:360px}.bonus-foot{align-items:flex-start;flex-direction:column;gap:11px}.bonus-foot p{font-size:10px}}
