@font-face{font-family:InterFallback;src:local("Inter");font-display:swap}
:root{
  --navy:#002b54;--deep:#001d39;--cyan:#00aeef;--cyan-soft:#dff6ff;
  --paper:#f4f2ec;--card:#fff;--ink:#17212b;--muted:#6b7580;--line:#d9dfe3;
  --success:#177c4c;--warning:#a96000;--danger:#a63232;--radius:18px;
  --shadow:0 18px 54px rgba(0,43,84,.11);--shell:min(1180px,calc(100% - 32px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 InterFallback,Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}
.shell{width:var(--shell);margin-inline:auto}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,242,236,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,43,84,.1)}
.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:block;width:166px}.brand img{width:100%;height:auto}
.sync-state{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap}
.sync-dot{width:9px;height:9px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 5px rgba(169,96,0,.12)}
.sync-state.live .sync-dot{background:var(--success);box-shadow:0 0 0 5px rgba(23,124,76,.12)}
.sync-state.fallback .sync-dot{background:var(--warning)}
.hero{padding:54px 0 46px;background:var(--navy);color:white;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-170px;top:-235px;box-shadow:0 0 0 72px rgba(255,255,255,.025),0 0 0 144px rgba(255,255,255,.018);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.55fr .45fr;gap:42px;align-items:end}
.kicker,.section-number{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.hero h1{font-size:clamp(48px,7.3vw,94px);line-height:.91;letter-spacing:-.065em;max-width:850px;margin:24px 0 26px}
.hero h1 span{color:var(--cyan)}
.hero-copy>p{max-width:690px;margin:0;color:#c7d4df;font-size:clamp(17px,2vw,21px);line-height:1.5}
.hero-panel{border-left:1px solid rgba(255,255,255,.2);padding:10px 0 10px 28px;min-width:220px}
.live-label{display:flex;align-items:center;gap:8px;color:#bfd2df;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:750}
.live-label span{width:8px;height:8px;background:#5de397;border-radius:50%;box-shadow:0 0 0 5px rgba(93,227,151,.12)}
.hero-panel strong{display:block;font-size:76px;line-height:1;letter-spacing:-.08em;margin:24px 0 4px}
.hero-panel>p{margin:0;color:#bfd2df}.hero-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#8ea9ba}
.catalog-section{padding:72px 0 90px}
.catalog-head{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:end;margin-bottom:32px}
.catalog-head h2,.help-section h2{font-size:clamp(37px,5.2vw,68px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}
.catalog-head>p{color:var(--muted);margin:0 0 6px}
.controls{position:sticky;top:74px;z-index:30;background:rgba(244,242,236,.95);backdrop-filter:blur(14px);padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}
.search-box{width:min(360px,100%);height:44px;display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:999px;padding:0 15px;transition:border-color .18s,box-shadow .18s}
.search-box:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,174,239,.13)}
.search-box svg{width:18px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}
.search-box input::placeholder{color:#929aa2}
.filter-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}
.filter{height:40px;padding:0 14px;border:1px solid var(--line);background:transparent;color:#54606a;border-radius:999px;white-space:nowrap;cursor:pointer;transition:.18s ease}
.filter:hover{border-color:#9aabb8;color:var(--navy)}.filter.active{background:var(--navy);border-color:var(--navy);color:white}
.catalog{display:grid;gap:16px}
.product-card{display:grid;grid-template-columns:42% 58%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 0 rgba(0,43,84,.03);animation:card-in .42s both;animation-delay:calc(var(--i) * 36ms)}
.product-card:hover{box-shadow:var(--shadow)}
.product-media{position:relative;min-height:380px;background:#eef1f3;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--line)}
.product-media:before{content:"";position:absolute;inset:20px;border:1px solid rgba(0,43,84,.07);border-radius:12px;pointer-events:none}
.product-media img{width:100%;height:100%;object-fit:contain;padding:34px;transition:transform .35s ease;mix-blend-mode:multiply}
.product-card:hover .product-media img{transform:scale(1.025)}
.product-index{position:absolute;left:20px;top:18px;z-index:2;background:var(--navy);color:white;font-size:12px;font-weight:800;letter-spacing:.08em;padding:7px 10px;border-radius:999px}
.product-body{padding:32px 34px 28px;display:flex;flex-direction:column}
.product-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.product-type{margin:0 0 8px;color:var(--cyan);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.product-title{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.05;letter-spacing:-.04em;max-width:620px}
.status{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;background:#edf1f3;color:#5d6872}
.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.status.in{background:#e5f6ed;color:var(--success)}.status.wait{background:#fff1dd;color:var(--warning)}.status.order{background:#e8f2fb;color:#21638d}.status.out{background:#f8e9e9;color:var(--danger)}
.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:26px 0 20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.price{font-size:clamp(31px,4vw,48px);line-height:1;font-weight:850;letter-spacing:-.055em;color:var(--navy)}
.price-note{font-size:12px;color:var(--muted)}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.spec{background:#f5f7f8;border-radius:12px;padding:13px 14px;min-height:76px}
.spec span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.spec b{font-size:17px;color:var(--navy)}
.use-case{margin:0 0 18px;font-size:16px;line-height:1.55;color:#3f4a54}
.details{border-top:1px solid var(--line);padding-top:10px;margin-top:auto}
.details summary{cursor:pointer;list-style:none;font-weight:750;color:var(--navy);padding:8px 0}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"+";float:right;font-size:20px;line-height:1}.details[open] summary:after{content:"−"}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:9px 0 4px;color:var(--muted);font-size:13px}.details-grid strong{display:block;color:var(--ink);margin-bottom:4px}
.product-link{align-self:flex-start;margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:800;text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:3px}.product-link:hover{color:#006b9b}
.loading-card,.empty-state{min-height:220px;border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);background:white}.loading-card span{width:28px;height:28px;border:3px solid #dce4e8;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.loading-card p{margin:14px 20px}.empty-state{margin-top:16px}.empty-state strong{font-size:24px;color:var(--navy)}.empty-state p{margin:5px 0 0}
.help-section{background:var(--navy);color:white;padding:74px 0}
.help-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end}.section-number.light{color:#83dfff}.help-copy>p{color:#c5d5df;font-size:18px;max-width:570px;margin:0 0 28px}.contact-list{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.contact-list a{font-size:24px;font-weight:850;text-decoration:none;color:white}.contact-list span{align-self:center;color:#aac1cf}
.footer{padding:28px 0 96px;background:var(--deep);color:#89a4b5}.footer-inner{display:flex;justify-content:space-between;gap:18px;font-size:13px}.footer a{color:white;text-decoration:none}
.contact-dock{position:fixed;z-index:80;right:22px;bottom:22px;display:flex;gap:8px;padding:7px;background:rgba(0,29,57,.9);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);border-radius:17px;box-shadow:0 18px 44px rgba(0,29,57,.28)}
.contact-button{height:48px;display:flex;align-items:center;gap:9px;padding:0 17px;border-radius:11px;color:white;text-decoration:none;font-weight:800;transition:transform .14s,filter .14s}.contact-button:active{transform:scale(.96)}.contact-button:hover{filter:brightness(1.06)}
.contact-button img{width:24px;height:24px;object-fit:contain}.contact-button.telegram{background:#229ed9}.contact-button.max{background:#5964f2}.contact-button.max img{border-radius:7px}
.noscript{position:fixed;inset:auto 12px 12px;background:#fff1dd;border:1px solid #e0b677;padding:12px;z-index:100;border-radius:8px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:860px){
  .hero-grid,.catalog-head,.help-grid{grid-template-columns:1fr}.hero-panel{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:22px 0 0;display:grid;grid-template-columns:auto 1fr;column-gap:20px}.hero-panel strong{grid-row:1/4;margin:0}.hero-note{grid-column:1/-1}
  .catalog-head{gap:16px}.catalog-head>p{max-width:520px}.controls{align-items:stretch;flex-direction:column}.search-box{width:100%}
  .product-card{grid-template-columns:1fr}.product-media{border-right:0;border-bottom:1px solid var(--line);min-height:340px}.help-grid{gap:30px}
}
@media(max-width:600px){
  :root{--shell:min(100% - 22px,1180px)}
  .header-inner{height:64px}.brand{width:140px}.sync-state span:last-child{max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .hero{padding:38px 0 34px}.hero h1{font-size:50px}.hero-copy>p{font-size:16px}.hero-panel{display:none}
  .catalog-section{padding:48px 0 68px}.catalog-head h2,.help-section h2{font-size:39px}.controls{top:64px;margin-inline:-11px;padding:10px 11px}.filter-row{margin-inline:-11px;padding-inline:11px}
  .product-media{min-height:290px}.product-media img{padding:28px}.product-index{left:14px;top:14px}
  .product-body{padding:23px 19px 20px}.product-top{display:block}.status{margin-top:14px}.price-line{margin:20px 0 16px}.price{font-size:36px}.price-note{display:none}
  .spec-grid{grid-template-columns:repeat(2,1fr)}.spec:last-child:nth-child(3){grid-column:1/-1}.details-grid{grid-template-columns:1fr}
  .help-section{padding:56px 0}.help-copy>p{font-size:16px}.contact-list{display:grid}.contact-list a{font-size:22px}
  .footer{padding-bottom:105px}.footer-inner{display:grid}
  .contact-dock{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:6px;border-radius:15px}.contact-button{flex:1;justify-content:center;padding:0 10px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}