/* ══════════════════════════════════════════════
   DESIGN LANGUAGE: Editorial Dark — Monks-inspired
   TYPOGRAPHY: Bizzabo B2B SaaS Energy
   
   RULES:
   1. Dark ink dominates. Light is the exception, used for contrast chapters.
   2. Typography is the layout. No decorative card borders.
   3. Green (#63C311) appears exactly where action is needed — nothing more.
   4. Numbers (01, 02, 03) are structural anchors.
   5. Sections breathe. Density is an enemy.
   6. Italic = emphasis, humanity, warmth within precision.
   
   FONT SYSTEM (Bizzabo-inspired):
   DISPLAY  → Plus Jakarta Sans 800 — bold, punchy, B2B authority
   BODY     → Inter 400/500          — SaaS-standard, max legibility
   SERIF-EM → Cormorant Garamond 300i — rare editorial contrast moments
   MONO     → JetBrains Mono 500     — technical labels, precise
   ══════════════════════════════════════════════ */
:root {
  /* Ink — dark base derived from navy family */
  --ink:    #0B1626;   /* base background — very dark navy-black */
  --ink-2:  #0F1E33;   /* slightly lifted surface */
  --ink-3:  #152843;   /* card surface on dark */
  --ink-4:  #1C3455;   /* hover/lifted card */

  /* Navy — mid accent */
  --navy:   #0F4C81;
  --navy-l: #1A5FA3;

  /* Green — THE accent. One. Singular. */
  --g:      #63C311;
  --g-dk:   #4A920C;
  --g-lt:   #82D43A;
  --g-dim:  rgba(99,195,17,0.12);  /* subtle tint only */

  /* Off-white / Light — for contrast chapters */
  --linen:  #F5F1EB;   /* warm off-white — light sections */
  --linen-2:#ECE8E1;   /* slightly darker light surface */
  --linen-3:#E0DBD2;   /* border on light */

  /* Type on dark */
  --w:      #FFFFFF;
  --w-80:   rgba(255,255,255,0.80);
  --w-50:   rgba(255,255,255,0.50);
  --w-28:   rgba(255,255,255,0.28);
  --w-10:   rgba(255,255,255,0.10);
  --w-06:   rgba(255,255,255,0.06);

  /* Type on light */
  --t:      #1A1A1A;
  --t-60:   #5C5C5C;
  --t-40:   #999999;

  /* Fine lines */
  --line-d: rgba(255,255,255,0.08);
  --line-l: rgba(0,0,0,0.10);

  /* Font families — Bizzabo-inspired B2B SaaS stack */
  --f-display: 'Plus Jakarta Sans', 'Helvetica Neue', sans-serif;
  --f-body:    'Inter', 'Helvetica Neue', sans-serif;
  --f-serif:   'Cormorant Garamond', Georgia, serif;
  --f-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* Motion */
  --ease: cubic-bezier(0.4,0,0.2,1);
  --ease-out: cubic-bezier(0,0,0.2,1);
  --t1: 0.22s cubic-bezier(0.4,0,0.2,1);
  --t2: 0.42s cubic-bezier(0.4,0,0.2,1);
  --t3: 0.65s cubic-bezier(0.4,0,0.2,1);
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{
  font-family: var(--f-body);
  background:var(--ink);color:var(--w-80);
  line-height:1.7;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:'cv01','cv03','cv04'; /* Inter optical features */
}
::selection{background:var(--g);color:#fff;}
a{text-decoration:none;color:inherit;}

/* ── TYPOGRAPHY — BIZZABO ENERGY ──
   Key principle: Plus Jakarta Sans weight 800 = authority at display scale.
   Inter weight 400 = maximum readability at body scale.
   Dramatic weight contrast is the hierarchy mechanism.
   Tracking tightens proportionally as size grows.
── */
h1,h2,h3,h4{
  font-family: var(--f-display);
  color:var(--w);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-0.025em;
}
/* DISPLAY — Hero headline. Fill the canvas. */
h1{
  font-size:clamp(2.9rem,6.8vw,6.5rem);
  font-weight:800;
  letter-spacing:-0.04em;   /* Bizzabo tight-tracking at display size */
  line-height:0.96;
}
/* SECTION HEADING — Authoritative, confident */
h2{
  font-size:clamp(2.1rem,4vw,3.9rem);
  font-weight:800;           /* Bizzabo uses 800 even on section heads */
  letter-spacing:-0.032em;
  line-height:1.04;
}
/* CARD / SUBSECTION — Clear hierarchy step */
h3{
  font-size:clamp(1.2rem,1.9vw,1.6rem);
  font-weight:700;
  letter-spacing:-0.018em;
  line-height:1.22;
}
h4{
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:-0.01em;
  line-height:1.32;
}
/* BODY — Inter: the SaaS standard. Light, open, highly readable. */
p{
  font-family:var(--f-body);
  font-size:1rem;
  line-height:1.80;
  color:var(--w-50);
  font-weight:400;
  letter-spacing:0.005em;    /* Inter reads slightly better with a touch of open tracking */
}

/* Cormorant Garamond italic — rare editorial warmth against the bold sans */
.serif-em{
  font-family: var(--f-serif);
  font-style:italic;
  font-weight:300;
  letter-spacing:0.01em;
  font-size:1.04em;
}
/* JetBrains Mono — technical labels */
.mono{
  font-family: var(--f-mono);
  font-size:.66rem;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--g);
}
.mono-dim{color:var(--w-28);}

/* ── LAYOUT ── */
.x{max-width:1200px;margin:0 auto;padding:0 2.5rem;}
.x--wide{max-width:1400px;margin:0 auto;padding:0 2.5rem;}

/* Section spacing */
.s{padding:8rem 0;}
.s--sm{padding:5rem 0;}
.s--lg{padding:10rem 0;}

/* Horizontal divider */
.div{width:100%;height:1px;background:var(--line-d);}
.div--l{background:var(--line-l);}

/* ── BUTTONS ── */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--f-display);
  font-size:.875rem;
  font-weight:700;              /* Bizzabo uses bold weight on CTA text */
  letter-spacing:-0.005em;      /* Very slight tightening — looks more intentional */
  cursor:pointer;border:none;transition:var(--t1);
  white-space:nowrap;padding:.85rem 1.85rem;border-radius:2px;
}
.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5;}

