:root {
  --cream:   #F5F3EE;
  --cream2:  #EDE9E0;
  --cream3:  #E3DDD2;
  --navy:    #1B2B6B;
  --navy2:   #243580;
  --navy3:   #0F1A45;
  --orange:  #F5921E;
  --orange2: #F7A840;
  --orange3: #E07A08;
  --ink:     #111118;
  --gray:    #6A6A7A;
  --shadow:  3px 4px 0px #111118;
  --shadow-lg: 5px 6px 0px #111118;
  --shadow-xl: 7px 8px 0px #111118;
  --font-h: 'Plus Jakarta Sans', sans-serif;
  --font-b: 'DM Sans', sans-serif;
  --r: 16px;
  --rl: 24px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--cream); color: var(--navy); font-family: var(--font-b); overflow-x: hidden; cursor: none; }

/* CURSOR */
.cur { position:fixed; width:10px; height:10px; background:var(--navy); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); border:2px solid var(--ink); }
.cur-t { position:fixed; width:32px; height:32px; border:2px solid rgba(27,43,107,.25); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .3s,height .3s; }

/* NAV */
nav { position:fixed; inset:0 0 auto; z-index:200; padding:1.1rem 2.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; background:rgba(245,243,238,.96); backdrop-filter:blur(20px); box-shadow:0 2px 0 rgba(27,43,107,.07),0 4px 16px rgba(27,43,107,.05); transition:padding .3s; }
nav.scrolled { padding:.85rem 2.5rem; }
.nav-logo { font-family:var(--font-h); font-size:1.15rem; font-weight:800; color:var(--navy); text-decoration:none; cursor:none; letter-spacing:-.02em; display:flex; align-items:center; gap:10px; flex-shrink:0; }
.nav-center { display:flex; align-items:center; gap:.2rem; }
.nav-links { display:flex; gap:.15rem; list-style:none; }
.nav-links a, .nav-links button { font-family:var(--font-b); font-size:.78rem; font-weight:500; color:var(--navy); text-decoration:none; cursor:none; padding:.45rem .75rem; border-radius:8px; border:none; background:transparent; transition:background .2s,color .2s; white-space:nowrap; display:inline-flex; align-items:center; line-height:1; vertical-align:middle; }
.nav-links a:hover, .nav-links button:hover { background:rgba(27,43,107,.07); }
.nav-links a.active { color:var(--orange3); font-weight:600; }
.nav-right { display:flex; align-items:center; gap:1rem; flex-shrink:0; }
.lang-switch { display:flex; gap:.3rem; }
.lang-btn { font-family:var(--font-b); font-size:.7rem; font-weight:600; color:var(--gray); background:none; border:none; cursor:none; padding:.3rem .5rem; border-radius:6px; transition:color .2s,background .2s; }
.lang-btn.active { color:var(--navy); background:rgba(27,43,107,.08); }
.nav-cta { font-family:var(--font-h); font-size:.75rem; font-weight:700; background:var(--navy); color:white; padding:.55rem 1.3rem; border-radius:100px; text-decoration:none; cursor:none; border:2px solid var(--ink); box-shadow:var(--shadow); transition:transform .15s,box-shadow .15s; white-space:nowrap; }
.nav-cta:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-lg); }

/* DROPDOWN */
.dropdown { position:relative; }
.dropdown-menu { display:none; position:absolute; top:calc(100% + 6px); left:0; background:white; border:2px solid var(--ink); border-radius:var(--r); box-shadow:var(--shadow-lg); padding:.6rem; min-width:220px; z-index:300; }
.dropdown:hover .dropdown-menu { display:flex; flex-direction:column; gap:2px; }
.dropdown-menu a { font-family:var(--font-b); font-size:.8rem; font-weight:500; color:var(--navy); text-decoration:none; padding:.55rem .9rem; border-radius:8px; cursor:none; transition:background .15s; display:flex; align-items:center; gap:.6rem; }
.dropdown-menu a:hover { background:var(--cream2); }
.dropdown-menu a .badge { font-size:.55rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:var(--orange); color:var(--ink); padding:.15rem .45rem; border-radius:100px; border:1.5px solid var(--ink); }

