:root{
  --nika-ink:#09090b;
  --nika-paper:#f7f7f4;
  --nika-white:#fff;
  --nika-muted:#71717a;
  --nika-line:rgba(9,9,11,.13);
  --nika-pink:#ff2f92;
  --nika-violet:#8b5cf6;
  --nika-blue:#2563eb;
  --nika-gradient:linear-gradient(115deg,var(--nika-pink) 0%,var(--nika-violet) 48%,var(--nika-blue) 100%);
  --nika-radius:18px;
  --nika-ease:cubic-bezier(.22,1,.36,1);
}

/* Final 2026 visual system. The site should feel like one editorial growth product, not a bundle of templates. */
html{background:var(--nika-ink);scroll-behavior:smooth}
body{background:var(--nika-paper);color:var(--nika-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
::selection{background:var(--nika-violet);color:white}
img,video{max-width:100%}

/* One header on every route. */
.site-header,.migrated-page .site-header{
  position:sticky!important;top:0!important;z-index:500!important;
  height:76px!important;min-height:76px!important;padding:0 clamp(18px,3vw,44px)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:rgba(9,9,11,.82)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  mix-blend-mode:normal!important;
}
.site-header .logo{display:flex;align-items:center;min-width:84px}
.nika-logo{filter:none!important}
.nika-logo b,.nika-logo i{background:var(--nika-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.site-header .nav,.migrated-page .site-header .nav{display:flex;align-items:center;gap:clamp(18px,2vw,30px)!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:760!important}
.site-header .nav>a,.migrated-page .site-header .nav>a{opacity:.78;transition:opacity .2s ease,transform .2s ease!important}
.site-header .nav>a:hover,.migrated-page .site-header .nav>a:hover{opacity:1;transform:translateY(-1px)}
.site-header .nav>a:last-child,.migrated-page .site-header .nav>a:last-child{opacity:1;padding:11px 16px!important;border:0!important;border-radius:999px!important;background:var(--nika-gradient)!important;color:#fff!important;box-shadow:0 8px 28px rgba(124,58,237,.24)!important}
.menu-toggle{color:#fff!important}

/* Cinematic/editorial hierarchy inspired by behavior-first product sites. */
.wrap{width:min(1320px,calc(100% - clamp(36px,7vw,104px)))!important}
.hero,.case-hero,.migrated-page .hero{position:relative;isolation:isolate;overflow:hidden;background:var(--nika-ink)!important;color:#fff!important}
.hero::before,.case-hero::before,.migrated-page .hero::before{content:"";position:absolute;z-index:-2;inset:-30%;background:radial-gradient(circle at 72% 28%,rgba(139,92,246,.28),transparent 24%),radial-gradient(circle at 86% 48%,rgba(37,99,235,.18),transparent 22%),radial-gradient(circle at 60% 70%,rgba(255,47,146,.16),transparent 25%)}
.hero::after,.case-hero::after,.migrated-page .hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,9,11,.98) 0%,rgba(9,9,11,.9) 45%,rgba(9,9,11,.48) 100%)}
.home-v2 .home-hero{min-height:calc(100svh - 76px)!important;padding:clamp(72px,9vw,124px) 0 clamp(64px,7vw,96px)!important}
.home-v2 .hero-stage{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:clamp(44px,6vw,92px)!important}
.home-v2 .hero-kicker{margin-bottom:22px!important;color:#a1a1aa!important}
.home-v2 .home-hero h1{max-width:9.7ch!important;margin:0!important;font-size:clamp(60px,7.2vw,112px)!important;line-height:.88!important;letter-spacing:-.075em!important;text-transform:none!important;text-wrap:balance}
.home-v2 .home-hero h1 .accent,.case-hero h1 em,.migrated-page .hero h1 span span{background:var(--nika-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.home-v2 .hero-bottom{display:block!important;margin-top:32px!important}
.home-v2 .hero-bottom p{max-width:620px!important;color:#c7c7ce!important;font-size:clamp(17px,1.4vw,21px)!important;line-height:1.55!important}
.home-v2 .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.pill-cta,.migrated-page .btn,.migrated-page .button,.diagnosis-trigger{min-height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:var(--nika-gradient)!important;color:#fff!important;font-weight:760!important;box-shadow:0 12px 32px rgba(124,58,237,.2)!important;transition:transform .22s var(--nika-ease),box-shadow .22s var(--nika-ease)!important}
.pill-cta:hover,.migrated-page .btn:hover,.migrated-page .button:hover,.diagnosis-trigger:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px rgba(124,58,237,.3)!important}
.scroll-pill,.btn.light{min-height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;backdrop-filter:blur(10px)}

/* Real founder video surface. */
.founder-video{position:relative!important;align-self:stretch!important;justify-content:center!important}
.founder-video-frame{position:relative!important;min-height:clamp(420px,54vw,700px)!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:clamp(20px,2.2vw,34px)!important;background:#131318!important;box-shadow:0 34px 100px rgba(0,0,0,.42)!important}
.founder-video-frame::before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 52%,rgba(0,0,0,.62))!important;pointer-events:none!important}
.founder-video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#101014}
.founder-video-frame .founder-video-kicker{position:absolute!important;z-index:3!important;top:20px;left:20px;padding:8px 11px;border-radius:999px;background:rgba(9,9,11,.58);color:#fff!important;backdrop-filter:blur(10px)}
.founder-video-frame .founder-video-note{position:absolute!important;z-index:3!important;left:20px;bottom:20px;color:#fff!important;max-width:26ch;line-height:1.35}
.founder-video-play{display:none!important}
.founder-video-meta{padding:14px 2px 0!important}
.founder-video-meta strong{font-size:18px!important}
.founder-video-meta span{color:#9f9fa9!important}

/* Sections use whitespace and evidence, not decorative card stacks. */
.section,.partners-band,.migrated-page .section,.migrated-page .catalog,.migrated-page .engagements,.migrated-page .process,.migrated-page .deliverables,.migrated-page .offers,.migrated-page .platforms,.migrated-page .problems,.migrated-page .work,.migrated-page .principles,.migrated-page .details,.migrated-page .team,.migrated-page .founder,.migrated-page .story{padding-top:clamp(78px,8vw,132px)!important;padding-bottom:clamp(78px,8vw,132px)!important}
.section h2,.partners-band h2,.migrated-page h2,.case-contact h2{max-width:16ch!important;margin-bottom:36px!important;font-size:clamp(42px,5.4vw,84px)!important;line-height:.98!important;letter-spacing:-.055em!important;text-transform:none!important;text-wrap:balance}
.section-lead,.migrated-page .lead,.migrated-page .section-head p,.case-deck p{max-width:66ch!important;color:#676772!important;font-size:clamp(17px,1.4vw,20px)!important;line-height:1.62!important}
.eyebrow,.section-label,.migrated-page .eyebrow{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:800!important}
.eyebrow::before{background:var(--nika-gradient)!important}
.section.dark,.faq-section,.next-case,.footer{background:#0b0b0e!important;color:#fff!important}
.section.dark .section-lead,.faq-section p,.case-page .case-deck p{color:#a9a9b2!important}

/* Evidence blocks: flatter, larger, clearer. */
.metric-grid,.proof-grid,.business-metrics{gap:1px!important;background:rgba(127,127,127,.18)!important;border:0!important}
.metric,.proof-item,.business-metrics>*{background:var(--nika-paper)!important;border:0!important;padding:clamp(22px,3vw,38px)!important}
.section.dark .metric,.section.dark .business-metrics>*{background:#111116!important}
.metric b,.proof-item b,.business-metrics b{font-size:clamp(38px,5vw,68px)!important;line-height:.9!important;letter-spacing:-.055em!important;background:var(--nika-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.metric span,.proof-item span{margin-top:14px!important;color:#777781!important;font-size:14px!important;line-height:1.45!important}
.result-cards,.case-study-row{gap:14px!important}
.result-card,.case-study-card{border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--nika-radius)!important;background:#111116!important;padding:clamp(26px,3vw,38px)!important;box-shadow:none!important;transition:transform .28s var(--nika-ease),border-color .28s ease!important}
.result-card:hover,.case-study-card:hover{transform:translateY(-5px)!important;border-color:rgba(139,92,246,.5)!important}
.result-card h3,.case-study-card h3{font-size:clamp(27px,3vw,40px)!important;line-height:1.03!important;letter-spacing:-.04em!important}
.result-card>strong,.case-study-card>strong{font-size:clamp(42px,5vw,64px)!important;background:var(--nika-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* Services / explore: editorial rows over tiny boxed tiles. */
.capability-list article,.service,.migrated-page .card,.migrated-page .engagement,.migrated-page .offer,.migrated-page .platform,.migrated-page .principle{border-color:var(--nika-line)!important;box-shadow:none!important}
.home-v2 #explore .services{grid-template-columns:repeat(2,minmax(0,1fr))!important;border:0!important;gap:1px!important;background:var(--nika-line)!important}
.home-v2 #explore .service{min-height:260px!important;border:0!important;background:var(--nika-paper)!important;padding:clamp(26px,3vw,40px)!important}
.home-v2 #explore .service:hover{background:#fff!important;color:var(--nika-ink)!important}
.home-v2 #explore .service b{font-size:13px!important;color:var(--nika-violet)!important}
.home-v2 #explore .service h3{font-size:clamp(26px,3vw,40px)!important;line-height:1.05!important;text-transform:none!important}

/* Migrated routes become part of the same site. */
.migrated-page .hero{min-height:auto!important;padding:clamp(82px,9vw,132px) 0!important}
.migrated-page .hero-grid{gap:clamp(42px,6vw,88px)!important}
.migrated-page .hero h1{max-width:11ch!important;font-size:clamp(54px,6.5vw,98px)!important;line-height:.94!important;letter-spacing:-.065em!important;text-transform:none!important}
.migrated-page .hero .lead{color:#c7c7ce!important}
.migrated-page .hero-art,.migrated-page .hero-card,.migrated-page .hero-panel{border:1px solid rgba(255,255,255,.14)!important;border-radius:28px!important;box-shadow:none!important;background:linear-gradient(145deg,rgba(255,47,146,.22),rgba(139,92,246,.28) 50%,rgba(37,99,235,.24))!important}
.migrated-page .card,.migrated-page .engagement,.migrated-page .case,.migrated-page .fit-card,.migrated-page .problem-card,.migrated-page .offer,.migrated-page .platform,.migrated-page .principle,.migrated-page .contact-card{border:1px solid var(--nika-line)!important;border-radius:var(--nika-radius)!important;box-shadow:none!important}
.migrated-about .team{background:#efeff3!important}
.migrated-about .role{box-shadow:none!important;border:1px solid var(--nika-line)!important}
.migrated-about .portrait,.migrated-about .hero-art{box-shadow:none!important;border:1px solid rgba(255,255,255,.18)!important}

/* Cases share one recognisable presentation. */
.case-page .case-hero{padding:clamp(80px,9vw,130px) 0!important}
.case-page .case-hero h1{max-width:9.2ch!important;font-size:clamp(56px,6.8vw,100px)!important;line-height:.92!important;letter-spacing:-.07em!important;text-transform:none!important}
.case-page .case-phone-visual{max-width:390px!important}
.case-page .case-phone-visual img{filter:drop-shadow(0 34px 54px rgba(0,0,0,.45))!important}
.case-page .project-facts,.case-page .challenge-item,.case-page .deliverable,.case-page .outcome-grid article,.case-page .channel-grid article,.case-page .expansion-grid article{border-color:var(--nika-line)!important}
.case-page .section-cta{margin-top:34px!important}

/* Partners become a quiet confidence strip. */
.partners-band{background:#ececf0!important;color:var(--nika-ink)!important}
.partner-grid{border-color:rgba(9,9,11,.1)!important}
.partner-grid>*{min-height:120px!important;background:transparent!important;border-color:rgba(9,9,11,.1)!important}
.partner-grid>a{background:var(--nika-ink)!important;color:#fff!important}

/* FAQ and conversion. */
.faq details{border-color:rgba(255,255,255,.14)!important}
.faq summary{font-size:clamp(18px,1.7vw,24px)!important}
.contact.diagnosis{background:var(--nika-paper)!important;color:var(--nika-ink)!important}
.growth-modal{width:min(980px,calc(100% - 28px));border:0;border-radius:26px;padding:0;background:#fff;color:var(--nika-ink);box-shadow:0 40px 120px rgba(0,0,0,.38)}
.growth-modal::backdrop{background:rgba(9,9,11,.72);backdrop-filter:blur(9px)}
.modal-shell{padding:clamp(26px,5vw,58px)}
.modal-intro h2{font-size:clamp(40px,6vw,72px);line-height:.94;letter-spacing:-.055em;margin:10px 0 20px}
.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.modal-form label{display:grid;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.modal-form input,.modal-form select,.modal-form textarea{width:100%;border:1px solid var(--nika-line);border-radius:12px;background:#f7f7f7;color:var(--nika-ink);padding:14px 15px;font:inherit;text-transform:none;letter-spacing:0}
.modal-form .modal-wide{grid-column:1/-1}.modal-form button{grid-column:1/-1;min-height:54px;border:0;border-radius:999px;background:var(--nika-gradient);color:white;font-weight:800}.modal-form small{grid-column:1/-1;color:var(--nika-muted)}
.modal-close{position:absolute;right:20px;top:18px;border:0;background:transparent;font-weight:800;cursor:pointer}

/* Footer */
.footer{padding:54px 0 30px!important}
.footer-row{min-height:90px!important;border-color:rgba(255,255,255,.12)!important}
.footer-row a{opacity:.75}.footer-row a:hover{opacity:1}

/* Motion is restrained: media and hierarchy do the work. */
.reveal{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:no-preference){
  .founder-video-frame video{transform:scale(1.015);transition:transform 1.2s var(--nika-ease)}
  .founder-video-frame:hover video{transform:scale(1.04)}
}

@media(max-width:960px){
  .home-v2 .hero-stage{grid-template-columns:1fr!important}
  .home-v2 .founder-video{max-width:720px}
  .founder-video-frame{min-height:min(74svh,620px)!important}
  .home-v2 #explore .services{grid-template-columns:1fr!important}
  .migrated-page .hero-grid,.case-page .case-hero-layout{grid-template-columns:1fr!important}
}

@media(max-width:800px){
  .site-header,.migrated-page .site-header{height:70px!important;min-height:70px!important;padding:0 18px!important}
  .site-header .nav.open,.migrated-page .site-header .nav.open{position:fixed!important;inset:70px 0 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:34px 22px!important;background:#09090b!important;gap:0!important}
  .site-header .nav.open>a,.migrated-page .site-header .nav.open>a{padding:18px 0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;font-size:26px!important;letter-spacing:-.035em!important;text-transform:none!important;opacity:1!important}
  .site-header .nav.open>a:last-child,.migrated-page .site-header .nav.open>a:last-child{margin-top:24px!important;border:0!important;font-size:17px!important;letter-spacing:0!important}
  .wrap{width:min(100% - 32px,1320px)!important}
  .home-v2 .home-hero h1,.migrated-page .hero h1,.case-page .case-hero h1{font-size:clamp(48px,13vw,66px)!important;line-height:.91!important;max-width:none!important}
  .home-v2 .home-hero{padding-top:56px!important}
  .founder-video-frame{min-height:68svh!important;border-radius:20px!important}
  .metric-grid,.proof-grid{grid-template-columns:1fr 1fr!important}
  .modal-form{grid-template-columns:1fr}.modal-form .modal-wide,.modal-form button,.modal-form small{grid-column:auto}
}

@media(max-width:520px){
  .metric-grid,.proof-grid{grid-template-columns:1fr!important}
  .home-v2 .hero-ctas{flex-direction:column;align-items:stretch}
  .pill-cta,.scroll-pill{width:100%}
  .founder-video-frame{min-height:62svh!important}
}