/*═══════════════════════════════════════════
  RESET
═══════════════════════════════════════════*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{max-width:1920px;scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}
body{max-width:1920px;font-family:'Inter',system-ui,sans-serif;background:#f6fef6;color:#383d25;overflow-x:hidden;line-height:1.6}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer}
img{max-width:100%}
:root{
  --accent:#e8821a;--accent-l:#f5a623;--accent-d:#c56613;--accent-glow:rgba(232,130,26,.4);
  --teal:#2dd4bf;--teal-l:#Cdf4Ef;--teal-d:#14b8a6;--teal-glow:rgba(45,212,191,.3);
  --blue:#3b82f6;
  --surface:#e9e9e9;--teal-l:#f5fFfF;--teal-l:#f9f9fF;
  --border:rgba(0,0,0,.06);--border-h:rgba(0,0,0,.12);
  --text:#686d75;--text-dim:#1b2210;--text-dim-i:#dbe2e0;--white:#ffffff;--dark:#212325;
  --serif:'Instrument Serif',Georgia,serif;
  --mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --navy:#1b3a6b; --navy-d:#FFFFFF; --navy-l:#FFFFFF; --navy-xl:#e8eef7;
  --orange:#E8821A; --orange-l:#f09438; --orange-xl:#fef3e8;
  --teal:#0d7a7a; --teal-l:#e6f4f4;
  --gray:#6B7280; --gray-l:#E5E7EB; --bg:#F9FAFB;
  --gray-dark:#08090da6;
  --radius:10px; --shadow:0 4px 20px rgba(0,0,0,.08);
}

/*═══════════════════════════════════════════
  UTILITIES
═══════════════════════════════════════════*/
.container{max-width:1320px;margin:4.5rem auto 0 auto;padding:0 2rem}
section .container{max-width:1320px;margin:0.5rem auto 0 auto;padding:0 2rem}
/* Scroll-triggered animation */
[data-anim]{opacity:0;transform:translateY(50px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-anim].in{opacity:1;transform:none}
[data-anim="scale"]{transform:scale(.92)}
[data-anim="scale"].in{transform:scale(1)}
[data-anim="left"]{transform:translateX(-50px)}
[data-anim="left"].in{transform:none}
[data-anim="right"]{transform:translateX(50px)}
[data-anim="right"].in{transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.d4{transition-delay:.32s}.d5{transition-delay:.4s}.d6{transition-delay:.48s}
.d7{transition-delay:.56s}

/*═══════════════════════════════════════════
  ANIMATED GRADIENT BORDER MIXIN (via pseudo)
═══════════════════════════════════════════*/
.glow-card{
  position:relative;background:var(--teal-l);border-radius:16px;
  overflow:hidden;transition:transform .4s var(--ease);
}
.glow-card::before{
  content:'';position:absolute;inset:-1px;z-index:0;border-radius:inherit;
  background:conic-gradient(from var(--angle,0deg),transparent 40%,var(--accent) 50%,transparent 60%);
  opacity:0;transition:opacity .5s;
  animation:spinBorder 4s linear infinite paused;
}
.glow-card:hover::before{opacity:1;animation-play-state:running}
.glow-card:hover{transform:translateY(-6px)}
.glow-card>.card-inner{
  position:relative;z-index:1;background:var(--teal-l);
  border-radius:inherit;padding:1.6rem;height:100%;
}
@keyframes spinBorder{to{--angle:360deg}}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}

/*═══════════════════════════════════════════
  SPOTLIGHT HOVER (cursor-follow glow)
═══════════════════════════════════════════*/
.spotlight-wrap{position:relative}
.spotlight-wrap::after{
  content:'';position:absolute;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,130,26,.08),transparent 70%);
  pointer-events:none;opacity:0;transition:opacity .4s;
  transform:translate(var(--mx,-50%),var(--my,-50%));
  left:0;top:0;
}
.spotlight-wrap:hover::after{opacity:1}

/*═══════════════════════════════════════════
  PAGES / NAV
═══════════════════════════════════════════*/
.page{display:none;min-height:100vh;padding-top:0px}
.page.active{display:block;animation:pageIn .6s var(--ease)}
@keyframes pageIn{from{opacity:0}to{opacity:1}}

nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:var(--gray-dark);backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  max-width:1320px;margin:0 auto;padding:0 2rem;
  display:flex;align-items:center;justify-content:space-between;height:72px;
}
.contact-inner{
  max-width:1320px;margin:0 auto;padding:0 2rem;
}
.logo{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-icon{
  width:48px;height:48px;border-radius:10px;
  background:linear-gradient(135deg,var(--accent),#f97316);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 20px var(--accent-glow);
  transition:transform .3s var(--ease);
}
.logo:hover .logo-icon{transform:scale(1.1) rotate(-5deg)}
.logo-icon svg{width:18px;height:18px}
.logo-text span:first-child{font-family:var(--serif);font-size:1.15rem;color:var(--white);display:block;line-height:1.1}
.logo-text span:last-child{font-size:.55rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim-i)}

.nav-links{display:flex;align-items:center;gap:.2rem;list-style:none;margin-bottom: 0;}
.nav-links>li{position:relative}
.nav-links>li>a,.nav-links>li>button{
  display:flex;align-items:center;gap:4px;height:72px;padding:0 .9rem;
  color:var(--white)!important;font-size:.78rem;font-weight:500;
  background:none;border:none;white-space:nowrap;transition:color .2s;
}
.nav-links>li>a:hover,.nav-links>li>button:hover{color:var(--white)}
.nav-caret{opacity:.4;transition:transform .25s var(--ease)}
.nav-links>li:hover .nav-caret{transform:rotate(180deg);opacity:.7}

.amo-targets{
  margin-top: 2.5rem;
  gap: 2rem;
  display: flex;
} 

/* Dropdown */
.dd{
  position:absolute;top:72px;left:50%;transform:translateX(-50%) translateY(8px);
  background:var(--teal-l);border:1px solid var(--border-h);
  min-width:280px;border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.6);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:.25s var(--ease);overflow:hidden;
}
.nav-links>li:hover .dd{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dd-head{padding:10px 16px;font-size:.52rem;letter-spacing:3px;text-transform:uppercase;color:var(--accent);font-weight:700;border-bottom:1px solid var(--border)}
.dd a{
  display:flex;align-items:center;gap:10px;padding:10px 16px;
  font-size:.8rem;color:var(--text-dim);border-bottom:1px solid var(--border);
  transition:.15s;
}
.dd a:last-child{border:none}
.dd a:hover{background:rgba(232,130,26,.05);color:var(--dark);padding-left:20px}
.dd-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:rgba(255,255,255,.04)}

.btn-nav{
  padding:7px 16px !important;border-radius:8px;height:auto !important;
  margin-left:.3rem;font-size:.72rem !important;font-weight:600 !important;
  transition:transform .2s,box-shadow .2s !important;
}
.btn-nav:hover{transform:translateY(-1px) !important}
.btn-nav.teal{background:linear-gradient(135deg,var(--teal-d),#0d9488)!important;color:#fff!important;box-shadow:0 4px 16px var(--teal-glow)}
.btn-nav.orange{background:linear-gradient(135deg,var(--accent),#f97316)!important;color:#fff!important;box-shadow:0 4px 16px var(--accent-glow)}

.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:5px}
.hamburger span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:.3s}

/*═══════════════════════════════════════════
  BUTTONS
═══════════════════════════════════════════*/
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 28px;border-radius:10px;font-size:.84rem;font-weight:600;
  border:none;transition:.35s var(--ease);position:relative;
}
/*.btn:hover { transform:translateY(-1px); }*/
.btn-navy   { background:var(--text); color:#fff; }
.btn-navy:hover { background:var(--text-dim); }
.btn-orange { background:var(--orange); color:#fff; }
.btn-orange:hover { background:var(--orange-l); } 
.btn-teal:hover { background:#0a6565;   color: white;}
.btn-ghost  { background:transparent; color:var(--text); border:1.5px solid var(--gray-l); }
.btn-ghost:hover { border-color:var(--navy); background:var(--navy-xl); }
.btn-accent{
  background:linear-gradient(135deg,var(--accent),#f97316);color:#fff;
  box-shadow:0 4px 24px var(--accent-glow);
}
.btn-accent:hover{box-shadow:0 8px 40px rgba(232,130,26,.55)}
.btn-outline{background:transparent;color:var(--dark);border:1.5px solid var(--border-h)}
.btn-outline:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.04)}
.btn-teal{background:linear-gradient(135deg,var(--teal-d),#0d9488);color:#fff;box-shadow:0 4px 20px var(--teal-glow)}
.btn-navy{background:linear-gradient(135deg,#2a5298,#1B3A6B);color:#fff;box-shadow:0 4px 20px rgba(27,58,107,.5)}

.sh-ill img{
  border-radius:0px;
}

/*═══════════════════════════════════════════
  MARQUEE STRIP
═══════════════════════════════════════════*/
.marquee{
  overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:14px 0;background:var(--teal-l);white-space:nowrap;
}
.marquee-inner{display:inline-flex;animation:scroll 30s linear infinite}
.marquee-inner span{
  font-family:var(--serif);font-size:1rem;color:#fff;
  padding:0 2rem;display:inline-flex;align-items:center;gap:1.5rem;
}
.marquee-inner span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}
@keyframes scroll{to{transform:translateX(-50%)}}

/*═══════════════════════════════════════════
  HERO — dramatic full-viewport
═══════════════════════════════════════════*/

/* ── HERO ── */

.hero{
 display:flex;flex-direction:column;justify-content:center;
  position:relative;overflow:hidden;background: white;
}
.hero-mesh{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 50% 60% at 20% 30%,rgba(232,130,26,.12),transparent),
    radial-gradient(ellipse 40% 50% at 75% 60%,rgba(59,130,246,.08),transparent),
    radial-gradient(ellipse 30% 40% at 50% 80%,rgba(45,212,191,.06),transparent);
  animation:meshMove 12s ease-in-out infinite alternate;
}
@keyframes meshMove{
  to{background:
    radial-gradient(ellipse 50% 60% at 30% 40%,rgba(232,130,26,.14),transparent),
    radial-gradient(ellipse 40% 50% at 65% 50%,rgba(59,130,246,.1),transparent),
    radial-gradient(ellipse 30% 40% at 40% 70%,rgba(45,212,191,.07),transparent);}
}
.hero-grid-lines{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 60% 60% at 50% 40%,black,transparent);
}

.hero .container{position:relative;z-index:1;text-align:center;padding:4rem 2rem}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(232,130,26,.08);border:1px solid rgba(232,130,26,.18);
  border-radius:100px;padding:5px 16px;margin-bottom:2rem;
}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:pulse 2s infinite}
.hero-badge span{font-size:.62rem;color:var(--accent-l);letter-spacing:2.5px;text-transform:uppercase;font-weight:700}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 12px var(--accent-glow)}50%{opacity:.5;box-shadow:0 0 24px var(--accent-glow)}}

