/* ============================================================
   FURD KZ — main.css
   Binance-style: yellow (#FCD535) accent on monochrome / black.
   Fonts: Sora (display) + IBM Plex Sans (body) + IBM Plex Mono (data)
   ============================================================ */

:root{
  --jet:#0B0E11;        /* deepest black bg (Binance) */
  --obs:#12161C;        /* section bg */
  --obs-2:#1E2329;      /* card / panel bg (Binance) */
  --obs-3:#2B3139;      /* raised */
  --line:#2B3139;       /* hairline border */
  --line-2:#363d47;
  --hi:#FCD535;         /* signature yellow */
  --hi-2:#F0B90B;       /* deeper gold */
  --bone:#EAECEF;       /* primary text */
  --smoke:#848E9C;      /* secondary text (Binance grey) */
  --smoke-2:#5E6673;    /* tertiary */
  --good:#22c55e;

  --font-display:"Sora",sans-serif;
  --font-sans:"IBM Plex Sans",sans-serif;
  --font-mono:"IBM Plex Mono",monospace;

  --maxw:1320px;
  --pad:clamp(20px,5vw,72px);
  --hdr-h:72px;
  --r:6px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--jet);
  color:var(--bone);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
::selection{background:var(--hi);color:var(--jet)}

h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-.02em;
  /* never split words mid-syllable: wrap only on word boundaries */
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  -webkit-hyphens:none;
  text-wrap:balance;
}
.accent{color:var(--hi)}

/* ---------- layout primitives ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad);width:100%}
.section{padding-block:clamp(72px,10vw,140px);position:relative}
.eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--hi);
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:22px;
}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--hi)}
.h-sec{
  font-size:clamp(2rem,5.4vw,4rem);
  margin-bottom:18px;
}
.lead{
  color:var(--smoke);
  font-size:clamp(1rem,1.4vw,1.18rem);
  max-width:62ch;
  line-height:1.65;
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 26px;
  font-family:var(--font-sans);
  font-weight:600;font-size:14px;letter-spacing:.01em;
  border-radius:var(--r);
  transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s;
  white-space:nowrap;
  border:1px solid transparent;
}
.btn svg{width:18px;height:18px;flex-shrink:0}
.btn-primary{background:var(--hi);color:var(--jet);font-weight:700}
.btn-primary:hover{background:#ffe05a;transform:translateY(-2px);box-shadow:0 10px 30px -10px rgba(252,213,53,.55)}
.btn-wa{background:#25D366;color:#04210f;font-weight:700}
.btn-wa:hover{background:#2ee575;transform:translateY(-2px);box-shadow:0 10px 30px -10px rgba(37,211,102,.5)}
.btn-ghost{background:transparent;color:var(--bone);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--hi);color:var(--hi)}

/* ============================================================
   HEADER (single, fixed) — desktop nav vs mobile drawer
   ============================================================ */
.header{
  position:fixed;top:0;left:0;right:0;z-index:120;
  height:var(--hdr-h);
  background:rgba(11,14,17,.82);
  backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;
  transition:background .3s,border-color .3s;
}
.header.scrolled{background:rgba(11,14,17,.95);border-bottom-color:var(--line)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:18px}

.brand{display:flex;align-items:baseline;gap:2px;flex-shrink:0;line-height:1}
.brand b{font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:.01em;color:var(--bone)}
.brand .z{color:var(--hi)}
.brand .kz{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;
  color:var(--jet);background:var(--hi);padding:3px 6px;border-radius:3px;
  margin-left:8px;font-weight:600;align-self:center;
}

/* desktop nav */
.nav-desk{display:flex;align-items:center;gap:6px}
.nav-desk a{
  font-size:13.5px;color:var(--smoke);font-weight:500;
  padding:8px 13px;border-radius:var(--r);transition:color .2s,background .2s;
}
.nav-desk a:hover{color:var(--bone);background:var(--obs-2)}

.hdr-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lang{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r);padding:3px;background:var(--obs-2)}
.lang button{
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;
  padding:5px 8px;border-radius:4px;color:var(--smoke);transition:.2s;text-transform:uppercase;
}
.lang button.active{background:var(--hi);color:var(--jet)}
.lang button:not(.active):hover{color:var(--bone)}

