/* SpeakerSoundTest.com — design system v3 (Modern Audio Technology) */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-Regular.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-SemiBold.woff) format("woff")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-ExtraBold.woff) format("woff")}

:root{
  --bg:#0B1220;--bg2:#111C2E;--card:#17243A;--card2:#1C2B45;
  --line:rgba(167,180,200,.16);--line2:rgba(167,180,200,.28);
  --blue:#3B82F6;--blue-d:#2563EB;--cyan:#22D3EE;
  --text:#F8FAFC;--muted:#A7B4C8;--ok:#22C55E;--err:#EF4444;--warn:#F59E0B;
  --r-sm:8px;--r:12px;--r-lg:18px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -12px rgba(0,0,0,.6);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --head-h:64px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 12px)}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,canvas{display:block;max-width:100%}
a{color:#7DB4FF;text-underline-offset:3px}
a:hover{color:var(--cyan)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--s4)}
@media(min-width:720px){.wrap{padding:0 var(--s5)}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--blue-d);color:#fff;padding:10px 14px;border-radius:var(--r-sm)}
.skip:focus{left:8px}

/* ---------- Header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.86);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:var(--s4);height:var(--head-h)}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;font-size:1.06rem;letter-spacing:-.01em;white-space:nowrap}
.logo svg{width:32px;height:32px;flex:none}
.logo b{color:var(--cyan);font-weight:800}
.logo:hover{color:var(--text)}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.94rem;padding:8px 12px;border-radius:var(--r-sm);transition:color .15s,background .15s}
.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:rgba(167,180,200,.08)}
.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--blue)}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--blue-d);color:#fff!important;text-decoration:none;font-weight:600;font-size:.94rem;padding:10px 16px;border-radius:999px;transition:background .15s,transform .15s;white-space:nowrap}
.cta:hover{background:#1D4ED8}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--line2);color:var(--text);width:44px;height:44px;border-radius:var(--r-sm);cursor:pointer;align-items:center;justify-content:center}
.menu-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
@media(max-width:940px){
  .menu-btn{display:inline-flex}
  .site-head .cta.head-cta{display:none}
  .nav{position:fixed;inset:var(--head-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg2);border-bottom:1px solid var(--line);padding:var(--s2) var(--s4) var(--s4);margin:0;display:none;max-height:calc(100vh - var(--head-h));overflow:auto}
  .nav.open{display:flex}
  .nav a{padding:14px 12px;font-size:1rem;border-bottom:1px solid var(--line);border-radius:0}
  .nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--blue)}
  .nav .cta{justify-content:center;margin-top:var(--s3);border-radius:var(--r);border:0}
}
@media(min-width:941px){.nav .cta{display:none}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 380px at 85% -10%,rgba(59,130,246,.22),transparent 70%),var(--bg);border-bottom:1px solid var(--line)}
.hero .wrap{position:relative;padding-top:var(--s6);padding-bottom:var(--s7)}
.hero h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.12;letter-spacing:-.025em;font-weight:800;margin:0 0 var(--s3);max-width:20ch}
.hero h1 span{color:var(--cyan)}
.hero p.lead{color:var(--muted);font-size:clamp(1rem,1.6vw,1.15rem);max-width:62ch;margin:0 0 var(--s4)}
.byline{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:.86rem;margin:0 0 var(--s4)}
.byline a{color:var(--muted)}
.byline a:hover{color:var(--text)}
.badges{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.badges li{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#D7E0EC;background:rgba(167,180,200,.08);border:1px solid var(--line);padding:5px 10px;border-radius:999px}
.badges svg{width:15px;height:15px;stroke:var(--ok);stroke-width:3;fill:none}
.crumbs{font-size:.88rem;color:var(--muted);margin:0 0 var(--s3)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin:0 4px;color:rgba(167,180,200,.5)}
.crumbs a{display:inline-block;padding:10px 6px;margin:-10px 0 -10px -6px;color:var(--muted)}
.crumbs a:hover{color:var(--text)}
.hero-home .wrap{display:grid;gap:var(--s6);align-items:center;padding-top:var(--s7);padding-bottom:calc(var(--s8) + 24px)}
@media(min-width:960px){.hero-home .wrap{grid-template-columns:1.15fr .85fr}}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s5) 0 var(--s4)}
.btn-lg{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;transition:background .15s,border-color .15s}
.btn-lg svg{width:18px;height:18px}
.btn-lg.pri{background:var(--blue-d);color:#fff}
.btn-lg.pri:hover{background:#1D4ED8;color:#fff}
.btn-lg.sec{border:1px solid var(--line2);color:var(--text);background:rgba(167,180,200,.06)}
.btn-lg.sec:hover{border-color:var(--cyan);color:var(--text)}
@media(max-width:480px){.hero-actions .btn-lg{width:100%}}
.wave-art{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--bg2),rgba(17,28,46,.4));padding:var(--s5);box-shadow:var(--shadow)}
.wave-art svg{width:100%;height:auto}
.wave-art .wv{fill:none;stroke-linecap:round}
.wave-art .wv1{stroke:var(--blue);stroke-width:3}
.wave-art .wv2{stroke:var(--cyan);stroke-width:2;opacity:.7}
.wave-art .bars rect{fill:rgba(59,130,246,.35);transform-box:fill-box;transform-origin:50% 100%;animation:bar 2.8s ease-in-out infinite}
.wave-art .bars rect:nth-child(3n){animation-delay:-.9s}.wave-art .bars rect:nth-child(3n+1){animation-delay:-1.7s}
@keyframes bar{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@media(max-width:959px){.wave-art{display:none}}

/* ---------- Main + panels ---------- */
main{display:block}
.panel,.tool{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s5);margin:calc(-1 * var(--s7)) 0 var(--s6)}
@media(max-width:600px){.panel,.tool{padding:var(--s4);border-radius:var(--r)}}
.tool h2,.panel h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--s4);display:flex;align-items:center;gap:10px}
.tool h2+p{margin-top:-8px}
.num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(59,130,246,.18);color:#9CC3FF;font-size:.85rem;font-weight:800;flex:none}
.sub-h{margin-top:var(--s6)!important;padding-top:var(--s5);border-top:1px solid var(--line)}

