/* ═══════════════════════════════════════════════════════════
   Orbital Web — page d'accueil
   Dépend de base.css (jetons, boutons, champs) et fx.css (décor Halloween).
   ═══════════════════════════════════════════════════════════ */

/* ── Navigation ──────────────────────────────────────────── */
.nav{ position:sticky; top:12px; z-index:60; padding-inline:var(--gut); margin:12px 0 -76px; }
.nav__pill{
  position:relative; max-width:var(--wrap); margin-inline:auto;
  display:flex; align-items:center; gap:14px; padding:8px 8px 8px 20px; border-radius:999px;
  background:var(--nav-bg); border:1px solid var(--line);
  -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
  box-shadow:0 1px 2px rgba(0,0,0,.08), 0 18px 44px -24px rgba(0,0,0,.55);
  transition:box-shadow .35s var(--ease), background-color .35s var(--ease);
}
.nav.is-stuck .nav__pill{ box-shadow:0 1px 2px rgba(0,0,0,.1), 0 24px 54px -22px rgba(0,0,0,.7); }
.nav__progress{ position:absolute; left:30px; right:30px; bottom:-1px; height:2px; border-radius:2px; overflow:hidden; pointer-events:none; }
.nav__progress i{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--ignition),var(--plasma)); }

.nav__links{ display:flex; align-items:center; gap:2px; margin-left:auto; }
.nav__links a{
  position:relative; white-space:nowrap; text-decoration:none; padding:9px 14px; border-radius:999px;
  font-size:14.5px; font-weight:500; color:var(--fg-2); transition:background-color .22s, color .22s;
}
.nav__links a:hover{ background:var(--surface-2); color:var(--fg); }
.nav__links a.is-active{ color:var(--ignition-l); }
:root[data-theme="day"] .nav__links a.is-active{ color:var(--ignition-d); }
.nav__end{ display:flex; align-items:center; gap:8px; }

.burger{
  display:none; border:1px solid var(--line-2); background:var(--surface); width:42px; height:42px; border-radius:50%;
  cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px;
}
.burger span{ display:block; width:16px; height:1.6px; background:var(--fg); border-radius:2px; transition:transform .3s var(--ease), opacity .2s; }
.burger[aria-expanded="true"] span:first-child{ transform:translateY(3.3px) rotate(45deg); }
.burger[aria-expanded="true"] span:last-child{ transform:translateY(-3.3px) rotate(-45deg); }

.menu{ position:fixed; inset:0; z-index:55; background:color-mix(in srgb,var(--bg) 96%,transparent); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); padding:118px var(--gut) 40px; overflow-y:auto; }
.menu__inner{ display:flex; flex-direction:column; max-width:520px; margin-inline:auto; }
.menu__inner a{
  display:flex; align-items:baseline; gap:16px; text-decoration:none; padding:16px 4px; border-bottom:1px solid var(--line);
  font:600 27px/1.1 var(--display); letter-spacing:-.03em;
}
.menu__inner a em{ font:500 10px var(--mono); font-style:normal; color:var(--ignition); letter-spacing:.1em; }
.menu__cta{ margin-top:26px; display:flex; flex-direction:column; gap:10px; }
.menu__cta .btn{ justify-content:center; padding:17px; font-size:12px; border-bottom:0 !important; }

/* ── Hero ────────────────────────────────────────────────── */
.hero{
  position:relative; overflow:hidden; display:flex; align-items:center;
  min-height:min(100svh,1000px); padding:clamp(118px,13vw,160px) 0 clamp(70px,8vw,120px);
}
.hero__bg{ position:absolute; inset:0; pointer-events:none; }
.hero__bg::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(52% 60% at 82% 28%, rgba(110,86,248,.20), transparent 70%),
    radial-gradient(44% 50% at 6% 92%, rgba(255,90,31,.16), transparent 70%);
}
:root[data-theme="day"] .hero__bg::before{
  background:
    radial-gradient(50% 60% at 84% 30%, rgba(255,90,31,.12), transparent 70%),
    radial-gradient(40% 50% at 4% 96%, rgba(110,86,248,.10), transparent 70%);
}
.hero__grid{
  position:absolute; left:-10%; right:-10%; bottom:-6%; height:56%;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:68px 68px;
  -webkit-mask-image:linear-gradient(to top,#000 0%,transparent 88%); mask-image:linear-gradient(to top,#000 0%,transparent 88%);
  transform:perspective(700px) rotateX(62deg); transform-origin:50% 100%; opacity:.6;
  animation:gridMove 14s linear infinite;
}
@keyframes gridMove{ to{ background-position:0 68px,68px 0; } }

.hero__inner{
  position:relative; z-index:2; width:100%;
  display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); align-items:center;
  gap:clamp(24px,4vw,70px);
}
.hero__copy{ display:flex; flex-direction:column; align-items:flex-start; gap:0; min-width:0; }
.hero__badges{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px; }
.hero__badges .chip{ animation:fadeUp .9s var(--ease-out) .1s backwards; }
.hero__badges .chip + .chip{ animation-delay:.22s; }
.cd{ font-variant-numeric:tabular-nums; }

