/* =========================================================
   BRAND NEW DAY — Website 2026
   Charte V.2026.05 · Inter + JetBrains Mono
   Beige-led · cobalt hero · softer roundness (the BND dot)
   ========================================================= */
/* ---------------------------------------------------------
   Polices auto-hebergees (RGPD : aucun appel a fonts.googleapis.com,
   donc aucune transmission d'IP visiteur a un tiers).
   Fichiers variables woff2, sous-ensembles latin + latin-ext.
   Les chemins sont relatifs a ce fichier CSS.
   --------------------------------------------------------- */

/* Inter — latin-ext */
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-Variable-latin-ext.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* Inter — latin */
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-Variable-latin.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Inter Italic — latin-ext */
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-Variable-Italic-latin-ext.woff2') format('woff2');
  font-weight:100 900;
  font-style:italic;
  font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* Inter Italic — latin */
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-Variable-Italic-latin.woff2') format('woff2');
  font-weight:100 900;
  font-style:italic;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* JetBrains Mono — latin-ext */
@font-face{
  font-family:'JetBrains Mono';
  src:url('fonts/JetBrainsMono-Variable-latin-ext.woff2') format('woff2');
  font-weight:100 800;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* JetBrains Mono — latin */
@font-face{
  font-family:'JetBrains Mono';
  src:url('fonts/JetBrainsMono-Variable-latin.woff2') format('woff2');
  font-weight:100 800;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

*{box-sizing:border-box;margin:0;padding:0;}

:root{
  --cobalt:#060D1F;
  --cobalt-2:#0C1533;
  --yellow:#FFE000;
  --blue:#1A4BFF;
  --violet:#6537FF;
  --plasma:#FF2E63;

  --beige:#ECE5D6;           /* warm beige base (majority of site) */
  --beige-2:#E3DAC6;         /* deeper band */
  --card:#F6F1E6;            /* light warm card */
  --cream:#F3EEE3;           /* warm text on dark */

  /* text on beige */
  --ink:#060D1F;
  --ink-2:rgba(6,13,31,0.60);
  --ink-3:rgba(6,13,31,0.40);
  --hair:rgba(6,13,31,0.13);
  --hair-2:rgba(6,13,31,0.22);

  /* text on dark */
  --d-tx:#F3EEE3;
  --d-2:rgba(243,238,227,0.60);
  --d-3:rgba(243,238,227,0.34);
  --d-hair:rgba(243,238,227,0.15);
  --d-hair-2:rgba(243,238,227,0.24);

  --aurora-line: linear-gradient(100deg,
    var(--blue) 0%, var(--blue) 25%,
    var(--violet) 25%, var(--violet) 50%,
    var(--plasma) 50%, var(--plasma) 75%,
    var(--yellow) 75%, var(--yellow) 100%);
  --aurora-clip: linear-gradient(100deg,#FFE000 0%,#FFE000 26%,#FF2E63 26%,#FF2E63 56%,#6537FF 56%,#6537FF 82%,#1A4BFF 82%,#1A4BFF 100%);

  --r-pill:999px;
  --r-lg:26px;
  --r-md:16px;
  --r-sm:8px;
  --maxw:1400px;
  --pad:clamp(20px,4.4vw,84px);
}

html{scroll-behavior:smooth;}
html,body{background:var(--beige);}
body{
  font-family:'Inter',sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  cursor:default;
}
::selection{background:var(--plasma);color:#fff;}
.mono{font-family:'JetBrains Mono',monospace;font-feature-settings:"tnum";}
img,svg,video{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
.serif{font-family:inherit;font-style:normal;font-weight:inherit;}

/* ---------- primitives ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}

/* pill label with the BND dot */
.tag{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--hair-2);border-radius:var(--r-pill);padding:9px 18px;}
.on-dark .tag{color:var(--cream);border-color:var(--d-hair-2);}

.clip{background:var(--aurora-clip);-webkit-background-clip:text;background-clip:text;color:transparent;}
.pla{color:var(--plasma);}
/* the signature dot */
.dot{color:var(--plasma);}

h2.sect-title{font-weight:900;letter-spacing:-0.035em;line-height:0.96;text-transform:uppercase;font-size:clamp(34px,5.2vw,74px);}
.lead{font-size:clamp(17px,1.55vw,22px);line-height:1.55;color:var(--ink-2);max-width:52ch;}
.on-dark .lead{color:var(--d-2);}

section{position:relative;}
.pad-y{padding-top:clamp(96px,11vw,168px);padding-bottom:clamp(96px,11vw,168px);}
.on-dark{background:var(--cobalt);color:var(--d-tx);}
.band-cream{background:var(--beige-2);}

.sec-head{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;margin-bottom:clamp(48px,6vw,84px);}
.sec-head .lead{margin-top:22px;}
@media(max-width:860px){.sec-head{grid-template-columns:1fr;}}

/* Reveal */
.reveal{transition:opacity .85s cubic-bezier(.2,.7,.2,1), transform .85s cubic-bezier(.2,.7,.2,1);}
.reveal.pre{opacity:0;transform:translateY(28px);}
.reveal.d1{transition-delay:.09s;} .reveal.d2{transition-delay:.18s;}
.reveal.d3{transition-delay:.27s;} .reveal.d4{transition-delay:.36s;}
@media (prefers-reduced-motion: reduce){.reveal,.reveal.pre{opacity:1;transform:none;transition:none;}}

/* Buttons (pill — roundness) / links */
.btn{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:0.03em;text-transform:uppercase;padding:16px 30px;border-radius:var(--r-pill);border:none;cursor:pointer;transition:transform .18s ease,background .18s,color .18s;line-height:1;}
.btn .arw{transition:transform .18s ease;}
.btn:hover .arw{transform:translateX(3px);}
.btn-ink{background:var(--cobalt);color:var(--cream);}
.btn-ink:hover{transform:translateY(-2px);}
.btn-accent{background:var(--plasma);color:#fff;}
.btn-accent:hover{transform:translateY(-2px);}
.btn-yellow{background:var(--yellow);color:var(--cobalt);}
.btn-yellow:hover{transform:translateY(-2px);}
.on-dark .btn-ink{background:var(--cream);color:var(--cobalt);}
.link-a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:0.03em;text-transform:uppercase;color:var(--plasma);border-bottom:1.5px solid var(--plasma);padding-bottom:4px;transition:gap .18s;}
.link-a:hover{gap:12px;}
.on-dark .link-a{color:var(--yellow);border-color:var(--yellow);}

/* =========================================================
   NAV
   ========================================================= */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(236,229,214,0.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--hair);transition:background .3s;}
.nav-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px var(--pad);}
.brand{display:flex;align-items:center;gap:1px;font-weight:900;font-size:18px;letter-spacing:-0.035em;text-transform:uppercase;line-height:1;color:var(--ink);}
.brand .dot{color:var(--plasma);}
.brand .mono-tag{display:none;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{font-size:12px;font-weight:600;letter-spacing:0.02em;color:var(--ink-2);transition:color .15s;}
.nav-links a:hover{color:var(--ink);}
.nav-links a.acc{color:var(--plasma);}
.nav-right{display:flex;align-items:center;gap:14px;}
.lang{display:inline-flex;align-items:center;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:12px;border:1px solid var(--hair-2);border-radius:var(--r-pill);overflow:hidden;}
.lang button{background:transparent;border:none;color:var(--ink-3);padding:8px 12px;cursor:pointer;font:inherit;transition:background .15s,color .15s;}
.lang button.on{background:var(--cobalt);color:var(--cream);}
.nav .btn{padding:12px 22px;}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.nav-burger span{width:22px;height:2px;background:var(--ink);display:block;}

/* =========================================================
   HERO (cobalt)
   ========================================================= */
.hero{background:var(--cobalt);color:var(--d-tx);padding-top:clamp(140px,17vh,210px);padding-bottom:clamp(72px,9vw,120px);overflow:hidden;}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 50% 55% at 88% 8%, rgba(26,75,255,0.28),transparent 60%),
  radial-gradient(ellipse 55% 50% at 96% 74%, rgba(255,46,99,0.20),transparent 62%),
  radial-gradient(ellipse 46% 50% at 4% 96%, rgba(255,224,0,0.07),transparent 55%);}
.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr 0.96fr;gap:clamp(30px,4vw,70px);align-items:center;}
.hero-eyebrow{margin-bottom:30px;}
.hero h1{font-weight:900;letter-spacing:-0.04em;line-height:0.98;text-transform:uppercase;font-size:clamp(36px,5vw,80px);color:#fff;}
.hero h1 .ln{margin-bottom:0.04em;}
.hero h1 .ln{display:block;}
.hero h1 .pla{color:var(--plasma);}
.hero h1 .clip{background:var(--aurora-clip);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-sub{margin-top:34px;font-size:clamp(16px,1.4vw,20px);line-height:1.6;color:var(--d-2);max-width:44ch;}
.hero-sub strong{color:var(--cream);font-weight:600;}
.hero-cta{margin-top:40px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}

.hero-visual{position:relative;}
.hero-photo{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--cobalt-2);border-radius:var(--r-lg);}
.hero-photo image-slot{width:100%;height:100%;}
.hero-stat{position:absolute;left:-6%;bottom:8%;z-index:4;background:var(--card);color:var(--ink);padding:18px 24px 16px;border-radius:var(--r-md);}
.hero-stat .n{font-weight:900;font-size:54px;line-height:0.85;letter-spacing:-0.04em;}
.hero-stat .n .u{color:var(--plasma);}
.hero-stat .l{font-size:12px;color:var(--ink-2);margin-top:8px;max-width:16ch;line-height:1.35;}
.hero-badge{position:absolute;top:6%;right:-3%;z-index:4;background:var(--yellow);color:var(--cobalt);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:10px 16px;border-radius:var(--r-pill);}
@media(max-width:1040px){
  .hero-grid{grid-template-columns:1fr;gap:44px;}
  .hero-copy{order:1;} .hero-visual{order:2;max-width:440px;width:100%;margin:0 auto;}
  .hero-stat{left:-3%;}
}

/* =========================================================
   TRUST (logo slots)
   ========================================================= */
.trust{background:var(--cobalt);padding-bottom:clamp(48px,6vw,80px);}
.trust-in{display:flex;flex-direction:column;gap:22px;}
.trust-lead{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--d-3);}
.logo-row{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(18px,2.6vw,44px);background:#F3EEE3;padding:clamp(24px,3vw,40px) clamp(28px,3.4vw,52px);border-radius:14px;align-items:center;}
@media(max-width:760px){.logo-row{grid-template-columns:repeat(3,1fr);}}
.logo-chip{height:52px;border:none;border-radius:0;overflow:hidden;background:none;}
.logo-chip image-slot{width:100%;height:100%;}
.trust-meta{display:none;}

/* =========================================================
   STAT ROW
   ========================================================= */
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.statrow .s{background:var(--card);border-radius:var(--r-md);padding:34px 30px;}
.statrow .s .n{font-weight:900;font-size:clamp(38px,4.4vw,58px);letter-spacing:-0.045em;line-height:0.9;}
.statrow .s .n .u{color:var(--plasma);}
.statrow .s .l{font-size:13px;color:var(--ink-2);margin-top:12px;line-height:1.35;}
@media(max-width:760px){.statrow{grid-template-columns:1fr 1fr;}}

/* =========================================================
   MANIFESTO (two-tone)
   ========================================================= */
.manifesto .big{font-weight:900;letter-spacing:-0.035em;line-height:1.02;text-transform:uppercase;font-size:clamp(30px,4.6vw,68px);color:var(--ink-3);max-width:22ch;}
.manifesto .big em,.manifesto .big .serif{font-style:normal;color:var(--ink);}
.manifesto .foot{margin-top:40px;}

/* =========================================================
   PILLARS (rounded cards, breathing)
   ========================================================= */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.pillar{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-lg);padding:38px 32px 40px;min-height:300px;transition:transform .2s;}
