/* ═══════════════════════════════════════════════════════════
   INNOMERC TECH, MULTI-PAGE STYLES
   Supplements style.css · Teal #2CBCB6 · Orange #F29100
   ═══════════════════════════════════════════════════════════ */

/* ── NAV DROPDOWN ──────────────────────────────────────────── */
.nl-drop{position:relative;display:inline-flex}
.nl-drop::after{
  content:'';
  position:absolute;
  top:100%;
  left:-1rem;
  right:-1rem;
  height:.9rem;
  z-index:1999;
}
.nl-parent{
  cursor:pointer;background:none;border:none;
  font-family:var(--font);font-size:.78rem;font-weight:500;
  line-height:1;letter-spacing:inherit;gap:.3rem;
}
.nl-parent .drop-arrow{transition:transform .25s var(--ease);flex-shrink:0}
.nl-drop:hover .drop-arrow,.nl-drop.open .drop-arrow{transform:rotate(180deg)}

.drop-menu{
  position:absolute;top:calc(100% + .75rem);left:50%;transform:translateX(-50%);
  min-width:320px;
  background:linear-gradient(180deg,rgba(14,17,24,.97),rgba(10,12,18,.96));
  border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);
  padding:.5rem;opacity:0;visibility:hidden;pointer-events:none;
  backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);
  box-shadow:0 18px 52px rgba(0,0,0,.42),0 0 0 1px rgba(48,213,200,.07),0 0 48px rgba(255,159,28,.035);
  transition:opacity .22s var(--ease),visibility .22s,transform .22s var(--ease);
  transform:translateX(-50%) translateY(-6px);
  z-index:2000;
}
.nl-drop:hover .drop-menu,.nl-drop.open .drop-menu{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.drop-item{
  display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem;
  border-radius:var(--radius-sm);color:var(--text-2);font-size:.8rem;font-weight:500;
  transition:all .2s var(--ease);white-space:nowrap;
}
.drop-item:hover,.drop-item:focus-visible,.drop-item.active,.drop-sub-parent.active{color:var(--teal);background:var(--teal-dim)}
.drop-item svg{flex-shrink:0;opacity:.6;transition:opacity .2s}
.drop-item:hover svg,.drop-item:focus-visible svg,.drop-item.active svg,.drop-sub-parent.active svg{opacity:1}
.drop-sep{height:1px;background:var(--border);margin:.25rem .5rem}
.drop-sub{position:relative}
.drop-sub::after{
  content:'';
  position:absolute;
  top:-.55rem;
  bottom:-.55rem;
  left:100%;
  width:.75rem;
  z-index:1;
}
.drop-sub-parent{justify-content:space-between}
.drop-sub-parent > span{margin-right:auto}
.drop-sub-arrow{margin-left:auto;transition:transform .2s var(--ease)}
.drop-sub-menu{
  position:absolute;top:-.5rem;left:calc(100% + .45rem);
  min-width:210px;
  background:linear-gradient(180deg,rgba(14,17,24,.98),rgba(10,12,18,.97));
  border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);
  padding:.45rem;opacity:0;visibility:hidden;pointer-events:none;
  box-shadow:0 16px 44px rgba(0,0,0,.38),0 0 0 1px rgba(48,213,200,.07);
  transform:translateX(-6px);transition:opacity .18s var(--ease),visibility .18s,transform .18s var(--ease);
  z-index:2;
}
.drop-sub:hover .drop-sub-menu,.drop-sub:focus-within .drop-sub-menu,.drop-sub.open .drop-sub-menu,.drop-sub-menu:hover{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);
}
.drop-sub:hover .drop-sub-parent,.drop-sub:focus-within .drop-sub-parent,.drop-sub.open .drop-sub-parent{color:var(--teal);background:var(--teal-dim)}
.drop-sub:hover .drop-sub-arrow,.drop-sub:focus-within .drop-sub-arrow,.drop-sub.open .drop-sub-arrow{transform:translateX(2px)}
.drop-child{padding-left:.75rem}

[data-theme="light"] .drop-menu{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,251,.97));
  border-color:rgba(15,23,42,.08);
  box-shadow:0 16px 42px rgba(15,23,42,.11),0 0 0 1px rgba(15,159,149,.08);
}
[data-theme="light"] .drop-sub-menu{
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,249,251,.98));
  border-color:rgba(15,23,42,.08);
  box-shadow:0 16px 36px rgba(15,23,42,.1),0 0 0 1px rgba(15,159,149,.08);
}
[data-theme="light"] .drop-item{color:var(--text-2)}
[data-theme="light"] .drop-item:hover,[data-theme="light"] .drop-item:focus-visible,[data-theme="light"] .drop-item.active,[data-theme="light"] .drop-sub-parent.active{color:var(--teal);background:var(--teal-dim)}

/* ── DRAWER (mobile hamburger panel) ─────────────────────────
   Full drawer styles are in style.css @media(max-width:768px) */

/* ── PAGE HERO (non-home pages) ───────────────────────────── */
.page-hero{
  padding-top:calc(var(--nav-h) + 4rem);padding-bottom:4.5rem;
  position:relative;overflow:hidden;
}
.page-hero::before{
  content:'';position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 90% 65% at 50% -5%, rgba(44,188,182,.25) 0%,transparent 60%),
    radial-gradient(ellipse 55% 50% at 85% 40%, rgba(242,145,0,.11) 0%,transparent 62%),
    radial-gradient(ellipse 45% 45% at 8%  70%, rgba(44,188,182,.09) 0%,transparent 58%),
    linear-gradient(180deg,transparent 55%,var(--bg) 100%);
}
.page-hero::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(44,188,182,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(44,188,182,.10) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 100% 90% at 50% 0%,black 5%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 100% 90% at 50% 0%,black 5%,transparent 75%);
}
/* Animated scan line sweeping across hero */
.page-hero::before{animation:hero-pulse 8s ease-in-out infinite alternate}
@keyframes hero-pulse{
  0%  {opacity:.85}
  50% {opacity:1}
  100%{opacity:.88}
}
.page-hero .container{position:relative;z-index:1}

/* Large decorative hero icon (page-specific) */
.page-hero-deco{
  position:absolute;right:-2rem;top:50%;transform:translateY(-50%);
  z-index:0;pointer-events:none;opacity:.10;
  animation:deco-breathe 6s ease-in-out infinite alternate;
}
@keyframes deco-breathe{
  0%  {opacity:.08;transform:translateY(-50%) scale(1)}
  100%{opacity:.14;transform:translateY(-52%) scale(1.03)}
}
.page-hero-deco svg{width:clamp(240px,40vw,440px);height:auto}
.page-hero-label{
  display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--teal);margin-bottom:1rem;
}
.page-hero-label::before{
  content:'';width:6px;height:6px;border-radius:50%;background:var(--teal);
  box-shadow:0 0 8px rgba(44,188,182,.6);animation:pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}
.page-hero-title{
  font-family:var(--font-d);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;
  color:var(--text);line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem;
  max-width:720px;
}
.page-hero-desc{
  font-size:clamp(1rem,2vw,1.15rem);color:var(--text-2);line-height:1.75;
  max-width:580px;margin-bottom:2rem;
}
.page-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}

/* Breadcrumb */
.breadcrumb{
  display:flex;align-items:center;gap:.35rem;font-size:.75rem;
  color:var(--text-3);margin-bottom:1.5rem;flex-wrap:wrap;
}
.breadcrumb a{color:var(--text-3);transition:color .2s}
.breadcrumb a:hover{color:var(--teal)}
.breadcrumb .bc-sep{opacity:.4}
.breadcrumb .bc-current{color:var(--teal)}

[data-theme="light"] .page-hero::before{
  background:
    radial-gradient(ellipse 90% 65% at 50% -5%, rgba(13,148,136,.18) 0%,transparent 60%),
    radial-gradient(ellipse 55% 50% at 85% 40%, rgba(234,88,12,.09) 0%,transparent 62%),
    radial-gradient(ellipse 45% 45% at 8%  70%, rgba(13,148,136,.07) 0%,transparent 58%),
    linear-gradient(180deg,transparent 55%,var(--bg) 100%);
}
[data-theme="light"] .page-hero::after{
  background-image:
    linear-gradient(rgba(13,148,136,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(13,148,136,.12) 1px,transparent 1px);
}
[data-theme="light"] .page-hero-deco{
  opacity:.10;
  filter:invert(47%) sepia(69%) saturate(497%) hue-rotate(145deg) brightness(90%);
}

/* ── PAGE HERO BACKGROUND BANNER (photo + dark overlay) ──── */
/*
   Usage: add a class like hero-contact, hero-services, hero-vapt
   to the <section class="page-hero"> element. Then place the
   matching image in /images/ (e.g. contact.jpg, service.jpg).
   The <div class="page-hero-bg"> inside the hero will display it.
*/
.page-hero-bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center top;
  background-repeat:no-repeat;
  transition:opacity .6s ease;
}
.page-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(
    135deg,
    rgba(5,5,8,.85) 0%,
    rgba(5,5,8,.70) 45%,
    rgba(5,5,8,.55) 100%
  );
}
[data-theme="light"] .page-hero-bg::after{
  background:linear-gradient(
    135deg,
    rgba(248,247,244,.92) 0%,
    rgba(248,247,244,.78) 45%,
    rgba(248,247,244,.65) 100%
  );
}

/* Home hero banner */
.hero-home .page-hero-bg{background-image:url('../images/home.jpg')}
/* Service overview page */
.hero-services .page-hero-bg{background-image:url('../images/service.jpg')}
/* Individual service pages */
.hero-cyber  .page-hero-bg{background-image:url('../images/cybersecurity.jpg')}
.hero-vapt   .page-hero-bg{background-image:url('../images/vapt.jpg')}
.hero-cloud  .page-hero-bg{background-image:url('../images/cloud.jpg')}
.hero-ai     .page-hero-bg{background-image:url('../images/ai.jpg')}
.hero-growth .page-hero-bg{background-image:url('../images/growth.jpg')}
/* Company pages */
.hero-about   .page-hero-bg{background-image:url('../images/about.jpg')}
.hero-partners .page-hero-bg{background-image:url('../images/partners.jpg')}
.hero-contact  .page-hero-bg{background-image:url('../images/contact.jpg')}
.hero-insights .page-hero-bg{background-image:url('../images/insights.jpg')}
/* Insight articles (same image folder, one level up) */
.hero-article .page-hero-bg{background-image:url('../images/insights.jpg')}

/* ── BUTTONS ──────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.75rem 1.5rem;border-radius:var(--radius-full);
  font-size:.88rem;font-weight:600;cursor:pointer;
  transition:all .3s var(--ease);position:relative;overflow:hidden;
  text-decoration:none;border:none;
}
.btn-primary{
  background:linear-gradient(135deg,var(--teal),var(--teal-l));
  color:#040e0c;font-weight:700; /* Dark text: 9.2:1 contrast on teal */
  box-shadow:0 4px 20px rgba(44,188,182,.28),0 0 0 1px rgba(44,188,182,.2);
}
.btn-primary:hover{
  background:linear-gradient(135deg,var(--teal-l),var(--teal));
  box-shadow:0 8px 32px rgba(44,188,182,.42),0 0 0 1px rgba(44,188,182,.3);
  transform:translateY(-2px);color:#040e0c;
}
.btn-secondary{
  background:linear-gradient(135deg,var(--orange),var(--orange-l));
  color:#fff;font-weight:600;
  box-shadow:0 4px 20px rgba(242,145,0,.28),0 0 0 1px rgba(242,145,0,.2);
}
.btn-secondary:hover{
  box-shadow:0 8px 32px rgba(242,145,0,.42);transform:translateY(-2px);
}
.btn-ghost{
  background:transparent;color:var(--text-2);
  border:1px solid var(--border-3);
}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}
.btn svg{flex-shrink:0}

/* ── SECTION TAGS, editorial line-prefix style ───────────── */
.tag{
  display:inline-flex;align-items:center;gap:.75rem;
  font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--teal);background:none;border:none;border-radius:0;
  padding:0;margin-bottom:.75rem;
}
.tag::before{
  content:'';display:block;width:28px;height:1.5px;flex-shrink:0;
  background:linear-gradient(90deg,var(--teal),rgba(44,188,182,0));
  border-radius:2px;
}

/* ── SECTION HEADINGS ─────────────────────────────────────── */
.sec-title{
  font-family:var(--font-d);font-size:clamp(1.4rem,2.4vw,2rem);
  font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.025em;
  margin-bottom:.75rem;position:relative;display:block;
}
.sec-title::after{
  content:'';position:absolute;bottom:-8px;left:0;width:40px;height:2px;
  background:linear-gradient(90deg,var(--teal),var(--orange),transparent);
  border-radius:2px;box-shadow:0 0 8px rgba(44,188,182,.3);
}
.sec-desc{
  font-size:1rem;color:var(--text-2);line-height:1.75;max-width:680px;
  margin-bottom:2.5rem;
}

/* ── CARD COMPONENTS ──────────────────────────────────────── */
.card{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.75rem;
  transition:all .35s var(--ease);position:relative;overflow:hidden;
}
.card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%),var(--card-spotlight),transparent 60%);
  opacity:0;transition:opacity .3s;
}
.card:hover::before{opacity:1}
.card:hover{border-color:rgba(44,188,182,.2);transform:translateY(-3px);
  box-shadow:0 12px 40px rgba(0,0,0,.25)}
.card-icon,.card-icon-wrap{
  width:48px;height:48px;border-radius:var(--radius-sm);
  background:var(--teal-dim);border:1px solid rgba(44,188,182,.1);
  display:flex;align-items:center;justify-content:center;
  color:var(--teal);margin-bottom:1.1rem;flex-shrink:0;
}
.card-icon-orange,.card-icon-wrap-orange{
  background:var(--orange-dim);border-color:rgba(242,145,0,.1);color:var(--orange)
}
.card h3{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:.6rem;line-height:1.35}
.card p{font-size:.9rem;color:var(--text-2);line-height:1.65}

/* Card accent variants, colored top bar */
.card-teal{border-top:2px solid var(--teal)}
.card-orange{border-top:2px solid var(--orange)}
.card-teal::after,.card-orange::after{
  content:'';position:absolute;top:0;left:0;right:0;height:40px;
  background:linear-gradient(180deg,rgba(44,188,182,.04),transparent);
  pointer-events:none;z-index:0;
}
.card-orange::after{background:linear-gradient(180deg,rgba(242,145,0,.05),transparent)}
.card-teal:hover{border-top-color:var(--teal);box-shadow:0 12px 40px rgba(44,188,182,.12),0 0 0 1px rgba(44,188,182,.08)}
.card-orange:hover{border-top-color:var(--orange);box-shadow:0 12px 40px rgba(242,145,0,.1),0 0 0 1px rgba(242,145,0,.08)}