/* monitor: live output analyser */
.monitor{display:grid;gap:var(--s4);grid-template-columns:1fr;margin-bottom:var(--s5)}
@media(min-width:760px){.monitor{grid-template-columns:auto 1fr}}
.speaker-row{display:flex;gap:var(--s3);justify-content:center}
.spk{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:112px;min-height:112px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}
.spk svg{width:44px;height:44px;fill:currentColor}
.spk svg .w{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;opacity:.25}
.spk.on{color:var(--text);border-color:var(--cyan);background:rgba(34,211,238,.08);box-shadow:0 0 0 3px rgba(34,211,238,.15)}
.spk.on svg{color:var(--cyan)}
.spk.on svg .w{opacity:1;animation:wv 1s ease-in-out infinite}
.spk.on svg .w2{animation-delay:.25s}
@keyframes wv{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:400px){.spk{width:96px;min-height:96px}}
.scope-box{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:112px}
.scope{width:100%;height:132px}
.scope-label{position:absolute;left:12px;top:8px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.scope-state{position:absolute;right:12px;top:8px;font-size:.75rem;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:6px}
.scope-state::before{content:"";width:8px;height:8px;border-radius:50%;background:#475569}
body.playing .scope-state{color:var(--ok)}
body.playing .scope-state::before{background:var(--ok);box-shadow:0 0 0 3px rgba(34,197,94,.25)}

/* buttons (tool grids) */
.grid{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(max-width:400px){.grid{grid-template-columns:1fr 1fr}}
.btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:60px;padding:12px 14px;text-align:left;font:600 .98rem/1.25 var(--font);color:var(--text);background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.btn small{font-weight:400;font-size:.8rem;color:var(--muted)}
.btn:hover{border-color:var(--blue);background:#132341}
.btn:active{transform:translateY(1px)}
.btn.primary{background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.55)}
.btn.is-playing{border-color:var(--cyan);background:rgba(34,211,238,.1);box-shadow:0 0 0 3px rgba(34,211,238,.15)}
.btn.is-playing::after{content:"Playing";position:absolute;top:8px;right:10px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.btn.stop{align-items:center;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.55);color:#FECACA}
.btn.stop:hover{background:rgba(239,68,68,.22);border-color:var(--err)}

.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}
.controls label{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:var(--muted)}
input[type=range]{accent-color:var(--blue);width:180px;height:28px}
input[type=number],select{font:500 1rem var(--font);color:var(--text);background:var(--bg);border:1px solid var(--line2);border-radius:var(--r-sm);padding:9px 10px;min-height:44px}
.vol-val{min-width:3ch;color:var(--text);font-variant-numeric:tabular-nums}
.status{margin:var(--s4) 0 0;padding:12px 14px;background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--r-sm);color:#D7E0EC;font-size:.95rem}
body.playing .status{border-left-color:var(--ok)}
.notice{display:flex;gap:10px;margin:var(--s3) 0 0;font-size:.86rem;color:var(--muted)}
.notice::before{content:"!";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(245,158,11,.18);color:var(--warn);font-weight:800;font-size:.75rem;margin-top:2px}
.freq-live,.readout{font-variant-numeric:tabular-nums}
.freq-live{color:var(--muted);font-size:.95rem}
.freq-live strong{color:var(--cyan)}
.readout{font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.02em;text-align:center;margin:0 0 var(--s3);color:var(--text)}
.readout:empty{display:none}
.readout #fDisp{color:var(--cyan)}

/* test cards (speaker test panel) */
.tests{display:grid;gap:var(--s3);grid-template-columns:1fr}
@media(min-width:680px){.tests{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.tests{grid-template-columns:repeat(3,1fr)}}
.tcard{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);transition:border-color .2s,box-shadow .2s}
.tcard .ti{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(59,130,246,.14);color:#8DBBFF}
.tcard .ti svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tcard .tb{flex:1;min-width:0}
.tcard h3{margin:0;font-size:1rem;font-weight:600;line-height:1.3}
.tcard p{margin:4px 0 12px;font-size:.88rem;color:var(--muted);line-height:1.5}
.tcard .live{display:none;margin-left:8px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);vertical-align:2px}
.tcard.active{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.14)}
.tcard.active .live{display:inline}
.tcard.active .ti{background:rgba(34,211,238,.16);color:var(--cyan)}
.tcard.feature{border-color:rgba(59,130,246,.5);background:linear-gradient(180deg,rgba(59,130,246,.12),var(--bg2))}
@media(min-width:1080px){.tcard.feature{grid-column:span 3}.tcard.feature p{max-width:70ch}}
.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:112px;padding:0 18px;border-radius:999px;border:0;background:var(--blue-d);color:#fff;font:600 .94rem var(--font);cursor:pointer;transition:background .15s}
.pbtn:hover{background:#1D4ED8}
.pbtn svg{width:14px;height:14px;fill:currentColor}
.tcard.active .pbtn{background:#DC2626}
.tcard.active .pbtn:hover{background:#B91C1C}
.steps{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.steps li{font-size:.75rem;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.steps li.on{color:#04121F;background:var(--cyan);border-color:var(--cyan)}
.steps li.done{color:var(--ok);border-color:rgba(34,197,94,.45)}

/* floating stop */
.stop-fab{position:fixed;left:50%;bottom:16px;transform:translate(-50%,140%);z-index:60;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;border:0;background:#DC2626;color:#fff;font:600 1rem var(--font);box-shadow:0 12px 30px -8px rgba(0,0,0,.7);cursor:pointer;transition:transform .2s}
.stop-fab svg{width:14px;height:14px;fill:#fff}
body.playing .stop-fab{transform:translate(-50%,0)}

/* ---------- Article content ---------- */
.content{max-width:none;margin:0 0 var(--s7)}
.content h2{font-size:clamp(1.35rem,2.6vw,1.7rem);line-height:1.25;letter-spacing:-.015em;font-weight:800;margin:var(--s7) 0 var(--s3)}
.content h3{font-size:1.12rem;font-weight:600;margin:var(--s5) 0 var(--s2)}
.content p,.content li{color:#D5DEEA}
.content strong{color:var(--text);font-weight:600}
.content ul,.content ol{padding-left:1.3em}
.content li{margin:6px 0}
.content table{width:100%;border-collapse:collapse;margin:var(--s4) 0;font-size:.94rem;display:block;overflow-x:auto}
.content th,.content td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.content th{color:var(--text);background:var(--bg2);font-weight:600}
.content details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:10px 0;padding:0 var(--s4)}
.content summary{cursor:pointer;font-weight:600;padding:var(--s4) 28px var(--s4) 0;position:relative;list-style:none}
.content summary::-webkit-details-marker{display:none}
.content summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--cyan)}
.content details[open] summary::after{content:"–"}
.content details>*:last-child{margin-bottom:var(--s4)}
.content .callout{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:var(--r-sm);padding:var(--s4)}
.page-plain .content{margin-top:var(--s6)}
.page-plain .content>h2:first-child{margin-top:0}
.devices{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0!important}
.devices li{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);font-size:.94rem}
.devices li strong{display:block;margin-bottom:4px}
.refs{font-size:.92rem}

/* ---------- Tool cards ---------- */
.section{margin:var(--s7) 0}
.section-head{max-width:760px;margin:0 0 var(--s5)}
.section-head h2{font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--s2)}
.section-head p{color:var(--muted);margin:0}
.cat{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin:var(--s6) 0 var(--s3)}
.cards{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{display:flex;flex-direction:column;gap:var(--s2);min-height:196px;padding:var(--s5);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.card:hover{transform:translateY(-3px);border-color:rgba(59,130,246,.6);box-shadow:0 16px 30px -18px rgba(59,130,246,.6);color:var(--text)}
.card .ci{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(59,130,246,.14);color:#8DBBFF;margin-bottom:var(--s2)}
.card .ci svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.card h3{margin:0;font-size:1.08rem;font-weight:600}
.card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5;flex:1}
.card .go{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.92rem;color:#8DBBFF;margin-top:var(--s2)}
.card .go svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none;transition:transform .18s}
.card:hover .go svg{transform:translateX(3px)}
.content .cards{margin-top:var(--s4)}
.content .card p{color:var(--muted)}

/* ---------- Mic meter ---------- */
.meter{position:relative;height:18px;border-radius:999px;background:linear-gradient(90deg,var(--ok) 0 70%,var(--warn) 70% 88%,var(--err) 88%);border:1px solid var(--line);overflow:hidden}
.meter i{position:absolute;inset:0 0 0 auto;width:100%;background:var(--bg);transition:width .06s linear}
.meter-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s3);align-items:center;margin:var(--s3) 0}
.meter-row span{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--s3);margin:var(--s4) 0 0}
.stats div{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.stats b{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums}
.stats span{font-size:.8rem;color:var(--muted)}
audio{width:100%;margin-top:var(--s3)}

/* ---------- Footer ---------- */
.site-foot{background:var(--bg2);border-top:1px solid var(--line);margin-top:var(--s8);padding:var(--s7) 0 calc(var(--s5) + 60px);color:var(--muted);font-size:.94rem}
.site-foot .cols{display:grid;gap:var(--s6);grid-template-columns:1fr}
@media(min-width:720px){.site-foot .cols{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.site-foot p{margin:var(--s3) 0 0;max-width:36ch}
.site-foot .fh{margin:0 0 var(--s3);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.site-foot nav a{display:block;color:var(--muted);text-decoration:none;padding:6px 0}
.site-foot nav a:hover{color:var(--text)}
.site-foot .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);font-size:.86rem}

/* ---------- 404 ---------- */
.nf{text-align:center;padding:var(--s8) 0 var(--s6)}
.nf .code{font-size:clamp(4rem,14vw,7rem);font-weight:800;line-height:1;color:var(--blue);letter-spacing:-.04em}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(max-width:600px){.hero-home .badges{display:none}.hero-home .wrap{padding-top:var(--s5)}.hero-actions{margin-bottom:0}}
.hero .wrap{padding-bottom:calc(var(--s7) + 28px)}
@media(max-width:600px){.badges li{font-size:.78rem;padding:4px 9px}.hero .wrap{padding-top:var(--s5)}}
.page-plain .hero .wrap{padding-bottom:var(--s6)}
.grid>.btn{min-width:0;overflow-wrap:anywhere}@media(max-width:400px){.btn{padding:10px;font-size:.9rem}}