:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edece7;background:#131713;font-synthesis:none;--muted:#a0aaa0;--line:#344034;--lime:#d8efab}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.review-header{position:sticky;top:0;z-index:10;background:#131713f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand-row{padding:18px 24px 12px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:.2em;font-weight:600}.brand-mark{width:25px;height:25px;border:1px solid #c0d59d;border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;inset:6px -4px;border-top:1px solid #c0d59d;border-bottom:1px solid #c0d59d;transform:rotate(-28deg)}.review-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.navigation-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 24px}.concept-nav{display:flex;overflow:auto;scrollbar-width:none;gap:2px}.concept-nav a{white-space:nowrap;text-decoration:none;color:var(--muted);padding:15px 13px 16px;font-size:13px;border-bottom:2px solid transparent}.concept-nav a:first-child{padding-left:0;padding-right:20px}.concept-nav a:hover{color:white}.concept-nav a[aria-current=page]{color:var(--lime);border-bottom-color:var(--lime)}.concept-nav .num{font:10px ui-monospace,monospace;opacity:.7;margin-right:6px}.device-control{display:flex;border:1px solid #485347;border-radius:7px;padding:3px;margin-bottom:9px;flex-shrink:0}.device-control button{border:0;background:transparent;color:#abb4a7;padding:8px 13px;border-radius:4px;font-size:12px;cursor:pointer;display:flex;gap:7px;align-items:center}.device-control button[aria-pressed=true]{background:var(--lime);color:#182018}.device-control svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.intro{padding:27px 24px 24px;display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{color:var(--lime);text-transform:uppercase;font:10px ui-monospace,monospace;letter-spacing:.14em;margin:0 0 7px}h1{font-size:clamp(23px,3vw,38px);font-weight:450;letter-spacing:-.035em;margin:0 0 6px;line-height:1.15}.intro p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0;max-width:650px}.viewport-note{font:10px ui-monospace,monospace;letter-spacing:.02em;color:#8e9a8b;white-space:nowrap;padding-bottom:2px}.comparison{overflow-x:auto;padding:0 24px 28px;scrollbar-color:#5b6c52 transparent;scrollbar-width:thin}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:20px;min-width:1060px}.concept-card{min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;min-height:40px}.card-heading a{font-size:16px;font-weight:500;text-decoration:none}.card-heading a:hover{text-decoration:underline;text-underline-offset:4px}.card-heading small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.selected{font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:5px 6px;border:1px solid #789159;border-radius:3px;color:#d4e8b7}.screen{background:#20281f;border:1px solid #44513c;overflow:hidden;position:relative;box-shadow:0 10px 35px #0002}.screen-bar{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font:9px ui-monospace,monospace;color:#a4af9a;background:#20271f;border-bottom:1px solid #3c4836}.dots{display:flex;gap:3px}.dots i{height:4px;width:4px;border-radius:50%;background:#778572}.screen-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6c7867 #252d22;background:#ebe7dc}.screen img{display:block;width:100%;height:auto}.comparison .screen-content{height:clamp(400px,calc(100vh - 330px),680px)}.mode-mobile .screen{border-radius:20px 20px 9px 9px;border:5px solid #34402f}.mode-mobile .screen-bar{height:24px}.mode-desktop .screen{border-radius:5px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin:13px 0 0;gap:8px}.card-footer p{color:var(--muted);font-size:11px;margin:0}.card-footer a{font-size:11px;text-decoration:none;white-space:nowrap}.card-footer a:hover{color:var(--lime)}.individual{padding:0 24px 38px;display:flex;justify-content:center}.individual .screen{width:100%}.individual.mode-mobile .screen{width:min(400px,100%)}.individual.mode-desktop .screen{max-width:1220px}.individual .screen-content{height:calc(100dvh - 265px);min-height:430px}.individual.mode-mobile .screen-content{max-height:844px}.review-footer{border-top:1px solid var(--line);padding:16px 24px;display:flex;justify-content:space-between;gap:16px;color:#8e9a8b;font-size:10px}.review-footer a{text-underline-offset:3px}#view[data-view=compare]~.review-footer{margin-top:0}.view-actions{display:flex;gap:16px;align-items:center}.view-actions a{font-size:11px;color:#b5c1ab;text-decoration:none}.view-actions a:hover{color:var(--lime)}.skip-link{position:absolute;top:-80px;left:12px;background:var(--lime);color:#132013;padding:12px;z-index:20}.skip-link:focus{top:8px}.loading-note{padding:40px;color:var(--muted)}@media(min-width:1600px){.brand-row,.navigation-row,.intro,.review-footer{padding-left:40px;padding-right:40px}.comparison,.individual{padding-left:40px;padding-right:40px}.comparison-grid{gap:28px}}@media(max-width:780px){.brand-row{padding:16px 16px 10px}.brand{font-size:13px}.review-label{font-size:9px}.navigation-row{padding:0 16px;display:block}.concept-nav{margin-bottom:8px}.concept-nav a{font-size:12px;padding:12px 11px}.device-control{width:max-content;margin-bottom:12px}.intro{padding:22px 16px 18px;display:block}.viewport-note{margin-top:12px}.comparison{padding:0 16px 24px}.comparison-grid{grid-template-columns:repeat(4,270px);min-width:1140px;gap:20px}.individual{padding:0 12px 24px}.individual .screen-content{height:calc(100dvh - 310px);min-height:360px}.review-footer{padding:16px;display:block}.review-footer span{display:block;margin-bottom:8px}.view-actions{margin-top:12px}.intro p:not(.eyebrow){max-width:450px}.comparison .screen-content{height:480px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root .comparison.mode-desktop .screen-content{height:auto;max-height:none}
:root .comparison.mode-mobile .screen-content{height:auto;aspect-ratio:390 / 780}
:root{background:#080b12;color:#f0f3fa;--muted:#a1adbf;--line:#26354c;--lime:#8fbaff}.review-header{background:#080b12f5}.brand-mark,.brand-mark:after{border-color:#8fbaff}.device-control{border-color:#34445d}.device-control button{color:#acb9cc}.device-control button[aria-pressed=true]{color:#08111f}.viewport-note,.review-footer{color:#94a3bb}.comparison{scrollbar-color:#41608c transparent}.selected{border-color:#416aa6;color:#a4caff}.screen{background:#101827;border-color:#314663}.screen-bar{color:#a3b7d3;background:#111c2d;border-color:#293d58}.dots i{background:#6583ad}.screen-content{scrollbar-color:#58759c #142136}.mode-mobile .screen{border-color:#24364f}.view-actions a{color:#b2c7e6}.skip-link{color:#08111f}