:root{--cx-red:#dc2d33;--cx-ink:#111214;--cx-paper:#f4f3f0;--cx-line:rgba(17,18,20,.13);--cx-ease:cubic-bezier(.22,1,.36,1)}
.cx-page{background:var(--cx-paper)}.cx-page .sx-header:not(.sx-scrolled){color:#fff;background:rgba(8,9,11,.3);border-bottom-color:rgba(255,255,255,.13);backdrop-filter:blur(15px)}.cx-page .sx-header:not(.sx-scrolled) .sx-brand img{filter:brightness(0) invert(1)}.cx-page .sx-header:not(.sx-scrolled) .sx-nav-link{color:#fff}.cx-page .sx-header:not(.sx-scrolled) .sx-icon{color:#fff;background:rgba(255,255,255,.08)}
.cx-main{overflow:clip;color:var(--cx-ink);background:var(--cx-paper);font-family:Arial,"Helvetica Neue",sans-serif}.cx-wrap{width:min(1380px,calc(100% - 48px));margin:auto}.cx-kicker{display:flex;align-items:center;gap:12px;margin:0 0 17px;color:#ff555a;font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.cx-kicker::before{content:"";width:28px;height:2px;background:currentColor}
.cx-hero{--cx-x:76%;--cx-y:28%;position:relative;isolation:isolate;min-height:590px;padding:145px 24px 76px;color:#fff;background:#090a0c}.cx-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at var(--cx-x) var(--cx-y),rgba(235,48,54,.5),transparent 19%),repeating-linear-gradient(124deg,transparent 0 82px,rgba(255,255,255,.045) 83px 84px),linear-gradient(112deg,#090a0c 0 52%,#271013 73%,#6a181d 100%)}.cx-hero::after{content:attr(data-word);position:absolute;z-index:-1;right:-2vw;bottom:-5vw;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);font-size:clamp(7rem,16vw,17rem);font-weight:900;letter-spacing:-.08em;white-space:nowrap;animation:cxWord 8s ease-in-out infinite alternate}.cx-hero-grid{width:min(1380px,100%);min-height:365px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:78px;align-items:end}.cx-hero h1{max-width:880px;margin:0;font-size:clamp(4.2rem,7vw,7.5rem);line-height:.83;letter-spacing:-.08em;text-wrap:balance}.cx-hero h1 span{display:block;color:#e53339}.cx-hero-copy>p:not(.cx-kicker){max-width:700px;margin:27px 0 0;color:rgba(255,255,255,.69);font-size:17px;line-height:1.7}.cx-index{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;border:1px solid rgba(255,255,255,.17);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.cx-index div{min-height:125px;padding:23px;background:rgba(12,12,14,.64)}.cx-index b{display:block;font-size:30px}.cx-index span{display:block;margin-top:30px;color:rgba(255,255,255,.54);font-size:11px;font-weight:800;letter-spacing:.1em}.cx-index .cx-index-wide{grid-column:1/-1;min-height:auto;background:var(--cx-red)}.cx-index-wide p{margin:0;color:#fff;font-size:15px;line-height:1.55}
.cx-categories{position:sticky;z-index:86;top:68px;padding:11px 18px;border-bottom:1px solid var(--cx-line);background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(0,0,0,.06);backdrop-filter:blur(16px)}.cx-categories>div{display:flex;justify-content:center;gap:8px;overflow:auto;scrollbar-width:none}.cx-categories a{flex:0 0 auto;padding:10px 17px;border:1px solid var(--cx-line);border-radius:999px;color:#222;background:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:.3s}.cx-categories a:hover{transform:translateY(-2px);border-color:rgba(220,45,51,.45)}.cx-categories a.active{color:#fff;border-color:var(--cx-red);background:var(--cx-red);box-shadow:0 9px 24px rgba(220,45,51,.24)}
.cx-catalog{padding:72px 0 110px}.cx-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:42px}.cx-head h2{max-width:760px;margin:0;font-size:clamp(3.1rem,5vw,5.4rem);line-height:.9;letter-spacing:-.065em}.cx-head>p{margin:0;padding-left:22px;border-left:3px solid var(--cx-red);color:#626262;font-size:16px;line-height:1.7}.cx-tools{position:sticky;z-index:55;top:137px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-bottom:24px;padding:14px;border:1px solid var(--cx-line);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 40px rgba(0,0,0,.075);backdrop-filter:blur(16px)}.cx-search{position:relative}.cx-search::before{content:"⌕";position:absolute;left:16px;top:50%;font-size:23px;transform:translateY(-53%)}.cx-search input{width:100%;padding:14px 16px 14px 47px;border:1px solid var(--cx-line);border-radius:9px;background:#f7f6f3;font:16px Arial,sans-serif;outline:none;transition:.3s}.cx-search input:focus{border-color:var(--cx-red);box-shadow:0 0 0 4px rgba(220,45,51,.1)}.cx-count{min-width:120px;color:#666;font-size:13px;font-weight:800;text-align:center}.cx-density{display:flex;gap:6px}.cx-density button{padding:12px 14px;border:1px solid var(--cx-line);border-radius:8px;color:#555;background:#fff;font:800 12px Arial,sans-serif;cursor:pointer;transition:.3s}.cx-density button:hover{border-color:rgba(220,45,51,.4)}.cx-density button.active{color:#fff;border-color:var(--cx-red);background:var(--cx-red)}
.cx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cx-grid.compact{grid-template-columns:repeat(5,1fr);gap:11px}.cx-card{position:relative;overflow:hidden;min-width:0;border:1px solid var(--cx-line);border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.055);transition:border-color .35s,box-shadow .35s}.cx-card:hover{border-color:rgba(220,45,51,.42);box-shadow:0 24px 56px rgba(0,0,0,.11)}.cx-stage{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:1;background:radial-gradient(circle at 50% 44%,#fff 0 17%,#efede9 56%,#e4e1dc 100%)}.cx-stage::before{content:"";position:absolute;width:62%;aspect-ratio:1;border:1px solid rgba(220,45,51,.15);border-radius:50%;box-shadow:0 0 0 23px rgba(220,45,51,.025),0 0 0 46px rgba(220,45,51,.014);transition:transform .58s var(--cx-ease),opacity .58s}.cx-card:hover .cx-stage::before{transform:scale(1.18);opacity:.5}.cx-stage::after{content:attr(data-code);position:absolute;left:18px;bottom:16px;color:rgba(17,18,20,.28);font-size:12px;font-weight:900;letter-spacing:.06em}.cx-stage img{position:relative;z-index:2;width:92%;height:92%;object-fit:contain;transform:scale(.9);filter:drop-shadow(0 19px 18px rgba(0,0,0,.18));transition:transform .62s var(--cx-ease),filter .62s}.cx-card:hover .cx-stage img{transform:scale(1.08);filter:drop-shadow(0 26px 23px rgba(0,0,0,.23))}.cx-info{min-height:155px;padding:22px}.cx-code{display:flex;justify-content:space-between;gap:12px;align-items:center}.cx-code small{color:#8a8a8a;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.cx-code b{color:var(--cx-red);font-size:16px}.cx-info p{margin:17px 0 0;color:#626262;font-size:15px;line-height:1.6}.cx-grid.compact .cx-info{min-height:128px;padding:17px}.cx-grid.compact .cx-info p{display:-webkit-box;overflow:hidden;margin-top:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px}.cx-grid.compact .cx-code{display:block}.cx-grid.compact .cx-code b{display:block;margin-top:5px;font-size:14px}.cx-empty{display:none;padding:75px 20px;border:1px dashed rgba(17,18,20,.22);border-radius:18px;text-align:center}.cx-empty.show{display:block}.cx-empty h3{margin:0 0 10px;font-size:28px}.cx-empty p{margin:0;color:#666;font-size:16px}.cx-card.filtered{display:none}
.cx-guide{padding:105px 0;color:#fff;background:linear-gradient(120deg,#111214,#241012 58%,#74181d)}.cx-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.cx-guide h2{margin:0;font-size:clamp(3rem,5vw,5.5rem);line-height:.9;letter-spacing:-.065em}.cx-guide p{margin:0 0 25px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.7}.cx-guide a{display:flex;justify-content:space-between;padding:16px 18px;border-radius:9px;color:#171717;background:#fff;text-decoration:none;font-size:13px;font-weight:900;transition:.35s}.cx-guide a:hover{color:#fff;background:var(--cx-red);transform:translateY(-4px)}
.cx-reveal{opacity:0;filter:blur(4px);transform:translateY(30px);transition:opacity .72s var(--cx-ease),transform .72s var(--cx-ease),filter .72s}.cx-reveal.in{opacity:1;filter:none;transform:none}.cx-card:nth-child(2){transition-delay:.05s}.cx-card:nth-child(3){transition-delay:.1s}.cx-card:nth-child(4){transition-delay:.15s}
@keyframes cxWord{to{transform:translateX(-22px)}}
@media(max-width:1160px){.cx-grid{grid-template-columns:repeat(3,1fr)}.cx-grid.compact{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.cx-hero-grid,.cx-head,.cx-guide-grid{grid-template-columns:1fr}.cx-hero-grid{gap:42px}.cx-index{max-width:620px}.cx-tools{top:132px;grid-template-columns:1fr auto}.cx-count{grid-column:1/-1;grid-row:2;text-align:left}.cx-grid,.cx-grid.compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cx-wrap{width:min(100% - 30px,100%)}.cx-hero{min-height:650px;padding:124px 17px 67px}.cx-hero h1{font-size:clamp(3.5rem,18vw,5rem)}.cx-hero-copy>p:not(.cx-kicker){font-size:16px}.cx-categories{padding-inline:12px}.cx-categories a{padding:9px 14px}.cx-catalog{padding:62px 0 78px}.cx-head{gap:23px;margin-bottom:34px}.cx-head h2,.cx-guide h2{font-size:clamp(2.7rem,13vw,3.9rem)}.cx-tools{position:relative;top:auto;grid-template-columns:1fr}.cx-count{grid-row:auto}.cx-density{display:grid;grid-template-columns:1fr 1fr}.cx-grid,.cx-grid.compact{grid-template-columns:1fr}.cx-info,.cx-grid.compact .cx-info{min-height:0}.cx-grid.compact .cx-info p{display:block;font-size:15px}.cx-grid.compact .cx-code{display:flex}.cx-guide{padding:78px 0}}
@media(prefers-reduced-motion:reduce){.cx-hero::after{animation:none}.cx-reveal{opacity:1;filter:none;transform:none}.cx-stage img,.cx-stage::before{transition:none}}

/* Mobile catalog: two products per row and much faster access to the models. */
@media(max-width:620px){
  .cx-hero{min-height:430px!important;padding:104px 17px 38px!important}
  .cx-hero-grid{gap:24px!important}
  .cx-hero h1{max-width:330px;font-size:clamp(2.65rem,13vw,3.55rem)!important;line-height:.89!important}
  .cx-hero-copy>p:not(.cx-kicker){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:18px!important;font-size:14px!important;line-height:1.5!important}
  .cx-index{display:none!important}
  .cx-categories{top:68px;padding:8px 10px!important}
  .cx-categories>div{gap:6px!important}
  .cx-categories a{padding:8px 12px!important;font-size:10px!important;white-space:nowrap}
  .cx-catalog{padding:36px 0 58px!important}
  .cx-head{display:block!important;margin-bottom:22px!important}
  .cx-head h2{font-size:clamp(2.05rem,10vw,2.75rem)!important;line-height:.94!important}
  .cx-head>p{display:none!important}
  .cx-tools{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-bottom:14px!important;padding:8px!important;border-radius:12px!important}
  .cx-search input{padding:11px 10px 11px 38px!important;font-size:13px!important}
  .cx-search::before{left:12px!important;font-size:19px!important}
  .cx-count{min-width:auto!important;padding-right:6px;font-size:10px!important;white-space:nowrap}
  .cx-density{display:none!important}
  .cx-grid,.cx-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cx-card{border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.05)!important}
  .cx-stage{aspect-ratio:1!important}
  .cx-stage::after{left:10px!important;bottom:9px!important;font-size:8px!important}
  .cx-stage::before{width:58%!important;box-shadow:0 0 0 12px rgba(220,45,51,.025),0 0 0 24px rgba(220,45,51,.014)!important}
  .cx-stage img{width:94%!important;height:94%!important}
  .cx-info,.cx-grid.compact .cx-info{min-height:94px!important;padding:11px!important}
  .cx-code,.cx-grid.compact .cx-code{display:block!important}
  .cx-code small{font-size:7px!important}
  .cx-code b,.cx-grid.compact .cx-code b{display:block;margin-top:4px;font-size:11px!important;overflow-wrap:anywhere}
  .cx-info p,.cx-grid.compact .cx-info p{display:-webkit-box!important;overflow:hidden;margin-top:8px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px!important;line-height:1.4!important}
  .cx-guide{padding:48px 0!important}
  .cx-guide-grid{gap:20px!important}
  .cx-guide h2{font-size:2.35rem!important}
}