.pillar:hover{transform:translateY(-4px);}
.pillar .p-mark{width:44px;height:44px;border-radius:50%;background:rgba(255,46,99,0.12);color:var(--plasma);display:flex;align-items:center;justify-content:center;margin-bottom:auto;}
.pillar .p-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;}
.pillar.b .p-mark{background:rgba(26,75,255,0.12);color:var(--blue);}
.pillar.y .p-mark{background:rgba(255,224,0,0.22);color:#8f7500;}
.pillar h3{font-weight:900;font-size:22px;letter-spacing:-0.02em;text-transform:uppercase;line-height:1.02;margin-top:28px;}
.pillar p{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin-top:12px;}
.pillar .p-idx,.pillar .p-top-accent{display:none;}
@media(max-width:860px){.pillars{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.pillars{grid-template-columns:1fr;}}

/* =========================================================
   PROCESS (dark — Insightive)
   ========================================================= */
.process-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,4.5vw,80px);align-items:center;}
@media(max-width:900px){.process-grid{grid-template-columns:1fr;}}
.process-media .device{position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--r-lg);overflow:hidden;background:var(--cobalt-2);}
.process-media .device image-slot{width:100%;height:100%;}
.process-media .big-ast{display:none;}
.process-stats{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap;}
.process-stats .ps .n{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:32px;line-height:0.9;color:var(--yellow);letter-spacing:-0.01em;}
.process-stats .ps .l{font-size:12px;color:var(--d-2);margin-top:8px;}
.process-copy .steps{margin-top:34px;display:flex;flex-direction:column;gap:2px;}
.process-copy .step{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--d-hair);}
.process-copy .step:last-child{border-bottom:1px solid var(--d-hair);}
.process-copy .step .si{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;color:var(--plasma);line-height:1;padding-top:6px;}
.process-copy .step h4{font-weight:800;font-size:20px;letter-spacing:-0.01em;color:var(--cream);text-transform:uppercase;}
.process-copy .step p{font-size:14px;line-height:1.5;color:var(--d-2);margin-top:7px;max-width:52ch;}
.process-note{margin-top:24px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.04em;color:var(--d-3);}