/* Primary — green */
.btn-g{background:var(--g);color:#fff;}
.btn-g:hover{background:var(--g-dk);transform:translateY(-1px);}

/* Line — outline on dark */
.btn-line{
  background:transparent;color:var(--w);
  border:1px solid var(--w-28);
}
.btn-line:hover{border-color:var(--w);background:var(--w-06);}

/* Text arrow link */
.link-arrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.875rem;font-weight:600;color:var(--w);
  transition:var(--t1);
}
.link-arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;transition:var(--t1);}
.link-arrow:hover{color:var(--g);}
.link-arrow:hover svg{transform:translateX(4px);stroke:var(--g);}

.link-arrow--dark{color:var(--t);}
.link-arrow--dark:hover{color:var(--navy);}
.link-arrow--dark:hover svg{stroke:var(--navy);}

/* ══════════════════════════════════════════════
   NAVBAR
   ══════════════════════════════════════════════ */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:300;
  padding:1.5rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
  transition:var(--t2);
}
#nav.sc{
  background:rgba(11,22,38,0.96);
  border-bottom:1px solid var(--line-d);
  backdrop-filter:blur(24px) saturate(160%);
  padding:1rem 2.5rem;
}
/* logo */
.n-lo{display:flex;align-items:center;gap:.85rem;}
.n-mk{
  width:36px;height:36px;background:var(--g);
  border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.n-mk svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2;}
.n-wm strong{
  display:block;font-family:var(--f-display);font-size:.92rem;font-weight:700;
  color:var(--w);letter-spacing:-.02em;
  transition:var(--t1);
}
.n-wm small{
  display:block;font-family:var(--f-mono);
  font-size:.55rem;color:var(--w-28);letter-spacing:.08em;
  text-transform:uppercase;
}
/* links */
.n-lk{display:flex;align-items:center;gap:.1rem;list-style:none;}
.n-lk a{
  padding:.42rem .95rem;border-radius:2px;
  font-family:var(--f-body);
  font-size:.84rem;
  font-weight:500;       /* Inter 500 — clean, professional */
  color:var(--w-50);
  transition:var(--t1);
  letter-spacing:0.005em;
}
.n-lk a:hover{color:var(--w);}
.n-cta{
  background:var(--g)!important;color:#fff!important;
  padding:.48rem 1.2rem!important;border-radius:2px!important;
  font-family:var(--f-display)!important;
  font-weight:700!important;      /* Plus Jakarta Sans 700 for CTA */
  letter-spacing:-0.005em!important;
}
.n-cta:hover{background:var(--g-dk)!important;}
/* burger */
.bgr{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.bgr span{width:22px;height:1.5px;background:var(--w);border-radius:1px;transition:var(--t1);}

/* ══════════════════════════════════════════════
   MOBILE NAV
   ══════════════════════════════════════════════ */
.mob{
  display:none;position:fixed;inset:0;z-index:200;
  background:var(--ink);
  flex-direction:column;align-items:flex-start;justify-content:center;
  padding:4rem 2.5rem;gap:1.5rem;
}
.mob.open{display:flex;}
.mob a{
  font-family:var(--f-display);
  font-size:clamp(2rem,5vw,3rem);font-weight:800;
  color:var(--w-50);transition:var(--t1);letter-spacing:-.04em;
}
.mob a:hover{color:var(--w);}
.mob-x{position:absolute;top:1.5rem;right:2.5rem;background:none;border:none;cursor:pointer;}
.mob-x svg{width:28px;height:28px;stroke:var(--w-50);fill:none;stroke-width:1.5;}
.mob-x:hover svg{stroke:var(--w);}

/* ══════════════════════════════════════════════
   HERO — Editorial full-bleed
   ══════════════════════════════════════════════ */
#hero{
  min-height:100vh;position:relative;
  background:var(--ink);
  display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;
}
/* Noise/grain texture */
#hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  opacity:.45;
}
/* Large background number — decorative */
.h-deco{
  position:absolute;right:-2rem;top:50%;
  transform:translateY(-60%);
  font-family:var(--f-display);
  font-size:clamp(18rem,30vw,36rem);font-weight:800;
  color:var(--w-06);line-height:1;letter-spacing:-.06em;
  pointer-events:none;z-index:0;user-select:none;
}
/* Green line at top */
.h-topline{
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--g) 0%,transparent 60%);
}
/* Main content */
.h-inner{
  position:relative;z-index:2;
  padding:12rem 0 6rem;
}
.h-tag{
  display:inline-flex;align-items:center;gap:.65rem;
  margin-bottom:2.5rem;
}
.h-dot{width:7px;height:7px;border-radius:50%;background:var(--g);animation:gp 2s ease-in-out infinite;}
@keyframes gp{0%,100%{box-shadow:0 0 0 0 rgba(99,195,17,.5);}50%{box-shadow:0 0 0 6px rgba(99,195,17,0);}}
/* hero headline */
.h-hl{color:var(--w);margin-bottom:2rem;max-width:940px;}
.h-hl em{
  /* Plus Jakarta Sans has italics — use directly for Bizzabo-style italic */
  font-family:var(--f-display);
  font-style:italic;
  color:var(--g);
  font-weight:800;
  letter-spacing:-0.04em;
}