.hero__h1{ font:800 clamp(44px,6.8vw,106px)/.93 var(--display); letter-spacing:-.057em; text-wrap:balance; }
.hero__h1 .l1,.hero__h1 .l2{ display:block; }
.hero__h1 .w{ display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.08em; margin-bottom:-.08em; }
.hero__h1 .w > span{ display:inline-block; transform:translateY(112%) rotate(4deg); animation:wordIn 1s var(--ease-out) forwards; animation-delay:calc(.15s + var(--i) * .09s); }
.hero__h1 .l2{
  width:fit-content; padding-bottom:.06em;
  background:linear-gradient(95deg,var(--ignition) 0%,var(--ignition-l) 42%,var(--plasma-l) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:wipe 1.3s var(--ease-out) .62s backwards, flicker 6s ease-in-out 2.4s infinite;
}
html[data-theme="day"] .hero__h1 .l2{ animation:wipe 1.3s var(--ease-out) .62s backwards; }
@keyframes wordIn{ to{ transform:none; } }
@keyframes wipe{ from{ clip-path:inset(0 100% 0 0); opacity:.2; } to{ clip-path:inset(0 0 0 0); opacity:1; } }
@keyframes flicker{
  0%,100%{ filter:drop-shadow(0 0 18px rgba(255,90,31,.28)); }
  8%{ filter:drop-shadow(0 0 30px rgba(255,120,40,.55)); }
  12%{ filter:drop-shadow(0 0 12px rgba(255,90,31,.2)); }
  18%{ filter:drop-shadow(0 0 26px rgba(255,120,40,.5)); }
  60%{ filter:drop-shadow(0 0 22px rgba(163,148,255,.4)); }
}
@keyframes fadeUp{ from{ opacity:0; transform:translateY(22px); } }

.hero__sub{ margin-top:28px; max-width:52ch; color:var(--fg-2); font-size:clamp(16.5px,1.35vw,19.5px); text-wrap:pretty; animation:fadeUp 1s var(--ease-out) .85s backwards; }
.hero__actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; animation:fadeUp 1s var(--ease-out) 1s backwards; }
.proofs{ display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:34px; color:var(--fg-3); font-size:14px; animation:fadeUp 1s var(--ease-out) 1.15s backwards; }
.proofs li{ display:inline-flex; align-items:center; gap:9px; }
.proofs svg{ width:15px; height:15px; color:var(--ignition); flex:none; }
.hero__client{
  margin-top:26px; display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--fg-2);
  font:500 11px/1 var(--mono); letter-spacing:.09em; text-transform:uppercase; animation:fadeUp 1s var(--ease-out) 1.3s backwards;
}
.hero__client svg{ width:15px; height:15px; color:var(--plasma-l); }
.hero__client span{ border-bottom:1px solid var(--line-2); padding-bottom:3px; transition:color .2s, border-color .2s; }
.hero__client:hover span{ color:var(--fg); border-color:var(--ignition); }

/* Visuel : lune, anneaux, satellites, citrouille en orbite */
.hero__art{ position:relative; display:grid; place-items:center; min-width:0; animation:fadeUp 1.2s var(--ease-out) .35s backwards; }
.orb__sat{
  left:0; top:0; z-index:5; padding:8px 13px; border-radius:999px; will-change:transform,opacity;
  border:1px solid var(--line-2); background:color-mix(in srgb,var(--surface) 78%,transparent);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  font:500 10px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--fg); white-space:nowrap;
  box-shadow:0 10px 24px -12px rgba(0,0,0,.6);
}
.orb__sat::before{ content:""; display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:var(--plasma-l); vertical-align:1px; }
.orb__sat.s2::before{ background:var(--ignition); } .orb__sat.s3::before{ background:var(--ok); } .orb__sat.s4::before{ background:var(--warn); }

.orb__card{
  left:-3%; bottom:7%; width:min(60%,310px); z-index:6; padding:16px 18px; border-radius:var(--r-md);
  background:color-mix(in srgb,var(--surface) 82%,transparent); border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(16px) saturate(1.4); backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:0 30px 60px -28px rgba(0,0,0,.75); animation:cardFloat 7s ease-in-out infinite;
}
@keyframes cardFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }
.mini{ display:grid; grid-template-columns:auto 1fr; gap:6px 14px; align-items:center; }
.mini__ring{ width:54px; height:54px; grid-row:span 2; }
.mini__ring circle{ fill:none; stroke-width:5; }
.mini__ring .t{ stroke:var(--line-2); }
.mini__ring .v{ stroke:var(--ignition); stroke-linecap:round; stroke-dasharray:138; stroke-dashoffset:138; animation:ringFill 2s var(--ease-out) 1.2s forwards; transform:rotate(-90deg); transform-origin:50% 50%; }
@keyframes ringFill{ to{ stroke-dashoffset:39; } }
.mini__t{ font:700 15px/1.2 var(--display); letter-spacing:-.02em; }
.mini__s{ font:500 10px/1.3 var(--mono); letter-spacing:.07em; text-transform:uppercase; color:var(--fg-3); }
.mini__feed{ grid-column:1 / -1; margin-top:8px; padding-top:10px; border-top:1px solid var(--line); display:flex; align-items:center; gap:9px; font-size:12.5px; color:var(--fg-2); }
.mini__feed svg{ width:15px; height:15px; color:var(--ok); flex:none; }

.hero .fx-ghost{ right:1%; top:4%; --w:78px; --t:8s; z-index:7; }
.hero__scroll{ position:absolute; left:50%; bottom:22px; z-index:3; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:var(--fg-3); font:500 9.5px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; text-decoration:none; }
.hero__scroll i{ width:1px; height:34px; background:linear-gradient(var(--ignition),transparent); animation:scrollLine 2.2s var(--ease) infinite; transform-origin:top; }
@keyframes scrollLine{ 0%{ transform:scaleY(0); } 50%{ transform:scaleY(1); } 100%{ transform:scaleY(1); opacity:0; } }