/* =========================================================
   WORLDS (rounded photo tiles)
   ========================================================= */
.worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:900px){.worlds{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.worlds{grid-template-columns:1fr;}}
.world{position:relative;border-radius:var(--r-lg);min-height:420px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:var(--cobalt);color:#fff;padding:30px;border:1px solid rgba(255,255,255,0.08);transition:transform .2s ease,box-shadow .2s ease;}
.world:hover{transform:translateY(-4px);box-shadow:0 26px 52px rgba(6,13,31,0.30);}
.world::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;z-index:2;background:var(--yellow);}
.world.w-insightive::before{background:var(--blue);}
.world.w-academy::before{background:var(--violet);}
.world.w-cc::before{background:var(--plasma);}
.world .w-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.world .w-idx{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;letter-spacing:0.08em;color:rgba(243,238,227,0.55);}
.world .w-kick{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(243,238,227,0.4);}
.world .w-name{font-weight:900;font-size:clamp(25px,2.1vw,32px);letter-spacing:-0.03em;color:#fff;text-transform:uppercase;line-height:0.98;margin-top:24px;}
.world .w-name .dot{color:var(--yellow);}
.world.w-insightive .w-name .dot{color:var(--blue);}
.world.w-cc .w-name .dot{color:var(--plasma);}
.world p{font-size:13.5px;line-height:1.5;color:rgba(243,238,227,0.8);margin-top:12px;max-width:30ch;}
.world .w-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:24px;}
.world .w-chips span{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.03em;text-transform:uppercase;color:rgba(243,238,227,0.82);border:1px solid rgba(255,255,255,0.16);border-radius:var(--r-pill);padding:5px 11px;}
.world .w-go{margin-top:20px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:8px;transition:gap .2s;}
.world:hover .w-go{gap:13px;}

/* =========================================================
   RESULTS (rounded, stat overlay)
   ========================================================= */
.results-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;}
@media(max-width:900px){.results-grid{grid-template-columns:1fr 1fr;}.result.r1{grid-column:span 2;}}
@media(max-width:620px){.results-grid{grid-template-columns:1fr;}.result.r1{grid-column:span 1;}}
.result{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;}
.result image-slot{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.result .scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,13,31,0) 42%,rgba(6,13,31,0.9) 100%);pointer-events:none;}
.result .r-content{position:relative;z-index:2;padding:30px;}
.result .r-badge{position:absolute;top:24px;left:24px;z-index:2;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;background:var(--yellow);color:var(--cobalt);padding:8px 13px;border-radius:var(--r-pill);}
.result .r-client{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(243,238,227,0.72);}
.result .r-stat{font-weight:900;letter-spacing:-0.045em;line-height:0.84;margin-top:8px;font-size:clamp(58px,6vw,92px);color:#fff;text-transform:uppercase;}
.result .r-stat .u{color:var(--plasma);}
.result .r-desc{font-size:14px;color:rgba(243,238,227,0.8);margin-top:14px;max-width:34ch;line-height:1.45;}
.result .r-sub{display:flex;gap:16px;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(243,238,227,0.72);flex-wrap:wrap;}
.result .r-sub b{color:var(--yellow);font-weight:700;}

/* PROOF (we prove it) */
.proof{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,3vw,50px);align-items:stretch;}
@media(max-width:860px){.proof{grid-template-columns:1fr;}}
.proof-media{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(380px,44vw,560px);isolation:isolate;background:var(--cobalt-2);}
.proof-media image-slot{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.proof-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,13,31,0) 38%,rgba(6,13,31,0.92) 100%);pointer-events:none;}
.proof-stats{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-wrap:wrap;gap:clamp(22px,3vw,44px);padding:clamp(24px,3vw,38px);}
.proof-stats .pf .n{font-weight:900;letter-spacing:-0.04em;line-height:0.9;font-size:clamp(38px,4.4vw,60px);color:#fff;}
.proof-stats .pf .l{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.04em;text-transform:uppercase;color:rgba(243,238,227,0.82);margin-top:8px;}
.proof-copy{display:flex;flex-direction:column;justify-content:center;}
.proof-copy .c-client{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--plasma);}
.proof-copy .proof-kick{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3);margin-top:16px;}
.proof-copy h3{font-weight:900;letter-spacing:-0.035em;line-height:0.94;text-transform:uppercase;font-size:clamp(34px,4.6vw,62px);margin-top:12px;color:var(--ink);}
.proof-copy p{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--ink-2);margin-top:22px;max-width:46ch;}