.hdr-wa{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--hi);color:var(--jet);font-weight:700;font-size:13px;
  padding:9px 16px;border-radius:var(--r);transition:.2s;
}
.hdr-wa:hover{background:#ffe05a;transform:translateY(-1px)}
.hdr-wa svg{width:16px;height:16px}

/* burger — hidden on desktop */
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--r);background:var(--obs-2);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{width:18px;height:2px;background:var(--bone);transition:.3s;border-radius:2px}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile drawer — display:none on desktop */
.drawer{
  display:none;
  position:fixed;inset:var(--hdr-h) 0 0 0;z-index:110;
  background:rgba(11,14,17,.98);backdrop-filter:blur(10px);
  flex-direction:column;padding:24px var(--pad) 40px;
  opacity:0;pointer-events:none;transform:translateY(-8px);
  transition:opacity .3s,transform .3s;
  overflow-y:auto;
}
.drawer.open{opacity:1;pointer-events:auto;transform:none}
.drawer a{
  font-family:var(--font-display);font-weight:700;font-size:1.4rem;
  color:var(--bone);padding:15px 0;border-bottom:1px solid var(--line);
}
.drawer a:active{color:var(--hi)}
.drawer .drawer-cta{margin-top:26px;display:flex;flex-direction:column;gap:12px}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;
  padding-top:calc(var(--hdr-h) + clamp(48px,9vw,110px));
  padding-bottom:clamp(56px,8vw,96px);
  overflow:hidden;
  background:
    radial-gradient(120% 90% at 82% 8%, rgba(252,213,53,.14), transparent 55%),
    radial-gradient(80% 60% at 5% 100%, rgba(252,213,53,.05), transparent 60%),
    var(--jet);
}
.hero-grid-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 20%,#000 30%,transparent 78%);
  mask-image:radial-gradient(ellipse 80% 70% at 60% 20%,#000 30%,transparent 78%);
}
.hero .wrap{position:relative;z-index:1}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bone);background:var(--obs-2);border:1px solid var(--line);
  padding:8px 15px;border-radius:40px;margin-bottom:26px;
}
.hero-badge .dot{width:7px;height:7px;background:var(--hi);border-radius:50%;box-shadow:0 0 0 4px rgba(252,213,53,.18)}
.hero h1{
  font-size:clamp(2.6rem,7vw,5.6rem);
  margin-bottom:24px;
}
.hero h1 .l{display:block}
.hero p.sub{
  color:var(--smoke);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.62;
  max-width:60ch;margin-bottom:34px;
}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:46px}
.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
}
.hero-stats .st{background:var(--jet);padding:20px 18px}
.hero-stats .st .n{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,2.6vw,2.1rem);color:var(--hi);line-height:1}
.hero-stats .st .l{font-size:11.5px;color:var(--smoke);margin-top:7px;line-height:1.35}

/* hero visual */
.hero-visual{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#171c22,#0e1216);min-height:340px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.hero-visual img{width:100%;height:100%;object-fit:contain;aspect-ratio:4/5;filter:saturate(1.02)}
.hero-visual .scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,14,17,.55) 78%,rgba(11,14,17,.92) 100%)}
.hero-visual .tag{
  position:absolute;left:18px;bottom:16px;right:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;z-index:2;
}
.hero-visual .tag .code{font-family:var(--font-mono);font-size:12px;color:var(--hi);letter-spacing:.1em}
.hero-visual .tag .nm{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--bone)}
.hero-visual .tag .pr{font-family:var(--font-mono);font-size:11px;color:var(--smoke);text-align:right}
.hero-float{
  position:absolute;top:16px;left:16px;z-index:2;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(11,14,17,.7);border:1px solid var(--line);color:var(--bone);
  padding:6px 11px;border-radius:30px;backdrop-filter:blur(6px);
}

