/* ============================================================
   ALEBID THEME — MAIN CSS
   Design tokens, global styles, nav, footer, contact modal
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap');

/* ── TOKENS ──────────────────────────────────────────────── */
:root {
  --accent: #D4FF46;
  --black:  #0A0A0A;
  --white:  #F5F5F0;
  --gray:   #141414;
  --gray2:  #1E1E1E;
  --gray3:  #282828;
  --muted:  #666666;
  --border: rgba(212,255,70,0.1);
}

/* ── RESET ───────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Unbounded', sans-serif;
  background: var(--black);
  color: var(--white);
  overflow-x: hidden;
  cursor: none;
  -webkit-font-smoothing: antialiased;
}
img, video { display: block; max-width: 100%; }
a { text-decoration: none; cursor: none; }
button { cursor: none; font-family: 'Unbounded', sans-serif; }
ul, ol { list-style: none; }

/* ── SCROLLBAR ───────────────────────────────────────────── */
::-webkit-scrollbar       { width: 3px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--accent); }

/* ── NOISE TEXTURE ───────────────────────────────────────── */
body::before {
  content: '';
  position: fixed; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: .022; pointer-events: none; z-index: 1000;
}

/* ── CURSOR ──────────────────────────────────────────────── */
.cur {
  position: fixed; width: 12px; height: 12px;
  background: var(--accent); border-radius: 50%;
  pointer-events: none; z-index: 9999;
  transform: translate(-50%,-50%);
  transition: width .3s, height .3s;
  mix-blend-mode: difference;
}
.cur-r {
  position: fixed; width: 40px; height: 40px;
  border: 1px solid var(--accent); border-radius: 50%;
  pointer-events: none; z-index: 9998;
  transform: translate(-50%,-50%);
  transition: all .15s ease; opacity: .5;
}

/* ── ANIMATIONS ──────────────────────────────────────────── */
@keyframes fadeUp { from{opacity:0;transform:translateY(36px)} to{opacity:1;transform:translateY(0)} }
@keyframes mq     { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
@keyframes pulse  { 0%,100%{opacity:.6} 50%{opacity:1} }
.fu { animation: fadeUp .85s cubic-bezier(.16,1,.3,1) both; }
.d1 { animation-delay:.1s; } .d2 { animation-delay:.24s; }
.d3 { animation-delay:.38s; } .d4 { animation-delay:.52s; } .d5 { animation-delay:.66s; }

/* ── NAVIGATION — точно як у дизайні ───────────────────── */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 56px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--border);
  transition: padding .3s;
}
nav.scrolled { padding: 14px 56px; }

.nav-logo {
  display: flex; flex-direction: column; gap: 4px;
  text-decoration: none;
}
.logo-mark { font-size: 18px; font-weight: 900; letter-spacing: -.03em; color: var(--white); }
.logo-mark span { color: var(--accent); }
.logo-sub { font-size: 8px; font-weight: 500; letter-spacing: .2em; color: var(--muted); text-transform: uppercase; }

.nav-links { display: flex; gap: 40px; }
.nav-links a {
  font-size: 10px; font-weight: 500; letter-spacing: .12em;
  color: var(--muted); text-decoration: none; text-transform: uppercase;
  transition: color .3s; cursor: none;
}
.nav-links a:hover,
.nav-links a.current-menu-item { color: var(--accent); }

.nav-btn {
  font-family: 'Unbounded', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: .1em;
  color: var(--black); background: var(--accent);
  border: none; padding: 12px 24px;
  text-transform: uppercase; cursor: none;
  transition: all .3s;
}
.nav-btn:hover { box-shadow: 0 8px 30px rgba(212,255,70,.35); transform: translateY(-1px); }

/* ── SECTION BASE ────────────────────────────────────────── */
.sec { padding: 100px 56px; }
.sec-label {
  display: flex; align-items: center; gap: 14px;
  font-size: 10px; font-weight: 600; letter-spacing: .2em;
  color: var(--accent); text-transform: uppercase; margin-bottom: 16px;
}
.sec-label::before { content:''; display:block; width:32px; height:1px; background:var(--accent); }
.sec-heading {
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 900; letter-spacing: -.04em;
  text-transform: uppercase; line-height: .92;
}
.sec-heading .acc { color: var(--accent); }
.sec-heading .out { -webkit-text-stroke: 1px rgba(245,245,240,.18); color: transparent; }