/* Studio see-more */
.studio-cta{margin-top:clamp(28px,3vw,46px);display:flex;}

/* =========================================================
   OFFER (single, from €990/mo)
   ========================================================= */
.offer{display:grid;grid-template-columns:1.06fr 0.94fr;gap:clamp(32px,4vw,64px);align-items:center;}
@media(max-width:860px){.offer{grid-template-columns:1fr;}}
.offer-copy .pipeline{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 32px;}
.offer-copy .pipeline .step{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--hair-2);border-radius:var(--r-pill);padding:9px 16px;}
.offer-price{background:var(--cobalt);color:var(--d-tx);border-radius:var(--r-lg);padding:clamp(36px,4vw,56px);position:relative;overflow:hidden;}
.offer-price .op-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 70% at 90% 0%,rgba(255,46,99,0.28),transparent 60%),radial-gradient(ellipse 60% 60% at 0% 100%,rgba(26,75,255,0.24),transparent 60%);}
.offer-price > *{position:relative;z-index:2;}
.offer-price .from{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--d-2);}
.offer-price .amount{font-weight:900;font-size:clamp(64px,8vw,104px);letter-spacing:-0.05em;line-height:0.9;margin-top:10px;color:#fff;}
.offer-price .amount .per{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:500;letter-spacing:0;color:var(--d-2);}
.offer-price .amount .dot{color:var(--plasma);}
.offer-price .oneline{font-size:15.5px;line-height:1.5;color:var(--d-2);margin-top:26px;max-width:34ch;}
.offer-price .op-cta{margin-top:30px;}

/* =========================================================
   CLIENTS (logo slots) + TESTIMONIALS
   ========================================================= */
.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
@media(max-width:900px){.logo-wall{grid-template-columns:repeat(3,1fr);}}
@media(max-width:520px){.logo-wall{grid-template-columns:repeat(2,1fr);}}
.logo-cell{height:96px;background:var(--card);border-radius:var(--r-md);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.logo-cell image-slot{width:100%;height:100%;}
.logo-cell.more{font-weight:800;font-size:15px;letter-spacing:-0.01em;color:var(--plasma);}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;}
@media(max-width:900px){.quotes{grid-template-columns:1fr;}}
.quote{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-lg);padding:34px 32px;}
.quote .stars{color:var(--plasma);font-size:15px;letter-spacing:3px;margin-bottom:20px;}
.quote p{font-size:16.5px;line-height:1.5;color:var(--ink);flex:1;}
.quote .who{margin-top:26px;padding-top:20px;border-top:1px solid var(--hair);}
.quote .who .n{font-weight:800;font-size:14.5px;}
.quote .who .r{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-2);margin-top:4px;}