/* marquee ticker */
.ticker{border-block:1px solid var(--line);background:var(--obs);overflow:hidden;white-space:nowrap}
.ticker-row{display:inline-flex;align-items:center;gap:0;animation:tick 38s linear infinite;will-change:transform}
.ticker:hover .ticker-row{animation-play-state:paused}
.ticker-row .it{
  display:inline-flex;align-items:center;gap:12px;padding:14px 30px;
  font-family:var(--font-mono);font-size:13px;color:var(--smoke);letter-spacing:.04em;
}
.ticker-row .it b{color:var(--bone);font-weight:600}
.ticker-row .it::after{content:"";width:5px;height:5px;background:var(--hi);border-radius:50%;margin-left:18px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   CATEGORIES
   ============================================================ */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.cat-grid .feat{grid-column:span 1}
.cat-card{
  position:relative;display:flex;flex-direction:column;
  background:var(--obs-2);border:1px solid var(--line);border-radius:10px;
  padding:26px;min-height:230px;overflow:hidden;
  transition:transform .3s,border-color .3s,background .3s;
}
.cat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(252,213,53,.08),transparent 60%);opacity:0;transition:opacity .3s}
.cat-card:hover{transform:translateY(-5px);border-color:var(--line-2)}
.cat-card:hover::before{opacity:1}
.cat-card .ix{font-family:var(--font-mono);font-size:12px;color:var(--smoke-2);letter-spacing:.1em}
.cat-card .ic{
  width:52px;height:52px;border-radius:var(--r);margin:14px 0 18px;
  background:rgba(252,213,53,.1);border:1px solid rgba(252,213,53,.25);
  display:flex;align-items:center;justify-content:center;color:var(--hi);
  transition:background .3s;
}
.cat-card:hover .ic{background:var(--hi);color:var(--jet)}
.cat-card .ic svg{width:26px;height:26px}
.cat-card h3{font-size:1.32rem;margin-bottom:10px}
.cat-card p{color:var(--smoke);font-size:14px;line-height:1.55;flex:1}
.cat-card .go{
  display:inline-flex;align-items:center;gap:7px;margin-top:18px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--hi);
  transition:gap .25s;text-transform:uppercase;
}
.cat-card:hover .go{gap:13px}
.cat-card .go svg{width:14px;height:14px}

/* ============================================================
   MODELS showcase
   ============================================================ */
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.model-card{
  display:flex;flex-direction:column;
  background:var(--obs-2);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.model-card:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:0 30px 60px -28px rgba(0,0,0,.7)}
.model-media{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,#171c22,#0d1115);overflow:hidden}
.model-media img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.model-card:hover .model-media img{transform:scale(1.06)}
.model-media .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,14,17,.05) 0%,transparent 35%,rgba(11,14,17,.5) 100%)}
.model-media .cls{
  position:absolute;top:12px;left:12px;z-index:2;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(11,14,17,.78);border:1px solid var(--line);color:var(--hi);
  padding:5px 10px;border-radius:30px;backdrop-filter:blur(4px);
}
.model-body{padding:20px;display:flex;flex-direction:column;flex:1}
.model-body .code{font-family:var(--font-mono);font-size:12px;color:var(--hi);letter-spacing:.08em;margin-bottom:5px}
.model-body h3{font-size:1.18rem;margin-bottom:14px;line-height:1.2}
.spec-list{display:flex;flex-direction:column;gap:0;margin-bottom:18px;border-top:1px solid var(--line)}
.spec-list .row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
.spec-list .row .k{color:var(--smoke)}
.spec-list .row .v{color:var(--bone);font-family:var(--font-mono);font-weight:500;text-align:right}
.model-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.model-foot .price{font-family:var(--font-mono);font-size:12px;color:var(--smoke);letter-spacing:.04em}
.model-foot .req{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:600;color:var(--jet);background:var(--hi);
  padding:9px 15px;border-radius:var(--r);transition:.2s;
}
.model-foot .req:hover{background:#ffe05a;transform:translateY(-1px)}
.model-foot .req svg{width:15px;height:15px}

/* ============================================================
   WHY (advantages)
   ============================================================ */
.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:50px}
.why-card{
  background:var(--obs-2);border:1px solid var(--line);border-radius:10px;padding:28px;
  display:flex;flex-direction:column;transition:transform .3s,border-color .3s;position:relative;overflow:hidden;
}
.why-card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.why-card.span3{grid-column:span 3}
.why-card.span2{grid-column:span 2}
.why-card .num{font-family:var(--font-mono);font-size:12px;color:var(--hi);letter-spacing:.12em;margin-bottom:18px}
.why-card .ic{width:46px;height:46px;border-radius:var(--r);background:rgba(252,213,53,.1);border:1px solid rgba(252,213,53,.22);display:flex;align-items:center;justify-content:center;color:var(--hi);margin-bottom:18px}
.why-card .ic svg{width:24px;height:24px}
.why-card h3{font-size:1.28rem;margin-bottom:11px}
.why-card p{color:var(--smoke);font-size:14.5px;line-height:1.6}