.hero h1{
  font-family:var(--serif);font-size:clamp(3rem,7vw,6rem);
  color:var(--dark);line-height:1.02;margin-bottom:1.5rem;
  letter-spacing:-.03em;
}
.hero h1 em{
  font-style:italic;
  background:linear-gradient(135deg,var(--accent-l),var(--accent) );
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  padding: 0 5px 0 16px;
}
.hero-sub{
  font-size:1.05rem;color:var(--dark);max-width:580px;margin:0 auto 2.5rem;
  line-height:1.8;font-weight:300;
}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}

.hero-stripe {
  position:absolute; top:0; right:0; width:44%; height:100%;
  background:var(--navy-xl); clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);
}
.hero-inner {
  max-width:1280px; margin:0 auto; padding:3rem 1.5rem 4rem;
  display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
  position:relative; z-index:1;
}
.hero-content { max-width:540px; }
.hero-content .badge { margin-bottom:1.2rem; }
.hero h1 {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.4rem,4.5vw,3.8rem); font-weight:700;
  color:var(--navy); line-height:1.08; margin-bottom:1.2rem;
}
.hero h1 em { font-style:normal; color:var(--orange); }
.hero-lead { font-size:.93rem; color:var(--gray); line-height:1.8; margin-bottom:2rem; font-weight:300; }
.hero-actions { display:flex; gap:.8rem; flex-wrap:wrap; margin-bottom:2.5rem; }
.hero-kpis {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:1px; background:var(--gray-l); border-radius:10px; overflow:hidden;
}
.kpi { background:#fff; padding:1.1rem 1rem; text-align:center; }
.kpi-num { font-family:'Cormorant Garamond',serif; font-size:1.8rem; font-weight:700; color:var(--orange); line-height:1; }
.kpi-lbl { font-size:.6rem; color:var(--gray); letter-spacing:.5px; text-transform:uppercase; margin-top:3px; }

/* hero cards grid */
.hero-cards { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.hero-card {
  background:#fff; border:1.5px solid var(--gray-l); border-radius:10px;
  padding:1rem; cursor:pointer; display:block;
  transition:border-color .2s, transform .2s, box-shadow .2s;
}
.hero-card:hover { border-color:var(--orange); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.08); }
.hero-card svg { width:100%; height:70px; display:block; margin-bottom:.6rem; }
.hc-name { font-size:.78rem; font-weight:600; color:var(--text); }
.hc-sub  { font-size:.67rem; color:var(--gray); margin-top:2px; }

/* ── HOME SERVICES ── */
.services-band { max-width:1280px; margin:0 auto; padding:2rem 1.5rem 3rem; }
.services-grid { display:flex; /*grid-template-columns:repeat(auto-fill,minmax(200px,1fr));*/ gap:1rem; }
.svc-card {
  border-radius:12px; padding:1.4rem; cursor:pointer;
  transition:transform .2s, box-shadow .2s; border: solid 1px var(--navy-xl);
}
.svc-card:hover { transform:translateY(-2px); box-shadow:var(--shadow); }
.svc-icon { font-size:1.4rem; margin-bottom:.5rem; }
.svc-title { font-family:'Cormorant Garamond',serif; font-size:1.05rem; font-weight:700; margin-bottom:.3rem; }
.svc-desc  { font-size:.75rem; color:var(--gray); line-height:1.6; }

/* ── SECTION HEADER ── */
/*.section-hero { padding:4rem 1.5rem 3rem; position:relative; overflow:hidden; }
.section-hero.dark { background:var(--white); }
.section-hero.dark .breadcrumb { color:rgba(255,255,255,.4); }
.section-hero.dark .breadcrumb a { color:rgba(255,255,255,.4); }
.section-hero.dark .breadcrumb a:hover { color:var(--orange); }
.section-hero.dark h1 { color:#fff; }
.section-hero.dark .sh-lead { color:rgba(255,255,255,.65); }
.section-hero.teal { background:linear-gradient(135deg,var(--teal) 0%,#095e5e 100%); }
.section-hero.teal h1 { color:#fff; }
.section-hero.teal .sh-lead { color:rgba(255,255,255,.65); }
.section-hero.teal .badge-teal .badge-dot { background:#5ee0d0; } */
.hero .sh-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center; position:relative; z-index:1; }
.hero .sh-inner.centered { grid-template-columns:1fr; text-align:center; }
.hero .sh-inner.centered .sh-lead { max-width:660px; margin:0 auto; }
.hero .sh-badge-wrap { margin-bottom:1rem; }
.hero .sh-type-badge {
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(232,130,26,.15); border:1px solid rgba(232,130,26,.3);
  border-radius:100px; padding:3px 10px; font-size:.6rem;
  letter-spacing:2px; text-transform:uppercase; color:var(--orange-l);
  font-weight:600; margin-bottom:.8rem;
}
.hero h1.sh-title { font-family:'Cormorant Garamond',serif; font-size:clamp(1.9rem,3.5vw,3rem); font-weight:700; line-height:1.1; margin-bottom:.9rem; }
.hero .sh-lead { font-size:.9rem; line-height:1.82; font-weight:300; max-width:660px; }
.hero .sh-ill { width:185px; height:145px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.hero-mesh{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 50% 60% at 20% 30%,rgba(232,130,26,.12),transparent),
    radial-gradient(ellipse 40% 50% at 75% 60%,rgba(59,130,246,.08),transparent),
    radial-gradient(ellipse 30% 40% at 50% 80%,rgba(45,212,191,.06),transparent);
  animation:meshMove 12s ease-in-out infinite alternate;
}
@keyframes meshMove{
  to{background:
    radial-gradient(ellipse 50% 60% at 30% 40%,rgba(232,130,26,.14),transparent),
    radial-gradient(ellipse 40% 50% at 65% 50%,rgba(59,130,246,.1),transparent),
    radial-gradient(ellipse 30% 40% at 40% 70%,rgba(45,212,191,.07),transparent);}
}
.hero-grid-lines{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 60% 60% at 50% 40%,black,transparent);
}