/* Leadership quote */
.lead-quote{background:var(--beige-2);}
.lead-quote blockquote{font-weight:900;letter-spacing:-0.03em;line-height:1.04;text-transform:uppercase;font-size:clamp(28px,4vw,58px);max-width:22ch;color:var(--ink);}
.lead-quote blockquote .it{font-style:normal;color:var(--plasma);}
.lead-quote .attr{margin-top:32px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.04em;color:var(--ink-2);}
.lead-quote .attr b{color:var(--ink);font-weight:700;}

/* =========================================================
   CC + OFFICES
   ========================================================= */
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:820px){.split{grid-template-columns:1fr;}}
.teaser{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;}
.teaser image-slot{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.teaser .scrim{position:absolute;inset:0;z-index:1;pointer-events:none;}
.teaser.cc .scrim{background:linear-gradient(180deg,rgba(6,13,31,0.2),rgba(6,13,31,0.85)),radial-gradient(ellipse 70% 60% at 18% 0%,rgba(255,46,99,0.4),transparent 60%);}
.teaser.offices .scrim{background:linear-gradient(180deg,rgba(6,13,31,0) 38%,rgba(6,13,31,0.88) 100%);}
.teaser .t-content{position:relative;z-index:2;padding:38px;pointer-events:none;}
.teaser .t-content a,.teaser .t-content .btn,.teaser .t-content button{pointer-events:auto;}
.teaser h3{color:#fff;font-weight:900;font-size:clamp(28px,3.4vw,44px);letter-spacing:-0.03em;text-transform:uppercase;line-height:1.0;max-width:15ch;}
.teaser p{font-size:15px;line-height:1.5;color:rgba(243,238,227,0.82);margin-top:16px;max-width:40ch;}
.teaser .t-cta{margin-top:28px;}
.teaser .tag{color:#fff;} .teaser .tag::before{background:var(--yellow);}

/* =========================================================
   IMAGE BAND (replaces poster) — big rounded photo
   ========================================================= */
.imgband{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(360px,46vw,560px);display:flex;align-items:flex-end;isolation:isolate;}
.imgband image-slot{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.imgband .ib-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,13,31,0.15),rgba(6,13,31,0.7));pointer-events:none;}
.imgband .ib-content{position:relative;z-index:2;padding:clamp(30px,5vw,64px);max-width:900px;}
.imgband h2{color:#fff;font-weight:900;letter-spacing:-0.04em;line-height:0.92;text-transform:uppercase;font-size:clamp(38px,6vw,88px);}

/* =========================================================
   FINAL CTA (dark)
   ========================================================= */
.final{overflow:hidden;background:var(--cobalt);color:var(--d-tx);}
.final-bg{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 60% 60% at 100% 0%, rgba(26,75,255,0.26),transparent 55%),
  radial-gradient(ellipse 70% 60% at 0% 100%, rgba(255,46,99,0.24),transparent 55%);}
.final h2{font-weight:900;letter-spacing:-0.04em;line-height:0.9;text-transform:uppercase;font-size:clamp(46px,8vw,120px);position:relative;color:#fff;}
.final .lead{color:var(--d-2);position:relative;}
.final .tag{color:var(--cream);border-color:var(--d-hair-2);position:relative;}
.final .link-a{color:var(--yellow);border-color:var(--yellow);}
.final .final-cta{margin-top:44px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;position:relative;}

/* =========================================================
   CONTACT FORM
   ========================================================= */
.cf-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(32px,4vw,76px);align-items:start;position:relative;}
.final .cf-copy h2{font-size:clamp(40px,5.6vw,84px);}
.final .cf-meta{color:var(--d-2);}
.final .cf-meta a{color:var(--cream);}
.final .cf-meta a:hover{color:var(--yellow);}
.final .final-cta{margin-top:30px;}
@media(max-width:900px){.cf-grid{grid-template-columns:1fr;}}
.cf-meta{margin-top:34px;display:flex;flex-direction:column;gap:8px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-2);}
.cf-meta a:hover{color:var(--plasma);}
.cform{background:var(--card);border-radius:var(--r-lg);padding:clamp(26px,3.2vw,50px);}
.cf-body{display:flex;flex-direction:column;gap:18px;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:620px){.cf-row{grid-template-columns:1fr;}}
.cform label{display:flex;flex-direction:column;gap:9px;}
.cform label > span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-2);}
.cform input,.cform select,.cform textarea{font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--ink);background:#FBF8F1;border:1px solid var(--hair-2);border-radius:12px;padding:14px 16px;width:100%;outline:none;transition:border-color .16s,box-shadow .16s;}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--plasma);box-shadow:0 0 0 3px rgba(255,46,99,0.12);}
.cform textarea{resize:vertical;min-height:112px;line-height:1.5;}
.cform label.err > span{color:var(--plasma);}
.cform label.err input,.cform label.err textarea{border-color:var(--plasma);}
.cf-wide{grid-column:1/-1;}
.cform select{padding-right:44px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDYwRDFGJyBzdHJva2Utd2lkdGg9JzInPjxwYXRoIGQ9J002IDlsNiA2IDYtNicvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:right 14px center;background-size:17px;text-overflow:ellipsis;}
.cf-consent{flex-direction:row!important;align-items:flex-start;gap:12px!important;margin-top:4px;}
.cf-consent input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--plasma);margin-top:1px;padding:0;border-radius:5px;}
.cf-consent > span{font-family:'Inter',sans-serif!important;font-size:13.5px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.45;color:var(--ink-2);}
.cf-consent.err > span{color:var(--plasma);}
.cf-submit{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px;}
.cf-note{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-3);}
.cf-ok{display:none;text-align:left;padding:clamp(18px,3vw,44px) 0;}
.cf-ok-mark{width:56px;height:56px;border-radius:50%;background:var(--plasma);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:26px;}
.cf-ok h3{font-weight:900;font-size:clamp(26px,2.6vw,38px);letter-spacing:-0.03em;text-transform:uppercase;line-height:1;}
.cf-ok p{font-size:15.5px;line-height:1.55;color:var(--ink-2);margin-top:14px;max-width:38ch;}
.cform.sent .cf-body{display:none;}
.cform.sent .cf-ok{display:block;}