/* PAGES */
.page { display:none; }
.page.active { display:block; }

/* COMMON SECTION */
.section { max-width:1200px; margin:0 auto; padding:6rem 2.5rem; }
.eyebrow { display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-b); font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--orange3); margin-bottom:1rem; }
.eyebrow::before { content:''; width:18px; height:2px; background:var(--orange); border-radius:2px; }
.section-title { font-family:var(--font-h); font-size:clamp(1.9rem,4vw,3.2rem); font-weight:800; letter-spacing:-.03em; line-height:1.05; color:var(--navy); }
.section-title .o { color:var(--orange); }
.section-sub { font-family:var(--font-b); font-size:.95rem; font-weight:400; line-height:1.75; color:var(--gray); margin-top:.9rem; max-width:580px; }
.section-sub a { color:var(--orange3); font-weight:600; text-decoration:none; cursor:none; }
.divider { height:2.5px; background:var(--ink); max-width:100%; }

/* BUTTONS */
.btn { display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-h); font-size:.82rem; font-weight:700; padding:.85rem 1.8rem; border-radius:100px; border:2px solid var(--ink); cursor:none; text-decoration:none; transition:transform .15s,box-shadow .15s; }
.btn:hover { transform:translate(-2px,-2px); }
.btn:active { transform:translate(2px,2px); box-shadow:none !important; }
.btn-navy { background:var(--navy); color:white; box-shadow:var(--shadow-lg); }
.btn-navy:hover { box-shadow:var(--shadow-xl); }
.btn-orange { background:var(--orange); color:var(--ink); box-shadow:var(--shadow-lg); }
.btn-orange:hover { box-shadow:var(--shadow-xl); }
.btn-outline { background:white; color:var(--navy); box-shadow:var(--shadow); }
.btn-outline:hover { box-shadow:var(--shadow-lg); }

/* CARDS */
.card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2rem; transition:transform .2s var(--ease),box-shadow .2s var(--ease); cursor:none; }
.card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.card.navy { background:var(--navy); color:white; }
.card.orange { background:var(--orange); color:var(--ink); }
.card.cream { background:var(--cream2); }

/* MARQUEE */
.marquee-wrap { background:var(--navy); border-top:2.5px solid var(--ink); border-bottom:2.5px solid var(--ink); padding:.85rem 0; overflow:hidden; }
.marquee-track { display:inline-flex; animation:marq 35s linear infinite; white-space:nowrap; }
.marquee-track span { font-family:var(--font-h); font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.38); padding:0 1.8rem; }
.marquee-track span.hi { color:var(--orange); }
@keyframes marq { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* STATS STRIP */
.stats-strip { background:var(--cream2); border-top:2.5px solid var(--ink); border-bottom:2.5px solid var(--ink); padding:3.5rem 2.5rem; }
.stats-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item { padding:0 2rem; text-align:center; border-right:1px solid var(--cream3); }
.stat-item:last-child { border-right:none; }
.stat-num { font-family:var(--font-h); font-size:clamp(2rem,4vw,3.5rem); font-weight:800; color:var(--navy); letter-spacing:-.03em; line-height:1; }
.stat-num .o { color:var(--orange); }
.stat-label { font-size:.75rem; font-weight:500; color:var(--gray); margin-top:.5rem; line-height:1.4; }

/* REVEAL */
.rv { opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease),transform .7s var(--ease); }
.rv.in { opacity:1; transform:none; }
.rv.d1{transition-delay:.08s} .rv.d2{transition-delay:.16s} .rv.d3{transition-delay:.24s}
.rv.d4{transition-delay:.32s} .rv.d5{transition-delay:.4s} .rv.d6{transition-delay:.48s}