.h-sub{
  font-family:var(--f-body);
  font-size:clamp(1rem,1.4vw,1.1rem);
  max-width:540px;margin-bottom:3rem;
  line-height:1.80;color:var(--w-50);
  font-weight:400;
  letter-spacing:0.005em;    /* Inter slightly open */
}
.h-acts{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
/* scroll hint */
.h-scroll{
  display:flex;align-items:center;gap:.85rem;
  padding:2rem 0 3rem;position:relative;z-index:2;
}
.h-scroll-line{width:40px;height:1px;background:var(--w-28);}
.h-scroll span{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--w-28);}
/* stats row */
.h-stats{
  position:relative;z-index:2;
  border-top:1px solid var(--line-d);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.h-st{
  padding:2.5rem 0;
  border-right:1px solid var(--line-d);
}
.h-st:last-child{border-right:none;}
.h-st-n{
  font-family:var(--f-display);
  font-size:clamp(2rem,3.5vw,3rem);font-weight:800;
  color:var(--g);line-height:1;letter-spacing:-.03em;
  margin-bottom:.3rem;
}
.h-st-l{font-family:var(--f-mono);font-size:.64rem;color:var(--w-28);letter-spacing:.1em;text-transform:uppercase;}
.h-stats .x{display:contents;}

/* ══════════════════════════════════════════════
   MARQUEE STRIP
   ══════════════════════════════════════════════ */
.mkq{overflow:hidden;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);padding:.8rem 0;}
.mkq-t{display:flex;gap:3rem;width:max-content;animation:mkq 35s linear infinite;}
@keyframes mkq{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.mkq-i{
  display:flex;align-items:center;gap:.8rem;white-space:nowrap;
  font-family:var(--f-mono);font-size:.66rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--w-28);
}
.mkq-d{font-size:.4rem;color:var(--g);}

/* ══════════════════════════════════════════════
   SERVICES — numbered editorial
   ══════════════════════════════════════════════ */
#services{background:var(--ink);}
.svc-list{display:flex;flex-direction:column;}
.svc-row{
  display:grid;grid-template-columns:140px 1fr 1fr;gap:4rem;
  padding:4rem 0;border-bottom:1px solid var(--line-d);
  transition:var(--t2);cursor:default;
}
.svc-row:first-child{border-top:1px solid var(--line-d);}
.svc-row:hover{background:var(--w-06);}
.svc-row:hover{padding-left:1.5rem;padding-right:1.5rem;border-radius:4px;}
/* number */
.svc-n{
  font-family:var(--f-serif);font-style:italic;
  font-size:4.5rem;font-weight:400;color:var(--w-10);
  line-height:1;letter-spacing:-.02em;transition:var(--t2);
  padding-top:.5rem;
}
.svc-row:hover .svc-n{color:var(--g);opacity:.35;}
/* title block */
.svc-t h3{color:var(--w);margin-bottom:.85rem;}
.svc-t h3 em{font-family:var(--f-serif);font-style:italic;color:var(--w-50);font-weight:400;}
.svc-t .mono{margin-bottom:.75rem;display:block;}
/* items */
.svc-items{display:flex;flex-direction:column;gap:.55rem;align-self:flex-start;padding-top:.3rem;}
.svc-item{display:flex;gap:.75rem;align-items:flex-start;}
.svc-dot{width:4px;height:4px;border-radius:50%;background:var(--g);flex-shrink:0;margin-top:.65rem;}
.svc-item span{font-family:var(--f-body);font-size:.88rem;color:var(--w-50);line-height:1.62;}

/* ══════════════════════════════════════════════
   PRODUCTS — light section (linen)
   ══════════════════════════════════════════════ */
#products{background:var(--linen);}
.prod-hd{
  display:grid;grid-template-columns:1fr 1fr;gap:6rem;
  align-items:end;margin-bottom:5rem;
}
.prod-hd h2{color:var(--t);letter-spacing:-.03em;line-height:1.08;}
.prod-hd p{font-family:var(--f-body);font-size:1.05rem;color:var(--t-60);line-height:1.80;}
/* product items — editorial list */
.prod-list{display:flex;flex-direction:column;}
.prod-item{
  display:grid;grid-template-columns:60px 1fr auto;gap:3rem;align-items:start;
  padding:3rem 0;border-bottom:1px solid var(--line-l);
  transition:var(--t2);cursor:default;
}
.prod-item:first-child{border-top:1px solid var(--line-l);}
.prod-item:hover{background:var(--linen-2);}
.prod-item:hover{padding-left:1rem;padding-right:1rem;border-radius:3px;}
.prod-num{
  font-family:var(--f-serif);font-style:italic;
  font-size:2.5rem;color:var(--t-40);line-height:1;padding-top:.4rem;
}
.prod-item:hover .prod-num{color:var(--navy);}
.prod-body{}
.prod-pill{
  display:inline-flex;align-items:center;
  background:var(--linen-2);border:1px solid var(--linen-3);
  padding:.18rem .7rem;border-radius:2px;
  font-family:var(--f-mono);font-size:.6rem;
  color:var(--t-60);letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:.75rem;
}
.prod-body h3{font-family:var(--f-display);color:var(--t);margin-bottom:.55rem;font-size:1.3rem;letter-spacing:-.02em;}
.prod-body p{font-family:var(--f-body);font-size:.9rem;color:var(--t-60);line-height:1.78;max-width:540px;}
.prod-feats{
  display:flex;flex-direction:column;gap:.4rem;
  margin-top:1rem;
}
.pf{display:flex;gap:.55rem;align-items:center;}
.pf::before{content:'→';font-size:.75rem;color:var(--navy);flex-shrink:0;}
.pf span{font-size:.8rem;color:var(--t-60);}
.prod-arrow{
  display:flex;align-items:flex-start;padding-top:.6rem;
  color:var(--t-40);transition:var(--t1);
}
.prod-arrow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;}
.prod-item:hover .prod-arrow{color:var(--navy);transform:translate(3px,-3px);}

/* ══════════════════════════════════════════════
   BRAHMA / SOC — dark navy chapter
   ══════════════════════════════════════════════ */
