/* ===================== v5 brand: simple, sparse, typographic =====================
   Inter (same family as the reference, OFL / Google Fonts). Light display weights, tight tracking,
   near-black + cool greys, hairline borders, no heavy shadows or textures. Purple #6b2bd9 only in tiny doses. */
:root{--bg:#ffffff;--bg-alt:#ffffff;--text:#111827;--muted:#6b7280;--dim:#9ca3af;--line:#e5e7eb;--line-2:#d1d5db;
  --brand:#6b2bd9;--brand-400:#6b2bd9;--radius:12px;--radius-lg:16px;--max:1180px}
body{font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--text);background:#fff;letter-spacing:-.006em}
.sec{padding:128px 0}
@media(max-width:768px){.sec{padding:88px 0}}
/* type */
.h1{font-size:clamp(46px,6vw,76px);font-weight:300;letter-spacing:-.045em;line-height:1.08;color:var(--text)}
.h2{font-size:clamp(32px,4vw,48px);font-weight:300;letter-spacing:-.04em;line-height:1.12;color:var(--text)}
.h3{font-weight:400;letter-spacing:-.02em;color:var(--text)}
.lead{font-size:18px;line-height:1.65;color:var(--muted);font-weight:400;letter-spacing:-.01em}
.body{color:var(--muted);font-size:15px;line-height:1.7}
.eyebrow{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:1px;background:var(--brand)}
.sec-head .h2{margin-top:20px}.sec-head .lead{margin-top:18px}
.grad-text{color:inherit}
/* buttons: small, crisp */
.btn{height:42px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:none!important;letter-spacing:-.005em}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#5a22bd}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--text);backdrop-filter:none}.btn-ghost:hover{background:#f9fafb;border-color:var(--line-2)}
.btn-sm{height:36px;padding:0 14px;font-size:14px}
.link{color:var(--text);font-weight:500;font-size:14px}.link:hover{color:var(--brand)}
.link svg{color:var(--brand)}
/* nav */
.nav{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.nav.scrolled{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);box-shadow:none}
.nav-in{height:64px}
.brand{font-size:17px;font-weight:500;letter-spacing:-.03em}
.nav-links{gap:28px}.nav-links a{font-size:14px;color:#374151}.nav-links a:hover{color:#000}
.burger{border-color:var(--line);border-radius:8px}
/* hero */
.hero5{min-height:0;display:block;padding:176px 0 120px;background:#fff;overflow:visible}
.hero5::before,.hero5::after{display:none}
.hero5-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:80px;align-items:end}
.hero5-label{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:10px}
.hero5-label::before{content:"";width:6px;height:6px;border-radius:1px;background:var(--brand)}
.hero5 .h1{margin-top:22px;max-width:none}
.hero5 .lead{margin-top:24px;max-width:540px}
.hero5 .hero-ctas{margin-top:36px;gap:10px}
.hero5-comp{margin-top:40px;display:flex;gap:22px;font-size:13px;color:var(--muted)}
.hero5-comp span{display:inline-flex;align-items:center;gap:8px}
.hero5-comp img{width:20px;height:20px;filter:grayscale(1);opacity:.7}
.hero5-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.hero5-list a{display:flex;flex-direction:column;gap:4px;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .25s}
.hero5-list .t{font-size:21px;font-weight:400;letter-spacing:-.025em;color:var(--text);display:inline-flex;align-items:center;gap:6px}
.hero5-list .d{font-size:14px;color:var(--muted)}
.hero5-list .chev{width:16px;height:16px;color:var(--dim);transition:transform .25s,color .25s}
.hero5-list a:hover{padding-left:6px}.hero5-list a:hover .chev{transform:translateX(3px);color:var(--brand)}
@media(max-width:900px){.hero5{padding:128px 0 72px}.hero5-grid{grid-template-columns:1fr;gap:48px}}
/* generic cards: flat, hairline */
.glass,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;backdrop-filter:none}
.card{padding:28px}
.icon-chip{background:#f9fafb;border:1px solid var(--line);color:var(--text);border-radius:8px;width:36px;height:36px}
.icon-chip svg{width:17px;height:17px}
.card .h3{font-size:19px;margin-top:20px}
.divider{background:var(--line)}
.alt,.contact{background:#fff}
.uc-sec{background:#fff}
section+section{border-top:1px solid var(--line)}
.hero5+section{border-top:1px solid var(--line)}
/* marquee chips & logos */
.chip{height:38px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#374151;font-size:14px}
.chip::before{background:var(--dim);width:4px;height:4px}
.logos img{filter:grayscale(1);opacity:.55}
/* about */
.portrait{border-radius:var(--radius);border:1px solid var(--line)}
.about .body{font-size:16.5px}
/* stories: keep dark photo cards, calmer */
.story{border-radius:var(--radius-lg);box-shadow:none;border:0}
.story-kpi{font-weight:400;letter-spacing:-.035em}
.story .tag,.tag{border-radius:6px;font-weight:500;letter-spacing:.04em}
/* contact */
.contact-glow{display:none}
.form{padding:0;border:0;background:transparent}
.input{border-radius:8px;border:1px solid var(--line);height:46px;font-size:14.5px;background:#fff}
textarea.input{height:120px}
.input:focus{border-color:var(--text);box-shadow:none}
.form .btn{height:46px}
.or-email{text-align:left}
footer{border-top:1px solid var(--line);background:#fff}
.foot h4{font-size:13px;font-weight:500;letter-spacing:0;color:var(--text)}
.foot ul a{font-size:14px;color:var(--muted)}
.reveal{transform:translateY(10px)}

/* ---------- use-case battlecards: calmer ---------- */
.tone-lav  {--t-bg:#f8f7fc;--t-bg2:#f8f7fc;--t-ink:#5b3fb0;--t-line:#ebe8f5;--v1:#f1eefa;--v2:#e6e0f6;--v3:#d9d0f1}
.tone-blue {--t-bg:#f6f8fb;--t-bg2:#f6f8fb;--t-ink:#35598f;--t-line:#e5eaf2;--v1:#edf2f9;--v2:#dfe8f4;--v3:#cfdcee}
.tone-mint {--t-bg:#f6faf8;--t-bg2:#f6faf8;--t-ink:#2d6b52;--t-line:#e3eee8;--v1:#ecf5f0;--v2:#dcede3;--v3:#cbe3d5}
.tone-peach{--t-bg:#fcf8f5;--t-bg2:#fcf8f5;--t-ink:#9a5634;--t-line:#f2e8e1;--v1:#f9f0ea;--v2:#f3e2d6;--v3:#ecd3c2}
.tone-sand {--t-bg:#fbfaf5;--t-bg2:#fbfaf5;--t-ink:#7d6320;--t-line:#efebdc;--v1:#f7f3e6;--v2:#efe7cd;--v3:#e5d9b3}
.tone-lilac{--t-bg:#f9f7fc;--t-bg2:#f9f7fc;--t-ink:#5b3fb0;--t-line:#ece7f5;--v1:#f3eefa;--v2:#e8e0f6;--v3:#dcd0f1}
.bc-in{border-radius:16px;box-shadow:0 -1px 0 var(--t-line),0 24px 40px -36px rgba(17,24,39,.25);background:var(--t-bg)}
.bc-pill{background:transparent;color:var(--t-ink);padding-left:0;height:auto;font-size:13px;letter-spacing:.02em;text-transform:none;font-weight:500}
.bc-pill-c{display:none}
.bc-pill-t{display:inline-flex;align-items:center;gap:8px}
.bc-pill-t::before{content:"";width:6px;height:6px;border-radius:1px;background:var(--t-ink)}
.bc-h{font-weight:300;letter-spacing:-.04em;font-size:clamp(28px,2.8vw,40px)}
.bc-h2{color:var(--t-ink)}
.bc-meta{font-size:12px;font-weight:500;letter-spacing:.06em;opacity:1;color:var(--muted)}
.bc-p{color:var(--muted);font-size:15.5px}
.bc-link{border-bottom-color:var(--line-2);font-weight:500;font-size:14px}
.bc-vis{border-radius:12px;background:linear-gradient(160deg,var(--v1),var(--v2) 60%,var(--v3));box-shadow:none}
.bc-vis::before{display:none}
.mk-head{color:#1f2937;text-shadow:none;font-size:16px;font-weight:500}
.mk-icon{background:rgba(255,255,255,.7);border-color:rgba(17,24,39,.08);color:var(--t-ink);border-radius:8px;width:32px;height:32px}
.mk-icon svg{width:16px;height:16px}
.mk-win{border-radius:10px 0 0 0;box-shadow:0 0 0 1px rgba(17,24,39,.06),0 16px 40px -28px rgba(17,24,39,.3)}
.mk-tabs span.on{background:#111827;border-color:#111827}
.mk-btn.dark{background:#111827}
.hero5-comp svg{width:16px;height:16px;color:var(--muted)}
/* stack band: no box, just logos */
section .glass[style*="text-align:center"]{border:0;padding:24px 0!important;background:transparent}