/* Card content positioned above pseudo-elements */
.card-teal>*,.card-orange>*{position:relative;z-index:1}

/* Section with strong teal glow accent (reusable) */
.section-glow{
  position:relative;
}
.section-glow::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:600px;height:300px;
  background:radial-gradient(ellipse,rgba(44,188,182,.06) 0%,transparent 70%);
  pointer-events:none;z-index:0;
}
.section-glow>.container{position:relative;z-index:1}

/* Feature list */
.feat-list{list-style:none;padding:0;margin:1.25rem 0;display:flex;flex-direction:column;gap:.6rem}
.feat-list li{
  display:flex;align-items:flex-start;gap:.65rem;font-size:.9rem;color:var(--text-2);line-height:1.55;
}
.feat-list li::before{
  content:'';flex-shrink:0;width:16px;height:16px;border-radius:50%;margin-top:2px;
  background:var(--teal-dim);border:1px solid rgba(44,188,182,.25);
  background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%232CBCB6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:10px;background-repeat:no-repeat;background-position:center;
}

/* ── SERVICE PAGE CONTENT BLOCKS ──────────────────────────── */
.service-intro{
  display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;
}
.service-intro-text h2{font-family:var(--font-d);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--text);margin-bottom:1rem;line-height:1.3;letter-spacing:-.02em}
.service-intro-text p{color:var(--text-2);line-height:1.75;margin-bottom:1rem}
.service-stat-box{
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);
  padding:2rem;display:flex;flex-direction:column;gap:1.25rem;
}
.ssb-item{display:flex;align-items:flex-start;gap:1rem}
.ssb-icon{
  width:42px;height:42px;flex-shrink:0;border-radius:var(--radius-sm);
  background:var(--teal-dim);border:1px solid rgba(44,188,182,.12);
  display:flex;align-items:center;justify-content:center;color:var(--teal);
}
.ssb-text strong{display:block;font-size:.95rem;color:var(--text);margin-bottom:.15rem}
.ssb-text span{font-size:.82rem;color:var(--text-3)}

/* Three column card grid */
.cards-3{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}

/* ── CTA SECTIONS ─────────────────────────────────────────── */
.cta-section{
  background:linear-gradient(135deg,rgba(44,188,182,.07) 0%,rgba(242,145,0,.05) 100%);
  border:1px solid rgba(44,188,188,.12);border-radius:calc(var(--radius)*1.5);
  padding:clamp(2.5rem,5vw,4rem);text-align:center;position:relative;overflow:hidden;
}
.cta-section::before{
  content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(44,188,182,.08),transparent 70%);
  pointer-events:none;
}
.cta-section h2{font-family:var(--font-d);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;color:var(--text);margin-bottom:.75rem;letter-spacing:-.02em}
.cta-section p{color:var(--text-2);max-width:520px;margin:0 auto 2rem;line-height:1.7}
.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}

/* ── PROCESS STEPS (horizontal) ──────────────────────────── */
.steps-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;
  counter-reset:steps;
}
.step-item{
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.75rem;position:relative;counter-increment:steps;
  transition:all .3s var(--ease);
}
.step-item:hover{border-color:rgba(44,188,182,.2);transform:translateY(-3px)}
.step-num{
  font-family:var(--font-d);font-size:2.5rem;font-weight:800;
  background:linear-gradient(135deg,var(--teal),var(--orange));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:.75rem;line-height:1;
}
.step-item h3,.step-item h4{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}
.step-item p{font-size:.88rem;color:var(--text-2);line-height:1.6}

/* ── CARD LINK (inside card, styled as subtle text link) ───── */
.card-link{
  display:inline-flex;align-items:center;gap:.35rem;
  font-size:.82rem;font-weight:600;color:var(--teal);
  margin-top:1rem;transition:gap .2s var(--ease);
}
.card-link:hover{gap:.6rem}

/* ── FAQ STYLES ───────────────────────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:.75rem}
.faq-item{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;
  border-left:3px solid transparent;transition:border-color .3s;
}
.faq-item.active{border-left-color:var(--teal)}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;
  gap:1rem;padding:1.1rem 1.25rem;font-size:.95rem;font-weight:500;
  color:var(--text);cursor:pointer;background:none;border:none;font-family:var(--font);
  text-align:left;
}
.faq-icon{
  flex-shrink:0;width:20px;height:20px;border:1px solid var(--border-2);
  border-radius:50%;position:relative;transition:all .3s var(--ease);
}
.faq-icon::before,.faq-icon::after{
  content:'';position:absolute;top:50%;left:50%;
  width:8px;height:1.5px;background:var(--text-2);transform:translate(-50%,-50%);
  transition:all .3s var(--ease);
}
.faq-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item.active .faq-icon{background:var(--teal-dim);border-color:rgba(44,188,182,.3)}
.faq-item.active .faq-icon::after{transform:translate(-50%,-50%) rotate(0deg);opacity:0}
.faq-item.active .faq-icon::before{background:var(--teal)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.faq-a p{padding:0 1.25rem 1.1rem;font-size:.9rem;color:var(--text-2);line-height:1.7}

/* ── CONTACT FORM ─────────────────────────────────────────── */
.contact-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:3.5rem;align-items:start}
.contact-info h2{font-family:var(--font-d);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;color:var(--text);margin-bottom:.85rem;letter-spacing:-.02em}
.contact-info p{color:var(--text-2);line-height:1.7;margin-bottom:1.5rem;font-size:.95rem}
.contact-detail{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}
.cd-item{display:flex;align-items:flex-start;gap:.75rem}
.cd-icon{
  width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);
  background:var(--teal-dim);border:1px solid rgba(44,188,182,.12);
  display:flex;align-items:center;justify-content:center;color:var(--teal);
}
.cd-text strong{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:.15rem}
.cd-text a,.cd-text span{font-size:.92rem;color:var(--text-2);transition:color .2s}
.cd-text a:hover{color:var(--teal)}

.form-box{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);padding:2rem;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}
.form-group label{font-size:.78rem;font-weight:600;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase}
.form-group input,.form-group select,.form-group textarea{
  background:var(--surface-3);border:1px solid var(--border-2);
  border-radius:var(--radius-sm);padding:.75rem 1rem;
  font-family:var(--font);font-size:.9rem;color:var(--text);
  transition:border-color .2s,box-shadow .2s;width:100%;
  -webkit-appearance:none;appearance:none;
}
.form-group select{
  background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232CBCB6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;
  padding-right:2.5rem;cursor:pointer;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(44,188,182,.1);
}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-4)}
.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}
.form-submit{
  width:100%;padding:.875rem;border-radius:var(--radius-full);
  background:linear-gradient(135deg,var(--teal),var(--teal-l));
  color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;
  border:none;font-family:var(--font);
  transition:all .3s var(--ease);display:flex;align-items:center;justify-content:center;gap:.5rem;
  box-shadow:0 4px 20px rgba(44,188,182,.28);
}
.form-submit:hover{box-shadow:0 8px 32px rgba(44,188,182,.4);transform:translateY(-2px)}
.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
.form-note{font-size:.75rem;color:var(--text-3);margin-top:.75rem;text-align:center}
.form-success{
  display:none;padding:1.25rem;border-radius:var(--radius-sm);
  background:rgba(44,188,182,.08);border:1px solid rgba(44,188,182,.2);
  color:var(--teal);font-size:.9rem;text-align:center;
}
.form-success.show{display:block}
.form-error{
  display:none;padding:1.25rem;border-radius:var(--radius-sm);
  background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);
  color:#f87171;font-size:.9rem;text-align:center;
}
.form-error.show{display:block}

[data-theme="light"] .form-group input,[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea{
  background:var(--surface);border-color:rgba(15,23,42,.1);color:var(--text);
}
[data-theme="light"] .form-box{background:var(--surface);box-shadow:0 2px 12px rgba(15,23,42,.06)}
[data-theme="light"] .form-group input::placeholder,[data-theme="light"] .form-group textarea::placeholder{color:#94a3b8}

/* ── PARTNER ECOSYSTEM ────────────────────────────────────── */
.partner-types{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem;
}
.pt-card{
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.5rem;transition:all .3s var(--ease);cursor:default;
}
.pt-card:hover{border-color:rgba(44,188,182,.2);transform:translateY(-3px)}
.pt-card-icon{
  width:44px;height:44px;border-radius:var(--radius-sm);
  background:var(--teal-dim);border:1px solid rgba(44,188,182,.12);
  display:flex;align-items:center;justify-content:center;
  color:var(--teal);margin-bottom:1rem;
}
.pt-card-icon-orange{background:var(--orange-dim);border-color:rgba(242,145,0,.12);color:var(--orange)}
.pt-card h3{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.5rem}
.pt-card p{font-size:.84rem;color:var(--text-2);line-height:1.6}

/* ── INSIGHTS / BLOG ──────────────────────────────────────── */
.insights-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;
}
.insight-card{
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;transition:all .35s var(--ease);display:flex;flex-direction:column;
}
.insight-card:hover{border-color:rgba(44,188,182,.2);transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.25)}
.ic-thumb{
  aspect-ratio:16/9;background:var(--surface-3);border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;
}
.ic-thumb-inner{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--surface-2),var(--surface-3));
}
.ic-thumb-icon{color:var(--teal);opacity:.4}
.ic-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.ic-cat{
  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--teal);margin-bottom:.6rem;
}
.ic-title{
  font-size:1rem;font-weight:600;color:var(--text);line-height:1.4;
  margin-bottom:.65rem;transition:color .2s;
}
.insight-card:hover .ic-title{color:var(--teal)}
.ic-excerpt{font-size:.85rem;color:var(--text-2);line-height:1.6;flex:1;margin-bottom:1rem}
.ic-meta{
  display:flex;align-items:center;justify-content:space-between;
  font-size:.75rem;color:var(--text-3);padding-top:.75rem;
  border-top:1px solid var(--border);
}
.ic-read{
  font-size:.78rem;font-weight:600;color:var(--teal);
  display:flex;align-items:center;gap:.3rem;transition:gap .2s;
}
.insight-card:hover .ic-read{gap:.5rem}

/* ── ARTICLE PAGE ─────────────────────────────────────────── */
.article-wrap{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}
.article-body h2{font-family:var(--font-d);font-size:1.4rem;font-weight:700;color:var(--text);margin:2rem 0 .85rem;letter-spacing:-.02em}
.article-body h3{font-size:1.1rem;font-weight:600;color:var(--text);margin:1.5rem 0 .65rem}
.article-body p{font-size:.95rem;color:var(--text-2);line-height:1.8;margin-bottom:1rem}
.article-body ul,.article-body ol{margin:1rem 0 1rem 1.5rem;color:var(--text-2);font-size:.95rem;line-height:1.75}
.article-body li{margin-bottom:.4rem}
.article-body blockquote{
  border-left:3px solid var(--teal);padding:.75rem 1.25rem;margin:1.5rem 0;
  background:var(--teal-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  font-style:italic;color:var(--text-2);
}
.article-sidebar{position:sticky;top:calc(var(--nav-h) + 1.5rem)}
.sidebar-box{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;
}
.sidebar-box h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:1rem}
.sidebar-links{display:flex;flex-direction:column;gap:.4rem}
.sidebar-links a{font-size:.85rem;color:var(--text-2);padding:.35rem 0;border-bottom:1px solid var(--border);transition:color .2s}
.sidebar-links a:hover{color:var(--teal)}
.sidebar-links a:last-child{border-bottom:none}

/* ── CASE STUDY CARDS ─────────────────────────────────────── */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}
.case-card{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);padding:2rem;
  transition:all .3s var(--ease);position:relative;overflow:hidden;
}
.case-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--teal),var(--orange));
}
.case-card:hover{border-color:rgba(44,188,182,.2);transform:translateY(-3px)}
.cc-industry{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.85rem}
.cc-label{display:inline-block;padding:.2rem .6rem;border-radius:4px;background:var(--teal-dim);color:var(--teal);font-size:.7rem;font-weight:600;margin-bottom:.65rem}
.case-card h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem;line-height:1.4}
.case-card p{font-size:.88rem;color:var(--text-2);line-height:1.65;margin-bottom:.75rem}
.cc-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.cc-tag{font-size:.72rem;padding:.2rem .55rem;border-radius:4px;background:var(--surface-3);color:var(--text-3);border:1px solid var(--border)}

/* ── TRUST SECTION ────────────────────────────────────────── */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.trust-item{
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.75rem 1.5rem;transition:all .3s var(--ease);
  display:flex;flex-direction:column;gap:.75rem;
}
.trust-item:hover{
  border-color:rgba(44,188,182,.2);
  box-shadow:0 8px 32px rgba(44,188,182,.06);
  transform:translateY(-3px);
}
.trust-icon{
  width:44px;height:44px;flex-shrink:0;
  border-radius:var(--radius-sm);background:var(--teal-dim);
  border:1px solid rgba(44,188,182,.12);
  display:flex;align-items:center;justify-content:center;color:var(--teal);
}
.trust-item h4{
  font-size:.95rem;font-weight:600;color:var(--text);
  line-height:1.3;margin:0;
}
.trust-item p{
  font-size:.85rem;color:var(--text-2);line-height:1.65;margin:0;flex:1;
}

/* ── PARTNER CRITERIA LIST ────────────────────────────────── */
/* Horizontal icon + text items used inside a card (partner page) */
.criteria-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}
.criteria-item{
  display:flex;align-items:flex-start;gap:.9rem;
  padding:.9rem 1rem;border-radius:var(--radius-sm);
  background:var(--surface-3);border:1px solid var(--border);
  transition:border-color .2s;
}
.criteria-item:hover{border-color:rgba(44,188,182,.2)}
.criteria-icon{
  width:32px;height:32px;flex-shrink:0;border-radius:6px;
  background:var(--teal-dim);border:1px solid rgba(44,188,182,.12);
  display:flex;align-items:center;justify-content:center;color:var(--teal);
  margin-top:.05rem;
}
.criteria-item p{font-size:.9rem;color:var(--text-2);line-height:1.65;margin:0}
.criteria-item strong{color:var(--text);font-weight:600}