#soc{background:var(--ink-2);}
/* section intro — full width statement */
.soc-intro{
  display:grid;grid-template-columns:1fr 1fr;gap:8rem;
  align-items:end;padding-bottom:5rem;border-bottom:1px solid var(--line-d);
  margin-bottom:5rem;
}
.soc-intro-l{}
.soc-intro-l h2{color:var(--w);margin-bottom:1rem;}
.soc-intro-l h2 em{font-family:var(--f-serif);font-style:italic;font-weight:400;color:var(--w-50);}
.soc-intro-r p{font-size:1.05rem;line-height:1.78;max-width:480px;}
.soc-intro-r{display:flex;flex-direction:column;justify-content:flex-end;gap:2rem;}
/* brahma platform */
.brahma-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
/* left: brahma platform card */
.brahma-plat{
  background:var(--ink-3);border:1px solid var(--line-d);
  border-radius:2px;padding:2.5rem;position:relative;overflow:hidden;
}
.brahma-plat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--g),transparent 70%);
}
.bp-hd{
  display:flex;align-items:center;gap:1rem;
  padding-bottom:1.5rem;margin-bottom:2rem;
  border-bottom:1px solid var(--line-d);
}
.bp-ic{
  width:44px;height:44px;border-radius:2px;flex-shrink:0;
  background:linear-gradient(135deg,var(--g-dk),var(--g));
  display:flex;align-items:center;justify-content:center;
}
.bp-ic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;}
.bp-name{font-size:1.1rem;font-weight:700;color:var(--w);letter-spacing:-.015em;}
.bp-sub{font-family:var(--f-mono);font-size:.58rem;color:var(--w-28);letter-spacing:.06em;text-transform:uppercase;margin-top:.1rem;}
.bp-caps{display:flex;flex-direction:column;gap:.9rem;}
.bpc{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem;border-radius:2px;border:1px solid transparent;transition:var(--t1);}
.bpc:hover{background:var(--w-06);border-color:var(--line-d);}
.bpc-ic{width:28px;height:28px;flex-shrink:0;border-radius:2px;background:var(--g-dim);display:flex;align-items:center;justify-content:center;}
.bpc-ic svg{width:13px;height:13px;stroke:var(--g-lt);fill:none;stroke-width:2;}
.bpc h4{font-size:.84rem;font-weight:600;color:var(--w);margin-bottom:.1rem;}
.bpc p{font-size:.74rem;color:var(--w-28);line-height:1.5;}
/* right: soc phases */
.soc-phases{display:flex;flex-direction:column;gap:0;}
.soc-ph{
  padding:1.75rem 0;border-bottom:1px solid var(--line-d);
  display:grid;grid-template-columns:80px 1fr;gap:2rem;align-items:start;
  transition:var(--t1);cursor:default;
}
.soc-ph:last-child{border-bottom:none;}
.soc-ph:hover .sph-n{color:var(--g);}
.sph-n{
  font-family:var(--f-serif);font-style:italic;
  font-size:2.75rem;color:var(--w-10);line-height:1;
  letter-spacing:-.02em;transition:var(--t2);padding-top:.25rem;
}
.sph-t{font-size:1rem;font-weight:600;color:var(--w);margin-bottom:.35rem;}
.sph-d{font-size:.84rem;color:var(--w-28);line-height:1.6;}
/* cyber tags */
.ctags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:3rem;}
.ctag{
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.05em;
  padding:.25rem .75rem;border-radius:2px;
  background:transparent;border:1px solid var(--line-d);
  color:var(--w-28);transition:var(--t1);
}
.ctag:hover{border-color:var(--g);color:var(--g);background:var(--g-dim);}

/* ══════════════════════════════════════════════
   EVENTS — dark, editorial
   ══════════════════════════════════════════════ */
#events{background:var(--ink);}
.ev-hd{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:4rem;
}
.ev-hd h2{max-width:520px;}
.ev-hd p{max-width:340px;font-size:.9rem;}
/* Main event grid */
.ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;}
.ev-big{
  background:var(--ink-3);border:1px solid var(--line-d);
  border-radius:2px;padding:3rem;
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:360px;position:relative;overflow:hidden;
  transition:var(--t2);cursor:default;
}
.ev-big:hover{background:var(--ink-4);border-color:var(--w-10);}
/* big decorative background text */
.ev-deco{
  position:absolute;right:-1rem;top:50%;transform:translateY(-50%);
  font-family:var(--f-display);font-size:8rem;font-weight:800;
  color:var(--w-06);line-height:1;letter-spacing:-.04em;pointer-events:none;
}
.ev-cat{
  display:inline-block;margin-bottom:.85rem;
  font-family:var(--f-mono);font-size:.6rem;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--g);
}
.ev-big h3{font-size:1.45rem;color:var(--w);margin-bottom:.35rem;}
.ev-meta{font-family:var(--f-mono);font-size:.63rem;color:var(--w-28);letter-spacing:.04em;}
/* Side list events */
.ev-side{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.ev-sm{
  background:var(--ink-3);border:1px solid var(--line-d);
  border-radius:2px;padding:0;overflow:hidden;
  transition:var(--t2);cursor:default;
  display:flex;flex-direction:column;
}
.ev-sm-content{padding:1.25rem 1.5rem 1.5rem;}
.ev-sm:hover{background:var(--ink-4);border-color:var(--w-10);}
.ev-sm .ev-cat{margin-bottom:.6rem;}
.ev-sm h4{font-size:1rem;color:var(--w);margin-bottom:.3rem;font-weight:600;letter-spacing:-.01em;}
.ev-sm .ev-meta{font-family:var(--f-mono);font-size:.6rem;color:var(--w-28);letter-spacing:.04em;}
/* content production strip */
.cp-strip{
  display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;
}
.cp-item{
  display:flex;gap:1.25rem;align-items:flex-start;
  padding:1.75rem;background:var(--ink-3);border:1px solid var(--line-d);
  border-radius:2px;transition:var(--t2);cursor:default;
}
.cp-item:hover{background:var(--ink-4);}
.cp-ic{width:36px;height:36px;flex-shrink:0;background:var(--g-dim);border-radius:2px;display:flex;align-items:center;justify-content:center;}
.cp-ic svg{width:16px;height:16px;stroke:var(--g-lt);fill:none;stroke-width:1.8;}
.cp-item h4{font-size:.92rem;color:var(--w);margin-bottom:.25rem;font-weight:600;}
.cp-item p{font-size:.78rem;color:var(--w-28);line-height:1.55;}

/* ══════════════════════════════════════════════
   CLIENTS — on linen, typographic
   ══════════════════════════════════════════════ */
#clients{background:var(--linen);}
.cl-intro{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:5rem;
}
.cl-intro h2{color:var(--t);}
/* client name grid — typographic, no boxes */
.cl-names{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line-l);
}
.cl-tile{
  padding:2.25rem 0;
  border-right:1px solid var(--line-l);
  border-bottom:1px solid var(--line-l);
  transition:var(--t1);cursor:default;
}
.cl-tile:nth-child(4n){border-right:none;}
.cl-tile:hover{background:var(--linen-2);}
.cl-tile:hover{padding-left:.5rem;}
.cl-init{
  font-family:var(--f-mono);font-size:.62rem;
  color:var(--t-40);letter-spacing:.06em;margin-bottom:.5rem;
}
.cl-n{font-size:1.05rem;font-weight:700;color:var(--t);letter-spacing:-.015em;margin-bottom:.2rem;}
.cl-t{font-family:var(--f-mono);font-size:.6rem;color:var(--t-40);letter-spacing:.04em;}