/* =========================================================
   FOOTER (dark)
   ========================================================= */
footer{background:var(--cobalt);color:var(--d-tx);padding-top:76px;padding-bottom:44px;}
footer .band-top{height:3px;border-radius:var(--r-pill);background:var(--aurora-line);margin-bottom:60px;}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr;}}
.foot-brand .big-logo{font-weight:900;font-size:48px;letter-spacing:-0.045em;text-transform:uppercase;line-height:0.85;color:#fff;}
.foot-brand .big-logo .dot{color:var(--yellow);}
.foot-brand p{font-size:14px;color:var(--d-2);margin-top:20px;line-height:1.6;max-width:34ch;}
.foot-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--d-3);margin-bottom:18px;}
.foot-col a,.foot-col .fi{display:block;font-size:14.5px;color:var(--d-2);margin-bottom:11px;transition:color .15s;}
.foot-col a:hover{color:var(--cream);}
.foot-col .fi{font-family:'JetBrains Mono',monospace;font-size:13px;}
.foot-bottom{margin-top:60px;padding-top:26px;border-top:1px solid var(--d-hair);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--d-3);}

/* Mobile nav */
@media(max-width:960px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--beige);border-bottom:1px solid var(--hair);padding:8px var(--pad) 20px;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:15px 0;width:100%;border-bottom:1px solid var(--hair);font-size:16px;}
  .nav-burger{display:flex;}
}

