:root{--bg:#eceef0;--card:#fff;--ink:#15171a;--muted:#5d636b;--line:#dfe2e6;--red:#E80008;--on-red:#fff;--seg-off:#c9ccd1;--ph:#f2f3f5;--ph-line:#c3c7cd;color-scheme:light;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme="dark"]{--bg:#0d0d0e;--card:#26282b;--ink:#f4f1ea;--muted:#a6a49d;--line:#383b3f;--red:#f2b01e;--on-red:#111;--seg-off:#47494e;--ph:#1b1c1e;--ph-line:#585b60;color-scheme:dark}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px)}
*,*::before,*::after{box-sizing:border-box}
/* light theme background: soft search-signal rings in two corners */
:root:not([data-theme="dark"]) body::before,
:root:not([data-theme="dark"]) body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
:root:not([data-theme="dark"]) body::before{
  background:
    radial-gradient(60% 55% at 96% -4%,rgba(232,0,8,.08),transparent 70%),
    repeating-radial-gradient(circle at 96% -4%,transparent 0 30px,rgba(21,23,26,.07) 30px 31px);
  -webkit-mask-image:radial-gradient(circle at 96% -4%,#000 0,transparent 64%);
  mask-image:radial-gradient(circle at 96% -4%,#000 0,transparent 64%)}
:root:not([data-theme="dark"]) body::after{
  background:
    radial-gradient(55% 50% at 2% 104%,rgba(21,23,26,.07),transparent 70%),
    repeating-radial-gradient(circle at 2% 104%,transparent 0 38px,rgba(232,0,8,.09) 38px 39px);
  -webkit-mask-image:radial-gradient(circle at 2% 104%,#000 0,transparent 60%);
  mask-image:radial-gradient(circle at 2% 104%,#000 0,transparent 60%)}
/* gentle pulsing of the background rings (compositor-only transform) */
body::before,body::after{will-change:transform}
body::before{transform-origin:96% -4%;animation:wave 8s ease-in-out infinite alternate}
body::after{transform-origin:2% 104%;animation:wave 10s ease-in-out infinite alternate;animation-delay:-3s}
@keyframes wave{from{transform:scale(1);opacity:.85}to{transform:scale(1.08);opacity:1}}
@media (prefers-reduced-motion:reduce){body::before,body::after{animation:none}}
/* dark theme background: the same rings in warm yellow */
:root[data-theme="dark"] body::before,
:root[data-theme="dark"] body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
:root[data-theme="dark"] body::before{
  background:
    radial-gradient(60% 55% at 96% -4%,rgba(242,176,30,.10),transparent 70%),
    repeating-radial-gradient(circle at 96% -4%,transparent 0 30px,rgba(244,241,234,.06) 30px 31px);
  -webkit-mask-image:radial-gradient(circle at 96% -4%,#000 0,transparent 64%);
  mask-image:radial-gradient(circle at 96% -4%,#000 0,transparent 64%)}
:root[data-theme="dark"] body::after{
  background:
    radial-gradient(55% 50% at 2% 104%,rgba(244,241,234,.05),transparent 70%),
    repeating-radial-gradient(circle at 2% 104%,transparent 0 38px,rgba(242,176,30,.10) 38px 39px);
  -webkit-mask-image:radial-gradient(circle at 2% 104%,#000 0,transparent 60%);
  mask-image:radial-gradient(circle at 2% 104%,#000 0,transparent 60%)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}
a{color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.top{color:var(--ink);position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--card);background:color-mix(in srgb,var(--card) 78%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border-bottom:1px solid var(--line);border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent)}
:root[data-theme="dark"] .top{background:#000;background:rgba(0,0,0,.72)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.top{background:var(--card)}:root[data-theme="dark"] .top{background:#000}}
:root[data-theme="dark"] .panel{box-shadow:0 14px 34px rgba(0,0,0,.55)}
.top-in{position:relative;max-width:900px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:padding .2s}
.top.shrink .top-in{padding-top:6px;padding-bottom:6px}
.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;color:inherit;text-decoration:none}
.logo{width:48px;height:48px;flex:none;transition:width .2s,height .2s}
.top.shrink .logo{width:36px;height:36px}
.logo img{display:block;width:100%;height:100%}
.logo .logo-d{display:none}
:root[data-theme="dark"] .logo .logo-l{display:none}
:root[data-theme="dark"] .logo .logo-d{display:block}
.brand-name{font-weight:800;font-size:15px;line-height:1.08;text-transform:uppercase;letter-spacing:0;transition:font-size .2s}
.top.shrink .brand-name{font-size:13px}
.menu{flex:1;margin-left:12px}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;justify-content:flex-end}
.menu li{position:relative}
.nav-btn,.nav-link{font:inherit;font-size:15px;font-weight:600;color:var(--ink);background:none;border:0;border-radius:6px;padding:10px 12px;display:flex;align-items:center;gap:7px;cursor:pointer;text-decoration:none}
.nav-btn:hover,.nav-link:hover,.menu li.open>.nav-btn{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.has-panel>.nav-btn::after{content:"";border:4px solid transparent;border-top-color:var(--red);border-bottom:0;transition:transform .15s}
.has-panel.open>.nav-btn::after{transform:rotate(180deg)}
.panel{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.has-panel.open .panel{display:block}
@media (hover:hover) and (min-width:901px){.has-panel:hover .panel{display:block}}
.panel a{display:block;padding:9px 12px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:14.5px}
.panel a:hover{background:var(--bg)}
.panel.mega{min-width:260px}
.mega-grid{display:grid;gap:0}
.mega-grid a{white-space:nowrap}
.mega-grid span{color:var(--muted)}
.mega-grid em{font-style:normal;color:var(--red)}
.actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang{border:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:600;border-radius:6px;height:42px;padding:0 13px;cursor:pointer}
.buy{background:var(--red);color:var(--on-red);font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;border-radius:6px;display:inline-flex;align-items:center;height:42px;padding:0 18px}
.theme{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:none;color:var(--ink);border:1px solid var(--line);border-radius:6px;cursor:pointer;padding:0}
.buy:hover{filter:brightness(1.08)}
.burger{display:none;width:42px;height:42px;background:none;border:1px solid var(--line);border-radius:6px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger i{display:block;width:20px;height:2px;background:var(--ink)}
@media (max-width:900px){
  .burger{display:flex}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:var(--card);border-bottom:1px solid var(--line);max-height:calc(100vh - 80px);overflow:auto}
  .top.menu-open .menu{display:block}
  .menu ul{flex-direction:column;gap:0;padding:8px 8px 14px}
  .nav-btn,.nav-link{width:100%;justify-content:space-between;padding:14px 12px;font-size:16px}
  .panel,.panel.mega{position:static;box-shadow:none;border:0;background:var(--bg);margin:0 0 6px;min-width:0}
}
@media (max-width:560px){.lang{display:none}.brand-name{font-size:14px}}
.wrap{max-width:900px;margin:0 auto;padding:20px 16px 56px}
.crumbs ol{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:6px}
.crumbs a{color:var(--muted)}
h1{font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.4px;margin:0 0 14px;font-weight:700}
h1 em{font-style:normal;color:var(--red)}
h2{font-size:22px;letter-spacing:-.3px;margin:36px 0 14px;padding-left:14px;border-left:4px solid var(--red)}
p.lead{color:var(--muted);font-size:18px;max-width:62ch;margin:0 0 26px}
.top-grid{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:28px;align-items:stretch}
@media (max-width:760px){.top-grid{grid-template-columns:1fr}}
.photo{aspect-ratio:1/1;align-self:start;background:var(--ph);border:1px solid var(--line);border-radius:8px;padding:12px}
.slot{width:100%;height:100%;border:1.5px dashed var(--ph-line);border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px}
dl.spec{margin:0}
.sr{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.sr:first-child{padding-top:0}
.sr dt{color:var(--muted);font-size:14px}
.sr dd{margin:0;font-weight:600;text-align:right}
.sr dd b{color:var(--red);font-size:17px}
.sr dd span{color:var(--muted);font-weight:500;font-size:14px;margin-left:8px}
.tbd{color:var(--muted);font-weight:400}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.tag{font-size:13px;font-weight:600;border:1.5px solid var(--ink);border-radius:4px;padding:3px 8px}
.tag.y{border-color:var(--red);color:var(--red)}
.note{font-size:12.5px;color:var(--muted);margin:14px 0 0}
.rate.card{padding:14px 16px}
.rm{display:grid;grid-template-columns:minmax(0,1fr) 56px;grid-template-rows:auto auto;column-gap:4px;align-items:center;margin:0 0 7px}
.rm:last-child{margin-bottom:0}
.rm .lbl{grid-column:1;grid-row:1;font-size:12.5px;line-height:1.25}
.rm .bar{grid-column:1;grid-row:2;margin-top:3px}
.rm .score{grid-column:2;grid-row:1/3;text-align:right;white-space:nowrap}
.score{font-weight:700;font-size:22px;color:var(--red);line-height:1}
.score small{font-size:14px;color:var(--muted);font-weight:600}
.bar{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:3px}
.bar i{height:9px;background:var(--seg-off);position:relative}
.bar i::after{content:"";position:absolute;inset:0;width:0;background:var(--red);transition:width .45s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*70ms)}
.rate.in .bar i::after{width:calc(var(--f)*100%)}
.rate.in .bar i.lead::after{animation:glow 2.2s ease-in-out infinite;animation-delay:calc(var(--i)*70ms + 600ms)}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 transparent;filter:brightness(1)}50%{box-shadow:0 0 10px 1px color-mix(in srgb,var(--red) 75%,transparent);filter:brightness(1.2)}}
@media (prefers-reduced-motion:reduce){.bar i::after{transition:none;width:calc(var(--f)*100%)}.rate.in .bar i.lead::after{animation:none}}
.fits{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fits li{border:1.5px solid var(--ph-line);border-radius:999px;padding:8px 16px;font-weight:600}
.btn{display:inline-block;margin-top:14px;border:1.5px solid var(--ph-line);border-radius:6px;padding:11px 18px;font-weight:600;text-decoration:none}
.btn:hover{border-color:var(--red);color:var(--red)}
.desc p{margin:0 0 14px;text-align:left}
.intro{margin:0 0 28px}
.intro p{color:var(--muted);font-size:17px}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;align-items:start}
.feat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.feat li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:start;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:8px;padding:10px}
.feat h3{margin:0 0 3px;font-size:14.5px;line-height:1.25;overflow-wrap:anywhere}
.feat p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.fimg{aspect-ratio:1/1;background:var(--ph);border:1px solid var(--line);border-radius:6px;padding:6px}
.fimg .slot{font-size:12px}
.fimg.has-img{padding:0;overflow:hidden;background:#fff}
.photo.has-img{padding:0;overflow:hidden;background:#fff}
.fimg img,.photo img{display:block;width:100%;height:100%;object-fit:contain}


/* product hero: photo | title, key figures, fit, CTA */
.p-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"photo body";column-gap:24px;margin:28px 0 8px;align-items:start}
.p-img{aspect-ratio:3/2;width:100%}
/* dark theme: solid white panel behind the photo */
:root[data-theme="dark"] .p-img{border-radius:12px;background:#fff}
.p-img img{display:block;width:100%;height:100%;object-fit:contain}
.ph-slot{aspect-ratio:4/3;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;border:1.5px dashed var(--ph-line);border-radius:8px;background:var(--ph);color:var(--muted);font-size:14px;line-height:1.5}
.ph-slot b{color:var(--ink);font-variant-numeric:tabular-nums}
.p-head{grid-area:head}
.p-photo{grid-area:photo}
.p-body{grid-area:body;display:flex;flex-direction:column;gap:20px;min-width:0}
.p-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.p-badge{background:var(--red);color:var(--on-red);border-radius:999px;padding:3px 10px;font-size:11.5px;letter-spacing:.5px}
.p-head h1{font-size:clamp(26px,3.6vw,36px);line-height:1.15;margin:0 0 22px;text-wrap:balance}
.p-head h1 .h1-sub{display:block;margin-top:6px;font-size:clamp(15px,1.7vw,18px);line-height:1.4;font-weight:500;letter-spacing:0;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.kpis>div{background:var(--card);padding:12px 14px}
.kpis dt{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.kpis dd{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.kpis dd b{font-size:22px;line-height:1.1;color:var(--red);font-variant-numeric:tabular-nums}
.kpis dd span{font-size:13.5px;color:var(--muted)}
.p-body .overview h2{margin-top:0}
.p-body .overview .desc p:last-child{margin-bottom:0}
.fit .fits li{padding:7px 14px;font-size:15px}
.p-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.p-cta .btn{margin-top:0}
.btn.primary{background:var(--red);border-color:var(--red);color:var(--on-red)}
.btn.primary:hover{filter:brightness(1.08);color:var(--on-red)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.p-rate .rate.card{padding:12px 14px}
.overview .desc{max-width:68ch}
.p-stats{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:stretch;margin:0}
.p-stats>section{display:flex;flex-direction:column;min-width:0}
.p-stats .rate.card{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.p-stats .rate.card .rm{margin:0}
.p-stats .kpis{flex:1;grid-auto-rows:1fr}
.p-stats .kpis>div{padding:10px 14px;display:flex;flex-direction:column;justify-content:flex-start}
.p-hero .p-body{justify-content:flex-start}
@media (max-width:760px){.p-stats{grid-template-columns:1fr;gap:18px}}
.group-coils .grp-sub{margin:-4px 0 16px;color:var(--muted)}
.gc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.gc>a,.gc.cur{display:flex;align-items:center;gap:10px;height:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 8px 6px 6px;color:inherit;text-decoration:none;transition:border-color .15s}
.gc>a:hover{border-color:var(--red)}
.gc>a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.gc.cur{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.gc-ph{flex:0 0 46px;width:46px;height:46px;background:#fff;border-radius:5px;overflow:hidden}
.gc-ph img{display:block;width:100%;height:100%;object-fit:contain}
.gc-body{min-width:0;display:flex;flex-direction:column;gap:1px}
.gc-body h3{margin:0;font-size:14px;line-height:1.2;letter-spacing:-.1px;padding:0;border:0;overflow-wrap:anywhere}
.gc-body h3 em{font-style:normal;color:var(--red)}
.gc-spec{margin:0;font-size:12.5px;line-height:1.3;font-variant-numeric:tabular-nums}
.gc-spec b{color:var(--ink);font-weight:600}
.gc-spec span{display:block;color:var(--muted);font-size:12px}
@media (max-width:860px){.gc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.gc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.gc>a{transition:none}}
:root{--ok:#2c9a58}
:root[data-theme="dark"]{--ok:#5fca8e}
.field-test{display:flex;align-items:center;gap:10px;margin:16px 0 0;font-size:16px;font-weight:500;line-height:1.4;color:var(--ink)}
.field-test b{color:var(--ok);font-weight:600}
.ft-ico{flex:0 0 auto;width:26px;height:26px;color:var(--ok)}
.ov-gain{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0 0 14px}
.ov-gain span{font-size:15px;color:var(--muted)}
.ov-gain b{font-size:20px;color:var(--red);font-variant-numeric:tabular-nums;margin-right:4px}
.ov-gain small{flex-basis:100%;font-size:12.5px;color:var(--muted)}
.ov-fit{margin:0}
.use{margin-top:28px}
.use{margin-top:0}
.use .ov-fit dt,.use .ov-fit dt:first-child{font-size:22px;font-weight:700;letter-spacing:-.3px;text-transform:none;line-height:1.25;color:var(--ink);margin:36px 0 14px;padding-left:14px;border-left:4px solid var(--red)}
.use .ov-fit dd{font-size:inherit;line-height:1.6}
.ov-fit dt{font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);margin:14px 0 4px}
.ov-fit dt:first-child{margin-top:4px}
.ov-fit dd{margin:0;color:var(--ink)}
.p-meta{display:flex;flex-wrap:wrap;gap:4px 22px;margin:-10px 0 22px;font-size:15px;color:var(--muted)}
.p-meta b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.specs{position:relative}
.specs .note{margin-top:6px;font-size:12px}
.kpis dt .wstar{font:inherit;font-size:15px;font-weight:800;line-height:1;color:var(--red);background:none;border:0;padding:0 4px;margin:-6px 0 -6px 1px;min-width:22px;min-height:22px;cursor:pointer;vertical-align:-1px;animation:wglow 2.2s ease-in-out infinite}
.kpis dt .wstar:hover,.kpis dt .wstar[aria-expanded="true"]{animation:none;text-shadow:0 0 8px color-mix(in srgb,var(--red) 90%,transparent)}
.kpis dt .wstar:focus-visible{outline:2px solid var(--red);outline-offset:1px;border-radius:4px}
@keyframes wglow{0%,100%{text-shadow:0 0 0 transparent;opacity:.75}50%{text-shadow:0 0 9px color-mix(in srgb,var(--red) 95%,transparent),0 0 2px var(--red);opacity:1}}
.specs .wnote{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 8px);margin:0;padding:12px 14px;background:var(--card);border:1px solid var(--red);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.28);font-size:13px;line-height:1.45;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.kpis dt .wstar{animation:none}}
dl.spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
dl.spec .sr:first-child,dl.spec .sr:nth-child(2){padding-top:0}
dl.spec .sr.wide{grid-column:1/-1}
@media (max-width:760px){
  .p-hero{grid-template-columns:1fr;grid-template-areas:"photo" "body";margin-top:22px}
  .p-photo{margin:0 0 20px}
  dl.spec{grid-template-columns:1fr}
  dl.spec .sr:nth-child(2){padding-top:10px}
}
@media (max-width:860px){.feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.pair{grid-template-columns:1fr}}
@media (max-width:520px){.feat{grid-template-columns:1fr}}


.site-foot{margin-top:56px;background:color-mix(in srgb,var(--bg) 82%,#000);border-top:1px solid var(--line);color:var(--muted);font-size:14px}
:root:not([data-theme="dark"]) .site-foot{background:color-mix(in srgb,var(--bg) 70%,var(--card))}
.foot-in{max-width:900px;margin:0 auto;padding:40px 16px 0}
.foot-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr;gap:28px}
.foot-brand .brand{color:var(--ink)}
.foot-tag{margin:14px 0 0;line-height:1.5}
.foot-tag .nw{white-space:nowrap}
.foot-social{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}.foot-social a{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}
.foot-social a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}
.foot-social a:hover{border-color:var(--red);color:var(--red)}
.foot-col summary{list-style:none;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);margin:0 0 12px;cursor:default}
.foot-col summary::-webkit-details-marker{display:none}
.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot-col a{color:var(--muted);text-decoration:none}
.foot-col a:hover,.foot-bottom a:hover{color:var(--red)}
.foot-col a[aria-current="page"]{color:var(--ink);font-weight:600}
.foot-col .soon{opacity:.55}
.foot-contact li{display:flex;flex-direction:column;gap:1px}
.foot-contact small{font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;opacity:.75}
.foot-contact span{color:var(--ink)}
.foot-contact .tbd{color:var(--muted);font-style:italic}
.foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:36px;padding:16px 0 calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-size:13px}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.foot-bottom a{color:var(--muted);text-decoration:none}
.foot-lang{display:flex;gap:4px}
.foot-lang a,.foot-lang span{padding:3px 8px;border-radius:4px;font-weight:600}
.foot-lang [aria-current]{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.foot-lang .soon{opacity:.5}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .foot-in{padding-top:30px}
  .foot-grid{grid-template-columns:1fr;gap:0}
  .foot-brand{padding-bottom:20px;border-bottom:1px solid var(--line)}
  .foot-col{border-bottom:1px solid var(--line)}
  .foot-col summary{display:flex;justify-content:space-between;align-items:center;margin:0;padding:15px 0;cursor:pointer}
  .foot-col summary::after{content:"+";font-size:18px;font-weight:400;color:var(--muted)}
  .foot-col[open] summary::after{content:"−"}
  .foot-col ul{padding:0 0 16px}
  .foot-bottom{margin-top:20px;border-top:0}
}


.to-top{position:fixed;z-index:40;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);box-shadow:0 4px 16px rgba(0,0,0,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s,color .15s,border-color .15s}
.to-top.on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{color:var(--red);border-color:var(--red)}
.to-top:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media (max-width:760px){.to-top{width:40px;height:40px;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));opacity:0}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}

/* site build additions */
.fit-note{margin:12px 0 0;font-size:14.5px;color:var(--muted)}
.fit-note b{color:var(--ink)}
.kpis dd b+span{max-width:100%}
.p-rate{position:relative}
.rhelp{position:absolute;top:-9px;right:-9px;z-index:2;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);font:inherit;font-size:13px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.rhelp:hover,.rhelp[aria-expanded="true"]{color:#fff;background:var(--red);border-color:var(--red)}
.rhelp:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.p-rate .rnote{position:absolute;z-index:5;top:22px;right:0;left:auto;max-width:360px;margin:0;padding:12px 14px;background:var(--card);border:1px solid var(--red);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.28);font-size:13px;line-height:1.45;color:var(--ink)}
a.lang{text-decoration:none;display:inline-flex;align-items:center}.nav-btn,.nav-link{white-space:nowrap}.m-buy{display:none}.m-buy a{color:var(--red);font-weight:700}.foot-col ul.foot-social{flex-direction:row;margin-top:16px}@media (min-width:1100px){:root .top-in,:root .wrap,:root .wrap.narrow,:root .foot-in,:root .hero2-in{max-width:1280px;padding-left:24px;padding-right:24px}:root .feat{grid-template-columns:repeat(4,minmax(0,1fr))}:root .side .photo{max-width:320px}:root .coil{grid-template-columns:minmax(0,1fr) 320px}:root section[aria-labelledby="feat-h"]>.desc p,:root .use dd,:root .grp-sub,:root .compat .ct-hint,:root .about .desc p{max-width:80ch}:root .p-hero.hub .p-img{max-width:560px;width:100%;justify-self:center}:root .intro-grid{grid-template-columns:minmax(0,760px) 300px;justify-content:space-between}:root .gal{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){a.lang{display:inline-flex}.actions .buy{display:none}.m-buy{display:block}}:root:not([data-theme="dark"]) .top{--card:#26282b;--ink:#f4f1ea;--muted:#a6a49d;--line:#383b3f;--bg:#1b1c1e;color-scheme:dark;background:#000;background:rgba(0,0,0,.72)}.top{-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate}.top::before{content:"";position:absolute;inset:0;z-index:-1;background:inherit;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.top{background:transparent!important}.top::before{background:rgba(0,0,0,.72)}.top .panel,.top .panel.mega{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.top .panel a:hover{background:rgba(255,255,255,.08)}@media (max-width:900px){.top .menu{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}.top .panel,.top .panel.mega{background:rgba(255,255,255,.05);-webkit-backdrop-filter:none;backdrop-filter:none}}

.p-hero.hub{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"body photo";column-gap:28px;align-items:center}
.p-hero.hub .p-img{aspect-ratio:1/1}
:root[data-theme="dark"] .p-hero.hub .p-img{background:none}
@media (max-width:760px){.p-hero.hub{grid-template-columns:1fr;grid-template-areas:"photo" "body"}}
.ct-hint{margin:-4px 0 12px;color:var(--muted)}
.compat .ct-wrap{border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}
.mf+.mf{border-top:1px solid var(--line)}
.mf summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 16px;font-weight:700;font-size:16px}
.mf summary::-webkit-details-marker{display:none}
.mf summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
.mf[open] summary::after{transform:rotate(-135deg)}
.mf summary:hover .mf-n{color:var(--red)}
.mf-c{font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px}
.mf[open] summary{border-bottom:1px solid var(--line)}
.ct{width:100%;border-collapse:collapse;font-size:14.5px}
.ct th,.ct td{padding:9px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ct thead th{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--ink) 4%,transparent)}
.ct td:nth-child(n+2){white-space:nowrap}
.ct a{color:var(--ink);text-decoration-color:color-mix(in srgb,var(--red) 70%,transparent);text-underline-offset:3px}
.ct a:hover{color:var(--red)}
.ct-note{display:inline-block;margin-left:6px;font-size:12px;color:var(--muted)}
.ct-tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1.6;vertical-align:1px}
.ct-tag.f2{background:#f2b01e;color:#111}
.ct-tag.f3{background:#E80008;color:#fff}
.ct-tag+.ct-note{margin-left:4px}
.ct tr:last-child>*{border-bottom:0}
@media (max-width:640px){.ct thead{display:none}.ct,.ct tbody,.ct tr,.ct td{display:block}.ct tr{padding:8px 16px;border-bottom:1px solid var(--line)}.ct td{padding:2px 0;border:0;white-space:normal!important}.ct td:last-child{display:inline;color:var(--muted);font-size:13px}}

.ask{margin:36px 0 8px;padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ask h2{margin:0;font-size:22px;border:0;padding:0}
.ask h2::before{display:none}
.ask-btn{font-weight:700;font-size:16px;color:var(--on-red);background:var(--red);border-radius:6px;padding:13px 26px;text-decoration:none;white-space:nowrap}
.ask-btn:hover{filter:brightness(1.08)}
@media (max-width:560px){.ask{padding:18px}.ask-btn{width:100%;text-align:center}}

.wty{display:flex;align-items:center;gap:12px;margin-top:14px;max-width:420px;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--ink);
  background:color-mix(in srgb,var(--red) 8%,var(--card));border:1px solid color-mix(in srgb,var(--red) 35%,var(--line))}
.wty-ico{flex:none;color:var(--red)}
.wty b{display:block;font-size:17px;font-weight:800;line-height:1.2}
.wty small{display:block;font-size:14px;font-weight:700;color:var(--red);margin-top:2px}
.wty-arrow{margin-left:auto;color:var(--red);font-size:18px;transition:transform .15s}
.wty:hover .wty-arrow{transform:translateX(3px)}

.cf-wrap .p-head,.cf-lead,.cf{max-width:720px}
.cf-lead{color:var(--muted);margin:-4px 0 22px;font-size:16px;line-height:1.5}
.cf{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.cf .full{grid-column:1/-1}
.cf label{display:block;font-size:13px;font-weight:700;letter-spacing:.3px;margin:0 0 6px}
.cf label i{font-style:normal;color:var(--red)}
.cf input,.cf select,.cf textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:11px 12px}
.cf textarea{min-height:140px;resize:vertical}
.cf select:invalid{color:var(--muted)}
.cf select option{color:var(--ink)}
.cf input:focus,.cf select:focus,.cf textarea:focus{outline:2px solid var(--red);outline-offset:0;border-color:transparent}
.cf .hint{font-size:12.5px;color:var(--muted);margin:6px 0 0}
.cf .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cf button{font:inherit;font-size:16px;font-weight:700;color:var(--on-red);background:var(--red);border:0;border-radius:6px;padding:13px 26px;cursor:pointer}
.cf button[disabled]{opacity:.6;cursor:wait}
.cf-msg{margin:0;font-size:15px}
.cf-consent{margin:-4px 0 0;font-size:13px;color:var(--muted)}
.cf-consent a{color:inherit}
.cf-msg.ok{color:var(--ok)}
#cf-ts{min-height:65px}.cf-msg.err{color:var(--red)}
@media (max-width:640px){.cf{grid-template-columns:1fr;padding:16px}}

.order-btn{display:inline-flex;align-items:baseline;gap:6px;margin:16px 0 0;padding:9px 18px;border:1px solid var(--red);border-radius:6px;cursor:pointer;
  font:inherit;font-size:15px;color:var(--red);background:none;line-height:1.3}
.order-btn b{font-weight:700}
.order-btn small{font-size:13px;color:var(--muted)}
.order-btn:hover{background:var(--red);color:var(--on-red)}
.order-btn:hover small{color:inherit;opacity:.85}
.od{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.od::backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.od-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:none;color:var(--muted);font-size:28px;line-height:1;cursor:pointer;border-radius:6px}
.od-x:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}
.od-eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--red)}
.od h2{margin:0 40px 4px 0;font-size:17px;line-height:1.3;border:0;padding:0}
.od h2::before{display:none}
.od-art{margin:0 0 12px;color:var(--muted);font-size:14px}
.od .cf{padding:0;border:0;background:none;grid-template-columns:1fr;gap:10px}
.od .cf label{margin-bottom:4px;font-size:12.5px}
.od .cf input,.od .cf select,.od .cf textarea{padding:8px 10px;font-size:15px}
.od .cf button[type=submit]{padding:10px 22px;font-size:15px}
.od .cf-consent{margin:0;font-size:12px}
.od textarea{min-height:70px}
@media (max-width:640px){.od{padding:18px}}

.p-head{position:relative}
.p-head>*{position:relative;z-index:1}
.p-head>canvas.scan{position:absolute;z-index:0;right:0;top:-36px;width:min(640px,54%);height:calc(100% + 46px);pointer-events:none}
@media (max-width:899px){.p-head>canvas.scan{display:none}}

.cf-wrap{position:relative}
.cf-wrap>canvas.deco{position:absolute;z-index:0;top:92px;right:0;width:min(440px,calc(100% - 780px));aspect-ratio:1/1.08;height:auto;pointer-events:none}
@media (max-width:1099px){.cf-wrap>canvas.deco{display:none}}

.fq{max-width:760px}
.fq-intro{color:var(--muted);font-size:17px;margin:-4px 0 18px}
.fq-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.fq-toc a{display:block;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px}
.fq-toc a:hover{border-color:var(--red);color:var(--red)}
.fq section{margin:0 0 30px;scroll-margin-top:90px}
.fq details{background:var(--card);border:1px solid var(--line);border-radius:8px;margin:0 0 8px;scroll-margin-top:90px}
.fq details[open]{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}
.fq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:15px 18px;font-weight:700;font-size:17px;line-height:1.35}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"";flex:none;margin-left:auto;width:10px;height:10px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.fq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.fq .qa{padding:0 18px 16px}
.fq .qa>:first-child{margin-top:0}.fq .qa>:last-child{margin-bottom:0}
.fq .qa p{margin:0 0 10px}
.fq .qa ul,.fq .qa ol{margin:0 0 10px;padding-left:22px}.fq .qa li{margin:5px 0}
.fq .qa a{color:var(--red)}
.fq.tips{max-width:none;margin:28px 0 0}
.fq.tips h2{margin-bottom:14px}
.fq.tips .tips-all{display:inline-block;margin-top:6px;color:var(--red);font-weight:600;text-decoration:none}
.fq.tips .tips-all:hover{text-decoration:underline}
.fq .tbl{overflow-x:auto;margin:6px 0 4px}
.fq table{border-collapse:collapse;width:100%;font-size:14.5px}
.fq th,.fq td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.fq thead th{font-size:13px;color:var(--muted);font-weight:600}
.fq tbody th{white-space:nowrap}.fq tbody td{font-weight:700;color:var(--red);white-space:nowrap}
.lcd{list-style:none;margin:6px 0 4px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lcd li{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.lcd b{font:700 30px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:2px;color:#1c2414;background:#b9c4a3;border-radius:4px;padding:8px 10px;align-self:flex-start;margin-bottom:6px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)}
.lcd span{font-size:13.5px;color:var(--muted)}.lcd em{font-style:normal;font-weight:800;font-size:20px;color:var(--red)}
@media (max-width:560px){.lcd{grid-template-columns:1fr}.lcd li{flex-direction:row;align-items:center;gap:12px}.lcd b{margin:0}.lcd em{margin-left:auto;white-space:nowrap}}
.lcd em{white-space:nowrap}
.fq-vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:6px 0 0}
.yt{margin:0}
.yt button{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#111;color:transparent}
.yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .2s}
.yt button:hover img{opacity:1}
.yt button::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23fff'/%3E%3C/svg%3E") center/26px no-repeat}
.yt iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px}
.yt figcaption{font-size:14.5px;font-weight:600;margin-top:8px}

/* wide screens: larger text on coil pages and hubs */
@media (min-width:1100px){
  .p-head h1{font-size:42px}
  .p-head h1 .h1-sub{font-size:20px}
  .p-eyebrow{font-size:14px}.p-meta{font-size:16px}
  .p-rate .rm .lbl{font-size:15px}
  .p-rate .score{font-size:26px}.p-rate .score small{font-size:15px}
  .p-rate .rm{grid-template-columns:minmax(0,1fr) 66px}
  .kpis dt{font-size:13px}.kpis dd b{font-size:26px}.kpis dd span{font-size:15px}
  article h2{font-size:25px}
  article .desc p,.use .ov-fit dd,.ct{font-size:17px}
  .ov-gain b{font-size:23px}.ov-gain span{font-size:16px}
  .use .ov-fit dt,.use .ov-fit dt:first-child{font-size:25px}
  .fit .fits li{font-size:16px}
  .feat h3{font-size:16px}.feat p{font-size:14px}
  .gc-body h3{font-size:15px}
  .grp-sub,.compat .ct-hint{font-size:16px}
  .mf summary{font-size:17px}
}