/* ============================================================
   TRUST / certificates
   ============================================================ */
.trust{background:
  radial-gradient(90% 70% at 95% 0%,rgba(252,213,53,.07),transparent 55%),
  var(--obs);
  border-block:1px solid var(--line)}
.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:start}
.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cert{
  display:flex;align-items:center;gap:14px;padding:18px;
  background:var(--obs-2);border:1px solid var(--line);border-radius:var(--r);
  transition:border-color .3s,transform .3s;
}
.cert:hover{border-color:var(--hi);transform:translateY(-3px)}
.cert .badge{
  width:46px;height:46px;flex-shrink:0;border-radius:var(--r);
  background:rgba(252,213,53,.1);border:1px solid rgba(252,213,53,.25);
  display:flex;align-items:center;justify-content:center;color:var(--hi);
  font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.02em;
}
.cert .badge svg{width:24px;height:24px}
.cert .txt{font-size:13.5px;line-height:1.35;color:var(--bone)}

/* ============================================================
   ABOUT
   ============================================================ */
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:center}
.about-copy p{color:var(--smoke);margin-bottom:18px;line-height:1.7;font-size:15.5px}
.about-copy p strong{color:var(--bone);font-weight:600}
.about-figs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:30px}
.about-figs .fig{background:var(--obs-2);padding:24px}
.about-figs .fig .n{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--hi);line-height:1}
.about-figs .fig .l{font-size:12.5px;color:var(--smoke);margin-top:8px}
.about-photo{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);min-height:420px;background:linear-gradient(160deg,#171c22,#0e1216);box-shadow:0 40px 80px -34px rgba(0,0,0,.7)}
.about-photo img{width:100%;height:100%;object-fit:contain;aspect-ratio:3/4}
.about-photo .scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,14,17,.85) 100%)}
.about-photo .cap{position:absolute;left:20px;bottom:18px;right:20px;z-index:2}
.about-photo .cap .t{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--bone)}
.about-photo .cap .s{font-family:var(--font-mono);font-size:11px;color:var(--hi);letter-spacing:.08em;margin-top:4px}

/* ============================================================
   VIDEO — "FURD в работе"
   ============================================================ */
.video-sec{background:
  radial-gradient(85% 70% at 10% 0%,rgba(252,213,53,.06),transparent 55%),
  var(--obs);
  border-block:1px solid var(--line)}
.video-grid{margin-top:50px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.video-frame{
  position:relative;border-radius:12px;overflow:hidden;
  border:1px solid var(--line);background:var(--obs-2);
  box-shadow:0 40px 80px -34px rgba(0,0,0,.7);
}
.video-frame::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(252,213,53,.12);border-radius:12px}
.video-ratio{position:relative;width:100%;padding-bottom:56.25%;height:0;background:#0e1216}
.video-ratio iframe,
.video-ratio .video-native{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-ratio .video-native{object-fit:cover;background:#0e1216}
@media(max-width:760px){.video-grid{grid-template-columns:1fr;gap:24px;margin-top:36px}}
.video-cap{
  display:flex;align-items:center;gap:12px;
  padding:14px 20px;border-top:1px solid var(--line);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--smoke);
}
.video-cap .dot{width:8px;height:8px;border-radius:50%;background:var(--hi);flex-shrink:0;box-shadow:0 0 0 4px rgba(252,213,53,.16)}

/* ============================================================
   GALLERY — реальные фото
   ============================================================ */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.gal-item{
  position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;
  border-radius:10px;border:1px solid var(--line);background:linear-gradient(160deg,#171c22,#0d1115);cursor:pointer;
  transition:transform .3s,border-color .3s,box-shadow .3s;padding:0;
}
.gal-item img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.gal-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,14,17,.55) 100%);opacity:.7;transition:opacity .3s}
.gal-item:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 30px 60px -28px rgba(0,0,0,.7)}
.gal-item:hover img{transform:scale(1.06)}
.gal-item:hover::after{opacity:.45}
.gal-item .zoom{
  position:absolute;right:12px;bottom:12px;z-index:2;
  width:34px;height:34px;border-radius:var(--r);
  background:rgba(11,14,17,.72);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--hi);
  backdrop-filter:blur(4px);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;
}
.gal-item:hover .zoom{opacity:1;transform:none}
.gal-item .zoom svg{width:17px;height:17px}