/* ── BUTTONS ─────────────────────────────────────────────── */
.btn-primary {
  font-family: 'Unbounded', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: .1em;
  color: var(--black); background: var(--accent);
  border: none; padding: 18px 40px;
  text-transform: uppercase; cursor: none;
  transition: all .3s; position: relative; overflow: hidden;
  display: inline-block; text-decoration: none;
}
.btn-primary::after { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:rgba(255,255,255,.2); transform:skewX(-20deg); transition:left .4s; }
.btn-primary:hover::after { left: 100%; }
.btn-primary:hover { box-shadow: 0 0 40px rgba(212,255,70,.4); }

.btn-ghost {
  font-family: 'Unbounded', sans-serif;
  font-size: 11px; font-weight: 500; letter-spacing: .1em;
  color: var(--white); background: transparent;
  border: 1px solid rgba(245,245,240,.15);
  padding: 18px 40px; text-transform: uppercase;
  cursor: none; transition: all .3s;
  display: inline-block; text-decoration: none;
}
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }

.btn-dark {
  font-family: 'Unbounded', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: .1em;
  color: var(--white); background: var(--black);
  border: none; padding: 22px 48px;
  text-transform: uppercase; cursor: none; transition: all .3s;
  display: inline-block; text-decoration: none;
}
.btn-dark:hover { background: var(--gray2); box-shadow: 0 8px 40px rgba(0,0,0,.4); }

.btn-dark-ghost {
  font-family: 'Unbounded', sans-serif;
  font-size: 11px; font-weight: 500; letter-spacing: .1em;
  color: var(--black); background: transparent;
  border: 1px solid rgba(10,10,10,.25);
  padding: 22px 48px; text-transform: uppercase;
  cursor: none; transition: all .3s;
  display: inline-block; text-decoration: none;
}
.btn-dark-ghost:hover { border-color: var(--black); background: rgba(10,10,10,.08); }

/* ── MARQUEE ─────────────────────────────────────────────── */
.marquee-wrap { border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:18px 0; overflow:hidden; background:rgba(212,255,70,.02); }
.marquee-track { display:flex; animation:mq 22s linear infinite; white-space:nowrap; }
.mq-item { display:flex; align-items:center; gap:28px; padding:0 28px; font-size:10px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); flex-shrink:0; }
.mq-dot { width:5px; height:5px; background:var(--accent); border-radius:50%; }

/* ── FOOTER ──────────────────────────────────────────────── */
footer { padding:56px 56px 40px; background:var(--gray); border-top:1px solid var(--border); }
.footer-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:56px; }
.footer-logo-mark { font-size:22px; font-weight:900; letter-spacing:-.03em; margin-bottom:8px; }
.footer-logo-mark span { color:var(--accent); }
.footer-logo-sub { font-size:8px; font-weight:500; letter-spacing:.2em; color:var(--muted); text-transform:uppercase; }
.footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; }
.footer-col-title { font-size:9px; font-weight:700; letter-spacing:.2em; color:var(--muted); text-transform:uppercase; margin-bottom:20px; }
.footer-col a { display:block; font-size:10px; font-weight:400; letter-spacing:.08em; color:rgba(245,245,240,.5); text-decoration:none; text-transform:uppercase; margin-bottom:12px; transition:color .3s; cursor:none; }
.footer-col a:hover { color:var(--accent); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:32px; border-top:1px solid rgba(212,255,70,.05); }
.footer-copy { font-size:9px; font-weight:400; letter-spacing:.1em; color:rgba(136,136,136,.4); text-transform:uppercase; }
.footer-geo { display:flex; gap:20px; }
.footer-geo span { font-size:8px; font-weight:600; letter-spacing:.16em; color:rgba(212,255,70,.25); text-transform:uppercase; padding:4px 10px; border:1px solid rgba(212,255,70,.1); }

/* ── 404 ─────────────────────────────────────────────────── */
.page-404 { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px; }
.page-404 .err-num { font-size:clamp(100px,20vw,200px); font-weight:900; -webkit-text-stroke:2px var(--accent); color:transparent; letter-spacing:-.06em; line-height:1; margin-bottom:24px; }
.page-404 h1 { font-size:clamp(18px,3vw,32px); font-weight:800; text-transform:uppercase; letter-spacing:-.03em; margin-bottom:12px; }
.page-404 p { font-size:11px; font-weight:300; color:var(--muted); letter-spacing:.04em; margin-bottom:40px; }