/* FOOTER */
footer { background:var(--navy3); color:white; border-top:2.5px solid var(--ink); padding:4.5rem 2.5rem 2.5rem; }
.footer-inner { max-width:1200px; margin:0 auto; }
.footer-top { display:grid; grid-template-columns:1.8fr 1.4fr 1fr 1.2fr; gap:3rem; padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.08); }
.footer-logo { font-family:var(--font-h); font-size:1.3rem; font-weight:800; color:white; letter-spacing:-.02em; display:flex; align-items:center; gap:10px; margin-bottom:.9rem; }
.footer-tagline { font-size:.82rem; font-weight:400; line-height:1.75; color:rgba(255,255,255,.32); max-width:220px; margin-bottom:1.2rem; }
.footer-contact-item { font-size:.8rem; color:rgba(255,255,255,.4); margin-bottom:.35rem; }
.footer-col h4 { font-family:var(--font-h); font-size:.65rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--orange); margin-bottom:1rem; }
.footer-col ul { list-style:none; }
.footer-col li { font-size:.8rem; font-weight:400; color:rgba(255,255,255,.32); padding:.28rem 0; cursor:none; transition:color .2s; }
.footer-col li:hover { color:white; }
.footer-bottom { padding-top:1.8rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.footer-copy { font-size:.7rem; color:rgba(255,255,255,.18); }
.footer-legal { display:flex; gap:1.5rem; }
.footer-legal a { font-size:.7rem; color:rgba(255,255,255,.18); text-decoration:none; cursor:none; transition:color .2s; }
.footer-legal a:hover { color:white; }
.footer-lang { display:flex; gap:.5rem; }
.footer-lang button { font-size:.68rem; font-weight:600; color:rgba(255,255,255,.25); background:none; border:none; cursor:none; }

/* ═══════════════════════════════════
   PAGE: HOME
═══════════════════════════════════ */
/* Hero */
.hero { min-height:100vh; padding:8rem 2.5rem 5rem; position:relative; overflow:hidden; display:flex; align-items:center; background:var(--cream); }
.blob { position:absolute; border-radius:50%; pointer-events:none; }
.blob-1 { width:550px; height:550px; background:var(--orange); opacity:.1; top:-120px; right:-80px; animation:bFloat 14s ease-in-out infinite; }
.blob-2 { width:350px; height:350px; background:var(--navy); opacity:.05; bottom:-80px; left:8%; animation:bFloat 18s ease-in-out infinite reverse; }
.blob-3 { width:180px; height:180px; background:var(--orange); opacity:.07; top:35%; left:52%; animation:bFloat 11s ease-in-out infinite 2s; }
@keyframes bFloat { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(18px,-28px) scale(1.04)} 66%{transform:translate(-12px,18px) scale(.97)} }
.dots-bg { position:absolute; top:110px; right:2.5rem; width:160px; height:160px; background-image:radial-gradient(circle,rgba(27,43,107,.14) 1.5px,transparent 1.5px); background-size:18px 18px; pointer-events:none; }
.hero-inner { position:relative; z-index:1; max-width:1200px; margin:0 auto; width:100%; display:grid; grid-template-columns:1fr 400px; gap:4rem; align-items:center; }
.hero-tag { display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-h); font-size:.72rem; font-weight:700; color:var(--orange3); background:white; padding:.38rem .95rem; border-radius:100px; border:2px solid var(--ink); box-shadow:var(--shadow); margin-bottom:1.8rem; }
.hero-tag::before { content:'⚡'; font-size:.65rem; }
.hero-title { font-family:var(--font-h); font-size:clamp(2.6rem,5.5vw,4.5rem); font-weight:800; line-height:1.05; letter-spacing:-.03em; color:var(--navy); margin-bottom:1.5rem; }
.hero-title .uw { position:relative; display:inline-block; }
.hero-title .uw::after { content:''; position:absolute; bottom:3px; left:0; right:0; height:5px; background:var(--orange); border-radius:3px; border:1.5px solid var(--ink); }
.hero-desc { font-family:var(--font-b); font-size:.97rem; font-weight:400; line-height:1.75; color:var(--gray); max-width:520px; margin-bottom:2.2rem; }
.hero-btns { display:flex; gap:1rem; flex-wrap:wrap; }
/* Hero card */
.hero-card { background:var(--navy); border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-xl); padding:2.2rem 2rem; color:white; position:relative; }
.hc-label { font-size:.62rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.38); margin-bottom:1.2rem; }
.hc-big { font-family:var(--font-h); font-size:3rem; font-weight:800; line-height:1; letter-spacing:-.03em; margin-bottom:.3rem; }
.hc-big .o { color:var(--orange); }
.hc-sub { font-size:.8rem; color:rgba(255,255,255,.45); margin-bottom:1.8rem; }
.hc-divider { height:1px; background:rgba(255,255,255,.1); margin-bottom:1.5rem; }
.hc-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; text-align:center; }
.hc-mini-num { font-family:var(--font-h); font-size:1.5rem; font-weight:800; color:white; letter-spacing:-.02em; }
.hc-mini-num span { color:var(--orange); }
.hc-mini-lbl { font-size:.6rem; color:rgba(255,255,255,.38); margin-top:.2rem; }
.badge-fl { position:absolute; background:white; border:2px solid var(--ink); box-shadow:var(--shadow); border-radius:var(--r); padding:.7rem 1rem; display:flex; align-items:center; gap:.6rem; z-index:10; }
.badge-fl.tl { top:-18px; left:-28px; }
.badge-fl.br { bottom:-18px; right:-22px; }
.hero-card { position:relative; z-index:5; }
.bf-icon { font-size:1.2rem; }
.bf-txt { font-family:var(--font-h); font-size:.72rem; font-weight:700; color:var(--navy); }
.bf-sub { font-size:.58rem; color:var(--gray); }