/* ── Bandeau défilant ────────────────────────────────────── */
.ticker{ position:relative; overflow:hidden; border-block:1px solid var(--line); padding:19px 0; background:color-mix(in srgb,var(--bg-2) 60%,transparent); }
.ticker::before,.ticker::after{ content:""; position:absolute; top:0; bottom:0; width:clamp(40px,10vw,160px); z-index:2; pointer-events:none; }
.ticker::before{ left:0; background:linear-gradient(90deg,var(--bg),transparent); }
.ticker::after{ right:0; background:linear-gradient(-90deg,var(--bg),transparent); }
.ticker__track{ display:flex; width:max-content; animation:slide 52s linear infinite; }
.ticker:hover .ticker__track{ animation-play-state:paused; }
.ticker__item{ display:flex; align-items:center; gap:24px; padding-right:24px; font:500 12px/1 var(--mono); letter-spacing:.13em; text-transform:uppercase; color:var(--fg-2); white-space:nowrap; }
.ticker__item svg{ width:17px; height:17px; color:var(--ignition); flex:none; }
@keyframes slide{ to{ transform:translateX(-50%); } }

/* ── Sections ────────────────────────────────────────────── */
.section{ position:relative; padding-block:var(--sec); background:var(--sec-bg); }
.head{ display:flex; flex-direction:column; align-items:flex-start; gap:20px; max-width:800px; margin-bottom:clamp(44px,6vw,80px); }
.head--split{ max-width:none; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:end; gap:clamp(20px,5vw,80px); }
.head--split .lead{ justify-self:end; }
.section--blend-top::before{ content:""; position:absolute; left:0; right:0; top:-1px; height:120px; background:linear-gradient(var(--bg),transparent); pointer-events:none; }

/* ── Services (bento) ────────────────────────────────────── */
.bento{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(14px,1.6vw,22px); }
.card{
  position:relative; grid-column:span 6; display:flex; flex-direction:column; min-width:0;
  border-radius:var(--r-lg); border:1px solid var(--line); overflow:hidden;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--bg-2) 94%,transparent));
  box-shadow:var(--shadow-card); transition:transform .55s var(--ease), border-color .4s;
}
.card:hover{ transform:translateY(-5px); border-color:var(--line-2); }
.card--saas{ grid-column:span 7; } .card--mobile{ grid-column:span 5; } .card--auto{ grid-column:span 5; } .card--crm{ grid-column:span 7; }
.card__art{ position:relative; height:clamp(220px,21vw,290px); border-bottom:1px solid var(--line); overflow:hidden; background:
  radial-gradient(70% 90% at 80% 0%, rgba(110,86,248,.14), transparent 70%), color-mix(in srgb,var(--bg-3) 70%,transparent); }
.card__art::after{ content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:34px 34px; opacity:.4; -webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent); mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent); }
.card__art > *{ position:relative; z-index:1; }
.card__body{ padding:clamp(22px,2.3vw,34px); display:flex; flex-direction:column; gap:12px; flex:1; }
.card__top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.card__idx{ font:500 10.5px var(--mono); color:var(--fg-3); letter-spacing:.1em; }
.card__h{ font:700 clamp(23px,2.3vw,32px)/1.08 var(--display); letter-spacing:-.036em; }
.card__p{ color:var(--fg-2); font-size:15.5px; max-width:56ch; }
.chips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:6px; }
.chips li{ font:500 10px/1 var(--mono); letter-spacing:.06em; border:1px solid var(--line-2); border-radius:999px; padding:7px 12px; color:var(--fg-2); transition:border-color .25s, color .25s; }
.card:hover .chips li{ border-color:rgba(255,90,31,.35); }

/* mock SaaS */
.art-saas{ position:absolute !important; inset:20px 24px 0; border:1px solid var(--line-2); border-bottom:0; border-radius:16px 16px 0 0; background:var(--surface); box-shadow:0 -10px 50px -20px rgba(110,86,248,.4); overflow:hidden; display:grid; grid-template-columns:78px 1fr; }
.art-saas__side{ border-right:1px solid var(--line); padding:14px 12px; display:flex; flex-direction:column; gap:10px; }
.art-saas__side i{ display:block; height:8px; border-radius:4px; background:var(--surface-3); }
.art-saas__side i:first-child{ background:var(--ignition); width:60%; }
.art-saas__side i:nth-child(3){ width:70%; } .art-saas__side i:nth-child(4){ width:50%; } .art-saas__side i:nth-child(5){ width:80%; }
.art-saas__main{ padding:14px 16px; display:flex; flex-direction:column; gap:12px; min-width:0; }
.art-saas__kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.art-saas__kpis div{ border:1px solid var(--line); border-radius:10px; padding:9px 11px; background:var(--surface-2); }
.art-saas__kpis small{ display:block; font:500 8.5px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--fg-3); }
.art-saas__kpis b{ font:700 17px/1.2 var(--display); letter-spacing:-.02em; }
.art-saas__kpis b.up::after{ content:"▲"; font-size:8px; margin-left:5px; color:var(--ok); vertical-align:2px; }
.art-saas__chart{ width:100%; height:auto; }
.art-saas__chart .area{ opacity:0; transition:opacity 1.2s ease .8s; }
.art-saas__chart .line{ stroke-dasharray:900; stroke-dashoffset:900; transition:stroke-dashoffset 2.2s var(--ease) .3s; }
.in .art-saas__chart .line{ stroke-dashoffset:0; } .in .art-saas__chart .area{ opacity:1; }
.art-saas__chart .bar{ transform-origin:50% 100%; transform:scaleY(0); transition:transform .9s var(--ease-out); transition-delay:calc(var(--i) * .07s + .5s); transform-box:fill-box; }
.in .art-saas__chart .bar{ transform:scaleY(1); }