.hero .container{position:relative;z-index:1;text-align:center;padding:4rem 2rem}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(232,130,26,.08);border:1px solid rgba(232,130,26,.18);
  border-radius:100px;padding:5px 16px;margin-bottom:2rem;
}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:pulse 2s infinite}
.hero-badge span{font-size:.62rem;color:var(--accent-l);letter-spacing:2.5px;text-transform:uppercase;font-weight:700}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 12px var(--accent-glow)}50%{opacity:.5;box-shadow:0 0 24px var(--accent-glow)}}
 
.hero h1 em{
  font-style:italic;
  background:linear-gradient(135deg,var(--accent-l),var(--accent) );
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  padding: 0 5px 0 16px;
}
.hero-sub{
  font-size:1.05rem;color:var(--dark);max-width:580px;margin:0 auto 2.5rem;
  line-height:1.8;font-weight:300;
}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}

/* HERO KPI ROW */ 
.hero-kpi{text-align:center}
.hero-kpi .num{
  font-family:var(--serif);font-size:3rem;line-height:1;
  background:linear-gradient(135deg,var(--accent),var(--accent-l));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-kpi .lbl{font-size:.6rem;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}

/*═══════════════════════════════════════════
  EXPERTISE BENTO GRID (home)
═══════════════════════════════════════════*/
.bento{
  display:grid;gap:1rem;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:auto auto;
}
.bento .glow-card:nth-child(1){grid-column:1/2}
.bento .glow-card:nth-child(2){grid-column:2/4}
.bento .glow-card:nth-child(3){grid-column:1/3}
.bento .glow-card:nth-child(4){grid-column:3/4}

.bento .card-inner{display:flex;flex-direction:column;justify-content:space-between;min-height:180px}
.bento .card-icon{font-size:2rem;margin-bottom:1rem;display:block}
.bento .card-label{font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.3rem}
.bento .card-title{font-family:var(--serif);font-size:1.4rem;color:var(--text-dim);margin-bottom:.4rem}
.bento .card-desc{font-size:.8rem;color:var(--text-dim);line-height:1.7}
.bento .card-link{
  display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;
  color:var(--accent);margin-top:auto;padding-top:1rem;transition:gap .3s var(--ease);
}
.bento .card-link:hover{gap:10px}

/*═══════════════════════════════════════════
  SERVICES SECTION
═══════════════════════════════════════════*/
.section-label{
  font-size:.58rem;letter-spacing:3px;text-transform:uppercase;
  color:var(--accent);font-weight:700;margin-bottom:.5rem;
}
.section-title{
  font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);
  color:var(--dark);line-height:1.08;margin-bottom:1rem;
}
.section-desc{font-size:.92rem;color:var(--dark);line-height:1.8;max-width:560px;margin-bottom:3rem}

.services-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.svc{cursor:pointer}
.svc .card-inner{text-align:center;padding:2rem 1.2rem}
.svc .svc-icon{
  width:52px;height:52px;border-radius:14px;margin:0 auto 1rem;
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;
  background:rgba(232,130,26,.06);border:1px solid rgba(232,130,26,.12);
  transition:background .3s,border-color .3s;
}
.svc:hover .svc-icon{background:rgba(232,130,26,.12);border-color:rgba(232,130,26,.25)}
.svc .card-inner h3{font-family:var(--serif);font-size:1.1rem;color:var(--dark);margin-bottom:.4rem}
.svc .card-inner p{font-size:.76rem;color:var(--text-dim);line-height:1.65}

