html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0}button,input,select,textarea{font:inherit}img{max-width:100%}
html>body{padding:0}
html,body{margin:0;padding:0!important}#vs{max-width:1280px;margin:0 auto;border-radius:0;min-height:100vh}#vs .body{padding-bottom:40px}.story button{flex-shrink:0}
:root{color-scheme:light;--background:#f4f2ee!important}html,body{background:#f4f2ee!important}#vs{--vbg:#f4f2ee;--vpanel:#fffefd;--vink:#23252e;--vmuted:#77777f;--vline:#e2ded8;--vbrand:#6553d2;--vsoft:#eae5f5;--von:#fff;font-family:Manrope,Arial,sans-serif;max-width:1440px;overflow:hidden;isolation:isolate}#vs .bar{padding:27px 54px;background:#f4f2ee;border-bottom:1px solid #dedbd5}#vs .logo{font:600 23px Unbounded,Arial,sans-serif;letter-spacing:-1.3px}#vs .mark{background:#282531;width:36px;height:36px;border-radius:12px;box-shadow:0 4px 8px #1c152b16,inset 0 1px 0 #ffffff26}#vs .nav{gap:9px}#vs .nav button{font-size:11px;padding:10px 14px;font-weight:600;border-radius:50px;background:transparent}#vs .nav button.active{background:#e7e1f1;color:#5f4aac}#vs .body{padding:28px 54px 54px}#vs .hero{grid-template-columns:.95fr 1.05fr;gap:30px;min-height:500px;padding:12px 0 40px;position:relative}#vs .hero>div:first-child{z-index:2;padding-bottom:25px}#vs .kicker{font-size:10px;font-weight:800;letter-spacing:2.1px;display:flex;align-items:center;gap:9px}#vs .kicker:before{content:'';width:6px;height:6px;background:#7961c6;border-radius:50%;box-shadow:0 0 0 4px #7961c615}#vs h1{font-family:Unbounded,Manrope,Arial,sans-serif;font-size:clamp(30px,3.8vw,49px);font-weight:500;line-height:1.3;letter-spacing:-2.2px;max-width:640px;margin:22px 0}#vs h1 span{color:#7460c4}#vs .hero p{font-size:13px;line-height:1.9;max-width:310px}#vs .hero-actions{margin-top:30px;gap:13px}#vs button{border-radius:12px;font-weight:600;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}#vs button:hover{transform:translateY(-2px);box-shadow:0 5px 8px #25212c08,0 12px 28px #25212c0b}#vs button:focus-visible{outline:3px solid #9987dd;outline-offset:4px}#vs .primary{background:#292631;color:#fff;border-color:#292631;box-shadow:0 2px 3px #2926311a,0 6px 12px #29263116,0 13px 23px #29263110,inset 0 1px 0 #ffffff20}#vs .hero-actions button{font-size:11px;padding:15px 19px;border-radius:50px}#vs .hero-actions button:not(.primary){background:transparent;border-color:#d6d1ca;box-shadow:none}#vs .scene{height:440px;position:relative;gap:0;background:none;isolation:isolate;margin-right:-15px;padding:0;display:block}#vs .scene:before{content:'';position:absolute;inset:55px -15px 15px 5px;background:radial-gradient(ellipse at 53% 42%,#d2c4f0 0%,#e4ddee 46%,#e7e2da 68%,transparent 72%);border-radius:47% 53% 48% 52%;transform:rotate(-18deg);z-index:-1}#vs .scene:after{content:'';position:absolute;inset:40px 5px 15px -15px;border:1px solid #baa9d45e;border-radius:50%;transform:rotate(25deg) scale(.98, .73);z-index:-1}#vs .device{background:none!important;box-shadow:none!important;border-radius:0!important;display:block!important;position:relative;width:120px;height:175px;color:inherit;letter-spacing:normal;overflow:visible}#vs .device:before,#vs .device:after{display:none!important}#vs .device svg{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 4px 4px #28223718) drop-shadow(0 17px 13px #28223718) drop-shadow(0 33px 22px #28223710)}#vs .device.mini{width:135px;height:118px}#vs .device.round{width:145px;height:146px}#vs .scene .device:nth-child(1){position:absolute;left:0;bottom:15px;transform:rotate(-12deg) scale(1.18);z-index:2;margin:0}#vs .scene .device:nth-child(2){position:absolute;left:30%;top:65px;transform:rotate(9deg) scale(1.55);z-index:1;margin:0}#vs .scene .device:nth-child(3){position:absolute;right:0;bottom:24px;transform:rotate(13deg) scale(1.05);z-index:3;margin:0}#vs .float{padding:14px 16px;border-radius:15px;backdrop-filter:blur(12px);background:#fffefddc;border:1px solid #ffffffd9;box-shadow:0 2px 5px #51445e08,0 12px 22px #51445e0c,0 30px 50px #51445e0b;font-size:10px;font-weight:600;z-index:4}#vs .float.top{right:-9px;top:18px;transform:rotate(4deg)}#vs .float.bottom{left:14px;bottom:120px;transform:rotate(-6deg);max-width:185px}#vs .notice{font-size:10px;padding:14px 0;letter-spacing:.2px;border-color:#ded9d2;color:#8a8480}#vs .section{margin-top:46px}#vs h2{font-family:Unbounded,Manrope,sans-serif;font-weight:500;font-size:21px;letter-spacing:-.8px;line-height:1.5}#vs .head{margin-bottom:23px;align-items:end}#vs .head small{font-size:10px;text-transform:uppercase;letter-spacing:1.2px}#vs .scenarios{grid-template-columns:1.15fr .95fr 1.05fr .85fr;gap:12px}#vs .scenario{min-height:84px;border-radius:15px;padding:18px;background:#eeebe6;border:1px solid #e6e0d8;gap:12px;text-align:left}#vs .scenario strong{font-size:11px}#vs .scenario small{font-size:10px;font-weight:400;margin-top:4px}#vs .scenario i{background:#ffffff7a;border-radius:10px;box-sizing:content-box;padding:8px;width:17px;height:17px}#vs .scenario.active{background:#dfd5ee;color:#5e498b;border-color:#d7c9e8;box-shadow:inset 0 1px 0 #ffffff70,0 5px 10px #5e498b07}#vs .scenario.active small{color:#79638e}#vs .filterbar{margin:20px 0 25px}#vs .filterbar button{background:transparent;border-radius:50px;border-color:#dcd6cf;padding:9px 15px;font-size:10px}#vs .filterbar button.active{background:#292631;color:white;border-color:#292631}#vs select{background:transparent;border-radius:50px;padding:9px 14px;font-size:10px}#vs .grid{grid-template-columns:1.1fr .9fr 1fr;gap:21px;align-items:start}#vs .item{border-radius:20px;border:1px solid #fff;background:#fffefd;box-shadow:0 2px 3px #34302e03,0 9px 17px #34302e06,0 25px 40px #34302e07;transition:transform .25s ease,box-shadow .25s ease}#vs .item:hover{transform:translateY(-5px);box-shadow:0 4px 6px #34302e06,0 18px 25px #34302e0b,0 35px 50px #34302e09}#vs .item:nth-child(2){margin-top:30px}#vs .item:nth-child(3){margin-top:12px}#vs .product-art{height:218px;background:radial-gradient(ellipse at 50% 80%,#cdc4dd55,transparent 65%),#eee9f0;border-radius:17px;margin:6px 6px 0;overflow:hidden}#vs .item:nth-child(2) .product-art{background:radial-gradient(ellipse at 50% 80%,#c6d2c655,transparent 65%),#e7ede7;height:188px}#vs .item:nth-child(3) .product-art{background:radial-gradient(ellipse at 50% 80%,#c3cdda55,transparent 65%),#e9edf3;height:206px}#vs .product-art .device{transform:rotate(-7deg) scale(.93)}#vs .item:nth-child(2) .device{transform:rotate(9deg) scale(.93)}#vs .ribbon{background:#fffefdd9;backdrop-filter:blur(5px);border-radius:50px;left:12px;top:12px;padding:5px 10px;font-size:9px;font-weight:600;color:#65547a}#vs .item-content{padding:21px}#vs .sub{text-transform:uppercase;letter-spacing:1.2px;font-size:9px;color:#8d8791}#vs h3{font-weight:700}#vs .item h3{font-size:19px;letter-spacing:-.5px;margin:9px 0}#vs .scoreline{margin:13px 0}#vs .score{font-family:Unbounded,Manrope,sans-serif;font-size:23px;font-weight:500;letter-spacing:-1px}#vs .score small{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:0}#vs .price{font-size:14px;font-weight:700}#vs .facts span{font-size:9px;background:#f4f1ed;border:0;border-radius:5px;padding:5px 7px}#vs .item-bottom{font-size:10px;padding-top:16px}#vs .item-bottom button{border:0;padding:0;background:none;color:#7660ad;box-shadow:none;font-size:10px}#vs .bottom-grid{grid-template-columns:1.3fr 1fr;gap:24px;margin-top:52px}#vs .feature{padding:28px;border-radius:18px;background:#fffefd;border-color:#e8e2dc;box-shadow:0 2px 2px #35312e03,0 8px 20px #35312e04}#vs .bottom-grid article.feature{background:#292631;color:#f5effc;border:1px solid #393442;position:relative;overflow:hidden;box-shadow:0 5px 10px #2926310d,0 20px 35px #2926311c}#vs .bottom-grid article.feature:after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid #b69ad940;right:-90px;bottom:-90px;box-shadow:0 0 0 25px #b69ad909,0 0 0 50px #b69ad905;pointer-events:none}#vs .bottom-grid article.feature p{color:#b9adca;max-width:320px}#vs .feature .eyeline{color:#a98ed3}#vs .feature h3{font-family:Unbounded,Manrope,sans-serif;font-size:19px;font-weight:400;line-height:1.5;letter-spacing:-.8px}#vs .story{gap:11px;padding:17px 0}#vs .story button{font-size:9px;border:0;background:#f2eeeb;padding:6px;order:3;box-shadow:none}#vs .story strong{font-size:11px}#vs .story small{font-size:10px}#vs .content-grid{gap:20px;grid-template-columns:1.1fr 1fr 1fr;align-items:stretch}#vs .content-card{border:1px solid #e6e0d8;background:#f9f7f3;border-radius:17px;padding:24px;min-height:238px;box-shadow:0 1px 0 #ffffff80 inset,0 8px 20px #2e263105}#vs .content-card:nth-child(3n+2){background:#ece6f1;margin-top:0}#vs .content-label{font-size:9px;letter-spacing:1.2px}#vs .content-card strong{font-family:Unbounded,Manrope,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-.35px}#vs .content-desc{font-size:11px;line-height:1.9}#vs .content-open{font-size:10px;padding-top:10px}#vs .faq{max-width:820px;margin-top:50px}#vs .faq summary{font-size:13px;font-weight:600}#vs .faq p{font-size:12px;line-height:1.9}#vs .footer{padding-top:28px;margin-top:50px;border-color:#ded9d2;font-size:10px}#vs .review-art{background:radial-gradient(ellipse at 50% 60%,#dfd0ee,#ebe5e0 70%);height:340px;border-radius:23px;box-shadow:inset 0 1px 0 #fff,0 15px 25px #35312e08}#vs .review-grid{grid-template-columns:.9fr 1.1fr;gap:45px}#vs .review-grid h1{font-size:30px;line-height:1.4}#vs .article-layout h1{font-size:32px;line-height:1.4}#vs .article-layout .article-intro{font-size:14px}#vs .article-layout h2{font-size:18px;line-height:1.5}#vs .article-side{background:#ede7f1;border-color:#e0d6e7;border-radius:16px}#vs .article-side button{background:#f8f5fa;border-color:#e3dbe9;font-size:11px}#vs .article-next{border-radius:16px;background:#e4deee}#vs .content-search input{background:#fffefd;border-color:#e2dcd5;border-radius:12px;padding:15px;font-size:12px}#vs .table-wrap{background:#fffefd;border-radius:16px;padding:15px;border:1px solid #e8e1da}#vs .spec{font-size:12px}#vs .crumb{font-size:10px;color:#928890}@media(min-width:1250px){#vs .hero{min-height:570px}#vs .scene{height:470px}#vs .scene .device:nth-child(2){transform:rotate(9deg) scale(1.85);top:95px}#vs .scene .device:nth-child(1){transform:rotate(-12deg) scale(1.45);bottom:25px;left:20px}#vs .scene .device:nth-child(3){transform:rotate(13deg) scale(1.3);right:15px;bottom:25px}}@media(max-width:900px){#vs .bar{padding:22px 28px}#vs .body{padding:24px 28px 40px}#vs .hero{gap:12px;min-height:440px}#vs h1{font-size:34px;letter-spacing:-1.5px}#vs .scene{height:380px}#vs .scene .device:nth-child(2){transform:rotate(8deg) scale(1.2);left:25%;top:70px}#vs .scene .device:nth-child(1){transform:rotate(-12deg) scale(.95);bottom:25px}#vs .scene .device:nth-child(3){transform:rotate(13deg) scale(.85);right:-10px;bottom:35px}#vs .float.top{right:0;font-size:9px}#vs .float.bottom{left:0;bottom:125px;font-size:9px;max-width:165px}#vs .product-art{height:180px}#vs .item:nth-child(2) .product-art{height:155px}#vs .item:nth-child(3) .product-art{height:168px}#vs .item-content{padding:16px}#vs .price{font-size:12px}#vs .item h3{font-size:17px}#vs .scenario{padding:13px;gap:9px}#vs .scenario i{padding:6px}#vs .content-card{padding:18px}}@media(max-width:750px){#vs .hero{grid-template-columns:1fr;gap:0}#vs .hero>div:first-child{padding:15px 0 0}#vs .hero p{max-width:460px}#vs .hero h1{font-size:40px}#vs .scene{height:340px;max-width:460px;margin:20px auto 0;width:100%}#vs .scene .device:nth-child(2){left:36%;top:55px;transform:rotate(9deg) scale(1.4)}#vs .scene .device:nth-child(1){left:10%;bottom:15px;transform:rotate(-12deg) scale(1.1)}#vs .scene .device:nth-child(3){right:1%;bottom:13px;transform:rotate(13deg) scale(.95)}#vs .float.bottom{left:15px;bottom:128px}#vs .grid{grid-template-columns:1fr 1fr}#vs .item:nth-child(2){margin-top:25px}#vs .item:nth-child(3){margin-top:0}#vs .scenarios{grid-template-columns:1fr 1fr}#vs .bottom-grid{grid-template-columns:1fr}#vs .content-grid{grid-template-columns:1fr 1fr}#vs .review-grid{grid-template-columns:1fr}#vs .hero-actions button{padding:13px 16px}#vs .content-card{min-height:250px}}@media(max-width:440px){#vs .bar{padding:20px 17px}#vs .body{padding:22px 17px 35px}#vs .logo{font-size:19px}#vs .nav{gap:2px}#vs .nav button{font-size:10px;padding:9px 10px}#vs .hero h1{font-size:30px;letter-spacing:-1.2px}#vs .hero p{font-size:12px}#vs .scene{height:310px;margin-top:28px}#vs .scene .device:nth-child(2){left:32%;transform:rotate(9deg) scale(1.2);top:60px}#vs .scene .device:nth-child(1){left:2%;bottom:12px;transform:rotate(-12deg) scale(.85)}#vs .scene .device:nth-child(3){right:-5%;bottom:20px;transform:rotate(13deg) scale(.75)}#vs .float.top{right:0;top:8px;font-size:8px;padding:10px}#vs .float.bottom{left:5px;bottom:110px;font-size:8px;padding:10px;max-width:155px}#vs .grid,#vs .content-grid{grid-template-columns:1fr}#vs .item:nth-child(2),#vs .item:nth-child(3),#vs .content-card:nth-child(3n+2){margin-top:0}#vs .product-art,#vs .item:nth-child(2) .product-art,#vs .item:nth-child(3) .product-art{height:230px}#vs .item-content{padding:22px}#vs .item h3{font-size:21px}#vs .score{font-size:26px}#vs .price{font-size:15px}#vs .content-card{min-height:0;padding:23px}#vs h2{font-size:19px}#vs .review-grid h1,#vs .article-layout h1{font-size:27px}#vs .feature{padding:23px}#vs .scenario strong{font-size:10px}#vs .scenario small{font-size:9px}#vs .scenario{min-height:82px}#vs .hero-actions{gap:8px}#vs .hero-actions button{font-size:10px;padding:13px 14px}#vs .section{margin-top:37px}}@media(prefers-reduced-motion:reduce){#vs button,#vs .item{transition:none}#vs button:hover,#vs .item:hover{transform:none}}

#vs .market-link{display:inline-block;color:#6553d2;font-size:12px;font-weight:700;margin:8px 0 14px;text-underline-offset:4px}#vs .model-summary{font-size:12px;line-height:1.75}#vs .market-note{font-size:10px;margin-top:0}#vs .score small{display:block;line-height:1.5}#vs .review-grid .market-link{margin-right:15px}#vs .notice{line-height:1.8}#vs .spec a,#vs .feature a{color:#6553d2;text-underline-offset:3px}

#vs{--vbg:light-dark(#f6f7fb,#151820);--vpanel:light-dark(#fff,#222632);--vink:light-dark(#202438,#edf0fc);--vmuted:light-dark(#6b7085,#a9b0c5);--vline:light-dark(#e4e7f0,#393f51);--vbrand:light-dark(#6855db,#b5a5ff);--vsoft:light-dark(#eeebff,#34304e);--von:light-dark(#fff,#211a3b);font:16px/1.65 Manrope,Arial,sans-serif;background:var(--vbg);color:var(--vink);border-radius:16px;overflow:hidden}#vs *{box-sizing:border-box}#vs button,#vs input,#vs select{font:inherit}#vs button{color:var(--vink);background:var(--vpanel);border:1px solid var(--vline);border-radius:8px;padding:10px 16px}#vs .primary,#vs button.active{background:var(--vbrand);color:var(--von);border-color:var(--vbrand)}#vs .bar{padding:23px 30px;background:var(--vpanel);display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--vline)}#vs .logo{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:8px}#vs .mark{width:31px;height:31px;border-radius:9px;background:var(--vbrand);color:var(--von);display:grid;place-items:center}#vs .nav{display:flex;gap:6px;flex-wrap:wrap}#vs .nav button{border:0;font-size:12px;padding:9px 12px}#vs .body{padding:28px 30px}#vs .hero{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;padding:20px 0 30px}#vs .kicker{color:var(--vbrand);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.7px}#vs h1{font-size:43px;line-height:1.12;letter-spacing:-1.9px;margin:18px 0;font-weight:800}#vs h1 span{color:var(--vbrand)}#vs p{color:var(--vmuted);margin:10px 0;font-size:13px}#vs .hero p{max-width:345px;line-height:1.8}#vs .hero-actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}#vs .hero-actions button{font-size:12px}#vs .scene{height:300px;background:radial-gradient(ellipse at 50% 65%,var(--vsoft),transparent 70%);position:relative;display:flex;gap:25px;justify-content:center;align-items:center;padding:25px}#vs .device{--device-color:#505365;position:relative;background:repeating-linear-gradient(90deg,transparent 0 2px,#ffffff09 2px 3px),linear-gradient(100deg,#ffffff19,transparent 35%,#00000020),var(--device-color);width:93px;height:144px;border-radius:15px 15px 20px 20px;box-shadow:11px 18px 22px #15112826;display:grid;place-items:center;color:#ddddea;font-size:11px;letter-spacing:2px}#vs .device:before{content:'';position:absolute;top:-4px;width:95%;height:16px;background:radial-gradient(ellipse,#343044 50%,#ae90f3 64%,#7d5cc9 75%);border-radius:50%;box-shadow:0 0 14px #b790ef66}#vs .device.mini{height:73px;width:90px;border-radius:14px 14px 23px 23px}#vs .device.round{width:103px;height:97px;border-radius:50% 50% 30% 30%}#vs .scene .device.large{transform:scale(1.25);margin-top:-10px}#vs .scene .device.mini{margin-top:95px;--device-color:#9992ad}#vs .scene .device.round{margin-top:65px;--device-color:#6e8191}#vs .float{position:absolute;background:var(--vpanel);border:1px solid var(--vline);border-radius:8px;padding:9px 12px;font-size:11px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px #251d5b0b}#vs .float.top{top:16px;right:5px;transform:rotate(4deg)}#vs .float.bottom{bottom:4px;left:5px;transform:rotate(-3deg)}#vs .float i{width:16px;height:16px;color:var(--vbrand)}#vs .notice{color:var(--vmuted);font-size:11px;padding:12px 0;border-top:1px solid var(--vline);border-bottom:1px solid var(--vline)}#vs .section{margin-top:30px}#vs .head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:17px}#vs h2{font-size:23px;margin:0;letter-spacing:-.6px}#vs h3{font-size:15px;margin:10px 0 6px}#vs .head small{color:var(--vmuted);font-size:11px}#vs .scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#vs .scenario{display:flex;gap:12px;align-items:center;text-align:left;padding:15px}#vs .scenario i{color:var(--vbrand);width:19px;height:19px;flex-shrink:0}#vs .scenario strong{font-size:12px}#vs .scenario small{display:block;font-size:11px;color:var(--vmuted)}#vs .scenario.active small{color:var(--von)}#vs .filterbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:18px 0;flex-wrap:wrap}#vs .filterbar .tabs{display:flex;gap:7px;flex-wrap:wrap}#vs .filterbar button{font-size:11px;padding:7px 12px}#vs select{background:var(--vpanel);color:var(--vink);border:1px solid var(--vline);padding:8px 10px;border-radius:7px;font-size:12px}#vs .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#vs .item{border:1px solid var(--vline);border-radius:12px;background:var(--vpanel);overflow:hidden}#vs .product-art{height:165px;position:relative;background:var(--vsoft);display:grid;place-items:center}#vs .product-art .device{transform:scale(.82)}#vs .ribbon{position:absolute;left:12px;top:12px;background:var(--vpanel);border-radius:5px;padding:4px 7px;font-size:10px;color:var(--vbrand)}#vs .item-content{padding:17px}#vs .sub{font-size:11px;color:var(--vmuted)}#vs .scoreline{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0}#vs .score{font-size:24px;font-weight:800;color:var(--vbrand)}#vs .score small{font-size:11px;color:var(--vmuted);font-weight:400}#vs .price{font-size:16px;font-weight:700}#vs .facts{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;color:var(--vmuted);margin:9px 0 16px}#vs .facts span{padding:4px 6px;border:1px solid var(--vline);border-radius:4px}#vs .item-bottom{border-top:1px solid var(--vline);padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:11px}#vs .item-bottom button{font-size:11px;padding:6px 9px}#vs input[type=checkbox]{accent-color:var(--vbrand)}#vs .bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:30px}#vs .feature{background:var(--vpanel);border:1px solid var(--vline);border-radius:12px;padding:22px}#vs .feature .eyeline{font-size:10px;color:var(--vbrand);letter-spacing:1.4px}#vs .feature h3{font-size:20px;letter-spacing:-.4px}#vs .feature button{margin-top:10px;font-size:12px}#vs .story{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--vline)}#vs .story:last-child{border:0}#vs .story i{color:var(--vbrand);width:22px;flex-shrink:0}#vs .story strong{font-size:12px}#vs .story small{font-size:11px;color:var(--vmuted);display:block}#vs .footer{display:flex;justify-content:space-between;gap:15px;margin-top:30px;border-top:1px solid var(--vline);padding-top:20px;color:var(--vmuted);font-size:11px}#vs .crumb{font-size:11px;color:var(--vmuted);margin-bottom:23px}#vs .review-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}#vs .review-art{height:280px;background:var(--vsoft);border-radius:12px;display:grid;place-items:center}#vs .review-art .device{transform:scale(1.5)}#vs .review-grid h1{font-size:32px}#vs .split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}#vs .spec{width:100%;border-collapse:collapse;font-size:12px}#vs .spec td,#vs .spec th{padding:13px 10px;text-align:left;border-bottom:1px solid var(--vline)}#vs .spec th{font-weight:400;color:var(--vmuted)}#vs .table-wrap{overflow:auto}#vs .table-wrap .spec{min-width:470px}#vs .reviewcopy{max-width:710px}#vs .reviewcopy h2{margin-top:24px}#vs .reviewcopy li{color:var(--vmuted);font-size:13px;margin:10px 0}#vs .back{margin-bottom:15px;font-size:12px}#vs .filter-empty{grid-column:1/-1;padding:30px;color:var(--vmuted)}@media(max-width:750px){#vs .bar{flex-wrap:wrap;padding:20px}#vs .nav{width:100%}#vs .body{padding:22px 20px}#vs .hero{grid-template-columns:1fr}#vs .hero h1{font-size:39px}#vs .scene{height:250px;max-width:450px;width:100%;margin:auto}#vs .scenarios{grid-template-columns:1fr 1fr}#vs .bottom-grid,#vs .review-grid{grid-template-columns:1fr}#vs .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){#vs .body{padding:18px 14px}#vs .grid,#vs .split{grid-template-columns:1fr}#vs .hero h1{font-size:35px}#vs .scenario{padding:12px;gap:8px}#vs .scenario strong{font-size:11px}#vs .head{align-items:start;flex-direction:column;gap:6px}#vs .footer{flex-direction:column}#vs .scene{gap:15px}#vs .scene .device.large{transform:scale(1.1)}#vs .nav button{padding:9px}#vs .float{font-size:10px}}
#vs .content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#vs .content-card{display:flex;flex-direction:column;gap:12px;padding:20px;text-align:left;min-width:0}#vs .content-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--vbrand)}#vs .content-card strong{font-size:16px;line-height:1.4}#vs .content-desc{font-size:12px;color:var(--vmuted);line-height:1.7}#vs .content-open{font-size:11px;color:var(--vbrand);margin-top:auto;padding-top:8px}#vs .content-search{display:flex;align-items:center;gap:18px;margin:24px 0 15px}#vs .content-search input{flex:1;min-width:0;background:var(--vpanel);color:var(--vink);border:1px solid var(--vline);border-radius:8px;padding:12px;font:inherit}#vs .content-search span{font-size:11px;color:var(--vmuted);white-space:nowrap}#vs .faq details{padding:17px 0;border-bottom:1px solid var(--vline)}#vs .faq summary{font-size:14px}#vs .faq h2{margin-bottom:10px}#vs .faq button{font-size:11px;padding:5px 9px;margin-left:8px}#vs .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:35px}#vs .article-layout h1{font-size:35px;line-height:1.2}#vs .article-layout h2{font-size:21px;margin:25px 0 12px}#vs .article-layout p{line-height:1.9}#vs .article-layout .article-intro{font-size:15px}#vs .article-meta{font-size:11px;color:var(--vmuted);border-bottom:1px solid var(--vline);padding:12px 0 18px}#vs .article-side{background:var(--vpanel);border:1px solid var(--vline);padding:18px;border-radius:10px;height:fit-content}#vs .article-side strong{font-size:13px}#vs .article-side button{display:block;width:100%;text-align:left;margin-top:12px;font-size:12px;padding:10px}#vs .article-next{background:var(--vsoft);border-radius:10px;padding:20px;margin-top:25px}#vs .article-next button{font-size:12px}@media(max-width:750px){#vs .content-grid{grid-template-columns:1fr 1fr}#vs .article-layout{grid-template-columns:1fr}}@media(max-width:440px){#vs .content-grid{grid-template-columns:1fr}#vs .content-search{flex-wrap:wrap}#vs .content-search input{flex-basis:100%}#vs .article-layout h1{font-size:29px}}


#vs #vs-cards{align-items:stretch}
#vs #vs-cards>.item:nth-child(n){margin-top:0;display:flex;flex-direction:column;min-width:0}
#vs #vs-cards>.item:hover{transform:none}
#vs #vs-cards>.item:nth-child(n) .product-art{height:200px;flex:0 0 200px}
#vs #vs-cards .item-content{display:flex;flex-direction:column;flex:1;min-width:0}
#vs #vs-cards .item h3{min-height:2.8em;line-height:1.4}
#vs #vs-cards .scoreline{min-height:54px}
#vs #vs-cards .market-note{min-height:3.2em}
#vs #vs-cards .facts{min-height:34px;align-content:flex-start}
#vs #vs-cards .model-summary{flex:1}
#vs #vs-cards .item-bottom{margin-top:auto}
@media(max-width:440px){#vs #vs-cards .item h3,#vs #vs-cards .market-note{min-height:0}}

#vs .answer-block{padding:18px 20px;margin:18px 0;border:1px solid #e2dbf2;border-left:3px solid #7961c6;border-radius:12px;background:#f5f2fc}#vs .answer-block p{margin:8px 0;line-height:1.7}#vs .answer-block small{color:#77717e;line-height:1.6}

#vs .logo{display:flex;align-items:center;gap:11px;flex-shrink:0;letter-spacing:-.7px}
#vs .logo .mark{display:block;width:49px;height:55px;flex:0 0 49px;background:transparent;border-radius:0;box-shadow:none}
#vs .logo .mark svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 3px #30243d14) drop-shadow(0 9px 8px #30243d12)}
#vs .logo-name{font:500 19px/1.35 Unbounded,Manrope,sans-serif;white-space:nowrap}
#vs .logo-name>span{color:var(--vbrand)}
@media(max-width:1100px){#vs .bar{flex-wrap:wrap;gap:14px}#vs .nav{flex-wrap:wrap}}
@media(max-width:600px){#vs .logo-name{font-size:17px}#vs .logo .mark{width:42px;height:48px;flex-basis:42px}#vs .logo{gap:8px}}

#vs .review-details{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#vs .review-details .feature{min-width:0}#vs .specifications .spec{table-layout:fixed}#vs .specifications th{width:39%}#vs .specifications td{overflow-wrap:anywhere}#vs .model-description p{line-height:1.85;margin:16px 0}#vs .model-description h3{font-size:17px;margin-top:26px}@media(max-width:800px){#vs .review-details{grid-template-columns:1fr}#vs .review-details .feature{padding:20px 16px}#vs .specifications .spec td,#vs .specifications .spec th{padding:12px 6px}}

/* Readability, touch targets and consistent mobile reading order. */
#vs{--vmuted:light-dark(#555b70,#bac1d4)}
#vs .body p,#vs .hero p,#vs .article-layout .article-intro,#vs .faq p{font-size:16px;line-height:1.8}
#vs .spec,#vs .content-desc,#vs .body p.model-summary{font-size:14px;line-height:1.75}
#vs .body p.notice,#vs .body p.market-note,#vs .body p.catalog-status,#vs .article-meta,#vs .crumb,#vs .sub,#vs .ribbon,#vs .content-label,#vs .content-open,#vs .facts span,#vs .score small,#vs .scenario small,#vs .float.top,#vs .float.bottom,#vs .head small,#vs .footer,#vs .story small,#vs .feature .eyeline{font-size:11px}
#vs .notice,#vs .sub,#vs .crumb,#vs .content-desc,#vs .scenario small,#vs .article-meta,#vs .answer-block small{color:var(--vmuted)}
#vs .table-wrap .spec th[scope="row"],#vs .table-wrap .spec thead th:first-child{position:sticky;left:0;z-index:1;background:var(--vpanel);box-shadow:1px 0 0 var(--vline)}
#vs .table-wrap .spec thead th:first-child{z-index:2}
#vs .table-wrap:focus-visible{outline:3px solid #7961c6;outline-offset:3px}
#vs .scroll-hint,#vs .body p.scroll-hint{font-size:12px;line-height:1.6;color:var(--vmuted);margin:10px 0}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;display:block;padding:12px 18px;background:#fff;color:#252a3c;border:2px solid #6553d2;border-radius:8px;transform:translateY(calc(-100% - 24px));font:600 16px/1.5 Manrope,Arial,sans-serif}
.skip-link:focus{transform:translateY(0);outline:3px solid #6553d2;outline-offset:3px}
@media(max-width:800px){
  #vs .bar .nav a,#vs .bar .nav button,#vs .filterbar .tabs button,#vs .topic-links a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  #vs .filterbar .tabs{gap:8px}
  #vs .review-details{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  #vs .grid,#vs .content-grid{grid-template-columns:minmax(0,1fr)}
  #vs .content-card{min-height:0}
  #vs .content-search{flex-wrap:wrap}
  #vs .content-search input{flex-basis:100%}
}
/* Comparison controls */
#vs .compare-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;border:1px solid var(--vline);border-radius:16px;padding:20px;margin:24px 0}#vs .compare-picker legend{font-weight:700;padding:0 8px}#vs .compare-picker label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}#vs .compare-picker input{width:18px;height:18px;flex:none}#vs .compare-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}#vs .selection-status{color:var(--vmuted);font-size:14px}@media(max-width:600px){#vs .compare-picker{grid-template-columns:1fr;padding:16px}}

#vs .article-layout>article,#vs .article-layout>aside{min-width:0}
#vs .table-wrap{max-width:100%}
@media(max-width:750px){#vs .article-layout{grid-template-columns:minmax(0,1fr)}}

#vs .comparison-model{vertical-align:top}#vs .comparison-device{display:grid;place-items:center;height:130px;margin:0 0 14px;background:var(--vsoft);border-radius:14px;overflow:hidden}#vs .comparison-device .device{width:84px;height:112px;margin:0;transform:none}#vs .comparison-device .device.mini{width:100px;height:88px}#vs .comparison-device .device.round{width:100px;height:100px}#vs .comparison-device svg{max-width:100%;max-height:100%}#vs .faq summary{font-size:16px;font-weight:600;min-height:44px;cursor:pointer}#vs .body p.faq-guide{font-size:14px}#vs .contact-card{margin:24px 0}#vs .contact-card a{overflow-wrap:anywhere}

/* Product photo carousel */
#vs .review-gallery{min-width:0;align-self:start}
#vs .review-gallery figure{margin:0}
#vs .review-gallery .gallery-main{height:360px;background:#fff;border:1px solid var(--vline);overflow:hidden;touch-action:pan-y pinch-zoom}
#vs .review-gallery .gallery-zoom{width:100%;height:100%;padding:18px;border:0;border-radius:12px;background:transparent;position:relative;cursor:zoom-in;box-shadow:none;transform:none}
#vs .review-gallery .gallery-image{display:block;width:100%;height:100%;object-fit:contain}
#vs .gallery-zoom-label{position:absolute;right:12px;bottom:10px;padding:5px 9px;border-radius:20px;background:#fff;color:var(--vbrand);font-size:11px;box-shadow:0 2px 10px #20243814}
#vs .review-gallery figcaption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;min-height:44px;padding:12px 2px;color:var(--vmuted);font-size:13px}
#vs [data-gallery-count]{white-space:nowrap;font-variant-numeric:tabular-nums}
#vs .gallery-navigation{display:flex;gap:8px;align-items:center}
#vs .gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;min-width:0;padding:4px;scroll-snap-type:x mandatory;scrollbar-width:thin}
#vs .gallery-thumb{flex:0 0 76px;width:76px;height:76px;padding:5px;border:2px solid transparent;border-radius:12px;background:#fff;scroll-snap-align:center;box-shadow:inset 0 0 0 1px var(--vline);transform:none}
#vs .gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
#vs .gallery-thumb[aria-current="true"]{border-color:var(--vbrand);box-shadow:0 3px 12px #6855db25}
#vs .gallery-arrow{flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;font-size:20px}
#vs .gallery-dialog{width:min(900px,94vw);max-height:94vh;padding:18px;border:1px solid var(--vline);border-radius:18px;background:#fff;color:var(--vink);box-shadow:0 20px 70px #0004;overflow:auto}
#vs .gallery-dialog[open]{display:flex;flex-direction:column;align-items:stretch}
#vs .gallery-dialog::backdrop{background:#111827b3}
#vs .gallery-dialog .gallery-close{align-self:flex-end;min-height:44px;margin-bottom:10px}
#vs .gallery-dialog .gallery-full-image{display:block;width:100%;height:min(70vh,760px);object-fit:contain}
#vs .gallery-dialog p{font-size:14px;margin:12px 0 0}
@media(max-width:600px){#vs .review-gallery .gallery-main{height:310px}#vs .gallery-thumb{flex-basis:66px;width:66px;height:66px}#vs .review-gallery figcaption{font-size:12px}#vs .gallery-dialog{padding:12px}}
#vs .review-gallery .gallery-main{display:block}
#vs .review-gallery .gallery-zoom{min-width:0;min-height:0}

#vs .bar{flex-wrap:wrap}#vs .bar .nav{max-width:100%}

#vs .catalog-facets{padding:20px;border:1px solid var(--vline);border-radius:16px;background:var(--vpanel);display:grid;grid-template-columns:1fr 1.7fr;gap:18px 24px;margin:18px 0}
#vs .catalog-facets fieldset{min-width:0;margin:0;padding:0;border:0}
#vs .catalog-facets legend{font-size:14px;font-weight:700;margin-bottom:10px}
#vs .brand-options,#vs .feature-options{display:flex;gap:8px;flex-wrap:wrap}
#vs .filter-choice{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--vline);border-radius:24px;font-size:13px;cursor:pointer;background:var(--vpanel)}
#vs .filter-choice:has(input:checked){border-color:var(--vbrand);background:var(--vsoft);color:var(--vink)}
#vs .filter-choice:has(input:focus-visible){outline:3px solid #9987dd;outline-offset:3px}
#vs .filter-choice input{margin:0;width:16px;height:16px;accent-color:var(--vbrand)}
#vs .body .facet-note{grid-column:1/-1;font-size:12px;line-height:1.7;margin:0}
#vs .filter-reset{justify-self:start;font-size:13px;min-height:44px}
#vs .filter-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--vline);border-radius:16px;background:var(--vpanel)}
#vs .filter-empty strong{font-size:18px}
@media(max-width:800px){#vs .catalog-facets{grid-template-columns:minmax(0,1fr);padding:16px;gap:18px}#vs .filter-choice{font-size:12px}}

#vs .mobile-filter-toggle,#vs .mobile-filter-apply,#vs .mobile-filter-summary{display:none}
@media(max-width:800px){
#vs .catalog-filter-panel{margin:22px 0 12px;border:1px solid var(--vline);border-radius:16px;background:var(--vpanel);overflow:hidden}
#vs .mobile-filter-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:14px 16px;text-align:left;border:0;border-radius:0;background:var(--vpanel);font-size:15px;transform:none;box-shadow:none}
#vs .filter-chevron{margin-left:auto;transition:transform .15s}
#vs .is-open .filter-chevron{transform:rotate(180deg)}
#vs [data-filter-badge]{border-radius:20px;background:var(--vsoft);color:var(--vbrand);font-size:12px;padding:2px 8px}
#vs [data-filter-badge][hidden],#vs [data-mobile-reset][hidden]{display:none}
#vs .catalog-filter-panel:not(.is-open)>.filter-controls{display:none}
#vs .filter-controls{padding:0 16px 16px;border-top:1px solid var(--vline)}
#vs .filter-controls .filterbar{margin:16px 0;gap:12px}
#vs .filter-controls .catalog-facets{padding:16px 0;margin:0;border:0;border-radius:0}
#vs .filter-controls .notice{margin:0}
#vs .mobile-filter-apply{display:block;min-height:44px;width:100%;margin-top:14px}
#vs .mobile-filter-summary{display:flex;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid var(--vline);font-size:12px;line-height:1.7;color:var(--vmuted)}
#vs .mobile-filter-summary span{min-width:0;flex:1}
#vs .mobile-filter-summary button{font-size:12px;min-height:44px;padding:6px 10px;flex:none}
}

/* Responsive layout, touch controls and compact navigation */
#vs .menu-toggle{display:none}
#vs .grid>*,#vs .content-grid>*,#vs .review-grid>*,#vs .split>*{min-width:0}
@media(min-width:601px) and (max-width:1000px){#vs .body .grid,#vs .body .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#vs .article-layout{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:800px){
#vs .bar{padding:12px 16px;gap:12px;align-items:center}
#vs .bar .logo{order:1;flex:1;min-width:0;gap:8px}
#vs .bar .mark{width:40px;height:46px;flex:none}
#vs .bar .logo-name{font-size:17px;line-height:1.2}
#vs .bar .menu-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:82px;min-height:44px;padding:10px 12px;font-size:14px}
#vs .bar .nav{order:3;flex-basis:100%;width:100%;display:none;gap:6px;padding-top:10px;border-top:1px solid var(--vline)}
#vs .bar .nav.is-open{display:flex;flex-wrap:wrap}
#vs .bar .nav a{flex:1 1 42%;min-height:44px;justify-content:center;display:flex;align-items:center;font-size:14px;padding:10px}
#vs .body .hero,#vs .body .review-grid,#vs .body .review-details,#vs .body .bottom-grid,#vs .body .split{grid-template-columns:minmax(0,1fr);gap:22px}
#vs .body .hero{min-height:0;padding-top:4px}
#vs .body .scene{height:260px;min-height:0;width:100%;max-width:450px;margin:auto}
#vs .body .scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}
#vs .body input:not([type=checkbox]):not([type=radio]),#vs .body select{font-size:16px;min-height:44px;max-width:100%}
#vs .body button,#vs .filterbar button,#vs .body .tabs a{min-height:44px}
#vs .body .item-bottom{flex-wrap:wrap;gap:8px}
#vs .item-bottom a,#vs .item-bottom label,#vs .content-open,#vs .text-link{display:inline-flex;align-items:center;min-height:44px}
#vs .item-bottom label{gap:8px}
#vs .footer{flex-wrap:wrap;gap:8px 20px;padding-bottom:env(safe-area-inset-bottom,0px)}
#vs .footer>div{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
#vs .footer a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
#vs .crumb{line-height:1.8;overflow-wrap:anywhere;margin-bottom:18px}
#vs .head{align-items:flex-start;flex-wrap:wrap}
#vs .body h1{overflow-wrap:anywhere}
#vs .gallery-dialog{max-height:calc(100dvh - 24px)}
#vs .gallery-dialog .gallery-full-image{height: min(65dvh,760px)}
#vs .table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:600px){
#vs .body{padding:22px 16px}
#vs .body .grid,#vs .body .content-grid{grid-template-columns:minmax(0,1fr)}
#vs .body h1{font-size:30px;letter-spacing:-1px;line-height:1.18}
#vs .body .hero h1{font-size:34px}
#vs .body h2{font-size:23px;line-height:1.3}
#vs .body .article-layout h1{font-size:28px}
#vs .filterbar .tabs{gap:6px}
#vs .filterbar button{padding:8px 11px;font-size:12px}
#vs .body .scenario{padding:12px;gap:8px}
#vs .body .scenario strong{font-size:12px}
#vs .body .content-search{flex-wrap:wrap;gap:8px}
#vs .body .content-search input{flex-basis:100%}
#vs .body .feature{padding:18px}
#vs .body .review-gallery .gallery-main{height:290px}
#vs .body .specifications td,#vs .body .specifications th{padding:12px 8px;overflow-wrap:anywhere}
}
@media(hover:none){#vs button:hover,#vs .item:hover,#vs .content-card:hover,#vs a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){#vs .filter-chevron{transition:none}}

/* Extensible brand capability tiles */
#vs .catalog-facets{grid-template-columns:minmax(190px,.65fr) minmax(0,1.65fr);gap:24px 32px;background:linear-gradient(135deg,var(--vpanel),#f8f6ff);border-radius:20px}
#vs .catalog-facets legend{font-family:Unbounded,Manrope,sans-serif;font-size:14px;letter-spacing:-.3px;margin-bottom:12px}
#vs .body .capability-hint{font-size:12px;line-height:1.5;margin:0 0 12px;color:var(--vmuted)}
#vs .feature-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
#vs .feature-options .capability-choice{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:12px;border-radius:14px;min-height:68px;background:var(--vpanel);border:1px solid var(--vline);color:var(--vink);box-shadow:0 3px 8px #30204c04,0 12px 22px #30204c03;transition:border-color .15s,background .15s,box-shadow .15s;font-size:13px;line-height:1.5}
#vs .capability-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#vs .capability-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--vsoft);color:var(--vbrand)}
#vs .capability-icon svg{width:22px;height:22px}
#vs .capability-name{min-width:0;overflow-wrap:anywhere;font-weight:600}
#vs .capability-check{width:20px;height:20px;border:1px solid var(--vline);border-radius:6px;display:grid;place-items:center;color:transparent;background:var(--vpanel);font-size:13px}
#vs .feature-options .capability-choice:has(input:checked){background:#eee8ff;border-color:var(--vbrand);box-shadow:0 3px 8px #7055ce0b,0 10px 22px #7055ce10}
#vs .capability-choice:has(input:checked) .capability-check{background:var(--vbrand);border-color:var(--vbrand);color:#fff}
#vs .feature-options:not(.show-all) [data-feature-extra]:not(:has(input:checked)){display:none}
#vs .feature-expand{margin-top:12px;min-height:44px;background:transparent;color:var(--vbrand);font-size:13px;border-color:var(--vline);box-shadow:none}
@media(hover:hover){#vs .feature-options .capability-choice:hover{border-color:#b4a2e7;box-shadow:0 4px 12px #7055ce10,0 12px 22px #7055ce08}}
@media(max-width:1000px){#vs .catalog-facets{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){#vs .filter-controls .catalog-facets{background:transparent}#vs .feature-options{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}#vs .feature-options .capability-choice{min-height:64px}}
@media(prefers-reduced-motion:reduce){#vs .feature-options .capability-choice{transition:none}}

html,body{margin:0;min-height:100%;background:#f6f7fb!important}body{display:block!important;padding:0!important;font-family:Manrope,Arial,sans-serif}#vs{width:100%;max-width:1440px;margin:0 auto;border-radius:0;overflow:hidden}#vs a{color:var(--vbrand);text-decoration:none}#vs a:hover{text-decoration:underline}#vs a:focus-visible{outline:3px solid #9987dd;outline-offset:4px}#vs .logo{color:var(--vink)}#vs .nav a{font-size:14px;padding:9px 12px;border-radius:50px;font-weight:600;color:var(--vink)}#vs .nav a.active{background:var(--vsoft);color:var(--vbrand)}#vs .action{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--vline);border-radius:40px;font-weight:600;font-size:12px}#vs a.primary{color:white;background:#6855db;border-color:#6855db}#vs .item h3 a{color:var(--vink)}#vs .content-card{display:flex;flex-direction:column;color:var(--vink);text-align:left;text-decoration:none}#vs .content-card:hover{text-decoration:none}#vs .content-card strong{color:var(--vink)}#vs .content-desc{color:var(--vmuted)}#vs .scenario{color:var(--vink)}#vs .article-side a{display:block;padding:12px 0;font-size:12px}#vs .topic-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}#vs .topic-links a{min-height:44px;display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--vline);border-radius:30px;font-size:12px}#vs .toc{padding:20px;background:var(--vsoft);border-radius:12px;margin:24px 0}#vs .toc li{margin:6px 0}#vs .sources{border-top:1px solid var(--vline);margin-top:28px;padding-top:8px}#vs .reviewcopy p{line-height:1.85}#vs .reviewcopy h1{font-size:clamp(25px,3.7vw,43px);line-height:1.3}#vs .reviewcopy h2{font-size:20px}#vs caption{text-align:left;color:var(--vmuted);padding:10px;font-size:11px}#vs .table-wrap .spec td{vertical-align:top;min-width:210px;max-width:330px}#vs .table-wrap .spec th[scope=row]{min-width:130px;max-width:160px}#vs .scoreline{justify-content:flex-start}#vs .article-meta{font-size:11px;color:var(--vmuted)}#vs .catalog-status{font-size:11px}#vs .content-search{align-items:center;flex-wrap:wrap}#vs .content-search label{font-size:12px}#vs .review-art svg{max-height:250px}@media(max-width:600px){#vs h1{font-size:30px;line-height:1.28;letter-spacing:-1px;overflow-wrap:anywhere}#vs .bar{padding:18px 20px}#vs .nav a{font-size:12px;padding:8px 10px;min-height:44px;display:inline-flex;align-items:center}#vs .body{padding:22px 20px}#vs .review-grid h1{font-size:28px}#vs .logo-name{font-size:17px}#vs .hero h1{font-size:35px}#vs .reviewcopy h2{font-size:18px}}