/* ── CONTACT MODAL ───────────────────────────────────────── */
.alebid-overlay {
  position: fixed; inset: 0; z-index: 9100;
  background: rgba(10,10,10,0);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  display: flex; align-items: flex-end; justify-content: center;
  pointer-events: none;
  transition: background .55s ease, backdrop-filter .55s ease;
}
.alebid-overlay.open {
  background: rgba(10,10,10,.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  pointer-events: all;
}
.alebid-overlay.closing {
  background: rgba(10,10,10,0);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  pointer-events: none;
}
.alebid-panel {
  position: relative;
  width: 100%; max-width: 760px;
  background: var(--gray);
  border-top: 2px solid var(--accent);
  transform: translateY(100%);
  transition: transform .65s cubic-bezier(.16,1,.3,1);
  margin: 0 24px 0;
  overflow: hidden;
  max-height: 90vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--accent) var(--black);
}
.alebid-panel::-webkit-scrollbar { width:3px; }
.alebid-panel::-webkit-scrollbar-thumb { background:var(--accent); }
.alebid-overlay.open .alebid-panel  { transform: translateY(0); }
.alebid-overlay.closing .alebid-panel { transform: translateY(100%); }

/* panel inner glow */
.alebid-panel::after {
  content:''; position:absolute; width:300px; height:300px;
  background:radial-gradient(circle,rgba(212,255,70,.08) 0%,transparent 70%);
  border-radius:50%; bottom:-100px; right:-100px; pointer-events:none; z-index:0;
}
.alebid-scanline {
  position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:0; pointer-events:none; z-index:5;
}
.alebid-overlay.open .alebid-scanline { animation:alebid-scan 3s ease-in-out infinite 1s; }
@keyframes alebid-scan { 0%{top:0;opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{top:100%;opacity:0} }

/* form header */
.alebid-fheader {
  display:flex; align-items:flex-start; justify-content:space-between;
  padding:36px 48px 28px; border-bottom:1px solid var(--border);
  position:relative; z-index:1;
  animation: none;
}
.alebid-overlay.open .alebid-fheader { animation:alebid-fu .5s cubic-bezier(.16,1,.3,1) .2s both; }
@keyframes alebid-fu { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

.alebid-eyebrow {
  font-size:9px; font-weight:600; letter-spacing:.22em;
  color:var(--accent); text-transform:uppercase; margin-bottom:10px;
  display:flex; align-items:center; gap:12px;
}
.alebid-eyebrow::before { content:''; display:block; width:24px; height:1px; background:var(--accent); }
.alebid-ftitle {
  font-size: clamp(20px,3vw,30px); font-weight:900;
  letter-spacing:-.04em; text-transform:uppercase; line-height:.92; color:var(--white);
}
.alebid-ftitle span { color:var(--accent); }
.alebid-fsub {
  font-size:10px; font-weight:300; letter-spacing:.02em;
  color:rgba(245,245,240,.45); line-height:1.8; margin-top:10px;
}
.alebid-close {
  width:40px; height:40px; border:1px solid var(--border);
  background:transparent; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; transition:all .3s; margin-top:4px;
  position:relative; overflow:hidden; font-size:14px; color:var(--white);
}
.alebid-close::before {
  content:''; position:absolute; inset:0;
  background:var(--accent); transform:scaleY(0); transform-origin:bottom;
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.alebid-close:hover::before { transform:scaleY(1); }
.alebid-close span { position:relative; z-index:1; transition:color .3s; }
.alebid-close:hover span { color:var(--black); }

/* form body */
.alebid-fbody { padding:36px 48px 40px; position:relative; z-index:1; }

/* ── CASE CARD — shared ──────────────────────────────────── */
.case-card { background:var(--gray); border:1px solid transparent; position:relative; overflow:hidden; cursor:none; transition:border-color .35s,background .35s; display:flex; flex-direction:column; }
.case-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--accent); transform:scaleX(0); transform-origin:left; transition:transform .5s ease; z-index:10; }
.case-card:hover::before { transform:scaleX(1); }
.case-card:hover { border-color:rgba(212,255,70,.25); background:var(--gray2); }
.case-card:hover .card-arrow { opacity:1; transform:translate(0,0); }
.case-card:hover .vis-extra { opacity:1; transform:translateY(0); }
.case-card:hover .card-overlay { opacity:1; }
.card-vis-strip { position:relative; overflow:hidden; min-height:240px; display:flex; align-items:flex-end; flex-shrink:0; }
.vis-photo { position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s; filter:brightness(.75) saturate(.85); }
.case-card:hover .vis-photo { transform:scale(1.05); filter:brightness(.6) saturate(.7); }
.vis-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(10,10,10,.92) 0%,rgba(10,10,10,.3) 45%,transparent 100%),linear-gradient(to bottom,rgba(10,10,10,.4) 0%,transparent 30%); z-index:1; }
.vis-scanline { position:absolute; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--accent),transparent); top:0; z-index:2; transform:translateY(-2px); opacity:0; transition:opacity .4s,transform .8s ease; }
.case-card:hover .vis-scanline { opacity:1; transform:translateY(240px); }
.vis-badge-top { position:absolute; top:16px; left:16px; z-index:4; display:flex; gap:6px; flex-wrap:wrap; }
.vis-pill { font-size:8px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:5px 10px; backdrop-filter:blur(8px); border:1px solid rgba(212,255,70,.3); color:var(--accent); background:rgba(10,10,10,.6); line-height:1; }
.vis-pill.solid { background:var(--accent); color:var(--black); border-color:var(--accent); }
.vis-info { position:relative; z-index:3; width:100%; padding:20px 24px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.vis-metric-badge { display:flex; flex-direction:column; gap:2px; }
.vmb-val { font-size:36px; font-weight:900; color:var(--accent); letter-spacing:-.04em; line-height:1; text-shadow:0 2px 20px rgba(0,0,0,.8); }
.vmb-label { font-size:8px; font-weight:700; letter-spacing:.18em; color:rgba(212,255,70,.6); text-transform:uppercase; }
.vis-extra { display:flex; flex-direction:column; align-items:flex-end; gap:4px; opacity:0; transform:translateY(6px); transition:opacity .3s,transform .3s; }
.ve-item { font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:4px 10px; background:rgba(10,10,10,.7); backdrop-filter:blur(8px); color:var(--white); border-left:2px solid var(--accent); white-space:nowrap; }
.card-overlay { position:absolute; inset:0; background:rgba(212,255,70,.03); opacity:0; transition:opacity .35s; pointer-events:none; z-index:5; }
.card-body { flex:1; display:flex; flex-direction:column; position:relative; z-index:2; padding:40px; }
.card-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px; }
.card-tags { display:flex; flex-wrap:wrap; gap:6px; }
.card-tag { font-size:8px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:4px 10px; border:1px solid rgba(212,255,70,.2); color:var(--muted); }
.card-tag.primary { background:var(--accent); color:var(--black); border-color:var(--accent); }
.card-num { font-size:11px; font-weight:700; letter-spacing:.08em; color:rgba(212,255,70,.25); }
.card-niche { font-size:9px; font-weight:500; letter-spacing:.15em; color:var(--muted); text-transform:uppercase; margin-bottom:10px; }
.card-title { font-size:clamp(15px,1.8vw,20px); font-weight:800; letter-spacing:-.02em; text-transform:uppercase; line-height:1.15; margin-bottom:20px; }
.card-metrics { display:flex; flex-direction:column; gap:12px; margin-bottom:28px; }
.card-metric-row { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:rgba(0,0,0,.3); border-left:2px solid rgba(212,255,70,.2); transition:border-color .3s; }
.case-card:hover .card-metric-row { border-left-color:var(--accent); }
.cm-label { font-size:9px; font-weight:500; letter-spacing:.12em; color:var(--muted); text-transform:uppercase; }
.cm-val { font-size:16px; font-weight:900; color:var(--accent); letter-spacing:-.02em; }
.card-desc { font-size:11px; font-weight:300; line-height:1.8; color:rgba(245,245,240,.45); margin-bottom:24px; flex:1; }
.card-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:20px; border-top:1px solid rgba(212,255,70,.06); }
.card-period { font-size:9px; font-weight:500; letter-spacing:.12em; color:rgba(136,136,136,.5); text-transform:uppercase; }
.card-arrow { font-size:18px; color:var(--accent); opacity:0; transform:translate(-6px,6px); transition:all .35s; text-decoration:none; }
.card-visual-num { position:absolute; bottom:-16px; right:16px; font-size:100px; font-weight:900; color:rgba(212,255,70,.025); letter-spacing:-.05em; user-select:none; pointer-events:none; line-height:1; z-index:0; }
.vis-photo-placeholder { position:absolute; inset:0; background:var(--gray2); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.vpp-icon { width:48px; height:48px; border:1px solid rgba(212,255,70,.2); display:flex; align-items:center; justify-content:center; }
.vpp-icon svg { width:22px; height:22px; stroke:rgba(212,255,70,.3); fill:none; stroke-width:1.5; }
.vpp-text { font-size:9px; font-weight:600; letter-spacing:.15em; color:rgba(136,136,136,.4); text-transform:uppercase; }

/* Card variants */
.case-card.standard .card-vis-strip { min-height:240px; }
.case-card.featured { min-height:560px; }
.case-card.featured .card-vis-strip { min-height:320px; }
.case-card.featured .vmb-val { font-size:52px; }
.case-card.featured .card-title { font-size:clamp(22px,2.5vw,30px); }
.case-card.featured .card-body { padding:48px; }
.case-card.half .card-vis-strip { min-height:200px; }
.case-card.half .vmb-val { font-size:28px; }
.case-card.half .card-body { padding:32px; }

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 1100px) {
  nav { padding: 20px 24px; }
  nav.scrolled { padding: 14px 24px; }
  .nav-links { display: none; }
  footer { padding: 48px 24px 32px; }
  .footer-top { flex-direction: column; gap: 40px; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
  .alebid-fheader { padding: 24px 24px 20px; }
  .alebid-fbody { padding: 24px 24px 28px; }
}

/* ── PREFERS-REDUCED-MOTION ──────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .marquee-track { animation: none; }
}

/* ── MOBILE: No cursor on touch devices ─────────────────── */
@media (hover: none) and (pointer: coarse) {
  body { cursor: auto !important; }
  * { cursor: auto !important; }
  .cur, .cur-r { display: none !important; }
  a, button, [role="button"] { cursor: pointer !important; }
}

/* ── FOOTER — 1:1 index.html ────────────────────────────── */
footer {
  padding: 56px 56px 40px;
  background: var(--gray);
  border-top: 1px solid var(--border);
}
.footer-top {
  display: flex; align-items: flex-start;
  justify-content: space-between; margin-bottom: 56px;
}
.footer-logo-mark {
  font-size: 22px; font-weight: 900;
  letter-spacing: -.03em; margin-bottom: 8px; color: var(--white);
}
.footer-logo-mark span { color: var(--accent); }
.footer-logo-sub {
  font-size: 8px; font-weight: 500; letter-spacing: .2em;
  color: var(--muted); text-transform: uppercase;
}
.footer-links {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 48px;
}
.footer-col-title {
  font-size: 9px; font-weight: 700; letter-spacing: .2em;
  color: var(--muted); text-transform: uppercase; margin-bottom: 20px;
}
.footer-col a {
  display: block; font-size: 10px; font-weight: 400;
  letter-spacing: .08em; color: rgba(245,245,240,.5);
  text-decoration: none; text-transform: uppercase;
  margin-bottom: 12px; transition: color .3s; cursor: none;
}
.footer-col a:hover { color: var(--accent); }
.footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 32px; border-top: 1px solid rgba(212,255,70,.05);
}
.footer-copy {
  font-size: 9px; font-weight: 400; letter-spacing: .1em;
  color: rgba(136,136,136,.4); text-transform: uppercase;
}
.footer-geo { display: flex; gap: 20px; }
.footer-geo span {
  font-size: 8px; font-weight: 600; letter-spacing: .16em;
  color: rgba(212,255,70,.25); text-transform: uppercase;
  padding: 4px 10px; border: 1px solid rgba(212,255,70,.1);
}

@media (max-width: 1100px) {
  footer { padding: 48px 24px 32px; }
  .footer-top { flex-direction: column; gap: 40px; }
  .footer-links { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
}