/* Tribes & Squads — static styles (logo palette: navy / orange) */
:root{
  --bg:#ffffff;
  --fg:#0f1f33;
  --muted:#5b6473;
  --muted-2:#f4f6fa;
  --border:#e5e8ee;
  --primary:#e89c3a;        /* logo orange */
  --primary-hover:#cc8629;
  --primary-fg:#ffffff;
  --ink:#14374B;            /* logo navy (sampled) */
  --ink-fg:#ffffff;
  --radius:24px;
  --maxw:1200px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--fg); background:var(--bg);
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
.container{max-width:var(--maxw); margin:0 auto; padding:0 24px}

/* Nav */
.nav{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--border)}
.nav-inner{display:flex; align-items:center; justify-content:space-between; height:80px}
.logo{display:flex; align-items:center}
.logo img{height:56px; width:auto; border-radius:6px}
@media(min-width:768px){ .logo img{height:64px} }
.nav-links{display:none; gap:32px}
.nav-links a{font-size:14px; font-weight:500; color:#374151}
.nav-links a:hover{color:var(--ink)}
@media(min-width:900px){ .nav-links{display:flex} }

/* Pills/buttons */
.pill{display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:999px; font-size:14px; font-weight:600; border:1px solid transparent; transition:transform .15s ease, background .2s}
.pill:hover{transform:translateY(-1px)}
.pill-primary{background:var(--primary); color:var(--primary-fg)}
.pill-primary:hover{background:var(--primary-hover)}
.pill-ghost{background:transparent; color:var(--fg); border-color:var(--border)}
.pill-ghost:hover{background:var(--muted-2)}
.pill-ink{background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.2)}
.pill-ink:hover{background:rgba(255,255,255,.18)}
.tiny{font-size:11px; text-transform:uppercase; letter-spacing:.18em}
.dot{width:6px; height:6px; border-radius:999px; background:var(--primary); display:inline-block}
.arrow{display:inline-block; transition:transform .2s}
.pill:hover .arrow{transform:translateX(3px)}

/* Type */
.display-xl{font-size:clamp(36px,6vw,72px); line-height:1.05; font-weight:800; letter-spacing:-.02em; margin:32px 0 0; color:var(--ink)}
.display-lg{font-size:clamp(28px,4.2vw,48px); line-height:1.1; font-weight:800; letter-spacing:-.02em; margin:12px 0 0}
.section.dark .display-lg{color:#fff}
.accent{color:var(--primary)}
.lede{font-size:clamp(16px,1.4vw,20px); color:var(--muted); max-width:680px; margin-top:28px}
.muted{color:var(--muted)}
.muted-light{color:rgba(255,255,255,.7)}
.eyebrow{font-size:13px; text-transform:uppercase; letter-spacing:.18em; color:var(--primary); font-weight:700; margin:0}

/* Hero */
.hero{padding:80px 0 32px; border-bottom:1px solid var(--border)}
.cta-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:36px}
.hero-card{position:relative; margin-top:48px; border-radius:var(--radius); overflow:hidden; background:var(--ink)}
.hero-card img{height:280px; width:100%; object-fit:cover}
@media(min-width:768px){ .hero-card img{height:440px} }
.hero-overlay{position:absolute; inset:0; background:linear-gradient(45deg, rgba(23,55,89,.55), transparent 60%)}
.stats{position:absolute; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.1)}
@media(min-width:768px){ .stats{grid-template-columns:repeat(4,1fr)} }
.stats > div{background:var(--ink); color:var(--ink-fg); padding:20px}
@media(min-width:768px){ .stats > div{padding:28px} }
.stats .k{font-size:24px; font-weight:800; letter-spacing:-.02em; color:var(--primary)}
@media(min-width:768px){ .stats .k{font-size:30px} }
.stats .v{margin-top:6px; font-size:11px; text-transform:uppercase; letter-spacing:.15em; color:rgba(255,255,255,.7)}