/* Intro block */
.intro-block { background:var(--cream2); border-top:2.5px solid var(--ink); border-bottom:2.5px solid var(--ink); padding:5rem 2.5rem; }
.intro-inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.intro-big { font-family:var(--font-h); font-size:clamp(1.6rem,3vw,2.5rem); font-weight:800; line-height:1.15; letter-spacing:-.03em; color:var(--navy); }
.intro-big .o { color:var(--orange); }
.intro-right { font-family:var(--font-b); font-size:.93rem; font-weight:400; line-height:1.8; color:var(--gray); }
.intro-right strong { color:var(--navy); font-weight:600; }
.intro-pill { display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-h); font-size:.7rem; font-weight:700; background:var(--orange); color:var(--ink); padding:.38rem .9rem; border-radius:100px; border:2px solid var(--ink); margin-top:1.3rem; box-shadow:var(--shadow); }

/* Services grid */
.svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-top:3rem; }
.svc-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2rem 1.8rem; cursor:none; transition:transform .2s var(--ease),box-shadow .2s var(--ease); position:relative; overflow:hidden; }
.svc-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.svc-card.navy { background:var(--navy); }
.svc-icon { font-size:1.6rem; margin-bottom:1.2rem; display:block; }
.svc-num { font-family:var(--font-h); font-size:.62rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); margin-bottom:.4rem; }
.svc-card.navy .svc-num { color:var(--orange2); }
.svc-name { font-family:var(--font-h); font-size:1.1rem; font-weight:800; color:var(--navy); margin-bottom:.7rem; line-height:1.2; letter-spacing:-.01em; }
.svc-card.navy .svc-name { color:white; }
.svc-desc { font-size:.8rem; font-weight:400; line-height:1.7; color:var(--gray); }
.svc-card.navy .svc-desc { color:rgba(255,255,255,.5); }
.svc-badge { position:absolute; top:1.2rem; right:1.2rem; font-size:.6rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:var(--orange); color:var(--ink); padding:.2rem .6rem; border-radius:100px; border:1.5px solid var(--ink); }
.svc-link { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--font-h); font-size:.7rem; font-weight:700; color:var(--navy); margin-top:1.2rem; text-decoration:none; cursor:none; transition:gap .2s; }
.svc-card:hover .svc-link { gap:.7rem; }
.svc-card.navy .svc-link { color:var(--orange2); }

/* Who we work with */
.clients-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; margin-top:3rem; }
.client-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow); padding:2rem 1.5rem; text-align:center; transition:transform .2s var(--ease),box-shadow .2s var(--ease); cursor:none; }
.client-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-lg); }
.cc-icon { font-size:2.2rem; display:block; margin-bottom:1rem; }
.cc-name { font-family:var(--font-h); font-size:.95rem; font-weight:800; color:var(--navy); margin-bottom:.5rem; letter-spacing:-.01em; }
.cc-sub { font-size:.75rem; color:var(--gray); line-height:1.5; }