/*═══════════════════════════════════════════
  EXPERTISE CARDS (home grid 6)
═══════════════════════════════════════════*/
.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.exp-card{cursor:pointer}
.exp-card .card-inner{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem}
.exp-card .ec-icon{
  width:46px;height:46px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;
  background:rgba(255,255,255,.04);border:1px solid var(--border);
}
.exp-card .ec-text h3{font-size:.88rem;font-weight:600;color:var(--dark);margin-bottom:3px}
.exp-card .ec-text p{font-size:.74rem;color:var(--text-dim);line-height:1.5}
.exp-card:hover .ec-icon{background:rgba(232,130,26,.08);border-color:rgba(232,130,26,.2)}

/*═══════════════════════════════════════════
  SECTION HERO (inner pages)
═══════════════════════════════════════════*/
.page-hero{padding:5rem 0 3.5rem;position:relative;overflow:hidden}
.page-hero .hero-mesh{opacity:.7}
.page-hero .container{position:relative;z-index:1}
.page-hero.centered{text-align:center}
.page-hero.centered .section-desc{margin-left:auto;margin-right:auto}
.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:1rem;font-size:.7rem;color:var(--text-dim);justify-content:end}
.breadcrumb a{cursor:pointer;transition:color .2s}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .sep{opacity:.3}
.breadcrumb .cur{color:var(--accent)}

/*═══════════════════════════════════════════
  INFO GRID
═══════════════════════════════════════════*/
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:14px;overflow:hidden;margin-bottom:2.5rem}
.info-cell{background:var(--teal-l);padding:1.4rem}
.info-lbl{font-size:.54rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.4rem}
.info-val{font-size:.84rem;color:var(--text);line-height:1.7}

/*═══════════════════════════════════════════
  BODY CONTENT (expertise detail etc)
═══════════════════════════════════════════*/ 
.sh-inner>div:first-child{
  max-width: 1320px;
  margin: 0 auto;
  padding: 1.5rem 2rem 2rem;
}
.body-wrap{max-width:1320px;margin:0 auto;padding:3.5rem 2rem 5rem}
.ill-band{background:var(--teal-l);border:1px solid var(--border);border-radius:16px;padding:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem}
.ill-band svg{max-width:480px;width:100%;height:auto}
.content-block{margin-bottom:2.5rem}
.content-block h2{
  font-family:var(--serif);font-size:1.6rem;color:var(--dark);
  margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);
}
.content-block p{font-size:.88rem;line-height:1.9;color:var(--text-dim);margin-bottom:1rem}
.content-block ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.content-block li{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.7;color:var(--text-dim)}
.content-block li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:8px;box-shadow:0 0 8px var(--accent-glow)}
.callout{
  background:var(--teal-l);
  border:1px solid rgba(42,82,152,.2);border-radius:14px;padding:1.8rem;margin:2rem 0;
  position:relative;overflow:hidden;
}
/*.callout::before{content:'';position:absolute;right:-15px;top:-15px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%)}*/
.callout-icon{font-size:1.3rem;margin-bottom:.5rem}
.callout h3{font-family:var(--serif);font-size:1.25rem;color:var(--dark);margin-bottom:.4rem}
.callout p{font-size:.82rem;color:var(--text-dim);line-height:1.8;margin:0}

/*═══════════════════════════════════════════
  AMO PAGE
═══════════════════════════════════════════*/
.target-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;max-width:900px;margin:2.5rem auto 0}
.target-card{
  background:rgba(255,255,255,.03);border:1px solid var(--border);
  border-radius:14px;padding:1.2rem .8rem;text-align:center;cursor:pointer;
  transition:.35s var(--ease);
}
.target-card:hover{background:rgba(255,255,255,.06);border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.target-card .t-icon{font-size:1.5rem;display:block;margin-bottom:.4rem}
.target-card .t-name{font-size:.74rem;color:var(--dark);font-weight:600}

/* Tabs */
.tab-nav{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:2rem;background:var(--teal-l);border:1px solid var(--border);border-radius:12px;padding:4px}
.tab-btn{
  padding:8px 16px;border-radius:8px;font-size:.92rem;font-weight:600;
  border:none;color:var(--text-dim);background:transparent;transition:.25s var(--ease);
}
.tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}
.tab-btn:hover:not(.active){color:var(--dark);background:rgba(255,255,255,.04)}
.tab-pane{display:none}
.tab-pane.active{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;animation:pageIn .35s var(--ease)}
.amo-card .card-inner{padding:1.4rem}
.amo-card .ac-icon{
  width:42px;height:42px;border-radius:11px;margin-bottom:.9rem;
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;
  background:rgba(232,130,26,.06);border:1px solid rgba(232,130,26,.1);
}
.amo-card h3{font-family:var(--serif);font-size:1.05rem;color:var(--dark);margin-bottom:.4rem}
.amo-card p{font-size:.78rem;color:var(--text-dim);line-height:1.75}

/*═══════════════════════════════════════════
  PROACTIVE COPRO
═══════════════════════════════════════════*/
.pc-logo-box{
  width:130px;height:130px;border-radius:18px;
  background:rgba(45,212,191,.06);border:1px solid rgba(45,212,191,.15);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;
  flex-shrink:0;
}
.pc-logo-box .pi{font-size:2.2rem}
.pc-logo-box .pt{font-family:var(--serif);font-size:.85rem;color:var(--dark);text-align:center;line-height:1.2}
.pc-logo-box .ps{font-size:.46rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}