/* ── INSIGHT CARD IMAGE (real photo support) ──────────────── */
a.ic-thumb{text-decoration:none;display:block}
.ic-thumb img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s var(--ease);display:block;z-index:1;
}
/* Hide the SVG fallback when the real image loads */
.ic-thumb:has(img) .ic-thumb-fallback{display:none}
/* When image errors, onerror adds ic-thumb--placeholder; show fallback */
.ic-thumb.ic-thumb--placeholder .ic-thumb-fallback{display:flex}
.ic-thumb-fallback{position:absolute;inset:0;z-index:0}
.insight-card:hover .ic-thumb img{transform:scale(1.04)}

/* Article featured image */
.article-featured-img{
  width:100%;aspect-ratio:16/9;border-radius:var(--radius);
  overflow:hidden;margin-bottom:2rem;border:1px solid var(--border);
}
.article-featured-img img{
  width:100%;height:100%;object-fit:cover;display:block;
}

/* ── INDUSTRIES SECTION ───────────────────────────────────── */
.ind-grid{display:flex;flex-wrap:wrap;gap:.65rem}
.ind-chip{
  padding:.45rem 1rem;border-radius:var(--radius-full);
  font-size:.82rem;font-weight:500;color:var(--text-2);
  background:var(--surface-2);border:1px solid var(--border);
  transition:all .25s var(--ease);cursor:default;
}
.ind-chip:hover{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}

/* ── 404 PAGE ─────────────────────────────────────────────── */
.not-found{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:2rem;
}
.nf-code{
  font-family:var(--font-d);font-size:clamp(5rem,18vw,10rem);font-weight:800;
  line-height:1;letter-spacing:-.04em;
  background:linear-gradient(135deg,var(--teal),var(--orange));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:block;margin-bottom:.5rem;
}
.nf-title{font-family:var(--font-d);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;color:var(--text);margin-bottom:.75rem}
.nf-desc{color:var(--text-2);max-width:460px;margin:0 auto 2rem;line-height:1.7;font-size:.95rem}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem}
.nf-link{
  padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-2);
  color:var(--text-2);font-size:.85rem;transition:all .2s;
}
.nf-link:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}

/* ── REVEAL ANIMATIONS ────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.reveal.visible{opacity:1;transform:none}

/* ── HIGHLIGHT BOX ────────────────────────────────────────── */
.highlight-box{
  background:linear-gradient(135deg,rgba(44,188,182,.06),rgba(242,145,0,.04));
  border:1px solid rgba(44,188,182,.12);border-radius:var(--radius);
  padding:1.5rem 2rem;margin:2rem 0;
}
.highlight-box p{font-size:.95rem;color:var(--text-2);line-height:1.75;margin:0}
.highlight-box strong{color:var(--teal)}

/* ── SECTION DIVIDER ──────────────────────────────────────── */
.sec-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-2) 20%,var(--border-2) 80%,transparent);margin:0}

/* ── SUBPAGE FIXES ────────────────────────────────────────── */
/* First section after page-hero: suppress the top divider line */
.page-hero + .section::before{display:none}

/* ── PAGE HERO TEXT: prevent overlap with right-side deco widgets ── */
/* Widgets sit at right:4% width≈300px — at 1180px container, 75% = 885px,
   widget starts at ~952px → safe 67px gap. h1 kept at 680px for tight layout. */
@media(min-width:900px){
  .page-hero .container>h1{max-width:680px}
  /* Description: 75% of container = wide, readable, safely clear of widget */
  .page-hero .container>p,.page-hero-desc{
    max-width:75%;
    text-align:justify;
    hyphens:auto;
    -webkit-hyphens:auto;
  }
  .page-hero .container>.page-hero-ctas,
  .page-hero .container>.hero-ctas{max-width:680px}
  .page-hero .container>.breadcrumb{max-width:none} /* breadcrumb stays full */
}

/* Two-column grid used on About and other subpages */
.two-col-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;
}
@media(max-width:768px){.two-col-grid{grid-template-columns:1fr;gap:2rem}}

/* Stat panel used on About page */
.stat-panel{
  display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);padding:2rem;
}
.stat-block{text-align:center;padding:1rem;border-radius:var(--radius-sm);background:var(--surface-3)}
.stat-num{
  font-family:var(--font-d);font-size:2rem;font-weight:800;
  background:linear-gradient(135deg,var(--teal),var(--orange));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1;margin-bottom:.35rem;
}
.stat-label{font-size:.78rem;color:var(--text-3);font-weight:500;letter-spacing:.04em;text-transform:uppercase}

/* Industry grid (platforms grid) */
.industry-grid{display:flex;flex-wrap:wrap;gap:.65rem}
.industry-chip{
  padding:.45rem 1rem;border-radius:var(--radius-full);
  font-size:.82rem;font-weight:500;color:var(--text-2);
  background:var(--surface-2);border:1px solid var(--border);
  transition:all .25s var(--ease);cursor:default;
}
.industry-chip:hover{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}

/* Contact info panel (sidebar for contact/partner pages) */
.contact-info-panel{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);padding:2rem;
}
.contact-info-panel h3{font-family:var(--font-d);font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:1rem}
.contact-info-panel p{font-size:.9rem;color:var(--text-2);line-height:1.7;margin-bottom:1.25rem}
.cip-item{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.1rem}
.cip-icon{
  width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);
  background:var(--teal-dim);border:1px solid rgba(44,188,182,.12);
  display:flex;align-items:center;justify-content:center;color:var(--teal)
}
.cip-text strong{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:.2rem}
.cip-text a,.cip-text span{font-size:.9rem;color:var(--text-2);transition:color .2s}
.cip-text a:hover{color:var(--teal)}

/* Nepal badge (About page) */
.nepal-badge-wrap{
  display:flex;flex-direction:column;
  align-items:stretch;gap:1rem;
  margin-top:0;
}
.nepal-badge{
  display:flex;align-items:center;gap:1rem;
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.1rem 1.25rem;
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease);
}
.nepal-badge:hover{
  border-color:rgba(44,188,182,.2);
  box-shadow:0 4px 20px rgba(44,188,182,.06);
}
.nepal-badge svg{flex-shrink:0;width:28px;height:28px;}
.nepal-badge>div{flex:1}
.nepal-badge strong{
  display:block;font-size:.9rem;font-weight:600;
  color:var(--teal);margin-bottom:.2rem;line-height:1.3;
}
.nepal-badge p{
  font-size:.83rem;color:var(--text-2);line-height:1.5;margin:0;
  text-align:left!important;hyphens:none!important;
}

/* Feature list inside cards (VAPT page) */
.feature-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.5rem}
.feature-list li{font-size:.82rem;color:var(--text-2);display:flex;align-items:flex-start;gap:.5rem;line-height:1.45}
.feature-list li::before{
  content:'';flex-shrink:0;width:14px;height:14px;margin-top:2px;
  border-radius:50%;background:var(--teal-dim);
  border:1px solid rgba(44,188,182,.25);
  background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='%232CBCB6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:8px;background-repeat:no-repeat;background-position:center;
}

/* ── INDUSTRY TAG (VAPT / service pages) ───────────────────── */
.industry-tag{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.45rem 1rem;border-radius:var(--radius-full);
  font-size:.8rem;font-weight:500;color:var(--text-2);
  background:var(--surface-2);border:1px solid var(--border);
  transition:all .22s var(--ease);cursor:default;
}
.industry-tag svg{flex-shrink:0;color:var(--teal);opacity:.7;transition:opacity .2s}
.industry-tag:hover{background:var(--teal-dim);border-color:rgba(44,188,182,.3);color:var(--teal)}
.industry-tag:hover svg{opacity:1}

/* ── INFO CARD (VAPT "What is VAPT" panel) ─────────────────── */
.info-card{
  display:flex;align-items:flex-start;gap:1rem;
  padding:1.1rem 1.25rem;border-radius:var(--radius);
  background:var(--surface-2);border:1px solid var(--border);
  transition:border-color .2s;
}
.info-card:hover{border-color:rgba(44,188,182,.25)}
.info-card svg{flex-shrink:0;margin-top:2px}
.info-card strong{display:block;font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.25rem}
.info-card p{font-size:.82rem;color:var(--text-2);line-height:1.55;margin:0}
.vapt-stat-panel{display:flex;flex-direction:column;gap:.85rem;justify-content:center}

/* ── VAPT THREAT STRIP (hero stat bar) ─────────────────────── */
.vapt-threat-strip{
  display:flex;align-items:center;gap:2rem;flex-wrap:wrap;
  margin-top:2.5rem;padding:1.25rem 1.5rem;
  border-radius:var(--radius);
  background:rgba(44,188,182,.04);
  border:1px solid rgba(44,188,182,.12);
  border-left:3px solid var(--teal);
}
.vts-item{display:flex;align-items:baseline;gap:.65rem}
.vts-num{
  font-family:var(--font-d);font-size:1.25rem;font-weight:700;
  color:var(--teal);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;
}
.vts-label{font-size:.78rem;color:var(--text-3);line-height:1.4;max-width:160px}
.vts-sep{width:1px;height:32px;background:var(--border);flex-shrink:0}