/* Industries */
.industry-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:.8rem; margin-top:2.5rem; }
.ind-chip { background:white; border-radius:12px; border:2px solid var(--ink); box-shadow:var(--shadow); padding:.85rem 1rem; text-align:center; font-family:var(--font-h); font-size:.72rem; font-weight:700; color:var(--navy); cursor:none; transition:transform .2s,box-shadow .2s; line-height:1.3; }
.ind-chip:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-lg); background:var(--cream2); }
.ind-icon { display:block; font-size:1.3rem; margin-bottom:.4rem; }

/* Experience cards */
.exp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-top:3rem; }
.exp-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2rem 1.8rem; cursor:none; transition:transform .2s,box-shadow .2s; }
.exp-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.exp-num { font-family:var(--font-h); font-size:1.6rem; font-weight:800; color:var(--orange); letter-spacing:-.02em; margin-bottom:.5rem; line-height:1; }
.exp-title { font-family:var(--font-h); font-size:1rem; font-weight:800; color:var(--navy); margin-bottom:.7rem; line-height:1.2; letter-spacing:-.01em; }
.exp-desc { font-size:.8rem; font-weight:400; line-height:1.7; color:var(--gray); }

/* Why us */
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-top:3rem; }
.why-card { border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2.5rem 2rem; cursor:none; transition:transform .2s,box-shadow .2s; }
.why-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.why-card:nth-child(1) { background:var(--navy); }
.why-card:nth-child(2) { background:var(--orange); }
.why-card:nth-child(3) { background:var(--cream2); }
.why-icon { font-size:2rem; display:block; margin-bottom:1.2rem; }
.why-title { font-family:var(--font-h); font-size:1.1rem; font-weight:800; margin-bottom:.8rem; letter-spacing:-.01em; line-height:1.2; }
.why-card:nth-child(1) .why-title { color:white; }
.why-card:nth-child(2) .why-title { color:var(--ink); }
.why-card:nth-child(3) .why-title { color:var(--navy); }
.why-desc { font-size:.83rem; font-weight:400; line-height:1.7; }
.why-card:nth-child(1) .why-desc { color:rgba(255,255,255,.55); }
.why-card:nth-child(2) .why-desc { color:rgba(17,17,24,.6); }
.why-card:nth-child(3) .why-desc { color:var(--gray); }

/* Shop + partners split */
.split-block { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; margin-top:3rem; }
.split-card { border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:3rem 2.5rem; cursor:none; transition:transform .2s,box-shadow .2s; }
.split-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.split-card.left { background:var(--cream2); }
.split-card.right { background:var(--navy); }
.sc-eyebrow { font-size:.65rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--orange3); margin-bottom:1rem; }
.split-card.right .sc-eyebrow { color:var(--orange); }
.sc-title { font-family:var(--font-h); font-size:1.5rem; font-weight:800; color:var(--navy); margin-bottom:1rem; letter-spacing:-.02em; line-height:1.1; }
.split-card.right .sc-title { color:white; }
.sc-desc { font-size:.85rem; font-weight:400; line-height:1.75; color:var(--gray); margin-bottom:1.8rem; }
.split-card.right .sc-desc { color:rgba(255,255,255,.5); }

/* Contact CTA */
.cta-block { background:var(--orange); border-top:2.5px solid var(--ink); border-bottom:2.5px solid var(--ink); padding:6rem 2.5rem; text-align:center; position:relative; overflow:hidden; }
.cta-blob { position:absolute; border-radius:50%; pointer-events:none; }
.cta-blob-1 { width:380px; height:380px; background:rgba(255,255,255,.12); top:-140px; left:-80px; }
.cta-blob-2 { width:280px; height:280px; background:rgba(27,43,107,.08); bottom:-80px; right:-40px; }
.cta-inner { position:relative; z-index:1; max-width:650px; margin:0 auto; }
.cta-title { font-family:var(--font-h); font-size:clamp(2rem,4.5vw,3.8rem); font-weight:800; color:var(--ink); letter-spacing:-.03em; line-height:1.05; margin-bottom:1rem; }
.cta-title span { color:var(--navy); }
.cta-sub { font-size:.95rem; font-weight:400; line-height:1.75; color:rgba(17,17,24,.6); margin-bottom:2.2rem; }
.cta-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