/* mock mobile */
.art-mobile{ display:flex !important; justify-content:center; align-items:flex-end; gap:16px; padding-top:22px; }
.phone{ position:relative; width:136px; height:100%; border:1px solid var(--line-2); border-bottom:0; border-radius:26px 26px 0 0; background:var(--surface); padding:12px 10px 0; box-shadow:0 -14px 50px -18px rgba(255,90,31,.45); overflow:hidden; }
.phone::before{ content:""; position:absolute; left:50%; top:6px; width:38px; height:5px; border-radius:3px; background:var(--surface-3); transform:translateX(-50%); }
.phone--b{ transform:translateY(24px) scale(.92); opacity:.85; }
.phone__row{ margin-top:16px; display:flex; flex-direction:column; gap:7px; }
.phone__row i{ display:block; height:8px; border-radius:4px; background:var(--surface-3); }
.phone__row i:nth-child(1){ width:64%; background:var(--ignition); } .phone__row i:nth-child(2){ width:90%; } .phone__row i:nth-child(3){ width:78%; }
.phone__tile{ height:50px; margin-top:10px; border-radius:12px; background:linear-gradient(135deg,rgba(110,86,248,.45),rgba(110,86,248,.12)); border:1px solid var(--line); }
.phone__tile + .phone__tile{ background:linear-gradient(135deg,rgba(255,90,31,.4),rgba(255,90,31,.1)); }
.toast{
  position:absolute; left:50%; top:30px; z-index:3; width:178px; transform:translateX(-50%);
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px;
  background:color-mix(in srgb,var(--surface-2) 92%,transparent); border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 14px 30px -14px rgba(0,0,0,.7);
  font-size:11.5px; line-height:1.3; opacity:0; animation:toastLoop 7s ease-in-out infinite;
}
.toast b{ display:block; font-size:12px; } .toast span{ color:var(--fg-3); font-size:10.5px; }
.toast i{ width:24px; height:24px; border-radius:8px; background:var(--ignition); display:grid; place-items:center; flex:none; color:#fff; font-style:normal; font-weight:700; font-size:12px; }
.toast--2{ animation-delay:3.5s; top:62px; } .toast--2 i{ background:var(--plasma); }
@keyframes toastLoop{ 0%{ opacity:0; transform:translate(-50%,-14px) scale(.96); } 8%,34%{ opacity:1; transform:translate(-50%,0) scale(1); } 44%,100%{ opacity:0; transform:translate(-50%,-8px) scale(.98); } }

/* mock automatisation */
.art-flow{ display:grid !important; place-items:center; padding:16px; }
.flow{ width:100%; max-width:430px; overflow:visible; }
.flow .node{ fill:var(--surface); stroke:var(--line-2); stroke-width:1.2; }
.flow .node-t{ font:600 11px var(--mono); fill:var(--fg); letter-spacing:.04em; }
.flow .node-s{ font:500 8.5px var(--mono); fill:var(--fg-3); letter-spacing:.08em; text-transform:uppercase; }
.flow .wire{ stroke:var(--line-2); stroke-width:1.5; fill:none; stroke-dasharray:4 5; animation:dash 1.2s linear infinite; }
.flow .packet{ fill:var(--ignition); filter:drop-shadow(0 0 6px rgba(255,90,31,.9)); }
@keyframes dash{ to{ stroke-dashoffset:-18; } }

/* mock CRM */
.art-crm{ display:grid !important; place-items:center; padding:20px 26px 0 !important; align-items:end; }
.art-crm img{ width:100%; max-width:560px; border-radius:14px 14px 0 0; box-shadow:0 -10px 50px -16px rgba(255,90,31,.5); transform:translateY(8px); transition:transform .6s var(--ease); }
.card--crm:hover .art-crm img{ transform:translateY(0) scale(1.01); }
.art-crm .tag-auto{ position:absolute; right:26px; top:22px; z-index:2; }

/* ── Méthode ─────────────────────────────────────────────── */
#methode.section{ overflow:hidden; }
.flight{ position:relative; }
.flight__line{ position:absolute; left:26px; top:8px; bottom:8px; width:2px; background:var(--line-2); border-radius:2px; }
.flight__line i{ position:absolute; left:0; top:0; width:100%; height:calc(var(--p,0) * 100%); background:linear-gradient(var(--ignition),var(--plasma)); border-radius:2px; box-shadow:0 0 18px rgba(255,90,31,.7); }
.phases{ display:flex; flex-direction:column; gap:clamp(20px,3vw,34px); }
.phase{ position:relative; padding-left:76px; }
.phase__node{
  position:absolute; left:0; top:12px; width:54px; height:54px; border-radius:50%; display:grid; place-items:center;
  background:var(--bg-2); border:1px solid var(--line-2); font:600 12px var(--mono); color:var(--fg-3);
  transition:border-color .5s, color .5s, box-shadow .5s, background-color .5s;
}
.phase.on .phase__node{ border-color:var(--ignition); color:#fff; background:var(--ignition); box-shadow:0 0 0 7px rgba(255,90,31,.14), 0 0 34px rgba(255,90,31,.55); }
.phase__card{ border-radius:var(--r-lg); border:1px solid var(--line); background:color-mix(in srgb,var(--surface) 80%,transparent); padding:clamp(22px,2.4vw,34px); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.62fr); gap:10px clamp(20px,4vw,56px); align-items:start; transition:border-color .4s, transform .5s var(--ease); }
.phase.on .phase__card{ border-color:var(--line-2); }
.phase__when{ grid-column:1 / -1; font:500 10.5px var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ignition-l); }
.phase__h{ font:700 clamp(24px,2.6vw,36px)/1.05 var(--display); letter-spacing:-.04em; grid-column:1; }
.phase__p{ grid-column:1; color:var(--fg-2); max-width:56ch; }
.phase__out{ grid-column:2; grid-row:2 / span 2; align-self:center; padding:16px 18px; border-radius:var(--r-md); border:1px dashed var(--line-2); background:color-mix(in srgb,var(--bg) 40%,transparent); }
.phase__out span{ display:block; font:500 9.5px var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--fg-3); margin-bottom:7px; }
.phase__out b{ font:600 16px/1.35 var(--display); letter-spacing:-.015em; }
.tele{ margin-top:clamp(50px,7vw,96px); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; background:color-mix(in srgb,var(--surface) 70%,transparent); }
.tele > div{ padding:clamp(22px,3vw,40px) clamp(16px,2.4vw,34px); border-right:1px solid var(--line); display:flex; flex-direction:column; gap:10px; }
.tele > div:last-child{ border-right:0; }
.tele b{ font:800 clamp(40px,5.4vw,78px)/.9 var(--display); letter-spacing:-.05em; background:linear-gradient(180deg,var(--fg) 30%,var(--fg-3)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.tele b em{ font-style:normal; color:var(--ignition); -webkit-text-fill-color:var(--ignition); }
.tele span{ font:500 10.5px/1.4 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--fg-3); }

/* ── Réalisations ────────────────────────────────────────── */
.works{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2.2vw,30px); }
.work{ display:flex; flex-direction:column; gap:20px; text-decoration:none; }
.work:nth-child(even){ transform:translateY(clamp(0px,5vw,72px)); }
.work.rv.in:nth-child(even){ transform:translateY(clamp(0px,5vw,72px)); }
.work__img{ position:relative; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); aspect-ratio:8/5; background:var(--surface); box-shadow:var(--shadow-card); }
.work__img img{ width:100%; height:100%; object-fit:cover; transition:transform 1.1s var(--ease); }
.work:hover .work__img img{ transform:scale(1.06); }
.work__img::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(5,7,15,.55)); opacity:0; transition:opacity .5s; }
.work:hover .work__img::after{ opacity:1; }
.work__tags{ display:flex; flex-wrap:wrap; gap:7px; }
.work__tags span{ font:500 10px/1 var(--mono); letter-spacing:.07em; text-transform:uppercase; border:1px solid var(--line-2); border-radius:999px; padding:7px 12px; color:var(--fg-2); }
.work__tags span:first-child{ color:var(--ignition-l); border-color:rgba(255,90,31,.35); }
:root[data-theme="day"] .work__tags span:first-child{ color:var(--ignition-d); }
.work__h{ font:700 clamp(23px,2.4vw,33px)/1.08 var(--display); letter-spacing:-.036em; }
.work__p{ color:var(--fg-2); max-width:52ch; margin-top:-6px; }