/* Sections */
.section{padding:96px 0; border-bottom:1px solid var(--border)}
.section.dark{background:var(--ink); color:var(--ink-fg); border-bottom:1px solid rgba(255,255,255,.08)}
.section.muted-bg{background:#fafbfd}
.section-head{display:flex; flex-direction:column; gap:24px; align-items:flex-start; justify-content:space-between}
@media(min-width:768px){ .section-head{flex-direction:row; align-items:flex-end} }
.section-head .muted{max-width:380px}

/* Cards grid */
.grid-cards{display:grid; grid-template-columns:1fr; gap:1px; background:var(--border); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-top:56px}
@media(min-width:640px){ .grid-cards{grid-template-columns:repeat(2,1fr)} }
@media(min-width:1024px){ .grid-cards{grid-template-columns:repeat(3,1fr)} }
.card{background:#fff; padding:32px; transition:background .2s}
.card:hover{background:#fafbfd}
.card .ico{font-size:28px}
.card h3{margin:24px 0 12px; font-size:20px; font-weight:600; color:var(--ink)}
.card p{margin:0; font-size:14px; color:var(--muted); line-height:1.6}

/* Big numbers (Industries + Approach) */
.big-num{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:32px; line-height:1; font-weight:800; letter-spacing:-.04em;
  color:var(--primary); margin-bottom:8px;
}
@media(min-width:768px){ .big-num{font-size:42px} }

/* Industries */
.industries{margin-top:64px; display:grid; grid-template-columns:1fr; gap:48px}
@media(min-width:640px){ .industries{grid-template-columns:repeat(2,1fr)} }
@media(min-width:1024px){ .industries{grid-template-columns:repeat(3,1fr)} }
.industries > div{border-top:1px solid rgba(255,255,255,.18); padding-top:24px}
.industries h3{margin:12px 0 12px; font-size:22px; font-weight:600; color:#fff}
.industries p{margin:0; font-size:14px; color:rgba(255,255,255,.75); line-height:1.6}

/* Approach */
.approach{display:grid; grid-template-columns:1fr; gap:64px}
@media(min-width:768px){ .approach{grid-template-columns:5fr 7fr} }
.steps{display:grid; grid-template-columns:1fr; gap:1px; background:var(--border); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden}
@media(min-width:640px){ .steps{grid-template-columns:repeat(2,1fr)} }
.steps > div{background:#fff; padding:32px}
.steps h3{margin:8px 0 8px; font-size:20px; font-weight:600; color:var(--ink)}
.steps p{margin:0; font-size:14px; color:var(--muted); line-height:1.6}

/* About */
.about{display:grid; grid-template-columns:1fr; gap:64px}
@media(min-width:768px){ .about{grid-template-columns:7fr 5fr} }
.principles{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:32px}
.principles h3{margin:0 0 24px; font-size:13px; text-transform:uppercase; letter-spacing:.15em; color:var(--ink)}
.principles ul{list-style:none; padding:0; margin:0; display:grid; gap:16px}
.principles li{display:flex; gap:12px; align-items:flex-start; font-size:14px}
.principles li::before{content:""; width:6px; height:6px; border-radius:999px; background:var(--primary); margin-top:8px; flex:none}

/* Contact */
.contact{display:grid; grid-template-columns:1fr; gap:64px}
@media(min-width:768px){ .contact{grid-template-columns:7fr 5fr} }
.offices{display:grid; grid-template-columns:1fr; gap:1px; border-radius:var(--radius); overflow:hidden; background:rgba(255,255,255,.1)}
.offices > div{background:var(--ink); padding:24px; display:flex; gap:16px; align-items:flex-start}
.offices .city{font-weight:600}
.offices .line{font-size:14px; color:rgba(255,255,255,.6); margin-top:4px}
.offices .pin{color:var(--primary)}

/* Footer */
.footer{border-top:1px solid rgba(255,255,255,.1); margin-top:32px}
.footer-inner{display:flex; flex-direction:column; gap:16px; padding:32px 24px; font-size:14px; color:rgba(255,255,255,.6)}
@media(min-width:768px){ .footer-inner{flex-direction:row; align-items:center; justify-content:space-between} }
.foot-left{display:flex; align-items:center; gap:12px}
.foot-right{display:flex; gap:24px; flex-wrap:wrap}
.foot-right a:hover{color:#fff}