/* lightbox */
.lightbox{
  position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(7,9,11,.93);backdrop-filter:blur(8px);
  opacity:0;pointer-events:none;transition:opacity .3s;padding:clamp(16px,4vw,56px);
}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox figure{position:relative;max-width:1100px;width:100%;display:flex;flex-direction:column;align-items:center}
.lightbox img{
  max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;
  border-radius:10px;border:1px solid var(--line-2);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);
  transform:scale(.96);transition:transform .3s;
}
.lightbox.open img{transform:none}
.lightbox figcaption{
  margin-top:16px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;
  color:var(--smoke);text-align:center;max-width:64ch;line-height:1.5;
}
.lb-close{
  position:absolute;top:-12px;right:-12px;z-index:3;
  width:44px;height:44px;border-radius:50%;
  background:var(--hi);color:var(--jet);display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.6);transition:transform .2s;
}
.lb-close:hover{transform:scale(1.08)}
.lb-close svg{width:20px;height:20px}

/* ============================================================
   CONTACT
   ============================================================ */
.contact{background:
  radial-gradient(80% 70% at 15% 10%,rgba(252,213,53,.06),transparent 55%),
  var(--jet)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,64px);align-items:start}
.contact-form{
  background:var(--obs-2);border:1px solid var(--line);border-radius:12px;padding:clamp(24px,3vw,38px);
}
.contact-form .fld{margin-bottom:14px}
.contact-form label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke);margin-bottom:7px}
.contact-form input,.contact-form textarea{
  width:100%;background:var(--jet);border:1px solid var(--line);border-radius:var(--r);
  color:var(--bone);padding:13px 15px;font-size:15px;font-family:var(--font-sans);
  outline:0;transition:border-color .2s;
}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--hi)}
.contact-form textarea{resize:vertical;min-height:84px}
.hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0}
.contact-form .submit{width:100%;margin-top:8px}
.form-status{margin-top:14px;font-size:13.5px;line-height:1.45;min-height:0}
.form-status.ok{color:#5cd685}
.form-status.err{color:#ff9a6b}
.contact-or{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--smoke-2);font-size:12px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.contact-or::before,.contact-or::after{content:"";flex:1;height:1px;background:var(--line)}

.contact-info{display:flex;flex-direction:column;gap:16px}
.cinfo{
  display:flex;align-items:flex-start;gap:16px;padding:20px;
  background:var(--obs-2);border:1px solid var(--line);border-radius:10px;
  transition:border-color .3s;
}
.cinfo:hover{border-color:var(--line-2)}
.cinfo .ic{width:44px;height:44px;flex-shrink:0;border-radius:var(--r);background:rgba(252,213,53,.1);border:1px solid rgba(252,213,53,.22);display:flex;align-items:center;justify-content:center;color:var(--hi)}
.cinfo .ic svg{width:22px;height:22px}
.cinfo .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke);margin-bottom:5px}
.cinfo .v{font-size:16px;color:var(--bone);font-weight:500;overflow-wrap:anywhere}
.cinfo a.v:hover{color:var(--hi)}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--obs);border-top:1px solid var(--line);padding-block:clamp(48px,6vw,72px) 30px}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:48px}
.footer .brand{margin-bottom:18px}
.footer-desc{color:var(--smoke);font-size:14px;line-height:1.6;max-width:36ch}
.footer-col h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--smoke-2);margin-bottom:18px;font-weight:600}
.footer-col a,.footer-col span{display:block;color:var(--smoke);font-size:14px;padding:6px 0;transition:color .2s}
.footer-col a:hover{color:var(--hi)}
.footer-disc{color:var(--smoke-2);font-size:12px;line-height:1.6;border-top:1px solid var(--line);padding-top:24px;margin-bottom:18px;max-width:92ch}
.footer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;color:var(--smoke-2);font-size:12.5px;font-family:var(--font-mono)}
.footer-bar .made{color:var(--smoke-2)}

/* ============================================================
   FLOATING WhatsApp + AI
   ============================================================ */