/* ══════════════════════════════════════════════
   DATA CENTER
   ══════════════════════════════════════════════ */
#dc{background:var(--ink);}
.dc-layout{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start;}
.dc-l h2{color:var(--w);margin-bottom:1.25rem;}
.dc-l>p{margin-bottom:3rem;font-size:1.05rem;line-height:1.78;}
/* cert list */
.certs{display:flex;gap:.6rem;flex-wrap:wrap;}
.cert{
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.05em;
  padding:.28rem .75rem;border-radius:2px;
  border:1px solid rgba(99,195,17,.3);
  color:var(--g-lt);background:var(--g-dim);
}
/* spec list — dark, minimal */
.dc-specs{display:flex;flex-direction:column;gap:0;margin-top:3rem;}
.dc-spec{
  display:flex;justify-content:space-between;align-items:center;
  padding:1.25rem 0;border-bottom:1px solid var(--line-d);gap:2rem;
}
.dc-spec:last-child{border-bottom:none;}
.dc-spec-l{font-family:var(--f-mono);font-size:.66rem;color:var(--w-28);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;}
.dc-spec-v{font-size:.9rem;color:var(--w);font-weight:500;text-align:right;}

/* ══════════════════════════════════════════════
   CONTACT — split: dark left / linen right
   ══════════════════════════════════════════════ */
#contact{display:grid;grid-template-columns:1fr 1fr;}
.ct-l{background:var(--ink-2);padding:8rem 6rem 8rem;position:relative;}
.ct-l::after{content:'';position:absolute;top:2rem;left:0;bottom:2rem;width:2px;background:linear-gradient(to bottom,transparent,var(--g),transparent);}
.ct-r{background:var(--linen);padding:8rem 6rem 8rem;}
.ct-l h2{color:var(--w);margin-bottom:1.25rem;font-size:clamp(1.8rem,3vw,2.5rem);}
.ct-l>p{font-size:.95rem;margin-bottom:3rem;line-height:1.78;}
.c-items{display:flex;flex-direction:column;gap:1.75rem;}
.c-item{}
.c-l{font-family:var(--f-mono);font-size:.6rem;color:var(--w-28);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem;}
.c-v{font-size:.95rem;color:var(--w-80);font-weight:500;}
/* form */
.ct-r h2{color:var(--t);margin-bottom:2rem;font-size:clamp(1.6rem,2.5vw,2.2rem);}
.fg{margin-bottom:1.25rem;}
.fg-r{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
label{
  display:block;font-family:var(--f-mono);
  font-size:.6rem;color:var(--t-40);margin-bottom:.38rem;
  letter-spacing:.08em;text-transform:uppercase;
}
input,select,textarea{
  width:100%;padding:.75rem 1rem;
  background:var(--linen-2);border:1px solid var(--linen-3);
  border-radius:2px;font-family:var(--f-body);
  font-size:.9rem;color:var(--t);outline:none;transition:var(--t1);
}
input::placeholder,textarea::placeholder{color:var(--t-40);}
select option{background:var(--linen);}
input:focus,select:focus,textarea:focus{
  border-color:var(--navy);background:#fff;
  box-shadow:0 0 0 3px rgba(15,76,129,.08);
}
textarea{min-height:110px;resize:vertical;}
.sub{
  width:100%;padding:.95rem;background:var(--t);color:#fff;
  border:none;border-radius:2px;
  font-family:var(--f-display);
  font-size:.9rem;
  font-weight:700;            /* Plus Jakarta Sans 700 — Bizzabo CTA style */
  letter-spacing:-0.005em;    /* Slight tight tracking for display font on CTA */
  cursor:pointer;transition:var(--t1);
  display:flex;align-items:center;justify-content:center;gap:.5rem;
}
.sub svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5;transition:var(--t1);}
.sub:hover{background:var(--navy);transform:translateY(-1px);}
.sub:hover svg{transform:translateX(3px);}
.f-note{font-size:.68rem;color:var(--t-40);margin-top:.65rem;text-align:center;}

/* ══════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════ */
footer{background:var(--ink-2);border-top:1px solid var(--line-d);padding:5rem 0 2.5rem;}
.ft-top{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:4rem;margin-bottom:5rem;
}
/* brand */
.ft-logo{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;}
.ft-mk{width:32px;height:32px;background:var(--g);border-radius:2px;display:flex;align-items:center;justify-content:center;}
.ft-mk svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.2;}
.ft-bn{font-family:var(--f-display);font-size:.92rem;font-weight:700;color:var(--w);letter-spacing:-.02em;}
.ft-bs{display:block;font-family:var(--f-mono);font-size:.52rem;color:var(--w-28);letter-spacing:.08em;text-transform:uppercase;}
.ft-brand p{font-family:var(--f-body);font-size:.84rem;color:var(--w-28);line-height:1.78;}
.ft-col h5{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--g);margin-bottom:1.25rem;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.ft-col a{font-family:var(--f-body);font-size:.84rem;color:var(--w-28);transition:var(--t1);}
.ft-col a:hover{color:var(--w);}
/* bottom bar */
.ft-bot{
  border-top:1px solid var(--line-d);padding-top:2rem;
  display:flex;justify-content:space-between;align-items:center;
}
.ft-bot p{font-size:.72rem;color:var(--w-28);}
.ft-leg{display:flex;gap:1.5rem;}
.ft-leg a{font-size:.72rem;color:var(--w-28);transition:var(--t1);}
.ft-leg a:hover{color:var(--w);}