.loi-banner{
  background:linear-gradient(135deg,var(--teal-l),var(--teal-l));
  border:1px solid rgba(42,82,152,.18);border-radius:16px;padding:2.2rem;
  margin-bottom:2.5rem;position:relative;overflow:hidden;
}
.loi-banner::after{
  content:'LOI';position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);
  font-family:var(--serif);font-size:7rem;font-weight:700;color:rgba(255,255,255,.02);pointer-events:none;
}
.loi-banner h2{font-family:var(--serif);font-size:1.4rem;color:var(--dark);margin-bottom:.5rem}
.loi-banner p{font-size:.82rem;color:var(--text-dim);line-height:1.75;margin-bottom:1.2rem}
.pill-row{display:flex;gap:.45rem;flex-wrap:wrap}
.pill{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:100px;padding:4px 12px;font-size:.66rem;color:var(--text-dim);font-weight:500}
.pill.orange{background: rgba(232,130,26,.8);
  border-color: rgba(232,130,26,.18);
  color: var(--white);}

.domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2.5rem}
.domain-card{
  background:var(--teal-l);border:1px solid var(--border);border-radius:14px;
  padding:1.4rem;position:relative;transition:.35s var(--ease);
}
.domain-card:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.dc-badge{position:absolute;top:.9rem;right:.9rem;font-size:.52rem;padding:3px 9px;border-radius:100px;font-weight:700;letter-spacing:.3px}
.dc-badge.alert{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.15)}
.dc-badge.warn{background:rgba(245,158,11,.1);color:var(--accent-l);border:1px solid rgba(245,158,11,.15)}
.dc-badge.ok{background:rgba(45,212,191,.1);color:var(--teal);border:1px solid rgba(45,212,191,.15)}
.domain-card .d-icon{font-size:1.5rem;margin-bottom:2.2rem;display:block}
.domain-card h3{font-size:.86rem;font-weight:600;color:var(--dark);margin-bottom:.4rem}
.domain-card p{font-size:.74rem;color:var(--text-dim);line-height:1.65}

.cycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-radius:14px;overflow:hidden;margin-bottom:2.5rem}
.cycle-cell{background:var(--teal-l);padding:1.5rem 1rem;text-align:center;transition:background .3s}
.cycle-cell:hover{background:var(--teal-l)}
.cycle-cell .cn{font-family:var(--serif);font-size:2.2rem;line-height:1}
.cycle-cell .cl{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}
.cycle-cell .cd{font-size:.73rem;color:var(--text-dim);line-height:1.55;margin-top:.6rem}

.insight-box{
  background:rgba(45,212,191,.04);border:1px solid rgba(45,212,191,.12);
  border-radius:14px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;margin-top:2rem;
}
.insight-box strong{font-size:.88rem;color:var(--teal);display:block;margin-bottom:.3rem}
.insight-box p{font-size:.8rem;color:var(--text-dim);line-height:1.75;margin:0}

/*═══════════════════════════════════════════
  FORMATION
═══════════════════════════════════════════*/
.form-hero{
  padding:5.5rem 0 0;position:relative;overflow:hidden;text-align:center;
  background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(27,58,107,.3),transparent),var(--dark,#08090d);
}
.form-hero .hero-grid-lines{position:absolute;inset:0}
.form-hero .container{position:relative;z-index:1;padding-bottom:3rem}
.form-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,3.6rem);color:var(--dark);margin-bottom:1rem}
.form-hero p{font-size:.93rem;color:var(--text-dim);max-width:600px;margin:0 auto 2rem;line-height:1.85;font-weight:300}