/* ── Espace client ───────────────────────────────────────── */
#client.section{ overflow:hidden; }
#client .bgfx,#contact .bgfx{ -webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent); mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent); }
#client .bgfx{ position:absolute; inset:0; pointer-events:none; background:radial-gradient(50% 55% at 88% 20%,rgba(110,86,248,.22),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(255,90,31,.14),transparent 70%); }
.client{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); gap:clamp(30px,6vw,96px); align-items:center; }
.client__copy{ display:flex; flex-direction:column; gap:22px; align-items:flex-start; }
.feats{ display:grid; gap:18px; margin-top:6px; }
.feat{ display:grid; grid-template-columns:44px 1fr; gap:16px; align-items:start; }
.feat__ic{ width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:rgba(110,86,248,.16); border:1px solid rgba(110,86,248,.35); color:var(--plasma-l); }
.feat:nth-child(2) .feat__ic{ background:rgba(255,90,31,.12); border-color:rgba(255,90,31,.35); color:var(--ignition-l); }
.feat:nth-child(3) .feat__ic{ background:rgba(47,212,143,.1); border-color:rgba(47,212,143,.3); color:var(--ok); }
.feat:nth-child(4) .feat__ic{ background:rgba(255,176,32,.1); border-color:rgba(255,176,32,.3); color:var(--warn); }
.feat__ic svg{ width:21px; height:21px; }
.feat h3{ font:700 17.5px/1.2 var(--display); letter-spacing:-.02em; margin-bottom:4px; }
.feat p{ color:var(--fg-2); font-size:15px; }
.client__cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }

.demo{ position:relative; border-radius:var(--r-lg); border:1px solid var(--line-2); background:linear-gradient(180deg,var(--surface),var(--bg-2)); box-shadow:0 50px 100px -40px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.02) inset; overflow:hidden; }
.demo::before{ content:""; position:absolute; inset:-30% -10% auto; height:60%; background:radial-gradient(closest-side,rgba(110,86,248,.28),transparent); pointer-events:none; }
.demo__bar{ position:relative; display:flex; align-items:center; gap:7px; padding:13px 16px; border-bottom:1px solid var(--line); }
.demo__bar > i{ width:10px; height:10px; border-radius:50%; background:var(--surface-3); }
.demo__bar > i:first-child{ background:var(--ignition); }
.demo__url{ margin-left:10px; flex:1; padding:6px 12px; border-radius:999px; background:var(--surface-2); font:500 10.5px var(--mono); color:var(--fg-3); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.demo__tabs{ position:relative; display:flex; gap:4px; padding:12px 16px 0; border-bottom:1px solid var(--line); }
.demo__tab{ position:relative; border:0; background:transparent; cursor:pointer; padding:11px 16px; font:500 10.5px/1 var(--mono); letter-spacing:.09em; text-transform:uppercase; color:var(--fg-3); border-radius:10px 10px 0 0; transition:color .25s; }
.demo__tab:hover{ color:var(--fg); }
.demo__tab[aria-selected="true"]{ color:var(--fg); }
.demo__tab[aria-selected="true"]::after{ content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:2px; background:linear-gradient(90deg,var(--ignition),var(--plasma)); border-radius:2px; }
.demo__panes{ position:relative; padding:clamp(18px,2.2vw,28px); min-height:410px; }
.pane{ display:none; flex-direction:column; gap:20px; }
.pane.is-on{ display:flex; animation:paneIn .55s var(--ease-out) both; }
@keyframes paneIn{ from{ opacity:0; transform:translateY(14px); } }
.demo__note{ padding:0 clamp(18px,2.2vw,28px) 18px; font:500 9.5px var(--mono); letter-spacing:.09em; text-transform:uppercase; color:var(--fg-3); }

.pj{ display:grid; grid-template-columns:auto 1fr; gap:18px 22px; align-items:center; }
.pj__ring{ width:96px; height:96px; position:relative; }
.pj__ring svg{ width:100%; height:100%; transform:rotate(-90deg); }
.pj__ring circle{ fill:none; stroke-width:8; }
.pj__ring .t{ stroke:var(--surface-3); }
.pj__ring .v{ stroke:url(#gradRing); stroke:var(--ignition); stroke-linecap:round; stroke-dasharray:264; stroke-dashoffset:264; transition:stroke-dashoffset 1.8s var(--ease-out) .2s; }
.in .pj__ring .v,.pane.is-on .pj__ring .v{ stroke-dashoffset:74; }
.pj__ring b{ position:absolute; inset:0; display:grid; place-items:center; font:800 22px var(--display); letter-spacing:-.03em; }
.pj__t{ font:700 20px/1.15 var(--display); letter-spacing:-.03em; }
.pj__s{ margin-top:6px; font:500 10.5px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--fg-3); }
.steps{ display:flex; flex-direction:column; gap:0; }
.step{ position:relative; display:flex; align-items:center; gap:14px; padding:9px 0; font-size:14.5px; color:var(--fg-2); }
.step::before{ content:""; position:absolute; left:10px; top:calc(50% + 11px); bottom:calc(-50% + 11px); width:1px; background:var(--line-2); }
.step:last-child::before{ display:none; }
.step i{ position:relative; z-index:1; width:21px; height:21px; border-radius:50%; flex:none; border:1.5px solid var(--line-2); display:grid; place-items:center; background:var(--surface); }
.step.done i{ background:var(--ok); border-color:var(--ok); }
.step.done i::after{ content:""; width:9px; height:5px; border-left:2px solid #062; border-bottom:2px solid #062; transform:rotate(-45deg) translate(1px,-1px); }
.step.now i{ border-color:var(--ignition); box-shadow:0 0 0 5px rgba(255,90,31,.18); }
.step.now i::after{ content:""; width:7px; height:7px; border-radius:50%; background:var(--ignition); animation:ping 2s infinite; }
.step.now{ color:var(--fg); font-weight:600; }
.step em{ margin-left:auto; font:500 10px var(--mono); font-style:normal; letter-spacing:.07em; color:var(--fg-3); text-transform:uppercase; }
.feedline{ display:flex; gap:12px; align-items:flex-start; padding:13px 15px; border-radius:14px; border:1px solid var(--line); background:var(--surface-2); font-size:14px; color:var(--fg-2); }
.feedline svg{ width:18px; height:18px; color:var(--plasma-l); flex:none; margin-top:2px; }
.feedline small{ display:block; margin-top:4px; font:500 10px var(--mono); letter-spacing:.07em; text-transform:uppercase; color:var(--fg-3); }

.money{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.money > div{ padding:14px 15px; border-radius:14px; border:1px solid var(--line); background:var(--surface-2); }
.money small{ display:block; font:500 9.5px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--fg-3); }
.money b{ display:block; margin-top:8px; font:800 clamp(20px,2.2vw,28px)/1 var(--display); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.money .due{ border-color:rgba(255,90,31,.45); background:rgba(255,90,31,.08); }
.money .due b{ color:var(--ignition-l); }
.paybar{ display:flex; height:10px; border-radius:6px; overflow:hidden; background:var(--surface-3); }
.paybar i{ display:block; height:100%; width:0; transition:width 1.5s var(--ease-out) .2s; }
.paybar i:first-child{ background:var(--ok); } .paybar i:nth-child(2){ background:var(--ignition); }
.pane.is-on .paybar i:first-child{ width:65%; } .pane.is-on .paybar i:nth-child(2){ width:20%; }
.inv{ display:flex; flex-direction:column; }
.inv__row{ display:grid; grid-template-columns:1fr auto auto; gap:14px; align-items:center; padding:12px 0; border-top:1px solid var(--line); font-size:14px; }
.inv__row:first-child{ border-top:0; }
.inv__row b{ display:block; font-weight:600; } .inv__row small{ color:var(--fg-3); font:500 10px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.inv__row .mono{ font-size:13px; }

.bubbles{ display:flex; flex-direction:column; gap:12px; }
.bubble{ max-width:84%; padding:13px 16px; border-radius:18px; font-size:14.5px; line-height:1.5; }
.bubble small{ display:block; margin-top:6px; font:500 9.5px var(--mono); letter-spacing:.08em; text-transform:uppercase; opacity:.7; }
.bubble--me{ align-self:flex-end; background:var(--ignition); color:#fff; border-bottom-right-radius:6px; }
.bubble--team{ align-self:flex-start; background:var(--surface-3); border-bottom-left-radius:6px; }
.typing{ align-self:flex-start; display:inline-flex; gap:5px; padding:14px 16px; border-radius:18px; background:var(--surface-3); }
.typing i{ width:6px; height:6px; border-radius:50%; background:var(--fg-3); animation:typing 1.2s infinite; }
.typing i:nth-child(2){ animation-delay:.15s; } .typing i:nth-child(3){ animation-delay:.3s; }
@keyframes typing{ 0%,60%,100%{ transform:translateY(0); opacity:.5; } 30%{ transform:translateY(-5px); opacity:1; } }

/* ── Avis ────────────────────────────────────────────────── */
.quotes{ position:relative; display:flex; flex-direction:column; gap:18px; overflow:hidden; margin-inline:calc(var(--gut) * -1); padding-inline:0; }
.quotes::before,.quotes::after{ content:""; position:absolute; top:0; bottom:0; width:clamp(40px,10vw,180px); z-index:2; pointer-events:none; }
.quotes::before{ left:0; background:linear-gradient(90deg,var(--bg),transparent); } .quotes::after{ right:0; background:linear-gradient(-90deg,var(--bg),transparent); }
.quotes__track{ display:flex; gap:18px; width:max-content; animation:slide 70s linear infinite; }
.quotes__track--rev{ animation-direction:reverse; animation-duration:84s; }
.quotes:hover .quotes__track{ animation-play-state:paused; }
.quote{ width:clamp(300px,30vw,440px); flex:none; display:flex; flex-direction:column; justify-content:space-between; gap:26px; padding:clamp(22px,2.2vw,32px); border-radius:var(--r-lg); border:1px solid var(--line); background:color-mix(in srgb,var(--surface) 86%,transparent); }
.quote__q{ font:500 clamp(16px,1.35vw,19px)/1.5 var(--display); letter-spacing:-.015em; text-wrap:pretty; }
.quote__q::before{ content:""; display:block; width:30px; height:22px; margin-bottom:16px; background:linear-gradient(135deg,var(--ignition),var(--plasma)); -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'><path d='M0 22V11C0 4.5 3.5.7 10.5 0v4C7.6 4.6 6 6.5 6 9h5v13H0zM17 22V11c0-6.5 3.5-10.3 10.5-11v4c-2.9.6-4.5 2.5-4.5 5h5v13H17z'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'><path d='M0 22V11C0 4.5 3.5.7 10.5 0v4C7.6 4.6 6 6.5 6 9h5v13H0zM17 22V11c0-6.5 3.5-10.3 10.5-11v4c-2.9.6-4.5 2.5-4.5 5h5v13H17z'/></svg>") center/contain no-repeat; }
.quote__who{ display:flex; align-items:center; gap:13px; }
.quote__av{ width:42px; height:42px; border-radius:50%; flex:none; display:grid; place-items:center; font:700 15px var(--display); color:#fff; background:linear-gradient(135deg,var(--plasma),var(--ignition)); }
.quote__who b{ display:block; font:600 14.5px var(--body); }
.quote__who span{ font:500 10px var(--mono); letter-spacing:.07em; text-transform:uppercase; color:var(--fg-3); }

/* ── FAQ ─────────────────────────────────────────────────── */
.faq{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(30px,6vw,100px); align-items:start; }
.faq__head{ position:sticky; top:110px; display:flex; flex-direction:column; gap:20px; align-items:flex-start; }
.qa{ border-bottom:1px solid var(--line); }
.qa:first-child{ border-top:1px solid var(--line); }
.qa > button{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 4px; background:none; border:0; cursor:pointer; text-align:left; font:600 clamp(17px,1.6vw,21px)/1.25 var(--display); letter-spacing:-.025em; transition:color .25s; }
.qa > button:hover{ color:var(--ignition-l); }
.qa__plus{ position:relative; width:34px; height:34px; flex:none; border-radius:50%; border:1px solid var(--line-2); transition:transform .45s var(--ease), background-color .3s, border-color .3s; }
.qa__plus::before,.qa__plus::after{ content:""; position:absolute; left:50%; top:50%; width:12px; height:1.6px; background:currentColor; border-radius:2px; transform:translate(-50%,-50%); transition:transform .45s var(--ease); }
.qa__plus::after{ transform:translate(-50%,-50%) rotate(90deg); }
.qa.open .qa__plus{ background:var(--ignition); border-color:var(--ignition); color:#fff; transform:rotate(180deg); }
.qa.open .qa__plus::after{ transform:translate(-50%,-50%) rotate(0); }
.qa__body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .5s var(--ease); }
.qa.open .qa__body{ grid-template-rows:1fr; }
.qa__body > div{ overflow:hidden; }
.qa__body p{ padding:0 4px 26px; max-width:62ch; color:var(--fg-2); }

/* ── Contact ─────────────────────────────────────────────── */
#contact.section{ overflow:hidden; }
#contact .bgfx{ position:absolute; inset:0; pointer-events:none; background:radial-gradient(46% 55% at 12% 0%,rgba(255,90,31,.2),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(110,86,248,.2),transparent 70%); }
.contact{ position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(30px,6vw,100px); align-items:start; }
.contact__intro{ display:flex; flex-direction:column; gap:22px; align-items:flex-start; }
.contact__facts{ width:100%; margin-top:14px; border-top:1px solid var(--line); }
.contact__facts li{ display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:17px 0; border-bottom:1px solid var(--line); }
.contact__facts span{ font:500 10.5px var(--mono); letter-spacing:.11em; text-transform:uppercase; color:var(--fg-3); }
.contact__facts b{ font:600 16px var(--body); text-align:right; }
.contact__facts a{ text-decoration:none; border-bottom:1px solid var(--line-2); transition:border-color .2s, color .2s; }
.contact__facts a:hover{ color:var(--ignition-l); border-color:var(--ignition); }
.form{ position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:clamp(22px,3vw,40px); border-radius:var(--r-xl); border:1px solid var(--line-2); background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--bg-2) 92%,transparent)); box-shadow:0 50px 100px -50px rgba(0,0,0,.9); }
.field--full{ grid-column:1 / -1; }
.form .field--wide{ grid-column:1 / -1; }
.form__foot{ display:flex; flex-direction:column; gap:14px; }
.form__legal{ font-size:13px; color:var(--fg-3); }
.form__status{ min-height:1.4em; font-size:14px; }
.form__status.ok{ color:var(--ok); } .form__status.err{ color:var(--bad); }
.form.sent > :not(.form__done){ visibility:hidden; }
.form__done{ position:absolute; inset:0; display:none; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-align:center; padding:30px; }
.form.sent .form__done{ display:flex; animation:paneIn .7s var(--ease-out) both; }
.form__done .fx-ghost{ position:relative; width:84px; }
.form__done h3{ font:800 28px/1.1 var(--display); letter-spacing:-.04em; }
.form__done p{ color:var(--fg-2); max-width:34ch; }

/* ── Pied de page ────────────────────────────────────────── */
.footer{ position:relative; overflow:hidden; background:var(--bg-2); border-top:1px solid var(--line); padding:clamp(64px,8vw,110px) 0 clamp(120px,15vw,210px); }
.footer__top{ position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.7fr)); gap:clamp(24px,4vw,64px); }
.footer__tag{ margin-top:18px; max-width:38ch; color:var(--fg-3); font-size:14.5px; }
.footer h4{ font:500 10.5px var(--mono); letter-spacing:.13em; text-transform:uppercase; color:var(--fg-3); margin-bottom:18px; }
.footer li + li{ margin-top:11px; }
.footer a{ text-decoration:none; color:var(--fg-2); font-size:14.5px; transition:color .2s; }
.footer__bottom a{ font:inherit; color:var(--fg-3); }
.footer__bottom a:hover{ color:var(--ignition-l); }
.footer a:hover{ color:var(--ignition-l); }
.footer__bottom{ position:relative; z-index:2; margin-top:clamp(40px,6vw,80px); padding-top:24px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; color:var(--fg-3); font:500 10.5px var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.footer__bottom nav{ display:flex; gap:22px; }
.footer__word{ position:absolute; left:50%; bottom:clamp(20px,5vw,80px); transform:translateX(-50%); z-index:1; font:800 clamp(90px,19vw,300px)/.8 var(--display); letter-spacing:-.07em; color:transparent; -webkit-text-stroke:1px var(--line-2); white-space:nowrap; pointer-events:none; user-select:none; opacity:.55; }
.footer .fx-grave{ z-index:3; }

/* ── Adaptation ──────────────────────────────────────────── */
@media (max-width:1100px){
  .nav__links{ display:none; }
  .nav__end{ margin-left:auto; }
  .burger{ display:flex; }
  .nav__client{ display:none; }
}
@media (max-width:980px){
  .hero{ min-height:0; padding-top:128px; }
  .hero__inner{ grid-template-columns:minmax(0,1fr); }
  .hero__art{ order:-1; margin-bottom:-6px; }
  .orb{ width:min(100%,460px); }
  .head--split{ grid-template-columns:minmax(0,1fr); }
  .head--split .lead{ justify-self:start; }
  .bento{ grid-template-columns:minmax(0,1fr); }
  .card--saas,.card--mobile,.card--auto,.card--crm{ grid-column:auto; }
  .works{ grid-template-columns:minmax(0,1fr); }
  .work:nth-child(even),.work.rv.in:nth-child(even){ transform:none; }
  .client,.faq,.contact{ grid-template-columns:minmax(0,1fr); }
  .faq__head{ position:static; }
  .footer__top{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .footer__top > :first-child{ grid-column:1 / -1; }
  .tele{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tele > div:nth-child(2){ border-right:0; }
  .tele > div:nth-child(-n+2){ border-bottom:1px solid var(--line); }
}
@media (max-width:640px){
  .fx-spider{ display:none; }
  .art-saas{ grid-template-columns:54px 1fr; inset:18px 16px 0; }
  .art-saas__kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .art-saas__kpis div:nth-child(3){ display:none; }
  .art-saas__kpis b{ font-size:15px; white-space:nowrap; }
  .nav__end .lang{ display:none; }
  .nav__cta{ display:none; }
  .flight__line{ left:20px; }
  .phase{ padding-left:56px; }
  .phase__node{ width:42px; height:42px; font-size:11px; }
  .phase__card{ grid-template-columns:minmax(0,1fr); }
  .phase__out{ grid-column:1; grid-row:auto; }
  .form{ grid-template-columns:minmax(0,1fr); }
  .money{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .money .due{ grid-column:1 / -1; }
  .pj{ grid-template-columns:minmax(0,1fr); }
  .footer__top{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .orb__card{ left:0; width:64%; }
  .orb__sat{ padding:6px 10px; font-size:9px; }
  .hero__scroll{ display:none; }
  .contact__facts li{ flex-direction:column; gap:6px; } .contact__facts b{ text-align:left; }
}