/* Self-hosted fonts (latin subset woff2, fetched from Google Fonts and served
   from /assets/fonts/ - no third-party font requests). Google serves Inter as
   one variable file covering weights 400-600 (identical URL for all three
   weights in its own stylesheet), so the three Inter rules reference a single
   file and the browser downloads it once. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#131038;--ink2:#3c3a55;--coral:#ff4e60;--coral-d:#c92a3c;--bg:#ffffff;--soft:#f7f7fb;
--line:#e8e8ee;--green:#0fa958;--radius:14px;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink2);background:var(--bg);line-height:1.65;font-size:16px}
h1,h2,h3,h4,.logo{font-family:'Poppins',system-ui,sans-serif;color:var(--ink);line-height:1.18}
h1{font-size:clamp(1.9rem,4.5vw,3.1rem);font-weight:700;letter-spacing:-.02em}
h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;margin:2.2rem 0 .9rem}
h3{font-size:1.15rem;font-weight:600;margin:1.4rem 0 .5rem}
a{color:var(--coral-d);text-decoration:none}a:hover{text-decoration:underline}
.disc{background:var(--soft);border-bottom:1px solid var(--line);font-size:.78rem;text-align:center;padding:.45rem 1rem;color:#6b6980}
.disc a{color:#6b6980;text-decoration:underline}
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:1.4rem;padding:.7rem 1.2rem;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.18rem;color:var(--ink)}.logo b{color:var(--coral)}
.nav a.nl{color:var(--ink2);font-size:.92rem;font-weight:500}
.nav .grow{flex:1}
.srch{position:relative;flex:0 1 260px;min-width:150px;margin:0 .2rem}
.srch input{width:100%;font:inherit;font-size:.9rem;padding:.42rem .8rem .42rem 2rem;border:1px solid var(--line);border-radius:99px;background:#f7f7fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6980' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") .7rem center no-repeat;color:var(--ink)}
.srch input:focus{outline:2px solid #ffb3bb;border-color:var(--coral);background-color:#fff}
.srch-res{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:320px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(19,16,56,.14);z-index:60;overflow:hidden}
.srch-item{display:block;padding:.6rem .9rem;border-bottom:1px solid var(--line);color:var(--ink2);text-decoration:none}
.srch-item:last-child{border-bottom:0}.srch-item:hover{background:var(--soft);text-decoration:none}
.srch-sec{display:inline-block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--coral-d);margin-right:.5rem}
.srch-t{font-weight:600;color:var(--ink);font-size:.92rem}
.srch-d{display:block;font-size:.8rem;color:#6b6980;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-none{padding:.8rem .9rem;font-size:.9rem;color:#6b6980}
#search-results .srch-item{border:1px solid var(--line);border-radius:10px;margin:.6rem 0}
#search-results .srch-d{white-space:normal}
.nav a.nl.nl-hi{background:var(--coral);color:#fff;font-weight:600;padding:.4rem .95rem;border-radius:99px}
.nav a.nl.nl-hi:hover{background:var(--coral-d);text-decoration:none}
.nav .menu{position:relative}
.nav .menu>summary{list-style:none;cursor:pointer;color:var(--ink2);font-size:.92rem;font-weight:500;padding-right:1rem;position:relative;user-select:none}
.nav .menu>summary::-webkit-details-marker{display:none}
.nav .menu>summary::after{content:"";position:absolute;right:.1rem;top:.45em;width:.38em;height:.38em;border-right:1.6px solid #6b6980;border-bottom:1.6px solid #6b6980;transform:rotate(45deg)}
.nav .menu[open]>summary{color:var(--coral-d)}
.nav .menu-in{position:absolute;top:calc(100% + .55rem);left:-.6rem;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(19,16,56,.14);padding:.4rem;z-index:70}
.nav .menu-in a.nl{display:block;padding:.5rem .8rem;border-radius:8px;white-space:nowrap}
.nav .menu-in a.nl:hover{background:var(--soft);text-decoration:none}
.rstrip{margin:2.4rem 0 0}.rstrip h2{margin-top:0}
.rstrip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem}
.rstrip-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem .95rem;color:var(--ink2);text-decoration:none;box-shadow:0 4px 14px rgba(19,16,56,.05)}
.rstrip-grid a:hover{border-color:var(--coral);text-decoration:none}
.rstrip-grid b{display:block;color:var(--ink);font-size:.95rem;margin-bottom:.15rem}
.rstrip-grid span{font-size:.82rem;color:#6b6980}
.cmplist{columns:2;column-gap:1.5rem;padding-left:1.2rem}.cmplist li{break-inside:avoid;margin:.2rem 0}
@media(max-width:600px){.cmplist{columns:1}}
.cform{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.3rem;margin:1.2rem 0}
.cf-row{margin:0 0 .9rem}.cf-row label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.3rem}
.cf-row input,.cf-row select,.cf-row textarea{width:100%;box-sizing:border-box;font:inherit;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:#fff}
.cf-row textarea{resize:vertical}.cf-hp{position:absolute;left:-9999px;top:-9999px}
.cf-msg{background:#eefbf1;border:1px solid #bfe8c8;border-radius:10px;padding:.9rem 1rem;margin:1rem 0}.cf-err{background:#fff2f3;border-color:#f3c1c7}
.aw-banner{position:relative;overflow:hidden;border-radius:22px;padding:2.6rem 2.4rem;margin:.4rem 0 1.8rem;color:#fff;display:flex;gap:2.5rem;align-items:center;flex-wrap:wrap;
background:radial-gradient(55% 75% at 8% 18%,rgba(255,78,96,.62) 0%,rgba(255,78,96,0) 62%),radial-gradient(45% 65% at 88% 22%,rgba(124,58,237,.55) 0%,rgba(124,58,237,0) 62%),radial-gradient(50% 55% at 55% 105%,rgba(255,138,61,.42) 0%,rgba(255,138,61,0) 60%),linear-gradient(160deg,#1b1347 0%,#131038 55%,#0e0c2a 100%)}
.aw-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#3b82f6,#a855f7 22%,#ec4899 44%,#ff4e60 62%,#ff8a3d 82%,#7f1d1d)}
.aw-banner .aw-htext{flex:1 1 340px;position:relative;z-index:1}.aw-banner .aw-hart{flex:0 1 470px;max-width:480px;position:relative;z-index:1;margin:0 auto}
.aw-banner .hcard{border-color:rgba(255,255,255,.35);box-shadow:0 30px 60px rgba(0,0,0,.45)}.aw-banner .hcard-c{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(255,78,96,.35)}
.aw-banner .hcard img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.aw-banner .hcard .pbox{background:#fff}
.aw-elig{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);border-radius:99px;padding:.45rem .95rem .45rem .5rem;font-weight:700;font-size:.95rem;color:#fff;margin:0 0 1rem;letter-spacing:.02em}
.aw-elig svg{width:26px;height:26px;flex:0 0 26px}
.aw-banner .aw-kicker{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffb3bb;margin:0 0 .5rem}
.aw-banner .aw-punch{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.15;margin:0 0 .6rem;color:#fff}
.aw-banner p{color:rgba(255,255,255,.82);margin:0;max-width:60ch}
.article-wide .article-body{font-size:1.05rem}.article-wide .article-body>p,.article-wide .article-body>ul,.article-wide .article-body>h2,.article-wide .article-body>h3,.article-wide .article-body>blockquote{max-width:820px}
.article-wide .article-body .tscroll,.article-wide .aw-grid,.article-wide .aw-pick,.article-wide .aw-tax,.article-wide .aw-banner{max-width:none}
.aw-tax{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1rem 0 1.8rem}
.aw-tax div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.05rem;box-shadow:0 6px 18px rgba(19,16,56,.05)}
.aw-tax b{display:block;font-family:'Poppins',sans-serif;color:var(--ink);margin:0 0 .3rem;font-size:1rem}
.aw-tax span{font-size:.92rem;color:#4a476a}
.aw-tax .aw-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:99px;background:linear-gradient(135deg,#ff4e60,#a855f7);color:#fff;font-weight:700;font-size:.85rem;margin-bottom:.55rem}
.aw-grid{display:flex;flex-direction:column;gap:1.1rem;margin:1.4rem 0 2rem}
.aw-card{display:grid;grid-template-columns:220px 1fr;gap:1.2rem 1.6rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.6rem 1.8rem;color:var(--ink2);box-shadow:0 10px 28px rgba(19,16,56,.07);position:relative;overflow:hidden}
.aw-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#ff4e60,#a855f7)}
.aw-card.aw-gold-card::before{background:linear-gradient(180deg,#f59e0b,#d97706)}
.aw-card .aw-thumb{width:220px;height:250px;background:var(--soft);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.aw-card .aw-thumb img{max-width:200px;max-height:232px;width:auto;height:auto;object-fit:contain}
.aw-card .aw-text{display:flex;flex-direction:column;gap:.5rem;min-width:0;align-self:end}
.aw-card .aw-thumb{grid-row:1 / span 2}
.aw-card .aw-buy{grid-column:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:.7rem;align-items:center}
.aw-card .aw-buy .btn{text-align:center;padding:.85rem 1.6rem;font-size:1.05rem;flex:0 0 auto}
.aw-card .aw-buy .btn.ghost{background:#fff;font-size:.9rem;padding:.55rem 1rem}
.aw-card .aw-lineup{grid-column:1 / -1}
.aw-card .aw-name{font-family:'Poppins',sans-serif;font-weight:700;color:var(--ink);font-size:1.6rem;line-height:1.2}
.aw-sub{font-size:1.02rem;color:#6b6980;line-height:1.5}
.aw-price{font-family:'Poppins',sans-serif;font-weight:700;color:var(--ink);font-size:1.5rem}.aw-price small{font-family:inherit;font-weight:400;font-size:.85rem;color:#6b6980;margin-left:.4rem}
.lu{border-top:1px dashed var(--line);padding-top:.8rem;margin-top:.2rem}
.lu-head{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6980;margin-bottom:.5rem}
.lu-row{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:thin}
.lu-item{flex:0 0 118px;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;color:var(--ink2);background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:.55rem .5rem;text-align:center}
.lu-item:hover{border-color:var(--coral);text-decoration:none}
.lu-thumb{width:96px;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lu-thumb .pbox,.lu-thumb img{max-width:96px;max-height:100px;width:auto;height:auto;border:0;background:transparent}
.lu-name{font-size:.78rem;line-height:1.2;color:var(--ink);font-weight:600}
.lu-price{font-size:.85rem;font-weight:700;color:var(--coral-d)}
.lu-date{font-size:.66rem;color:#8a88a8}
.lu-more{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600}
@media(max-width:700px){.aw-card{grid-template-columns:120px 1fr;gap:1rem;padding:1.1rem 1.1rem}.aw-card .aw-thumb{width:120px;height:140px}.aw-card .aw-thumb img{max-width:108px;max-height:128px}.aw-price{font-size:1.25rem}.aw-card .aw-buy{grid-column:1 / -1}.aw-card .aw-buy .btn{flex:1}.aw-card .aw-thumb{grid-row:1}.aw-name{font-size:1.1rem}}
.aw-badge{display:inline-block;align-self:flex-start;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--ink);padding:.35rem .8rem;border-radius:99px}
.aw-badge.aw-gold{background:linear-gradient(90deg,#d97706,#f59e0b);color:#1a1200}
.aw-sub{font-size:.83rem;color:#6b6980}
.aw-pick{display:flex;gap:1.4rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.3rem 1.4rem 1.4rem;margin:1rem 0 1.8rem;box-shadow:0 10px 30px rgba(19,16,56,.07);border-top:5px solid #a855f7}
.aw-pick.aw-gold-pick{border-top-color:#f59e0b}
.aw-pick-img{flex:0 0 200px;background:var(--soft);border-radius:14px;padding:.7rem;text-align:center}
.aw-pick-img img{max-width:100%;height:auto;border-radius:8px}
.aw-pick-body{flex:1 1 300px;min-width:0}
.aw-tag{margin:0 0 .6rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--coral)}
.aw-specs{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.35rem .9rem;font-size:.92rem}
.aw-specs li{margin:0;padding:.35rem 0;border-bottom:1px solid var(--line)}
.aw-specs b{color:var(--ink);display:inline-block;min-width:88px}
.aw-ctas{display:flex;gap:.6rem;flex-wrap:wrap;margin:.3rem 0 0}
.aw-ctas .btn{padding:.6rem 1.2rem}
.aw-ctas .btn.ghost{background:#fff}
@media(max-width:640px){.aw-banner{padding:1.6rem 1.2rem;gap:1.4rem}.aw-tax{grid-template-columns:1fr}.aw-pick{flex-direction:column}.aw-pick-img{flex-basis:auto;width:100%;max-width:220px;margin:0 auto}.aw-banner{padding:1.6rem 1.2rem}}
/* financing page theme: teal/blue instead of red/violet; provider chips; numbered awards */
.fin .aw-banner{background:radial-gradient(55% 75% at 8% 18%,rgba(16,185,129,.55) 0%,rgba(16,185,129,0) 62%),radial-gradient(45% 65% at 88% 22%,rgba(59,130,246,.55) 0%,rgba(59,130,246,0) 62%),radial-gradient(50% 55% at 55% 105%,rgba(245,158,11,.35) 0%,rgba(245,158,11,0) 60%),linear-gradient(160deg,#0b2a3a 0%,#0e1f3d 55%,#0a1230 100%)}
.fin .aw-banner::after{background:linear-gradient(90deg,#10b981,#06b6d4 30%,#3b82f6 60%,#8b5cf6 85%,#f59e0b)}
.fin .aw-banner .aw-kicker{color:#a7f3d0}
.fin .aw-banner .hcard-c{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(16,185,129,.35)}
.fin .aw-tax .aw-num{background:linear-gradient(135deg,#10b981,#3b82f6)}
.fin .aw-card::before{background:linear-gradient(180deg,#10b981,#3b82f6)}
.fin .aw-card.aw-gold-card::before{background:linear-gradient(180deg,#f59e0b,#d97706)}
.fin .aw-card .aw-buy .btn{background:#0f766e}.fin .aw-card .aw-buy .btn:hover{background:#115e59}.fin .aw-card .aw-buy .btn.ghost{background:#fff;color:var(--ink)!important;border-color:var(--ink)}.fin .aw-card .aw-buy .btn.ghost:hover{background:var(--soft)}
.fin .aw-pick{border-top-color:#3b82f6}.fin .aw-pick.aw-gold-pick{border-top-color:#f59e0b}
.fin .aw-tag{color:#0f766e}.fin .lu-price{color:#0f766e}
/* service-discount page theme: navy/gold; verification chips */
.svc .aw-banner{background:radial-gradient(55% 75% at 8% 18%,rgba(234,179,8,.5) 0%,rgba(234,179,8,0) 62%),radial-gradient(45% 65% at 88% 22%,rgba(220,38,38,.45) 0%,rgba(220,38,38,0) 62%),radial-gradient(50% 55% at 55% 105%,rgba(59,130,246,.4) 0%,rgba(59,130,246,0) 60%),linear-gradient(160deg,#0f1f4a 0%,#101a3a 55%,#0a1030 100%)}
.svc .aw-banner::after{background:linear-gradient(90deg,#b91c1c,#eab308 35%,#f8fafc 60%,#1d4ed8 85%,#eab308)}
.svc .aw-banner .aw-kicker{color:#fde68a}
.svc .aw-banner .hcard-c{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(234,179,8,.35)}
.svc .aw-tax .aw-num{background:linear-gradient(135deg,#b91c1c,#1d4ed8)}
.svc .aw-card::before{background:linear-gradient(180deg,#1d4ed8,#b91c1c)}
.svc .aw-card.aw-gold-card::before{background:linear-gradient(180deg,#eab308,#ca8a04)}
.svc .aw-card .aw-buy .btn{background:#1e3a8a}.svc .aw-card .aw-buy .btn:hover{background:#172c6b}.svc .aw-card .aw-buy .btn.ghost{background:#fff;color:var(--ink)!important;border-color:var(--ink)}.svc .aw-card .aw-buy .btn.ghost:hover{background:var(--soft)}
.svc .aw-pick{border-top-color:#1d4ed8}.svc .aw-pick.aw-gold-pick{border-top-color:#eab308}
.svc .aw-tag{color:#1e3a8a}.svc .lu-price{color:#1e3a8a}
/* warranty page theme: teal/violet */
.wty .aw-banner{background:radial-gradient(55% 75% at 8% 18%,rgba(20,184,166,.5) 0%,rgba(20,184,166,0) 62%),radial-gradient(45% 65% at 88% 22%,rgba(139,92,246,.5) 0%,rgba(139,92,246,0) 62%),radial-gradient(50% 55% at 55% 105%,rgba(59,130,246,.4) 0%,rgba(59,130,246,0) 60%),linear-gradient(160deg,#0f2a3a 0%,#141a3f 55%,#0b1030 100%)}
.wty .aw-banner::after{background:linear-gradient(90deg,#14b8a6,#3b82f6 40%,#8b5cf6 75%,#14b8a6)}
.wty .aw-banner .aw-kicker{color:#99f6e4}
.wty .aw-banner .hcard-c{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(20,184,166,.35)}
.wty .aw-tax .aw-num{background:linear-gradient(135deg,#14b8a6,#8b5cf6)}
.wty .aw-card::before{background:linear-gradient(180deg,#14b8a6,#8b5cf6)}
.wty .aw-card.aw-gold-card::before{background:linear-gradient(180deg,#f59e0b,#d97706)}
.wty .aw-card .aw-buy .btn{background:#0f766e}.wty .aw-card .aw-buy .btn:hover{background:#115e59}.wty .aw-card .aw-buy .btn.ghost{background:#fff;color:var(--ink)!important;border-color:var(--ink)}.wty .aw-card .aw-buy .btn.ghost:hover{background:var(--soft)}
.wty .aw-pick{border-top-color:#8b5cf6}.wty .aw-pick.aw-gold-pick{border-top-color:#f59e0b}
.wty .aw-tag{color:#0f766e}.wty .lu-price{color:#0f766e}
/* returns page theme: orange/blue */
.ret .aw-banner{background:radial-gradient(55% 75% at 8% 18%,rgba(249,115,22,.5) 0%,rgba(249,115,22,0) 62%),radial-gradient(45% 65% at 88% 22%,rgba(59,130,246,.5) 0%,rgba(59,130,246,0) 62%),radial-gradient(50% 55% at 55% 105%,rgba(236,72,153,.35) 0%,rgba(236,72,153,0) 60%),linear-gradient(160deg,#3a1f2a 0%,#1c1a3f 55%,#0b1030 100%)}
.ret .aw-banner::after{background:linear-gradient(90deg,#f97316,#ec4899 40%,#3b82f6 80%,#f97316)}
.ret .aw-banner .aw-kicker{color:#fed7aa}
.ret .aw-banner .hcard-c{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(249,115,22,.35)}
.ret .aw-tax .aw-num{background:linear-gradient(135deg,#f97316,#3b82f6)}
.ret .aw-card::before{background:linear-gradient(180deg,#f97316,#3b82f6)}
.ret .aw-card.aw-gold-card::before{background:linear-gradient(180deg,#f59e0b,#d97706)}
.ret .aw-card .aw-buy .btn{background:#c2410c}.ret .aw-card .aw-buy .btn:hover{background:#9a3412}.ret .aw-card .aw-buy .btn.ghost{background:#fff;color:var(--ink)!important;border-color:var(--ink)}.ret .aw-card .aw-buy .btn.ghost:hover{background:var(--soft)}
.ret .aw-pick{border-top-color:#3b82f6}.ret .aw-pick.aw-gold-pick{border-top-color:#f59e0b}
.ret .aw-tag{color:#c2410c}.ret .lu-price{color:#c2410c}
.pay.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.pay.ok::before{background:#16a34a}
.pay.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.pay.warn::before{background:#f59e0b}
.pay.idme::before{background:#08833d}.pay.govx::before{background:#f26522}.pay.verifypass::before{background:#2563eb}.pay.form::before{background:#6b7280}
.aw-rank{position:absolute;top:0;right:0;background:var(--ink);color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;padding:.35rem .9rem;border-radius:0 18px 0 14px}
.aw-gold-card .aw-rank{background:linear-gradient(90deg,#d97706,#f59e0b);color:#1a1200}
.pay-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.2rem}
.pay-row .pay-lbl{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6980;margin-right:.2rem}
.pay{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:8px;padding:.28rem .6rem;font-size:.82rem;font-weight:700;background:#fff;color:var(--ink);letter-spacing:.01em}
.pay::before{content:"";width:9px;height:9px;border-radius:99px;background:#94a3b8}
.pay.affirm::before{background:#4a4af4}.pay.shoppay::before{background:#5a31f4}.pay.paypal::before{background:#003087}.pay.klarna::before{background:#ffb3c7}.pay.afterpay::before{background:#b2fce4;border:1px solid #6fd6b8}.pay.truemed::before{background:#16a34a}.pay.zero{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.pay.zero::before{display:none}
.nav a.srch-link{display:none}
.nav .links{display:contents}
.mtog{display:none;width:42px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.mtog span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}
@media(max-width:700px){.nav{gap:.8rem}.nav form.srch{display:none}.mtog{display:flex}
.nav .links{display:none;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);margin-top:.5rem;padding-top:.4rem}
.nav.open .links{display:flex}
.nav .links a.nl,.nav .menu>summary{display:block;padding:.6rem .2rem;white-space:normal}
.nav a.nl.nl-hi{display:inline-block;align-self:flex-start;margin:.3rem 0 .4rem}
.nav .menu{display:block}.nav .menu>summary{font-weight:600;color:var(--ink);list-style:none}
.nav .menu>summary::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:.5rem;vertical-align:.25em}
.nav .menu[open]>summary::after{transform:rotate(-135deg);vertical-align:-.05em}
.nav .menu-in{position:static;min-width:0;background:none;border:0;box-shadow:none;padding:0 0 .3rem .9rem;border-radius:0}
.nav .menu-in a.nl{padding:.5rem .2rem}
.nav a.srch-link{display:block}}
.hero{background:linear-gradient(160deg,#fbd7dc 0%,#fdeef0 45%,#ffffff 100%);padding:3.6rem 1.2rem 3rem;text-align:center}
.hero p.sub{max-width:640px;margin:1rem auto 0;font-size:1.12rem;color:#565470}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.2rem}
.narrow{max-width:820px}
.stats{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.5rem;min-width:140px;box-shadow:0 4px 14px rgba(19,16,56,.05)}
.stat b{display:block;font-size:1.5rem;color:var(--ink);font-family:'Poppins'}
.stat span{font-size:.82rem;color:#6b6980}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem;margin:1.4rem 0}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:0 4px 14px rgba(19,16,56,.05)}
.card h3{margin:0 0 .35rem}.card p{font-size:.9rem;color:#6b6980}
.card a.more{display:inline-block;margin-top:.6rem;font-weight:600;font-size:.9rem}
.card a.more:after{content:" \2192"}
.rankcard{display:flex;gap:1.1rem;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
padding:1.2rem;margin:.9rem 0;box-shadow:0 4px 14px rgba(19,16,56,.05);flex-wrap:wrap}
.rankn{font-family:'Poppins';font-weight:700;font-size:1.5rem;color:#fff;background:var(--ink);border-radius:10px;
width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.rankbody{flex:1;min-width:230px}
.rankbody ul{margin:.5rem 0 0 1.1rem;font-size:.92rem}
.rankside{flex:0 0 168px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:.5rem}
.score{font-family:'Poppins';font-weight:700;font-size:1.7rem;color:var(--ink)}
.score small{display:block;font-size:.7rem;font-weight:400;color:#6b6980}
.btn{display:inline-block;background:#d32f42;color:#fff!important;font-weight:600;padding:.62rem 1.3rem;border-radius:9px;
font-size:.95rem;text-decoration:none!important;transition:background .15s}
.btn:hover{background:var(--coral-d)}
.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.18rem .6rem;border-radius:99px;margin-right:.4rem}
.b-coral{background:#ffe7ea;color:var(--coral-d)}.b-green{background:#e2f6ec;color:#0b7d42}
.b-gray{background:#efeff4;color:#565470}.b-amber{background:#fdf1de;color:#9a6716}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.92rem;background:#fff}
th,td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:var(--soft);color:var(--ink);font-weight:600;white-space:nowrap}
tr:nth-child(even) td{background:#fbfbfd}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}
.tblwrap table{margin:0;min-width:560px}
.answer{background:var(--soft);border-left:4px solid var(--coral);border-radius:0 var(--radius) var(--radius) 0;
padding:1rem 1.2rem;margin:1.1rem 0;font-size:1.03rem}
.note{background:#fdf6ec;border:1px solid #f3ddb3;border-radius:10px;padding:.8rem 1rem;font-size:.9rem;margin:.9rem 0}
.grade{font-weight:700}
.faq h3{margin:1rem 0 .3rem;font-size:1.02rem}
.crumb{font-size:.82rem;color:#6e6c80;margin:1.1rem auto .4rem}.crumb a{color:#6e6c80}
footer{background:var(--ink);color:#c9c7dd;margin-top:3.5rem;padding:2.5rem 1.2rem;font-size:.88rem}
footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.6rem}
footer .fh4{font-family:'Poppins',system-ui,sans-serif;font-weight:700;line-height:1.18;color:#fff;font-size:.95rem;margin-bottom:.6rem}
footer a{color:#c9c7dd;display:block;margin:.3rem 0}
footer .fine{grid-column:1/-1;border-top:1px solid #2c2950;padding-top:1.1rem;font-size:.78rem;color:#8f8cab}
.section{padding-top:2.2rem;padding-bottom:.4rem}
.tag{font-size:.78rem;color:#6e6c80}
.sources{font-size:.82rem;color:#6e6c80;margin-top:1.6rem;border-top:1px solid var(--line);padding-top:.8rem}
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;max-width:520px}
.calc label{display:block;font-size:.88rem;font-weight:600;color:var(--ink);margin:.8rem 0 .25rem}
.calc input{width:100%;padding:.55rem;border:1px solid var(--line);border-radius:8px;font-size:1rem}
.calc .res{font-family:'Poppins';font-size:1.6rem;font-weight:700;color:var(--ink);margin-top:1rem}
@media(max-width:640px){.rankside{flex:1 1 100%}}
figure.diagram{margin:1.6rem 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}
figure.diagram svg{width:100%;height:auto;display:block}
figure.diagram figcaption{font-size:.8rem;color:#6e6c80;margin-top:.5rem;font-weight:500}
.warn{background:#fff5f6;border:1px solid #ffd0d6;border-left:4px solid var(--coral);border-radius:10px;padding:.9rem 1.1rem;margin:1.2rem 0;font-size:.92rem}
.warn b{color:var(--coral)}
.okbox{background:#f2fbf5;border:1px solid #c8ecd4;border-left:4px solid #24a35a;border-radius:10px;padding:.9rem 1.1rem;margin:1.2rem 0;font-size:.92rem}
.herowrap{display:flex;gap:2.5rem;align-items:center;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:2.6rem 1.2rem 1rem}
.herowrap .htext{flex:1 1 340px}
.herowrap .hart{flex:0 1 400px;max-width:440px}
.heroimg{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(19,16,56,.28))}
.panelimg{width:100%;height:auto;display:block}
/* ranked "best panel" cards (top10-style anatomy) */
.rcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin:1.1rem 0;box-shadow:0 4px 14px rgba(19,16,56,.06);overflow:hidden}
.rribbon{display:inline-flex;align-items:stretch;background:#fff0f2;border:1px solid #ffd0d6;border-top:0;border-left:0;border-bottom-right-radius:12px}
.rribbon .rrank{background:var(--ink);color:#fff;font-family:'Poppins';font-weight:700;font-size:1.15rem;display:flex;align-items:center;justify-content:center;width:40px;padding:.35rem 0}
.rribbon .rrlabel{color:var(--coral-d);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;padding:.35rem .95rem}
.rcard-in{display:flex;gap:1.3rem;align-items:flex-start;padding:1rem 1.3rem 1.3rem}
.rlogo{flex:0 0 124px;width:124px}
.rmid{flex:1 1 auto;min-width:0}
.rmid h3{margin:.1rem 0 .15rem;font-size:1.18rem}
.rsub{font-size:.82rem;color:#6b6980;margin-bottom:.2rem}
.rspecs{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:.6rem 0;font-size:.84rem;color:#4a476a}
.rspecs b{color:var(--ink)}
.rchecks{list-style:none;margin:.6rem 0 0;padding:0;font-size:.92rem}
.rchecks li{position:relative;padding-left:1.5rem;margin:.32rem 0}
.rchecks li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--green);font-weight:700}
.rright{flex:0 0 160px;text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}
.rscorenum{font-family:'Poppins';font-weight:700;font-size:2.3rem;line-height:1;color:var(--ink)}
.rscoreword{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0a7a40;margin:-.1rem 0 .4rem}
.rright .btn{width:100%;padding:.6rem .5rem;font-size:.9rem}
.howbox{background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:12px;padding:1rem 1.2rem;margin:1.1rem 0}
.howbox h4{margin:0 0 .3rem;font-size:1rem}
.howbox p{font-size:.9rem;margin:.3rem 0;color:#4a476a}
.howbox .statline{font-size:.82rem;font-weight:600;color:var(--ink);margin-top:.55rem}
@media(max-width:700px){.rcard-in{flex-direction:column}.rlogo{width:104px;flex-basis:104px;margin:0 auto}.rright{flex-basis:auto;width:100%}}
.btn.ghost{background:#fff;color:var(--ink)!important;border:1.5px solid var(--ink)}
.pickcard .pimg{width:88px;margin:0 auto .6rem}
.modelhero{display:flex;gap:1.3rem;align-items:center;margin:1rem 0 1.2rem;flex-wrap:wrap}
.modelhero .mh-img{flex:0 0 150px;width:150px;height:192px}
.modelhero .mh-txt{flex:1 1 300px}
.card .pimg{width:76px;margin:0 auto .5rem}
.brandcard .bchead{display:flex;align-items:center;gap:.7rem;margin-bottom:.35rem}
.brandcard .bchead h3{margin:0;font-size:1.15rem}
.blogo{flex:0 0 46px;width:46px;height:46px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.blogo img{max-width:82%;max-height:82%;object-fit:contain;display:block}
.lmono{width:100%;height:100%;align-items:center;justify-content:center;font-family:'Poppins';font-weight:700;color:var(--coral-d);background:#fff0f2;font-size:.95rem}
/* ===== best-panels wide top10-style layout (scoped) ===== */
.stars{display:inline-flex;align-items:center;gap:1px;vertical-align:middle}
.star{display:block}
.rec-ribbon{display:inline-flex;align-items:center;gap:.35rem;background:var(--green);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.32rem .72rem;border-radius:99px;line-height:1}
.rec-ribbon svg{color:#fff}
/* hero band (full-bleed) */
.bhero{position:relative;color:#fff;padding:3.4rem 1.2rem 3.2rem;
background:linear-gradient(90deg,rgba(13,9,32,.93) 0%,rgba(13,9,32,.74) 46%,rgba(13,9,32,.34) 100%),url('/assets/img/hero-red-panel.jpg');
background-size:cover;background-position:center}
.bhero-in{max-width:1120px;margin:0 auto}
.bhero h1{color:#fff;max-width:18ch;margin:0}
.bpill{display:inline-flex;align-items:center;gap:.42rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.32);color:#fff;font-size:.8rem;font-weight:600;padding:.32rem .82rem;border-radius:99px;margin-bottom:1rem}
.bpill svg{color:#7ef0a8}
.bsub{max-width:60ch;font-size:1.08rem;color:#ece9f6;margin:.85rem 0 1.4rem}
.bctas{display:flex;gap:.7rem;flex-wrap:wrap}
.bctas .btn{padding:.7rem 1.45rem}
/* top picks summary row */
.toppicks{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.1rem 0 2.3rem;margin-bottom:.4rem}
.toppicks h2{margin:0 0 1.1rem}
.tprow{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.tpcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:0 4px 14px rgba(19,16,56,.05);display:flex;flex-direction:column}
.tpcard.tp-recommended{border-color:#bfe9cf;box-shadow:0 6px 18px rgba(15,169,88,.14)}
.tpcard .rec-ribbon{position:absolute;top:-11px;left:1.1rem}
.tpimgbox{height:132px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.7rem;margin-top:.3rem}
.tpimg{max-width:100%;max-height:100%;object-fit:contain}
.tpimgbox .panelimg{max-height:100%;width:auto;max-width:100%}
.tpname{font-family:'Poppins';font-weight:600;font-size:1rem;line-height:1.25}
.tprate{display:flex;align-items:center;gap:.45rem;margin:.4rem 0}
.tprate b{font-family:'Poppins';font-size:1.05rem;color:var(--ink)}
.tpreason{font-size:.86rem;color:#5a5872;margin:.15rem 0 .8rem;flex:1}
.tplink{font-weight:600;font-size:.9rem}
/* two-column main */
.bwrap{padding-top:.2rem}
.bintro{max-width:840px}
.bmain{display:flex;gap:1.6rem;align-items:flex-start}
.bcol{flex:1 1 auto;min-width:0}
.brail{flex:0 0 300px;position:sticky;top:80px;display:flex;flex-direction:column;gap:1rem}
.railbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 4px 14px rgba(19,16,56,.05)}
.railbox h4{margin:0 0 .45rem;font-size:1rem}
.railbox p{font-size:.86rem;color:#4a476a;margin:0}
.railchecks{list-style:none;margin:0;padding:0;font-size:.86rem}
.railchecks li{position:relative;padding-left:1.5rem;margin:.42rem 0;color:#4a476a}
.railchecks li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--green);font-weight:700}
.railstat-box{background:var(--ink);border-color:var(--ink)}
.railstat{font-size:.84rem;font-weight:600;color:#fff!important}
/* upgraded ranked cards */
.rcard-rec{border-color:#bfe9cf;box-shadow:0 6px 18px rgba(15,169,88,.14)}
.rtop{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.rtop .rec-ribbon{margin:.45rem .95rem .1rem 0}
.rlogo{flex:0 0 150px;width:150px;height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rphoto{max-width:100%;max-height:100%;object-fit:contain}
.rlogo .panelimg{max-height:100%;width:auto;max-width:100%}
.rrate{display:flex;align-items:center;gap:.5rem;margin:.15rem 0 .1rem}
.rrate b{font-family:'Poppins';font-size:1.05rem;color:var(--ink)}
@media(max-width:900px){.bmain{flex-direction:column}.brail{position:static;flex-basis:auto;width:100%}}
@media(max-width:760px){.tprow{grid-template-columns:1fr}}
@media(max-width:700px){.rlogo{margin:0 auto;width:150px;flex-basis:150px;height:180px}}
/* ===== universal product-photo box (.pbox) + brand lockups ===== */
.pbox{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.pbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.pbox .lmono{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-family:'Poppins';font-weight:700;color:var(--coral-d);background:#fff0f2;font-size:1.35rem}
.brandhead{display:flex;align-items:center;gap:1rem;margin:0 0 .4rem;flex-wrap:wrap}
.brandhead .blogo{flex:0 0 58px;width:58px;height:58px}
.brandhead h1{margin:0}
.evpick-img{width:100%;height:120px;margin:0 0 .7rem}
.evbrandstrip{display:flex;flex-wrap:wrap;gap:1.1rem;margin:.6rem 0 1rem}
.evbrand{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:104px;text-align:center;font-size:.82rem;color:var(--ink2)}
.evbrand .blogo{flex:0 0 56px;width:56px;height:56px}
.cmplogos{display:flex;gap:.55rem;margin-bottom:.55rem}
.cmphead{display:flex;gap:1.4rem;flex-wrap:wrap;margin:.2rem 0 1rem}
.cmpbrand{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--ink)}
.cmpbrand .blogo{flex:0 0 48px;width:48px;height:48px}
.cmpflags{display:flex;gap:1rem;margin:.6rem 0 1rem;flex-wrap:wrap}
.cmpflag{width:120px;height:150px;flex:0 0 auto}
/* ===== site logo mark ===== */
.logo{display:inline-flex;align-items:center;gap:.55rem}
.logo .lmark{display:block;flex:0 0 auto}
footer .fbrand{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem}
footer .fbrand .fh4{margin:0}
/* ===== homepage landing ===== */
.hero-land{text-align:left;padding:3rem 1.2rem 3.2rem;position:relative;overflow:hidden;color:#fff;
background:radial-gradient(55% 75% at 8% 18%,rgba(255,78,96,.62) 0%,rgba(255,78,96,0) 62%),
radial-gradient(45% 65% at 88% 22%,rgba(124,58,237,.55) 0%,rgba(124,58,237,0) 62%),
radial-gradient(50% 55% at 55% 105%,rgba(255,138,61,.42) 0%,rgba(255,138,61,0) 60%),
radial-gradient(35% 45% at 40% 45%,rgba(236,72,153,.28) 0%,rgba(236,72,153,0) 60%),
linear-gradient(160deg,#1b1347 0%,#131038 55%,#0e0c2a 100%)}
.hero-land::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.035) 50%,transparent 100%);pointer-events:none}
.hero-land::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#3b82f6 0%,#a855f7 22%,#ec4899 44%,#ff4e60 62%,#ff8a3d 82%,#7f1d1d 100%);opacity:.95}
.hero-land h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero-land p.sub{color:rgba(255,255,255,.82)}
.hero-land .hstats{color:rgba(255,255,255,.72)}.hero-land .hstats b{color:#fff}
.hero-land .btn{background:var(--coral);box-shadow:0 10px 28px rgba(255,78,96,.35)}.hero-land .btn:hover{background:#ff6a79}
.hero-land .btn.ghost{background:rgba(255,255,255,.08);color:#fff!important;border:1.5px solid rgba(255,255,255,.55);backdrop-filter:blur(6px)}
.hero-land .btn.ghost:hover{background:rgba(255,255,255,.16)}
.hero-land .hcard{border-color:rgba(255,255,255,.35);box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}
.hero-land .hcard-c{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(255,78,96,.35)}
.hero-land .herowrap{position:relative;z-index:1}
.hero-land .herowrap{padding:0;max-width:1120px;align-items:center}
.hero-land .sub{margin:.8rem 0 1.3rem;max-width:52ch;font-size:1.1rem;color:#565470}
.hero-land .hart{flex:0 1 470px;max-width:480px}
.hctas{display:flex;gap:.7rem;flex-wrap:wrap;margin:0 0 1.5rem}
.hstats{display:flex;gap:.5rem 1.7rem;flex-wrap:wrap;font-size:.88rem;color:#565470;align-items:baseline}
.hstats b{font-family:'Poppins';font-size:1.08rem;color:var(--ink)}
.hstack{position:relative;width:min(440px,94vw);height:316px;margin:0 auto}
.hcard{position:absolute;top:32px;left:50%;width:190px;height:250px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 24px 44px rgba(19,16,56,.16),0 6px 14px rgba(19,16,56,.10)}
.hcard .pbox{border:0}
.hdata .hcard{display:flex;flex-direction:column;gap:.35rem;padding:16px 15px;text-align:left;color:var(--ink2);overflow:hidden}
.hdata{width:min(500px,94vw);height:330px}
.hdata .hcard{width:158px;height:246px;top:44px;padding:14px 12px}.hdata .hcard-c{width:180px;height:286px;top:14px;margin-left:-90px;padding:16px 14px}
.hdata .hcard-l{margin-left:-250px;transform:rotate(-5deg)}.hdata .hcard-r{margin-left:92px;transform:rotate(5deg)}
@media(max-width:520px){.hdata{height:290px}.hdata .hcard{width:128px;height:214px;padding:10px 9px}.hdata .hcard-c{width:150px;height:250px;margin-left:-75px}.hdata .hcard-l{margin-left:-190px}.hdata .hcard-r{margin-left:62px}.hd-big{font-size:2.4rem!important}}
.hd-l{font-family:'Poppins',sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--coral-d)}
.hd-big{font-family:'Poppins',sans-serif;font-weight:700;font-size:3.1rem;line-height:1;color:var(--ink);margin:.35rem 0 .1rem}
.hd-s{font-size:.68rem;line-height:1.35;color:#6b6980}.hdata .hcard>.hd-s:last-child{margin-top:auto}
.hd-bar{display:block;margin-top:.45rem}.hd-bar em{display:block;font-style:normal;font-size:.62rem;font-weight:600;color:#6b6980;margin-bottom:2px}.hd-bar i{display:block;height:11px;border-radius:6px}
.hd-seg{display:flex;height:12px;border-radius:7px;overflow:hidden;margin:.5rem 0 .3rem}.hd-seg i{display:block;height:100%}
.hd-list,.hd-terms{list-style:none;margin:0;padding:0;font-size:.72rem}
.hd-list li{display:flex;align-items:center;gap:.4rem;padding:.12rem 0}.hd-list li i{width:9px;height:9px;border-radius:50%;flex:none}.hd-list li b{margin-left:auto;color:var(--ink)}
.hd-terms li{padding:.42rem 0 .42rem 1.25rem;border-bottom:1px solid var(--line);position:relative;line-height:1.3}.hd-terms li:last-child{border:0}
.hd-terms li:before{content:'';position:absolute;left:0;top:.62rem;width:10px;height:10px;border-radius:50%;background:#10b981}.hd-terms li.w:before{background:#f59e0b}.hd-terms li b{color:var(--ink)}
.brandbelt+.wrap.section{padding-top:.4rem}.brandbelt+.wrap.section>h2:first-child{margin-top:1.3rem}
.rmore{position:relative}.rmore .rm-t{position:absolute;opacity:0;pointer-events:none}
.rmore .rm-body{max-height:5.1em;overflow:hidden;position:relative}
.rmore .rm-body:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2.6em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.rmore .rm-t:checked~.rm-body{max-height:none}.rmore .rm-t:checked~.rm-body:after{display:none}
.rmore .rm-l{display:inline-block;margin:.3rem 0 .6rem;font-weight:600;font-size:.92rem;color:var(--coral-d);cursor:pointer}
.rmore .rm-l:after{content:'Read more \2193'}.rmore .rm-t:checked~.rm-l:after{content:'Show less \2191'}
.rmore .rm-t:focus-visible~.rm-l{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}
.rmore .rm-body p:first-child{margin-top:0}
.hcard-c{width:210px;height:274px;top:6px;margin-left:-105px;z-index:3;box-shadow:0 30px 54px rgba(19,16,56,.22),0 8px 18px rgba(19,16,56,.12)}
.hcard-l{margin-left:-214px;transform:rotate(-7deg);z-index:1}
.hcard-r{margin-left:26px;transform:rotate(7deg);z-index:2}
@media(max-width:460px){.hstack{height:272px}.hcard{width:156px;height:206px}.hcard-c{width:178px;height:234px;margin-left:-89px}.hcard-l{margin-left:-172px}.hcard-r{margin-left:16px}}
@media(max-width:374px){.hstack{height:240px}.hcard{width:132px;height:176px}.hcard-c{width:152px;height:200px;margin-left:-76px}.hcard-l{margin-left:-146px}.hcard-r{margin-left:14px}}
/* brand logo belt */
.brandbelt{background:#fff;border-bottom:1px solid var(--line);padding:1.5rem 1.2rem 1.2rem}
.brandbelt .beltin{max-width:1120px;margin:0 auto}
.beltlabel{text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6e6c80;margin-bottom:.9rem}
.lstrip{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;align-items:center}
.lstrip .blogo{width:58px;height:58px;flex:0 0 58px}
.lstrip .blogo img{filter:grayscale(1);opacity:.72;transition:filter .15s,opacity .15s}
.lstrip a:hover .blogo img{filter:none;opacity:1}
.lstrip .morebrands{font-size:.85rem;font-weight:600;white-space:nowrap;margin-left:.4rem}
/* category tiles */
.cattiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0 .4rem}
@media(max-width:1020px){.cattiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.cattiles{grid-template-columns:repeat(2,1fr)}}
a.cattile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;text-align:center;box-shadow:0 4px 14px rgba(19,16,56,.05);color:var(--ink2);text-decoration:none!important;transition:transform .15s,box-shadow .15s}
a.cattile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(19,16,56,.10)}
.cattile .ctimg{display:block;height:118px;margin-bottom:.7rem}
.awgroup{font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-d);margin:1.6rem 0 0;display:flex;align-items:center;gap:.7rem}
.awgroup:after{content:'';flex:1;height:1px;background:var(--line)}
.awgroup+.cattiles{margin-top:.7rem}
.cattile .ctimg .pbox{border:0}
.cattile .ctimg .awbadge{height:118px;width:auto;display:block;margin:0 auto;filter:drop-shadow(0 6px 10px rgba(19,16,56,.18));transition:transform .2s}
a.cattile:hover .awbadge{transform:scale(1.06) rotate(-3deg)}
.cattile h3{margin:0 0 .25rem;font-size:.98rem}
.cattile p{font-size:.8rem;color:#6b6980;margin:0}
/* icon trio */
.whyrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0}
@media(max-width:760px){.whyrow{grid-template-columns:1fr}}
.whycard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:0 4px 14px rgba(19,16,56,.05)}
.whycard .wicon{width:42px;height:42px;border-radius:11px;background:#ffe7ea;color:var(--coral-d);display:flex;align-items:center;justify-content:center;margin-bottom:.7rem}
.whycard h3{margin:0 0 .3rem;font-size:1.02rem}
.whycard p{font-size:.88rem;color:#6b6980;margin:0}
/* pill chips */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 1.2rem}
a.chip{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:99px;padding:.34rem .9rem;font-size:.85rem;font-weight:600;color:var(--ink);text-decoration:none!important;box-shadow:0 2px 8px rgba(19,16,56,.04)}
a.chip:hover{border-color:var(--coral);color:var(--coral-d)}
/* ranked-card score breakdown bars */
.sbars{display:flex;flex-direction:column;gap:.34rem;margin:.15rem 0 .35rem;text-align:left}
.sbar{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:.5rem}
.sbar .sl{font-size:.68rem;font-weight:600;color:#6b6980;white-space:nowrap}
.sbar .track{height:6px;background:#efeff4;border-radius:99px;overflow:hidden}
.sbar .fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--coral),#ff7a88)}
/* database band */
.dbband{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;background:var(--ink);border-radius:var(--radius);padding:1.5rem 1.6rem;margin:2.2rem 0 .6rem}
.dbband .bimgs{display:flex;gap:.55rem}
.dbband .bimgs .pbox{width:72px;height:90px;border:0;border-radius:10px}
.dbband .btxt{flex:1 1 260px}
.dbband h3{color:#fff;margin:0 0 .25rem}
.dbband p{color:#c9c7dd;font-size:.9rem;margin:0}
/* ===== /panels/ filterable all-devices grid ===== */
.allband{display:flex;align-items:center;justify-content:space-between;gap:.8rem 1.2rem;flex-wrap:wrap;background:#fff0f2;border:1px solid #ffd0d6;border-radius:var(--radius);padding:.9rem 1.1rem;margin:1.1rem 0;font-size:.95rem}
.allband b{color:var(--ink)}
.allband .btn{padding:.5rem 1.05rem;font-size:.88rem}
.fbar{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;margin:1.2rem 0 .4rem;box-shadow:0 4px 14px rgba(19,16,56,.05)}
.fgroup{display:flex;flex-direction:column;gap:.35rem;min-width:0;max-width:100%}
.fgroup>span{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6e6c80}
.fbar select{padding:.44rem .55rem;border:1px solid var(--line);border-radius:8px;font-size:.88rem;background:#fff;color:var(--ink);font-family:inherit;max-width:200px}
.fchips{display:flex;flex-wrap:wrap;gap:.4rem}
.fchip{display:inline-flex;align-items:center;gap:.32rem;border:1px solid var(--line);border-radius:99px;padding:.26rem .66rem;font-size:.82rem;font-weight:600;color:var(--ink);background:#fff;cursor:pointer;white-space:nowrap}
.fchip input{accent-color:var(--coral);margin:0}
.fchip:has(input:checked){border-color:var(--coral);background:#fff0f2;color:var(--coral-d)}
#f-reset{cursor:pointer;font-family:inherit;align-self:flex-end}
.fmeta{display:flex;align-items:baseline;gap:.6rem 1.2rem;flex-wrap:wrap;margin:.6rem 0 .1rem}
#f-count{font-size:.92rem;font-weight:600;color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem;margin:1rem 0 1.4rem}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;box-shadow:0 4px 14px rgba(19,16,56,.05);display:flex;flex-direction:column}
.pcimg{display:block;height:150px;margin:0 0 .55rem}
.pcbrand{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6e6c80}
.pcname{font-family:'Poppins';font-weight:600;font-size:.92rem;line-height:1.3;margin:.12rem 0 .3rem}
.pcname a{color:var(--ink)}
.pcwl{font-size:.78rem;color:#6b6980;margin-bottom:.5rem;flex:1}
.pcdeep{display:inline-block;background:#ffe7ea;color:var(--coral-d);font-size:.66rem;font-weight:700;padding:.08rem .45rem;border-radius:99px;margin-left:.2rem;white-space:nowrap;vertical-align:1px}
.pcprice{font-family:'Poppins';font-weight:700;font-size:.98rem;color:var(--ink)}
.pcprice .nv{font-family:'Inter';font-weight:500;font-size:.8rem;color:#6e6c80}
@media(max-width:640px){.pgrid{grid-template-columns:repeat(2,1fr);gap:.7rem}.pcimg{height:118px}}
/* ===== accessibility: skip link + visible keyboard focus ===== */
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;font-weight:600;padding:.6rem 1.1rem;border-radius:0 0 10px 0;z-index:200}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* ===== small screens: nav as one scrollable row, header unstuck ===== */
@media(max-width:700px){
header.site{position:static}
.nav{flex-wrap:wrap}
.nav .logo{flex:0 0 auto}
.nav .links a.nl.nl-hi{padding:.4rem .9rem}
}
/* ===== content system: articles, hubs, cards, related blocks ===== */
.article .dateline{margin:.5rem 0 1rem}
.byline{display:flex;align-items:center;gap:.8rem;margin:.9rem 0 1.2rem;padding:.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.by-av{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;letter-spacing:.03em}
.by-av.lg{flex-basis:72px;width:72px;height:72px;font-size:1.4rem}
.by-name{font-weight:600;color:var(--ink)}.by-name a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.by-role{font-weight:400;font-style:italic;color:var(--ink2)}
.by-meta{font-size:.82rem;color:#6e6c80;margin-top:.15rem}
.edbox{margin:2rem 0 0;padding:1rem 1.2rem;background:var(--soft);border-left:4px solid var(--ink);border-radius:0 var(--radius) var(--radius) 0;font-size:.9rem;color:var(--ink2)}
.edbox b.edh{display:block;color:var(--ink);margin-bottom:.3rem}
.author ul:not(.author-facts){padding-left:1.4rem;margin:0 0 1.1rem}.author p{margin:0 0 1.1rem}
.author-head{display:flex;align-items:center;gap:1.1rem;margin:.4rem 0 1.2rem}
.author-head h1{margin:0}.author-head .by-role{display:block;margin-top:.25rem;font-size:1.05rem}
.author-facts{list-style:none;padding:0;margin:1rem 0 1.6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem}
.author-facts li{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;font-size:.92rem}
.author-facts li b{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#6e6c80;margin-bottom:.2rem}
@media(max-width:640px){.byline{align-items:flex-start}.author-head{align-items:flex-start}}
.ahero{margin:1.2rem 0 1.6rem}
.ahero img{width:100%;height:auto;max-height:440px;object-fit:contain;display:block;border-radius:var(--radius);border:1px solid var(--line);background:#fff}
.article-body{font-size:1.03rem}
.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre{margin:0 0 1.1rem}
.article-body ul,.article-body ol{padding-left:1.4rem}
.article-body li{margin:.3rem 0}
.article-body h2{margin-top:2rem}
.article-body h3{margin-top:1.4rem}
.article-body img{max-width:100%;height:auto;border-radius:10px}
.article-body blockquote{border-left:4px solid var(--coral);background:var(--soft);padding:.8rem 1.1rem;border-radius:0 10px 10px 0;color:#4a476a}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body pre{background:#f3f3f8;border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;overflow-x:auto;font-size:.88rem;line-height:1.5}
.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#f3f3f8;padding:.1em .35em;border-radius:5px}
.article-body pre code{background:none;padding:0}
.article-body hr{border:0;border-top:1px solid var(--line);margin:1.8rem 0}
.ovr-intro{margin:.6rem 0 1rem}
.ovr-append{margin:1.6rem 0 .4rem}
.acards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1.2rem 0 1.6rem}
a.acard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 14px rgba(19,16,56,.05);color:var(--ink2);text-decoration:none!important;transition:transform .15s,box-shadow .15s}
a.acard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(19,16,56,.10)}
.acard .athumb{aspect-ratio:16/9;background:var(--soft);overflow:hidden}
.acard .athumb img{width:100%;height:100%;object-fit:cover;display:block}
.acard .abody{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;flex:1}
.acard .ameta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.45rem}
.acard .adate{font-size:.78rem;color:#6e6c80}
.acard h3{margin:0 0 .35rem;font-size:1.05rem;color:var(--ink)}
a.acard:hover h3{color:var(--coral-d)}
.acard p{font-size:.88rem;color:#6b6980;margin:0}
.hub-articles{margin:2rem 0 .6rem}
.related{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;margin:1.6rem 0}
.related h2{font-size:1.05rem;margin:0 0 .5rem}
.related ul{list-style:none;margin:0;padding:0}
.related li{position:relative;padding-left:1.1rem;margin:.32rem 0;font-size:.95rem}
.related li::before{content:"\2192";position:absolute;left:0;top:0;color:var(--coral)}
.related-in{background:#fff}
.pager{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:1.4rem 0 .4rem;font-size:.92rem}
.pager a,.pager .cur{display:inline-block;min-width:36px;text-align:center;padding:.4rem .7rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:600}
.pager .cur{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager a:hover{border-color:var(--coral);color:var(--coral-d);text-decoration:none}
@media(max-width:640px){.acards{grid-template-columns:1fr}.article-body{font-size:1rem}}