/* ════════════════════════════════════════════════════════════════
   shared/sections.css — universal CSS for shared sections
   Loaded by index.html, services/camera-ai.html, services/iot.html.

   Mirrors shared/sections.js: edit a rule here once;
   all pages get the same visual.

   Class prefixes covered:
     #nav, .nav-row, .n-*, .mega-*, .mc-*, .mic-*
     .btn-pill, .btn-o, .btn-ghost
     .cap-videos__*, .cap-video*
     .blog-grid, .bcard*
     .ft-*
   ════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────
   HEADER · nav, mega menus, buttons, mobile  (extracted from index.html L175–L368)
   ──────────────────────────────────────────────────────────────────── */
#nav {
  position:fixed; inset:0 0 auto; height:var(--NH); z-index:1000;
  display:flex; align-items:center;
  transition:background .5s, backdrop-filter .5s;
}
#nav.opaque {
  background:rgba(5,5,5,.92);
  backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid var(--b-dark);
}
.nav-row { display:flex; align-items:center; gap:0; }
/* Logo */
.n-logo { display:flex; align-items:center; gap:9px; flex-shrink:0; }
.n-mark {
  width:32px; height:32px; background:var(--o); border-radius:7px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--f-h); font-weight:800; font-size:13px; color:#fff;
  position:relative; overflow:hidden; flex-shrink:0;
  transition:transform .35s var(--ease1);
}
.n-mark:hover { transform:rotate(-12deg) scale(1.1); }
.n-mark::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 55%); }
.n-mark span { position:relative; z-index:1; letter-spacing:-.5px; }
.n-word { font-family:var(--f-h); font-weight:800; font-size:16px; color:#fff; letter-spacing:-.3px; }
.n-word em { font-style:normal; color:var(--o); }
/* Links */
.n-links { display:flex; align-items:center; gap:0; list-style:none; margin-left:auto; height:100%; }
.n-item { position:relative; height:100%; display:flex; align-items:center; }
/* Invisible bridge below button so hover stays alive while travelling to mega menu */
.n-item::after {
  content:""; position:absolute;
  top:100%; left:-12px; right:-12px;
  height:18px;
  pointer-events:none;
}
.n-item:hover::after, .n-item.is-open::after { pointer-events:auto; }
.n-btn {
  display:flex; align-items:center; gap:4px;
  padding:8px 14px; border-radius:6px;
  font-size:13.5px; font-weight:500; color:rgba(255,255,255,.6);
  cursor:pointer; transition:color .2s, background .2s; user-select:none;
  font-family:var(--f-b);
}
.n-btn:hover,
.n-item:hover > .n-btn,
.n-item.is-open > .n-btn { color:#fff; background:rgba(255,255,255,.06); }
.n-caret { font-size:9px; transition:transform .25s; }
.n-item:hover .n-caret,
.n-item.is-open .n-caret { transform:rotate(180deg); }

/* ── FULL-WIDTH BANNER MEGA MENU ── */
.n-mega {
  position:fixed; top:var(--NH); left:0; right:0;
  background:rgba(6,6,6,.97);
  backdrop-filter:blur(28px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 80px rgba(0,0,0,.7);
  opacity:0; pointer-events:none; z-index:999;
  transform:translateY(-6px);
  transition:opacity .22s var(--ease2), transform .22s var(--ease2);
}
.n-item:hover .n-mega,
.n-item.is-open .n-mega { opacity:1; pointer-events:all; transform:translateY(0); }
.n-mega-inner {
  max-width:var(--W); margin:0 auto;
  padding:0 var(--G);
  display:grid; align-items:stretch;
}
/* Services: 3 cards + featured image */
.n-mega-inner.mega-services { grid-template-columns:1fr 1fr 1fr 1.5fr; gap:0; }
/* Products: 6 cards in 3×2 grid, no featured image */
.n-mega-inner.mega-products { grid-template-columns:1fr 1fr 1fr; gap:0; }
.n-mega-inner.mega-products .mega-card { border-bottom:1px solid rgba(255,255,255,.06); padding:22px 22px; }
.n-mega-inner.mega-products .mega-card:nth-child(3n) { border-right:none; }
.n-mega-inner.mega-products .mega-card:nth-last-child(-n+3) { border-bottom:none; }
.n-mega-inner.mega-products .mc-tag { font-size:8.5px; letter-spacing:1.6px; }
.n-mega-inner.mega-products .mc-desc { font-size:11.5px; }
/* Company: 3 links + featured stat */
.n-mega-inner.mega-company  { grid-template-columns:1fr 1fr 1.5fr; gap:0; }

/* Each mega card */
.mega-card {
  padding:28px 24px; border-right:1px solid rgba(255,255,255,.06);
  display:flex; flex-direction:column; gap:12px;
  transition:background .2s; cursor:pointer; text-decoration:none;
}
.mega-card:last-child { border-right:none; }
.mega-card:hover { background:rgba(255,255,255,.04); }
/* Image card on right */
.mega-img-card {
  position:relative; overflow:hidden; min-height:220px;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:24px; text-decoration:none;
}
.mega-img-card img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; opacity:.5; transition:opacity .3s, transform .5s;
}
.mega-img-card:hover img { opacity:.65; transform:scale(1.04); }
.mega-img-card::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.2) 55%,transparent 100%);
}
/* Card parts */
.mc-tag {
  font-family:var(--f-m); font-size:9px; letter-spacing:2px;
  text-transform:uppercase; color:var(--o2); margin-bottom:4px;
}
.mc-ico {
  width:44px; height:44px; border-radius:11px;
  background:rgba(232,98,42,.12); border:1px solid rgba(232,98,42,.2);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  transition:background .2s, border-color .2s;
}
.mega-card:hover .mc-ico { background:var(--o); border-color:var(--o); }
.mc-ico i { color:var(--o2); font-size:18px; transition:color .2s; }
.mega-card:hover .mc-ico i { color:#fff; }
.mc-name {
  font-family:var(--f-h); font-weight:800; font-size:15px;
  color:#fff; letter-spacing:-.3px; line-height:1.2;
}
.mc-desc { font-size:12px; color:rgba(255,255,255,.5); line-height:1.55; }
.mc-link {
  display:inline-flex; align-items:center; gap:5px;
  font-family:var(--f-m); font-size:10.5px; color:var(--o2);
  font-weight:600; margin-top:auto; letter-spacing:.2px;
  transition:gap .2s;
}
.mega-card:hover .mc-link { gap:9px; }
/* Image card text overlay */
.mega-img-card .mic-label {
  position:relative; z-index:2;
  font-family:var(--f-m); font-size:9px; color:var(--o2);
  letter-spacing:2px; text-transform:uppercase; margin-bottom:6px;
}
.mega-img-card .mic-title {
  position:relative; z-index:2;
  font-family:var(--f-h); font-weight:800; font-size:22px;
  color:#fff; letter-spacing:-.5px; line-height:1.15; margin-bottom:10px;
}
.mega-img-card .mic-desc {
  position:relative; z-index:2;
  font-size:12.5px; color:rgba(255,255,255,.55); line-height:1.6; margin-bottom:16px;
}
.mega-img-card .mic-cta {
  position:relative; z-index:2;
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 18px; background:var(--o); border-radius:100px;
  font-family:var(--f-b); font-weight:700; font-size:12.5px; color:#fff;
  transition:background .2s; width:fit-content;
}
.mega-img-card:hover .mic-cta { background:var(--o2); }
/* Bottom bar inside mega */
.mega-footer {
  border-top:1px solid rgba(255,255,255,.06);
  padding:14px 24px;
  display:flex; align-items:center; justify-content:space-between;
  grid-column:1/-1;
}
.mega-footer-left {
  font-family:var(--f-m); font-size:10px;
  color:rgba(255,255,255,.28); letter-spacing:.5px;
}
.mega-footer-links { display:flex; gap:20px; }
.mega-footer-links a {
  font-family:var(--f-m); font-size:11px; color:rgba(255,255,255,.35);
  text-decoration:none; transition:color .2s; letter-spacing:.3px;
}
.mega-footer-links a:hover { color:var(--o2); }
/* Right CTAs */
.n-right { display:flex; align-items:center; gap:8px; margin-left:24px; flex-shrink:0; }
.btn-pill {
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 20px; border-radius:100px;
  font-family:var(--f-b); font-weight:600; font-size:13.5px;
  cursor:pointer; transition:all .25s var(--ease1); white-space:nowrap; border:none;
}
.btn-o { background:var(--o); color:#fff; box-shadow:0 0 28px var(--o-glow); }
.btn-o:hover { background:var(--o2); transform:translateY(-2px); box-shadow:0 6px 40px var(--o-glow); }
.btn-ghost { background:transparent; color:rgba(255,255,255,.7); border:1.5px solid rgba(255,255,255,.14); }
.btn-ghost:hover { border-color:rgba(255,255,255,.3); color:#fff; }
/* Mobile */
.n-hbg { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
.n-hbg span { display:block; width:22px; height:1.5px; background:#fff; border-radius:2px; transition:all .3s; }
.n-mob {
  display:none; position:fixed; top:calc(var(--NH)+8px); left:14px; right:14px;
  background:rgba(12,12,12,.98); border:1px solid var(--b-dark); border-radius:18px;
  padding:16px; z-index:999; backdrop-filter:blur(20px);
}
.n-mob.on { display:block; }
.n-mob a { display:block; padding:11px 13px; border-radius:8px; font-size:15px; font-weight:600; color:rgba(255,255,255,.8); transition:background .15s; }
.n-mob a:hover { background:rgba(255,255,255,.06); color:var(--o2); }
.n-mob-cta { margin-top:12px; display:flex; flex-direction:column; gap:8px; }


/* ──────────────────────────────────────────────────────────────────
   FOOTER · Premium MNC layout (kept in sync with sections.js STYLES)
   ──────────────────────────────────────────────────────────────── */
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

.ft { position:relative;background:#050505;border-top:1px solid rgba(255,255,255,.06);overflow:hidden;isolation:isolate; }
.ft__line { position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,98,42,.55) 25%,var(--o) 50%,rgba(232,98,42,.55) 75%,transparent);z-index:1; }
.ft__glow { position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);z-index:0; }
.ft__glow--orange { width:900px;height:520px;background:radial-gradient(ellipse,rgba(232,98,42,.18) 0%,transparent 60%);bottom:-260px;left:50%;transform:translateX(-50%); }
.ft__glow--blue { width:560px;height:380px;background:radial-gradient(ellipse,rgba(70,140,255,.10) 0%,transparent 65%);top:80px;right:-160px; }
.ft__grid-bg { position:absolute;inset:0;z-index:0;opacity:.35;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at top,rgba(0,0,0,.6),transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top,rgba(0,0,0,.6),transparent 70%); }
.ft__inner { position:relative;z-index:2;padding:88px 0 0; }

.ft-news { display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:38px 44px;border-radius:24px;background:linear-gradient(135deg,rgba(232,98,42,.10) 0%,rgba(232,98,42,0) 55%),linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.018) 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px -40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);margin-bottom:80px;position:relative;overflow:hidden; }
.ft-news::before { content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(232,98,42,.45),transparent 40%,transparent 60%,rgba(232,98,42,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none; }
.ft-news__copy { min-width:0; }
.ft-news__tag { display:inline-flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.62);padding:6px 12px;border-radius:999px;background:rgba(232,98,42,.10);border:1px solid rgba(232,98,42,.25);margin-bottom:14px; }
.ft-news__dot { width:6px;height:6px;border-radius:50%;background:var(--o);box-shadow:0 0 10px rgba(232,98,42,.7);animation:ftDot 2.4s ease-in-out infinite; }
@keyframes ftDot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.85)} }
.ft-news__h { font-family:var(--f-h);font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:clamp(24px,2.4vw,32px);color:#fff;margin:0 0 8px; }
.ft-news__sub { font-family:var(--f-b);font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.6);margin:0;max-width:480px; }
.ft-news__form { display:flex;gap:10px;align-items:stretch;min-width:0; }
.ft-news__field { position:relative;flex:1;min-width:0;display:flex;align-items:center;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.10);border-radius:14px;transition:border-color .25s,box-shadow .25s,background .25s; }
.ft-news__field:focus-within { border-color:rgba(232,98,42,.6);background:rgba(0,0,0,.6);box-shadow:0 0 0 3px rgba(232,98,42,.15); }
.ft-news__field > i { position:absolute;left:16px;color:rgba(255,255,255,.4);font-size:14px;pointer-events:none; }
.ft-news__field input { flex:1;min-width:0;background:transparent;border:0;outline:0;padding:16px 16px 16px 44px;font-family:var(--f-b);font-size:15px;color:#fff;letter-spacing:-.1px; }
.ft-news__field input::placeholder { color:rgba(255,255,255,.36); }
.ft-news__btn { display:inline-flex;align-items:center;gap:8px;padding:0 22px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,var(--o) 0%,#FF7A42 100%);color:#fff;font-family:var(--f-m);font-weight:600;font-size:14.5px;letter-spacing:.1px;box-shadow:0 12px 30px -10px rgba(232,98,42,.55),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .25s var(--ease1),box-shadow .25s,filter .25s;white-space:nowrap; }
.ft-news__btn:hover { transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(232,98,42,.7);filter:brightness(1.06); }
.ft-news__btn:active { transform:translateY(0); }
.ft-news__btn i { font-size:12px;transition:transform .25s; }
.ft-news__btn:hover i { transform:translateX(3px); }

.ft-grid { display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:64px;padding-bottom:64px; }
.ft-col { min-width:0; }
.ft-col--brand { max-width:380px; }
.ft-brand { display:inline-block;margin-bottom:18px; }
.ft-brand img { height:42px;width:auto;display:block;object-fit:contain; }
.ft-brand__line { font-family:var(--f-b);font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.62);margin:0 0 24px;letter-spacing:-.1px; }
.ft-contacts { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px; }
.ft-contacts li { display:flex;align-items:flex-start;gap:12px; }
.ft-contact__ico { flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(232,98,42,.10);border:1px solid rgba(232,98,42,.22);color:var(--o2);font-size:12px; }
.ft-contact__txt { font-family:var(--f-b);font-size:14px;color:rgba(255,255,255,.82);text-decoration:none;line-height:1.45;padding-top:6px;letter-spacing:-.1px;transition:color .22s; }
a.ft-contact__txt:hover { color:var(--o2); }
.ft-contact__sub { display:block;font-size:12.5px;color:rgba(255,255,255,.42);margin-top:2px; }

.ft-h { font-family:var(--f-m);font-weight:600;font-size:11px;letter-spacing:2.2px;color:rgba(255,255,255,.45);text-transform:uppercase;margin:6px 0 22px; }
.ft-list { list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px; }
.ft-list a { position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-b);font-size:15px;font-weight:400;color:rgba(255,255,255,.78);text-decoration:none;letter-spacing:-.1px;transition:color .22s,transform .22s; }
.ft-list a::before { content:"";width:0;height:1px;background:var(--o2);transition:width .25s var(--ease1); }
.ft-list a:hover { color:var(--o2);transform:translateX(2px); }
.ft-list a:hover::before { width:14px; }
.ft-pill-soon { display:inline-block;font-size:9.5px;font-family:var(--f-m);font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.08); }