.stat-bar{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);
  border-radius:14px 14px 0 0;overflow:hidden;margin-top:2.5rem;
}
.stat-bar .sb{background:var(--teal-l);padding:1.4rem;text-align:center}
.stat-bar .sb-num{font-family:var(--serif);font-size:2.2rem;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-bar .sb-lbl{font-size:.58rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-top:3px}

.sess-nav{display:flex;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap}
.sess-btn{
  padding:9px 20px;border-radius:10px;font-size:.76rem;font-weight:600;
  border:1px solid var(--border);color:var(--text-dim);background:var(--teal-l);
  transition:.3s var(--ease);
}
.sess-btn.active{background:linear-gradient(135deg,#2a5298,#1B3A6B);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(27,58,107,.4)}
.sess-btn:hover:not(.active){border-color:var(--border-h);color:var(--dark)}
.sess-panel{display:none}
.sess-panel.active{display:block;animation:pageIn .35s var(--ease)}

.sess-header{
  background:var(--teal-l);border:1px solid var(--border);border-radius:14px;
  padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;
}
.sess-num{font-family:var(--serif);font-size:3.5rem;line-height:1;flex-shrink:0;opacity:.2}
.sess-info{flex:1}
.sess-title{font-family:var(--serif);font-size:1.45rem;color:var(--dark)}
.sess-sub{font-size:.76rem;color:var(--text-dim);margin-top:3px}
.sess-badge{background:linear-gradient(135deg,#2a5298,#1B3A6B);color:#fff;padding:6px 14px;border-radius:8px;font-size:.68rem;font-weight:700;white-space:nowrap}

.mods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.2rem;margin-bottom:2rem}
.mod-card{background:var(--teal-l);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.35s var(--ease)}
.mod-card:hover{border-color:var(--border-h);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.mod-head{background:linear-gradient(135deg,rgba(27,58,107,.4),rgba(27,58,107,.2));padding:1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.mod-num{font-family:var(--serif);font-size:2rem;color:var(--white);line-height:1}
.mod-icon{font-size:1.2rem}
.mod-body{padding:1.3rem}
.mod-tag{display:inline-block;font-size:.54rem;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:.7rem;font-weight:700;background:rgba(232,130,26,.08);color:var(--accent-l);border:1px solid rgba(232,130,26,.12)}
.mod-body h3{font-family:var(--serif);font-size:1.1rem;color:var(--dark);margin-bottom:.5rem}
.mod-body p{font-size:.77rem;color:var(--text-dim);line-height:1.75;margin-bottom:1rem}
.mod-topics{list-style:none;display:flex;flex-direction:column;gap:4px}
.mod-topics li{display:flex;align-items:flex-start;gap:7px;font-size:.74rem;color:var(--text-dim);line-height:1.55}
.mod-topics li::before{content:'\2192';color:var(--accent);font-size:.68rem;flex-shrink:0;margin-top:1px}
.mod-foot{padding:.7rem 1.3rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.015)}
.mod-dur{font-size:.66rem;color:var(--text-dim)}
.mod-tag2{font-size:.56rem;padding:3px 9px;border-radius:6px;font-weight:600;background:linear-gradient(135deg,#2a5298,#1B3A6B);color:rgba(255,255,255,.8)}

.exam-block{
  background: var(--teal-l);
  /*background:linear-gradient(135deg,var(--teal-l),var(--gray-l));*/
  border:1px solid rgba(42,82,152,.15);border-radius:16px;padding:2.2rem;
  display:flex;gap:2rem;align-items:center;margin-bottom:2rem;position:relative;overflow:hidden;
}
.exam-block::before{content:'EXAMEN';position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:5rem;color:rgba(255,255,255,.02);pointer-events:none}
.eb-body{flex:1}
.eb-body h3{font-family:var(--serif);font-size:1.4rem;color:var(--dark);margin-bottom:.5rem}
.eb-body p{font-size:.82rem;color:var(--text-dim);line-height:1.75;margin-bottom:1rem}
.eb-pills{display:flex;gap:.45rem;flex-wrap:wrap}
.eb-pill{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:100px;padding:4px 12px;font-size:.65rem;color:var(--text-dim);font-family:var(--mono)}
.eb-seal{flex-shrink:0}
.seal{
  width:90px;height:90px;border-radius:50%;
  background:conic-gradient(var(--accent),var(--accent-l),var(--accent));
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#fff;font-family:var(--serif);box-shadow:0 0 30px var(--accent-glow);
}
.seal .sm{font-size:1.4rem;font-weight:700;line-height:1}
.seal .ss{font-size:.4rem;letter-spacing:2px;text-transform:uppercase;opacity:.8}
.cert-block{
  background:rgba(232,130,26,.04);border:1px solid rgba(232,130,26,.12);
  border-radius:16px;padding:2.5rem;text-align:center;margin-top:2rem;
}
.cert-block h2{font-family:var(--serif);font-size:1.8rem;color:var(--dark);margin-bottom:.5rem}
.cert-block p{font-size:.84rem;color:var(--text-dim);max-width:560px;margin:0 auto 1.5rem;line-height:1.75}

/*═══════════════════════════════════════════
  CONTACT
═══════════════════════════════════════════*/
.contact-wrap{max-width:1000px;margin:0 auto;padding:5rem 2rem}
.contact-wrap>h1{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);color:var(--dark);margin-bottom:.4rem}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;margin-top:2.5rem}
.c-form{background:var(--teal-l);border:1px solid var(--border);border-radius:16px;padding:2.2rem}
.c-form h2{font-family:var(--serif);font-size:1.2rem;color:var(--dark);margin-bottom:1.3rem}
.fg{margin-bottom:1.1rem}
.fg label{display:block;font-size:.62rem;font-weight:700;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}
.fg input,.fg select,.fg textarea{
  width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:10px;
  font-family:inherit;font-size:.84rem;color:var(--dark);
  background:rgba(255,255,255,.03);outline:none;
  transition:.3s;
}
.fg input::placeholder,.fg textarea::placeholder{color:var(--text-dim)}
.fg select{color:var(--text-dim)}
.fg select option{background:var(--teal-l);color:var(--dark)}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--accent);background:rgba(232,130,26,.03);box-shadow:0 0 0 3px rgba(232,130,26,.08)}
.fg textarea{resize:vertical;min-height:100px}
.c-cards{display:flex;flex-direction:column;gap:1rem}
.c-card{
  background:var(--teal-l);border:1px solid var(--border);border-radius:14px;
  padding:1.3rem;display:flex;gap:.9rem;align-items:flex-start;transition:.3s var(--ease);
}
.c-card:hover{border-color:var(--border-h);transform:translateX(4px)}
.c-card-icon{
  width:42px;height:42px;border-radius:10px;flex-shrink:0;
  background:rgba(232,130,26,.06);border:1px solid rgba(232,130,26,.1);
  display:flex;align-items:center;justify-content:center;font-size:1rem;
}
.c-card h3{font-size:.8rem;font-weight:600;color:var(--dark);margin-bottom:3px}
.c-card p{font-size:.75rem;color:var(--text-dim);line-height:1.6}

/*═══════════════════════════════════════════
  FOOTER
═══════════════════════════════════════════*/
/* ── structure ── */
footer { background:var(--gray-dark); color:rgba(255,255,255,.55); }
.footer-top  { padding:4rem 2rem 3rem; }
.footer-grid {
  max-width:1280px; margin:0 auto;
  display:grid; grid-template-columns:1.6fr 1fr 1.2fr 1.2fr; gap:3rem;
}
.footer-bottom { border-top:1px solid rgba(255,255,255,.07); padding:1.2rem 2rem; }
.footer-bar {
  max-width:1280px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}

/* ── brand column ── */
.footer-logo    { height:56px; width:auto; border-radius:8px;  margin-bottom:1rem; display:block; }
.header-logo    { border-radius:8px; }
.footer-tagline { font-size:.77rem; line-height:1.8; color:rgba(255,255,255,.42); max-width:260px; margin-bottom:1.4rem; }
.footer-social  { display:flex; gap:.55rem; }
.footer-social-link {
  width:36px; height:36px; border-radius:8px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,.5); font-size:.88rem;
  transition:background .2s, color .2s, border-color .2s;
}
.footer-social-link:hover { background:var(--orange); border-color:var(--orange); color:#fff; }

/* ── column headings ── */
.footer-heading {
  font-family:'Cormorant Garamond',serif; font-size:1rem; font-weight:700;
  color:#fff; margin-bottom:1rem; padding-bottom:.55rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* ── nav links ── */
.footer-nav-links { list-style:none; display:flex; flex-direction:column; gap:.45rem; }
.footer-nav-links a { color:rgba(255,255,255,.45); font-size:.77rem; transition:color .2s; }
.footer-nav-links a:hover { color:var(--orange); }

/* ── contact list ── */
.footer-contact { list-style:none; display:flex; flex-direction:column; gap:.85rem; }
.footer-contact li { display:flex; align-items:flex-start; gap:.7rem; font-size:.77rem; }
.footer-contact i { color:var(--orange); font-size:.73rem; margin-top:3px; flex-shrink:0; width:14px; text-align:center; }
.footer-contact span { color:rgba(255,255,255,.45); line-height:1.55; }
.footer-contact a { color:rgba(255,255,255,.45); transition:color .2s; }
.footer-contact a:hover { color:var(--orange); }

/* ── bottom bar ── */
.footer-copy { font-size:.68rem; color:rgba(255,255,255,.28); }
.footer-copy strong { color:rgba(255,255,255,.5); }
.footer-legal { display:flex; gap:1.5rem; }
.footer-legal a { font-size:.68rem; color:rgba(255,255,255,.28); transition:color .2s; }
.footer-legal a:hover { color:var(--orange); }

/* ── responsive ── */
@media(max-width:1024px){
  .footer-grid { grid-template-columns:1fr 1fr; gap:2.5rem; }
  .footer-brand { grid-column:1/-1; display:flex; align-items:flex-start; gap:2rem; flex-wrap:wrap; }
  .footer-tagline { max-width:360px; }
}
@media(max-width:600px){
  .footer-grid { grid-template-columns:1fr; gap:2rem; }
  .footer-brand { flex-direction:column; }
  .footer-bottom .footer-bar { flex-direction:column; align-items:flex-start; gap:.5rem; }
}

/*═══════════════════════════════════════════
  RESPONSIVE
═══════════════════════════════════════════*/
@media(max-width:900px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .nav-links.open{
    display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;bottom:0;
    background:rgba(8,9,13,.97);backdrop-filter:blur(20px);padding:1rem;overflow-y:auto;gap:0;
  }
  .nav-links.open>li>a,.nav-links.open>li>button{height:auto;padding:1rem;width:100%;justify-content:flex-start;border-bottom:1px solid var(--border)}
  .dd{position:static;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;border-radius:0;box-shadow:none;display:none;min-width:0;background:rgba(255,255,255,.02)}
  .nav-links.open>li.open .dd{display:block}
  .hero h1{font-size:clamp(2.4rem,6vw,4rem)}
  .hero-kpis{gap:2rem}
  .bento{grid-template-columns:1fr}
  .bento .glow-card:nth-child(1),.bento .glow-card:nth-child(2),.bento .glow-card:nth-child(3),.bento .glow-card:nth-child(4){grid-column:auto}
  .services-row{grid-template-columns:1fr 1fr}
  .exp-grid{grid-template-columns:1fr}
  .target-row{grid-template-columns:repeat(2,1fr)}
  .cycle-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .stat-bar{grid-template-columns:1fr}
  .exam-block{flex-direction:column}
  .eb-seal{display:none}
  .sess-header{flex-direction:column;align-items:flex-start}
  .sess-num{display:none}
  .sh-two{grid-template-columns:1fr!important}
  .pc-logo-box{display:none}
}
@media(max-width:600px){
  .hero-kpis{flex-direction:column;gap:1.5rem;align-items:center}
  .services-row{grid-template-columns:1fr}
  .target-row{grid-template-columns:1fr 1fr}
  .cycle-grid{grid-template-columns:1fr}
  .tab-nav{flex-direction:column}
}