/* Contact form */
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2rem; }
.form-group { display:flex; flex-direction:column; gap:.4rem; }
.form-group.full { grid-column:span 2; }
.form-group label { font-size:.72rem; font-weight:600; color:var(--navy); letter-spacing:.04em; }
.form-group input, .form-group select, .form-group textarea { font-family:var(--font-b); font-size:.9rem; font-weight:400; color:var(--navy); background:white; border:2px solid var(--ink); border-radius:10px; padding:.75rem 1rem; outline:none; box-shadow:var(--shadow); transition:box-shadow .2s; cursor:none; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { box-shadow:var(--shadow-lg); }
.form-group textarea { resize:vertical; min-height:110px; }
.form-group select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23111118' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; }

/* ═══════════════════════════════════
   PAGE: ABOUT
═══════════════════════════════════ */
.about-story { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; margin-top:3rem; }
.about-text { font-size:.93rem; font-weight:400; line-height:1.85; color:var(--gray); }
.about-text p { margin-bottom:1.2rem; }
.about-text strong { color:var(--navy); font-weight:600; }
.about-visual { position:sticky; top:8rem; }
.about-card-big { background:var(--navy); border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-xl); padding:3rem 2.5rem; color:white; }
.about-card-big h3 { font-family:var(--font-h); font-size:1.8rem; font-weight:800; color:white; letter-spacing:-.02em; margin-bottom:.5rem; }
.about-card-big .sub { font-size:.82rem; color:rgba(255,255,255,.45); margin-bottom:2rem; }
.team-pill { display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:100px; padding:.35rem .9rem; font-size:.72rem; color:rgba(255,255,255,.6); margin-bottom:1.2rem; }
.team-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; margin-top:2rem; }
.team-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2.2rem 2rem; transition:transform .2s,box-shadow .2s; cursor:none; }
.team-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.team-role-tag { display:inline-flex; font-size:.62rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; background:var(--orange); color:var(--ink); padding:.25rem .7rem; border-radius:100px; border:1.5px solid var(--ink); margin-bottom:1rem; }
.team-title { font-family:var(--font-h); font-size:1rem; font-weight:800; color:var(--navy); margin-bottom:.8rem; letter-spacing:-.01em; line-height:1.3; }
.team-desc { font-size:.8rem; font-weight:400; line-height:1.7; color:var(--gray); }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; margin-top:2.5rem; }
.val-card { border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2rem 1.8rem; cursor:none; transition:transform .2s,box-shadow .2s; }
.val-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.val-card:nth-child(1){background:var(--navy)} .val-card:nth-child(2){background:var(--orange)} .val-card:nth-child(3){background:var(--cream2)} .val-card:nth-child(4){background:white}
.val-icon { font-size:1.8rem; display:block; margin-bottom:1rem; }
.val-name { font-family:var(--font-h); font-size:1.1rem; font-weight:800; margin-bottom:.6rem; letter-spacing:-.01em; }
.val-card:nth-child(1) .val-name{color:white} .val-card:nth-child(2) .val-name{color:var(--ink)} .val-card:nth-child(3) .val-name,.val-card:nth-child(4) .val-name{color:var(--navy)}
.val-desc { font-size:.8rem; font-weight:400; line-height:1.65; }
.val-card:nth-child(1) .val-desc{color:rgba(255,255,255,.5)} .val-card:nth-child(2) .val-desc{color:rgba(17,17,24,.6)} .val-card:nth-child(3) .val-desc,.val-card:nth-child(4) .val-desc{color:var(--gray)}