/* =========================================================
   ECOSYSTEM / INSIGHTS (replaces manifesto)
   ========================================================= */
.eco-head{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;margin-bottom:clamp(40px,5vw,64px);}
@media(max-width:860px){.eco-head{grid-template-columns:1fr;}}
.eco-head h2{font-weight:900;letter-spacing:-0.035em;line-height:0.98;text-transform:uppercase;font-size:clamp(30px,4.6vw,62px);color:var(--ink);}
.eco-head h2 .dot{color:var(--plasma);}
.eco-head .lead{margin-top:0;}
.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:860px){.eco-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.eco-grid{grid-template-columns:1fr;}}
.eco-card{background:var(--card);border-radius:var(--r-lg);padding:32px 30px;display:flex;flex-direction:column;min-height:236px;}
.eco-card .k{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--plasma);}
.eco-card h3{font-weight:800;font-size:20px;letter-spacing:-0.01em;text-transform:uppercase;margin-top:16px;line-height:1.02;}
.eco-card p{font-size:14px;line-height:1.55;color:var(--ink-2);margin-top:14px;margin-bottom:auto;}

/* =========================================================
   INSIGHT QUOTE (Delhaize — inside Insightive)
   ========================================================= */
.insight-quote{margin-top:clamp(52px,6vw,84px);display:grid;grid-template-columns:auto 1fr minmax(200px,260px);gap:clamp(20px,3vw,44px);align-items:start;border-top:1px solid var(--d-hair);padding-top:clamp(40px,5vw,60px);}
@media(max-width:820px){.insight-quote{grid-template-columns:1fr;gap:24px;}}
.iq-photo{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:var(--cobalt-2);}
.iq-photo image-slot{width:100%;height:100%;}
.insight-quote .iq-mark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(90px,10vw,150px);line-height:0.66;color:var(--yellow);}
.insight-quote .iq-body p{font-weight:700;font-size:clamp(22px,2.9vw,38px);letter-spacing:-0.02em;line-height:1.18;color:var(--cream);max-width:24ch;}
.insight-quote .iq-body p .hl{color:var(--yellow);}
.insight-quote .iq-meta{margin-top:28px;}
.insight-quote .iq-who{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--d-2);}
.insight-quote .iq-who b{color:var(--cream);font-weight:700;}
.insight-quote .iq-trust{margin-top:18px;font-size:15.5px;line-height:1.55;color:var(--d-2);max-width:56ch;border-left:2px solid var(--yellow);padding-left:16px;}