/* ── FONT REFINEMENT OVERRIDES ── */
/* Ensure Inter on all prose body elements */
.h-desc,.h-sub,
.soc-intro-r p,.soc-intro-l p,
.bpc p,.sph-d,.ctag,
.ev-sm p,.cp-item p,.c-items .c-v,
.dc-l>p,.cl-intro p,
.ct-l>p,.f-note,
.ft-bot p,.ft-leg a{
  font-family:var(--f-body);
  letter-spacing:0.005em;    /* Inter body open tracking */
}
/* Contact value text — Inter medium */
.c-v{font-family:var(--f-body);font-weight:500;letter-spacing:0.005em;}
/* DC spec value — Inter */
.dc-spec-v{font-family:var(--f-body);letter-spacing:0.005em;}
/* Brahma cap text — Plus Jakarta Sans bold */
.bpc h4{font-family:var(--f-display);font-weight:700;letter-spacing:-0.01em;}
/* SOC phase titles — Plus Jakarta Sans bold */
.sph-t{font-family:var(--f-display);font-weight:700;letter-spacing:-0.01em;}
/* Event card titles — Plus Jakarta Sans heavy */
.ev-big h3{font-family:var(--f-display);font-weight:800;letter-spacing:-0.025em;}
.ev-sm h4{font-family:var(--f-display);font-weight:700;letter-spacing:-0.015em;}
/* Client name — Plus Jakarta Sans bold */
.cl-n{font-family:var(--f-display);font-weight:700;letter-spacing:-0.015em;}
/* Product feature list — Inter */
.pf span{font-family:var(--f-body);letter-spacing:0.005em;}
/* Link arrows — Plus Jakarta Sans */
.link-arrow{font-family:var(--f-display);font-weight:600;letter-spacing:-0.005em;}
/* Section h2 em italic — use Plus Jakarta Sans italic (Bizzabo-style, no serif) */
.soc-intro-l h2 em,.prod-hd h2 em,.ct-r h2 em,.dc-l h2 em{
  font-family:var(--f-display) !important;
  font-style:italic;
  font-weight:800;
  letter-spacing:-0.03em;
}
/* Service item spans — Inter body */
.svc-item span{font-family:var(--f-body);letter-spacing:0.005em;}

.fi{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.fi.v{opacity:1;transform:none;}
.fi-x{opacity:0;transform:translateX(-20px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.fi-x.v{opacity:1;transform:none;}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */
@media(max-width:1100px){
  .svc-row{grid-template-columns:80px 1fr 1fr;gap:2.5rem;}
  .brahma-split,.soc-intro,.dc-layout,.prod-hd{grid-template-columns:1fr;gap:3rem;}
  .h-stats{grid-template-columns:repeat(2,1fr);}
  .ft-top{grid-template-columns:1fr 1fr;}
  #contact{grid-template-columns:1fr;}
  .ct-l,.ct-r{padding:5rem 3rem;}
}
@media(max-width:900px){
  .ev-grid{grid-template-columns:1fr;}
  .ev-side{grid-template-columns:1fr 1fr;}
  .cp-strip{grid-template-columns:1fr;}
  .cl-names{grid-template-columns:1fr 1fr;}
  .cl-intro,.ev-hd{flex-direction:column;align-items:flex-start;gap:1.5rem;}
  .svc-row{grid-template-columns:60px 1fr;gap:2rem;}
  .svc-items{display:none;}
}
@media(max-width:768px){
  .n-lk{display:none;}
  .bgr{display:flex;}
  .svc-items{display:flex;}
  .svc-row{grid-template-columns:1fr;gap:1rem;}
  .svc-n{font-size:2.5rem;padding-top:0;}
  .h-stats{grid-template-columns:1fr 1fr;}
  .prod-item{grid-template-columns:40px 1fr auto;gap:1.25rem;}
  .ev-side{grid-template-columns:1fr;}
  .ft-top{grid-template-columns:1fr;}
  .ft-bot{flex-direction:column;gap:1rem;text-align:center;}
  .fg-r{grid-template-columns:1fr;}
  .cl-names{grid-template-columns:1fr;}
  .x,.x--wide{padding:0 1.5rem;}
}
@media(max-width:480px){
  .h-acts{flex-direction:column;}
  .h-acts .btn{width:100%;justify-content:center;}
  .h-deco{display:none;}
  .svc-row:hover{padding-left:0;padding-right:0;}
}

/* ── LOGO IMAGE ── */
.n-logo-wrap{
  display:flex;align-items:center;gap:.75rem;
  background:rgba(99,195,17,.08);
  border:1px solid rgba(99,195,17,.25);
  border-radius:4px;
  padding:.45rem .95rem .45rem .65rem;
  transition:background .25s ease, border-color .25s ease, box-shadow .25s ease;
  text-decoration:none;
}
.n-logo-wrap:hover{
  background:rgba(99,195,17,.15);
  border-color:rgba(99,195,17,.5);
  box-shadow:0 0 18px rgba(99,195,17,.12);
}
#nav.sc .n-logo-wrap{
  background:rgba(99,195,17,.06);
  border-color:rgba(99,195,17,.22);
}
.n-logo-img{
  height:36px;
  width:auto;
  display:block;
  transition:filter 0.25s ease;
  filter:none;
}
.n-logo-text{display:flex;flex-direction:column;gap:1px;}
.n-logo-name{
  font-family:var(--f-display);
  font-size:.8rem;font-weight:700;
  color:rgba(255,255,255,.95);
  letter-spacing:-.01em;line-height:1.2;
}
#nav.sc .n-logo-name{color:#1a1a2e;}
.n-logo-sub{
  font-family:var(--f-mono);
  font-size:.5rem;
  color:var(--g-lt);
  letter-spacing:.1em;
  text-transform:uppercase;
  display:block;
  line-height:1;
  transition:color 0.25s ease;
}
#nav.sc .n-logo-sub{color:var(--g);}

/* Footer logo image */
.ft-logo-img{
  height:30px;
  width:auto;
  display:block;
  filter:brightness(0) invert(1);
  opacity:.85;
}

/* ── HERO IMAGE ── */
.h-globe-wrap{
  position:absolute;right:0;top:0;bottom:0;
  width:55%;
  overflow:hidden;pointer-events:none;z-index:1;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,black 35%);
  mask-image:linear-gradient(to right,transparent 0%,black 35%);
}
.h-globe-img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:.35;
  mix-blend-mode:luminosity;
}

