/* Manrope – self-hosted (assets/fonts, downloaded by install-flags.php) */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-cyrillic-ext-wght-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-latin-wght-normal.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}
/* MACHORY – site styles */
:root{
  --bg:#F7F8F7; --surface:#FFFFFF; --ink:#172128; --ink2:#3D4A50; --muted:#5A646B; --line:#E2E5E3; --line2:#EEF1EF; --soft:#F2F4F3;
  --red:#DC1735; --red-d:#B0102A; --red-bg:#FDECEF; --red-bd:#F4B6C1;
  --teal:#0F6E66; --teal2:#0F8A7E; --teal-bg:#E8F5F3; --teal-bd:#C9E7E2;
  --warn-bg:#FFF6EC; --warn-bd:#F6D7B5; --warn:#6B3A00;
  --r:12px; --r2:16px; --max:1360px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid #F28A9B;outline-offset:2px}
h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(20px,2.2vw,24px);font-weight:800}
h3{font-size:15px;font-weight:800}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--muted)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:50}
.skip:focus{left:8px}

/* header */
.top{background:var(--ink);color:#D5DBD8;font-size:13px}
.top .wrap{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px}
.top a{color:#D5DBD8}.top a:hover{color:#fff}
.lang{display:flex;gap:4px;align-items:center}
.lang a{padding:3px 8px;border-radius:6px;font-weight:700}
.lang a[aria-current]{background:#fff;color:var(--ink)}
.hdr{background:var(--surface);border-bottom:1px solid var(--line)}
.hdr-main{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;letter-spacing:-.03em;color:var(--ink)}
.logo:hover{color:var(--ink)}
.search{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:0 6px 0 14px}
.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;padding:12px 0}
.search button{border:0;background:var(--ink);color:#fff;font-weight:800;font-size:13px;border-radius:7px;padding:8px 12px;cursor:pointer}
.acts{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;flex-wrap:wrap}
.acts a{display:flex;align-items:center;gap:6px;padding:10px 9px}
.badge{background:var(--red);color:#fff;font-size:11px;border-radius:99px;padding:1px 7px;min-width:20px;text-align:center}
.badge[data-n="0"]{background:#C9D0CD}
.btn-sup{border:1.5px solid var(--red);color:var(--red)!important;border-radius:8px;padding:9px 13px!important;margin-left:4px}
.nav{display:flex;gap:4px 28px;font-size:15px;font-weight:700;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:10px 0 12px;border-bottom:3px solid transparent;white-space:nowrap}
.nav a[aria-current]{color:var(--red);border-color:var(--red)}

/* common blocks */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);padding:16px 0 12px}
.crumbs a{color:var(--muted)}.crumbs span[aria-current]{color:var(--ink);font-weight:700}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2)}
.pad{padding:20px 22px}
.sec{padding:34px 0 0}
.sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:14px}
.sec-h p{color:var(--ink2);font-size:14px;max-width:720px;margin-top:4px}
.more{font-size:13px;font-weight:800;color:var(--red);white-space:nowrap}
.kicker{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.chip{display:inline-flex;align-items:center;font-size:11px;font-weight:700;background:var(--soft);border-radius:5px;padding:3px 7px}
.flag{display:inline-block;width:16px;height:11px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:14px;border-radius:10px;padding:12px 16px;border:1px solid var(--ink);background:var(--surface);color:var(--ink);cursor:pointer;text-align:center}
.btn:hover{color:var(--ink);background:var(--soft)}
.btn-red{background:var(--red);border-color:var(--red);color:#fff}
.btn-red:hover{background:var(--red-d);color:#fff}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#26333B;color:#fff}
.btn-sm{font-size:12px;padding:8px 10px;border-radius:8px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(236px,1fr))}
.note{font-size:12px;color:var(--muted);margin-top:12px}
.priv{display:inline-block;font-size:11px;font-weight:800;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-bd);border-radius:6px;padding:4px 8px}
.ai{background:var(--teal-bg);border:1px solid var(--teal-bd);border-radius:var(--r2);padding:16px 20px}
.ai-k{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--teal)}
.btn-ai{background:#fff;border:1px solid #9FD3CB;color:var(--teal);font-weight:800;font-size:13px;padding:9px 14px;border-radius:9px;display:inline-block}
.btn-ai:hover{color:var(--teal);background:#F4FBFA}

/* machine card */
.mc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mc.on{border:2px solid var(--red)}
.mc-img{position:relative;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line2)}
.mc-img img{width:100%;height:100%;object-fit:contain}
.mc-img .tag{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;border-radius:5px;padding:3px 7px;background:var(--soft)}
.mc-img .inote{position:absolute;bottom:6px;right:8px;font-size:10px;font-weight:700;color:#4A555C;background:rgba(255,255,255,.92);border-radius:4px;padding:2px 6px}
.mc-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.mc-op{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red)}
.mc h3{font-size:14.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.mc h3 a:hover{color:var(--red)}
.mc-d{font-size:12px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.mc-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:48px;overflow:hidden}
.mc-mk{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.mc-p{margin-top:auto;border-top:1px solid var(--line2);padding-top:8px}
.mc-p .row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.pr{font-size:18px;font-weight:800;color:var(--red);letter-spacing:-.01em;white-space:nowrap}
.pr.req{font-size:13.5px;color:var(--ink)}
.basis{font-size:11px;color:var(--muted);text-align:right}
.incl{font-size:11px;margin-top:3px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.incl.ok{color:var(--teal)}.incl.no{color:#9A3B00}
.mc-a{display:flex;gap:6px;margin-top:4px}
.tg{flex:1;font-size:12px;font-weight:800;cursor:pointer;border-radius:8px;padding:8px 6px;background:#fff;color:var(--ink);border:1px solid #CDD3D0}
.tg[aria-pressed="true"]{background:var(--red-bg);color:var(--red-d);border-color:var(--red-bd)}
.tg.pj[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}

/* horizontal rows */
.row-wrap{position:relative}
.hrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:thin}
.hrow>*{flex:0 0 226px;scroll-snap-align:start}
.hrow .prodc{flex-basis:226px}
.rbtn{position:absolute;top:38%;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 4px 14px rgba(23,33,40,.12);cursor:pointer;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2}
.rbtn.l{left:-14px}.rbtn.r{right:-14px}
.prodc{background:var(--ink);color:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.prodc img{width:100%;aspect-ratio:4/3;object-fit:cover}
.prodc .b{padding:12px;display:flex;flex-direction:column;gap:6px}
.prodc .kicker{color:#FF8A9C}
.prodc p{font-size:12px;color:#C9D2CE}

/* hero */
.hero{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:26px 0 8px}
.hero-t{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hero-t p{font-size:16px;color:var(--ink2);max-width:620px}
.hero-s{display:flex;background:#fff;border:1.5px solid var(--ink);border-radius:12px;padding:5px;max-width:620px}
.hero-s input{flex:1;min-width:0;border:0;outline:0;padding:10px 12px;font-size:16px;background:transparent}
.pops{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.pops a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-weight:700}
.stats{display:flex;gap:28px;flex-wrap:wrap}
.stats b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em}
.stats span{font-size:13px;color:var(--muted)}
.hero-g{flex:1 1 440px;min-width:0;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:340px}
.hero-g img{width:100%;height:100%;object-fit:cover;border-radius:14px;background:#fff;border:1px solid var(--line)}
.hero-g img:first-child{grid-row:span 2;object-fit:contain}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.step{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.step b{font-size:13px;color:#fff;background:var(--ink);border-radius:8px;padding:4px 8px}
.step h3{font-size:14px}.step p{font-size:13px;color:var(--ink2)}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tile{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--ink);color:#fff;min-height:170px;display:flex;align-items:flex-end}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,33,40,0) 30%,rgba(23,33,40,.92))}
.tile .b{position:relative;z-index:1;padding:14px 16px}
.tile h3{font-size:17px;color:#fff}.tile p{font-size:12.5px;color:#D5DBD8}
.tile:hover{color:#fff}.tile:hover img{opacity:.85}
.tile .st{position:absolute;top:12px;left:12px;z-index:1;font-size:11px;font-weight:800;border-radius:6px;padding:4px 8px;background:#fff;color:var(--ink)}
.tile .st.soon{background:rgba(255,255,255,.2);color:#fff}
.cat-t{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px;min-width:0}
.cat-t img{width:76px;height:58px;object-fit:contain;border-radius:8px;background:#fff;flex:none}
.cat-t b{display:block;font-size:14px;line-height:1.25}
.cat-t span{font-size:12px;color:var(--muted)}
.mk{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px}
.mk img{width:64px;height:48px;object-fit:cover;border-radius:8px;flex:none}
.mk b{display:block;font-size:14px}.mk span{font-size:12px;color:var(--muted)}
.dark{background:var(--ink);color:#fff;border-radius:var(--r2);padding:26px}
.dark h2{color:#fff}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:16px}
.trust h3{color:#fff;font-size:15px;margin-bottom:6px}.trust p{color:#B9C2BE;font-size:13.5px}
.cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}

/* production page */
.band{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--ink);color:#fff;display:flex;flex-wrap:wrap}
.band-t{flex:1 1 560px;min-width:0;padding:24px 28px;display:flex;flex-direction:column;gap:10px;z-index:1}
.band-t h1{color:#fff}.band-t p{color:#C9D2CE;font-size:14.5px;max-width:640px}
.band-i{flex:0 1 440px;min-width:0;position:relative;min-height:190px}
.band-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band-i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(23,33,40,0) 50%)}
.band .stats b{color:#fff}.band .stats span{color:#B9C2BE}
.types{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px}
.type{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px}
.type img{width:64px;height:48px;object-fit:cover;border-radius:7px}
.type b{display:block;font-size:13.5px}.type span{font-size:11.5px;color:var(--muted)}
.jump{position:sticky;top:0;z-index:5;background:rgba(247,248,247,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);margin-top:14px}
.jump .in{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.jump a{white-space:nowrap;font-size:13px;font-weight:700;border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px}
.jump a b{color:var(--red);margin-right:4px}
.grp{padding-top:30px;scroll-margin-top:60px}
.grp-h{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.grp-h .num{font-size:12px;font-weight:800;color:var(--muted)}
.grp-h p{font-size:13.5px;color:var(--ink2);max-width:760px;margin-top:4px}
.brandnote{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;background:#FFF8E6;border:1px solid #F3DFA6;border-radius:8px;padding:6px 10px;margin-top:8px}

/* listing */
.layout{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;padding-top:16px}
.side{flex:1 1 230px;max-width:260px;padding:16px;display:flex;flex-direction:column;gap:14px}
.side fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.side fieldset+fieldset{border-top:1px solid var(--line2);padding-top:12px}
.side legend{font-size:13px;font-weight:800;margin-bottom:6px}
.side label{display:flex;align-items:center;gap:9px;font-size:13px;padding:5px 2px;cursor:pointer}
.side label input{width:16px;height:16px;accent-color:var(--red)}
.side label .n{margin-left:auto;font-size:12px;color:var(--muted)}
.res{flex:999 1 620px;min-width:0}
.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.sorts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sorts button{font-size:12px;font-weight:800;padding:7px 11px;border-radius:8px;background:#fff;border:1px solid var(--ink);cursor:pointer}
.sorts button[aria-pressed="true"]{background:var(--ink);color:#fff}
.empty{background:#fff;border:1px dashed #CDD3D0;border-radius:var(--r);padding:28px;text-align:center;font-size:14px;color:var(--ink2)}
.usedin{display:flex;gap:12px;align-items:center;padding:10px;margin-top:12px}
.usedin img{width:110px;height:64px;object-fit:cover;border-radius:8px}
.mobile-f{display:none}

/* machine page */
.mtop{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.gal{flex:1 1 620px;min-width:0}
.gal-main{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;aspect-ratio:3/2}
.gal-main img{width:100%;height:100%;background:#fff}
.gal-cap{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:700;background:rgba(23,33,40,.82);color:#fff;border-radius:6px;padding:5px 9px;max-width:70%}
.gal-n{position:absolute;right:12px;bottom:12px;font-size:12px;font-weight:800;background:#fff;border-radius:6px;padding:5px 9px}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:20px;font-weight:800}
.gal-nav.l{left:10px}.gal-nav.r{right:10px}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.thumbs button{padding:0;cursor:pointer;aspect-ratio:4/3;border-radius:9px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.thumbs button[aria-pressed="true"]{border:2px solid var(--red)}
.thumbs img{width:100%;height:100%}
.buy{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:12px}
.buy .pad{display:flex;flex-direction:column;gap:12px}
.keys{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.key{background:var(--bg);border:1px solid var(--line2);border-radius:10px;padding:10px 12px}
.key span{font-size:11px;color:var(--muted);font-weight:700}.key b{display:block;font-size:16px;letter-spacing:-.01em;margin-top:2px}
.bigp{font-size:34px;font-weight:800;color:var(--red);letter-spacing:-.03em}
.warn{background:var(--warn-bg);border:1px solid var(--warn-bd);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--warn)}
.okbox{background:var(--teal-bg);border:1px solid var(--teal-bd);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--teal);font-weight:700}
.subnav{position:sticky;top:0;z-index:5;margin-top:20px;background:rgba(247,248,247,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);display:flex;gap:4px 22px;font-size:14px;font-weight:800;overflow-x:auto;scrollbar-width:none}
.subnav a{padding:12px 0;white-space:nowrap;border-bottom:3px solid transparent}
.two{display:flex;flex-wrap:wrap;gap:20px;padding-top:20px}
.two>*{flex:1 1 440px;min-width:0}
.two>.wide{flex:1.4 1 560px}
[id]{scroll-margin-top:56px}
.spec{margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.spec div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13px}
.spec dt{color:var(--muted)}.spec dd{margin:0;font-weight:800;text-align:right}
.capbox{background:var(--ink);color:#fff;border-radius:var(--r2);padding:20px 22px}
.capbox h2{color:#fff}
.pw{display:flex;gap:6px;margin:12px 0 16px;flex-wrap:wrap}
.pw button{font-size:13px;font-weight:800;padding:8px 12px;border-radius:8px;background:transparent;color:#fff;border:1px solid #4A5A63;cursor:pointer}
.pw button[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:#fff}
.capr{margin-bottom:12px}
.capr .l{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}
.capr .l span{color:#C9D2CE;font-weight:700}.capr .l b{font-size:15px}
.capr .t{height:10px;background:#2B3942;border-radius:99px;overflow:hidden}
.capr .t i{display:block;height:100%;border-radius:99px;transition:width .3s}
.capbox .note{color:#9AA7A2}
.std{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.std li{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;background:var(--bg);border-radius:9px;padding:10px 12px}
.std li:before{content:"✓";width:20px;height:20px;flex:none;border-radius:50%;background:var(--teal2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}
.std.opt li:before{content:"+";background:var(--ink)}
.comps{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.comp{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.comp img{width:100%;aspect-ratio:1/1;object-fit:cover;border-bottom:1px solid var(--line2)}
.comp div{padding:10px 12px 12px}.comp h3{font-size:14px;margin:3px 0 4px}.comp p{font-size:12px;color:var(--ink2)}
.terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.terms div{border:1px solid var(--line2);border-radius:10px;padding:12px 14px}
.terms span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.terms b{display:block;font-size:14px;margin-top:4px;line-height:1.35}
.maker-band{display:flex;flex-wrap:wrap;overflow:hidden}
.maker-band .t{flex:1 1 360px;min-width:0;padding:22px;display:flex;flex-direction:column;gap:10px}
.maker-band .i{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.maker-band .i img{width:100%;height:210px;object-fit:cover}

/* compare */
.cmpt{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.cmpt th,.cmpt td{padding:12px 14px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top;font-size:13.5px}
.cmpt th{width:180px;color:var(--muted);font-weight:700;background:#FAFBFA}
.cmpt td{min-width:200px}
.cmpt img{width:100%;max-width:220px;aspect-ratio:4/3;object-fit:contain}
.scroll-x{overflow-x:auto}

/* forms */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.form input,.form textarea,.form select{border:1px solid #CDD3D0;border-radius:9px;padding:11px 12px;font-size:15px;background:#fff;font-weight:500}
.form textarea{min-height:130px;resize:vertical}
.form .chk{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500}
.form .chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--red)}
.hp{position:absolute;left:-9999px}
.msg{border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700;display:none}
.msg.show{display:block}
.msg.ok{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-bd)}
.msg.demo{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-bd)}
.msg.err{background:var(--red-bg);color:var(--red-d);border:1px solid var(--red-bd)}
.sel-list{display:flex;flex-direction:column;gap:6px}
.sel-item{display:flex;gap:10px;align-items:center;background:var(--bg);border-radius:9px;padding:8px}
.sel-item img{width:56px;height:42px;object-fit:contain;background:#fff;border-radius:6px}
.prose{max-width:820px}
.prose h2{font-size:19px;margin:22px 0 6px}
.prose p{font-size:15px;color:var(--ink2)}

/* compare bar */
.cbar{position:fixed;left:0;right:0;bottom:16px;z-index:20;padding:0 16px;display:none}
.cbar.show{display:block}
.cbar .in{max-width:var(--max);margin:0 auto;background:var(--ink);color:#fff;border-radius:14px;padding:12px 18px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;box-shadow:0 12px 32px rgba(23,33,40,.3)}
.cbar .nm{font-size:13px;color:#B9C2BE;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbar button{font-size:13px;font-weight:800;color:#fff;background:transparent;border:1px solid #4A5A63;border-radius:9px;padding:9px 14px;cursor:pointer}

/* footer */
.ftr{background:var(--ink);color:#B9C2BE;margin-top:56px;padding:40px 0 22px;font-size:14px}
.ftr .cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px}
.ftr h4{margin:0 0 10px;color:#fff;font-size:14px}
.ftr a{display:block;padding:3px 0;color:#B9C2BE}.ftr a:hover{color:#fff}
.ftr .logo{color:#fff;font-size:22px;margin-bottom:10px}
.ftr .base{border-top:1px solid #2B3942;margin-top:28px;padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12.5px}

@media (max-width:900px){
  .ftr .cols{grid-template-columns:1fr 1fr}
  .side{max-width:none;flex-basis:100%}
  .hero-g{height:260px}
  .rbtn{display:none}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .top .tg-line{display:none}
  .acts .lbl{display:none}
  .hdr-main{gap:10px 12px}
  .search{order:3;flex-basis:100%}
  .keys{grid-template-columns:1fr 1fr}
  .spec{grid-template-columns:1fr}
  .thumbs{grid-template-columns:repeat(3,1fr)}
  .form{grid-template-columns:1fr}
  .band-i{flex-basis:100%;min-height:150px}
  .band-i:after{background:linear-gradient(0deg,rgba(23,33,40,0) 40%,var(--ink) 100%)}
  .hero-g{grid-template-columns:1fr 1fr;height:220px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
  .mc-d{display:none}
  .hrow>*{flex-basis:200px}
  .ftr .cols{grid-template-columns:1fr}
  .cbar{bottom:8px;padding:0 8px}
}

/* MACHORY app – additions on top of site.css */
.app-loading{padding:60px 24px;text-align:center;color:var(--muted)}
.nav a{cursor:pointer}
.user-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:800;font-size:13px}
.avatar{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.menu{position:relative}
.menu-pop{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(23,33,40,.16);min-width:230px;padding:6px;z-index:30}
.menu-pop a,.menu-pop button{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:700;background:none;border:0;cursor:pointer;color:var(--ink)}
.menu-pop a:hover,.menu-pop button:hover{background:var(--soft);color:var(--ink)}
.menu-pop .sep{height:1px;background:var(--line2);margin:4px 0}
.demo-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-bd);border-radius:5px;padding:2px 6px}
.hero2{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero2 a{flex:1 1 220px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--ink);background:#fff}
.hero2 a.pri{background:var(--red);border-color:var(--red);color:#fff}
.hero2 a.pri:hover{color:#fff;background:var(--red-d)}
.hero2 b{font-size:16px}.hero2 span{font-size:12.5px;opacity:.85}
/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-bottom:16px}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:11px 12px 10px;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap;color:var(--ink2)}
.tabs button[aria-selected="true"]{color:var(--red);border-color:var(--red)}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;border-radius:99px;padding:3px 9px;background:var(--soft);color:var(--ink2);white-space:nowrap}
.pill.ok{background:var(--teal-bg);color:var(--teal)}
.pill.warn{background:var(--warn-bg);color:var(--warn)}
.pill.bad{background:var(--red-bg);color:var(--red-d)}
.pill.dark{background:var(--ink);color:#fff}
.pill.blue{background:#E9F0FB;color:#24508F}
/* tables */
.tbl-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r2)}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800;padding:11px 14px;border-bottom:1px solid var(--line);background:#FAFBFA;white-space:nowrap}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line2);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl tfoot td{font-weight:800;background:#FAFBFA}
.tbl img{width:54px;height:40px;object-fit:contain;background:#fff;border-radius:6px;border:1px solid var(--line2)}
/* operations route */
.ops{display:flex;flex-direction:column;gap:10px}
.op{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.op.cond{border-style:dashed}
.op.ext{background:#FAFBFA}
.op-n{width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.op.cond .op-n{background:#fff;color:var(--ink);border:1.5px dashed var(--ink)}
.op.ext .op-n{background:var(--soft);color:var(--muted)}
.op h3{font-size:15px}
.op p{font-size:13px;color:var(--ink2);margin-top:3px}
.op .lnk{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.op .lnk a{font-size:12px;font-weight:800;border:1px solid var(--line);border-radius:7px;padding:5px 9px;background:#fff}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--ink2);margin:6px 0 12px}
.legend span{display:flex;align-items:center;gap:6px}
.legend i{width:14px;height:14px;border-radius:4px;background:var(--ink);display:inline-block}
.legend i.c{background:#fff;border:1.5px dashed var(--ink)}
.legend i.e{background:var(--soft);border:1px solid var(--line)}
.variants{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px}
.variants button{display:flex;gap:10px;align-items:center;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:800;font-size:13.5px}
.variants button img{width:48px;height:36px;object-fit:cover;border-radius:7px}
.variants button[aria-pressed="true"]{border:2px solid var(--red);background:var(--red-bg)}
/* kit */
.kit-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.kit-tabs button{flex:1 1 220px;text-align:left;border-radius:12px;border:1px solid var(--line);background:#fff;padding:12px 14px;cursor:pointer}
.kit-tabs button b{display:block;font-size:15px}
.kit-tabs button span{font-size:12.5px;color:var(--muted)}
.kit-tabs button[aria-pressed="true"]{border:2px solid var(--ink);background:#fff;box-shadow:0 6px 18px rgba(23,33,40,.08)}
.sumrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.sum{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.sum span{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.sum b{display:block;font-size:22px;letter-spacing:-.02em;margin-top:3px;font-variant-numeric:tabular-nums}
.sum.red b{color:var(--red)}.sum.teal b{color:var(--teal)}
.sum small{font-size:12px;color:var(--muted)}
.unknown{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.inp{border:1px solid #CDD3D0;border-radius:9px;padding:9px 11px;font-size:14px;background:#fff;min-width:0}
.inp.sm{padding:6px 8px;font-size:13px}
select.inp{padding-right:28px}
.field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
/* modal */
.modal-bg{position:fixed;inset:0;background:rgba(23,33,40,.45);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.modal{background:#fff;border-radius:16px;max-width:560px;width:100%;padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:14px}
.modal h2{font-size:20px}
.modal .x{margin-left:auto;background:none;border:0;font-size:22px;cursor:pointer;line-height:1}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:90px;background:var(--ink);color:#fff;padding:11px 16px;border-radius:10px;font-weight:700;font-size:14px;z-index:70;box-shadow:0 10px 30px rgba(0,0,0,.25)}
/* timeline */
.tl{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--line);margin-left:8px}
.tl div{position:relative;padding:0 0 14px 18px;font-size:13.5px}
.tl div:before{content:"";position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--line)}
.tl div.on:before{background:var(--teal2);border-color:var(--teal2)}
.tl div b{display:block}
.tl div span{color:var(--muted);font-size:12px}
/* admin */
.adm{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start;padding-top:12px}
.adm-side{position:sticky;top:12px;background:var(--ink);color:#fff;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px}
.adm-side .h{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#93A1A8;padding:8px 10px 6px}
.adm-side a{padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:700;color:#D5DBD8}
.adm-side a:hover{background:#26333B;color:#fff}
.adm-side a[aria-current]{background:#fff;color:var(--ink)}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.kpi b{font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi span{font-size:12.5px;color:var(--ink2);font-weight:700}
.kpi a{font-size:12px;font-weight:800;color:var(--red);margin-top:auto}
.kpi.warn{border-left:4px solid #E8A33D}.kpi.bad{border-left:4px solid var(--red)}.kpi.ok{border-left:4px solid var(--teal2)}
.bar-meter{height:8px;background:var(--line2);border-radius:99px;overflow:hidden;min-width:80px}
.bar-meter i{display:block;height:100%;background:var(--teal2);border-radius:99px}
.switch{position:relative;display:inline-block;width:40px;height:22px;flex:none}
.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:#C9D0CD;border-radius:99px;transition:.2s;cursor:pointer}
.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked+span{background:var(--teal2)}
.switch input:checked+span:before{transform:translateX(18px)}
.switch input:focus-visible+span{outline:3px solid #F28A9B;outline-offset:2px}
.row-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2)}
.row-line:last-child{border-bottom:0}
.row-line b{font-size:14px}.row-line p{font-size:12.5px;color:var(--muted)}
.verif{display:flex;flex-direction:column;gap:8px}
.verif div{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}
.verif i{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;font-weight:800;color:#fff;background:#C9D0CD}
.verif i.ok{background:var(--teal2)}
.verif small{display:block;color:var(--muted);font-size:12px}
.article{max-width:760px}
.article p{font-size:16px;line-height:1.7;color:#23323A;margin:0 0 14px}
.article h2{font-size:21px;margin:26px 0 10px}
.article ul{font-size:15.5px;line-height:1.7;color:#23323A;padding-left:20px;margin:0 0 14px}
.meta-line{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--muted);margin:10px 0 18px}
.choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.choice label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;background:#fff}
.choice label:has(input:checked){border:2px solid var(--red);background:var(--red-bg)}
.choice input{margin-top:3px;accent-color:var(--red)}
.choice b{display:block;font-size:14px}.choice span{font-size:12.5px;color:var(--ink2)}
.lock{max-width:520px;margin:50px auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.diff td.same{color:var(--muted)}
.diff tr.hide{display:none}
@media (max-width:900px){
  .adm{grid-template-columns:1fr}
  .adm-side{position:static;flex-direction:row;overflow-x:auto}
  .adm-side .h{display:none}
  .adm-side a{white-space:nowrap}
  .op{grid-template-columns:36px 1fr}
  .op>.act{grid-column:1/-1}
}
@media (max-width:640px){.sumrow,.kpis{grid-template-columns:1fr 1fr}.sum b{font-size:18px}.kpi b{font-size:22px}}

@media (max-width:760px){.adm-row{grid-template-columns:1fr 1fr !important}.adm-rowh{display:none !important}}

/* whole product card is clickable */
.mc{position:relative}
.mc h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.mc .mc-a,.mc .mc-a button,.mc a.mc-img{position:relative;z-index:2}
.mc:hover{box-shadow:0 10px 28px rgba(23,33,40,.10)} .mc:hover h3 a{color:var(--red)}
/* zoomable photos */
.gal-main img,.comp img,.band .i img,img.zoom{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:1000;background:rgba(10,14,17,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 70px 16px}
.lb figure{margin:0;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
.lb figure img{max-width:100%;max-height:calc(100vh - 190px);object-fit:contain;background:#fff;border-radius:8px}
.lb figcaption{color:#E6EAE8;font-size:14px;margin-top:10px;display:flex;gap:14px;align-items:center}
.lb figcaption span{color:#9AA5A0;font-variant-numeric:tabular-nums}
.lb-x{position:absolute;top:10px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.lb-n{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.lb-n.l{left:12px}.lb-n.r{right:12px}.lb-x:hover,.lb-n:hover{background:rgba(255,255,255,.26)}
.lb-t{display:flex;gap:6px;margin-top:12px;overflow-x:auto;max-width:100%;padding-bottom:4px}
.lb-t button{flex:none;width:72px;height:54px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#fff;cursor:pointer;opacity:.6}
.lb-t button[aria-pressed="true"]{border-color:var(--red);opacity:1}
.lb-t img{width:100%;height:100%;object-fit:cover}
@media (max-width:640px){.lb{padding:52px 8px 10px}.lb-n{width:40px;height:40px;font-size:26px}.lb-n.l{left:4px}.lb-n.r{right:4px}}

.cbar-sp{height:78px}
.cbar .cbar-x{background:none;border:0;color:inherit;font-size:24px;line-height:1;padding:0 4px;cursor:pointer;opacity:.75}
.cbar .cbar-x:hover{opacity:1}
.cbar-mini{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:8px;align-items:center;background:#172128;color:#fff;border:0;border-radius:999px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer;font:inherit}
.cbar-mini svg{stroke:#fff}
.cbar-mini b{background:var(--red);border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:12px}

/* rich company profile */
.mk-hl{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.mk-hl span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px 7px 30px;font-size:13.5px;font-weight:700;position:relative}
.mk-hl span:before{content:"✓";position:absolute;left:12px;color:var(--teal2);font-weight:900}
.mk-p{font-size:15px;line-height:1.65;color:var(--ink2);margin:0 0 12px}
.mk-h{font-size:15px;margin:18px 0 8px}
.mk-list{margin:0;padding-left:18px;columns:2;column-gap:28px;font-size:14px;line-height:1.75}
.mk-src{margin:0;padding-left:18px;font-size:13.5px;line-height:1.8}
@media (max-width:640px){.mk-list{columns:1}}

/* ---------- company page v2 ---------- */
.mkh{position:relative;border-radius:22px;overflow:hidden;background:#0E1418;color:#fff;margin-top:6px;isolation:isolate}
.mkh-bg{position:absolute;inset:0;z-index:-1}
.mkh-bg img{width:100%;height:100%;object-fit:cover;opacity:.9}
.mkh-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,24,.95) 0%,rgba(14,20,24,.78) 40%,rgba(14,20,24,.25) 78%,rgba(14,20,24,.1) 100%),linear-gradient(0deg,rgba(14,20,24,.9) 0%,rgba(14,20,24,0) 40%)}
.mkh-in{display:flex;gap:28px;align-items:flex-start;padding:44px 44px 30px;min-height:360px}
.mkh-logo{flex:none;width:168px;height:168px;border-radius:24px;background:#fff;display:grid;place-items:center;padding:18px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.mkh-logo img{max-width:100%;max-height:100%;object-fit:contain}
.mkh-logo span{font-size:72px;font-weight:800;color:var(--ink)}
.mkh-t{min-width:0;max-width:720px;display:flex;flex-direction:column;gap:10px}
.mkh-k{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FF8A9C}
.mkh h1{color:#fff;font-size:clamp(34px,4.4vw,56px);line-height:1.02;letter-spacing:-.035em;margin:0}
.mkh-tag{font-size:19px;font-weight:700;color:#fff;margin:0}
.mkh-d{font-size:15.5px;line-height:1.6;color:#C9D2CE;margin:0}
.mkh-b{display:flex;gap:8px;flex-wrap:wrap}
.mkh-b span{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;backdrop-filter:blur(6px)}
.mkh-b span.ok{background:rgba(15,138,126,.25);border-color:rgba(64,200,180,.45)}
.mkh-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.mkh-ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;display:inline-flex;gap:6px;align-items:center}
.mkh-ghost:hover{background:rgba(255,255,255,.2)!important}
.mkh-s{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid rgba(255,255,255,.12);background:rgba(10,14,17,.55);backdrop-filter:blur(8px)}
.mkh-s>div{padding:16px 22px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;border-right:1px solid rgba(255,255,255,.08)}
.mkh-s svg{grid-row:span 2;color:#FF8A9C}
.mkh-s b{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.mkh-s span{font-size:12.5px;color:#AEB9B4}
.mk-nav{position:sticky;top:0;z-index:30;display:flex;gap:4px;overflow-x:auto;background:rgba(247,248,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin:14px 0 0;padding:6px 0}
.mk-nav button{flex:none;background:none;border:0;padding:9px 14px;border-radius:999px;font:inherit;font-size:14px;font-weight:700;color:var(--ink2);cursor:pointer}
.mk-nav button:hover{background:#fff;color:var(--red)}
.mk-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:16px}
.mk-feat>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:700;font-size:14px;line-height:1.3}
.mk-feat i{flex:none;width:40px;height:40px;border-radius:12px;background:#FDECEF;color:var(--red);display:grid;place-items:center}
.mk-two{padding-top:16px}
.mk-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.mk-lead{font-size:18px;line-height:1.6;color:var(--ink);font-weight:500;margin:0 0 14px}
.mk-range{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.mk-range span{display:flex;gap:8px;align-items:flex-start;background:var(--bg);border-radius:10px;padding:9px 12px;font-size:13.5px;font-weight:600;line-height:1.35}
.mk-range svg{flex:none;color:var(--teal2);margin-top:1px}
.mk-brands{display:flex;flex-wrap:wrap;gap:8px}
.mk-brands span{border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:800;font-size:13.5px;letter-spacing:.02em;background:#fff}
.mk-flogo{border:1px solid var(--line2);border-radius:12px;padding:14px;display:grid;place-items:center;margin-bottom:10px}
.mk-flogo img{max-width:200px;max-height:70px;object-fit:contain}
.mk-locs{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.mk-locs>div{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border-radius:12px;padding:12px}
.mk-locs svg{flex:none;color:var(--red);margin-top:2px}
.mk-locs span{display:flex;flex-direction:column;font-size:13.5px;line-height:1.45}
.mk-locs b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.mk-locs small{color:var(--muted);font-size:12px}
.mk-svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.mk-svc>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.mk-svc i{width:46px;height:46px;border-radius:14px;background:#172128;color:#fff;display:grid;place-items:center}
.mk-svc b{font-size:14.5px}
.mk-sdl{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
.mk-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:200px;gap:10px}
.mk-gal figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.mk-gal figure.big{grid-column:span 2;grid-row:span 2}
.mk-gal img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mk-gal figure:hover img{transform:scale(1.04)}
.mk-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0));color:#fff;font-size:13px;font-weight:700;pointer-events:none}
.mk-map{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);overflow:hidden;align-items:center}
.mk-map-t{padding:24px}
.mk-map-t h2{font-size:24px;margin:0 0 8px}
.mk-map img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center}
.mk-fin{display:flex;gap:18px;align-items:flex-start}
.mk-fin i{flex:none;width:58px;height:58px;border-radius:16px;background:#E8F5F3;color:var(--teal2);display:grid;place-items:center}
.mk-cta{margin:26px 0 10px;border-radius:20px;background:linear-gradient(120deg,#172128,#2A3A42);color:#fff;padding:28px 32px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.mk-cta h2{color:#fff;font-size:24px;margin:0 0 6px}
.mk-cta p{color:#C9D2CE;margin:0;max-width:640px}
.mk-lg{width:64px;height:48px;flex:none;border-radius:8px;background:#fff;border:1px solid var(--line2);display:grid;place-items:center;padding:4px}
.mk-lg img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
.brand-grid{grid-template-columns:minmax(0,220px) minmax(0,1fr)}
@media (max-width:820px){.mkh-in{flex-direction:column;padding:26px 20px 20px;gap:18px;min-height:0}.mkh-logo{width:110px;height:110px;border-radius:18px;padding:12px}.mkh-s>div{padding:12px 16px}.mk-gal{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.mk-map{grid-template-columns:1fr}.mk-cta{padding:22px}.brand-grid{grid-template-columns:1fr!important}}
@media (max-width:520px){.mk-gal{grid-template-columns:1fr}.mk-gal figure.big{grid-column:auto;grid-row:span 1}.mkh h1{font-size:34px}}
/* ---------- company page v3 blocks ---------- */
.chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;counter-reset:ch;position:relative}
.chain li{position:relative;background:#fff;border:1px solid var(--line);padding:16px 14px 14px;display:flex;flex-direction:column;gap:4px;margin-right:-1px}
.chain li:first-child{border-radius:16px 0 0 16px}.chain li:last-child{border-radius:0 16px 16px 0}
.chain li:not(:last-child):after{content:"";position:absolute;right:-9px;top:34px;width:16px;height:16px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:rotate(45deg);z-index:2}
.chain i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;background:#E8F5F3;color:var(--teal2)}
.chain li.inf i{background:#FFF3DF;color:#B86E00}.chain li.you i{background:#172128;color:#fff}
.chain b{font-size:14px}.chain span{font-size:13px;color:var(--ink2);line-height:1.4}
.chain small{font-size:11.5px;font-weight:800;margin-top:4px;color:var(--teal2)}.chain li.inf small{color:#B86E00}
.chain li.inf{background:linear-gradient(#FFFBF3,#fff)}
.mk-score .ms-top{display:flex;gap:18px;align-items:center;margin:6px 0 14px}
.ms-lvl{display:inline-block;font-size:12px;font-weight:800;border-radius:99px;padding:4px 10px;background:#EEF1EF;color:var(--ink2)}.ms-lvl.full{background:var(--teal-bg);color:var(--teal)}.ms-lvl.good{background:#EAF2F8;color:#2F5F86}.ms-g{margin-top:12px}.ms-gh{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0 2px}.ms-gh b{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.ms-gh span{font-size:12.5px;font-weight:800;color:var(--ink2)}.ms-row.nc{opacity:.6}.ms-tips{margin-top:14px;background:var(--soft);border-radius:var(--r);padding:12px 14px;font-size:13px}.ms-tips ul{margin:6px 0 8px;padding-left:18px}.ms-tips li{margin:3px 0}.ms-tips em{font-style:normal;font-weight:800;color:var(--teal)}.ms-tips a{font-weight:700;color:var(--teal)}
.ms-ring{flex:none;width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#EEF1EF 0);display:grid;place-items:center;position:relative}
.ms-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}
.ms-ring b{position:relative;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:18px}.ms-ring span{position:relative;font-size:12px;color:var(--muted);margin-top:-22px}
.ms-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 30px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line2)}
.ms-row b{font-size:13.5px;display:block}.ms-row small{font-size:12px;color:var(--muted)}
.ms-bar{height:8px;border-radius:99px;background:#EEF1EF;overflow:hidden}.ms-bar i{display:block;height:100%;border-radius:99px}
.ms-row>span{font-size:12.5px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.mk-q ol{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.45}
.mk-q li::marker{color:var(--red);font-weight:800}
.vid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}
.vid-main{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0E1418}
.vid-main iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-poster{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:#0E1418}
.vid-poster img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.vid-poster:hover img{opacity:.95}
.vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 12px 30px rgba(220,23,53,.45)}
.vid-t{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;text-align:left;color:#fff;font-weight:800;font-size:17px;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0))}
.vid-list{display:flex;flex-direction:column;gap:6px;max-height:430px;overflow-y:auto}
.vid-list button,.vid-list a.vid-li{color:inherit;text-decoration:none;display:flex;gap:10px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;cursor:pointer;font:inherit}
.vid-list button[aria-pressed="true"]{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.vid-th{position:relative;flex:none;width:112px;height:63px;border-radius:8px;overflow:hidden;background:#172128}
.vid-th img{width:100%;height:100%;object-fit:cover}.vid-th i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.vid-list b{display:block;font-size:13px;line-height:1.3}.vid-list small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.cc{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:14px;align-items:start}
.cc-in-box{display:flex;flex-direction:column;gap:12px}
.cc-ck{display:flex;gap:8px;align-items:center;font-size:13.5px;margin-top:6px}
.cc-t{width:100%;border-collapse:collapse}
.cc-t td{padding:11px 0;border-bottom:1px solid var(--line2);vertical-align:middle;font-size:14px}
.cc-t td:last-child{text-align:right;white-space:nowrap}
.cc-t small{display:block;color:var(--muted);font-size:12px}
.cc-in{width:120px;text-align:right}
.cc-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px;padding:14px 16px;border-radius:14px;background:#172128;color:#fff}
.cc-total span{font-size:14px;color:#C9D2CE}.cc-total b{font-size:30px;letter-spacing:-.03em}
.cc-diff{font-size:13px;font-weight:800;color:var(--red);margin:8px 0 0}
.mk-alt tr.me td{background:#FFF5F6}.mk-alt tr.me td:first-child{box-shadow:inset 3px 0 0 var(--red)}
.mk-fit{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.mk-fit a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s}
.mk-fit a:hover{box-shadow:0 10px 28px rgba(23,33,40,.12)}
.mk-fit img{width:100%;height:130px;object-fit:cover}
.mk-fit span{padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.mk-fit b{font-size:15px}.mk-fit small{font-size:13px;color:var(--ink2);line-height:1.4}.mk-fit em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--red);margin-top:4px}
@media (max-width:900px){.vid{grid-template-columns:minmax(0,1fr)}.vid-list{max-height:none}.cc{grid-template-columns:minmax(0,1fr)}.cc .inp{max-width:100%}.chain{grid-template-columns:1fr 1fr}.chain li{border-radius:0!important;margin:0 -1px -1px 0}.chain li:after{display:none}}
@media (max-width:520px){.chain{grid-template-columns:1fr}.ms-row{grid-template-columns:minmax(0,1fr) 70px 28px}.cc-total b{font-size:24px}}

.m-origin{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink2);background:#FFF6E5;border:1px solid #F3DDB0;border-radius:10px;padding:8px 10px;margin:8px 0 0}
.m-origin svg{flex:none;color:#B86E00;margin-top:1px}

.m-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.m-docs a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;color:inherit}
.m-docs a:hover{border-color:var(--red)}
.m-docs i{flex:none;width:44px;height:52px;border-radius:6px;background:var(--red);color:#fff;font-style:normal;font-weight:800;font-size:12px;display:grid;place-items:center}
.m-docs span{min-width:0;flex:1}.m-docs b{display:block;font-size:14px}.m-docs small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-docs em{font-style:normal;color:var(--muted)}
.cc-mode{font-size:13px;line-height:1.45;color:var(--ink2,#46514b);margin:10px 0 0;padding:8px 10px;background:var(--bg2,#f3f5f4);border-radius:8px}
.cc-pct{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cc-pct .inp{width:72px}
.top .top-r{display:flex;gap:10px;align-items:center;margin-left:auto}.top .lang+.lang{margin-left:6px;padding-left:10px;border-left:1px solid rgba(255,255,255,.18)}
.top .cur-sw a{white-space:nowrap}
@media (max-width:640px){.top .cur-sw a{padding:3px 6px}}
.pdfv{position:fixed;inset:0;z-index:1000;background:rgba(15,20,24,.82);display:flex;flex-direction:column}
.pdfv-bar{display:flex;gap:10px;align-items:center;padding:10px 16px;background:var(--ink,#172128);color:#fff}
.pdfv-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.pdfv-n{font-size:12.5px;color:#C9D1CD;white-space:nowrap}
.pdfv-pages{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px 40px}
.pdfv-pages canvas{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.35);max-width:100%;height:auto}
/* oven running-cost calculator (powder coating) */
.cc-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.cc-f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}
.cc-i{display:flex;gap:6px;align-items:center}.cc-i .inp{width:100%;min-width:0}.cc-i small{color:var(--muted,#667);font-weight:600;white-space:nowrap}
/* ---------- home v2 ---------- */
.h2-hero .hero-s{max-width:640px}
.h2-hero .stats{margin-top:4px}
.pbigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.pbig{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--ink);color:#fff;min-height:300px;display:flex;align-items:flex-end;isolation:isolate}
.pbig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}
.pbig:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,33,40,.05) 20%,rgba(23,33,40,.94) 78%)}
.pbig:hover{color:#fff}.pbig:hover img{transform:scale(1.04)}
.pbig .b{padding:18px 20px;display:flex;flex-direction:column;gap:6px;width:100%}
.pbig .st{align-self:flex-start;font-size:11px;font-weight:800;border-radius:6px;padding:4px 8px;background:#fff;color:var(--ink)}
.pbig h3{font-size:22px;color:#fff;letter-spacing:-.02em}.pbig p{font-size:13.5px;color:#D5DBD8}
.pf{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:4px;font-size:13px;color:#C9D2CE}.pf b{color:#fff}
.soonrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:13px}
.soonrow a{border:1px dashed #B9C2BE;border-radius:99px;padding:6px 12px;font-weight:700;background:#fff}
.hgrps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.hgrp{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.hgrp-h{display:flex;gap:12px;align-items:center}
.hgrp-h img{width:64px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--line2);flex:none;background:#fff}
.hgrp-h h3{font-size:17px}.hgrp-h span{font-size:12.5px;color:var(--muted)}
.hgrp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hgrp li a{display:flex;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line2);font-size:14px;font-weight:600}
.hgrp li:last-child a{border-bottom:0}
.hgrp li b{font-size:12px;color:var(--muted);background:var(--soft);border-radius:99px;padding:1px 8px;flex:none}
.hgrp .more{margin-top:auto}
.hkit{flex:0 0 300px!important;display:flex;flex-direction:column;overflow:hidden}
.hkit:hover{box-shadow:0 10px 28px rgba(23,33,40,.10)}
.hkit-i{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line2)}
.hkit-i img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}
.hkit .b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.hkit h3{font-size:15px;line-height:1.3}.hkit .pr{margin-top:auto;padding-top:6px}
.htools{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.htool{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.htool i{font-style:normal;width:42px;height:42px;border-radius:12px;background:var(--red-bg);color:var(--red);display:grid;place-items:center;font-size:20px;font-weight:800}
.htool b{font-size:15px}.htool span{font-size:13px;color:var(--ink2)}
.htool:hover{box-shadow:0 10px 28px rgba(23,33,40,.10)}
.hctry{display:flex;flex-wrap:wrap;gap:8px}
.hctry a{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 14px 7px 10px;font-size:13.5px}
.hctry span{font-size:12px;color:var(--muted);background:var(--soft);border-radius:99px;padding:0 7px}
@media (max-width:640px){.pbig{min-height:240px}.hkit{flex-basis:260px!important}}
@media (max-width:640px){.h2-hero .hero-g{display:none}.hgrp li:nth-child(n+6){display:none}}
/* ---------- all machines page ---------- */
.ml-hero{padding:24px 26px;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:16px 28px;align-items:center;margin-top:4px}
.ml-hero h1{font-size:clamp(26px,3vw,36px)}.ml-hero p{margin-top:6px;max-width:640px}
.ml-hero .hero-s,.ml-hero .ml-pre{grid-column:1/-1}.ml-hero .hero-s{max-width:none}
.ml-pre button{background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}
.ml-pre button:hover{border-color:var(--ink)}.ml-pre button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ml-tabs{position:sticky;top:0;z-index:6;background:rgba(247,248,247,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);margin-top:16px}
.ml-tabs .in{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.ml-tabs button,.ml-tabs a{color:var(--ink);text-decoration:none;flex:none;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 8px 7px 14px;cursor:pointer;font:inherit;font-size:13.5px}
.ml-tabs button span,.ml-tabs a span{background:var(--soft);border-radius:99px;padding:1px 8px;font-size:12px;font-weight:800;color:var(--muted)}
.ml-tabs button.all{background:var(--ink);color:#fff;border-color:var(--ink)}.ml-tabs button.all span{background:var(--red);color:#fff}
.ml-g{scroll-margin-top:70px}
.ml-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.ml-cat{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px;min-width:0}
.ml-cat:hover{box-shadow:0 8px 22px rgba(23,33,40,.08);color:var(--ink)}
.ml-cat img{width:84px;height:64px;object-fit:contain;border-radius:8px;flex:none;background:#fff}
.ml-cat .b{min-width:0;display:flex;flex-direction:column;gap:3px}.ml-cat b{font-size:14px;line-height:1.25}
.ml-cat .m{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.ml-cat .m .ok{color:var(--teal);font-weight:700}
.ml-cat .fr{font-size:12.5px;font-weight:800;color:var(--red)}.ml-cat .fr.muted{color:var(--muted);font-weight:600}
#ml-list{scroll-margin-top:70px}
.ml-side summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px}
.ml-side summary::-webkit-details-marker{display:none}
.ml-side[open] summary{margin-bottom:4px}
.ml-reset{font-size:12px;font-weight:800;color:var(--red);background:none;border:0;cursor:pointer}
.ml-q{display:flex;gap:6px}.ml-q .inp{flex:1;min-width:0}
.ml-more{background:none;border:0;color:var(--red);font-weight:800;font-size:12px;cursor:pointer;text-align:left;padding:4px 2px}
.ml-pr{display:flex;gap:6px;align-items:center;margin-top:6px}.ml-pr .inp{width:100%}
.ml-view{display:inline-flex;margin-left:6px;border:1px solid var(--ink);border-radius:8px;overflow:hidden}
.ml-view button{border:0!important;border-radius:0!important}
.ml-tbl td{font-size:13.5px}.ml-tbl .chip{margin:1px 0}
@media (max-width:900px){.ml-hero{grid-template-columns:1fr}.ml-side summary{padding:2px 0}}
@media (max-width:640px){.ml-hero{padding:18px 16px}.ml-hero .stats{gap:18px}}
@media (max-width:900px){.ml-hero{grid-template-columns:minmax(0,1fr)}.ml-hero .hero-s{min-width:0}}
@media (max-width:640px){.ml-cats{grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}.ml-cat{scroll-snap-align:start}}
.ml-tabs a[aria-current="page"],.ml-tabs button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.ml-tabs a[aria-current="page"] span,.ml-tabs button[aria-pressed="true"] span{background:var(--red);color:#fff}
.ml-tabs button.cats{margin-left:auto;background:transparent;border-style:dashed;padding-right:14px}
.ml-catsec{scroll-margin-top:70px}.ml-catsec .ml-g{padding-top:22px}
.ml-share{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--ink)}
.ml-share:hover{border-color:var(--ink)}
/* productions hub */
.pr-hero .stats{grid-template-columns:repeat(4,auto)}
.pr-cards{display:grid;gap:16px}
.pr-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden;padding:0}
.pr-img{position:relative;display:block;min-height:260px;background:#e9ecea}
.pr-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-img .st{position:absolute;left:14px;top:14px;background:#fff;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:800}
.pr-b{padding:20px 22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pr-b h2{font-size:23px}.pr-b h2 a{color:var(--ink)}
.pr-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.pr-st b{display:block;font-size:20px}.pr-st span{font-size:12px;color:var(--muted)}.pr-st i{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px}
.pr-vt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.pr-v{display:flex;flex-wrap:wrap;gap:6px}
.pr-v a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:7px 11px;color:var(--ink);background:#fff;font-size:13.5px;line-height:1.25}
.pr-v a:hover{border-color:var(--red)}.pr-v small{color:var(--muted);font-size:11.5px}
.pr-x{display:flex;flex-wrap:wrap;gap:6px}
.pr-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}
.pr-idx{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.pr-item{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;color:var(--ink);min-width:0}
.pr-item:hover{box-shadow:0 8px 22px rgba(23,33,40,.08);color:var(--ink);border-color:#cfd5d2}
.pr-item[hidden]{display:none}
.pr-item b{font-size:15px}.pr-item p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-ip{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--red)}
.pr-in{font-size:12px;font-weight:700;margin-top:auto;padding-top:4px}
.pr-item.soon{background:var(--soft);border-style:dashed}.pr-item.soon .pr-ip{color:var(--muted)}.pr-item.soon .pr-in{color:var(--muted)}
.pr-none{margin-top:10px}
.pr-grow{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.pr-g{display:flex;flex-direction:column;gap:8px}.pr-gh{font-size:16px}.pr-g p{font-size:13.5px}
.pr-how{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pr-how li{display:flex;flex-direction:column;gap:6px}.pr-how li span{width:30px;height:30px;border-radius:99px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}.pr-how p{font-size:13.5px}
.pr-soon{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.pr-s{display:flex;gap:12px;padding:10px;align-items:flex-start}
.pr-s img{width:96px;height:80px;object-fit:cover;border-radius:8px;flex:none;filter:saturate(.6)}
.pr-s p{font-size:13px;margin:2px 0 6px}.pr-sb{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.pr-sl{font-size:13px;font-weight:700}
@media (max-width:900px){.pr-card{grid-template-columns:minmax(0,1fr)}.pr-img{min-height:190px}.pr-how{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-hero .stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.pr-st{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-how{grid-template-columns:minmax(0,1fr)}.pr-grow{grid-template-columns:minmax(0,1fr)}.pr-b{padding:16px}}
.pr-l{display:flex;flex-wrap:wrap;gap:5px}.pr-l a{font-size:12.5px;border:1px solid var(--line);border-radius:99px;padding:3px 10px;color:var(--ink);background:#fff}.pr-l a:hover{border-color:var(--red)}
@media (max-width:560px){.ml-hero.pr-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* production page v2 */
.pv-for{font-size:12.5px;color:rgba(255,255,255,.7);margin-top:8px}
.pv-nav{position:sticky;top:0;z-index:6;background:rgba(247,248,247,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);margin-top:14px}
.pv-nav .in{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:9px 0;scrollbar-width:none}
.pv-nav button{flex:none;border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink)}
.pv-nav button:hover{border-color:var(--ink)}
.pv-nv{margin-left:auto;flex:none;font-size:12.5px;color:var(--muted);padding-left:10px}
.variants button small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-left:4px}
.legend .pv-all{margin-left:auto;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--red);cursor:pointer}
.op2{background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.op2[open]{box-shadow:0 8px 24px rgba(23,33,40,.06)}
.op2 summary{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none}
.op2 summary::-webkit-details-marker{display:none}
.op2.cond .op-n{background:#fff;color:var(--ink);border:1.5px dashed var(--ink)}.op2.ext .op-n{background:var(--soft);color:var(--muted)}
.op2-h{display:flex;flex-direction:column;gap:3px;min-width:0}
.op2-t{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.op2-t b{font-size:15.5px}
.op2-m{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.op2-m i{display:inline-flex;gap:3px}
.op2-c{font-size:18px;color:var(--muted);transition:transform .15s}.op2[open] .op2-c{transform:rotate(180deg)}
.op2-pk{font-size:12px;font-weight:700;border-radius:99px;padding:2px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.op2-pk.ok{background:#e6f4ee;color:#11643f}.op2-pk.blue{background:#e8f0fb;color:#1f4f99}
.op2-b{padding:0 14px 14px 66px;display:flex;flex-direction:column;gap:10px;min-width:0}
.op2-b>p{font-size:14px}
.op2-all{flex:none;display:flex;align-items:center;justify-content:center;min-width:140px;border:1px dashed var(--line);border-radius:var(--r);font-weight:800;color:var(--red);background:#fff}
.op2-sel{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;background:var(--soft);border-radius:10px;padding:9px 11px}
.op2-sel span{font-size:12.5px;font-weight:800}.op2-sel select{flex:1;min-width:220px;max-width:100%}
.pv-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
.pv-docs h3{font-size:16px;margin-bottom:8px}.pv-docs ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.pv-dl{max-height:340px;overflow:auto}
@media (max-width:700px){.op2-b{padding:0 12px 12px}.op2 summary{grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;padding:11px 12px}.op2-sel select{min-width:0;width:100%}.pv-nv{display:none}.pv-docs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.band .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.op2-sel{flex-direction:column;align-items:stretch}}
/* manufacturers hub */
.mk-f{margin-top:14px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}
.mk-fr{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mk-fr>b{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);min-width:78px}
.mk-c{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 11px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.mk-c span{font-size:11.5px;color:var(--muted);font-weight:800}.mk-c[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.mk-c[aria-pressed="true"] span{color:#fff}
.mk-x{border:0;background:none;color:var(--red);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.mk-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.mk-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;min-width:0}
.mk-top{display:flex;gap:14px;align-items:center}
.mk-lg2{flex:none;width:130px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px}
.mk-lg2 img{max-height:46px;object-fit:contain}
.mk-ini{font-weight:900;font-size:22px;color:var(--muted)}
.mk-card h3{font-size:18px}.mk-card h3 a{color:var(--ink)}
.mk-loc{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.mk-tag{font-size:14px;line-height:1.45}
.mk-cats{font-size:12.5px;color:var(--muted)}.mk-cats a{color:var(--ink)}
.mk-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;margin:0;font-size:12.5px}.mk-dl dt{color:var(--muted)}.mk-dl dd{margin:0}
.mk-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid var(--line);font-size:12px}
.mk-thin{margin-top:22px}.mk-thin h3{font-size:17px}.mk-thin>p{font-size:13.5px;margin:4px 0 10px}
.mk-none{display:flex;flex-direction:column;gap:4px;margin-top:14px;color:var(--ink);background:var(--soft);border-style:dashed}
.mk-tbl td,.mk-tbl th{font-size:13px;vertical-align:top}
.mk-mxs{display:flex;flex-direction:column;gap:10px}
.mk-mx summary{display:flex;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.mk-mx summary::-webkit-details-marker{display:none}.mk-mx summary b{font-size:16px}.mk-mx summary .op2-c{margin-left:auto}.mk-mx[open] .op2-c{transform:rotate(180deg)}
.mk-mxb{padding:0 16px 14px;display:flex;flex-direction:column}
.mk-mxr{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.mk-mxo{display:flex;flex-direction:column;gap:2px;font-size:13.5px}.mk-mxo a{font-size:12px}
.mk-mxm{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.mk-mxm a,.mk-mxn{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:12.5px;color:var(--ink);background:#fff}
.mk-mxm a:hover{border-color:var(--red)}.mk-mxm span span,.mk-mxm a span{font-weight:800;color:var(--muted);font-size:11.5px}.mk-mxn{background:var(--soft);color:var(--muted)}
.hctry-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.mk-ct{display:flex;flex-direction:column;gap:6px;padding:14px;color:var(--ink)}.mk-ct b{font-size:16px}.mk-ct span{font-size:12.5px}
.mk-trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:18px;align-items:center}.mk-trust ul{margin:0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:5px}
.mk-sup{background:var(--ink);color:#fff;border-radius:var(--r);padding:24px 26px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}.mk-sup h2{color:#fff;font-size:22px;margin:4px 0 6px}.mk-sup p{color:rgba(255,255,255,.75);max-width:640px;font-size:14px}
@media (max-width:900px){.mk-trust{grid-template-columns:minmax(0,1fr)}.mk-mxr{grid-template-columns:minmax(0,1fr);gap:6px}}
@media (max-width:560px){.mk-grid{grid-template-columns:minmax(0,1fr)}.mk-fr{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.mk-fr>b{min-width:auto;flex:none}.mk-c{flex:none}.mk-card .pr-st{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mk-card .pr-st b{font-size:15.5px;line-height:1.25}
/* pager + country page */
.ml-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px}
.ml-pager button{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}
.ml-pager button:hover:not([disabled]){border-color:var(--ink)}.ml-pager button[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}.ml-pager button[disabled]{opacity:.4;cursor:default}
.ml-pager span{align-self:center;color:var(--muted);padding:0 2px}
.cc-h{display:flex;gap:14px;align-items:center;margin-bottom:6px}.cc-h .flag{flex:none;border-radius:4px}
.cc-buy{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.cc-buy h3{font-size:16px;margin-bottom:8px}.cc-buy ul{margin:0;padding-left:18px;font-size:13.5px;display:flex;flex-direction:column;gap:6px;line-height:1.5}
#cc-cats .ml-g{padding-top:10px}
@media (max-width:560px){.ml-pager button{min-width:36px;height:36px;padding:0 9px}}
/* countries hub */
.ct-sw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;max-width:760px}
.ct-sw button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;color:var(--ink)}
.ct-sw button span{font-size:12px;color:var(--muted)}.ct-sw button[aria-pressed="true"]{border:2px solid var(--red);background:var(--red-bg)}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.ct-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;min-width:0}
.ct-top{display:flex;gap:14px;align-items:center}.ct-top .flag{border-radius:4px}.ct-top h2{font-size:20px;margin-bottom:3px}.ct-top h2 a{color:var(--ink)}
.ct-card .pr-st b{font-size:17px}
.ct-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--soft)}.ct-bar i{display:block;height:100%}
.ct-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.ct-leg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}
.ct-note{font-size:12.5px;line-height:1.5}
.ct-lg{display:flex;flex-wrap:wrap;gap:6px}.ct-lg a{display:flex;align-items:center;justify-content:center;width:84px;height:38px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px}.ct-lg img{max-width:100%;max-height:28px;object-fit:contain}
.ct-card .pr-a{margin-top:auto}
.ct-mx th .flag{display:block;margin:0 0 4px auto}.ct-mx th div{font-size:12px}.ct-mx td a{font-weight:800}.ct-tot td,.ct-tot th{border-top:2px solid var(--line)}
.ct-eu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ct-eu h3{font-size:16px;margin-bottom:8px;display:flex;gap:8px;align-items:center}.ct-eu ul{margin:0;padding-left:18px;font-size:13.5px;display:flex;flex-direction:column;gap:5px;line-height:1.5}
.ct-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
.ct-ex{background:var(--soft);border-radius:12px;padding:14px 16px}.ct-ex dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:8px 0 0;font-size:13.5px}.ct-ex dt{color:var(--muted)}.ct-ex dd{margin:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
@media (max-width:800px){.ct-sw,.ct-eu,.ct-how{grid-template-columns:minmax(0,1fr)}.ct-grid{grid-template-columns:minmax(0,1fr)}}
.ct-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ct-st div{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.ct-st div+div{border-left:1px solid var(--line)}
.ct-st b{font-size:22px;line-height:1.1}.ct-st span{font-size:12.5px;color:var(--muted)}
.ct-dd{grid-column:1/-1;position:relative;max-width:560px}
.ct-dd summary{display:flex;gap:12px;align-items:center;list-style:none;cursor:pointer;border:1.5px solid var(--ink);border-radius:12px;padding:10px 14px;background:#fff}
.ct-dd summary::-webkit-details-marker{display:none}.ct-dd summary>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.ct-dd summary small{font-size:12px;color:var(--muted)}
.ct-ddp{font-size:22px}.ct-dd[open] .op2-c{transform:rotate(180deg)}
.ct-ddl{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(23,33,40,.16);padding:6px;display:flex;flex-direction:column;max-height:420px;overflow:auto}
.ct-ddl a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 10px;border-radius:9px;color:var(--ink);font-size:14.5px}
.ct-ddl a:hover,.ct-ddl a:focus{background:var(--soft)}.ct-ddl .flag{border-radius:3px}.ct-ddl .muted{font-size:12.5px;white-space:nowrap}
@media (max-width:560px){.ct-ddl a{grid-template-columns:auto minmax(0,1fr) auto}.ct-ddl a .pill{display:none}}
.ct-f{margin:0 0 10px}.ct-sort{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}.ct-sort .muted{font-size:12.5px}.ct-cnt{font-size:14px;margin:4px 0 10px}@media (max-width:560px){.ct-sort{margin-left:0;flex-wrap:nowrap}}
.dest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px}.dest>span{font-size:13px;font-weight:800;margin-right:4px}
.dest button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.dest button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ct-bd{display:flex;flex-wrap:wrap;gap:4px}
.ct-tr{list-style:none;padding:0!important}.ct-tr li{display:flex;gap:10px;align-items:flex-start}.ct-tr li .flag{margin-top:3px}.ct-tr li>span{display:flex;flex-direction:column;gap:3px}.ct-tr small{color:var(--muted);font-size:12.5px;line-height:1.45}
.ct-tr li>span .pill{align-self:flex-start}
.dfy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;background:var(--ink);color:#fff;border-radius:var(--r2);padding:28px 30px}.dfy .kicker{color:#FF8A9C}.dfy h2{color:#fff;margin-top:6px;font-size:clamp(22px,2.4vw,28px)}.dfy-t>p{color:#C9D2CE;font-size:15px;margin-top:10px;max-width:620px}.dfy-in{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.dfy-in li{font-size:13.5px;font-weight:700;color:#E8EDEA;padding-left:22px;position:relative}.dfy-in li:before{content:'';position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:2px solid #7FD1C4;border-bottom:2px solid #7FD1C4;transform:rotate(-45deg)}.dfy-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.dfy .dfy-sec{background:transparent;color:#fff;border-color:#5C6A71}.dfy .dfy-sec:hover{background:#26333B;color:#fff}.dfy-s{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;align-self:center}.dfy-s li{display:flex;gap:14px;align-items:flex-start;background:#1F2B33;border:1px solid #33424B;border-radius:var(--r);padding:14px 16px}.dfy-s b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.dfy-s h3{color:#fff;font-size:15px}.dfy-s p{color:#B9C2BE;font-size:13px;margin-top:3px}.dfy-c{padding:24px 26px}.dfy:not(.dfy-c){margin-bottom:24px}.dfy-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.dfy-ch{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px}.dfy-ch legend{font-size:13px;font-weight:700;margin-bottom:6px}.dfy-ch label,.dfy-ok{display:flex!important;flex-direction:row!important;gap:8px;align-items:flex-start;font-weight:500!important}.dfy-ok input,.dfy-ch input{width:auto!important;margin-top:3px;accent-color:var(--red)}.dfy-side h2{font-size:17px;margin-bottom:10px}.dfy-side ol{margin:0 0 14px;padding-left:18px;font-size:13.5px;color:var(--ink2);display:flex;flex-direction:column;gap:6px}.dfy-side h3{font-size:14px;margin-bottom:4px}.dfy-side p{font-size:13px;color:var(--ink2)}@media (max-width:900px){.dfy,.dfy-page{grid-template-columns:minmax(0,1fr)}.dfy-in{grid-template-columns:minmax(0,1fr)}}
/* machine page additions */
.m-two{display:grid;grid-template-columns:380px minmax(0,1fr);gap:16px;margin-top:20px;align-items:start}.m-two.one{grid-template-columns:minmax(0,1fr)}.m-ug{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.m-ug+.m-ug{margin-top:10px}.m-ugt{display:block;font-size:15px;font-weight:800;margin-bottom:6px}.m-use .m-ug ul{gap:6px}.m-use .m-ug li a{font-size:13.5px;color:var(--ink2)}.m-mkh{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.m-mkh h2{margin-bottom:4px!important}.m-mkh p{font-size:13.5px;color:var(--ink2);max-width:560px}.m-mkf{display:flex;gap:6px;flex-wrap:wrap}.m-mkf input{position:absolute;opacity:0;width:1px;height:1px}.m-mkf label{font-size:12px;font-weight:700;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;cursor:pointer}.m-mkf input:checked+label{background:var(--ink);border-color:var(--ink);color:#fff}.m-mkf input:focus-visible+label{outline:3px solid #F28A9B;outline-offset:2px}.m-mkf{margin-bottom:14px}.m-also{border:1px dashed #CDD3D0;border-radius:var(--r);padding:12px 14px;margin-top:10px;display:flex;flex-direction:column;gap:8px}.m-also b{font-size:13.5px}.m-also>div{display:flex;flex-wrap:wrap;gap:6px}.m-st{font-size:12px;font-weight:700;background:var(--soft);border-radius:6px;padding:4px 8px;color:var(--ink)}a.m-st{background:var(--teal-bg);color:var(--teal)}.m-also small{font-size:12px;color:var(--muted)}.m-mkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.m-part{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;color:var(--ink)}a.m-part:hover{border-color:var(--red-bd)}a.m-part:hover b{color:var(--red)}.m-pi{position:relative;aspect-ratio:4/3;background:var(--line2);display:flex;align-items:center;justify-content:center}.m-pi svg{width:62%;height:auto}.m-pi .tag{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;background:#fff;border-radius:5px;padding:3px 7px}.m-pb{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.m-pb b{font-size:14px;line-height:1.25}.m-pb small{font-size:12px;color:var(--muted)}.m-pb em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--teal)}.m-delw{margin-top:16px}.m-delh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:12px}.m-delh h2{margin:0!important}.m-del .m-delh .dest{margin:0}.m-dg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.m-dg>div{background:var(--soft);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.m-dk{font-size:12px;font-weight:800;color:var(--muted)}.m-dv{display:flex;flex-direction:column;gap:3px;align-items:flex-start;font-size:14px;font-weight:700}.m-dv small{font-weight:500;color:var(--ink2);font-size:12px;line-height:1.45}@media (max-width:1100px){.m-two{grid-template-columns:minmax(0,1fr)}.m-dg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.m-dg{grid-template-columns:minmax(0,1fr)}}
.m-two h2{font-size:19px;margin-bottom:10px}
.pg-h3{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pg-h3 h3{margin:16px 0 6px}.pg-h3 h2{margin-bottom:6px}.srcd{font-size:12px;position:relative}.srcd summary{cursor:pointer;list-style:none;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 9px;background:#fff}.srcd summary::-webkit-details-marker{display:none}.srcd[open] summary{color:var(--teal);border-color:var(--teal-bd)}.srcd summary{display:inline-block}.srcd ul{position:absolute;right:0;top:calc(100% + 4px);z-index:20;width:min(480px,82vw);margin:0;padding:10px 12px 10px 26px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(16,24,32,.14)}.pg-other .srcd ul,.pg-prep .srcd ul{right:auto;left:0}.srcd li{margin:3px 0;line-height:1.45}.srcd a{color:var(--teal)}.sw{display:inline-block;font-size:11px;font-weight:700;color:var(--muted);margin-left:4px}.pg-tr .sw{margin:0}.mxn{font-weight:700;color:#6B5B2E}.pg-sup h3.ok{color:var(--teal)}.pg-sup h3.tbc{color:#8A5A00}.pg-other{margin-top:16px}.pg-other>summary{cursor:pointer;font-size:15px}.pg-other h3{font-size:13.5px;margin:14px 0 4px}.pg-apps-h{margin-top:24px}.pg-apps-h h2{margin:0}.pg-apps-h p{font-size:13.5px;color:var(--ink2);margin:4px 0 0}.pg-apps-h+.m-two{margin-top:10px}.m-dest{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12.5px;color:var(--ink2)}.m-dck{display:flex;gap:6px;align-items:center;cursor:pointer}.m-dscn{color:var(--ink)!important;font-weight:700}
.pg-desc{margin-top:20px}.pg-desc h2{margin-bottom:6px}.pg-desc h3{font-size:15.5px;margin:16px 0 6px}.pg-desc p{font-size:14.5px;line-height:1.65;color:var(--ink);margin:0 0 8px;max-width:820px}.pg-desc ul{margin:0 0 8px;padding-left:20px;max-width:820px}.pg-desc li{font-size:14.5px;line-height:1.6;margin:3px 0}sup.sb{display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:4px;background:#EAF2F8;color:#2F5F86;font-size:9.5px;font-weight:800;vertical-align:super;margin-left:2px;line-height:1}.sb-or{font-size:10px;color:var(--muted);margin:0 1px}.pg-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.pg-two .card{margin:0}.pg-tag{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--teal-bg);color:var(--teal);border-radius:6px;padding:3px 8px;margin-bottom:6px}.pg-tag.gray{background:#F1F2F2;color:var(--ink2)}.pg-off h2,.pg-sup h2,.pg-var h2,#spec h2{font-size:19px;margin-bottom:8px}.pg-sup h3,.pg-var h3{font-size:13.5px;margin:12px 0 4px}.pg-ul{margin:0;padding-left:18px}.pg-ul li{font-size:13.5px;line-height:1.5;margin:3px 0}.pg-tt{display:flex;flex-direction:column}.pg-tr{display:grid;grid-template-columns:170px minmax(0,1fr);gap:2px 12px;padding:8px 0;border-top:1px solid var(--line2);font-size:13.5px}.pg-tr span{color:var(--ink2)}.pg-tr>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.pg-tr em{font-style:normal;font-size:11.5px;font-weight:800;color:#8A5A00;background:#FFF3DD;border-radius:99px;padding:2px 8px;justify-self:start}.pg-tr small{display:block;font-size:12px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}.pg-tr>*{min-width:0}.pg-two>*{min-width:0}.pg-var .tbl-wrap{overflow-x:auto}.pg-tr.pgchk{background:#FFFBF2}.pg-cap th,.pg-cap td,.pg-vt th,.pg-vt td{font-size:13px;text-transform:none;letter-spacing:0}.pg-vt tbody th{font-weight:700;color:var(--ink2)}.pg-cap tr.me{background:#fff7f8}.pg-prep{margin-top:16px}.pg-prep>summary{cursor:pointer;font-size:15px}.pg-prep ul{margin-top:10px}.pg-q{margin-top:16px}.pg-src{margin-top:16px;font-size:12.5px;color:var(--ink2)}.pg-src h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 4px}.pg-src ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.pg-src a{color:var(--teal)}@media (max-width:900px){.pg-two{grid-template-columns:minmax(0,1fr)}.pg-tr{grid-template-columns:minmax(0,1fr)}}
.ix-lead{font-size:13.5px;color:var(--ink2);margin:4px 0 12px}.ix-sum{display:flex;flex-direction:column;border-top:1px solid var(--line2)}.ix-s{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) auto;gap:6px 12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13.5px}.ix-s>span{color:var(--muted);font-weight:700;font-size:12.5px}.ix-s>b{font-weight:600}.ix-st{display:inline-block;font-size:11px;font-weight:800;border-radius:99px;padding:3px 8px;white-space:nowrap;background:#EEF1EF;color:var(--ink2)}.ix-st.co{background:#EAF2F8;color:#2F5F86}.ix-st.mx{background:var(--teal-bg);color:var(--teal)}.ix-st.inf{background:#FFF3DD;color:#8A5A00}.ix-st.na{background:#F1F2F2;color:#6B757B}.ix-det{margin-top:10px}.ix-det summary{cursor:pointer;font-weight:800;font-size:13.5px;color:var(--teal);padding:6px 0}.ix-g{margin-top:12px}.ix-g h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 4px}.ix-r{padding:8px 0;border-top:1px solid var(--line2)}.ix-l{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ix-l b{font-size:13.5px}.ix-r p{margin:4px 0 0;font-size:13.5px}.ix-r small{display:block;margin-top:3px;font-size:12px;color:var(--muted);line-height:1.45}.ix-src{margin:4px 0 0;padding-left:18px;font-size:12.5px}.ix-src a{color:var(--teal)}.ix-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media (max-width:640px){.ix-s{grid-template-columns:minmax(0,1fr) auto}.ix-s>span{grid-column:1/-1}}
.cons{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;display:flex;justify-content:center;pointer-events:none}.cons-in{pointer-events:auto;max-width:760px;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(16,24,32,.22);padding:18px 20px}.cons-in h2{font-size:17px;margin:0 0 6px}.cons-in p{font-size:13.5px;color:var(--ink2);line-height:1.55;margin:0}.cons-in p a{color:var(--teal);font-weight:700}.cons-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cons-set{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-size:13.5px}.cons-set label{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.cons-set small{color:var(--muted)}.vid-ask{aspect-ratio:16/9;background:var(--soft);border-radius:var(--r);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:24px}.vid-ask p{font-size:13.5px;color:var(--ink2);max-width:520px;margin:0}.prose p{margin:0 0 10px}.prose h2{margin-top:22px}.pg-date{font-size:13px;color:var(--muted);font-weight:700;margin:0 0 8px}.prose ul{margin:6px 0 12px;padding-left:20px}.prose li{margin:4px 0}.pr-sub{margin:14px 0 4px}.mt-note{margin:14px 0 0;font-size:12.5px}.mt-note a{color:var(--teal);font-weight:700}@media (max-width:560px){.cons{left:8px;right:8px;bottom:8px}.cons-b .btn{flex:1 1 100%}}
.m-dmiss{font-style:normal;font-size:13px;font-weight:700;color:#A86A00}small.inf{font-size:.85em;color:var(--muted);font-weight:600}.ms-lv3{margin-top:12px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink2)}.ms-lv3 b{font-size:12.5px;color:var(--ink)}.ms-lv3 i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--line2);font-style:normal;font-weight:800;font-size:11px;margin-right:6px}
.m-delh>div:first-child p{font-size:13.5px;color:var(--ink2);margin-top:4px}.m-dpk{display:flex;align-items:center;gap:8px;min-width:280px}.m-dpk>span{font-size:13px;font-weight:800;white-space:nowrap}.m-dpk .cpk{width:240px}.m-drs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.m-dr{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:var(--r);padding:12px 14px}.m-dr>div{display:flex;flex-direction:column;gap:3px;min-width:0}.m-dr b{font-size:14px;line-height:1.3}.m-dr small{font-size:12px;color:var(--ink2);line-height:1.45}.m-dr small.m-dpw{color:var(--muted);font-weight:600}.m-di{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff;background:#8A949A}.m-dr.ok .m-di{background:#2E8B57}.m-dr.warn .m-di{background:#D98A00}.m-dr.warn{background:#FFF7E8}.m-dsum{display:flex;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;background:#fff}.m-dsum>div{display:flex;flex-direction:column;gap:3px}.m-dsum b{font-size:20px}.m-dsum small{font-size:12px;color:var(--ink2);line-height:1.45}.m-dsum a{font-size:12.5px;font-weight:700;color:var(--teal);margin-top:2px}.m-dcta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px}.m-dcta small{font-size:12.5px;color:var(--muted)}@media (max-width:1100px){.m-drs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.m-drs{grid-template-columns:minmax(0,1fr)}.m-dpk{min-width:0;width:100%;flex-wrap:wrap}.m-dpk .cpk{width:100%}.m-dcta .btn{width:100%}}
.m-use ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.m-use li a{display:block;color:var(--ink);font-size:14px}.m-use li a:hover b{color:var(--red)}.m-use li small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.m-del dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;margin:4px 0 0;font-size:13.5px}.m-del dt{color:var(--muted)}.m-del dd{margin:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.m-del dd small{color:var(--muted);font-size:12px;line-height:1.45}.m-del .dest{margin-bottom:10px}
.m-cmpt th,.m-cmpt td{font-size:13px;vertical-align:top;min-width:150px}.m-cmpt thead th a{display:flex;flex-direction:column;gap:6px;color:var(--ink);font-weight:800}.m-cmpt thead img{width:100%;height:80px;object-fit:contain;background:#fff;border-radius:8px}
.m-cmpt .me{background:#fff7f8}.m-cmpt em{display:inline-block;margin-top:4px;font-style:normal;font-size:11px;font-weight:800;color:var(--red);text-transform:uppercase}.m-cmpt td small{display:block;color:var(--muted);font-size:11.5px}.m-cmpt tr.df th{color:var(--red)}
.m-unk{margin-top:14px;background:var(--soft);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.m-unkh{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.m-unk ul{margin:0;padding-left:18px;font-size:13.5px;columns:2;column-gap:20px}.m-unk .btn{align-self:flex-start}
.m-dq{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center}.m-dq i{display:inline-block;width:80px;height:6px;border-radius:99px;background:#dde2df;overflow:hidden}.m-dq s{display:block;height:100%;background:var(--teal)}
.m-stick{position:fixed;left:0;right:0;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(23,33,40,.08);transform:translateY(-110%);transition:transform .2s}
.m-stick.on{transform:none}.m-stick .wrap{display:flex;gap:12px;align-items:center;padding-top:8px;padding-bottom:8px}.m-stick img{width:54px;height:40px;object-fit:contain;background:#fff;border-radius:6px;flex:none}
.m-sn{display:flex;flex-direction:column;min-width:0;flex:1}.m-sn b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-sn small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-sj{display:flex;gap:4px;flex:none}.m-sj button{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;padding:6px 8px;border-radius:8px}.m-sj button:hover{background:var(--soft)}
.m-stick .btn{flex:none}
@media (max-width:900px){.m-two{grid-template-columns:minmax(0,1fr)}.m-sj{display:none}.m-stick{top:auto;bottom:0;border-top:1px solid var(--line);border-bottom:0;transform:translateY(110%)}.m-stick img{display:none}.m-unk ul{columns:1}}
.m-cmpt thead th{text-transform:none;letter-spacing:0}.m-cmpt tbody th{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:700}.m-cmpt tr.df th{color:var(--ink)}.m-cmpt tr.df th::before{content:"";display:inline-block;width:6px;height:6px;border-radius:99px;background:var(--red);margin-right:6px;vertical-align:middle}
.sv{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.sv-o{color:var(--muted);font-weight:500;font-size:12px}.sv-me{background:#fff1c2;border-radius:4px;padding:0 5px}
/* main menu with drop-down panels (v23) */
.nd{position:relative;display:flex;align-items:center;gap:2px}
.nd-t{background:none;border:0;padding:6px 4px 8px;cursor:pointer;color:inherit;display:inline-flex;align-items:center;border-radius:6px}
.nd-t:hover,.nd-t:focus-visible{background:var(--bg2,#f2f3f4)}
.nd-p{display:none;position:absolute;top:100%;left:-12px;z-index:80;background:#fff;border:1px solid var(--line,#e3e6e8);border-radius:14px;box-shadow:0 18px 40px rgba(16,24,32,.16);padding:18px;font-weight:400;font-size:14px;white-space:normal}
.nd:hover>.nd-p,.nd:focus-within>.nd-p,.nd.open>.nd-p{display:block}
.nd-p a{border:0!important;padding:0!important;white-space:normal}
.nd-prod{display:grid;grid-template-columns:repeat(3,250px);gap:12px}
.nd-pr{display:flex!important;gap:10px;align-items:center;padding:8px!important;border-radius:10px}
.nd-pr:hover{background:#f6f7f8}
.nd-pr img{width:72px;height:54px;object-fit:cover;border-radius:8px;flex:none}
.nd-pr b{display:block;font-size:14.5px;color:var(--ink,#111)}
.nd-pr small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35;margin-top:2px}
.nd-soon{margin-top:12px;padding-top:10px;border-top:1px solid var(--line,#e3e6e8);color:var(--muted);font-size:13px}
.nd-soon span{font-weight:700;color:var(--ink,#111)}
.nd-soon a{color:var(--muted)}
.nd-cols{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:22px;width:min(900px,90vw)}
.nd-col a{display:flex!important;justify-content:space-between;gap:10px;padding:5px 0!important;font-size:14px;color:var(--ink,#111)}
.nd-col a:hover{color:var(--red)}
.nd-col small{color:var(--muted);font-weight:700}
.nd-g{font-weight:800!important;font-size:15px!important;margin-bottom:4px;color:var(--red)!important}
.nd-foot{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e3e6e8);font-size:13.5px}
.nd-foot a{color:var(--ink,#111);font-weight:600}
.nd-foot a:hover{color:var(--red)}
@media (min-width:900px){.hdr .nav{overflow:visible}}
@media (max-width:899px){.nd-t,.nd-p{display:none!important}}
/* how it works */
.hw-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;counter-reset:hw}
.hw-steps li{position:relative;display:flex;flex-direction:column;gap:8px}
.hw-steps h2{font-size:18px}
.hw-steps p{color:var(--muted);flex:1}
.hw-steps .btn{align-self:flex-start}
.hw-n{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800}
.hw-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.hw-facts h3{font-size:16.5px;margin-bottom:6px}
.hw-facts p{color:var(--muted)}
.nd-p{max-height:calc(100vh - 190px);overflow:auto}
.nd-top{margin:0 0 14px;padding:0 0 12px;border-top:0;border-bottom:1px solid var(--line,#e3e6e8)}
/* productions hub: compact cards (many productions expected) */
.pr-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pr-tile{display:flex;flex-direction:column;overflow:hidden;padding:0;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.pr-tile:hover{border-color:var(--red);box-shadow:0 8px 22px rgba(16,24,32,.08)}
.pr-ti{display:block;aspect-ratio:16/9;background:#e9ecea;overflow:hidden}
.pr-ti img{width:100%;height:100%;object-fit:cover;display:block}
.pr-tb{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.pr-tb b{font-size:16px;line-height:1.25}
.pr-tb small{color:var(--muted);font-size:13px;line-height:1.35}
.pr-tm{margin-top:4px;font-size:12.5px;font-weight:700;color:var(--red)}
/* productions hub: the same cards, lower (v23) */
.pr-cards{gap:12px}
.pr-card{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
.pr-img{min-height:0}
.pr-b{padding:14px 18px;gap:7px}
.pr-b h2{font-size:19px}
.pr-b>.muted{font-size:13.5px;margin-top:-4px}
.pr-st{display:flex;flex-wrap:wrap;gap:4px 22px;border:0;padding:0}
.pr-st>div{display:flex;align-items:baseline;gap:5px}
.pr-st b{display:inline;font-size:16px}.pr-st span{font-size:12.5px}.pr-st i{margin:0 0 0 2px;align-self:center}
.pr-vt{display:none}
.pr-v{gap:5px}
.pr-v a{flex-direction:row;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px}
.pr-v small{font-size:11.5px}
.pr-x .pill{font-size:12px}
.pr-a{padding-top:2px}
.pr-a .btn{padding:7px 14px;font-size:13.5px}
@media (max-width:700px){.pr-card{grid-template-columns:1fr}.pr-img{min-height:150px}}
/* ---- auth: sign-in, registration, password, /admin ---- */
.auth-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;max-width:980px;padding-top:26px;padding-bottom:40px}
@media(max-width:820px){.auth-wrap{grid-template-columns:1fr}}
.auth-f{display:flex;flex-direction:column;gap:12px}
.auth-f h1{margin:0}
.auth-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.auth-2{grid-template-columns:1fr}}
.auth-kind{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.auth-kind{grid-template-columns:1fr}}
.auth-kind label{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;font-size:13px;line-height:1.35}
.auth-kind label b{display:block;font-size:14px;color:var(--ink)}
.auth-kind label span{color:var(--muted)}
.auth-kind input{margin-top:3px;accent-color:var(--red)}
.auth-kind label:has(input:checked){border-color:var(--red);background:var(--red-bg)}
.chk{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;font-weight:600;cursor:pointer}
.chk input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--red)}
.pw-w{position:relative;display:block}
.pw-w .inp{width:100%;padding-right:84px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--ink2);font-weight:700;font-size:12.5px;padding:6px 8px;border-radius:7px;cursor:pointer}
.pw-eye:hover{background:var(--soft);color:var(--ink)}
.auth-forgot{align-self:flex-end;font-size:13px;font-weight:700;margin-top:-4px}
.auth-why h2{font-size:17px;margin:0 0 10px}
.auth-why ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.auth-why li{font-size:13px;color:var(--muted);line-height:1.45;padding-left:22px;position:relative}
.auth-why li:before{content:"";position:absolute;left:2px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--red)}
.auth-why li b{display:block;color:var(--ink);font-size:14px}
.vbar{background:var(--warn-bg);border-bottom:1px solid var(--line);font-size:13.5px;padding:9px 0}
.vbar .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.vbar button{white-space:nowrap}
.adm-gate{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:#14171c}
.adm-box{width:100%;max-width:430px}
.adm-box .logo{color:#fff;justify-content:center;margin-bottom:18px}
.adm-box .logo em{font-style:normal;font-size:13px;font-weight:800;background:var(--red);color:#fff;border-radius:6px;padding:3px 7px;letter-spacing:0}
.adm-box .card{box-shadow:0 20px 50px rgba(0,0,0,.35)}
.adm-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:13px}
.adm-foot a{color:#c9ced6}.adm-foot a:hover{color:#fff}
.tfa-in{font-size:24px;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;max-width:220px}
.tfa-steps{padding-left:20px;display:flex;flex-direction:column;gap:12px;font-size:13.5px;margin:6px 0 0}
.tfa-key{display:block;margin:8px 0 4px;font-size:16px;font-weight:700;letter-spacing:.06em;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:9px 11px;word-break:break-all}
.auth-f .field>.muted{margin-top:-5px;font-weight:500;font-size:12px}
.auth-f .btn-sm{align-self:flex-start}
.auth-kind label{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px}
.auth-kind label>input{grid-row:1/3}
/* ---- searchable country / language picker ---- */
.cpk{position:relative;width:100%}
.cpk .cpk-q{width:100%}
.cpk-l{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(16,24,32,.16);max-height:300px;overflow-y:auto;padding:4px}
.cpk-o{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink)}
.cpk-o.on,.cpk-o:hover{background:var(--soft)}
.cpk-sep{height:1px;background:var(--line2);margin:4px 6px}
.cpk-none{padding:10px;color:var(--muted);font-size:13px;font-weight:500}
.cpk-cc{display:inline-grid;place-items:center;min-width:26px;height:18px;padding:0 4px;border-radius:4px;background:var(--line2);color:var(--ink2);font-size:10.5px;font-weight:800;letter-spacing:.03em;flex:none}
.cpk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.cpk-chip{display:inline-flex;align-items:center;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 9px;font-size:13px;font-weight:600}
.cpk-chip button{border:0;background:none;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:15px;line-height:1;color:var(--ink2)}
.cpk-chip button:hover{background:var(--line);color:var(--ink)}
.cpk-chip button:disabled{display:none}
/* ---- list limits: 4-card rows for similar machines and production steps; phones show 12 cards, then "show 12 more" ---- */
.grid.sim4,.grid.op2-g{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.grid.sim4,.grid.op2-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.op2-allm{display:inline-block;margin-top:10px;font-weight:800}
.more12{display:none}
@media(max-width:640px){.grid.lim12>*:nth-child(n+13){display:none}.more12{display:flex;margin:14px auto 0}}
.mk-catg{margin-top:18px}
.mk-catg-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.mk-catg-h h3{font-size:17px}
.mk-catg-h button.more{background:none;border:0;cursor:pointer;font-weight:800;color:var(--red);font-size:14px}
.tpg{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin-top:10px;font-size:13px}
.tpg-n,.tpg-p{display:flex;align-items:center;gap:6px;font-weight:700}
.tpg button{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:34px;height:30px;padding:0 8px;font-weight:700;cursor:pointer}
.tpg button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.tpg button:disabled{opacity:.4;cursor:default}
/* ---- inquiry form ---- */
.iq-steps{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 14px;flex-wrap:wrap}
.iq-steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px}
.iq-steps li b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--line2);color:var(--ink2);font-size:12.5px}
.iq-steps li.on{color:var(--ink);border-color:var(--ink)}.iq-steps li.on b{background:var(--red);color:#fff}
.iq-steps li.done b{background:var(--teal);color:#fff}
.iq-form{display:flex;flex-direction:column;gap:6px}
.iq-form section{display:flex;flex-direction:column;gap:12px;padding:6px 0 18px;border-bottom:1px solid var(--line2)}
.iq-form section:last-of-type{border-bottom:0}
.iq-form h2{font-size:17px;margin:8px 0 0}
.iq-form .field>span:first-child{font-size:13px;font-weight:700}
.iq-qg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:640px){.iq-qg{grid-template-columns:1fr}}
.iq-qg .iq-full{grid-column:1/-1}
.iq-qs{background:var(--soft);border-radius:12px;padding:12px 14px}
.iq-qh{display:block;font-size:13px;margin-bottom:8px}
.iq-chips{display:flex;flex-wrap:wrap;gap:6px}
.iq-chips button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-weight:700;font-size:13px;cursor:pointer;color:var(--ink2)}
.iq-chips button[aria-pressed="true"]{border-color:var(--red);background:var(--red-bg);color:var(--ink)}
.iq-chips button[aria-pressed="true"]:before{content:"✓ ";color:var(--red)}
.iq-bud{display:flex;align-items:center;gap:8px}.iq-bud .inp{min-width:0;flex:1}
.iq-facts{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:var(--muted);margin-top:4px}
.iq-facts .ok{color:var(--teal2);font-weight:700}
.iq-lang{font-size:13px;color:var(--ink2);background:var(--soft);border-radius:10px;padding:9px 12px;margin:0}
.iq-lang:before{content:"🌐 "}
.iq-add{align-self:flex-start}
.iq-go{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding-top:6px}
.iq-dl{grid-template-columns:1fr!important;font-size:13px}
.iq-orig{margin-top:10px;font-size:13px}.iq-orig summary{cursor:pointer;font-weight:700;color:var(--ink2)}
.iq-orig p{margin-top:6px}

.logo-svg{display:block;height:34px;width:auto}
.hdr .logo{flex:none}
.ftr .logo .logo-svg{height:36px}
.ftr-intro{display:grid;gap:10px;max-width:640px;margin-bottom:26px}
.ftr-intro p{margin:0;color:#B9C2BE;line-height:1.55}
.ftr .cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.ftr .base{align-items:center}
.ftr .base .legal{display:flex;flex-wrap:wrap;gap:4px 16px}
.ftr .base .legal a{display:inline;padding:0}
.ftr .base .mail{user-select:all}
.ftr .base .priv{flex-basis:100%;color:#8E9A95}
.btn-add{background:var(--red);color:#fff!important;border-radius:8px;padding:9px 14px!important;margin-left:6px}
.btn-add:hover{filter:brightness(.94)}
.top .sup-l{display:flex;gap:14px;align-items:center;margin-right:6px;padding-right:12px;border-right:1px solid rgba(255,255,255,.18);font-weight:700}
.nd-res{display:grid;gap:6px;width:300px}
.nd-res a{display:block;padding:8px 10px!important;border-radius:10px}
.nd-res a:hover{background:#f6f7f8}
.nd-res b{display:block;font-size:14.5px;color:var(--ink,#111)}
.nd-res small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.addco{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.addco-c{display:flex;flex-direction:column;gap:10px}
.addco-c h2{font-size:19px;margin:0}
.addco-c p{margin:0;color:var(--ink2)}
.addco-c ul{margin:0;padding-left:18px;color:var(--ink2);font-size:14px;display:grid;gap:4px}
.addco-c .btn{margin-top:auto;align-self:flex-start}
@media (max-width:899px){.top .sup-l{display:none}.ftr .cols{grid-template-columns:1fr 1fr}.addco{grid-template-columns:1fr}.logo-svg{height:28px}}
@media (max-width:520px){.ftr .cols{grid-template-columns:1fr}.btn-add{padding:8px 10px!important}}

/* ---------- productions hub (v25): sectors, unified cards, 8 per page ---------- */
.hub{padding-bottom:56px}
.hub-hero{padding:28px;display:flex;flex-direction:column;gap:20px;margin-top:4px}
.hub-ht{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:flex-start}
.hub-ht>div:first-child{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:8px}
.hub-hero h1{margin:0;font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.hub-hero p{margin:0;color:var(--ink2);max-width:660px}
.hub-hero .stats{gap:16px 32px;margin:0}
.hub-hero .stats>div{display:flex;flex-direction:column}
.hub-hero .stats b{font-size:30px;line-height:1.1;color:var(--ink)}
.hub-hero .stats span{font-size:13px;line-height:1.35;color:var(--muted);max-width:130px}
.hub-hero .hero-s{max-width:none;border-color:var(--line)}
.hub-hero .hero-s:focus-within{border-color:var(--ink)}
.hub-bar{position:sticky;top:8px;z-index:20;margin-top:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;box-shadow:0 6px 18px rgba(23,33,40,.06)}
.hub-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.hub-chip{display:flex;align-items:center;gap:8px;background:var(--soft);color:var(--ink);border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap}
.hub-chip:hover{background:#E6EAE8}
.hub-chip i{font-style:normal;background:#fff;color:var(--ink2);border-radius:99px;padding:0 8px;font-size:12px}
.hub-chip[aria-pressed="true"]{background:var(--ink);color:#fff}
.hub-chip[aria-pressed="true"] i{background:rgba(255,255,255,.18);color:#fff}
.hub-ready{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:6px 8px;cursor:pointer;white-space:nowrap}
.hub-ready input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.hub-info{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin-top:14px;font-size:14px;color:var(--ink2)}
.hub-info b{color:var(--ink)}
.hub-info:focus{outline:none}
.hub-af{font-weight:700;color:var(--ink)}
.hub-clear{border:0;background:none;padding:4px 2px;font-size:14px;font-weight:800;color:var(--red);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hub-sec{padding-top:40px;display:flex;flex-direction:column;gap:16px;scroll-margin-top:90px}
.hub-sh{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center}
.hub-sht{display:flex;gap:14px;align-items:center;flex:none}
.hub-ic{flex:none;width:48px;height:48px;border-radius:12px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.hub-sh .kicker{display:block}
.hub-sh h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.hub-sh>p{margin:0;flex:1 1 380px;min-width:0;color:var(--ink2)}
.hub-sp{flex:none;font-size:13px;font-weight:800;color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:5px 12px}
.hub-sub{margin:8px 0 0;font-size:15px;font-weight:800;color:var(--ink2)}
.hub-card{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);overflow:hidden;scroll-margin-top:90px}
.hub-ph{position:relative;min-height:300px;background:var(--line2)}
.hub-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hub-st{position:absolute;top:12px;left:12px;background:#fff;color:var(--ink2);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800;box-shadow:0 1px 3px rgba(23,33,40,.14)}
.hub-st.ok{color:var(--teal)}
.hub-il{position:absolute;right:10px;bottom:10px;background:rgba(23,33,40,.72);color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}
.hub-b{padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 28px;align-items:start}
.hub-mid{display:flex;flex-direction:column;gap:12px;min-width:0;align-self:stretch}
.hub-hd h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.hub-hd p{margin:6px 0 0;color:var(--ink2)}
.hub-vs{display:flex;flex-direction:column;gap:8px}
.hub-vl{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.hub-vs>div{display:flex;flex-wrap:wrap;gap:8px}
.hub-v{background:#fff;color:var(--ink);border:1px solid #C3CAC6;border-radius:99px;padding:7px 13px;font-size:13.5px;font-weight:700;line-height:1.25;cursor:pointer;text-align:left}
.hub-v:hover{border-color:var(--ink)}
.hub-v[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.hub-num{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--ink2)}
.hub-num b{color:var(--ink);font-size:16px}
.hub-x{display:flex;flex-wrap:wrap;gap:6px}
.hub-x .pill{font-size:12px}
.hub-seek{margin:0;font-size:13px;color:var(--muted)}
.hub-seek b{color:var(--ink2)}
.hub-more{margin-top:auto;align-self:flex-start;padding:6px 0;font-size:14px;font-weight:800}
.hub-steps{background:var(--soft);border-radius:12px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.hub-stt{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.hub-stt h4{margin:0;font-size:15px;font-weight:800;line-height:1.35}
.hub-stt p{margin:2px 0 0;font-size:13px;color:var(--ink2)}
.hub-tg{display:none}
.hub-sb{display:flex;flex-direction:column;gap:12px}
.hub-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.4}
.hub-ol li{display:flex;gap:10px;align-items:flex-start}
.hub-n{flex:none;width:22px;height:22px;border-radius:99px;background:var(--ink);color:#fff;border:1.5px solid var(--ink);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hub-ol li.o .hub-n{background:#fff;color:var(--ink);border:1.5px dashed #6B767C}
.hub-ol li>span:last-child{min-width:0;padding-top:1px}
.hub-nt{color:var(--muted)}
.hub-ok{display:inline-block;color:var(--teal);margin-left:6px;vertical-align:-1px}
.hub-note{margin:0;padding-top:10px;border-top:1px solid #DDE2DF;display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--ink2)}
.hub-note svg{flex:none;margin-top:1px}
.hub-pr{padding-top:10px;border-top:1px solid #DDE2DF;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink2)}
.hub-pr b{color:var(--ink)}
.hub-bar2{height:6px;background:#DDE2DF;border-radius:99px;overflow:hidden}
.hub-bar2 i{display:block;height:100%;background:var(--teal);border-radius:99px}
.hub-lg{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}
.hub-lg .hub-ok{margin:0}
.hub-go{width:100%}
.hub-hid,.hub-empty{margin-top:24px;background:var(--surface);border:1.5px dashed #C3CAC6;border-radius:16px;padding:18px 24px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.hub-hid p,.hub-empty p{margin:0;flex:1 1 320px;min-width:0;color:var(--ink2)}
.hub-empty>div{display:flex;flex-wrap:wrap;gap:10px}
.hub-pager{margin-top:32px}
.hub-pn{margin:10px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.hub-pn b{color:var(--ink2)}
.hub-grow{padding-top:40px}
.hub-gc{padding:18px 22px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.hub-gt{flex:1 1 280px;min-width:0}
.hub-gt h2{margin:0}
.hub-gt p{margin:4px 0 0;font-size:14px;color:var(--ink2)}
.hub-gl{list-style:none;margin:0;padding:0;flex:2 1 460px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.hub-gl a{display:flex;flex-direction:column;gap:2px;height:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px}
.hub-gl a:hover{border-color:var(--ink);color:inherit}
.hub-gl small{font-size:12.5px;font-weight:700;color:var(--muted)}
.hub-how{padding-top:36px}
.hub-how h2{margin:0 0 12px}
.hub-hw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}
.hub-hw li{display:flex;gap:12px;align-items:flex-start}
.hub-hw li>span{flex:none;width:28px;height:28px;border-radius:99px;background:var(--ink);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hub-hw b{display:block;font-size:14.5px}
.hub-hw p{margin:2px 0 0;font-size:13.5px;color:var(--ink2)}
.hub-fin{padding-top:32px;scroll-margin-top:16px}
.hub-pf{padding:24px 28px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.hub-pft{flex:1 1 420px;min-width:0}
.hub-pft h2{margin:0;font-size:20px;font-weight:800}
.hub-pft p{margin:4px 0 0;color:var(--ink2)}
.hub-pf .msg{flex:1 1 100%}
.hub-pf.open{display:block}
.hub-pf.open .hub-form{margin-top:18px}
.hub-fa{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.hub-fa .note{margin:0}
.hub-fa .note a{text-decoration:underline;text-underline-offset:2px}
@media (max-width:1180px){.hub-card{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}}
@media (max-width:1023px){
  .hub-bar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .hub-bar::-webkit-scrollbar{display:none}
  .hub-chips{flex:none;flex-wrap:nowrap}
  .hub-chip{flex:none}
  .hub-ready{flex:none}
  .hub-card{grid-template-columns:minmax(0,1fr)}
  .hub-ph{min-height:0;height:220px}
  .hub-hw{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .hub-hero{padding:18px 16px;gap:14px}
  .hub-hero h1{font-size:28px}
  .hub-hero p{font-size:14.5px}
  .hub-hero .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
  .hub-hero .stats b{font-size:24px}
  .hub-bar{top:0;margin:12px -24px 0;padding:8px 24px;border:0;border-radius:0;box-shadow:none;background:rgba(247,248,247,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;scrollbar-width:none}
  .hub-bar::-webkit-scrollbar{display:none}
  .hub-chips{flex:none;flex-wrap:nowrap;gap:8px}
  .hub-chip{flex:none;gap:6px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 14px}
  .hub-chip svg{display:none}
  .hub-chip i{background:none;padding:0;color:var(--muted)}
  .hub-chip[aria-pressed="true"]{border-color:var(--ink)}
  .hub-chip[aria-pressed="true"] i{background:none;color:#D5DBD8}
  .hub-ready{flex:none;gap:6px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 14px;font-weight:800}
  .hub-ready input{width:16px;height:16px}
  .hub-rl2{display:none}
  .hub-info{font-size:13.5px;margin-top:10px}
  .hub-sec{padding-top:28px;gap:12px;scroll-margin-top:64px}
  .hub-sh{gap:8px 14px}
  .hub-ic{width:40px;height:40px;border-radius:10px}
  .hub-sh h2{font-size:24px}
  .hub-sh>p{flex-basis:100%;font-size:14px}
  .hub-card{scroll-margin-top:64px}
  .hub-ph{height:170px}
  .hub-st{top:10px;left:10px;padding:3px 9px;font-size:11.5px}
  .hub-il{right:8px;bottom:8px;padding:1px 7px;font-size:10.5px}
  .hub-b{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px}
  .hub-mid,.hub-steps{display:contents}
  .hub-hd{order:1}.hub-vs{order:2}.hub-stt{order:3}.hub-sb{order:4}.hub-num,.hub-seek{order:5}.hub-x{order:6}.hub-go{order:7}.hub-more{order:8}
  .hub-hd h3{font-size:18px;line-height:1.3}
  .hub-hd p{margin-top:4px;font-size:13.5px;line-height:1.45}
  .hub-vl{font-size:11px}
  .hub-vs>div{gap:6px}
  .hub-v{min-height:36px;padding:7px 12px;font-size:13px}
  .hub-stt{position:relative;align-items:center;min-height:52px;background:var(--soft);border-radius:12px;padding:10px 12px}
  .hub-stt h4{font-size:14px}
  .hub-stt p{margin:0;font-size:12.5px}
  .hub-tg{display:flex;align-items:center;gap:4px;flex:none;border:0;background:none;padding:6px 0;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer}
  .hub-tg::after{content:'';position:absolute;inset:0;border-radius:12px}
  .hub-tg:focus-visible{outline:none}
  .hub-tg:focus-visible::after{outline:2px solid var(--ink);outline-offset:2px}
  .hub-tg svg{transition:transform .15s}
  .hub-sb{display:none;margin-top:-12px;background:var(--soft);border-radius:0 0 12px 12px;padding:0 12px 14px;gap:10px}
  .hub-ol{padding-top:10px;border-top:1px solid #DDE2DF}
  .hub-card.open .hub-stt{border-radius:12px 12px 0 0}
  .hub-card.open .hub-sb{display:flex}
  .hub-card.open .hub-tg svg{transform:rotate(180deg)}
  .hub-num{gap:2px 14px;font-size:13px}
  .hub-num b{font-size:14px}
  .hub-more{align-self:center;margin:-6px 0 0;padding:8px}
  .hub-hid,.hub-empty{padding:16px}
  .hub-grow{padding-top:30px}
  .hub-gc{padding:16px}
  .hub-how{padding-top:28px}
  .hub-hw{grid-template-columns:minmax(0,1fr)}
  .hub-fin{padding-top:26px}
  .hub-pf{padding:18px 16px}
  .hub-pft{flex-basis:100%}
  .hub-pf>.btn{width:100%}
}
@media (max-width:640px){.hub-bar{margin:12px -16px 0;padding:8px 16px}}
@media (max-width:560px){.hub-form{grid-template-columns:minmax(0,1fr)}.hub-form label{grid-column:1/-1}}

/* ---------- racking production: 9 steps (v26) ---------- */
.rk{padding-bottom:64px}
.rk-hero{display:flex;border-radius:18px;overflow:hidden;background:var(--ink);color:#fff;margin-top:4px}
.rk-ht{flex:1 1 0;min-width:0;padding:34px 34px 30px;display:flex;flex-direction:column;gap:16px}
.rk-k{align-self:flex-start;background:rgba(255,255,255,.12);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rk-hero h1{margin:0;font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:#fff}
.rk-hero p{margin:0;font-size:17px;color:#D5DBD8;max-width:640px}
.rk-vars{display:flex;flex-wrap:wrap;gap:8px}
.rk-vars span{border:1px solid rgba(255,255,255,.3);color:#D5DBD8;border-radius:99px;padding:7px 14px;font-size:14px;font-weight:700}
.rk-vars span.on{background:#fff;border-color:#fff;color:var(--ink);font-weight:800}
.rk-stats{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.rk-stats div{background:rgba(255,255,255,.07);border-radius:12px;padding:12px 14px}
.rk-stats dt{font-size:28px;font-weight:800;line-height:1.1}
.rk-stats dd{margin:2px 0 0;font-size:13px;color:#D5DBD8}
.rk-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rk-cta span{font-size:13px;color:#A9B2AD}
.rk-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.rk-ghost:hover{background:rgba(255,255,255,.08);color:#fff}
.rk-hi{flex:0 0 440px;margin:0;position:relative;min-height:400px;background:#0E1519}
.rk-hi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rk-hi figcaption{position:absolute;left:14px;bottom:14px;background:rgba(23,33,40,.82);border-radius:7px;padding:4px 9px;font-size:12px;font-weight:700}
.rk-bar{position:sticky;top:8px;z-index:20;margin-top:22px;background:rgba(247,248,247,.97);border-radius:14px;padding:8px 0}
.rk-bar ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.rk-bar a{display:flex;align-items:center;gap:8px;min-height:46px;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 8px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;line-height:1.2}
.rk-bar a:hover{border-color:var(--ink)}
.rk-bar i{flex:none;margin-left:auto;width:8px;height:8px;border-radius:50%;background:#A9B2AD}
.rk-bar .rk-na a{opacity:.55}
.rk-n2{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;margin-right:2px}
.rk-ok>a i,.rk-li.rk-ok i,.rk-st.rk-ok i,.rk-st2.rk-ok i,.rk-leg i.ok{background:#2E8B57}
.rk-todo>a i,.rk-li.rk-todo i,.rk-st.rk-todo i,.rk-st2.rk-todo i,.rk-leg i.todo{background:#D9822B}
.rk-na>a i,.rk-li.rk-na i,.rk-st.rk-na i,.rk-st2.rk-na i,.rk-leg i.na{background:#A9B2AD}
.rk-sec{margin-top:28px;scroll-margin-top:90px}
.rk-sec.card{padding:26px 28px}
.rk-sec h2{margin:4px 0 0;font-size:30px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.rk-hd{display:flex;flex-direction:column;gap:6px;max-width:840px;margin-bottom:16px}
.rk-hd p,.rk-ctx>p,.rk-rh p{margin:0;color:var(--ink2)}
.rk-two{display:flex;gap:28px;align-items:flex-start}
.rk-fig{flex:0 0 520px;margin:0;padding:18px;display:flex;flex-direction:column;gap:12px}
.rk-fig svg{width:100%;height:auto;display:block}
.rk-fig figcaption{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--ink2)}
.rk-fig figcaption span{display:flex;align-items:center;gap:6px}
.rk-lg{flex:none;display:inline-block;width:14px;height:14px;border-radius:3px;box-sizing:border-box}
.rk-lg-own{background:#3D4A50}.rk-lg-out{background:#8A949A}.rk-lg-buy{background:#E2E5E3;border:1.5px dashed #8A949A}
.rk-ctx{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}
.rk-cl{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--line)}
.rk-cl li{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.rk-lt{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ink);font-weight:800;display:flex;align-items:center;justify-content:center}
.rk-ct{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.rk-ct span{font-size:14px;color:var(--muted)}
.rk-cl a,.rk-cs{flex:none;font-size:13px;font-weight:700;color:var(--ink2)}
.rk-b{flex:none;min-width:118px;text-align:center;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}
.rk-b-own{background:var(--ink);color:#fff}.rk-b-out{background:#5A646B;color:#fff}.rk-b-buy{background:#E2E5E3;color:#3D4A50}
.rk-rh{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.rk-rh>div:first-child{display:flex;flex-direction:column;gap:6px;max-width:760px}
.rk-chips{display:flex;flex-wrap:wrap;gap:6px}
.rk-chips.rk-col{flex-direction:column}
.rk-chip{font:inherit;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid #C3CAC6;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:700;min-height:44px;text-align:left}
.rk-chip:hover{border-color:var(--ink)}
.rk-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.rk-lanes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rk-lanes>li{display:flex;align-items:flex-start;gap:18px;background:var(--bg);border-radius:12px;padding:12px 16px}
.rk-lnm{flex:0 0 200px;display:flex;align-items:center;gap:10px;font-weight:800;min-height:40px}
.rk-lnm i{width:10px;height:10px;border-radius:50%}
.rk-lit{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}
.rk-lrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rk-li{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px 12px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:700}
.rk-li:hover{border-color:var(--ink)}
.rk-li i{width:8px;height:8px;border-radius:50%}
.rk-li.rk-na{opacity:.55}
.rk-ar{color:#8A949A;font-weight:800}
.rk-lnote{font-size:13px;color:var(--muted)}
.rk-leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-size:13px;color:var(--muted)}
.rk-leg span{display:flex;align-items:center;gap:6px}
.rk-leg i{width:8px;height:8px;border-radius:50%}
.rk-s{display:flex;gap:28px;padding:24px;margin-bottom:16px;scroll-margin-top:90px}
.rk-s.off{background:#FBFBFA}
.rk-sl{flex:0 0 360px;display:flex;flex-direction:column;gap:12px;min-width:0}
.rk-sh{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rk-n{width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center}
.rk-ln{border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}
.rk-cd{border:1px dashed #8A949A;color:var(--ink2);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800}
.rk-s h3{margin:0;font-size:22px;font-weight:800;line-height:1.2}
.rk-s h3:focus{outline:none}
.rk-sl>p{margin:0;color:var(--ink2)}
.rk-box{display:flex;flex-direction:column;gap:8px;background:var(--bg);border-radius:12px;padding:12px;font-size:14px;color:var(--ink2)}
.rk-box b{color:var(--ink);font-size:13px}
.rk-fix{align-self:flex-start;background:var(--ink);color:#fff;border-radius:99px;padding:7px 13px;font-size:14px;font-weight:800}
.rk-st{display:flex;align-items:center;gap:8px;margin:0;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700}
.rk-st i,.rk-st2 i{flex:none;width:9px;height:9px;border-radius:50%}
.rk-st.rk-ok,.rk-st2.rk-ok{background:#E9F2EC;color:#1F5A36}
.rk-st.rk-todo,.rk-st2.rk-todo{background:#FDF1E3;color:#8A4B0F}
.rk-st.rk-na,.rk-st2.rk-na{background:#EEF0EF;color:var(--muted)}
.rk-nt{margin:0;font-size:13px;color:var(--muted);border-left:3px solid var(--line);padding-left:10px}
.rk-sr{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:14px}
.rk-fin{border:1px solid var(--line);border-radius:12px;padding:4px 16px 12px}
.rk-fin table{width:100%;border-collapse:collapse}
.rk-fin th{text-align:left;font-size:14px;width:190px;padding:10px 12px 10px 0;border-bottom:1px solid var(--line2)}
.rk-fin td{padding:8px 0;border-bottom:1px solid var(--line2)}
.rk-fin .rk-chip{padding:6px 12px;font-size:13px;min-height:36px}
.rk-fin p{margin:10px 0 0;font-size:13px;color:var(--ink2)}
.rk-fin p.rk-w{color:#8A4B0F;margin-top:6px}
.rk-ms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rk-m{position:relative;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.rk-m.on{border-color:var(--ink)}
.rk-ph{display:block;position:relative;height:190px;background:#fff}
.rk-ph img{position:absolute;inset:0;width:100%;height:100%;display:block}
.rk-tag{position:absolute;left:10px;top:10px;background:#fff;color:var(--ink);border-radius:99px;padding:3px 9px;font-size:12px;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.rk-mb{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto}
.rk-mk{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.rk-mb h4{margin:0;font-size:16px;line-height:1.25}
.rk-mb h4 a{color:var(--ink);text-decoration:none}
.rk-mb h4 a:hover{text-decoration:underline}
.rk-kd{font-size:14px;color:var(--ink2);line-height:1.3}
.rk-ks{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.rk-ks span{background:var(--soft);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}
.rk-or{font-size:12px;color:var(--muted)}
.rk-pr{margin-top:auto;padding-top:10px;border-top:1px solid var(--line2);display:flex;flex-direction:column}
.rk-pr b{font-size:15px}
.rk-pr span{font-size:12px;color:var(--muted)}
.rk-ma{display:flex;flex-wrap:wrap;gap:6px}
.rk-ma .btn{flex:1 1 auto;min-height:40px}
.rk-add[aria-pressed="true"]{background:#E9F2EC;border-color:#2E8B57;color:#1F5A36}
.rk-ck{font-size:11px;color:#8A949A}
.rk-ml{display:flex;flex-wrap:wrap;gap:6px 22px}
.rk-lnk{font:inherit;cursor:pointer;background:none;border:0;padding:6px 0;color:var(--ink);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.rk-msg{background:var(--bg);border:1px dashed #A9B2AD;border-radius:12px;padding:16px;font-size:15px}
.rk-drop{background:#F1F3F2;border-radius:12px;padding:16px;font-size:15px;color:var(--muted)}
.rk-todo{background:#FDF1E3;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.rk-todo b{color:#8A4B0F}
.rk-box2{border:1px solid var(--line);border-radius:12px;padding:16px;font-size:14px}
.rk-box2 ul{margin:8px 0 0;padding-left:18px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
.rk-chk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rk-chk li{background:var(--bg);border-radius:12px;padding:14px 14px 14px 40px;position:relative;font-size:14px}
.rk-chk li::before{content:"";position:absolute;left:16px;top:17px;width:12px;height:7px;border-left:2.5px solid #2E8B57;border-bottom:2.5px solid #2E8B57;transform:rotate(-45deg)}
.rk-q3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rk-q3>div{background:var(--bg);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}
.rk-q3 h3{margin:0;font-size:16px}
.rk-q3 ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.rk-q3 p{margin:0;font-size:14px;color:var(--ink2)}
.rk-pj{display:flex;gap:24px;align-items:flex-start}
.rk-pm{flex:1 1 0;min-width:0;padding:26px 28px;display:flex;flex-direction:column;gap:16px}
.rk-pm .rk-hd{margin-bottom:0}
.rk-ps{border-radius:12px;padding:12px 14px;font-weight:800}
.rk-ps.ok{background:#E9F2EC;color:#1F5A36}.rk-ps.todo{background:#FDF1E3;color:#8A4B0F}
.rk-tw{overflow-x:auto}
.rk-pt{width:100%;border-collapse:collapse;font-size:14px}
.rk-pt th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:0 10px 8px 0}
.rk-pt td{border-top:1px solid var(--line2);padding:10px 10px 10px 0;vertical-align:top}
.rk-pt td:first-child{font-weight:700;white-space:nowrap}
.rk-pt td:last-child{color:var(--ink2)}
.rk-st2{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:700}
.rk-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rk-tiles div{background:var(--bg);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}
.rk-tiles b{font-size:24px}
.rk-tiles span{font-size:13px;color:var(--muted)}
.rk-sums{display:flex;flex-wrap:wrap;gap:10px}
.rk-sums div{flex:1 1 260px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column}
.rk-sums span,.rk-sums small{font-size:13px;color:var(--muted)}
.rk-sums small{font-size:12px}
.rk-sums b{font-size:26px}
.rk-inc h3{margin:0 0 8px;font-size:15px}
.rk-inc table{width:100%;border-collapse:collapse;font-size:13px}
.rk-inc th{text-align:left;padding:6px 8px 6px 0;font-weight:700}
.rk-inc thead th{color:var(--muted)}
.rk-inc td{padding:5px}
.rk-inc tbody tr{border-top:1px solid var(--line2)}
.rk-c{display:block;text-align:center;border-radius:6px;padding:4px 6px;font-weight:700}
.rk-c.ok{background:#E9F2EC;color:#1F5A36}.rk-c.no{background:#FBE9EC;color:#8E1428}.rk-c.of{background:#FDF1E3;color:#8A4B0F}.rk-c.na{background:#F1F3F2;color:var(--muted)}
.rk-rfq{flex:0 0 380px;position:sticky;top:80px;background:var(--ink);color:#fff;border-radius:var(--r2);padding:24px;display:flex;flex-direction:column;gap:12px}
.rk-rfq h2{margin:0;font-size:22px;color:#fff}
.rk-rfq p{margin:0;font-size:14px;color:#D5DBD8}
.rk-rfq span{font-size:12px;color:#A9B2AD}
.rk-rfq .btn{min-height:48px}
.rk-rfq .btn[disabled]{opacity:.5;cursor:not-allowed}
.rk-save{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.rk-save:hover{background:rgba(255,255,255,.08);color:#fff}
.rk-h3{font-size:20px !important}
.rk-sup{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rk-sup a{display:flex;gap:6px;align-items:baseline;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 14px;text-decoration:none;color:var(--ink)}
.rk-sup a:hover{border-color:var(--ink)}
.rk-sup b{font-size:14px}.rk-sup span{font-size:13px;color:var(--muted)}
@media (min-width:1024px){.rk-st2{white-space:nowrap}}
@media (max-width:1180px){
  .rk-hi{flex-basis:360px}
  .rk-bar ol{display:flex;overflow-x:auto;gap:6px;padding:0 2px}
  .rk-bar li{flex:none}
  .rk-bar a{white-space:nowrap}
  .rk-ms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-sl{flex-basis:300px}
  .rk-pj{flex-direction:column;align-items:stretch}
  .rk-pm{flex:none;width:100%;box-sizing:border-box}
  .rk-rfq{position:static;flex-basis:auto;width:100%;box-sizing:border-box}
}
@media (max-width:1023px){
  .rk-two{flex-direction:column}
  .rk-fig{flex-basis:auto;width:100%;box-sizing:border-box}
  .rk-s{flex-direction:column}
  .rk-sl{flex-basis:auto}
  .rk-q3{grid-template-columns:1fr}
  .rk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .rk-hero{flex-direction:column-reverse}
  .rk-hi{flex-basis:auto;min-height:190px}
  .rk-ht{padding:18px}
  .rk-hero h1{font-size:31px}
  .rk-hero p{font-size:16px}
  .rk-vars{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:0 18px}
  .rk-vars span{white-space:nowrap;font-size:13px;padding:6px 12px}
  .rk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-stats dt{font-size:24px}
  .rk-cta .btn{flex:1 1 100%}
  .rk-bar{margin-left:-16px;margin-right:-16px;border-radius:0;padding:8px 16px;border-bottom:1px solid var(--line)}
  .rk-bar a{border-radius:99px;padding:5px 10px 5px 5px;min-height:40px}
  .rk-sec h2{font-size:23px}
  .rk-sec.card,.rk-pm{padding:16px}
  .rk-cl li{gap:10px;flex-wrap:wrap}
  .rk-ct{flex-basis:calc(100% - 44px)}
  .rk-cl a,.rk-cs{margin-left:40px}
  .rk-b{min-width:0;margin-left:auto}
  .rk-lanes>li{flex-direction:column;gap:8px;padding:10px 12px}
  .rk-lnm{flex:none;min-height:0}
  .rk-li{font-size:13px;padding:6px 9px}
  .rk-s{padding:16px;gap:16px}
  .rk-s h3{font-size:19px}
  .rk-ms{display:flex;overflow-x:auto;gap:10px;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x mandatory}
  .rk-m{flex:0 0 250px;scroll-snap-align:start}
  .rk-ph{height:150px}
  .rk-fin th{display:block;width:auto;border:0;padding:10px 0 4px}
  .rk-fin td{display:block;padding:0 0 10px}
  .rk-chk{grid-template-columns:1fr}
  .rk-tiles b{font-size:20px}
  .rk-pt thead{display:none}
  .rk-pt tr{display:block;border-top:1px solid var(--line2);padding:8px 0}
  .rk-pt td{display:block;border:0;padding:2px 0}
  .rk-pt td:first-child{white-space:normal}
  .rk-sums b{font-size:22px}
  .rk-inc thead{display:none}
  .rk-inc tr{display:block;padding:8px 0}
  .rk-inc th{display:block}
  .rk-inc td{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0}
  .rk-inc td::before{content:attr(data-l);font-size:12px;color:var(--ink2)}
  .rk-c{display:inline-block}
}

/* v28: home page makers – 15 in full rows */
.tiles.mk15{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1099px){.tiles.mk15{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.tiles.mk15{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles.mk15>:nth-child(15){display:none}}

/* v30: home page route card – approved design from the launch package */
/* Homepage production route */
.hero-with-route {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  gap:clamp(22px,3.5vw,48px);
}
.hero-route {
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
  padding:clamp(16px,2vw,26px);
  border:1px solid #364750;
  border-radius:18px;
  background:radial-gradient(ellipse at top right,#263640 0,transparent 60%),#142029;
  color:#f7fafb;
  box-shadow:0 12px 30px -17px #18272f85;
  font-family:'Manrope','Segoe UI',system-ui,sans-serif;
}
.hr-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
.hr-label {
  display:flex;
  align-items:center;
  gap:8px;
  color:#e4edf1;
  font-size:11px;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hr-label::before {
  content:"";
  width:7px;
  height:7px;
  flex:none;
  border-radius:2px;
  background:#f15b73;
}
.hr-count {
  border:1px solid #52636d;
  border-radius:6px;
  padding:4px 8px;
  background:#1e2d36;
  color:#e1e7ea;
  font-size:12px;
  font-weight:700;
}
.hero-route h2 {
  font-size:clamp(23px,2.55vw,36px);
  font-weight:800;
  letter-spacing:-.036em;
  line-height:1.09;
  text-wrap:balance;
}
.hr-main {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);
  gap:12px;
}
.hr-steps {
  position:relative;
  display:grid;
  grid-template-rows:repeat(4,minmax(46px,1fr));
  gap:5px;
}
.hr-steps::before {
  content:"";
  position:absolute;
  inset:12% auto 12% 24px;
  width:1px;
  background:#5c6c74;
}
.hr-steps button {
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  gap:10px;
  padding:7px 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#e5edf0;
  font-size:14px;
  font-weight:650;
  line-height:1.24;
  text-align:left;
  cursor:pointer;
}
.hr-steps button:hover {border-color:#657781;background:#24343d}
.hr-steps button[aria-pressed="true"] {
  border-color:#a65465;
  background:#352932;
  color:#fff;
  font-weight:750;
}
.hr-step-no {
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  flex:none;
  border:1px solid #5b6d77;
  border-radius:6px;
  background:#203039;
  color:#e3ecef;
  font-size:12px;
  font-weight:750;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.hr-steps button[aria-pressed="true"] .hr-step-no {
  border-color:#e73c58;
  background:#c91a38;
  color:#fff;
}
.hr-details {
  overflow:hidden;
  min-width:0;
  border:1px solid #475a66;
  border-radius:10px;
  background:#213039;
}
.hr-picture {position:relative;background:#2d424b}
.hr-picture img {
  width:100%;
  height:clamp(127px,13vw,188px);
  object-fit:cover;
  object-position:center;
}
.hr-picture::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,#111c2466 0,transparent 36%);
  pointer-events:none;
}
.hr-photo-step,.hr-illustration {
  position:absolute;
  z-index:1;
  padding:4px 8px;
  border:1px solid #6c7981;
  border-radius:5px;
  background:#16242d;
  color:#fff;
  font-size:11px;
  line-height:1.25;
}
.hr-photo-step {bottom:9px;left:9px}
.hr-photo-step b {color:#ff9eae;font-variant-numeric:tabular-nums}
.hr-illustration {top:9px;right:9px}
.hr-caption {
  display:grid;
  align-content:start;
  gap:6px;
  min-height:96px;
  padding:12px;
}
.hr-caption strong {font-size:16px;font-weight:750;line-height:1.22}
.hr-caption p {color:#d8e2e8;font-size:13px;line-height:1.46}
.hero-route .hr-link {
  display:flex;
  align-items:center;
  min-height:49px;
  justify-content:space-between;
  gap:12px;
  padding:7px 9px 7px 14px;
  border-radius:9px;
  background:#c91a38;
  border-color:#df3550;
  font-size:14px;
  font-weight:750;
  text-align:left;
}
.hero-route .hr-link:hover {background:#ad112e}
.hr-arrow {
  display:grid;
  place-items:center;
  flex:none;
  width:30px;
  height:30px;
  border:1px solid #ffffff59;
  border-radius:6px;
  font-size:17px;
  line-height:1;
}
@media (max-width:820px) {
  .hero-with-route {grid-template-columns:minmax(0,1fr);gap:22px}
  .hr-picture img {height:clamp(140px,25vw,186px)}
}
@media (max-width:460px) {
  .hero-route {gap:12px;padding:14px}
  .hr-main {grid-template-columns:minmax(0,1fr);gap:9px}
  .hr-steps {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(44px,auto));
  }
  .hr-steps::before {display:none}
  .hr-steps button {gap:7px;border-color:#435760;font-size:13px}
  .hr-step-no {width:27px;height:27px}
  .hr-caption {min-height:0}
  .hr-label,.hr-count {font-size:11px}
}

/* v30: supplier pages, free listing, Admin pages */
.sup-ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sup-ben .card h2{font-size:17px;margin:10px 0 6px}.sup-ben .card p{font-size:14px;color:var(--ink2);line-height:1.55}
.sup-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;font-weight:800;font-size:13px}
.sup-free{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sup-free>div{flex:1 1 420px;min-width:0}.sup-free h2{font-size:20px;margin:6px 0}.sup-free p{max-width:760px;color:var(--ink2);font-size:14.5px;line-height:1.55}
.addco-c>p{font-size:14px;color:var(--ink2);line-height:1.55}
.addco-claim{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.addco-claim h2{font-size:17px}.addco-claim p{font-size:14px;color:var(--ink2);margin-top:4px}
.dfy-models[hidden]{display:none!important}
.form .fld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.dfy-done{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.dfy-done h2{font-size:22px}.dfy-done h3{font-size:16px;margin-top:6px}
.dfy-done ol{margin:0 0 4px 18px;display:grid;gap:6px;font-size:14px}
.adm-pgb{margin-bottom:10px}.adm-pgb-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
@media (max-width:900px){.sup-ben{grid-template-columns:minmax(0,1fr)}}

/* v32: home page – a production in preparation among the four big cards */
.pbig.prep .st{background:#FFE9B8;color:#5A4300}

/* v33: account and request screens, Admin e-mails / requests / languages */
.u-wrap{padding-top:26px;padding-bottom:40px}.u-wrap .auth-f h1{line-height:1.25}
.ulang{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink2);margin:0 0 10px}.ulang a{color:var(--ink2)}.ulang b{color:var(--ink)}
.u-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.u-bad,.cpk.u-bad .cpk-q{border-color:#D0213E!important;box-shadow:0 0 0 3px rgba(208,33,62,.15)!important}
.u-form{gap:12px 16px}.u-form .field{margin:0}
.u-dup{border-color:#E8C46A;background:#FFF9EA;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.co3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.co3-c{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;position:relative;transition:border-color .15s,box-shadow .15s}.co3-c:hover{border-color:#C8CEC9;box-shadow:0 6px 18px rgba(23,33,40,.08)}
.co3-c h2{font-size:18px;line-height:1.3}.co3-c p{font-size:14px;color:var(--ink2);flex:1}.co3-c .more{font-weight:800}
.rq{margin-bottom:10px}.rq>summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;cursor:pointer;list-style:none}.rq>summary::-webkit-details-marker{display:none}
.rq-b{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.rq-b>form{width:100%;max-width:640px}
.rq-h{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px}
.u-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px;margin-top:8px;font-size:13px}
.u-radio{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:grid;gap:6px;margin:0}.u-radio legend{padding:0 4px;font-size:13px}
.lk{margin-bottom:10px}.lk-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.lk-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.lk-src{white-space:pre-line;font-size:13.5px;background:#F4F6F5;border-radius:8px;padding:8px 10px;margin:4px 0}
.lk textarea{width:100%}
.ar-sel{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 12px;margin-top:8px;font-size:13px}
.alp-w{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}.alp-s{border:1px dashed var(--line);border-radius:12px;padding:6px;overflow:hidden;pointer-events:none}.alp-s .wrap{padding:6px!important;max-width:none!important}
@media (max-width:860px){.co3{grid-template-columns:minmax(0,1fr)}.lk-g{grid-template-columns:minmax(0,1fr)}}

/* v34: "For suppliers" and "Add a company" – photo banners and illustrations */
.sx .sx-i{width:18px;height:18px;flex:none}
.sx .sx-bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sx .btn-lg{padding:14px 20px;font-size:15px;border-radius:12px}
.sx .sx-ghost{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.6);color:#fff}
.sx .sx-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.sx-kick{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FF9AAA}
.sx-kick:before{content:"";width:24px;height:2px;border-radius:2px;background:var(--red)}
.sx-kick.c:after{content:"";width:24px;height:2px;border-radius:2px;background:var(--red)}
.sx-sh{margin-bottom:18px}.sx-sh h2{font-size:clamp(22px,2.4vw,30px);margin-top:4px}.sx-sh p{font-size:15px;max-width:760px}
.sx-sub{color:var(--ink2);font-size:15px;line-height:1.6;margin:8px 0 16px;max-width:640px}
.sx-ic{width:38px;height:38px;border-radius:11px;background:var(--soft);color:var(--ink);display:grid;place-items:center;flex:none}
.sx-ic.r{background:var(--red-bg);color:var(--red)}
.sx-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--ink2)}
.sx-ticks li{display:flex;gap:9px;align-items:flex-start}.sx-ticks .sx-i{color:var(--teal);width:18px;height:18px;margin-top:1px}

/* hero banner */
.sx-hero{position:relative;border-radius:22px;overflow:hidden;background:#0E161B;color:#fff;isolation:isolate;margin-top:4px}
.sx-hero>.sx-bgi{z-index:-2}
.sx-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,20,25,.97) 0%,rgba(13,20,25,.93) 40%,rgba(13,20,25,.62) 68%,rgba(13,20,25,.40) 100%)}
.sx-hero-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:28px;align-items:center;padding:52px 52px 78px;min-height:540px}
.sx-hero h1{color:#fff;font-size:clamp(32px,4.1vw,54px);line-height:1.04;letter-spacing:-.035em;margin:16px 0 16px;max-width:660px}
.sx-lead{color:#C9D3CF;font-size:16.5px;line-height:1.62;max-width:600px}
.sx-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.sx-checks{margin-top:24px;grid-template-columns:repeat(2,minmax(0,max-content));gap:11px 28px;color:#E6ECE9;font-weight:600}
.sx-checks.one{grid-template-columns:minmax(0,1fr)}
.sx-checks.row{grid-template-columns:repeat(3,max-content)}
.sx-checks .sx-i{color:#46D9B9}
.sx-claim{display:inline-block;margin-top:20px;font-size:13.5px;font-weight:700;color:#C9D3CF;text-decoration:underline;text-underline-offset:3px}.sx-claim:hover{color:#fff}
.sx-vis{position:relative;height:566px}
.sx-chip{position:absolute;left:0;top:150px;max-width:210px;line-height:1.35;z-index:3;display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:14px;padding:10px 14px;font-size:12.5px;font-weight:700;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.sx-chip .sx-i{width:16px;height:16px;color:#FF9AAA}
.sx-mc{position:absolute;right:0;top:0;width:322px;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 34px 70px rgba(0,0,0,.45);overflow:hidden;z-index:1}
.sx-mc-img{height:176px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line2);padding:10px}
.sx-mc-img img{max-height:156px;width:auto;max-width:100%;object-fit:contain}
.sx-mc-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px}
.sx-mc-op{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.sx-mc h3{font-size:15px;line-height:1.28}
.sx-mc-mk{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.sx-mc-p{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid var(--line2)}
.sx-mc-p b{font-size:20px;letter-spacing:-.02em;color:var(--red)}.sx-mc-p span{font-size:11px;color:var(--muted);text-align:right;max-width:130px;line-height:1.3}
.sx-mc-btn{margin-top:6px;background:var(--red);color:#fff;border-radius:10px;padding:10px;text-align:center;font-weight:800;font-size:13px}
.sx-tags{display:flex;gap:6px;flex-wrap:wrap}.sx-tags span{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:800;background:var(--soft);color:var(--ink);border-radius:6px;padding:4px 8px}
.sx-tags .sx-i{width:13px;height:13px}
.sx-iq{position:absolute;left:0;bottom:0;width:262px;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.5);padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;z-index:2}
.sx-iq-h{display:flex;gap:10px;align-items:center}
.sx-iq-ic{width:36px;height:36px;border-radius:11px;background:var(--red-bg);color:var(--red);display:grid;place-items:center;flex:none}
.sx-iq-h b{font-size:14px;display:block;line-height:1.2}.sx-iq-h small{font-size:11.5px;color:var(--muted);display:block;line-height:1.3}
.sx-new{margin-left:auto;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--red);color:#fff;border-radius:99px;padding:3px 8px}
.sx-iq-r{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);border-top:1px dashed var(--line);padding-top:7px}
.sx-iq-r b{display:inline-flex;gap:6px;align-items:center;color:var(--ink)}
.sx-iq-t{display:flex;gap:6px;flex-wrap:wrap}.sx-iq-t span{font-size:11px;font-weight:800;background:var(--teal-bg);color:var(--teal);border-radius:99px;padding:3px 9px}

/* numbers */
.sx-stats{position:relative;z-index:2;margin:-38px 30px 0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px rgba(23,33,40,.10);display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
.sx-st{padding:18px 20px;display:flex;gap:13px;align-items:center;border-left:1px solid var(--line2);min-width:0}.sx-st:first-child{border-left:0}
.sx-st b{display:block;font-size:26px;letter-spacing:-.03em;line-height:1.05}.sx-st span{font-size:12.5px;color:var(--muted);line-height:1.3;display:block}

/* product → operation → machine → inquiry */
.sx-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sx-fl{position:relative;min-width:0}
.sx-fl-in{position:relative;border-radius:18px;overflow:hidden;height:360px;background:#0E161B;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.sx-fl-in>.sx-bgi{z-index:-2}
.sx-fl-in:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,20,25,0) 25%,rgba(13,20,25,.9) 100%)}
.sx-fl-in.dark{background:radial-gradient(120% 90% at 100% 0%,#2A3A43 0%,#121B21 55%,#0E161B 100%);justify-content:space-between}
.sx-fl-in.dark:after{display:none}
.sx-fl-n{position:absolute;top:14px;left:14px;background:#fff;color:var(--ink);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:800;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.sx-fl-b{padding:18px 18px 20px}.sx-fl-b h3{color:#fff;font-size:17px;line-height:1.25}.sx-fl-b p{color:#D5DDD9;font-size:13px;margin-top:5px;line-height:1.45}
.sx-fl-ar{position:absolute;right:-21px;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 5px var(--bg)}
.sx-fl-ar .sx-i{width:16px;height:16px}
.sx-mini{margin:62px 16px 0;background:#fff;color:var(--ink);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:7px;box-shadow:0 16px 36px rgba(0,0,0,.4)}
.sx-also{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:13.5px;color:var(--ink2)}.sx-also b{margin-right:4px;color:var(--ink)}
.sx-also .chip{font-size:12px;padding:5px 10px;background:#fff;border:1px solid var(--line)}

/* what you get */
.sx-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sx-f{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.sx-f:hover{box-shadow:0 18px 40px rgba(23,33,40,.10);transform:translateY(-2px)}
.sx-f-img{position:relative;height:236px;overflow:hidden;background:#0E161B}
.sx-f-img>img{width:100%;height:100%;object-fit:cover}
.sx-f-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,20,25,0) 45%,rgba(13,20,25,.55) 100%)}
.sx-f-img.white{background:linear-gradient(180deg,#FFFFFF 0%,#EEF2F0 100%)}
.sx-f-img.white>img{object-fit:contain;padding:16px 16px 70px}
.sx-f-img.white:after{display:none}
.sx-f-ov{position:absolute;left:14px;right:14px;bottom:14px;z-index:1}
.sx-f-b{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.sx-f-b h3{font-size:17px;display:flex;gap:11px;align-items:center}
.sx-f-b p{font-size:14px;color:var(--ink2);line-height:1.58}
.sx-glass{background:rgba(255,255,255,.96);color:var(--ink);border-radius:13px;box-shadow:0 12px 30px rgba(0,0,0,.28);padding:11px 13px}
.sx-g-t{display:block;font-size:13px;margin-bottom:7px;line-height:1.3}
.sx-prof{display:flex;gap:11px;align-items:center}
.sx-prof-lg{width:64px;height:42px;border-radius:9px;background:#fff;border:1px solid var(--line2);display:grid;place-items:center;padding:5px;flex:none}
.sx-prof-lg img{max-width:100%;max-height:100%;object-fit:contain}
.sx-prof b{font-size:14.5px;display:block}.sx-prof small{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}
.sx-play{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:1;width:66px;height:66px;border-radius:50%;background:rgba(220,23,53,.96);display:grid;place-items:center;color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.18),0 12px 30px rgba(0,0,0,.45)}
.sx-play .sx-i{width:26px;height:26px;fill:#fff;margin-left:3px}
.sx-files{display:flex;gap:8px;flex-wrap:wrap}
.sx-file{display:inline-flex;gap:8px;align-items:center;background:#fff;border-radius:10px;padding:7px 11px 7px 7px;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.sx-file i{font-style:normal;font-size:10px;font-weight:800;color:#fff;background:var(--red);border-radius:6px;padding:4px 6px}
.sx-file i.yt{background:#FF0033;padding:4px 7px}
.sx-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-pr{background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 10px 24px rgba(23,33,40,.14);border:1px solid var(--line2);min-width:0}
.sx-pr small{display:block;font-size:10.5px;color:var(--muted);line-height:1.3}
.sx-pr b{display:block;font-size:18px;letter-spacing:-.02em;color:var(--red);margin:2px 0}
.sx-pr.q b{font-size:14px;color:var(--ink);margin:4px 0}
.sx-inbox{display:flex;flex-direction:column;gap:7px;padding:10px 12px}
.sx-ib{display:flex;gap:9px;align-items:center;font-size:12.5px;padding:6px 8px;border-radius:9px}
.sx-ib.on{background:var(--red-bg)}.sx-ib b{flex:1}.sx-ib .sk{height:8px;border-radius:5px;background:#DDE3E0;display:block}.sx-ib .sk+.flag{margin-left:auto}
.sx-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}.sx-dot.g{background:#C7CFCB}
.sx-team{display:flex;flex-direction:column;gap:9px}
.sx-tags.r span{background:var(--teal-bg);color:var(--teal)}
.sx-lang{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}
.sx-lang b{background:var(--ink);color:#fff;border-radius:6px;padding:3px 7px;font-size:11px}
.sx-lang .sx-i{width:14px;height:14px;color:var(--red)}

/* free service banner */
.sx-free{position:relative;border-radius:22px;overflow:hidden;background:#0E161B;color:#fff;isolation:isolate}
.sx-free>.sx-bgi{z-index:-2}
.sx-free:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,20,25,.95) 0%,rgba(13,20,25,.84) 42%,rgba(13,20,25,.5) 100%)}
.sx-free-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:48px 52px;align-items:center}
.sx-free h2{color:#fff;font-size:clamp(24px,2.8vw,34px);margin:14px 0 12px;line-height:1.12}
.sx-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sx-steps li{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:18px 20px}
.sx-steps li>div>b{display:block;font-size:16px;color:#fff}.sx-steps li>div>span{display:block;font-size:13.5px;color:#C9D3CF;margin-top:3px;line-height:1.5}
.sx-steps .sx-sn{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;display:grid;place-items:center;flex:none;font-size:14px}

/* manufacturers */
.sx-mks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sx-mk{position:relative;border-radius:18px;overflow:hidden;height:250px;display:flex;align-items:flex-end;color:#fff;background:#0E161B;isolation:isolate}
.sx-mk>.sx-bgi{z-index:-2;transition:transform .5s}
.sx-mk:hover>.sx-bgi{transform:scale(1.05)}
.sx-mk:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,20,25,0) 35%,rgba(13,20,25,.88) 100%)}
.sx-mk:hover{color:#fff}
.sx-mk-b{padding:16px 18px;display:flex;gap:13px;align-items:center;width:100%}
.sx-mk-lg{width:78px;height:50px;background:#fff;border-radius:11px;display:grid;place-items:center;padding:7px;flex:none;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.sx-mk-lg img{max-width:100%;max-height:100%;object-fit:contain}
.sx-mk-b>div>b{font-size:17px;display:block;color:#fff;line-height:1.2}.sx-mk-b>div>span{font-size:12.5px;color:#D5DDD9;display:flex;gap:6px;align-items:center;margin-top:3px}
.sx-mk-b .sx-mk-go{margin-left:auto;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none;color:#fff}
.sx-mk-go .sx-i{width:16px;height:16px}
.sx-mk:hover .sx-mk-go{background:var(--red)}

/* what to prepare */
.sx-prep{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:36px;align-items:center}
.sx-prep h2{font-size:clamp(22px,2.4vw,30px);margin-top:4px}
.sx-mos{position:relative;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:205px 205px;gap:12px}
.sx-mos>img,.sx-mos>.w{width:100%;height:100%;border-radius:16px;overflow:hidden}
.sx-mos>img{object-fit:cover}
.sx-mos>img:first-child{grid-row:1/3}
.sx-mos>.w{background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:14px}
.sx-mos>.w img{max-width:100%;max-height:100%;object-fit:contain}
.sx-mos-c{position:absolute;left:14px;bottom:14px;display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.96);color:var(--ink);font-size:12.5px;font-weight:800;border-radius:99px;padding:8px 14px;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.sx-mos-c .sx-i{width:16px;height:16px;color:var(--red)}
.sx-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sx-li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px}
.sx-li b{font-size:14px;display:block;line-height:1.3}.sx-li span{font-size:12.5px;color:var(--muted);display:block;margin-top:2px;line-height:1.4}
.sx-li .sx-ic{width:34px;height:34px;border-radius:10px}

/* questions */
.sx-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:start}
.sx-q{background:#fff;border:1px solid var(--line);border-radius:14px}
.sx-q summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.sx-q summary::-webkit-details-marker{display:none}
.sx-q summary:after{content:"+";font-size:22px;line-height:1;color:var(--red);font-weight:700}
.sx-q[open] summary:after{content:"–"}
.sx-q p{padding:0 18px 16px;color:var(--ink2);font-size:14px;line-height:1.6;margin-top:-4px}

/* closing banner */
.sx-cta{position:relative;border-radius:22px;overflow:hidden;text-align:center;color:#fff;padding:64px 28px;isolation:isolate;background:#0E161B;display:flex;flex-direction:column;align-items:center}
.sx-cta>.sx-bgi{z-index:-2}
.sx-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,20,25,.82),rgba(13,20,25,.9))}
.sx-cta h2{color:#fff;font-size:clamp(24px,3vw,38px);max-width:820px;margin-top:14px;line-height:1.12}
.sx-cta p{color:#C9D3CF;max-width:640px;margin-top:12px;font-size:15.5px}
.sx-cta .sx-acts{justify-content:center}

/* add a company */
.ax-hero .ax-hero-in{padding:46px 52px 50px;max-width:860px}
.ax-hero:before{background:linear-gradient(90deg,rgba(13,20,25,.95) 0%,rgba(13,20,25,.86) 50%,rgba(13,20,25,.55) 100%)}
.ax-hero h1{font-size:clamp(30px,3.6vw,46px)}
.ax-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ax-o{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s}
.ax-o:hover{box-shadow:0 20px 44px rgba(23,33,40,.13);transform:translateY(-2px);border-color:#C8CEC9;color:inherit}
.ax-o-img{position:relative;height:250px;overflow:hidden;background:#0E161B;isolation:isolate}
.ax-o-img>.sx-bgi{z-index:-2}
.ax-o-img:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,20,25,.15) 0%,rgba(13,20,25,.55) 100%)}
.ax-o-n{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:11px;background:#fff;color:var(--ink);font-weight:800;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ax-o-badge{position:absolute;top:16px;right:14px;background:var(--teal);color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:6px 12px;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ax-o-ui{position:absolute;left:16px;right:16px;bottom:16px}
.ax-o-b{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.ax-o-b h2{font-size:19px;line-height:1.25}
.ax-o-b>p{font-size:14px;color:var(--ink2);line-height:1.58}
.ax-o-b>p.ax-fit{background:var(--soft);border-radius:11px;padding:10px 12px;font-size:13.5px}
.ax-fit b{color:var(--ink)}
.ax-o .btn{margin-top:auto;width:100%;padding:13px 16px}
.mui{background:#fff;border-radius:14px;box-shadow:0 16px 36px rgba(0,0,0,.35);padding:12px;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.mui-f{display:flex;flex-direction:column;gap:3px;min-width:0}.mui-f label{font-size:10.5px;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mui-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mui-in{height:30px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden}
.mui-in.s{color:var(--muted)}.mui-in .sx-i{width:15px;height:15px}
.mui-btn{background:var(--red);color:#fff;border-radius:8px;font-size:12px;font-weight:800;text-align:center;padding:8px 10px;white-space:nowrap}
.mui-btn.sm{padding:6px 9px;font-size:11px;margin-left:auto}
.mui-hit{display:flex;gap:10px;align-items:center;border:1px solid var(--teal-bd);background:var(--teal-bg);border-radius:10px;padding:8px}
.mui-hit b{font-size:13px;display:block}.mui-hit small{font-size:11px;color:var(--ink2);display:flex;gap:5px;align-items:center}
.mui-lg{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--ink);flex:none}
.mui-flow{flex-direction:row;align-items:stretch;gap:8px}
.mui-doc{flex:0 0 32%;border:1px dashed #C9D0CC;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.mui-doc i{font-style:normal;font-size:10px;font-weight:800;color:#fff;background:var(--red);border-radius:5px;padding:3px 6px}
.mui-doc b{font-size:12.5px}.mui-doc small{font-size:10.5px;color:var(--muted);line-height:1.25}
.mui-arr{display:grid;place-items:center;color:var(--red)}
.mui-prof{flex:1;border:1px solid var(--line);border-radius:10px;padding:8px;min-width:0}
.mui-prof b{font-size:12px;display:block;margin-bottom:6px}
.mui-th{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.mui-th span{height:44px;border-radius:7px;background:#F3F5F4;display:grid;place-items:center;overflow:hidden;padding:3px}
.mui-th img{max-width:100%;max-height:100%;object-fit:contain}
.ax-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.ax-tl:before{content:"";position:absolute;left:8%;right:8%;top:47px;height:2px;background:repeating-linear-gradient(90deg,#C9D0CC 0 8px,transparent 8px 15px)}
.ax-st{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.ax-st-ic{width:54px;height:54px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px var(--bg)}
.ax-st-ic .sx-i{width:24px;height:24px}
.ax-st b{font-size:16px}.ax-st>span:last-child{font-size:13.5px;color:var(--ink2);line-height:1.55}

@media (max-width:1180px){
  .sx-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);padding:44px 36px 74px}
  .sx-mc{width:290px}.sx-iq{width:270px}
  .sx-feat,.sx-mks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-fl:nth-child(2) .sx-fl-ar{display:none}
  .sx-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-st:nth-child(4){border-left:0}.sx-st:nth-child(n+4){border-top:1px solid var(--line2)}
  .ax-opts{grid-template-columns:minmax(0,1fr)}.ax-o{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ax-o-img{height:auto;min-height:300px}
  .ax-tl{grid-template-columns:repeat(2,minmax(0,1fr))}.ax-tl:before{display:none}
}
@media (max-width:820px){
  .sx-hero{border-radius:18px}
  .sx-chip{max-width:none}
  .sx-hero-in{grid-template-columns:minmax(0,1fr);padding:32px 22px 64px;min-height:0;gap:30px}
  .sx-hero:before{background:linear-gradient(180deg,rgba(13,20,25,.95) 0%,rgba(13,20,25,.9) 55%,rgba(13,20,25,.72) 100%)}
  .sx-hero h1{font-size:32px}.sx-lead{font-size:15.5px}
  .sx-checks{grid-template-columns:minmax(0,1fr)!important}
  .sx-acts .btn{flex:1 1 100%}
  .sx-vis{height:auto;display:flex;flex-direction:column;align-items:flex-start}
  .sx-chip{position:relative;left:auto;top:auto;margin-bottom:12px;font-size:12px}
  .sx-mc{position:relative;right:auto;top:auto;width:100%;max-width:360px}
  .sx-iq{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);max-width:320px;margin:-10px 0 0 18px}
  .sx-stats{margin:-30px 12px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-st{padding:14px;border-left:0!important;border-top:1px solid var(--line2)}.sx-st:nth-child(-n+2){border-top:0}.sx-st:nth-child(even){border-left:1px solid var(--line2)!important}
  .sx-st b{font-size:22px}.sx-st .sx-ic{display:none}.sx-st span{font-size:12px}.sx-st:last-child:nth-child(odd){grid-column:1/-1}
  .sx-flow,.sx-feat,.sx-mks,.sx-faq,.sx-list{grid-template-columns:minmax(0,1fr)}
  .sx-fl-in{height:270px}.sx-fl-in.dark{height:auto;min-height:270px}.sx-fl-ar{right:auto;left:50%;top:auto;bottom:-25px;transform:translateX(-50%) rotate(90deg)}.sx-fl:nth-child(2) .sx-fl-ar{display:grid}
  .sx-flow{gap:28px}
  .sx-free-in{grid-template-columns:minmax(0,1fr);padding:32px 22px;gap:24px}
  .sx-prep{grid-template-columns:minmax(0,1fr);gap:22px}
  .sx-mos{grid-template-rows:150px 150px}
  .sx-mk{height:220px}
  .sx-cta{padding:44px 20px}
  .ax-hero .ax-hero-in{padding:30px 22px 34px}
  .ax-o{display:flex}.ax-o-img{min-height:0;height:250px}
  .ax-tl{grid-template-columns:minmax(0,1fr)}
}

/* v34: home banner "The finished product" (banner package) */
/* MACHORY · Homepage production banner */
.mhp-card {--ink:#17242b;--line:#e0e4e5;--muted:#4e5b60;--red:#d61035;color:var(--ink);font:500 14px/1.5 Manrope,system-ui,sans-serif;text-align:left;min-width:0;}
.mhp-card, .mhp-card * {box-sizing:border-box;}
.mhp-card :is(h2,h3,p) {margin:0;}
.mhp-card a {text-decoration:none;}
.mhp-card button {font:inherit;}
.mhp-card {--photo-focus:50%;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #dbe0e1;box-shadow:0 12px 28px -19px #15242d75;}
.mhp-card .mhp-focal {position:relative;isolation:isolate;height:clamp(184px,24.5vw,252px);background:#1d2a30;}
.mhp-card .mhp-focal img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% var(--photo-focus);}
.mhp-card .mhp-focal::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b141a62,transparent 86%),linear-gradient(0deg,#101a21ed,transparent 82%);pointer-events:none;}
.mhp-card .mhp-darkbadge {position:absolute;top:13px;left:15px;z-index:1;display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:4px;background:#15232bea;color:#fff;font-size:9.5px;letter-spacing:.095em;font-weight:800;}
.mhp-card .mhp-darkbadge i {width:6px;height:6px;background:#ff5473;display:inline-block;flex:none;border-radius:2px;}
.mhp-card .mhp-focalcopy {position:absolute;z-index:1;inset:auto 15px 15px;color:#fff;}
.mhp-card .mhp-focalcopy p {color:#ffa5b4;font-size:10px;letter-spacing:.14em;font-weight:800;margin-bottom:5px;}
.mhp-card h2 {font-size:clamp(26px,3.4vw,38px);line-height:1.04;letter-spacing:-.045em;font-weight:800;}
.mhp-card .mhp-cardbody {padding:12px 13px;}
.mhp-cardhead {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;}
.mhp-cardhead h3 {font-size:14px;font-weight:800;}
.mhp-cardhead > span {color:var(--muted);font-size:11px;white-space:nowrap;}
.mhp-card .mhp-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.mhp-card .mhp-steps button {min-width:0;min-height:44px;display:grid;gap:4px;text-align:left;align-content:start;padding:3px 3px 5px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:clamp(9px,1.25vw,11.5px);font-weight:800;line-height:1.3;cursor:pointer;}
.mhp-card .mhp-steps button[aria-pressed="true"] {border-color:var(--red);background:#fff1f3;color:#94162c;}
.mhp-card .mhp-thumb {position:relative;display:block;}
.mhp-card .mhp-thumb img {display:block;width:100%;height:clamp(40px,6vw,65px);object-fit:cover;border-radius:3px;background:#e1e5e7;}
.mhp-card .mhp-thumb b {position:absolute;top:4px;left:4px;border-radius:3px;color:#fff;background:#17242be8;padding:1px 4px;font-size:9px;}
.mhp-card .mhp-steps button[aria-pressed="true"] b {background:#bc1232;}
.mhp-card .mhp-steps button > span:last-child {padding-inline:2px;}
.mhp-card .mhp-description {font-size:11.5px;color:var(--muted);margin-top:7px;min-height:1.5em;}
.mhp-card .mhp-route {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:12px;font-weight:800;margin-top:9px;padding:7px 11px;border-radius:6px;background:var(--ink);color:#fff;}
.mhp-card .mhp-route span {font-size:16px;}
.mhp-card .mhp-route:hover {background:var(--red);}
@media(max-width:690px) {
  .mhp-card .mhp-focal {height:clamp(185px,49vw,255px);}
  .mhp-card .mhp-steps button {font-size:10px;}
  .mhp-card .mhp-thumb img {height:clamp(46px,12vw,66px);}
}

.mhp-card .mhp-darkbadge,.mhp-card .mhp-focalcopy p{text-transform:uppercase}
.hero-with-route>.mhp-card{align-self:center}
@media (max-width:820px){.hero-with-route>.mhp-card{width:100%}}