/* =========================================================
   STUDIO GALLERY (DDS)
   ========================================================= */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,1fr);gap:14px;}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(170px,1fr);}}
.gallery .g{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--cobalt-2);}
.gallery .g image-slot{width:100%;height:100%;}
.gallery .g.wide{grid-column:span 2;}
.gallery .g.tall{grid-row:span 2;}
@media(max-width:760px){.gallery .g.wide{grid-column:span 2;}.gallery .g.tall{grid-row:span 1;}}

/* Reel showreel — aspect-locked slots (9:16 video / reels, 4:5 photos) */
.reelstrip{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.reelstrip .rs{position:relative;flex:0 0 auto;height:clamp(340px,44vw,540px);border-radius:var(--r-md);overflow:hidden;background:var(--cobalt-2);scroll-snap-align:start;}
.reelstrip .rs.r916{aspect-ratio:9/16;}
.reelstrip .rs.r45{aspect-ratio:4/5;}
.reelstrip .rs image-slot{width:100%;height:100%;}
.reelstrip .rs-tag{position:absolute;left:12px;bottom:12px;z-index:3;pointer-events:none;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.04em;text-transform:uppercase;color:#fff;background:rgba(6,13,31,0.62);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.18);border-radius:var(--r-pill);padding:5px 10px;}
.reelstrip::-webkit-scrollbar{height:8px;}
.reelstrip::-webkit-scrollbar-track{background:transparent;}
.reelstrip::-webkit-scrollbar-thumb{background:var(--hair);border-radius:99px;}
@media(max-width:760px){.reelstrip .rs{height:clamp(300px,72vw,440px);}}

/* =========================================================
   CASE STUDY (Leapmotor)
   ========================================================= */
.case{display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(32px,4vw,64px);align-items:center;}
@media(max-width:900px){.case{grid-template-columns:1fr;}}
.case-media{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;background:var(--cobalt-2);}
.case-media image-slot{width:100%;height:100%;}
.case-media .c-badge{position:absolute;top:22px;left:22px;z-index:2;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;background:var(--yellow);color:var(--cobalt);padding:9px 14px;border-radius:var(--r-pill);}
.case-copy .c-client{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--plasma);}
.case-copy h2{font-weight:900;letter-spacing:-0.035em;line-height:0.96;text-transform:uppercase;font-size:clamp(34px,4.6vw,64px);margin-top:16px;}
.case-copy h2 .dot{color:var(--plasma);}
.case-copy .c-lead{font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:var(--ink-2);margin-top:22px;max-width:46ch;}
.case-points{margin-top:34px;display:flex;flex-direction:column;gap:2px;}
.case-points .cp{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--hair);}
.case-points .cp:last-child{border-bottom:1px solid var(--hair);}
.case-points .cp .ci{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--plasma);padding-top:5px;}
.case-points .cp h4{font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:-0.01em;}
.case-points .cp p{font-size:14px;color:var(--ink-2);margin-top:5px;line-height:1.5;}

/* =========================================================
   TEAM
   ========================================================= */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:900px){.team-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.team-grid{grid-template-columns:1fr;}}
.member{display:flex;flex-direction:column;}
.member .m-photo{position:relative;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:var(--card);}
.member .m-photo image-slot{width:100%;height:100%;}
.member .m-name{font-weight:800;font-size:17px;letter-spacing:-0.01em;margin-top:16px;}
.member .m-role{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-2);margin-top:5px;}

/* Full-width CC teaser */
.teaser.full{min-height:clamp(360px,42vw,520px);}