/* ── SOC BACKGROUND IMAGE ── */
#soc{
  background-image:linear-gradient(rgba(11,22,38,0.88),rgba(11,22,38,0.92)),url('assets/images/img_27003.jpg');
  background-size:cover;background-position:center;
}

/* ── DC IMAGE ── */
.dc-photo{
  width:100%;aspect-ratio:4/3;object-fit:cover;
  border-radius:var(--r-lg);
  margin-bottom:2rem;
  display:block;
}

/* ── EVENT CARD IMAGES ── */
.ev-big-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center top;
  opacity:.35;z-index:0;
  transition:opacity .4s ease;
}
.ev-big:hover .ev-big-img{opacity:.50;}
.ev-big .ev-bg,.ev-big .ev-deco{z-index:1;}
.ev-big .ev-cat,.ev-big h3,.ev-big .ev-meta{position:relative;z-index:2;}

.ev-sm-img{
  width:100%;height:140px;object-fit:cover;
  border-radius:2px 2px 0 0;
  display:block;margin-bottom:.85rem;
  opacity:.85;transition:opacity .3s ease;
}
.ev-sm:hover .ev-sm-img{opacity:1;}

.cp-img{
  width:100%;height:110px;object-fit:cover;object-position:center 30%;
  border-radius:var(--r-sm);margin-bottom:.75rem;
  display:block;
}

/* ── DUAL AUDIENCE ROUTING ── */
.h-routing{display:flex;flex-direction:column;gap:.65rem;max-width:520px;}
.h-route-btn{
  display:flex;align-items:center;gap:.85rem;
  padding:.85rem 1.25rem;border-radius:4px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.04);
  transition:var(--t1);cursor:pointer;
  text-decoration:none;
}
.h-route-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);}
.h-route-btn svg{width:18px;height:18px;flex-shrink:0;}
.h-route-tech svg{stroke:var(--g);}
.h-route-event svg{stroke:#F59E0B;}
.h-route-btn span:not(.h-route-arrow){
  font-family:var(--f-body);font-size:.9rem;
  color:rgba(255,255,255,.75);font-weight:500;flex:1;
}
.h-route-arrow{color:rgba(255,255,255,.35);font-size:1rem;flex-shrink:0;transition:var(--t1);}
.h-route-btn:hover .h-route-arrow{color:var(--g);transform:translateX(4px);}

/* ── FLOATING WHATSAPP ── */
.wa-float{
  position:fixed;bottom:2rem;right:2rem;z-index:500;
  width:56px;height:56px;border-radius:50%;
  background:#25D366;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  box-shadow:0 4px 16px rgba(37,211,102,.4);
  transition:var(--t1);
  animation:wa-pulse 3s ease-in-out infinite;
}
.wa-float:hover{background:#1db954;transform:scale(1.08);}
.wa-float svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.8;}
@keyframes wa-pulse{0%,100%{box-shadow:0 4px 16px rgba(37,211,102,.4);}50%{box-shadow:0 4px 28px rgba(37,211,102,.65);}}
.wa-tooltip{
  position:absolute;right:68px;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.85);color:#fff;
  font-family:var(--f-body);font-size:.78rem;
  padding:.35rem .85rem;border-radius:4px;
  white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .2s;
}
.wa-float:hover .wa-tooltip{opacity:1;}

/* ── ABOUT SECTION ── */
#about{background:var(--linen);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.about-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;}
.about-stat{
  background:var(--linen-2);border:0.5px solid var(--linen-3);
  border-radius:var(--r-md);padding:1.25rem;
}
.about-stat-n{font-family:var(--f-display);font-size:2rem;font-weight:800;color:var(--navy);line-height:1;margin-bottom:.3rem;letter-spacing:-.03em;}
.about-stat-l{font-family:var(--f-mono);font-size:.65rem;color:var(--t-60);text-transform:uppercase;letter-spacing:.06em;}
.about-pillar{
  display:flex;gap:1rem;align-items:flex-start;
  padding:1.25rem;border-radius:var(--r-md);
  background:var(--linen);border:0.5px solid var(--linen-3);
  margin-bottom:.75rem;transition:var(--t1);
}
.about-pillar:hover{background:var(--w);border-color:rgba(15,76,129,.18);}
.ap-ic{width:40px;height:40px;flex-shrink:0;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;}
.ap-ic svg{width:19px;height:19px;fill:none;stroke-width:1.8;}
.ap-blue{background:rgba(15,76,129,.1);}  .ap-blue svg{stroke:var(--navy);}
.ap-green{background:rgba(99,195,17,.12);} .ap-green svg{stroke:var(--g-dk);}
.ap-amber{background:rgba(245,158,11,.1);} .ap-amber svg{stroke:#B45309;}
.ap-body h4{font-family:var(--f-display);font-size:.95rem;font-weight:700;color:var(--t);letter-spacing:-.01em;margin-bottom:.2rem;}
.ap-body p{font-size:.82rem;line-height:1.55;color:var(--t-60);}
.vm-block{margin-top:2rem;}
.vm-item{display:flex;gap:.85rem;align-items:flex-start;padding:1rem 0;border-bottom:0.5px solid var(--linen-3);}
.vm-item:last-child{border-bottom:none;}
.vm-num{font-family:var(--f-serif);font-style:italic;font-size:2rem;color:var(--t-40);line-height:1;flex-shrink:0;min-width:40px;}
.vm-text h4{font-family:var(--f-display);font-size:.95rem;font-weight:700;color:var(--t);margin-bottom:.2rem;}
.vm-text p{font-size:.83rem;color:var(--t-60);line-height:1.6;}

/* ── INTEL PRODUCTS SEPARATION ── */
.intel-section{
  border:1px solid rgba(15,76,129,.2);
  border-radius:var(--r-xl);
  padding:2rem;
  background:rgba(15,76,129,.03);
  margin-top:3rem;
}
.intel-header{
  display:flex;align-items:center;gap:1rem;
  padding-bottom:1.5rem;margin-bottom:1.75rem;
  border-bottom:0.5px solid var(--linen-3);
}
.intel-badge{
  background:var(--navy);color:#fff;
  font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;
  text-transform:uppercase;padding:.3rem .75rem;border-radius:var(--r-pill);
}
.intel-header p{font-size:.84rem;color:var(--t-60);line-height:1.55;max-width:580px;}
.intel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}