/* ═══════════════════════════════════
   PAGE: SERVICES (detail)
═══════════════════════════════════ */
.svc-detail { margin-top:3rem; }
.svc-detail-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:3rem 2.5rem; margin-bottom:1.2rem; cursor:none; transition:transform .2s,box-shadow .2s; }
.svc-detail-card:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-xl); }
.svc-detail-card.featured { background:var(--navy); }
.svc-detail-card.orange { background:var(--orange); }
.sdc-header { display:flex; align-items:flex-start; justify-content:space-between; gap:2rem; margin-bottom:1.5rem; }
.sdc-left { flex:1; }
.sdc-num { font-family:var(--font-h); font-size:.62rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); margin-bottom:.5rem; }
.svc-detail-card.featured .sdc-num { color:var(--orange2); }
.svc-detail-card.orange .sdc-num { color:rgba(17,17,24,.5); }
.sdc-title { font-family:var(--font-h); font-size:1.6rem; font-weight:800; color:var(--navy); letter-spacing:-.02em; line-height:1.1; }
.svc-detail-card.featured .sdc-title { color:white; }
.svc-detail-card.orange .sdc-title { color:var(--ink); }
.sdc-body { font-size:.87rem; font-weight:400; line-height:1.8; color:var(--gray); margin-bottom:1.5rem; }
.svc-detail-card.featured .sdc-body { color:rgba(255,255,255,.55); }
.svc-detail-card.orange .sdc-body { color:rgba(17,17,24,.65); }
.sdc-list { display:grid; grid-template-columns:1fr 1fr; gap:.4rem .8rem; }
.sdc-list li { font-size:.8rem; font-weight:500; color:var(--navy); padding:.3rem 0; display:flex; align-items:flex-start; gap:.6rem; list-style:none; }
.svc-detail-card.featured .sdc-list li { color:rgba(255,255,255,.7); }
.svc-detail-card.orange .sdc-list li { color:rgba(17,17,24,.7); }
.sdc-list li::before { content:'→'; color:var(--orange); flex-shrink:0; font-weight:700; }
.svc-detail-card.featured .sdc-list li::before { color:var(--orange2); }
.svc-detail-card.orange .sdc-list li::before { color:rgba(17,17,24,.5); }
.partner-table { width:100%; border-collapse:collapse; margin-top:1.5rem; }
.partner-table th { font-family:var(--font-h); font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--orange); text-align:left; padding:.7rem 1rem; border-bottom:2px solid rgba(255,255,255,.15); }
.partner-table td { font-size:.82rem; font-weight:400; color:rgba(255,255,255,.65); padding:.8rem 1rem; border-bottom:1px solid rgba(255,255,255,.07); }
.partner-table td:first-child { color:white; font-weight:600; }

/* ═══════════════════════════════════
   PAGE: TRACK RECORD
═══════════════════════════════════ */
.filter-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:2rem 0; }
.filter-btn { font-family:var(--font-h); font-size:.72rem; font-weight:700; background:white; color:var(--navy); padding:.45rem 1rem; border-radius:100px; border:2px solid var(--ink); box-shadow:var(--shadow); cursor:none; transition:transform .15s,box-shadow .15s,background .2s,color .2s; }
.filter-btn:hover { transform:translate(-1px,-1px); box-shadow:var(--shadow-lg); }
.filter-btn.active { background:var(--navy); color:white; }
.track-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.track-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2rem 1.8rem; cursor:none; transition:transform .2s,box-shadow .2s; }
.track-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.track-cat { display:inline-flex; font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; background:var(--cream2); color:var(--navy); padding:.22rem .65rem; border-radius:100px; border:1.5px solid var(--cream3); margin-bottom:.8rem; }
.track-num { font-family:var(--font-h); font-size:1.4rem; font-weight:800; color:var(--orange); letter-spacing:-.02em; margin-bottom:.4rem; line-height:1; }
.track-title { font-family:var(--font-h); font-size:.95rem; font-weight:800; color:var(--navy); margin-bottom:.6rem; line-height:1.25; letter-spacing:-.01em; }
.track-desc { font-size:.78rem; font-weight:400; line-height:1.7; color:var(--gray); }

/* ═══════════════════════════════════
   PAGE: INSIGHTS
═══════════════════════════════════ */
.insights-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-top:3rem; }
.insight-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); overflow:hidden; cursor:none; transition:transform .2s,box-shadow .2s; }
.insight-card:hover { transform:translate(-3px,-3px); box-shadow:var(--shadow-xl); }
.insight-img { height:160px; display:flex; align-items:center; justify-content:center; font-size:3rem; }
.insight-body { padding:1.8rem; }
.insight-cat { display:inline-flex; font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; background:var(--cream2); color:var(--navy); padding:.22rem .65rem; border-radius:100px; border:1.5px solid var(--cream3); margin-bottom:.9rem; }
.insight-title { font-family:var(--font-h); font-size:1rem; font-weight:800; color:var(--navy); margin-bottom:.6rem; line-height:1.3; letter-spacing:-.01em; }
.insight-desc { font-size:.78rem; font-weight:400; line-height:1.65; color:var(--gray); }
.insight-meta { font-size:.68rem; color:var(--gray); margin-top:1rem; padding-top:1rem; border-top:1px solid var(--cream3); }

