@font-face{font-family:Outfit;src:url('/assets/outfit.ttf') format('truetype');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#0b0614;color:#f7f2ff;font-family:Outfit,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:#2de2e6}a:focus-visible,summary:focus-visible{outline:3px solid #2de2e6;outline-offset:5px}p{color:#bcb0cb}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(42px,6.3vw,88px);font-weight:650;margin-bottom:22px}h2{font-size:clamp(28px,3vw,42px);font-weight:550}h3{font-size:24px;font-weight:550}small{display:block;font-size:12px;color:#bcb0cb}header,main,footer{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.rg-bar{min-height:36px;background:#211330;display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;padding:7px 14px}.rg-bar strong{color:#2de2e6}.rg-bar a{text-decoration:underline;text-underline-offset:3px}header{height:106px;display:flex;align-items:center;gap:45px}.wordmark{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:.045em;line-height:1}.wordmark small{font-size:8px;letter-spacing:.22em;margin-top:7px}.mark{position:relative;border:1px solid #ff2d95;color:#ff2d95;font-size:31px;padding:8px 14px;box-shadow:0 0 20px #ff2d9522;border-radius:9px}.mark span{font-size:17px;position:absolute;right:3px;top:2px}header nav{display:flex;gap:26px;font-size:14px}.header-note{margin-left:auto;font-size:10px;letter-spacing:.15em;color:#a89bb8}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:50px 0 85px;align-items:center}.hero:before{content:'';position:absolute;inset:-50px -30px 0;z-index:-2;background:radial-gradient(ellipse at 72% 45%,#66145355,transparent 60%)}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;color:#2de2e6;margin-bottom:24px}.hero h1 span{color:#ff56ac;text-shadow:0 0 45px #ff2d9540}.lead{font-size:19px;max-width:540px;line-height:1.6}.hero-tags{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.hero-tags span,.badge{font-size:10px;letter-spacing:.08em;border:1px solid #42304f;padding:7px 11px;border-radius:30px;color:#c5b6d3}.featured{border:1px solid #a33271;border-radius:18px;padding:24px 30px 25px;background:linear-gradient(140deg,#2b173b,#160d23);box-shadow:0 0 55px #ff2d9512;text-align:center;position:relative}.featured-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.12em;color:#c5b6d3}.pin{color:#2de2e6}.featured-logo{height:118px;display:flex;align-items:center;justify-content:center;margin:14px 0 5px}.brand-logo{max-width:100%;object-fit:contain}.featured h2{font-size:28px;margin-bottom:8px}.featured p{font-size:14px;margin-bottom:20px}.button{display:flex;align-items:center;justify-content:center;gap:20px;background:#ff2d95;color:#17091c!important;font-weight:650;padding:13px 22px;border-radius:7px;font-size:14px;min-height:48px;transition:background .2s,transform .2s}.button:hover{background:#ff75b8;transform:translateY(-1px)}.button span{margin-left:auto;font-size:20px}.featured small{margin:10px 0 14px;font-size:10px}.text-link{color:#2de2e6;font-size:13px;text-underline-offset:4px}.text-link:hover{text-decoration:underline}.skyline{position:absolute;bottom:0;left:0;right:0;height:85px;display:flex;align-items:end;justify-content:space-around;gap:12px;z-index:-1;border-bottom:1px solid #ff2d9555;overflow:hidden}.skyline i{width:8%;height:45%;border:1px solid #6d285b;background:repeating-linear-gradient(0deg,transparent 0 10px,#ff2d9511 11px 12px)}.skyline i:nth-child(3n){height:85%;border-color:#236169}.skyline i:nth-child(2n){height:65%}.skyline i:nth-child(5n){height:100%}.trust-strip{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #31213e;color:#bcadc9;font-size:12px;letter-spacing:.03em}.board,.guides,.faq{padding-top:70px;padding-bottom:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-head .eyebrow{margin-bottom:14px}.section-head h2{margin-bottom:14px}.section-intro{max-width:680px;font-size:14px;margin-bottom:28px}.listing{display:grid;grid-template-columns:28px 165px 1fr 210px;gap:24px;align-items:center;background:#170e24;border:1px solid #35213f;border-radius:12px;padding:25px;margin-bottom:12px}.listing:first-of-type{border-color:#75405f}.rank{font-size:14px;color:#ae84a9}.logo-box{background:#100a1b;border-radius:8px;padding:15px;display:flex;align-items:center;height:95px}.logo-box img{height:64px}.listing h3{font-size:22px;margin-bottom:8px}.listing p{font-size:13px;margin-bottom:8px}.listing-action small{text-align:center;font-size:10px;margin-top:8px}.disclosure{font-size:12px;border-left:2px solid #ff2d95;padding:2px 0 2px 15px;margin:24px 0;color:#bcb0cb}.guides{display:grid;grid-template-columns:1fr 1.35fr;gap:55px}.guides>div>p{font-size:14px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-grid>a{border:1px solid #392748;padding:24px;border-radius:10px;background:linear-gradient(130deg,#21132e,#130c1e)}.guide-grid>a:hover{border-color:#2de2e6}.guide-grid span{font-size:10px;color:#2de2e6;letter-spacing:.12em}.guide-grid h3{font-size:21px;margin:22px 0 9px}.guide-grid p{font-size:13px;margin:0}.faq{max-width:850px;margin:auto;padding-bottom:80px}.faq details{border-bottom:1px solid #382642;padding:20px 0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:17px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#ff56ac}.faq details p{font-size:15px;margin:18px 28px 0 0}footer{border-top:1px solid #382642;padding-top:38px;padding-bottom:40px;font-size:13px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top p{font-size:13px}.pink{color:#ff2d95}footer nav{display:flex;gap:15px 24px;flex-wrap:wrap;margin:25px 0}footer p a,.article-body a{color:#2de2e6;text-decoration:underline}.fine{font-size:11px}.sticky{display:none}.skip{position:absolute;top:-100px;left:12px;background:#2de2e6;color:#0b0614;padding:10px;z-index:10}.skip:focus{top:0}.article{padding:55px 0 85px;min-height:65vh}.article h1{font-size:clamp(40px,5vw,66px);max-width:850px}.article-body{max-width:760px;margin-top:45px}.article-body h2{font-size:27px;margin:32px 0 14px}.article-body p{line-height:1.85;overflow-wrap:anywhere}.review .eyebrow{margin-top:32px}.review-head{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:center}.review-brand{background:#1a1028;border:1px solid #583052;border-radius:12px;padding:25px;text-align:center}.review-brand img{margin-bottom:15px}.review-brand small{margin-top:10px}.unavailable{display:block;font-size:12px;color:#bcb0cb;border:1px solid #554060;border-radius:7px;padding:12px}.article>.listing{margin-top:36px}
@media(max-width:1000px){header,main,footer{padding-left:26px;padding-right:26px}.header-note{display:none}.hero{gap:30px;padding-top:30px}.hero h1{font-size:62px}.featured{padding:20px}.listing{grid-template-columns:22px 135px 1fr;gap:18px}.listing-action{grid-column:3}.listing-copy{grid-column:3}.listing .logo-box{grid-row:1 / span 2;grid-column:2}.listing .rank{grid-row:1 / span 2}.guides{gap:28px;grid-template-columns:1fr}.review-head{grid-template-columns:1fr 260px}.badge{white-space:nowrap}}
@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}.rg-bar{gap:7px;font-size:9px;min-height:32px;padding:7px 8px}.rg-bar a{margin-left:auto}.rg-bar strong{font-size:11px}header{height:77px;justify-content:space-between;gap:10px}.wordmark{font-size:20px;gap:9px}.wordmark small{font-size:7px}.mark{font-size:26px;padding:7px 10px}header nav{gap:14px;font-size:11px}header nav a:nth-child(n+3){display:none}.hero{display:block;padding:20px 0 42px}.hero .eyebrow{font-size:9px;margin-bottom:12px}.hero h1{font-size:48px;line-height:1.02;margin-bottom:12px}.hero h1 br{display:none}.hero h1 span{display:block}.hero .lead{font-size:14px;line-height:1.5;max-width:300px;margin-bottom:18px}.hero-tags{display:none}.featured{padding:17px 20px;border-radius:12px}.featured-top{font-size:8px}.featured-logo{height:66px;margin:8px 0 4px}.featured-logo img{height:65px;width:190px}.featured h2{font-size:22px;margin-bottom:7px}.featured p{font-size:12px;margin-bottom:12px}.featured .button{min-height:46px;padding:10px 17px}.featured small{font-size:9px;margin:8px 0}.featured .text-link{font-size:11px}.skyline{height:36px}.trust-strip{gap:12px;font-size:9px;padding:16px 0}.board,.guides,.faq{padding-top:44px}.section-head{display:block}.section-head .eyebrow{font-size:9px}.section-head h2{font-size:29px}.badge{display:inline-block;margin:0 0 16px;font-size:8px}.section-intro{font-size:13px}.listing{grid-template-columns:23px 1fr;gap:14px;padding:18px}.listing .rank{grid-column:1;grid-row:1}.listing .logo-box{grid-column:2;grid-row:1;height:76px;max-width:230px}.listing .listing-copy{grid-column:2}.listing .listing-action{grid-column:1 / -1}.listing h3{font-size:21px}.listing p{font-size:12px}.listing-action small{font-size:9px}.disclosure{font-size:11px}.guides{gap:10px}.guide-grid{gap:10px}.guide-grid>a{padding:18px 15px}.guide-grid h3{font-size:19px}.guide-grid p{font-size:12px}.faq summary{font-size:15px}.faq details p{font-size:14px}.faq{padding-bottom:45px}.footer-top{display:block}.footer-top p{margin-top:18px}footer{padding-bottom:105px}footer nav{gap:15px;font-size:12px}.sticky{position:fixed;bottom:0;left:0;right:0;background:#1a1028f5;border-top:1px solid #6c3057;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 16px;padding-bottom:max(11px,env(safe-area-inset-bottom));z-index:5;backdrop-filter:blur(12px)}.sticky strong{font-size:13px}.sticky small{font-size:9px}.sticky .button{min-height:42px;padding:10px 22px;font-size:13px}.article{padding-top:30px}.article h1{font-size:40px;overflow-wrap:anywhere}.article .lead{font-size:17px}.review-head{display:block}.review-brand{margin-top:25px}.article-body{margin-top:30px}.article-body h2{font-size:25px}.article-body p{font-size:15px}.article .listing .logo-box{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px){.hero:before{left:-20px;right:-20px}}
@media(min-width:601px) and (max-width:1000px){.hero:before{left:-26px;right:-26px}}