.floats{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:90;display:flex;flex-direction:column;gap:12px}
.float-btn{
  width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.5);transition:transform .25s;position:relative;
}
.float-btn:hover{transform:translateY(-3px) scale(1.04)}
.float-btn svg{width:27px;height:27px}
.float-wa{background:#25D366;color:#fff}
.float-ai{background:var(--hi);color:var(--jet)}
.float-ai .ai-lbl{font-family:var(--font-display);font-weight:800;font-size:15px}
.float-btn .pulse{position:absolute;inset:0;border-radius:50%;animation:fpulse 2.4s infinite}
.float-wa .pulse{box-shadow:0 0 0 0 rgba(37,211,102,.5)}
@keyframes fpulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ============================================================
   SCROLL-TO-TOP — bottom-LEFT, brand yellow, contrast ring
   (right side reserved for WhatsApp + AI floats)
   ============================================================ */
.to-top{
  position:fixed;
  left:clamp(14px,3vw,28px);
  bottom:clamp(14px,3vw,28px);
  z-index:95;
  width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--hi);color:var(--jet);
  border:2px solid var(--jet);
  box-shadow:0 12px 30px -8px rgba(0,0,0,.6),0 0 0 4px rgba(252,213,53,.18);
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);
  transition:opacity .3s ease,transform .3s ease,visibility .3s,background .2s;
  pointer-events:none;
}
.to-top.show{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.to-top:hover{background:#ffe05a;transform:translateY(-3px) scale(1.05)}
.to-top:active{transform:translateY(-1px) scale(1.02)}
.to-top svg{width:24px;height:24px}
@media(prefers-reduced-motion:reduce){
  .to-top{transition:opacity .2s}
  .to-top.show{transform:none}
  .to-top:hover{transform:none}
}

/* ============================================================
   REVEAL animations
   ============================================================ */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
[data-stagger]>*{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
[data-stagger].in>*{opacity:1;transform:none}
[data-stagger].in>*:nth-child(1){transition-delay:.05s}
[data-stagger].in>*:nth-child(2){transition-delay:.11s}
[data-stagger].in>*:nth-child(3){transition-delay:.17s}
[data-stagger].in>*:nth-child(4){transition-delay:.23s}
[data-stagger].in>*:nth-child(5){transition-delay:.29s}
[data-stagger].in>*:nth-child(6){transition-delay:.35s}
[data-stagger].in>*:nth-child(7){transition-delay:.41s}
.hero [data-load]{opacity:0;transform:translateY(20px);animation:loadUp .8s cubic-bezier(.2,.8,.2,1) forwards}
.hero [data-load="1"]{animation-delay:.05s}
.hero [data-load="2"]{animation-delay:.18s}
.hero [data-load="3"]{animation-delay:.31s}
.hero [data-load="4"]{animation-delay:.44s}
.hero [data-load="5"]{animation-delay:.57s}
.hero-visual[data-load]{animation-delay:.3s}
@keyframes loadUp{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;transition-duration:.001s!important}
  .reveal,[data-stagger]>*,.hero [data-load]{opacity:1!important;transform:none!important}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(min-width:1700px){
  :root{--maxw:1480px}
}
@media(max-width:1080px){
  .nav-desk{display:none}
  .burger{display:flex}
  .drawer{display:flex}
  .hdr-wa span{display:none}
  .hdr-wa{padding:9px 11px}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .why-card.span3,.why-card.span2{grid-column:span 1}
  .why-card:last-child{grid-column:span 2}
}
@media(max-width:920px){
  .hero-inner{grid-template-columns:1fr;gap:40px}
  .hero-visual{order:-1;max-height:420px}
  .hero-visual img{aspect-ratio:16/10}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .model-grid{grid-template-columns:repeat(2,1fr)}
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .trust-inner,.about-inner,.contact-inner{grid-template-columns:1fr;gap:40px}
  .about-photo{min-height:340px;order:-1}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  :root{--hdr-h:64px}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .cat-grid{grid-template-columns:1fr}
  .model-grid{grid-template-columns:1fr}
  .gal-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .why-card:last-child{grid-column:span 1}
  .cert-grid{grid-template-columns:1fr}
  .about-figs{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr;gap:30px}
  .hero-cta .btn{flex:1}
  .lang button{padding:5px 6px;font-size:10px}
}
@media(max-width:380px){
  .hero-stats{grid-template-columns:1fr 1fr}
  .brand b{font-size:20px}
  .brand .kz{margin-left:5px}
}