/* ═══════════════════════════════════
   PAGE: CONTACT
═══════════════════════════════════ */
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:3rem; margin-top:3rem; align-items:start; }
.contact-info { display:flex; flex-direction:column; gap:1.1rem; }
.contact-block { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2rem; }
.contact-block.navy { background:var(--navy); }
.cb-label { font-size:.65rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--orange3); margin-bottom:.6rem; }
.contact-block.navy .cb-label { color:var(--orange); }
.cb-value { font-family:var(--font-h); font-size:.95rem; font-weight:700; color:var(--navy); line-height:1.4; }
.contact-block.navy .cb-value { color:white; }
.cb-sub { font-size:.78rem; color:var(--gray); margin-top:.2rem; }
.contact-block.navy .cb-sub { color:rgba(255,255,255,.4); }
.contact-form-card { background:white; border-radius:var(--rl); border:2.5px solid var(--ink); box-shadow:var(--shadow-lg); padding:2.5rem; }

/* PAGE HEADER */
.page-header { background:var(--navy); padding:10rem 2.5rem 7rem; position:relative; overflow:hidden; }
.page-header::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:50px 50px; }
.ph-inner { max-width:1200px; margin:0 auto; position:relative; z-index:1; }
.ph-eyebrow { font-size:.68rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--orange); margin-bottom:1.2rem; display:flex; align-items:center; gap:.6rem; }
.ph-eyebrow::before { content:'//'; opacity:.5; }
.ph-title { font-family:var(--font-h); font-size:clamp(3rem,7vw,6rem); font-weight:800; color:white; letter-spacing:-.03em; line-height:.95; margin-bottom:1.2rem; }
.ph-title .o { color:var(--orange); }
.ph-sub { font-size:.97rem; font-weight:400; line-height:1.75; color:rgba(255,255,255,.5); max-width:560px; }
.ph-sub a { color:var(--orange); font-weight:600; }
.ph-blob { position:absolute; border-radius:50%; pointer-events:none; }
.ph-blob-1 { width:500px; height:500px; background:var(--orange); opacity:.07; top:-150px; right:-100px; }

/* MISC */
.note-text { font-size:.78rem; font-weight:400; line-height:1.65; color:var(--gray); font-style:italic; margin-top:1.5rem; }
.section-divider { height:1px; background:var(--cream3); margin:2rem 0; }
.partner-badge { display:inline-flex; align-items:center; gap:.4rem; font-size:.65rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; background:var(--navy); color:white; padding:.3rem .8rem; border-radius:100px; border:2px solid var(--ink); margin-bottom:1rem; }

@media(max-width:900px){
  nav{padding:1rem 1.5rem} .nav-center{display:none} .hero{padding:6.5rem 1.5rem 4rem}
  .hero-inner{grid-template-columns:1fr} .hero-card{display:none} .section{padding:4rem 1.5rem}
  .intro-block{padding:3.5rem 1.5rem} .intro-inner{grid-template-columns:1fr;gap:2rem}
  .svc-grid{grid-template-columns:1fr} .clients-grid{grid-template-columns:1fr 1fr}
  .industry-grid{grid-template-columns:repeat(3,1fr)} .exp-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr} .split-block{grid-template-columns:1fr}
  .about-story{grid-template-columns:1fr} .about-visual{position:static}
  .team-grid{grid-template-columns:1fr} .values-grid{grid-template-columns:1fr 1fr}
  .sdc-list{grid-template-columns:1fr} .track-grid{grid-template-columns:1fr}
  .insights-grid{grid-template-columns:1fr} .contact-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem} .stats-inner{grid-template-columns:1fr 1fr;gap:2rem}
  .stat-item{border-right:none} .page-header{padding:8rem 1.5rem 4rem}
}