/* Light theme overrides for subpage components */
[data-theme="light"] .stat-panel{background:var(--surface);box-shadow:0 2px 12px rgba(15,23,42,.05)}
[data-theme="light"] .stat-block{background:var(--surface-2)}
[data-theme="light"] .contact-info-panel{background:var(--surface);box-shadow:0 2px 12px rgba(15,23,42,.05)}
[data-theme="light"] .industry-chip{background:var(--surface);box-shadow:0 1px 3px rgba(15,23,42,.04)}
[data-theme="light"] .info-card{background:var(--surface);box-shadow:0 1px 4px rgba(15,23,42,.05)}
[data-theme="light"] .industry-tag{background:var(--surface);box-shadow:0 1px 3px rgba(15,23,42,.04)}
[data-theme="light"] .vapt-threat-strip{background:rgba(13,148,136,.04);border-color:rgba(13,148,136,.15);border-left-color:#0d9488}

/* ══ RESPONSIVE ═══════════════════════════════════════════ */
@media(max-width:1024px){
  .service-intro{grid-template-columns:1fr;gap:2rem}
  .cards-4{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .partner-types{grid-template-columns:repeat(2,1fr)}
  .article-wrap{grid-template-columns:1fr;gap:2rem}
  .article-sidebar{position:static}
}
@media(max-width:768px){
  .cards-3,.cards-2{grid-template-columns:1fr}
  .case-grid{grid-template-columns:1fr}
  .insights-grid{grid-template-columns:1fr}
  .contact-wrap{grid-template-columns:1fr;gap:2rem}
  .form-row{grid-template-columns:1fr}
  .partner-types{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .cta-btns{flex-direction:column;align-items:center}
  .page-hero-ctas{flex-direction:column;align-items:flex-start}
  .steps-grid{grid-template-columns:1fr 1fr}
  .drop-menu{left:0;transform:translateX(0)}
  .nl-drop:hover .drop-menu,.nl-drop.open .drop-menu{transform:translateX(0) translateY(0)}
}
@media(max-width:480px){
  .trust-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr}
  .cards-4{grid-template-columns:1fr}
  .vapt-threat-strip{gap:1.25rem;flex-direction:column;align-items:flex-start}
  .vts-sep{width:100%;height:1px}
}

/* ── PAGE AMBIENT ANIMATIONS, floating orbs per page ── */
.page-ambient{
  position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0;animation:orb-float 12s ease-in-out infinite alternate;}
.orb-teal{background:radial-gradient(circle,rgba(44,188,182,.75),transparent 70%);width:560px;height:560px;}
.orb-orange{background:radial-gradient(circle,rgba(242,145,0,.65),transparent 70%);width:440px;height:440px;}
.orb-purple{background:radial-gradient(circle,rgba(139,92,246,.55),transparent 70%);width:380px;height:380px;}
.orb-1{top:-10%;left:-5%;animation-delay:0s;}
.orb-2{bottom:-15%;right:-5%;animation-delay:-4s;animation-duration:18s;animation-name:orb-drift;}
.orb-3{top:40%;left:60%;animation-delay:-8s;animation-duration:15s;}

@keyframes orb-float{
  0%  {opacity:.12;transform:translate(0,0) scale(1)}
  40% {opacity:.22;transform:translate(20px,-30px) scale(1.12)}
  100%{opacity:.15;transform:translate(35px,-50px) scale(1.18)}
}
@keyframes orb-drift{
  0%  {opacity:.10;transform:translate(0,0) scale(1)}
  30% {opacity:.20;transform:translate(-25px,20px) scale(1.08)}
  70% {opacity:.15;transform:translate(15px,-35px) scale(.95)}
  100%{opacity:.12;transform:translate(-10px,15px) scale(1.05)}
}
/* Light theme: orbs much more visible via color + opacity boost */
[data-theme="light"] .orb-teal{background:radial-gradient(circle,rgba(13,148,136,.4),transparent 70%)}
[data-theme="light"] .orb-orange{background:radial-gradient(circle,rgba(234,88,12,.3),transparent 70%)}
[data-theme="light"] .orb-purple{background:radial-gradient(circle,rgba(124,58,237,.2),transparent 70%)}
[data-theme="light"] .orb{filter:blur(120px)}

/* ── NEW SERVICE PAGE HERO BACKGROUNDS ────────────────────── */
.hero-training .page-hero-bg{background-image:url('../images/training.jpg')}
.hero-appdev   .page-hero-bg{background-image:url('../images/app-dev.jpg')}
.hero-secaudit .page-hero-bg{background-image:url('../images/security-audit.jpg')}
.hero-consult  .page-hero-bg{background-image:url('../images/consultation.jpg')}

/* ═══════════════════════════════════════════════════════════
   COLOR SPECIALIST ENHANCEMENT LAYER
   Vivid gradients · Animated borders · Colored glows · Variety
   ═══════════════════════════════════════════════════════════ */

/* ── GRADIENT UTILITY CLASSES ──────────────────────────────── */
/* Apply to any heading for iridescent teal→orange gradient text */
.gradient-sec-title{
  background:linear-gradient(135deg,var(--teal) 0%,var(--orange) 55%,var(--teal-l) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  display:inline-block;
}
[data-theme="light"] .gradient-sec-title{
  background:linear-gradient(135deg,#0d9488 0%,#ea580c 55%,#14b8a6 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
/* Subtle gradient for page hero titles (optional — add class to h1) */
.page-hero-title.gradient{
  background:linear-gradient(135deg,var(--text) 0%,var(--teal-l) 50%,var(--orange-l) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
[data-theme="light"] .page-hero-title.gradient{
  background:linear-gradient(135deg,#0f172a 0%,#0d9488 45%,#ea580c 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* ── ENHANCED CTA SECTION ──────────────────────────────────── */
.cta-section{
  background:
    linear-gradient(135deg,rgba(44,188,182,.12) 0%,rgba(242,145,0,.09) 55%,rgba(139,92,246,.06) 100%);
  border-color:rgba(44,188,182,.22);
  box-shadow:
    0 0 80px rgba(44,188,182,.07) inset,
    0 0 50px rgba(242,145,0,.04) inset,
    0 4px 40px rgba(0,0,0,.18);
}
.cta-section::before{
  width:650px;height:280px;top:-100px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(44,188,182,.16) 0%,rgba(242,145,0,.08) 40%,transparent 70%);
  animation:cta-orb-pulse 5s ease-in-out infinite alternate;
}
@keyframes cta-orb-pulse{
  0%{opacity:.6;transform:translateX(-50%) scale(.95)}
  100%{opacity:1;transform:translateX(-50%) scale(1.2)}
}
/* Animated teal→orange shimmer line at the bottom */
.cta-section::after{
  content:'';position:absolute;bottom:0;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,var(--teal) 30%,var(--orange) 70%,transparent);
  background-size:200% 100%;
  animation:cta-line-flow 3.5s linear infinite;
}
@keyframes cta-line-flow{0%{background-position:0% 0%}100%{background-position:200% 0%}}
/* CTA heading: teal gradient accent */
.cta-section h2{
  background:linear-gradient(135deg,var(--text) 0%,var(--teal-l) 50%,var(--orange-l) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
[data-theme="light"] .cta-section{
  background:linear-gradient(135deg,rgba(13,148,136,.1) 0%,rgba(234,88,12,.07) 55%,rgba(124,58,237,.05) 100%);
  border-color:rgba(13,148,136,.25);
  box-shadow:0 0 60px rgba(13,148,136,.06) inset,0 4px 30px rgba(15,23,42,.07);
}
[data-theme="light"] .cta-section h2{
  background:linear-gradient(135deg,#0f172a 0%,#0d9488 50%,#ea580c 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* ── CARD PURPLE VARIANT ────────────────────────────────────── */
.card-purple{border-top:2px solid rgba(139,92,246,.7)}
.card-purple::after{
  content:'';position:absolute;top:0;left:0;right:0;height:40px;
  background:linear-gradient(180deg,rgba(139,92,246,.07),transparent);
  pointer-events:none;z-index:0;
}
.card-purple>*{position:relative;z-index:1}
.card-purple:hover{
  border-top-color:rgba(139,92,246,.9);
  box-shadow:0 16px 48px rgba(139,92,246,.14),0 0 0 1px rgba(139,92,246,.1),0 0 60px rgba(139,92,246,.06);
}
.card-icon-purple,.card-icon-wrap-purple{
  background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);
  color:rgba(139,92,246,.9);
}

/* ── STRONGER CARD HOVER GLOWS ─────────────────────────────── */
.card-teal:hover{
  box-shadow:0 16px 48px rgba(44,188,182,.2),0 0 0 1px rgba(44,188,182,.15),0 0 60px rgba(44,188,182,.08);
}
.card-orange:hover{
  box-shadow:0 16px 48px rgba(242,145,0,.18),0 0 0 1px rgba(242,145,0,.14),0 0 60px rgba(242,145,0,.07);
}

/* ── STEP NUMBER COLOR VARIETY (3-cycle rotation) ──────────── */
.steps-grid .step-item:nth-child(3n+2) .step-num{
  background:linear-gradient(135deg,var(--orange),rgba(139,92,246,1));
  -webkit-background-clip:text;background-clip:text;
}
.steps-grid .step-item:nth-child(3n+3) .step-num{
  background:linear-gradient(135deg,rgba(139,92,246,1),var(--teal));
  -webkit-background-clip:text;background-clip:text;
}
.steps-grid .step-item:nth-child(3n+2):hover{border-color:rgba(242,145,0,.25)}
.steps-grid .step-item:nth-child(3n+3):hover{border-color:rgba(139,92,246,.25)}

/* ── INSIGHT CARD BORDER VARIETY ───────────────────────────── */
.insight-card:nth-child(3n+1){border-top:2px solid rgba(44,188,182,.45)}
.insight-card:nth-child(3n+2){border-top:2px solid rgba(242,145,0,.4)}
.insight-card:nth-child(3n+3){border-top:2px solid rgba(139,92,246,.35)}
.insight-card:nth-child(3n+1):hover{box-shadow:0 16px 48px rgba(44,188,182,.12),0 0 0 1px rgba(44,188,182,.08)}
.insight-card:nth-child(3n+2):hover{box-shadow:0 16px 48px rgba(242,145,0,.1),0 0 0 1px rgba(242,145,0,.08)}
.insight-card:nth-child(3n+3):hover{box-shadow:0 16px 48px rgba(139,92,246,.1),0 0 0 1px rgba(139,92,246,.08)}
.insight-card:nth-child(3n+2):hover .ic-title{color:var(--orange)}
.insight-card:nth-child(3n+3):hover .ic-title{color:rgba(139,92,246,.9)}
.insight-card:nth-child(3n+2) .ic-cat{color:var(--orange)}
.insight-card:nth-child(3n+3) .ic-cat{color:rgba(139,92,246,.9)}

/* ── CASE CARD ALTERNATE GRADIENT DIRECTION ─────────────────── */
.case-grid .case-card:nth-child(2n)::before{
  background:linear-gradient(90deg,var(--orange),var(--teal));
}

/* ── TRUST ITEM ICON COLOR ROTATION ────────────────────────── */
.trust-grid .trust-item:nth-child(2) .trust-icon{
  background:var(--orange-dim);border-color:rgba(242,145,0,.12);color:var(--orange);
}
.trust-grid .trust-item:nth-child(3) .trust-icon{
  background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.12);color:rgba(139,92,246,.9);
}
.trust-grid .trust-item:nth-child(4) .trust-icon{
  background:linear-gradient(135deg,var(--teal-dim),var(--orange-dim));
  border-color:rgba(44,188,182,.1);color:var(--teal);
}

/* ── SECTION BACKGROUND ACCENT HELPERS ─────────────────────── */
/* Use on .section to add a subtle colored radial glow */
.section-teal-accent::before{display:none}
.section-teal-accent{
  background:
    radial-gradient(ellipse 60% 55% at 15% 50%,rgba(44,188,182,.045),transparent),
    var(--bg-2);
}
.section-orange-accent{
  background:
    radial-gradient(ellipse 55% 50% at 85% 50%,rgba(242,145,0,.04),transparent),
    var(--bg-2);
}
[data-theme="light"] .section-teal-accent{
  background:
    radial-gradient(ellipse 60% 55% at 15% 50%,rgba(13,148,136,.06),transparent),
    var(--bg-2);
}
[data-theme="light"] .section-orange-accent{
  background:
    radial-gradient(ellipse 55% 50% at 85% 50%,rgba(234,88,12,.05),transparent),
    var(--bg-2);
}

/* ── HIGHLIGHT BOX ORANGE VARIANT ──────────────────────────── */
.highlight-box-orange{
  background:linear-gradient(135deg,rgba(242,145,0,.07),rgba(44,188,182,.04));
  border:1px solid rgba(242,145,0,.18);border-radius:var(--radius);
  padding:1.5rem 2rem;margin:2rem 0;
}
.highlight-box-orange p{font-size:.95rem;color:var(--text-2);line-height:1.75;margin:0}
.highlight-box-orange strong{color:var(--orange)}
/* Purple variant */
.highlight-box-purple{
  background:linear-gradient(135deg,rgba(139,92,246,.07),rgba(44,188,182,.03));
  border:1px solid rgba(139,92,246,.15);border-radius:var(--radius);
  padding:1.5rem 2rem;margin:2rem 0;
}
.highlight-box-purple p{font-size:.95rem;color:var(--text-2);line-height:1.75;margin:0}
.highlight-box-purple strong{color:rgba(139,92,246,.9)}

/* ── PARTNER TYPE CARD COLOR ROTATION ──────────────────────── */
.partner-types .pt-card:nth-child(2) .pt-card-icon{
  background:var(--orange-dim);border-color:rgba(242,145,0,.12);color:var(--orange);
}
.partner-types .pt-card:nth-child(3) .pt-card-icon{
  background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.12);color:rgba(139,92,246,.9);
}

/* ── STRONGER SECTION GLOW ─────────────────────────────────── */
.section-glow::before{
  width:800px;height:400px;
  background:radial-gradient(ellipse,rgba(44,188,182,.09) 0%,rgba(242,145,0,.04) 50%,transparent 70%);
  animation:section-glow-pulse 6s ease-in-out infinite alternate;
}
@keyframes section-glow-pulse{
  0%{opacity:.7;transform:translateX(-50%) scale(.95)}
  100%{opacity:1;transform:translateX(-50%) scale(1.1)}
}

/* ── VAPT THREAT STRIP GLOW ────────────────────────────────── */
.vapt-threat-strip{
  background:rgba(44,188,182,.06);
  border-color:rgba(44,188,182,.18);
  box-shadow:0 0 30px rgba(44,188,182,.06) inset;
}
.vts-num{text-shadow:0 0 20px rgba(44,188,182,.3)}

/* ── FAQ ITEM HOVER IMPROVEMENTS ───────────────────────────── */
.faq-item:hover{border-color:rgba(44,188,182,.1)}
.faq-item.active{
  background:linear-gradient(135deg,rgba(44,188,182,.03),rgba(242,145,0,.015));
}

/* ── SERVICE STAT BOX ACCENT ───────────────────────────────── */
.service-stat-box{
  border-left:3px solid var(--teal);
  box-shadow:0 4px 24px rgba(0,0,0,.1),-4px 0 24px rgba(44,188,182,.06);
}
[data-theme="light"] .service-stat-box{
  box-shadow:0 4px 20px rgba(15,23,42,.06),-4px 0 20px rgba(13,148,136,.06);
}

/* ── BREADCRUMB ACCENT ─────────────────────────────────────── */
.breadcrumb .bc-current{
  background:var(--teal-dim);padding:.15rem .5rem;border-radius:var(--radius-full);
}

/* ── ARTICLE BLOCKQUOTE UPGRADE ────────────────────────────── */
.article-body blockquote{
  background:linear-gradient(135deg,rgba(44,188,182,.07),rgba(242,145,0,.04));
  border-left-color:var(--teal);
  box-shadow:-3px 0 20px rgba(44,188,182,.1);
}

/* ── CONTACT FORM SUBMIT PULSE GLOW ────────────────────────── */
.form-submit{
  position:relative;overflow:hidden;
  color:#040e0c; /* Dark text on light teal = high contrast */
}
.form-submit::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,transparent 25%,rgba(255,255,255,.08) 50%,transparent 75%);
  background-size:200% 100%;background-position:200% 0;
  transition:background-position .6s var(--ease);
}
.form-submit:hover::after{background-position:-200% 0}

/* ── PAGE HERO LABEL GLOW ──────────────────────────────────── */
.page-hero-label{
  background:rgba(44,188,182,.08);
  border:1px solid rgba(44,188,182,.18);
  border-radius:var(--radius-full);
  padding:.25rem .85rem .25rem .6rem;
}
[data-theme="light"] .page-hero-label{
  background:rgba(13,148,136,.07);
  border-color:rgba(13,148,136,.2);
}

/* ── CARD ICON ORANGE HOVER GLOW ───────────────────────────── */
.card:hover .card-icon-orange,.card:hover .card-icon-wrap-orange{
  box-shadow:0 0 16px rgba(242,145,0,.25);
}
.card:hover .card-icon,.card:hover .card-icon-wrap{
  box-shadow:0 0 16px rgba(44,188,182,.25);
}
.card:hover .card-icon-purple,.card:hover .card-icon-wrap-purple{
  box-shadow:0 0 16px rgba(139,92,246,.3);
}

/* ── STAT PANEL GRADIENT NUMBERS ───────────────────────────── */
.stat-block:nth-child(2) .stat-num{
  background:linear-gradient(135deg,var(--orange),var(--teal));
  -webkit-background-clip:text;background-clip:text;
}
.stat-block:nth-child(3) .stat-num{
  background:linear-gradient(135deg,rgba(139,92,246,1),var(--orange));
  -webkit-background-clip:text;background-clip:text;
}
.stat-block:nth-child(4) .stat-num{
  background:linear-gradient(135deg,var(--teal-l),rgba(139,92,246,1));
  -webkit-background-clip:text;background-clip:text;
}

/* ── LIGHT THEME: ENHANCED CARD ACCENTS ────────────────────── */
[data-theme="light"] .card-teal{border-top-color:rgba(13,148,136,.8)}
[data-theme="light"] .card-orange{border-top-color:rgba(234,88,12,.75)}
[data-theme="light"] .card-purple{border-top-color:rgba(124,58,237,.65)}
[data-theme="light"] .card-teal:hover{box-shadow:0 12px 40px rgba(13,148,136,.14),0 0 0 1px rgba(13,148,136,.1)}
[data-theme="light"] .card-orange:hover{box-shadow:0 12px 40px rgba(234,88,12,.12),0 0 0 1px rgba(234,88,12,.08)}
[data-theme="light"] .faq-item.active{background:linear-gradient(135deg,rgba(13,148,136,.04),rgba(234,88,12,.02))}

/* ── LIGHT THEME: INSIGHT CARD BORDERS ─────────────────────── */
[data-theme="light"] .insight-card:nth-child(3n+1){border-top-color:rgba(13,148,136,.55)}
[data-theme="light"] .insight-card:nth-child(3n+2){border-top-color:rgba(234,88,12,.5)}
[data-theme="light"] .insight-card:nth-child(3n+3){border-top-color:rgba(124,58,237,.45)}
[data-theme="light"] .insight-card:nth-child(3n+2):hover .ic-title{color:#ea580c}
[data-theme="light"] .insight-card:nth-child(3n+3):hover .ic-title{color:#7c3aed}
[data-theme="light"] .insight-card:nth-child(3n+2) .ic-cat{color:#ea580c}
[data-theme="light"] .insight-card:nth-child(3n+3) .ic-cat{color:#7c3aed}
[data-theme="light"] .vapt-threat-strip{box-shadow:0 0 24px rgba(13,148,136,.06) inset}
[data-theme="light"] .vts-num{text-shadow:0 0 16px rgba(13,148,136,.2)}
[data-theme="light"] .service-stat-box{border-left-color:#0d9488}
[data-theme="light"] .breadcrumb .bc-current{background:rgba(13,148,136,.08)}

/* ══ MOBILE: CLEAN HERO — hide all decorative widgets ═══════════
   JS also skips creating them (isMobile check), so this is a
   double-safety: catches resize events, large tablets, and any
   edge case. Widgets only render on ≥ 1024 px true desktops.
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:1023px){

  /* All JS-injected right-side decorative hero elements */
  .v-radar-wrap,       /* VAPT radar rings        */
  .orbit-wrap,         /* Training orbiting certs */
  .p-orbit-wrap,       /* Partners orbit rings    */
  .svc-wheel,          /* Services rotating wheel */
  .about-term,         /* About terminal block    */
  .consult-q,          /* Consultation typewriter */
  .code-bg,            /* App dev code block      */
  .g-chart,            /* Growth bar chart        */
  .ins-float,          /* Insights category tags  */
  .sa-check,           /* Sec-audit checklist     */
  .sa-beam,            /* Sec-audit scan line     */
  .hex-f,              /* Cloud floating hexagons */
  .page-hero canvas,   /* AI / Cyber / Contact canvas */
  .v-target,           /* VAPT crosshair cursor   */
  .page-hero-deco      /* Large SVG deco icon     */
  { display:none !important; }

  /* Hero text: no widget on tablet/mobile, so text can breathe */
  .page-hero .container > h1,
  .page-hero .container > .page-hero-ctas,
  .page-hero .container > .hero-ctas{max-width:100% !important;}
  /* Description keeps 75% on tablet for visual elegance */
  .page-hero .container > p,
  .page-hero-desc{max-width:75% !important;}

  /* Tighten hero padding on tablet */
  .page-hero{padding-top:calc(var(--nav-h) + 2.5rem);padding-bottom:3rem}
}

/* Phones: slightly less padding, ensure title text is readable */
@media(max-width:600px){
  .page-hero{padding-top:calc(var(--nav-h) + 2rem);padding-bottom:2rem}

  /* Hero heading: scale up slightly so it fills the screen nicely */
  .page-hero .container > h1,
  .page-hero-title{
    font-size:clamp(1.75rem,8vw,2.4rem) !important;
    line-height:1.18;
  }

  /* Sub-text legible, not cramped; full width on phones */
  .page-hero .container > p,
  .page-hero-desc{font-size:.95rem !important;line-height:1.7;max-width:100% !important;}

  /* Label pill: smaller so it doesn't crowd */
  .page-hero-label{font-size:.66rem;padding:.2rem .7rem .2rem .5rem}

  /* CTA buttons stack cleanly */
  .page-hero-ctas,.hero-ctas{
    flex-direction:column !important;
    align-items:flex-start;
    gap:.6rem;
  }
}

/* ═══════════════════════════════════════════════════════════
   WCAG BUTTON CONTRAST FINAL PASS
   Solid action colors, no gradient text/background ambiguity.
   ═══════════════════════════════════════════════════════════ */
.btn-primary,
.form-submit,
.drawer-links .btn-primary,
.drawer-links a.btn{
  background:var(--action-bg) !important;
  color:var(--action-text) !important;
  border-color:transparent !important;
  text-shadow:none !important;
  box-shadow:0 0 0 1px rgba(48,213,200,.22),0 10px 24px rgba(48,213,200,.16) !important;
}
.btn-primary:hover,
.form-submit:hover,
.drawer-links .btn-primary:hover,
.drawer-links a.btn:hover{
  background:var(--action-hover) !important;
  color:var(--action-text) !important;
  box-shadow:0 0 0 1px rgba(48,213,200,.28),0 12px 28px rgba(48,213,200,.22) !important;
}
.btn-primary::after,
.form-submit::after,
.drawer-links .btn-primary::after,
.drawer-links a.btn::after{
  display:none !important;
}
.btn-secondary{
  background:var(--secondary-action-bg) !important;
  color:var(--secondary-action-text) !important;
  border-color:transparent !important;
  text-shadow:none !important;
  box-shadow:0 0 0 1px rgba(255,159,28,.22),0 10px 24px rgba(255,159,28,.16) !important;
}
.btn-secondary:hover{
  background:var(--secondary-action-hover) !important;
  color:var(--secondary-action-text) !important;
  box-shadow:0 0 0 1px rgba(255,159,28,.28),0 12px 28px rgba(255,159,28,.22) !important;
}
.btn-ghost{
  background:transparent !important;
  color:var(--text-2) !important;
  border-color:var(--border-3) !important;
  box-shadow:none !important;
}
.btn-ghost:hover{
  background:var(--teal-dim) !important;
  color:var(--teal) !important;
  border-color:var(--teal) !important;
}
.nav-cta{
  background:transparent !important;
  color:var(--teal) !important;
  border-color:rgba(48,213,200,.34) !important;
  box-shadow:none !important;
}
.nav-cta::before{display:none !important}
.nav-cta:hover{
  background:var(--teal-dim) !important;
  color:var(--teal) !important;
  border-color:var(--teal) !important;
}
[data-theme="light"] .btn-primary,
[data-theme="light"] .form-submit,
[data-theme="light"] .drawer-links .btn-primary,
[data-theme="light"] .drawer-links a.btn{
  box-shadow:0 0 0 1px rgba(15,118,110,.2),0 8px 20px rgba(15,118,110,.18) !important;
}
[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .form-submit:hover,
[data-theme="light"] .drawer-links .btn-primary:hover,
[data-theme="light"] .drawer-links a.btn:hover{
  box-shadow:0 0 0 1px rgba(11,95,89,.24),0 10px 24px rgba(11,95,89,.22) !important;
}
[data-theme="light"] .btn-secondary{
  box-shadow:0 0 0 1px rgba(146,64,14,.2),0 8px 20px rgba(146,64,14,.16) !important;
}
[data-theme="light"] .btn-secondary:hover{
  box-shadow:0 0 0 1px rgba(120,53,15,.24),0 10px 24px rgba(120,53,15,.2) !important;
}
[data-theme="light"] .btn-ghost{
  color:#334155 !important;
  border-color:rgba(15,23,42,.24) !important;
}
[data-theme="light"] .btn-ghost:hover{
  background:rgba(15,118,110,.09) !important;
  color:#0f766e !important;
  border-color:#0f766e !important;
}
[data-theme="light"] .nav-cta{
  color:#0f766e !important;
  border-color:rgba(15,118,110,.34) !important;
}
[data-theme="light"] .nav-cta:hover{
  background:rgba(15,118,110,.09) !important;
  color:#0b5f59 !important;
  border-color:#0b5f59 !important;
}

/* ═══════════════════════════════════════════════════════════
   LEAN PAGE HEROES
   Code-drawn backgrounds replace missing/heavy photographic requests.
   ═══════════════════════════════════════════════════════════ */
.page-hero .page-hero-bg{
  background-image:
    linear-gradient(rgba(48,213,200,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(48,213,200,.035) 1px,transparent 1px),
    radial-gradient(circle at 78% 35%,rgba(48,213,200,.14),transparent 24%),
    radial-gradient(circle at 18% 70%,rgba(255,159,28,.07),transparent 26%) !important;
  background-size:34px 34px,34px 34px,auto,auto !important;
  opacity:.72;
}
.hero-about .page-hero-bg{background-image:linear-gradient(90deg,rgba(5,7,12,.94),rgba(5,7,12,.58)),url('../images/about.webp') !important;background-size:cover !important;background-position:center 42% !important;opacity:.72}
.hero-partners .page-hero-bg{background-image:linear-gradient(90deg,rgba(5,7,12,.94),rgba(5,7,12,.6)),url('../images/partners.webp') !important;background-size:cover !important;background-position:center !important;opacity:.72}
[data-theme="light"] .page-hero .page-hero-bg{background-image:linear-gradient(rgba(15,159,149,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,159,149,.045) 1px,transparent 1px),radial-gradient(circle at 78% 35%,rgba(15,159,149,.14),transparent 24%),radial-gradient(circle at 18% 70%,rgba(232,111,28,.06),transparent 26%) !important}
[data-theme="light"] .hero-about .page-hero-bg{background-image:linear-gradient(90deg,rgba(247,249,251,.96),rgba(247,249,251,.66)),url('../images/about.webp') !important}
[data-theme="light"] .hero-partners .page-hero-bg{background-image:linear-gradient(90deg,rgba(247,249,251,.96),rgba(247,249,251,.68)),url('../images/partners.webp') !important}

/* Human-readable website directory */
.hero-site-map{min-height:620px;display:flex;align-items:center}
.map-hero-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.6rem}
.map-hero-meta span{display:flex;align-items:baseline;gap:.38rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025);font-size:.7rem;color:var(--text-3)}
.map-hero-meta strong{font-family:var(--font-d);font-size:1rem;color:var(--teal)}
.map-directory{padding-block:clamp(4rem,8vw,7rem)}
.map-intro{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:2rem;margin-bottom:3.5rem}
.map-intro p{max-width:560px;color:var(--text-2)}
.map-group{padding-block:2rem;border-top:1px solid var(--border)}
.map-group-head{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:1rem;margin-bottom:1.2rem}
.map-group-head>i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(48,213,200,.18);border-radius:14px;background:var(--teal-dim);color:var(--teal)}
.map-group-head span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.map-group-head h2{font-family:var(--font-d);font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:-.035em;margin-top:.2rem}
.map-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.map-link{display:grid;grid-template-columns:30px 1fr 26px;align-items:center;gap:.8rem;min-height:92px;padding:1rem;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.018);transition:transform .25s var(--ease),border-color .25s,background .25s}
.map-link:hover{transform:translateY(-2px);border-color:rgba(48,213,200,.3);background:rgba(48,213,200,.045)}
.map-link em{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal;font-size:.64rem;color:var(--text-3)}
.map-link>span{display:grid;gap:.22rem}.map-link strong{font-family:var(--font-d);font-size:.91rem;color:var(--text)}.map-link small{font-size:.7rem;line-height:1.5;color:var(--text-3)}
.map-link>i{font-size:.7rem;color:var(--teal);transition:transform .25s}.map-link:hover>i{transform:translateX(3px)}
.map-machine-access{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.2rem;padding:2rem;border:1px solid rgba(48,213,200,.18);border-radius:22px;background:linear-gradient(135deg,rgba(48,213,200,.07),rgba(255,159,28,.025)),var(--surface)}
.map-machine-access h2{font-family:var(--font-d);font-size:clamp(1.55rem,2.8vw,2.4rem);letter-spacing:-.045em;margin:.65rem 0 .8rem}.map-machine-access p{color:var(--text-2)}
.map-machine-links{display:grid;gap:.55rem}.map-machine-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025)}.map-machine-links a:hover{border-color:rgba(48,213,200,.3)}
.map-machine-links strong{font-size:.82rem}.map-machine-links span{font-size:.65rem;color:var(--text-3);text-align:right}
[data-theme="light"] .map-link{background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035)}
[data-theme="light"] .map-machine-access{background:linear-gradient(135deg,rgba(15,159,149,.06),rgba(232,111,28,.025)),#fff;box-shadow:0 20px 60px rgba(15,23,42,.06)}
@media(max-width:820px){.map-intro,.map-machine-access{grid-template-columns:1fr}.map-link-grid{grid-template-columns:1fr}.hero-site-map{min-height:560px}}
@media(max-width:520px){.map-link{grid-template-columns:24px 1fr 20px}.map-link small{font-size:.67rem}.map-machine-access{padding:1.25rem}.map-machine-links a{align-items:flex-start;flex-direction:column}.map-machine-links span{text-align:left}}

@supports(content-visibility:auto){.site-map-page .map-group{content-visibility:auto;contain-intrinsic-size:460px}}

/* FINAL CYBER UI PASS — purposeful motion, quieter color and stronger hierarchy */
.section-alt{background:linear-gradient(180deg,rgba(114,169,255,.018),transparent 18%,transparent 82%,rgba(48,213,200,.018))}
.card,.info-card,.insight-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.card:hover,.info-card:hover{border-color:rgba(114,169,255,.2)}
.motion-showcase-section{padding-block:clamp(2.5rem,5vw,4.5rem)}
.service-motion-stage{position:relative;min-height:clamp(310px,42vw,470px);overflow:hidden;border:1px solid rgba(48,213,200,.17);border-radius:24px;background:linear-gradient(145deg,rgba(48,213,200,.05),rgba(114,169,255,.025) 55%,rgba(255,159,28,.025)),var(--surface);box-shadow:0 28px 80px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)}
.service-motion-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(114,169,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(114,169,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.motion-console-head{position:absolute;z-index:4;left:1.15rem;right:1.15rem;top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font:600 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--text-3)}
.motion-console-head span{display:flex;align-items:center;gap:.45rem}.motion-console-head i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);animation:service-status 1.8s ease-in-out infinite}.motion-console-head b{font-weight:600;color:var(--orange)}

/* Hero signal systems: decorative, GPU-light and removed for reduced motion */
.dark-watch-page .page-hero,.intel-feed-page .page-hero,.training-motion-page .page-hero,.brand-watch-page .page-hero{isolation:isolate;overflow:hidden}
.dark-watch-page .page-hero::after,.intel-feed-page .page-hero::after,.training-motion-page .page-hero::after{content:'';position:absolute;z-index:-1;right:clamp(2rem,7vw,8rem);top:50%;width:clamp(210px,28vw,390px);aspect-ratio:1;transform:translateY(-44%);pointer-events:none;opacity:.72}
.dark-watch-page .page-hero::after{z-index:0;right:5%;top:48%;opacity:.96;border:1px solid rgba(48,213,200,.42);border-radius:50%;background:radial-gradient(circle,rgba(6,10,18,.44) 0 18%,rgba(48,213,200,.3) 18.5% 19%,transparent 19.5% 38%,rgba(114,169,255,.27) 38.5% 39%,transparent 39.5% 59%,rgba(48,213,200,.28) 59.5% 60%,transparent 60.5%),linear-gradient(90deg,transparent 49.6%,rgba(48,213,200,.34) 50%,transparent 50.4%),linear-gradient(transparent 49.6%,rgba(48,213,200,.3) 50%,transparent 50.4%),radial-gradient(circle at 24% 31%,var(--orange) 0 4px,transparent 5px),radial-gradient(circle at 68% 58%,var(--teal) 0 4px,transparent 5px),radial-gradient(circle at 49% 79%,var(--blue) 0 4px,transparent 5px),conic-gradient(from -15deg,rgba(48,213,200,.64),transparent 34deg,transparent 360deg);box-shadow:0 0 100px rgba(48,213,200,.14),inset 0 0 55px rgba(48,213,200,.08);filter:drop-shadow(0 0 14px rgba(48,213,200,.13));animation:dark-radar-scan 5.4s linear infinite}
.dark-watch-page .page-hero-inner{position:relative;z-index:1}
.dark-watch-page .page-hero-inner::after{content:'LIVE EXPOSURE SCAN\A CREDENTIALS  /  TOKENS  /  LEAKS';white-space:pre;position:absolute;right:clamp(1rem,4vw,4rem);bottom:-2.3rem;padding:.62rem .78rem .62rem 1.65rem;border-left:1px solid rgba(48,213,200,.25);font:600 .58rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--text-3);background:linear-gradient(90deg,rgba(48,213,200,.055),transparent);animation:dark-status-fade 3.2s ease-in-out infinite}
.dark-watch-page .page-hero-inner::before{content:'';position:absolute;right:clamp(13.8rem,19vw,17rem);bottom:-.92rem;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal);animation:service-status 1.3s ease-in-out infinite}
.intel-feed-page .page-hero::after{border:1px solid rgba(114,169,255,.22);border-radius:50%;background:radial-gradient(circle,transparent 0 19%,rgba(114,169,255,.15) 19.5% 20%,transparent 20.5% 39%,rgba(48,213,200,.14) 39.5% 40%,transparent 40.5% 59%,rgba(114,169,255,.12) 59.5% 60%,transparent 60.5%),conic-gradient(from 0deg,rgba(48,213,200,.36),transparent 16%,transparent 100%);box-shadow:0 0 60px rgba(114,169,255,.06);animation:intel-sweep 5.8s linear infinite}
.training-motion-page .page-hero::after{border:1px dashed rgba(48,213,200,.22);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(48,213,200,.2) 0 5px,transparent 6px),radial-gradient(circle at 50% 9%,var(--teal) 0 5px,transparent 6px),radial-gradient(circle at 87% 66%,var(--orange) 0 5px,transparent 6px),radial-gradient(circle at 13% 68%,var(--blue) 0 5px,transparent 6px),radial-gradient(circle,transparent 46%,rgba(114,169,255,.12) 46.5% 47%,transparent 47.5%);animation:training-orbit 12s linear infinite}

/* Brand monitoring visual */
.brand-stage{min-height:480px}
.brand-core{position:absolute;z-index:3;left:50%;top:53%;display:grid;place-items:center;width:170px;height:170px;padding:1rem;border:1px solid rgba(48,213,200,.3);border-radius:50%;background:radial-gradient(circle,rgba(48,213,200,.13),rgba(12,20,32,.96) 67%);transform:translate(-50%,-50%);box-shadow:0 0 0 18px rgba(48,213,200,.025),0 0 70px rgba(48,213,200,.12)}
.brand-core img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(48,213,200,.34))}.brand-core strong{font-size:.78rem;color:var(--text);text-align:center}.brand-core small{font-size:.58rem;color:var(--text-3);text-align:center}
.brand-orbit{position:absolute;z-index:1;left:50%;top:53%;width:330px;height:330px;border:1px dashed rgba(114,169,255,.17);border-radius:50%;transform:translate(-50%,-50%);animation:brand-orbit 20s linear infinite}.brand-orbit::before,.brand-orbit::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 16px var(--teal)}.brand-orbit::before{left:38px;top:34px}.brand-orbit::after{right:18px;bottom:76px;background:var(--orange);box-shadow:0 0 16px var(--orange)}
.brand-signal{position:absolute;z-index:3;display:flex;align-items:center;gap:.45rem;padding:.56rem .72rem;border:1px solid var(--border-2);border-radius:9px;background:rgba(12,20,32,.88);backdrop-filter:blur(12px);font:600 .66rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text-2);box-shadow:0 12px 32px rgba(0,0,0,.18);animation:brand-float 4.6s ease-in-out infinite}.brand-signal i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange)}.bs-one{left:8%;top:26%}.bs-two{right:8%;top:30%;animation-delay:-1.1s}.bs-three{left:13%;bottom:17%;animation-delay:-2.2s}.bs-four{right:12%;bottom:15%;animation-delay:-3.2s}
.compare-service-grid{display:grid;grid-template-columns:1fr 58px 1fr;align-items:stretch;gap:1rem}.compare-service-card{padding:clamp(1.5rem,3vw,2.4rem);border:1px solid var(--border);border-radius:18px;background:var(--surface)}.compare-service-card>span{font:600 .64rem/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.compare-service-card h3{font-size:1.3rem;margin:.65rem 0 1rem}.compare-service-card a{display:inline-block;margin-top:1rem;color:var(--teal);font-size:.82rem;font-weight:700}.compare-connector{display:grid;place-items:center;color:var(--teal)}

@keyframes service-status{50%{opacity:.35;transform:scale(.75)}}
@keyframes dark-radar-scan{to{transform:translateY(-44%) rotate(360deg)}}
@keyframes dark-status-fade{50%{color:var(--teal);text-shadow:0 0 16px rgba(48,213,200,.35)}}
@keyframes intel-sweep{to{transform:translateY(-44%) rotate(360deg)}}
@keyframes training-orbit{to{transform:translateY(-44%) rotate(360deg)}}
@keyframes brand-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes brand-float{50%{transform:translateY(-7px);border-color:rgba(48,213,200,.26)}}
[data-theme="light"] .brand-signal{background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(15,23,42,.08)}
[data-theme="light"] .brand-core{background:radial-gradient(circle,rgba(15,159,149,.1),rgba(255,255,255,.96) 67%)}
@media(max-width:900px){.dark-watch-page .page-hero::after,.intel-feed-page .page-hero::after,.training-motion-page .page-hero::after{right:-100px;opacity:.35}.dark-watch-page .page-hero-inner::before,.dark-watch-page .page-hero-inner::after{display:none}.brand-stage{min-height:430px}.brand-orbit{width:280px;height:280px}.brand-signal{font-size:.6rem}.compare-service-grid{grid-template-columns:1fr}.compare-connector{height:34px;transform:rotate(90deg)}}
@media(max-width:620px){.brand-stage{min-height:520px}.brand-core{width:142px;height:142px}.brand-orbit{width:238px;height:238px}.brand-signal{max-width:142px}.bs-one{left:4%;top:18%}.bs-two{right:4%;top:20%}.bs-three{left:5%;bottom:12%}.bs-four{right:4%;bottom:10%}.motion-console-head b{display:none}}
@media(prefers-reduced-motion:reduce){.dark-watch-page .page-hero::after,.dark-watch-page .page-hero-inner::before,.dark-watch-page .page-hero-inner::after,.intel-feed-page .page-hero::after,.training-motion-page .page-hero::after,.brand-orbit,.brand-signal,.motion-console-head i{animation:none !important}}

/* Certified Expertise — shared homepage and dedicated-page system */
.certified-expertise-home{position:relative;overflow:hidden}
.certified-expertise-home::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(48,213,200,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(48,213,200,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.expertise-intro,.expertise-overview-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);align-items:end;gap:clamp(1.5rem,5vw,5rem);margin-bottom:clamp(2rem,5vw,3.5rem)}
.expertise-intro .sec-title{max-width:680px;margin-top:.85rem}.expertise-intro .sec-desc,.expertise-overview-grid .sec-desc{margin:0;max-width:610px}
.cert-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cert-grid-home{grid-template-columns:repeat(4,minmax(0,1fr))}
.cert-card{--cert-accent:48,213,200;--cert-secondary:114,169,255;position:relative;display:grid;grid-template-rows:130px 1fr;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(var(--cert-accent),.045),transparent 42%),var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .24s var(--ease),border-color .24s,background .24s}
.cert-card[data-category="offensive-security"]{--cert-accent:255,159,67;--cert-secondary:255,90,107}
.cert-card[data-category="security-operations"]{--cert-accent:151,116,255;--cert-secondary:48,213,200}
.cert-card[data-category="network-infrastructure"]{--cert-accent:86,161,255;--cert-secondary:48,213,200}
.cert-card[data-category="foundations"]{--cert-accent:83,210,137;--cert-secondary:48,213,200}
.cert-card[data-category="management-training"]{--cert-accent:242,188,70;--cert-secondary:255,137,79}
.cert-card::after{content:'';position:absolute;top:0;right:0;width:48px;height:48px;border-top:1px solid rgba(var(--cert-accent),.28);border-right:1px solid rgba(var(--cert-accent),.28);clip-path:polygon(52% 0,100% 0,100% 48%)}
.cert-card:hover{transform:translateY(-3px);border-color:rgba(var(--cert-accent),.34);background:linear-gradient(145deg,rgba(var(--cert-accent),.075),transparent 46%),var(--surface)}
.cert-visual{position:relative;display:flex;align-items:stretch;padding:1rem 1rem .25rem}
.cert-visual>img{display:block;width:auto;max-width:100%;height:104px;max-height:104px;padding:.75rem;border:1px solid rgba(var(--cert-accent),.22);border-radius:12px;background:rgba(var(--cert-accent),.035);object-fit:contain;object-position:left center}
.cert-token{position:relative;isolation:isolate;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;width:100%;min-height:104px;overflow:hidden;border:1px solid rgba(var(--cert-accent),.22);border-radius:12px;background:linear-gradient(115deg,rgba(var(--cert-accent),.12),rgba(var(--cert-secondary),.035) 55%,transparent),rgba(3,9,18,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.cert-token::before{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(var(--cert-accent),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cert-accent),.07) 1px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(90deg,black,transparent 88%)}
.cert-token::after{content:'';position:absolute;right:-33px;bottom:-46px;width:112px;height:112px;border:1px solid rgba(var(--cert-accent),.2);border-radius:50%;box-shadow:0 0 0 12px rgba(var(--cert-accent),.03),0 0 0 24px rgba(var(--cert-accent),.018)}
.cert-token-emblem{position:relative;display:grid;place-items:center;width:62px;height:62px;margin-left:9px;background:linear-gradient(145deg,rgba(var(--cert-accent),.28),rgba(var(--cert-secondary),.09));clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);color:rgb(var(--cert-accent))}
.cert-token-emblem::before{content:'';position:absolute;inset:4px;border:1px solid rgba(var(--cert-accent),.52);clip-path:inherit}
.cert-token-emblem::after{content:'';position:absolute;inset:11px;border:1px dashed rgba(var(--cert-accent),.25);border-radius:50%}
.cert-token-emblem span{position:relative;z-index:1;max-width:48px;font:800 .72rem/1.05 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.035em;text-align:center;overflow-wrap:anywhere}
.cert-token-long .cert-token-emblem span{max-width:50px;font-size:.56rem;line-height:1.1}
.cert-token-data{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;padding:0 .7rem 0 .55rem}
.cert-token-data small{font:650 .48rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;color:var(--text-3);white-space:nowrap}
.cert-token-data strong{margin-top:.35rem;font:800 clamp(.9rem,1.5vw,1.12rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;color:rgb(var(--cert-accent))}
.cert-token-data em{margin-top:.24rem;overflow:hidden;font:500 .55rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap}
.cert-token-data i{position:relative;width:min(100%,116px);height:2px;margin-top:.55rem;overflow:hidden;background:rgba(var(--cert-accent),.13)}
.cert-token-data i::after{content:'';position:absolute;inset:0 38% 0 0;background:linear-gradient(90deg,rgb(var(--cert-accent)),rgb(var(--cert-secondary)));box-shadow:46px 0 0 rgba(var(--cert-accent),.36)}
.cert-copy{display:flex;flex-direction:column;padding:.45rem 1.15rem 1.25rem;min-width:0}
.cert-issuer{order:0;font:600 .6rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.cert-copy h3{order:1;margin:.45rem 0 .35rem;font-family:var(--font-d);font-size:clamp(1rem,1.4vw,1.18rem);letter-spacing:-.025em;color:var(--text)}
.cert-name{order:2;margin:0;font-size:.72rem;line-height:1.55;color:var(--text-2)}
.cert-description{order:3;margin:.8rem 0 0;padding-top:.75rem;border-top:1px solid var(--border);font-size:.7rem;line-height:1.6;color:var(--text-3)}
.cert-reference{order:4;align-self:flex-start;margin-top:auto;padding-top:.85rem;font:650 .59rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;text-transform:uppercase;color:rgb(var(--cert-accent));text-decoration:none}
.cert-reference:hover,.cert-reference:focus-visible{text-decoration:underline;text-underline-offset:3px}
.expertise-home-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.5rem}
.cert-disclaimer{max-width:760px;margin:0;font-size:.68rem;line-height:1.6;color:var(--text-3)}
.expertise-home-footer .btn{flex:0 0 auto}
.expertise-hero{min-height:680px;display:flex;align-items:center}
.expertise-hero .page-hero-bg{background-image:linear-gradient(rgba(48,213,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(48,213,200,.04) 1px,transparent 1px),radial-gradient(circle at 78% 45%,rgba(48,213,200,.16),transparent 25%),radial-gradient(circle at 18% 72%,rgba(114,169,255,.09),transparent 28%) !important;background-size:38px 38px,38px 38px,auto,auto !important}
.expertise-hero h1{max-width:880px}.expertise-hero .page-hero-inner>p{max-width:850px}
.expertise-overview{padding-bottom:clamp(2rem,4vw,4rem)}
.expertise-overview-grid{margin-bottom:0}
.expertise-group{scroll-margin-top:calc(var(--nav-h) + 1rem)}
.expertise-group-head{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(300px,1fr);gap:clamp(1.5rem,6vw,6rem);align-items:start;margin-bottom:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.expertise-index{display:block;margin-bottom:.65rem;font:600 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:var(--teal)}
.expertise-group-head h2{font-family:var(--font-d);font-size:clamp(1.55rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.045em}
.expertise-group-head p{margin:0;color:var(--text-2);line-height:1.8}
.expertise-group-head a{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.expertise-disclaimer-panel{display:grid;grid-template-columns:180px 1fr 1fr;gap:clamp(1rem,4vw,3rem);align-items:start;padding:clamp(1.35rem,3vw,2.25rem);border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.expertise-disclaimer-panel p{margin:0;font-size:.75rem;line-height:1.7;color:var(--text-3)}
.expertise-trust-panel,.expertise-signal-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(48,213,200,.18);border-radius:20px;background:linear-gradient(135deg,rgba(48,213,200,.06),rgba(114,169,255,.025)),var(--surface)}
.expertise-trust-panel>div,.expertise-signal-panel>div{max-width:760px}
.expertise-trust-panel h2,.expertise-signal-panel h2{margin:.7rem 0 .65rem;font-family:var(--font-d);font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.04em}
.expertise-trust-panel p,.expertise-signal-panel p{margin:0;color:var(--text-2)}
.expertise-trust-panel .btn,.expertise-signal-panel .btn{flex:0 0 auto}
.expertise-signal{padding-block:clamp(2.5rem,5vw,4.5rem)}
.expertise-signal-panel{padding:clamp(1.4rem,3vw,2.25rem)}
.expertise-signal-panel h2{font-size:clamp(1.35rem,2.6vw,2rem)}
[data-theme="light"] .cert-card{background:linear-gradient(145deg,rgba(var(--cert-accent),.055),transparent 42%),#fff;box-shadow:0 10px 30px rgba(15,23,42,.035)}
[data-theme="light"] .cert-token{background:linear-gradient(115deg,rgba(var(--cert-accent),.11),rgba(var(--cert-secondary),.035) 55%,transparent),rgba(247,250,252,.9)}
[data-theme="light"] .expertise-disclaimer-panel,[data-theme="light"] .expertise-trust-panel,[data-theme="light"] .expertise-signal-panel{background:linear-gradient(135deg,rgba(15,159,149,.05),rgba(59,130,246,.02)),#fff;box-shadow:0 18px 55px rgba(15,23,42,.05)}
@media(max-width:1020px){.cert-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.expertise-intro,.expertise-overview-grid,.expertise-group-head{grid-template-columns:1fr;gap:1.1rem}.expertise-home-footer,.expertise-trust-panel,.expertise-signal-panel{align-items:flex-start;flex-direction:column}.expertise-disclaimer-panel{grid-template-columns:1fr}.expertise-hero{min-height:620px}.expertise-group-head{margin-bottom:1.75rem}}
@media(max-width:620px){.cert-grid-home,.cert-grid{grid-template-columns:1fr}.cert-card{grid-template-columns:1fr;grid-template-rows:126px auto;min-height:0}.cert-visual{padding:1rem 1rem .2rem}.cert-copy{padding:.45rem 1rem 1.15rem}.cert-copy h3{font-size:1rem}.expertise-home-footer .btn,.expertise-trust-panel .btn,.expertise-signal-panel .btn{width:100%;justify-content:center;text-align:center}.expertise-hero .hero-ctas{align-items:stretch}.expertise-hero .btn{text-align:center;justify-content:center}}
@media(max-width:380px){.cert-token{grid-template-columns:66px minmax(0,1fr)}.cert-token-emblem{width:56px;height:56px;margin-left:8px}.cert-token-emblem span{font-size:.66rem}.cert-token-long .cert-token-emblem span{font-size:.52rem}.cert-token-data{padding-left:.45rem}.cert-token-data small{font-size:.44rem;letter-spacing:.065em}.cert-copy{padding-left:.85rem;padding-right:.85rem}.cert-name{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.cert-card{transition:none}.cert-card:hover{transform:none}}

/* Credential Atlas — dedicated expertise-page experience */
.expertise-page .expertise-overview{position:relative;overflow:hidden;padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7.5rem);background:radial-gradient(circle at 92% 2%,rgba(48,213,200,.085),transparent 22%),radial-gradient(circle at 4% 42%,rgba(114,169,255,.055),transparent 25%)}
.expertise-page .expertise-overview::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(48,213,200,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(48,213,200,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.credential-atlas-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.37fr);gap:clamp(2rem,5vw,5rem);align-items:stretch;margin-bottom:clamp(2rem,4vw,3.25rem)}
.credential-atlas-head .expertise-overview-grid{display:block;margin:0;align-self:center}
.credential-atlas-head .sec-title{max-width:780px;margin:.85rem 0 1.3rem;font-size:clamp(2.25rem,5vw,4.8rem);line-height:.98;letter-spacing:-.062em}
.credential-atlas-head .sec-desc{max-width:720px;font-size:clamp(.9rem,1.35vw,1.06rem);line-height:1.8}
.credential-overview-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:290px;padding:clamp(1.4rem,3vw,2.2rem);overflow:hidden;border:1px solid rgba(48,213,200,.24);border-radius:22px;background:linear-gradient(145deg,rgba(48,213,200,.12),rgba(48,213,200,.025) 43%,rgba(242,145,0,.04)),var(--surface);box-shadow:0 28px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}
.credential-overview-panel::before{content:'';position:absolute;z-index:-1;right:-90px;top:-95px;width:250px;height:250px;border:1px solid rgba(48,213,200,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(48,213,200,.025),0 0 0 58px rgba(48,213,200,.015)}
.credential-overview-panel::after{content:'VERIFIED KNOWLEDGE MAP';position:absolute;right:-3.7rem;bottom:5.4rem;transform:rotate(-90deg);font:650 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:rgba(48,213,200,.48)}
.credential-total{display:flex;align-items:flex-end;gap:1rem}
.credential-total strong{font-family:var(--font-d);font-size:clamp(4.8rem,8vw,7.2rem);line-height:.76;letter-spacing:-.08em;color:var(--teal)}
.credential-total span{padding-bottom:.2rem;font-size:.68rem;line-height:1.55;color:var(--text-2)}
.credential-scope{display:grid;gap:.55rem;padding-top:1.4rem;border-top:1px solid rgba(48,213,200,.16)}
.credential-scope span{display:flex;align-items:center;gap:.55rem;font:600 .58rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.credential-scope span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px rgba(48,213,200,.65)}
.credential-toolbar{position:sticky;z-index:8;top:calc(var(--nav-h) + .75rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem;padding:.78rem .85rem .78rem 1rem;border:1px solid var(--border);border-radius:16px;background:rgba(7,15,26,.86);box-shadow:0 18px 48px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.credential-toolbar-label{display:flex;align-items:center;gap:.55rem;white-space:nowrap;font:600 .56rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.credential-toolbar-label strong{padding-left:.6rem;border-left:1px solid var(--border);color:var(--text)}
.credential-live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(48,213,200,.09),0 0 14px rgba(48,213,200,.55)}
.credential-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.38rem}
.credential-filter{min-height:34px;padding:.42rem .7rem;border:1px solid transparent;border-radius:9px;background:transparent;font:600 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.035em;color:var(--text-3);cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .2s}
.credential-filter:hover{color:var(--text);border-color:var(--border);transform:translateY(-1px)}
.credential-filter.active{border-color:rgba(48,213,200,.28);background:rgba(48,213,200,.1);color:var(--teal)}
.credential-filter:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.expertise-page .cert-grid-all{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:1.15rem;align-items:stretch}
.expertise-page .cert-grid-all .cert-card{grid-column:span 4;grid-template-rows:auto 1fr;min-height:510px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:linear-gradient(150deg,rgba(var(--cert-accent),.07),transparent 37%),var(--surface);box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .32s var(--ease),border-color .32s,box-shadow .32s}
.expertise-page .cert-grid-all .cert-card[data-layout="wide"]{grid-column:span 8;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);grid-template-rows:1fr;min-height:410px}
.expertise-page .cert-grid-all .cert-card::before{content:'';position:absolute;z-index:3;inset:0 auto 0 0;width:2px;background:linear-gradient(to bottom,transparent,rgb(var(--cert-accent)) 25%,rgb(var(--cert-secondary)) 72%,transparent);opacity:.72}
.expertise-page .cert-grid-all .cert-card::after{content:'';position:absolute;right:-80px;bottom:-100px;width:190px;height:190px;border:1px solid rgba(var(--cert-accent),.13);border-radius:50%;box-shadow:0 0 0 24px rgba(var(--cert-accent),.018),0 0 0 48px rgba(var(--cert-accent),.012)}
.expertise-page .cert-grid-all .cert-card:hover{transform:translateY(-7px);border-color:rgba(var(--cert-accent),.35);box-shadow:0 28px 70px rgba(0,0,0,.25),0 0 0 1px rgba(var(--cert-accent),.035)}
.expertise-page .cert-grid-all .cert-card[hidden]{display:none}
.expertise-page .cert-visual{position:relative;display:grid;place-items:center;min-height:210px;padding:2.45rem 1.25rem 1.15rem;overflow:hidden;background:linear-gradient(135deg,rgba(var(--cert-accent),.09),rgba(4,10,18,.4) 58%),linear-gradient(rgba(var(--cert-accent),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cert-accent),.055) 1px,transparent 1px);background-size:auto,18px 18px,18px 18px}
.expertise-page .cert-card[data-layout="wide"] .cert-visual{min-height:100%;padding:2.8rem 1.6rem}
.expertise-page .cert-visual>img{display:block;width:100%;height:auto;max-width:560px;max-height:none;padding:0;border:0;border-radius:13px;background:transparent;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 26px rgba(0,0,0,.22));transform:rotate(-1deg);transition:transform .4s var(--ease),filter .4s}
.expertise-page .cert-card:nth-child(even) .cert-visual>img{transform:rotate(.75deg)}
.expertise-page .cert-card:hover .cert-visual>img{filter:drop-shadow(0 23px 34px rgba(0,0,0,.3));transform:rotate(0) scale(1.025)}
.cert-index{position:absolute;z-index:2;left:1.1rem;top:1rem;font:700 .63rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:rgb(var(--cert-accent))}
.cert-index::after{content:'';display:inline-block;width:30px;height:1px;margin:0 0 .2rem .55rem;background:rgba(var(--cert-accent),.42)}
.expertise-page .cert-copy{position:relative;z-index:2;display:flex;flex-direction:column;padding:1.35rem 1.4rem 1.5rem;min-width:0}
.expertise-page .cert-card[data-layout="wide"] .cert-copy{justify-content:center;padding:clamp(1.6rem,3vw,2.5rem)}
.cert-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.expertise-page .cert-issuer,.cert-discipline{font:650 .54rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.075em;text-transform:uppercase;color:var(--text-3)}
.cert-discipline{color:rgb(var(--cert-accent));text-align:right}
.expertise-page .cert-copy h3{margin:.8rem 0 .38rem;font-family:var(--font-d);font-size:clamp(1.35rem,2vw,2rem);line-height:1.05;letter-spacing:-.045em;color:var(--text)}
.expertise-page .cert-name{margin:0;font-size:.76rem;line-height:1.55;color:var(--text-2)}
.expertise-page .cert-description{margin:1rem 0 0;padding-top:.9rem;border-top:1px solid var(--border);font-size:.7rem;line-height:1.65;color:var(--text-3)}
.expertise-page .cert-reference{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;margin-top:auto;padding-top:1.15rem;font:650 .58rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.055em;text-transform:uppercase;color:rgb(var(--cert-accent));text-decoration:none}
.expertise-page .cert-reference span{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(var(--cert-accent),.28);border-radius:50%;transition:transform .2s,background .2s}
.expertise-page .cert-reference:hover span{transform:translate(2px,-2px);background:rgba(var(--cert-accent),.1)}
.expertise-page .cert-grid-all.is-filtered .cert-card{grid-column:span 6}
.expertise-page .cert-grid-all.is-filtered .cert-card[data-layout="wide"]{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:510px}
[data-theme="light"] .credential-overview-panel{background:linear-gradient(145deg,rgba(15,159,149,.1),rgba(255,255,255,.97) 52%,rgba(242,145,0,.04));box-shadow:0 25px 65px rgba(15,23,42,.09)}
[data-theme="light"] .credential-toolbar{background:rgba(255,255,255,.88);box-shadow:0 16px 44px rgba(15,23,42,.08)}
[data-theme="light"] .expertise-page .cert-grid-all .cert-card{background:linear-gradient(150deg,rgba(var(--cert-accent),.055),transparent 38%),#fff;box-shadow:0 18px 46px rgba(15,23,42,.075)}
[data-theme="light"] .expertise-page .cert-visual{background:linear-gradient(135deg,rgba(var(--cert-accent),.095),rgba(244,248,250,.9) 58%),linear-gradient(rgba(var(--cert-accent),.075) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cert-accent),.075) 1px,transparent 1px);background-size:auto,18px 18px,18px 18px}
@media(max-width:1080px){.credential-toolbar{position:relative;top:auto;align-items:flex-start;flex-direction:column}.credential-filters{justify-content:flex-start}.expertise-page .cert-grid-all .cert-card{grid-column:span 6}.expertise-page .cert-grid-all .cert-card[data-layout="wide"]{grid-column:span 12}}
@media(max-width:760px){.credential-atlas-head{grid-template-columns:1fr}.credential-overview-panel{min-height:240px}.credential-atlas-head .sec-title{font-size:clamp(2.2rem,11vw,3.7rem)}.credential-toolbar{padding:.85rem}.credential-toolbar-label{width:100%;justify-content:flex-start}.credential-filters{width:100%}.credential-filter{flex:1 1 auto}.expertise-page .cert-grid-all .cert-card,.expertise-page .cert-grid-all .cert-card[data-layout="wide"],.expertise-page .cert-grid-all.is-filtered .cert-card{grid-column:span 12;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.expertise-page .cert-visual,.expertise-page .cert-card[data-layout="wide"] .cert-visual{min-height:0;padding:2.35rem 1rem 1rem}.expertise-page .cert-copy,.expertise-page .cert-card[data-layout="wide"] .cert-copy{padding:1.2rem 1.15rem 1.35rem}.expertise-page .cert-copy h3{font-size:1.45rem}}
@media(max-width:440px){.credential-toolbar-label>span:not(.credential-live-dot){display:none}.credential-filters{display:grid;grid-template-columns:repeat(2,1fr)}.credential-filter:first-child{grid-column:1/-1}.credential-total strong{font-size:5rem}.credential-overview-panel::after{display:none}.cert-meta{align-items:flex-start;flex-direction:column}.cert-discipline{text-align:left}}
@media(prefers-reduced-motion:reduce){.credential-filter,.expertise-page .cert-grid-all .cert-card,.expertise-page .cert-visual>img,.expertise-page .cert-reference span{transition:none}.expertise-page .cert-grid-all .cert-card:hover{transform:none}}

/* Credential Atlas v2 — human-centred hierarchy, no certificate plates */
.cert-emblem{position:relative;isolation:isolate;display:grid;place-items:center;width:clamp(108px,11vw,148px);aspect-ratio:1;margin:auto;border:1px solid rgba(var(--cert-accent),.34);border-radius:42% 58% 46% 54%/52% 42% 58% 48%;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.1),transparent 22%),linear-gradient(145deg,rgba(var(--cert-accent),.28),rgba(var(--cert-secondary),.07) 58%,rgba(3,9,18,.72));box-shadow:inset 0 0 0 8px rgba(var(--cert-accent),.035),0 20px 45px rgba(0,0,0,.25);transform:rotate(-3deg)}
.cert-emblem::before{content:'';position:absolute;inset:10px;border:1px dashed rgba(var(--cert-accent),.3);border-radius:inherit}
.cert-emblem::after{content:'';position:absolute;z-index:-1;inset:-18px;border:1px solid rgba(var(--cert-accent),.09);border-radius:50%;box-shadow:0 0 0 9px rgba(var(--cert-accent),.018)}
.cert-emblem span{max-width:85%;font:800 clamp(1rem,1.8vw,1.45rem)/.95 var(--font-d);letter-spacing:-.055em;text-align:center;color:rgb(var(--cert-accent));text-wrap:balance}
.cert-emblem i{position:absolute;right:9px;bottom:13px;width:12px;height:12px;border:3px solid rgba(5,12,21,.88);border-radius:50%;background:var(--orange);box-shadow:0 0 14px rgba(242,145,0,.5)}
.cert-emblem-long span{font-size:clamp(.7rem,1.1vw,.9rem);line-height:1.02;letter-spacing:-.025em}
.cert-person{display:flex;align-items:center;gap:.65rem;width:100%;max-width:250px;margin:1.7rem auto 0;padding:.55rem .7rem;border:1px solid rgba(var(--cert-accent),.16);border-radius:999px;background:rgba(3,10,18,.36);backdrop-filter:blur(8px)}
.cert-person-avatar{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,rgb(var(--cert-accent)),rgb(var(--cert-secondary)));font:800 .55rem/1 var(--font-d);letter-spacing:.04em;color:#041016;box-shadow:0 0 0 3px rgba(var(--cert-accent),.09)}
.cert-person>span:last-child{display:flex;flex-direction:column;min-width:0}
.cert-person strong{font-size:.58rem;line-height:1.3;color:var(--text)}
.cert-person small{margin-top:.12rem;font-size:.5rem;line-height:1.3;color:var(--text-3)}
.cert-value-signal{display:flex;align-items:center;gap:.5rem;margin:.72rem 0 0;font:600 .56rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;text-transform:uppercase;color:rgb(var(--cert-accent))}
.cert-value-signal span{width:20px;height:1px;background:currentColor}
.certified-expertise-home .cert-visual{display:flex;flex-direction:column;justify-content:center;min-height:205px;padding:1.35rem;background:radial-gradient(circle at 50% 42%,rgba(var(--cert-accent),.11),transparent 42%),linear-gradient(145deg,rgba(var(--cert-accent),.04),transparent)}
.certified-expertise-home .cert-card{grid-template-rows:auto 1fr;min-height:365px}
.certified-expertise-home .cert-emblem{width:94px}
.certified-expertise-home .cert-emblem span{font-size:.9rem}
.certified-expertise-home .cert-emblem-long span{font-size:.62rem}
.certified-expertise-home .cert-person{margin-top:1.2rem}
.certified-expertise-home .expertise-intro-home{grid-template-columns:minmax(0,1fr);margin-bottom:clamp(2rem,4vw,3rem);padding-bottom:clamp(1.5rem,3vw,2.25rem);border-bottom:1px solid var(--border)}
.certified-expertise-home .expertise-intro-copy{max-width:920px}
.certified-expertise-home .expertise-intro-copy .sec-title{max-width:820px;margin:.85rem 0 1rem;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.02;letter-spacing:-.055em}
.certified-expertise-home .expertise-intro-copy .sec-desc{max-width:800px;margin:0;font-size:.86rem;line-height:1.75;color:var(--text-2)}
.credential-ranking-note{position:relative;display:grid;grid-template-columns:minmax(160px,.27fr) 1fr;gap:clamp(1.2rem,4vw,3.5rem);align-items:start;margin-bottom:clamp(3rem,6vw,5.5rem);padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.credential-ranking-note>span{font:700 .6rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.credential-ranking-note p{max-width:870px;margin:0;font-size:.73rem;line-height:1.75;color:var(--text-3)}
.credential-ranking-note a{color:var(--text-2);text-decoration:underline;text-decoration-color:rgba(48,213,200,.35);text-underline-offset:3px}
.credential-tier-stack{position:relative;display:grid;gap:clamp(4rem,8vw,7rem)}
.credential-tier{scroll-margin-top:calc(var(--nav-h) + 1rem)}
.credential-tier-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1.1rem;align-items:start;margin-bottom:1.6rem}
.credential-tier-head>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(48,213,200,.22);border-radius:50%;background:rgba(48,213,200,.045);font:750 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--teal)}
.credential-tier-head h3{margin:0;font-family:var(--font-d);font-size:clamp(1.5rem,3.2vw,2.6rem);line-height:1.05;letter-spacing:-.045em;color:var(--text)}
.credential-tier-head p{max-width:760px;margin:.55rem 0 0;font-size:.76rem;line-height:1.7;color:var(--text-3)}
.expertise-page .credential-tier .cert-grid-all{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.15rem}
.expertise-page .credential-tier .cert-grid-all .cert-card,.expertise-page .credential-tier .cert-grid-all .cert-card[data-layout="wide"]{grid-column:span 4;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:520px}
.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-card{grid-column:span 6;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);grid-template-rows:1fr;min-height:390px}
.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-grid-all .cert-card[data-layout="wide"]{grid-column:span 6;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);grid-template-rows:1fr;min-height:390px}
.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-visual{min-height:100%;padding:2.4rem 1.4rem}
.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-copy{justify-content:center;padding:clamp(1.6rem,3vw,2.4rem)}
.expertise-page .credential-tier .cert-visual{display:flex;flex-direction:column;justify-content:center;min-height:245px;padding:2.5rem 1.2rem 1.25rem;background:radial-gradient(circle at 50% 38%,rgba(var(--cert-accent),.14),transparent 39%),linear-gradient(135deg,rgba(var(--cert-accent),.075),rgba(4,10,18,.46) 60%),linear-gradient(rgba(var(--cert-accent),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cert-accent),.045) 1px,transparent 1px);background-size:auto,auto,20px 20px,20px 20px}
.expertise-page .credential-tier .cert-copy{padding:1.3rem 1.35rem 1.45rem}
.expertise-page .credential-tier .cert-copy h3{font-size:clamp(1.35rem,2vw,1.9rem)}
.expertise-page .credential-tier .cert-description{margin-top:.85rem;padding-top:.8rem}
.expertise-page .credential-tier .cert-reference{margin-top:1rem}
.expertise-page .credential-tier .cert-card:hover .cert-emblem{transform:rotate(0) translateY(-4px)}
.expertise-page .credential-tier .cert-emblem{transition:transform .35s var(--ease)}
.expertise-page .cert-index{top:1rem;left:1rem}
.expertise-faq{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(48,213,200,.025),transparent 32%)}
.expertise-faq-layout{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}
.expertise-faq-intro{position:sticky;top:calc(var(--nav-h) + 2rem)}
.expertise-faq-intro .sec-title{margin:.8rem 0 1rem;font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.02;letter-spacing:-.055em}
.expertise-faq-intro p{max-width:430px;margin:0;font-size:.8rem;line-height:1.75;color:var(--text-2)}
.expertise-faq-list{border-top:1px solid var(--border)}
.expertise-faq-list details{border-bottom:1px solid var(--border)}
.expertise-faq-list summary{position:relative;padding:1.35rem 3rem 1.35rem 0;list-style:none;font-family:var(--font-d);font-size:clamp(.95rem,1.45vw,1.15rem);font-weight:650;line-height:1.4;color:var(--text);cursor:pointer}
.expertise-faq-list summary::-webkit-details-marker{display:none}
.expertise-faq-list summary::after{content:'+';position:absolute;right:.25rem;top:1.15rem;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;font:500 1rem/1 var(--font-d);color:var(--teal);transition:transform .2s,background .2s}
.expertise-faq-list details[open] summary::after{transform:rotate(45deg);background:rgba(48,213,200,.08)}
.expertise-faq-list details p{margin:-.2rem 3rem 1.45rem 0;font-size:.75rem;line-height:1.75;color:var(--text-3)}
.expertise-faq-list details a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
[data-theme="light"] .cert-person{background:rgba(255,255,255,.72)}
[data-theme="light"] .cert-emblem{background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.8),transparent 24%),linear-gradient(145deg,rgba(var(--cert-accent),.2),rgba(var(--cert-secondary),.05) 58%,rgba(255,255,255,.94));box-shadow:inset 0 0 0 8px rgba(var(--cert-accent),.035),0 18px 40px rgba(15,23,42,.12)}
[data-theme="light"] .cert-emblem i{border-color:#f5fafb}
[data-theme="light"] .expertise-page .credential-tier .cert-grid-all .cert-card{border-color:rgba(15,23,42,.14);background:linear-gradient(150deg,rgba(var(--cert-accent),.09),transparent 40%),#fff;box-shadow:0 20px 52px rgba(15,23,42,.11)}
[data-theme="light"] .expertise-page .credential-tier .cert-visual{border-bottom:1px solid rgba(15,23,42,.1);background:radial-gradient(circle at 50% 38%,rgba(var(--cert-accent),.25),transparent 42%),linear-gradient(135deg,rgba(var(--cert-accent),.18),rgba(var(--cert-secondary),.08) 58%,#eaf2f4),linear-gradient(rgba(var(--cert-accent),.12) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cert-accent),.12) 1px,transparent 1px);background-size:auto,auto,20px 20px,20px 20px}
[data-theme="light"] .expertise-page .credential-tier[data-credential-tier="leadership"] .cert-visual{border-right:1px solid rgba(15,23,42,.1);border-bottom:0}
[data-theme="light"] .expertise-page .credential-tier .cert-emblem{border-color:rgba(var(--cert-accent),.68);background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.94),transparent 26%),linear-gradient(145deg,rgba(var(--cert-accent),.4),rgba(var(--cert-secondary),.17) 58%,#f8fbfc);box-shadow:inset 0 0 0 8px rgba(var(--cert-accent),.09),0 22px 46px rgba(15,23,42,.18)}
[data-theme="light"] .expertise-page .credential-tier .cert-emblem::before{border-color:rgba(var(--cert-accent),.58)}
[data-theme="light"] .expertise-page .credential-tier .cert-emblem::after{border-color:rgba(var(--cert-accent),.24);box-shadow:0 0 0 9px rgba(var(--cert-accent),.045)}
[data-theme="light"] .expertise-page .credential-tier .cert-emblem span{color:#0b4d4d;color:color-mix(in srgb,rgb(var(--cert-accent)) 55%,#071821);text-shadow:0 1px 0 rgba(255,255,255,.85)}
[data-theme="light"] .expertise-page .credential-tier .cert-index{color:#08766f}
@media(max-width:1080px){.expertise-page .credential-tier .cert-grid-all .cert-card,.expertise-page .credential-tier .cert-grid-all .cert-card[data-layout="wide"]{grid-column:span 6}.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-card{grid-column:span 12}.expertise-faq-layout{grid-template-columns:minmax(240px,.52fr) minmax(0,1fr)}}
@media(max-width:760px){.credential-ranking-note{grid-template-columns:1fr;gap:.6rem}.credential-tier-head{grid-template-columns:52px minmax(0,1fr)}.credential-tier-head>span{width:44px;height:44px}.expertise-page .credential-tier .cert-grid-all .cert-card,.expertise-page .credential-tier .cert-grid-all .cert-card[data-layout="wide"],.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-card{grid-column:span 12;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-visual,.expertise-page .credential-tier .cert-visual{min-height:250px;padding:2.35rem 1rem 1.2rem}.expertise-faq-layout{grid-template-columns:1fr}.expertise-faq-intro{position:relative;top:auto}}
@media(max-width:760px){[data-theme="light"] .expertise-page .credential-tier[data-credential-tier="leadership"] .cert-visual{border-right:0;border-bottom:1px solid rgba(15,23,42,.1)}}
@media(max-width:440px){.credential-tier-head h3{font-size:1.45rem}.expertise-faq-list details p{margin-right:0}.cert-person{max-width:235px}}
@media(max-width:760px){.expertise-page .credential-tier[data-credential-tier="leadership"] .cert-grid-all .cert-card[data-layout="wide"]{grid-column:span 12;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}}
@media(prefers-reduced-motion:reduce){.expertise-page .credential-tier .cert-emblem,.expertise-faq-list summary::after{transition:none}}
.home-radar-preview{position:relative;overflow:hidden;padding-block:clamp(2.2rem,4vw,3.5rem);border-block:1px solid var(--border);background:linear-gradient(90deg,rgba(48,213,200,.035),transparent 55%)}.home-radar-shell{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:clamp(1.2rem,3vw,2.5rem);align-items:center}.home-radar-copy .sec-title{max-width:760px;margin:.65rem 0;font-size:clamp(1.7rem,3vw,2.8rem)}.home-radar-copy .sec-desc{max-width:760px;margin:0}.home-radar-mark{position:relative;width:78px;aspect-ratio:1;border:1px solid rgba(48,213,200,.3);border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(48,213,200,.14),transparent 60%)}.home-radar-mark::before,.home-radar-mark::after{content:"";position:absolute;border:1px solid rgba(48,213,200,.2);border-radius:50%}.home-radar-mark::before{inset:14px}.home-radar-mark::after{inset:28px}.home-radar-mark span{position:absolute;inset:50% 50% 0 0;transform-origin:100% 0;background:conic-gradient(from 270deg,rgba(48,213,200,.45),transparent 48deg);animation:home-radar-sweep 6s linear infinite}.home-radar-mark i,.home-radar-mark b{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}.home-radar-mark i{left:23px;top:25px}.home-radar-mark b{right:19px;bottom:22px}@keyframes home-radar-sweep{to{transform:rotate(360deg)}}@media(max-width:760px){.home-radar-shell{grid-template-columns:64px 1fr}.home-radar-mark{width:60px}.home-radar-shell>.btn{grid-column:2;width:max-content}}@media(max-width:520px){.home-radar-shell{grid-template-columns:1fr}.home-radar-mark{display:none}.home-radar-shell>.btn{grid-column:1}}@media(prefers-reduced-motion:reduce){.home-radar-mark span{animation:none;transform:rotate(40deg)}}