.ft-strip { display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap; }
.ft-strip__left { display:flex;align-items:center;gap:18px;flex-wrap:wrap; }
.ft-strip__label { font-family:var(--f-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.42); }
.ft-trust { list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.ft-trust li { display:inline-flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:12px;color:rgba(255,255,255,.62);padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); }
.ft-trust li i { color:var(--o2);font-size:11px; }

.ft-social { display:inline-flex;gap:8px; }
.ft-social-tile { position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;text-decoration:none;font-size:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.82);transition:background .25s cubic-bezier(.2,.7,.2,1),border-color .25s,color .25s,transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s; }
.ft-social-tile::before { content:"";position:absolute;inset:0;border-radius:inherit;background:var(--brand,#FFFFFF);opacity:0;transition:opacity .25s cubic-bezier(.2,.7,.2,1);z-index:0; }
.ft-social-tile > i { position:relative;z-index:1;transition:color .25s; }
.ft-social-tile:hover { transform:translateY(-3px);color:#fff;border-color:var(--brand-border,rgba(255,255,255,.18));box-shadow:0 12px 26px -8px var(--brand-shadow,rgba(255,255,255,.18)); }
.ft-social-tile:hover::before { opacity:1; }
.ft-social-tile[data-net="linkedin"]  { --brand:#0A66C2; --brand-border:rgba(10,102,194,.50); --brand-shadow:rgba(10,102,194,.45); color:#4F9CE0; }
.ft-social-tile[data-net="x"]         { --brand:#000000; --brand-border:rgba(255,255,255,.40); --brand-shadow:rgba(0,0,0,.65);    color:#FFFFFF; }
.ft-social-tile[data-net="youtube"]   { --brand:#FF0033; --brand-border:rgba(255,0,51,.55);   --brand-shadow:rgba(255,0,51,.50); color:#FF6680; }
.ft-social-tile[data-net="instagram"] { --brand-border:rgba(220,57,148,.55); --brand-shadow:rgba(220,57,148,.50); color:#E1306C; }
.ft-social-tile[data-net="instagram"]::before { background:linear-gradient(135deg,#F58529 0%,#DD2A7B 40%,#8134AF 75%,#515BD4 100%); }
.ft-social-tile[data-net="facebook"]  { --brand:#1877F2; --brand-border:rgba(24,119,242,.55); --brand-shadow:rgba(24,119,242,.45); color:#4D94F5; }
.ft-social-tile[data-net="whatsapp"]  { --brand:#25D366; --brand-border:rgba(37,211,102,.55); --brand-shadow:rgba(37,211,102,.40); color:#4ADE80; }

.ft-mark { position:relative;padding:36px 0 28px;display:flex;align-items:center;justify-content:center; }
.ft-mark__word { font-family:var(--f-h);font-weight:800;font-size:clamp(70px,15vw,220px);line-height:.95;letter-spacing:-0.06em;white-space:nowrap;user-select:none;pointer-events:none;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent; }
.ft-mark__word em { font-family:var(--f-s);font-style:italic;font-weight:400;background:linear-gradient(180deg,var(--o) 0%,rgba(232,98,42,.3) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; }
.ft-up-btn { position:absolute;right:0;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--o) 0%,#FF7A42 100%);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;transition:all .3s var(--ease1);box-shadow:0 14px 36px -8px rgba(232,98,42,.55),inset 0 1px 0 rgba(255,255,255,.2);z-index:5; }
.ft-up-btn:hover { transform:translateY(calc(-50% - 4px));box-shadow:0 20px 48px -8px rgba(232,98,42,.7); }
.ft-up-btn:active { transform:translateY(calc(-50% - 1px)); }

.ft-legal { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 36px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap; }
.ft-legal__left span, .ft-legal__right a, .ft-legal__right span { font-family:var(--f-m);font-size:11.5px;color:rgba(255,255,255,.42);text-decoration:none;letter-spacing:.2px; }
.ft-legal__right { display:flex;align-items:center;gap:14px;flex-wrap:wrap; }
.ft-legal__right a { transition:color .22s; }
.ft-legal__right a:hover { color:var(--o2); }
.ft-sep { width:1px;height:12px;background:rgba(255,255,255,.12);display:inline-block; }

@media (max-width:1100px) {
  .ft-grid { grid-template-columns:1fr 1fr 1fr;gap:48px; }
  .ft-col--brand { grid-column:1 / -1;max-width:560px; }
  .ft-news { grid-template-columns:1fr;gap:24px;padding:32px; }
}
@media (max-width:760px) {
  .ft__inner { padding-top:64px; }
  .ft-news { padding:26px;margin-bottom:56px; }
  .ft-news__h { font-size:22px; }
  .ft-news__form { flex-direction:column; }
  .ft-news__btn { padding:14px 22px;justify-content:center; }
  .ft-grid { grid-template-columns:1fr 1fr;gap:36px;padding-bottom:48px; }
  .ft-col--brand { grid-column:1 / -1; }
  .ft-strip { flex-direction:column;align-items:flex-start;gap:18px; }
  .ft-mark { padding:24px 0 16px;flex-direction:column;gap:6px; }
  .ft-up-btn { position:static;transform:none;margin-top:18px;width:56px;height:56px; }
  .ft-up-btn:hover { transform:translateY(-3px); }
  .ft-legal { flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:28px; }
}
@media (max-width:460px) {
  .ft-grid { grid-template-columns:1fr;gap:32px; }
  .ft-mark__word { font-size:clamp(56px,18vw,90px); }
}
@media (prefers-reduced-motion:reduce) {
  .ft-news__dot, .ft-list a, .ft-up-btn, .ft-social-tile, .ft-news__btn { transition:none !important;animation:none !important; }
}

/* ════════════════════════════════════════
   SERVICE SECTIONS — BOLD SPLIT LAYOUT
   Each one is a FULL immersive section
   NOT a two-column card
════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────────
   BLOG / INSIGHTS · .blog-grid + .bcard*  (extracted from index.html L1714–L1732)
   ──────────────────────────────────────────────────────────────────── */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.bcard { background:var(--paper); border:1px solid var(--b-light2); border-radius:18px; overflow:hidden; cursor:pointer; transition:all .3s var(--ease1); box-shadow:0 2px 10px rgba(0,0,0,.05); display:flex; flex-direction:column; }
.bcard:hover { transform:translateY(-6px); box-shadow:0 20px 52px rgba(0,0,0,.12); border-color:rgba(232,98,42,.25); }
.bcard.feat { display:flex; flex-direction:column; }
.bcard-img { position:relative; overflow:hidden; aspect-ratio:16/9; }
.bcard.feat .bcard-img { aspect-ratio:16/9; }
.bcard-img-sm { aspect-ratio:16/9; }
.bcard-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.bcard:hover .bcard-img img { transform:scale(1.04); }
.bcard-ov { position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 55%); }
.bcard-cat { position:absolute; top:10px; left:10px; padding:3px 8px; background:var(--o); border-radius:100px; font-family:var(--f-m); font-size:8.5px; letter-spacing:.7px; color:#fff; text-transform:uppercase; }
.bcard-body { padding:18px; flex:1; display:flex; flex-direction:column; }
.bcard-title { font-family:var(--f-h); font-size:16px; font-weight:700; color:var(--t-dark); letter-spacing:-.2px; line-height:1.3; margin-bottom:8px; }
.bcard.feat .bcard-title { font-size:21px; }
.bcard-exc { font-size:12.5px; color:var(--t-muted); line-height:1.6; margin-bottom:12px; font-weight:300; }
.bcard-foot { margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
.bcard-date { font-family:var(--f-m); font-size:9.5px; color:var(--t-muted); }
.bcard-more { font-size:12px; color:var(--o); font-weight:600; display:flex; align-items:center; gap:4px; transition:gap .2s; }
.bcard:hover .bcard-more { gap:7px; }

/* ──────────────────────────────────────────────────────────────────
   HEADER · premium mega image card (services dropdown)  (extracted from index.html L3035–L3210)
   ──────────────────────────────────────────────────────────────────── */
  top: clamp(12px, 1.4vw, 18px) !important;
}

/* Tighten the grid gap since there's no longer a framed-card gap */
.ea-premium-hero__grid {
  gap: clamp(16px, 2vw, 32px) !important;
}

/* ==== end PREMIUM HERO V3 ==== */


/* ════════════════════════════════════════════════════════════════
   PREMIUM SERVICES MEGA — featured image card upgrade
   To revert: delete this block + the mic-trust/mic-content markup,
   restore the original mega-img-card HTML.
════════════════════════════════════════════════════════════════ */

.mega-img-card.mega-img-card--premium {
  position: relative;
  overflow: hidden;
  min-height: 280px;
  padding: 0;
  isolation: isolate;
  border-left: 1px solid rgba(255,255,255,.06);
}

/* Background image — bolder presence than default */
.mega-img-card--premium img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .68;
  transform: scale(1.02);
  transition: opacity .4s, transform .8s cubic-bezier(.2,.7,.2,1), filter .4s;
  filter: saturate(1.05) contrast(1.04);
}
.mega-img-card--premium:hover img {
  opacity: .82;
  transform: scale(1.06);
  filter: saturate(1.1) contrast(1.06);
}

/* Layered overlays — orange edge glow + bottom dark gradient + subtle vignette */
.mega-img-card--premium::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(circle at 18% 22%, rgba(232,98,42,.20), transparent 38%),
    radial-gradient(circle at 86% 14%, rgba(255,122,66,.14), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,.32) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.94) 100%);
  pointer-events: none;
}

.mega-img-card--premium::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(135deg, transparent 0%, transparent 60%, rgba(232,98,42,.06) 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity .4s;
}
.mega-img-card--premium:hover::after { opacity: 1; }

/* Trust badge — top left */
.mega-img-card--premium .mic-trust {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 100px;
  background: linear-gradient(135deg, rgba(10,10,14,.78), rgba(6,6,8,.66));
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  width: fit-content;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.mega-img-card--premium .mic-trust-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5CFF8D;
  box-shadow: 0 0 10px rgba(92,255,141,.7);
  animation: micTrustPulse 1.9s infinite;
  flex-shrink: 0;
}
@keyframes micTrustPulse { 0%,100% { opacity:1 } 50% { opacity:.42 } }
.mega-img-card--premium .mic-trust-text {
  font-family: var(--f-m);
  font-size: 9.5px;
  letter-spacing: .5px;
  color: rgba(255,255,255,.74);
  white-space: nowrap;
}
.mega-img-card--premium .mic-trust-text b {
  color: #fff;
  font-weight: 700;
}

/* Bottom content block — glassmorphic */
.mega-img-card--premium .mic-content {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding: 22px 22px 22px;
  background: linear-gradient(180deg, transparent 0%, rgba(8,8,10,.55) 30%, rgba(5,5,7,.92) 100%);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.mega-img-card--premium .mic-label {
  position: relative;
  font-family: var(--f-m);
  font-size: 9px;
  color: var(--o2);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mega-img-card--premium .mic-label::before {
  content: "";
  width: 18px;
  height: 1px;
  background: var(--o);
}

.mega-img-card--premium .mic-title {
  font-family: var(--f-h);
  font-weight: 800;
  font-size: 19px;
  color: #fff;
  letter-spacing: -.5px;
  line-height: 1.2;
  margin-bottom: 8px;
}

.mega-img-card--premium .mic-desc {
  font-size: 11.5px;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
  margin-bottom: 14px;
}

/* CTA — premium pill */
.mega-img-card--premium .mic-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px 10px 16px;
  border-radius: 100px;
  background: linear-gradient(135deg, #E8622A 0%, #FF7A42 100%);
  box-shadow:
    0 8px 22px rgba(232,98,42,.42),
    inset 0 1px 0 rgba(255,255,255,.22);
  font-family: var(--f-h);
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  width: fit-content;
  transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s;
  letter-spacing: .1px;

/* ──────────────────────────────────────────────────────────────────
   VIDEOS · .cap-videos__* + .cap-video*  (extracted from index.html L3826–L3904)
   ──────────────────────────────────────────────────────────────────── */
.cap-videos__grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.cap-video {
  position: relative; border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.06);
  background: var(--ink3);
  aspect-ratio: 16/10;
  cursor: pointer;
  transition: transform .35s var(--ease1), border-color .35s, box-shadow .35s;
}
.cap-video:hover {
  transform: translateY(-4px);
  border-color: rgba(232,98,42,.32);
  box-shadow: 0 24px 50px rgba(0,0,0,.5), 0 0 40px rgba(232,98,42,.08);
}
.cap-video img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; opacity: .72;
  transition: opacity .35s, transform .8s var(--ease1);
}
.cap-video:hover img { opacity: .9; transform: scale(1.04); }
.cap-video::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(8,8,10,.86) 100%);
}
.cap-video__badge {
  position: absolute; top: 12px; left: 12px;
  z-index: 2;
  padding: 5px 10px; border-radius: 100px;
  background: rgba(8,8,10,.78);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  font-family: var(--f-m); font-size: 8.5px;
  letter-spacing: 1.1px; text-transform: uppercase;
  color: rgba(255,198,150,.94);
}
.cap-video__dur {
  position: absolute; top: 12px; right: 12px;
  z-index: 2;
  padding: 4px 8px; border-radius: 6px;
  background: rgba(0,0,0,.72);
  font-family: var(--f-m); font-size: 10px;
  color: rgba(255,255,255,.85);
}
.cap-video__play {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 60px; height: 60px; border-radius: 50%;
  background: rgba(232,98,42,.92);
  border: 2px solid #fff;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 18px;
  z-index: 2;
  transition: transform .35s var(--ease1), background .35s;
  box-shadow: 0 12px 32px rgba(232,98,42,.5);
}
.cap-video__play i { margin-left: 4px; }
.cap-video:hover .cap-video__play {
  transform: translate(-50%, -50%) scale(1.1);
  background: var(--o);
}
.cap-video__title {
  position: absolute; bottom: 14px; left: 16px; right: 16px;
  z-index: 2;
  font-family: var(--f-h); font-weight: 700; font-size: 14px;
  color: #fff; letter-spacing: -.2px;
}
.cap-video__caption {
  margin-top: 22px;
  text-align: center;
  font-size: 13px;
  color: rgba(255,255,255,.5);
  font-family: var(--f-m); letter-spacing: .3px;
}
@media (max-width: 900px) { .cap-videos__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .cap-videos__grid { grid-template-columns: 1fr; } }