/* ── SEGMENT CTA BADGES ON SERVICES ── */
.svc-cta-row{
  display:flex;gap:.75rem;align-items:center;margin-top:1.5rem;
  padding-top:1.5rem;border-top:1px solid var(--line-d);
}
.svc-cta-link{
  font-family:var(--f-body);font-size:.82rem;font-weight:600;
  color:var(--g-lt);display:inline-flex;align-items:center;gap:.4rem;
  text-decoration:none;transition:var(--t1);
}
.svc-cta-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;transition:var(--t1);}
.svc-cta-link:hover{color:var(--w);}
.svc-cta-link:hover svg{transform:translateX(3px);}

/* ── RESPONSIVE ABOUT ── */
@media(max-width:900px){
  .about-grid,.intel-grid{grid-template-columns:1fr;}
  .h-routing{max-width:100%;}
}
@media(max-width:600px){
  .intel-grid{grid-template-columns:1fr;}
  .wa-float{bottom:1.5rem;right:1.5rem;}
}

/* ── FLOATING WHATSAPP ── */
.wa-float{
  position:fixed;bottom:1.75rem;right:1.75rem;z-index:900;
  width:54px;height:54px;border-radius:50%;
  background:#25D366;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  box-shadow:0 4px 16px rgba(37,211,102,.4);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.wa-float:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.55);}
.wa-float svg{width:26px;height:26px;fill:#fff;}
.wa-float-label{
  position:absolute;right:64px;
  background:var(--ink-2);color:var(--w-80);
  font-family:var(--f-body);font-size:.78rem;font-weight:500;
  padding:.35rem .85rem;border-radius:2px;
  white-space:nowrap;opacity:0;
  transition:opacity .2s var(--ease);
  pointer-events:none;
}
.wa-float:hover .wa-float-label{opacity:1;}
@media(max-width:768px){.wa-float{bottom:1rem;right:1rem;width:48px;height:48px;}.wa-float-label{display:none;}}

/* ══════════════════════════════════════════════
   TENTANG KAMI / ABOUT
   ══════════════════════════════════════════════ */
#about{background:var(--linen);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start;}
.about-story-label{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t-60);margin-bottom:1.25rem;display:block;}
.about-h2{color:var(--t)!important;margin-bottom:1.75rem;}
.about-p{color:var(--t-60);font-family:var(--f-body);font-size:.95rem;line-height:1.82;margin-bottom:1.1rem;}
.vm-stack{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--linen-3);}
.vm-block{}
.vm-title{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-40);margin-bottom:.5rem;}
.vm-text{color:var(--t-60);font-size:.9rem;line-height:1.75;}
.vm-list{list-style:none;display:flex;flex-direction:column;gap:.35rem;}
.vm-list li{font-size:.9rem;color:var(--t-60);padding-left:1rem;position:relative;line-height:1.65;}
.vm-list li::before{content:'→';position:absolute;left:0;color:var(--g-dk);font-weight:600;}

/* About right column */
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem;}
.as-item{background:var(--linen-2);border-radius:var(--r-sm);padding:1.25rem;}
.as-n{font-family:var(--f-display);font-size:2.2rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.03em;margin-bottom:.3rem;}
.as-l{font-family:var(--f-mono);font-size:.62rem;color:var(--t-60);letter-spacing:.08em;text-transform:uppercase;}
.about-diffs{display:flex;flex-direction:column;gap:1.1rem;}
.ad-item{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem;background:var(--linen-2);border-radius:var(--r-sm);}
.ad-ic{width:36px;height:36px;border-radius:var(--r-sm);background:var(--g-dim);border:1px solid rgba(99,195,17,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ad-ic svg{width:18px;height:18px;stroke:var(--g-dk);fill:none;stroke-width:2;}
.ad-h{font-family:var(--f-display);font-size:.92rem;font-weight:700;color:var(--t);margin-bottom:.3rem;letter-spacing:-.01em;}
.ad-p{font-family:var(--f-body);font-size:.84rem;color:var(--t-60);line-height:1.65;}

@media(max-width:1100px){.about-grid{grid-template-columns:1fr;gap:4rem;}}

/* ══════════════════════════════════════════════
   INTELLIGENCE PRODUCTS — RESTRICTED ACCESS
   ══════════════════════════════════════════════ */
#intel{background:var(--ink-2);border-top:1px solid var(--line-d);}
.intel-header{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin-bottom:4rem;align-items:end;}
.intel-badge{
  display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;
  background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);
  padding:.3rem .85rem;border-radius:2px;width:fit-content;
}
.intel-badge-dot{width:6px;height:6px;border-radius:50%;background:#EF4444;animation:gp 2s ease-in-out infinite;}
.intel-badge-text{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#F87171;}
.intel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.intel-card{
  background:var(--ink-3);border:1px solid var(--line-d);
  border-radius:var(--r-md);padding:1.75rem;
  position:relative;overflow:hidden;
}
.intel-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(239,68,68,.4),transparent);
}
.intel-card-num{font-family:var(--f-mono);font-size:.65rem;color:rgba(239,68,68,.5);letter-spacing:.08em;margin-bottom:.85rem;}
.intel-card h4{font-family:var(--f-display);font-size:1.05rem;font-weight:700;color:var(--w);letter-spacing:-.015em;margin-bottom:.65rem;}
.intel-card p{font-family:var(--f-body);font-size:.88rem;color:var(--w-50);line-height:1.75;}
.intel-cta-bar{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--line-d);display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;}
.intel-note{font-family:var(--f-body);font-size:.82rem;color:var(--w-28);line-height:1.65;flex:1;min-width:240px;}
@media(max-width:768px){.intel-grid{grid-template-columns:1fr;}.intel-header{grid-template-columns:1fr;gap:2rem;}}