:root{--bg: #f6f8fc;--panel: #ffffff;--panel-soft: #eef3ff;--ink: #101525;--muted: #5c647a;--line: #d8e0f1;--accent: #3658f4;--accent-2: #00a6b6;--win: #2b8a3e;--danger: #cc3d3d;--heading-font: "Playfair Display", serif;--body-font: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;color:var(--ink);font-family:var(--body-font);background:radial-gradient(circle at 0% 0%,#dce4ff 0%,transparent 45%),radial-gradient(circle at 100% 20%,#d7fbff 0%,transparent 40%),var(--bg)}.container{max-width:1220px;margin:0 auto;padding:0 1.2rem 3rem}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.nav-logo,.logo{font-family:var(--heading-font);letter-spacing:-.4px}.nav-logo{font-size:1.5rem;font-weight:800}.accent-text{color:var(--accent)}.nav-links{display:flex;gap:1.3rem}.nav-link{color:var(--muted);text-decoration:none;font-weight:600;font-size:.86rem}.nav-link.active,.nav-link:hover{color:var(--ink)}.main-header{padding:1rem 0 2rem}.logo-section{text-align:center;margin-bottom:1.4rem}.logo{font-size:3.2rem;font-weight:900}.subtitle{color:var(--muted);font-size:1rem}.decision-guides{max-width:780px;margin:.75rem auto 0;color:#31405f;font-size:.92rem;line-height:1.7}.decision-guides a{color:var(--accent);font-weight:700;text-decoration:none}.decision-guides a:hover{text-decoration:underline}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.8rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.9rem;box-shadow:0 10px 28px #23397d14}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group label{font-size:.72rem;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);font-weight:700}.filter-group input,.filter-group select,.select-box select{border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);border-radius:9px;padding:.75rem .8rem;font-size:.92rem}.stats-box{display:grid;place-content:center;border-radius:10px;background:#101a39;color:#d8e4ff;padding:.5rem .9rem;text-align:center;font-size:.86rem}.stats-box b{color:#fff;font-size:1.15rem}.selection-area{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end;margin-top:1.1rem}.select-box label{display:block;margin-bottom:.35rem;font-size:.74rem;color:var(--muted);font-weight:700;text-transform:uppercase}.vs-center{font-family:var(--heading-font);font-weight:900;font-size:2rem;color:var(--accent);padding-bottom:.25rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-side{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.2rem;position:relative;box-shadow:0 12px 25px #21326e14}.score-badge{position:absolute;top:.9rem;right:.9rem;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--score, 70) * 1%),#dbe4ff 0);display:grid;place-items:center;color:var(--ink);z-index:1;font-size:.92rem;line-height:1;font-family:var(--body-font);font-weight:900;padding-top:1px}.score-badge:before{content:"";width:40px;height:40px;border-radius:50%;background:#fff;position:absolute}.score-badge span{position:relative;z-index:1}.image-container{height:280px;background:linear-gradient(180deg,#eef3ff,#f8fbff);border-radius:14px;padding:.8rem;margin-bottom:1rem}.image-container img{width:100%;height:100%;object-fit:contain}.identity{text-align:center}.brand-label{color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:1.1px;font-weight:700}.model-name{font-family:var(--heading-font);font-size:2.1rem;line-height:1.1;margin:.3rem 0 .8rem}.price-row{display:flex;align-items:center;justify-content:center;gap:.7rem}.price-tag{font-size:1.45rem;color:#20307e;font-weight:800}.price-link{text-decoration:none}.price-link:hover{text-decoration:underline;color:#1a2a70}.buy-button{text-decoration:none;background:var(--accent);color:#fff;font-weight:700;padding:.5rem .8rem;border-radius:8px;font-size:.82rem}.buy-button:hover{background:#2746d4}.affiliate-note{margin-top:.5rem;color:var(--muted);font-size:.74rem}.quick-facts{margin-top:.9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.quick-facts div{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;padding:.45rem}.quick-facts span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.6px}.quick-facts b{font-size:.8rem;line-height:1.3}.metrics-panel{margin:1.5rem 0 1.2rem}.table-title{text-align:center;font-family:var(--heading-font);font-size:2rem;margin-bottom:.85rem}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem}.metric-header{font-weight:700;color:var(--muted);font-size:.82rem;margin-bottom:.4rem}.metric-line{display:grid;grid-template-columns:118px 1fr;gap:.5rem;align-items:center;margin-top:.45rem;font-size:.8rem}.metric-bar{height:8px;background:#e5ebfd;border-radius:999px;overflow:hidden}.metric-bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.comparison-content{padding-top:1rem}.highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.1rem}.highlight-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem}.highlight-card h4{font-family:var(--heading-font);font-size:1.36rem;margin-bottom:.55rem}.highlight-card ul{list-style:none}.highlight-card li{padding-left:1rem;position:relative;margin-top:.45rem;color:#20283f}.highlight-card li:before{content:"•";color:var(--accent);position:absolute;left:0}.v-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.v-table thead th{text-align:left;background:#edf2ff;color:#273163;padding:.75rem .85rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.8px}.v-table td{border-top:1px solid var(--line);padding:.7rem .85rem;font-size:.87rem}.snd-label{color:var(--muted);font-weight:600}.spec-winner{color:var(--win)!important;font-weight:800}.compact-footer{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.2rem}.footer-section h3{font-family:var(--heading-font);font-size:1.5rem;margin-bottom:.3rem}.footer-section h4{font-size:.75rem;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.footer-section p,.footer-section li{font-size:.88rem;color:#2d3650}.footer-section ul{list-style:none}.footer-section li+li{margin-top:.25rem}.footer-section a{color:#2d3650;text-decoration:none}.footer-section a:hover{color:var(--accent)}@media (max-width: 1024px){.filter-bar{grid-template-columns:1fr 1fr}.stats-box{grid-column:1 / -1}.hero,.metrics-grid,.highlights-grid,.footer-content{grid-template-columns:1fr}.logo{font-size:2.2rem}}@media (max-width: 760px){.nav-links{display:none}.selection-area{grid-template-columns:1fr}.vs-center{text-align:center}.quick-facts,.metric-line{grid-template-columns:1fr}}