:root{--accent:#5539f6;--accent2:#248cff;--ink:#0b1020;--muted:#59627a;--line:#e3e7f1;--soft:#f7f8fc;--green:#0aa54b;--orange:#ff9b00;--pink:#df2b85;--blue:#2394df;--canvas-w:864;--canvas-h:1821;--scale:min(1,calc(100vw / (var(--canvas-w)*1px)))}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef1f8;color:var(--ink);font-family:Inter,"SF Pro Display","Segoe UI",Arial,sans-serif}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}.viewport{width:calc(864px * var(--scale));height:calc(1821px * var(--scale));margin:0 auto}.phone{position:relative;width:864px;height:1821px;overflow:hidden;background:#fff;transform:scale(var(--scale));transform-origin:top left;box-shadow:0 0 28px rgba(40,48,85,.12)}
.statusbar{display:none}.topbar{height:112px;padding:11px 35px 18px;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand img{display:block;width:322px;height:87px;object-fit:contain;object-position:left center}.top-actions{position:relative;width:252px;height:71px}.top-actions>img{position:absolute;right:0;top:0;width:141px;height:71px;object-fit:contain}.top-actions button{position:absolute;top:0;height:100%;border:0;background:transparent}.register-button{position:absolute;left:0;top:10px;width:96px;height:51px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:linear-gradient(100deg,var(--accent),#6b46ff);font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 6px 14px rgba(85,57,246,.2)}.search-button{right:77px;width:64px}.menu-button{right:0;width:64px}
.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#f6f8ff 0%,#fff 55%,#f0f3ff 100%);border-top:1px solid #f4f5fa}.hero-copy{position:relative;z-index:2;padding-left:38px}.hero h1{margin:0;font-size:42px;line-height:1.16;letter-spacing:-1.4px}.hero h1 em{color:var(--accent);font-style:normal}.hero p{margin:20px 0 0;color:#252c42;font-size:19px;line-height:1.55}.hero-art{position:absolute;z-index:1;right:8px;object-fit:contain;mix-blend-mode:multiply}.hero-home{height:374px;background:#f6f8fe}.hero-home .hero-copy{padding-top:42px}.hero-home .hero-art{top:13px;width:350px;height:366px;mix-blend-mode:normal}.hero-home h1{font-size:43px}.hero-home .hero-copy>p{font-size:18px}.hero-actions{display:flex;gap:18px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 27px;border:0;border-radius:10px;font-weight:750;text-decoration:none;white-space:nowrap}.btn.primary{color:#fff;background:linear-gradient(100deg,var(--accent),#6b46ff);box-shadow:0 7px 14px rgba(85,57,246,.15)}.btn.secondary{border:1px solid #cdc9f7;background:#fff}.trust{font-size:16px!important;margin-top:24px!important;color:#4e5870!important}.hero-compare,.hero-guides{height:325px}.hero-compare .hero-copy,.hero-guides .hero-copy{padding-top:45px}.hero-compare .hero-art{top:18px;width:405px;height:286px}.hero-guides .hero-art{top:5px;width:348px;height:322px}.hero-results{height:230px}.hero-results .hero-copy{padding-top:41px}.hero-results .hero-art{top:3px;width:320px;height:223px}.hero-reviews{height:205px}.hero-reviews .hero-copy{padding-top:35px}.hero-reviews .hero-art{top:3px;width:320px;height:201px}.hero-bullets{margin:23px 0 0;padding:0;list-style:none;color:#4e5870;font-size:16px;line-height:2.1}.hero-bullets li:before{display:inline-block;margin-right:13px;color:var(--accent2);content:"•"}
.content{padding:0 31px 123px;background:#fff}.content section{margin-top:20px}.section-title{height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f2f7}.section-title h2,.panel h2{margin:0;font-size:22px;letter-spacing:-.35px}.section-title button,.link-button{border:0;background:transparent;color:var(--accent);font-weight:700}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 9px rgba(26,35,69,.03)}.outline{display:inline-flex;min-height:38px;padding:0 20px;align-items:center;justify-content:center;border:1px solid #aaa1ff;border-radius:8px;background:#fff;color:var(--accent);font-weight:700;text-decoration:none}.platform-logo{display:block;object-fit:contain}.stars{color:#ffb000;font-size:18px;letter-spacing:1px;white-space:nowrap}.score{min-width:76px;text-align:center}.score strong{display:block;padding:9px 7px;border-radius:9px;font-size:28px;line-height:1}.score span{display:block;margin-top:7px;color:#687086;font-size:13px}.score.green strong,.mini-score.green{color:var(--green);background:#e9f8ef}.score.orange strong,.mini-score.orange{color:var(--orange);background:#fff6e6}.score.pink strong,.mini-score.pink{color:var(--pink);background:#fdebf4}.score.blue strong,.mini-score.blue{color:var(--blue);background:#eaf7ff}.green{color:var(--green)!important}.orange{color:var(--orange)!important}.pink{color:var(--pink)!important}.blue{color:var(--blue)!important}.label{display:inline-block;padding:4px 8px;border-radius:5px;background:#eeeaff;color:var(--accent);font-size:12px;font-weight:800}.green-label{background:#e3f7e9;color:var(--green)}.pill{display:inline-block;padding:4px 9px;border-radius:6px;background:#f1efff;color:#7568d9;font-size:11px}.meta{display:flex;gap:22px;margin-top:10px;color:#687086;font-size:13px}
.home-content{height:1157px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-top:11px}.brand-card{position:relative;height:200px;padding:16px 9px 12px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 10px rgba(31,40,71,.06)}.brand-card .platform-logo{width:118px;height:59px;margin:8px 0 5px}.brand-card .mini-score{position:absolute;right:7px;top:7px;padding:5px 7px;border-radius:5px;color:#fff!important;font-size:12px;font-weight:800}.brand-card .mini-score.green{background:var(--green)}.brand-card .mini-score.orange{background:var(--orange)}.brand-card .mini-score.pink{background:var(--pink)}.brand-card .mini-score.blue{background:var(--blue)}.brand-card small{margin:5px 0 10px;color:#687086}.brand-card .outline{width:94px;min-height:34px;padding:0 10px}.home-reviews .review-row{height:151px;border-width:0 0 1px;border-radius:0;box-shadow:none}.review-row{position:relative;display:grid;grid-template-columns:145px 1fr 80px;gap:17px;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.review-row .platform-logo{width:145px;height:118px;border-radius:9px}.review-row h3{margin:4px 0 5px;font-size:18px}.review-row p{margin:0;color:#59627a;font-size:14px;line-height:1.42}.review-row.compact{grid-template-columns:160px 1fr 78px;padding-left:0}.review-row.compact .platform-logo{width:160px;height:128px}.review-row .row-action{position:absolute;right:12px;bottom:14px;min-height:36px}.review-row.compact .row-action,.review-row.compact .tags{display:none}.review-row.compact .meta{margin-top:7px}.guide-mini-list{display:grid;gap:9px}.guide-mini{height:91px;padding:9px 16px;display:grid;grid-template-columns:90px 1fr;gap:15px;align-items:center;border:1px solid var(--line);border-radius:11px;text-decoration:none}.guide-mini img{width:82px;height:75px;object-fit:contain;border-radius:8px}.guide-mini strong,.guide-mini small{display:block}.guide-mini strong{font-size:17px}.guide-mini small{margin-top:5px;color:#59627a;font-size:13px;line-height:1.35}
.compare-content{height:1275px;padding-top:20px}.compare-picker{height:175px;padding:25px 17px}.compare-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:22px}.compare-chip,.add-chip{position:relative;height:78px;border:1px solid #d9ddea;border-radius:8px;background:#fff}.compare-chip .platform-logo{width:100%;height:100%;padding:13px 9px}.compare-chip>span{position:absolute;right:5px;top:2px;color:#6e7892}.add-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;color:#62708b}.add-chip small{font-size:12px}.table-panel{margin-top:18px;height:720px;padding:19px 16px}.table-heading{height:48px;display:flex;align-items:flex-start;justify-content:space-between}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.segmented button{height:40px;padding:0 22px;border:0;background:#fff}.segmented .active{color:#fff;background:linear-gradient(100deg,var(--accent),#345fff)}.compare-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.tr{display:grid;grid-template-columns:166px repeat(4,1fr);min-height:53px;border-bottom:1px solid var(--line)}.tr>*{padding:12px 9px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);font-size:13px}.tr>*:last-child{border-right:0}.tr>strong:first-child{justify-content:flex-start;text-align:left}.tr.head{height:65px}.tr.head>div{gap:5px;flex-direction:column}.tr.head .platform-logo{width:80px;height:25px}.tr.head b{font-size:11px}.tr.visit{border-bottom:0}.tr.visit .btn{min-height:38px;padding:0 14px;font-size:13px}.recommend{height:220px;margin-top:28px;padding:14px 20px;display:grid;grid-template-columns:165px 1fr 85px;grid-template-rows:1fr 45px;gap:0 18px;align-items:center;background:linear-gradient(95deg,#eefaf2,#fff)}.recommend>img{grid-row:1/3;width:155px;height:190px;object-fit:contain}.recommend h2{margin:10px 0 6px}.recommend p{margin:0;color:#44506b;font-size:13px;line-height:1.5}.recommend>.outline{grid-column:2/4;justify-self:end}.footnote{margin:13px 9px;color:#6d7589;font-size:12px}
.category-tabs{height:69px;display:flex;gap:8px;align-items:center;white-space:nowrap}.category-tabs button{height:47px;padding:0 18px;border:0;border-radius:9px;background:#fafafd;font-size:13px}.category-tabs button.active{color:#fff;background:linear-gradient(100deg,var(--accent),#6844ff)}.guides-content{height:1277px;padding-top:0}.featured-guide{height:222px;padding:18px;display:grid;grid-template-columns:225px 1fr 90px;gap:20px;align-items:center}.featured-guide>img{width:225px;height:185px;object-fit:contain;border-radius:9px}.featured-guide h2{margin:10px 0 8px;font-size:23px}.featured-guide p,.guide-row p{margin:0;color:#59627a;font-size:14px;line-height:1.55}.featured-guide .link-button{align-self:end;margin-bottom:15px}.guide-list{display:grid;gap:8px;margin-top:10px}.guide-row{height:145px;padding:11px 18px;display:grid;grid-template-columns:130px 1fr 35px;gap:18px;align-items:center}.guide-row>img{width:127px;height:124px;object-fit:contain;border-radius:9px}.guide-row h2{margin:0 0 7px;font-size:20px}.row-chevron{border:0;background:transparent;font-size:32px}.newsletter{height:113px;padding:12px 18px;display:grid;grid-template-columns:105px 1fr 300px;gap:15px;align-items:center;background:linear-gradient(100deg,#faf8ff,#fff)}.newsletter img{width:96px;height:88px;object-fit:contain}.newsletter h2{margin:0 0 4px;font-size:19px}.newsletter p{margin:0;color:#59627a;font-size:12px;line-height:1.35}.newsletter form{display:flex}.newsletter input{width:190px;height:49px;padding:0 15px;border:1px solid #d8dce8;border-radius:9px 0 0 9px}.newsletter .btn{height:49px;min-height:49px;border-radius:0 9px 9px 0;padding:0 17px}
.results-content{height:1434px;padding-top:6px}.result-tabs{border:1px solid var(--line);border-radius:9px;padding:0 6px}.result-controls{height:94px;display:flex;align-items:center;gap:25px}.select{height:50px;padding:0 20px;border:1px solid #d8dce8;border-radius:8px;background:#fff;font-weight:650}.result-controls label{margin-left:auto;display:flex;align-items:center;gap:12px}.result-controls input{position:absolute;opacity:0}.toggle{position:relative;width:54px;height:30px;border-radius:30px;background:var(--accent)}.toggle:after{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background:#fff;content:""}.square{width:52px;height:50px;border:1px solid #d8dce8;border-radius:8px;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{height:175px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;text-align:center}.metric-icon{width:64px;height:64px;margin-bottom:3px;object-fit:contain}.metric strong{font-size:29px}.metric small{margin-top:5px;color:#555f77;font-size:14px;line-height:1.35}.result-list{display:grid;gap:5px}.result-row{position:relative;height:143px;padding:9px 12px;display:grid;grid-template-columns:120px 1fr 78px;gap:17px}.result-row .platform-logo{width:118px;height:120px;border-radius:8px}.result-main h3{margin:2px 0 7px;font-size:16px}.result-main p{display:flex;justify-content:space-between;margin:0;padding:4px 0;border-bottom:1px solid #edf0f5;color:#59627a;font-size:12px}.result-main p b{color:#101627}.result-row .score strong{font-size:24px}.result-row .link-button{position:absolute;right:10px;bottom:11px;font-size:12px}.alert-panel{height:78px;margin-top:9px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;background:#faf9ff}.alert-panel strong,.alert-panel small{display:block}.alert-panel small{margin-top:4px;color:#59627a}.alert-panel .btn{min-height:48px}.history-head{height:56px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid var(--line);border-radius:9px;color:#59627a;text-align:center;font-size:12px}
.reviews-content{height:1459px;padding-top:0}.review-tabs{justify-content:space-between}.filter-row{height:100px;display:grid;grid-template-columns:1fr 1fr 1fr 140px;gap:18px;align-items:center}.filter-row .outline{height:50px}.filter-row .active{color:#fff;background:var(--accent)}.review-list{display:grid;gap:10px}.review-list .review-row{height:191px}.review-list .review-row .platform-logo{height:163px}.review-list .review-row .tags{display:flex;gap:6px;margin-top:9px}.review-list .review-row .meta{margin-top:9px}
.profile-content{height:1654px;padding-top:28px}.profile-summary{height:292px;padding:25px 26px}.profile-intro{display:grid;grid-template-columns:124px 1fr 130px;gap:20px;align-items:center}.profile-avatar{width:116px;height:116px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d5ff;border-radius:50%;background:#f2f0ff}.profile-avatar img{width:76px;height:76px;object-fit:contain}.profile-intro h1{margin:11px 0 5px;font-size:30px;letter-spacing:-.6px}.profile-intro p{margin:0;color:var(--muted)}.profile-stats{height:95px;margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.profile-stats div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.profile-stats div:last-child{border-right:0}.profile-stats strong{font-size:25px}.profile-stats span{margin-top:4px;color:var(--muted);font-size:13px}.profile-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:11px}.profile-action{height:154px;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:var(--line)}.profile-action img{width:58px;height:48px;object-fit:contain}.profile-action span{margin-top:7px;text-align:center}.profile-action strong,.profile-action small{display:block}.profile-action strong{font-size:15px}.profile-action small{margin-top:4px;color:var(--muted);font-size:12px}.settings-panel{overflow:hidden}.setting-row{width:100%;height:83px;padding:12px 18px;display:grid;grid-template-columns:57px 1fr 26px;gap:14px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.setting-row:last-child{border-bottom:0}.setting-row img{width:46px;height:42px;object-fit:contain;filter:grayscale(.15)}.setting-row strong,.setting-row small{display:block}.setting-row small{margin-top:4px;color:var(--muted);font-size:12px}.setting-row b{color:var(--muted);font-size:28px;font-weight:400}.saved-platforms{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:11px}.saved-platform{height:156px;padding:13px;display:grid;grid-template-columns:112px 1fr 72px;gap:14px;align-items:center}.saved-platform .platform-logo{width:108px;height:110px;border-radius:8px}.saved-platform strong,.saved-platform small{display:block}.saved-platform .stars{display:block;margin:8px 0 5px;font-size:15px}.saved-platform small{color:var(--muted)}.saved-platform .outline{min-height:36px;padding:0 12px}.profile-signout{width:100%;height:52px;margin-top:22px;border:1px solid #ffccd5;border-radius:9px;background:#fff7f8;color:#cf2948;font-weight:750}
.bottom-nav{position:fixed;z-index:200;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(820px * var(--scale)),calc(100vw - 24px));height:calc(118px * var(--scale));padding:calc(12px * var(--scale)) calc(38px * var(--scale)) calc(15px * var(--scale));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid rgba(206,211,228,.9);border-radius:max(12px,calc(24px * var(--scale)));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(31,39,78,.2);transform:translateX(-50%)}.bottom-nav a{height:calc(88px * var(--scale));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3px * var(--scale));color:#5f6880;text-decoration:none;font-size:calc(15px * var(--scale))}.bottom-nav a>span{display:block}.bottom-nav img{width:calc(52px * var(--scale));height:calc(44px * var(--scale));object-fit:contain;filter:grayscale(1) saturate(.3)}.bottom-nav a.active{color:var(--accent)}.bottom-nav a.active img{filter:none}.menu-drawer{position:absolute;z-index:50;right:0;top:55px;width:300px;height:500px;padding:35px;background:#fff;box-shadow:-12px 14px 35px rgba(30,38,70,.18)}.menu-drawer a,.drawer-close{display:block;width:100%;padding:15px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;text-decoration:none}.toast{position:fixed;z-index:220;left:50%;bottom:126px;max-width:500px;padding:13px 22px;border-radius:999px;color:#fff;background:#11182e;transform:translateX(-50%);font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.2)}.toast[hidden],.menu-drawer[hidden]{display:none}
.page-home + .bottom-nav{height:calc(84px * var(--scale));padding:calc(8px * var(--scale)) calc(38px * var(--scale)) 0}.page-home + .bottom-nav a{height:calc(74px * var(--scale));justify-content:center}
@media(max-width:863px){html,body{width:100%;overflow-x:hidden}.phone{box-shadow:none}}
@media(min-width:864px){.viewport{width:864px;height:1821px}.phone{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.brand img.original-brand-logo{width:322px;height:82px;object-fit:contain;object-position:left center}.brand.original-brand-link{width:322px;display:flex;align-items:center;gap:13px;text-decoration:none}.brand.original-brand-link img.original-brand-logo-square{width:78px;height:78px;flex:0 0 78px}.brand-wordmark{display:flex;flex-direction:column;line-height:1.1}.brand-wordmark strong{font-size:29px;white-space:nowrap}.brand-wordmark small{margin-top:7px;color:#59627a;font-size:13px;font-weight:700;white-space:nowrap}