* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body.offer-page { --offer-accent:#35c8d6; --offer-soft:#8fdad5; overflow-x:hidden; }
body.offer-page.local-offer { --offer-accent:#41ddb1; --offer-soft:#98efd7; }
body.offer-page.website-offer { --offer-accent:#a990ff; --offer-soft:#cfbdff; }
body.offer-page.automation-offer { --offer-accent:#73d4ff; --offer-soft:#b8eaff; }
.offer-page .nav-in { display:flex; align-items:center; justify-content:space-between; }
.offer-shell { position:relative; z-index:2; width:min(100% - 4rem,1080px); margin-inline:auto; }
.offer-page main { position:relative; z-index:1; }

.offer-hero {
  position:relative; min-height:88vh; display:grid; align-items:center; overflow:hidden;
  padding:7.5rem 0 6rem; background:
    radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--offer-accent) 18%,transparent),transparent 32%),
    linear-gradient(145deg,#0b1a16,#07110b 70%);
}
.offer-hero::before {
  content:''; position:absolute; inset:0; opacity:.45;
  background-image:linear-gradient(rgba(143,218,213,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,213,.08) 1px,transparent 1px);
  background-size:46px 46px; mask-image:radial-gradient(ellipse 90% 82% at 50% 22%,#000,transparent 78%);
}
.offer-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); align-items:center; gap:4rem; }
.offer-kicker { display:inline-flex; align-items:center; gap:.55rem; color:var(--offer-soft); font:700 10px/1 'JetBrains Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }
.offer-kicker::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--offer-accent); box-shadow:0 0 0 6px color-mix(in srgb,var(--offer-accent) 10%,transparent),0 0 15px var(--offer-accent); }
.offer-hero h1 { max-width:720px; margin-top:1.35rem; color:#fff; font-size:clamp(2.6rem,5.5vw,5rem); line-height:.96; letter-spacing:-.058em; }
.offer-hero h1 em { color:var(--offer-accent); font-style:normal; }
.offer-hero-copy { max-width:650px; margin-top:1.5rem; color:rgba(233,242,240,.64); font-size:clamp(1rem,1.6vw,1.16rem); line-height:1.7; }
.offer-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.offer-button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; gap:.55rem; padding:.8rem 1.15rem; border:1px solid color-mix(in srgb,var(--offer-accent) 38%,transparent); border-radius:999px; color:#fff; background:var(--tech-primary); font-size:12px; font-weight:800; text-decoration:none; transition:transform .2s,box-shadow .2s,background .2s; }
.offer-button:hover { transform:translateY(-2px); box-shadow:0 12px 28px color-mix(in srgb,var(--offer-accent) 20%,transparent); }
.offer-button.secondary { background:rgba(255,255,255,.035); }
.offer-trust { display:flex; flex-wrap:wrap; gap:.75rem 1.2rem; margin-top:1.5rem; color:rgba(233,242,240,.43); font-size:11px; }
.offer-trust span::before { content:'✓'; margin-right:.35rem; color:var(--offer-accent); }

.offer-visual { position:relative; min-height:480px; display:grid; place-items:center; }
.offer-orbit { position:absolute; left:50%; top:50%; width:400px; max-width:95%; aspect-ratio:1; border:1px dashed color-mix(in srgb,var(--offer-accent) 26%,transparent); border-radius:50%; transform:translate(-50%,-50%); animation:offerOrbit 22s linear infinite; }
.offer-orbit:nth-child(2) { width:280px; animation-direction:reverse; animation-duration:17s; }
.offer-orbit::before,.offer-orbit::after { content:''; position:absolute; width:11px; height:11px; border-radius:50%; background:var(--offer-accent); box-shadow:0 0 18px var(--offer-accent); }
.offer-orbit::before { left:11%; top:16%; } .offer-orbit::after { right:10%; bottom:18%; }
.offer-core { position:relative; z-index:3; width:165px; aspect-ratio:1; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--offer-accent) 58%,transparent); border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--offer-accent) 19%,transparent),rgba(8,19,16,.94) 68%); box-shadow:0 0 0 25px color-mix(in srgb,var(--offer-accent) 4%,transparent),0 0 70px color-mix(in srgb,var(--offer-accent) 25%,transparent); color:#fff; text-align:center; animation:offerBreathe 4s ease-in-out infinite; }
.offer-core strong { display:block; font-size:1.1rem; }
.offer-core small { display:block; margin-top:.25rem; color:var(--offer-soft); font:700 8px/1.3 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.offer-float { position:absolute; z-index:4; min-width:138px; padding:.8rem .9rem; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:rgba(14,31,23,.88); color:#fff; font-size:11px; font-weight:700; box-shadow:0 16px 40px rgba(0,0,0,.25); backdrop-filter:blur(10px); animation:offerFloat 4.5s ease-in-out infinite; }
.offer-float::before { content:''; display:inline-block; width:6px; height:6px; margin-right:.45rem; border-radius:50%; background:var(--offer-accent); box-shadow:0 0 10px var(--offer-accent); }
.offer-float small { display:block; margin:.35rem 0 0 1.05rem; color:rgba(233,242,240,.42); font-size:8px; font-weight:500; }
.offer-float.a { left:2%; top:18%; } .offer-float.b { right:0; top:23%; animation-delay:-1.1s; } .offer-float.c { left:8%; bottom:14%; animation-delay:-2.2s; } .offer-float.d { right:5%; bottom:12%; animation-delay:-3.2s; }

.offer-section { position:relative; z-index:1; padding:7rem 0; }
.offer-section.dark { background:#081310; }
.offer-section.deep { background:#0b1a16; }
.offer-section.light { color:#102319; background:#eef4f1; }
.offer-section-label { color:var(--offer-accent); font:700 10px/1 'JetBrains Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
.offer-section h2 { max-width:800px; margin-top:1rem; color:#fff; font-size:clamp(2rem,4.5vw,3.8rem); line-height:1.02; letter-spacing:-.052em; }
.offer-section.light h2 { color:#102319; }
.offer-section-lead { max-width:700px; margin-top:1.2rem; color:rgba(233,242,240,.6); font-size:1rem; }
.offer-section.light .offer-section-lead { color:#5c7168; }
.split-copy { display:grid; grid-template-columns:.75fr 1.25fr; gap:5rem; align-items:start; }
.split-copy .big-statement { color:#fff; font-size:clamp(1.6rem,3vw,2.7rem); line-height:1.08; letter-spacing:-.04em; }
.light .split-copy .big-statement { color:#102319; }
.split-copy .prose { color:rgba(233,242,240,.59); font-size:15px; }
.light .split-copy .prose { color:#5b7067; }
.split-copy .prose p + p { margin-top:1rem; }

.offer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.offer-card { position:relative; overflow:hidden; min-height:250px; padding:1.6rem; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.035); }
.light .offer-card { border-color:rgba(16,35,25,.1); background:#fff; box-shadow:0 18px 45px rgba(16,35,25,.06); }
.offer-card::before { content:''; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,var(--offer-accent),transparent); opacity:.58; }
.offer-card small { color:var(--offer-accent); font:700 9px/1 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.offer-card h3 { margin-top:1.2rem; color:#fff; font-size:1.2rem; line-height:1.15; }
.light .offer-card h3 { color:#102319; }
.offer-card p { margin-top:.75rem; color:rgba(233,242,240,.52); font-size:13px; }
.light .offer-card p { color:#687d74; }
.offer-card ul { margin:1rem 0 0; padding:0; list-style:none; }
.offer-card li { padding:.5rem 0; border-top:1px solid rgba(255,255,255,.07); color:rgba(233,242,240,.62); font-size:12px; }
.light .offer-card li { border-color:rgba(16,35,25,.08); color:#5d7169; }
.offer-card li::before { content:'↳'; margin-right:.5rem; color:var(--offer-accent); }

.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.metric { padding:1.4rem; border:1px solid rgba(255,255,255,.09); border-radius:15px; background:rgba(255,255,255,.03); }
.metric strong { display:block; color:#fff; font-size:1.5rem; letter-spacing:-.04em; }
.metric span { display:block; margin-top:.35rem; color:rgba(233,242,240,.43); font-size:11px; }

.process { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:3rem; counter-reset:steps; }
.process.five { grid-template-columns:repeat(5,1fr); }
.process-step { min-height:220px; padding:1.5rem; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.03); counter-increment:steps; }
.process-step::before { content:'0' counter(steps); color:var(--offer-accent); font:700 10px/1 'JetBrains Mono',monospace; }
.process-step h3 { margin-top:2.7rem; color:#fff; font-size:1.05rem; }
.process-step p { margin-top:.65rem; color:rgba(233,242,240,.5); font-size:12px; }

.radar-stage { position:relative; width:min(100%,540px); aspect-ratio:1; margin:3.5rem auto 0; border:1px solid color-mix(in srgb,var(--offer-accent) 17%,transparent); border-radius:50%; background:repeating-radial-gradient(circle,color-mix(in srgb,var(--offer-accent) 11%,transparent) 0 1px,transparent 1px 52px); box-shadow:0 0 70px color-mix(in srgb,var(--offer-accent) 10%,transparent); }
.radar-stage::before { content:''; position:absolute; inset:50% 50% auto auto; width:48%; height:1px; transform-origin:left; background:linear-gradient(90deg,var(--offer-accent),transparent); animation:radarSweep 5s linear infinite; }
.radar-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:112px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:#0e2b20; color:#fff; font-size:13px; font-weight:800; text-align:center; box-shadow:0 0 38px color-mix(in srgb,var(--offer-accent) 26%,transparent); }
.radar-point { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--offer-accent); box-shadow:0 0 14px var(--offer-accent); animation:pointBlink 2.4s ease-in-out infinite; }
.radar-point.p1 { left:22%; top:32%; } .radar-point.p2 { right:18%; top:28%; animation-delay:-.8s; } .radar-point.p3 { left:31%; bottom:18%; animation-delay:-1.5s; } .radar-point.p4 { right:27%; bottom:25%; animation-delay:-2s; }

.comparison { display:grid; grid-template-columns:1fr auto 1fr; gap:1rem; align-items:stretch; margin-top:3rem; }
.comparison-card { padding:2rem; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.03); }
.comparison-card.active { border-color:color-mix(in srgb,var(--offer-accent) 42%,transparent); background:color-mix(in srgb,var(--offer-accent) 8%,rgba(255,255,255,.02)); box-shadow:0 0 45px color-mix(in srgb,var(--offer-accent) 12%,transparent); }
.comparison-card small { color:rgba(233,242,240,.38); font:700 9px/1 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.12em; }
.comparison-card h3 { margin-top:1.3rem; color:#fff; font-size:1.25rem; }
.comparison-card p { margin-top:.7rem; color:rgba(233,242,240,.52); font-size:13px; }
.comparison-card .price { margin-top:1rem; color:#fff; font-size:clamp(2.4rem,4vw,3.6rem); font-weight:850; line-height:1; letter-spacing:-.05em; }
.comparison-card .price small { color:rgba(233,242,240,.5); font-size:.9rem; font-weight:500; letter-spacing:0; }
.comparison-arrow { display:grid; place-items:center; color:var(--offer-accent); font-size:1.4rem; }

.journey { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-top:3rem; }
.journey-step { flex:1; min-height:130px; padding:1.2rem; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(255,255,255,.03); }
.journey-step small { color:var(--offer-accent); font:700 9px/1 'JetBrains Mono',monospace; }
.journey-step strong { display:block; margin-top:1.2rem; color:#fff; font-size:13px; }
.journey-line { flex:0 0 34px; height:1px; background:linear-gradient(90deg,transparent,var(--offer-accent),transparent); }

.offer-choice { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:3rem; }
.choice-card { position:relative; overflow:hidden; padding:2rem; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.035); }
.choice-card.featured { border-color:color-mix(in srgb,var(--offer-accent) 42%,transparent); background:color-mix(in srgb,var(--offer-accent) 7%,rgba(255,255,255,.025)); }
.choice-card .choice-tag { color:var(--offer-accent); font:700 9px/1 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.choice-card h3 { margin-top:1.3rem; color:#fff; font-size:1.5rem; }
.choice-card p { margin-top:.7rem; color:rgba(233,242,240,.55); font-size:13px; }
.choice-card ul { margin-top:1.2rem; list-style:none; }
.choice-card li { padding:.55rem 0; border-top:1px solid rgba(255,255,255,.07); color:rgba(233,242,240,.64); font-size:12px; }
.choice-card li::before { content:'✓'; margin-right:.5rem; color:var(--offer-accent); }

/* Blocs d'offres complets */
.feature-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.feature-pill { min-height:128px; display:grid; place-items:center; padding:1.35rem; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.035); color:#fff; text-align:center; font-size:13px; font-weight:750; }
.feature-pill::before { content:'✓'; display:grid; place-items:center; width:25px; height:25px; margin:0 auto .8rem; border:1px solid color-mix(in srgb,var(--offer-accent) 65%,#fff); border-radius:50%; color:var(--offer-accent); }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:3rem; }
.pricing-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.price-card { position:relative; display:flex; min-height:500px; flex-direction:column; padding:2rem; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:rgba(255,255,255,.035); }
.price-card.featured { border-color:color-mix(in srgb,var(--offer-accent) 48%,transparent); background:color-mix(in srgb,var(--offer-accent) 8%,rgba(255,255,255,.035)); box-shadow:0 24px 70px color-mix(in srgb,var(--offer-accent) 13%,transparent); transform:translateY(-10px); }
.price-card::before { content:''; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,var(--offer-accent),transparent); opacity:.6; }
.price-card .price-label { color:var(--offer-accent); font:700 10px/1 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.price-card h3 { margin-top:1rem; color:#fff; font-size:1.55rem; line-height:1.1; }
.price-card .price { margin-top:1.1rem; color:#fff; font-size:clamp(2.5rem,4vw,4rem); font-weight:850; line-height:1; letter-spacing:-.055em; }
.price-card .price small { color:rgba(233,242,240,.52); font-size:.9rem; font-weight:500; letter-spacing:0; }
.price-card > p { margin-top:1.1rem; color:rgba(233,242,240,.55); font-size:13px; line-height:1.6; }
.price-card ul { margin:1.5rem 0 0; padding:0; list-style:none; }
.price-card li { position:relative; padding:.62rem 0 .62rem 1.45rem; border-top:1px solid rgba(255,255,255,.075); color:rgba(233,242,240,.72); font-size:12px; line-height:1.45; }
.price-card li::before { content:'✓'; position:absolute; left:0; color:var(--offer-accent); }
.price-card .offer-button { width:100%; margin-top:auto; }
.price-note { margin-top:1.25rem; padding:1rem; border:1px solid color-mix(in srgb,var(--offer-accent) 35%,transparent); border-radius:12px; color:rgba(233,242,240,.75); background:color-mix(in srgb,var(--offer-accent) 9%,transparent); font-size:11px; line-height:1.55; }
.badge-inline { display:inline-flex; width:max-content; margin-top:.6rem; padding:.35rem .6rem; border-radius:999px; color:#fff; background:color-mix(in srgb,var(--offer-accent) 32%,transparent); font-size:10px; font-weight:750; }
.center-head { text-align:center; }
.center-head h2,.center-head .offer-section-lead { margin-right:auto; margin-left:auto; }
.giant-statement { padding:8rem 0; text-align:center; background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--offer-accent) 14%,transparent),transparent 42%),#0b1512; }
.giant-statement h2 { max-width:980px; margin:auto; color:#fff; font-size:clamp(3rem,7vw,6.5rem); line-height:.98; letter-spacing:-.065em; }
.giant-statement h2 span { color:var(--offer-accent); }
.question-list { display:grid; gap:.5rem; margin-top:2rem; }
.question-list p { padding:.8rem 0; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(233,242,240,.67); font-size:13px; }
.question-list p::before { content:'—'; margin-right:.65rem; color:var(--offer-accent); }
.mini-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.mini-card { padding:1.4rem; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.03); }
.mini-card h3 { color:#fff; font-size:1rem; }
.mini-card p { margin-top:.6rem; color:rgba(233,242,240,.5); font-size:12px; }
.assurance-band { padding:4rem 0; text-align:center; background:color-mix(in srgb,var(--offer-accent) 8%,#0b1a16); }
.assurance-band h2 { max-width:820px; margin:auto; color:#fff; font-size:clamp(2rem,4vw,3.7rem); letter-spacing:-.05em; }
.assurance-band p { margin-top:1rem; color:rgba(233,242,240,.62); }

.offer-final { padding:7rem 0; text-align:center; background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--offer-accent) 16%,transparent),transparent 38%),#07110b; }
.offer-final h2 { max-width:800px; margin:auto; color:#fff; font-size:clamp(2.2rem,5vw,4.5rem); line-height:1; letter-spacing:-.055em; }
.offer-final p { max-width:650px; margin:1.3rem auto 0; color:rgba(233,242,240,.57); }
.offer-final .offer-actions { justify-content:center; }
.offer-footer { position:relative; z-index:1; padding:2.2rem 0; border-top:1px solid rgba(255,255,255,.08); color:rgba(233,242,240,.42); background:#07110b; font-size:12px; }
.offer-footer-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.offer-footer a { color:var(--offer-soft); text-decoration:none; }

@keyframes offerOrbit { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes offerBreathe { 50% { transform:scale(1.045); box-shadow:0 0 0 32px color-mix(in srgb,var(--offer-accent) 3%,transparent),0 0 82px color-mix(in srgb,var(--offer-accent) 31%,transparent); } }
@keyframes offerFloat { 50% { transform:translateY(-8px); } }
@keyframes radarSweep { to { transform:rotate(360deg); } }
@keyframes pointBlink { 50% { opacity:.35; transform:scale(.72); } }

@media (max-width:900px) {
  .offer-hero-grid,.split-copy { grid-template-columns:1fr; }
  .offer-visual { min-height:420px; }
  .offer-grid { grid-template-columns:1fr; }
  .process,.process.five { grid-template-columns:repeat(2,1fr); }
  .journey { display:grid; grid-template-columns:1fr 1fr; }
  .pricing-grid,.feature-strip,.mini-card-grid { grid-template-columns:1fr; }
  .pricing-grid.two { grid-template-columns:1fr; }
  .price-card.featured { transform:none; }
  .journey-line { display:none; }
}
@media (max-width:620px) {
  .offer-shell { width:min(100% - 2rem,1080px); }
  .offer-hero { padding:5.5rem 0 4.5rem; }
  .offer-visual { min-height:360px; }
  .offer-orbit { width:310px; }
  .offer-orbit:nth-child(2) { width:220px; }
  .offer-core { width:125px; }
  .offer-float { min-width:112px; padding:.65rem; font-size:9px; }
  .offer-float small { display:none; }
  .offer-section { padding:5rem 0; }
  .metric-row,.process,.process.five,.offer-choice,.comparison,.journey,.pricing-grid,.pricing-grid.two,.feature-strip,.mini-card-grid { grid-template-columns:1fr; }
  .comparison-arrow { min-height:34px; transform:rotate(90deg); }
  .offer-footer-row { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .offer-orbit,.offer-core,.offer-float,.radar-stage::before,.radar-point { animation:none; }
}

/* Landing page — Bilan d’Opportunité Locale */
body.local-landing {
  --local-accent:#35c8d6;
  --local-primary:#1394a6;
  --local-glow:#7fe3d8;
  --local-bg:#050b09;
  --local-surface:#0a1713;
  --local-surface-2:#0d1d18;
  --local-border:rgba(127,227,216,.14);
  --local-text:#eef3f2;
  --local-muted:rgba(233,242,240,.62);
  min-width:320px;
  background:var(--local-bg);
}
body.local-landing::before { opacity:.65; }
.local-landing .local-network {
  position:fixed;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.local-landing main,.local-landing .local-footer { position:relative; z-index:1; }
.local-shell { position:relative; z-index:3; width:min(100% - 4rem,1120px); margin-inline:auto; }

.local-nav {
  position:sticky;
  top:0;
  z-index:80;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:76px;
  padding:.65rem max(2rem,calc((100vw - 1120px) / 2));
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(5,11,9,.82);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.local-brand { display:inline-flex; align-items:center; width:max-content; gap:.7rem; color:#fff; font-weight:750; text-decoration:none; letter-spacing:-.01em; }
.local-brand img { width:38px; height:42px; object-fit:contain; filter:drop-shadow(0 0 14px rgba(53,200,214,.22)); }
.local-brand span { font-size:14px; }
.local-location { display:flex; align-items:center; gap:.55rem; color:rgba(233,242,240,.48); font-size:12px; }
.local-location span { color:var(--local-accent); font-size:17px; }
.local-nav-cta {
  justify-self:end;
  padding:.62rem .9rem;
  border:1px solid rgba(53,200,214,.24);
  border-radius:7px;
  color:#fff;
  background:rgba(19,148,166,.08);
  font-size:11px;
  font-weight:750;
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.local-nav-cta:hover { transform:translateY(-1px); border-color:rgba(53,200,214,.55); background:rgba(19,148,166,.18); }

.local-landing .local-hero {
  position:relative;
  min-height:max(912px,calc(100svh - 76px)) !important;
  display:block !important;
  overflow:hidden;
  padding:8rem 0 12rem !important;
  background:radial-gradient(circle at 50% 46%,rgba(19,148,166,.1),transparent 42%),linear-gradient(rgba(5,11,9,.78),rgba(5,11,9,.97)) !important;
}
.local-landing .local-hero::before { opacity:.06 !important; }
.local-radar { position:absolute; left:50%; top:50%; z-index:1; width:1200px; height:1200px; transform:translate(-50%,-50%); opacity:.31; pointer-events:none; }
.radar-ring { position:absolute; left:50%; top:50%; border:1px solid rgba(53,200,214,.2); border-radius:50%; transform:translate(-50%,-50%); }
.ring-one { width:100%; height:100%; }
.ring-two { width:80%; height:80%; border-color:rgba(53,200,214,.16); }
.ring-three { width:60%; height:60%; border-color:rgba(53,200,214,.12); }
.ring-four { width:40%; height:40%; border-color:rgba(53,200,214,.08); }
.ring-five { width:20%; height:20%; border-color:rgba(53,200,214,.15); border-style:dashed; animation:localSpin 8s linear infinite; }
.radar-beam,.radar-sweep { position:absolute; left:50%; top:50%; width:50%; transform:translateY(-50%) rotate(0); transform-origin:left center; animation:localRadarSweep 4s linear infinite; }
.radar-beam { z-index:3; height:1px; background:linear-gradient(90deg,rgba(127,227,216,.8),transparent 92%); box-shadow:0 0 10px rgba(53,200,214,.25); }
.radar-sweep { z-index:2; height:110px; clip-path:polygon(0 50%,100% 0,100% 100%); background:linear-gradient(90deg,rgba(53,200,214,.17),transparent 74%); }
.radar-particles { position:absolute; inset:0; }
.radar-particles i { position:absolute; left:var(--particle-left); top:var(--particle-top); width:var(--particle-size); height:var(--particle-size); border-radius:50%; background:var(--local-accent); box-shadow:0 0 15px rgba(53,200,214,.82); animation:localBlip var(--particle-duration) ease-in-out var(--particle-delay) infinite; }
.radar-particles i.is-bright { background:var(--local-glow); box-shadow:0 0 20px rgba(127,227,216,.95); }
.radar-symbol { position:absolute; z-index:4; color:rgba(127,227,216,.65); font:500 32px/1 'JetBrains Mono',monospace; text-shadow:0 0 18px rgba(53,200,214,.4); animation:localNodeFloat 4.5s ease-in-out infinite; }
.symbol-target { left:25%; top:25%; }.symbol-pin { right:20%; top:65%; animation-delay:-1.5s; }.symbol-crosshair { left:30%; bottom:25%; font-size:40px; animation-delay:-3s; }.symbol-activity { right:25%; top:35%; font-size:24px; animation-delay:-2s; }.symbol-eye { right:35%; bottom:40%; font-size:26px; animation-delay:-4s; }.symbol-bolt { right:40%; top:15%; font-size:31px; animation-delay:-.5s; }
.local-hero-content { position:relative; z-index:3; display:flex; max-width:1080px; flex-direction:column; align-items:center; text-align:center; }
.local-kicker { display:inline-flex; align-items:center; gap:.55rem; padding:.42rem .72rem; border:1px solid rgba(53,200,214,.18); border-radius:999px; color:var(--local-accent); background:rgba(19,148,166,.08); font:600 10px/1 'JetBrains Mono',monospace; letter-spacing:.04em; }
.local-kicker span { width:6px; height:6px; border-radius:50%; background:var(--local-accent); box-shadow:0 0 12px var(--local-accent); animation:localPulse 2s ease-in-out infinite; }
.local-landing .local-hero h1 { max-width:896px !important; margin:1.8rem auto 0 !important; color:#fff !important; background:linear-gradient(180deg,#fff 18%,rgba(233,242,240,.58)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-size:clamp(3.2rem,5.63vw,4.5rem) !important; font-weight:790 !important; line-height:1.03 !important; letter-spacing:-.052em !important; text-align:center; }
.local-hero-copy { max-width:720px; margin:1.75rem auto 0; color:var(--local-muted); font-size:clamp(1.05rem,1.7vw,1.35rem); line-height:1.5; }
.local-hero .local-actions { margin-top:3rem; }
.local-actions { display:flex; justify-content:center; margin-top:2rem; }
.local-cta {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:280px;
  min-height:54px;
  gap:1rem;
  padding:.9rem 1.4rem;
  overflow:hidden;
  border:1px solid rgba(53,200,214,.58);
  border-radius:7px;
  color:#fff;
  background:linear-gradient(135deg,rgba(19,148,166,.28),rgba(7,17,13,.94));
  box-shadow:0 0 0 1px rgba(53,200,214,.08) inset,0 0 34px rgba(53,200,214,.22);
  font-size:13px;
  font-weight:750;
  text-decoration:none;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  animation:localCtaGlow 3.6s ease-in-out infinite;
}
.local-cta::before { content:''; position:absolute; inset:0; transform:translateX(-110%); background:linear-gradient(100deg,transparent,rgba(127,227,216,.16),transparent); transition:transform .55s ease; }
.local-cta:hover { transform:translateY(-3px); border-color:var(--local-accent); box-shadow:0 12px 42px rgba(53,200,214,.3); }
.local-cta:hover::before { transform:translateX(110%); }
.local-speed { display:flex; align-items:center; justify-content:center; width:max-content; margin:1.05rem auto 0; gap:.45rem; padding:.32rem .65rem; border:1px solid rgba(53,200,214,.14); border-radius:999px; color:rgba(127,227,216,.66); background:rgba(19,148,166,.05); font:500 10px/1 'JetBrains Mono',monospace; }
.local-trust { display:flex; justify-content:center; gap:1.35rem; margin-top:.8rem; color:rgba(233,242,240,.47); font-size:11px; }
.local-trust span::before { content:'✦'; margin-right:.4rem; color:var(--local-accent); }

.local-section { position:relative; z-index:2; padding:8.5rem 0; border-top:1px solid rgba(255,255,255,.045); }
.local-section-head { max-width:920px; margin:0 auto 4rem; text-align:center; }
.local-label { color:var(--local-accent); font:650 10px/1 'JetBrains Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
.local-section h2,.local-free h2 { margin:1.1rem auto 0; color:#fff; font-size:clamp(2.35rem,4.8vw,4.4rem); font-weight:800; line-height:1.02; letter-spacing:-.058em; }
.local-section-head > p:not(.local-label) { max-width:760px; margin:1.35rem auto 0; color:var(--local-muted); font-size:1rem; }
.local-analysis { background:linear-gradient(135deg,rgba(11,26,22,.97),rgba(7,17,13,.94)); }
.local-audit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.local-audit-card { position:relative; min-height:190px; padding:1.5rem; overflow:hidden; border:1px solid var(--local-border); border-radius:14px; background:rgba(4,10,8,.66); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.local-audit-card::before { content:attr(data-symbol); display:block; height:38px; color:var(--local-accent); font:500 31px/1 'JetBrains Mono',monospace; text-shadow:0 0 18px rgba(53,200,214,.3); }
.local-audit-card::after { content:''; position:absolute; left:0; right:0; top:-2px; height:1px; opacity:0; background:linear-gradient(90deg,transparent,var(--local-accent),transparent); }
.local-audit-card:hover { transform:translateY(-5px); border-color:rgba(53,200,214,.4); box-shadow:0 22px 50px rgba(0,0,0,.24),0 0 35px rgba(19,148,166,.08); }
.local-audit-card:hover::after { opacity:1; animation:localScan 1.9s linear infinite; }
.local-audit-card h3 { margin-top:1rem; color:#fff; font-size:15px; }
.local-audit-card p { margin-top:.65rem; color:rgba(233,242,240,.52); font-size:12px; line-height:1.55; }

.local-blindspots { background:rgba(5,11,9,.91); }
.local-split { display:grid; grid-template-columns:.9fr 1.1fr; gap:7rem; align-items:start; }
.local-blindspots h2 { max-width:560px; margin-left:0; font-size:clamp(2.8rem,5.5vw,5.4rem); }
.local-blindspots h2 em { display:block; color:var(--local-accent); font-style:normal; }
.local-questions { padding-top:.2rem; }
.local-questions p { position:relative; padding:1.25rem 0 1.25rem 1.6rem; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(233,242,240,.74); font-size:15px; }
.local-questions p::before { content:''; position:absolute; left:0; top:50%; width:7px; height:7px; border:1px solid var(--local-accent); border-radius:50%; transform:translateY(-50%); box-shadow:0 0 10px rgba(53,200,214,.28); }
.local-questions strong { display:block; margin-top:1.6rem; color:rgba(233,242,240,.48); font-size:13px; font-weight:500; }

.local-radiography { overflow:hidden; background:radial-gradient(circle at 50% 56%,rgba(19,148,166,.11),transparent 34%),rgba(6,14,11,.94); }
.local-system-map { position:relative; width:min(86vw,650px); aspect-ratio:1; margin:1rem auto 0; }
.system-ring { position:absolute; left:50%; top:50%; border:1px dashed rgba(53,200,214,.18); border-radius:50%; transform:translate(-50%,-50%); }
.system-ring::before,.system-ring::after { content:''; position:absolute; width:8px; height:8px; border-radius:50%; background:var(--local-accent); box-shadow:0 0 14px var(--local-accent); }
.system-ring::before { left:8%; top:22%; }.system-ring::after { right:5%; bottom:31%; }
.system-ring-one { width:100%; height:100%; animation:localSpin 32s linear infinite; }
.system-ring-two { width:70%; height:70%; animation:localSpinReverse 21s linear infinite; }
.system-ring-three { width:39%; height:39%; animation:localSpin 13s linear infinite; }
.system-core { position:absolute; left:50%; top:50%; z-index:4; width:150px; aspect-ratio:1; display:grid; place-content:center; border:1px solid rgba(53,200,214,.5); border-radius:50%; transform:translate(-50%,-50%); color:#fff; background:radial-gradient(circle at 50% 38%,rgba(19,148,166,.28),rgba(5,14,11,.96) 70%); box-shadow:0 0 0 18px rgba(53,200,214,.025),0 0 60px rgba(53,200,214,.22); text-align:center; animation:localCore 4s ease-in-out infinite; }
.system-core small { color:var(--local-accent); font:600 9px/1 'JetBrains Mono',monospace; letter-spacing:.18em; text-transform:uppercase; }
.system-core strong { margin-top:.4rem; font-size:17px; text-transform:uppercase; }
.system-node { position:absolute; z-index:5; min-width:92px; padding:.65rem .85rem; border:1px solid rgba(53,200,214,.2); border-radius:999px; color:#fff; background:rgba(7,18,14,.9); box-shadow:0 10px 30px rgba(0,0,0,.3); font:600 11px/1 'JetBrains Mono',monospace; text-align:center; animation:localNodeFloat 4.6s ease-in-out infinite; }
.system-node::before { content:''; display:inline-block; width:5px; height:5px; margin-right:.45rem; border-radius:50%; background:var(--local-accent); box-shadow:0 0 9px var(--local-accent); vertical-align:middle; }
.node-one { left:8%; top:19%; }.node-two { left:43%; top:2%; animation-delay:-.5s; }.node-three { right:2%; top:26%; animation-delay:-1s; }.node-four { right:8%; bottom:18%; animation-delay:-1.5s; }.node-five { left:38%; bottom:2%; animation-delay:-2s; }.node-six { left:0; bottom:28%; animation-delay:-2.5s; }.node-seven { left:14%; top:50%; animation-delay:-3s; }

.local-discoveries { background:linear-gradient(145deg,rgba(11,26,22,.98),rgba(6,14,11,.96)); }
.local-discovery-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.local-discovery-card { position:relative; min-height:230px; padding:1.8rem; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:15px; background:rgba(4,10,8,.57); transition:transform .25s ease,border-color .25s ease; }
.local-discovery-card.wide { grid-column:1 / -1; min-height:190px; }
.local-discovery-card small { color:var(--local-accent); font:650 9px/1 'JetBrains Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }
.local-discovery-card h3 { max-width:520px; margin-top:1.2rem; color:#fff; font-size:clamp(1.25rem,2.2vw,1.75rem); line-height:1.2; }
.local-discovery-card p { max-width:540px; margin-top:.9rem; color:rgba(233,242,240,.5); font-size:13px; }
.local-discovery-card i { position:absolute; right:-45px; bottom:-55px; width:150px; aspect-ratio:1; border:1px solid rgba(53,200,214,.13); border-radius:50%; transition:transform .5s ease,border-color .5s ease; }
.local-discovery-card i::after { content:''; position:absolute; inset:28px; border:1px dashed rgba(53,200,214,.12); border-radius:50%; }
.local-discovery-card:hover { transform:translateY(-4px); border-color:rgba(53,200,214,.35); }
.local-discovery-card:hover i { transform:scale(1.22) rotate(20deg); border-color:rgba(53,200,214,.35); }

.local-difference { background:rgba(5,11,9,.92); }
.local-difference .local-section-head { margin-bottom:5rem; }
.local-comparison { display:grid; grid-template-columns:minmax(0,1fr) 84px minmax(0,1.05fr); gap:0; align-items:center; max-width:1036px; margin:0 auto; }
.local-comparison article { display:flex; min-height:266px; flex-direction:column; justify-content:center; padding:3rem; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(3,8,7,.62); }
.local-comparison article.active { min-height:278px; border-color:rgba(53,200,214,.48); background:linear-gradient(145deg,rgba(19,148,166,.16),rgba(5,14,11,.82)); box-shadow:0 0 58px rgba(19,148,166,.17),inset 0 0 42px rgba(53,200,214,.035); transform:scale(1.025); }
.local-comparison small { display:inline-flex; align-items:center; width:max-content; gap:.55rem; padding:.62rem .85rem; border-radius:999px; color:rgba(233,242,240,.48); background:rgba(255,255,255,.065); font:650 10px/1 'JetBrains Mono',monospace; letter-spacing:.04em; text-transform:uppercase; }
.local-comparison .active small { border:1px solid rgba(53,200,214,.18); color:var(--local-accent); background:rgba(19,148,166,.1); box-shadow:0 0 24px rgba(53,200,214,.18); }
.local-comparison article p { margin-top:2.55rem; color:rgba(255,255,255,.68); font-size:clamp(1.45rem,2.35vw,1.85rem); font-weight:520; line-height:1.55; }
.local-comparison .active p { color:#fff; font-weight:700; }
.local-comparison .active p em { color:var(--local-accent); font-style:normal; }
.local-comparison-arrow { position:relative; z-index:3; display:grid; width:84px; height:42px; place-items:center; color:transparent; font-size:0; animation:none; }
.local-comparison-arrow::before { content:''; position:absolute; left:0; right:0; top:50%; height:1px; background:rgba(53,200,214,.5); }
.local-comparison-arrow::after { content:'→'; position:relative; display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--local-accent); border-radius:50%; color:var(--local-accent); background:#06100d; box-shadow:0 0 20px rgba(53,200,214,.28); font-size:16px; }

.local-process-section { background:rgba(11,26,22,.96); }
.local-process { position:relative; max-width:850px; margin:0 auto; padding:.8rem 0; }
.local-process::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:linear-gradient(transparent,rgba(53,200,214,.48) 8%,rgba(53,200,214,.48) 92%,transparent); transform:translateX(-50%); }
.local-process article { position:relative; z-index:2; display:grid; min-height:126px; grid-template-columns:1fr 96px 1fr; align-items:center; }
.local-process article > i { position:absolute; left:50%; top:50%; width:12px; height:12px; border:2px solid var(--local-accent); border-radius:50%; transform:translate(-50%,-50%); background:#0b1a16; box-shadow:0 0 16px rgba(53,200,214,.22); }
.local-process article > div { grid-row:1; }
.local-process article.is-right > div { grid-column:3; text-align:left; }
.local-process article.is-left > div { grid-column:1; text-align:right; }
.local-process small { color:var(--local-accent); font:650 10px/1 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
.local-process p { margin-top:.85rem; color:#fff; font-size:clamp(1.1rem,2vw,1.4rem); font-weight:700; line-height:1.35; }

.local-statement { position:relative; z-index:2; padding:10rem 0; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(19,148,166,.15),transparent 38%),rgba(4,10,8,.93); text-align:center; }
.local-statement .local-shell,.local-final .local-shell { position:relative; z-index:3; }
.local-statement .local-shell::before,.local-final .local-shell::before { content:''; position:absolute; left:50%; top:45%; z-index:-1; width:min(92vw,900px); height:62%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(ellipse,rgba(53,200,214,.13),rgba(19,148,166,.055) 42%,transparent 72%); filter:blur(25px); pointer-events:none; }
.local-statement h2 { position:relative; z-index:2; max-width:1040px; margin:auto; color:#fff; font-size:clamp(3.2rem,7.5vw,7rem); font-weight:680; line-height:.97; letter-spacing:-.06em; text-shadow:0 3px 28px rgba(0,0,0,.7),0 0 34px rgba(53,200,214,.08); }
.local-statement h2 em { display:block; color:var(--local-accent); font-style:normal; }
.local-statement p { position:relative; z-index:2; max-width:700px; margin:1.7rem auto 0; color:var(--local-muted); font-size:1.05rem; }
.local-target { position:absolute; left:50%; top:50%; width:min(85vw,750px); aspect-ratio:1; transform:translate(-50%,-50%); opacity:.32; }
.local-target i { position:absolute; left:50%; top:50%; border:1px solid rgba(53,200,214,.25); border-radius:50%; transform:translate(-50%,-50%); }
.local-target i:nth-child(1) { width:100%; height:100%; animation:localSpin 24s linear infinite; }.local-target i:nth-child(2) { width:66%; height:66%; border-style:dashed; animation:localSpinReverse 17s linear infinite; }.local-target i:nth-child(3) { width:34%; height:34%; }
.local-target b { position:absolute; left:50%; top:50%; width:11px; height:11px; border-radius:50%; transform:translate(-50%,-50%); background:var(--local-accent); box-shadow:0 0 35px 12px rgba(53,200,214,.45); animation:localTargetPulse 2.2s ease-in-out infinite; }

.local-free { position:relative; z-index:2; padding:7rem 0; border-block:1px solid rgba(255,255,255,.06); background:rgba(11,26,22,.97); text-align:center; }
.local-free .local-shell { max-width:850px; }
.local-free > div > p:not(.local-label) { margin:1.25rem auto 0; color:var(--local-muted); }
.local-free strong { display:block; max-width:660px; margin:1.8rem auto 0; padding:1rem 1.2rem; border:1px solid rgba(53,200,214,.2); border-radius:10px; color:rgba(233,242,240,.76); background:rgba(19,148,166,.07); font-size:13px; font-weight:550; }

.local-final { position:relative; z-index:2; padding:10rem 0 8rem; overflow:hidden; background:radial-gradient(circle at 50% 25%,rgba(19,148,166,.17),transparent 37%),rgba(4,10,8,.96); text-align:center; }
.local-final h2 { position:relative; z-index:2; max-width:940px; margin:auto; color:#fff; font-size:clamp(2.8rem,6vw,5.5rem); font-weight:690; line-height:1.02; letter-spacing:-.052em; text-shadow:0 3px 28px rgba(0,0,0,.72),0 0 34px rgba(53,200,214,.08); }
.local-final p { max-width:680px; margin:1.5rem auto 0; color:var(--local-muted); }
.local-final .local-speed { margin-top:1.15rem; }
.local-final .local-final-location { margin-top:2.3rem; color:rgba(233,242,240,.34); font:500 10px/1.4 'JetBrains Mono',monospace; }
.local-final-radar { position:absolute; left:50%; top:45%; width:min(90vw,900px); aspect-ratio:1; transform:translate(-50%,-50%); opacity:.18; }
.local-final-radar i { position:absolute; left:50%; top:50%; border:1px solid var(--local-accent); border-radius:50%; transform:translate(-50%,-50%); }
.local-final-radar i:nth-child(1) { width:100%; height:100%; }.local-final-radar i:nth-child(2) { width:68%; height:68%; border-style:dashed; animation:localSpin 28s linear infinite; }.local-final-radar i:nth-child(3) { width:37%; height:37%; animation:localSpinReverse 19s linear infinite; }
.local-final-scan { position:absolute; left:0; right:0; top:0; z-index:2; height:2px; background:linear-gradient(90deg,transparent,rgba(53,200,214,.58) 18%,var(--local-accent) 50%,rgba(53,200,214,.58) 82%,transparent); box-shadow:0 0 20px rgba(53,200,214,.5); animation:localVerticalScan 4s linear infinite; }

.local-service-switcher { position:fixed; left:1rem; bottom:1rem; z-index:60; display:grid; width:168px; padding:.42rem; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(5,11,9,.88); box-shadow:0 20px 55px rgba(0,0,0,.35); backdrop-filter:blur(14px); }
.local-service-switcher a { padding:.72rem .75rem; border-radius:11px; color:rgba(233,242,240,.48); text-decoration:none; transition:background .2s ease,color .2s ease; }
.local-service-switcher a + a { margin-top:.18rem; }
.local-service-switcher a:hover,.local-service-switcher a.active { color:#fff; background:rgba(53,200,214,.1); }
.local-service-switcher small { display:block; color:var(--local-accent); font:650 8px/1 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.local-service-switcher span { display:block; margin-top:.35rem; font-size:10px; line-height:1.25; }

.local-footer { padding:2.2rem 0; border-top:1px solid rgba(255,255,255,.07); background:#040a08; }
.local-footer .local-shell { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1.5rem; }
.local-footer p { color:rgba(233,242,240,.36); font-size:11px; text-align:center; }
.local-footer > div > a:last-child { justify-self:end; color:var(--local-accent); font-size:11px; text-decoration:none; }

.local-landing .reveal { opacity:0; filter:blur(8px); transform:translateY(30px) scale(.985); transition:opacity .78s ease,transform .78s cubic-bezier(.2,.7,.2,1),filter .78s ease; transition-delay:var(--delay,0s); }
.local-landing .reveal.in { opacity:1; filter:none; transform:none; }

@keyframes localSpin { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes localSpinReverse { to { transform:translate(-50%,-50%) rotate(-360deg); } }
@keyframes localRadarSweep { to { transform:translateY(-50%) rotate(360deg); } }
@keyframes localPulse { 50% { opacity:.45; transform:scale(.75); } }
@keyframes localTargetPulse { 50% { opacity:.45; transform:translate(-50%,-50%) scale(.75); } }
@keyframes localBlip { 50% { opacity:.25; transform:scale(.65); } }
@keyframes localCtaGlow { 50% { box-shadow:0 0 0 1px rgba(53,200,214,.12) inset,0 0 48px rgba(53,200,214,.32); } }
@keyframes localScan { from { transform:translateY(0); } to { transform:translateY(190px); } }
@keyframes localCore { 50% { box-shadow:0 0 0 28px rgba(53,200,214,.018),0 0 80px rgba(53,200,214,.3); } }
@keyframes localNodeFloat { 50% { transform:translateY(-8px); } }
@keyframes localArrow { 50% { transform:translateX(6px); opacity:.55; } }
@keyframes localVerticalScan { 0% { top:0; opacity:0; } 10%,90% { opacity:.9; } 100% { top:100%; opacity:0; } }

@media (max-width:980px) {
  .local-nav { grid-template-columns:1fr auto; }
  .local-location { display:none; }
  .local-audit-grid { grid-template-columns:repeat(2,1fr); }
  .local-split { grid-template-columns:1fr; gap:3.5rem; }
  .local-blindspots h2 { max-width:740px; }
  .local-footer .local-shell { grid-template-columns:1fr auto; }
  .local-footer p { display:none; }
}

@media (max-width:660px) {
  .local-shell { width:min(100% - 2rem,1120px); }
  .local-nav { min-height:68px; padding:.5rem 1rem; }
  .local-brand img { width:34px; height:38px; }
  .local-brand span { font-size:12px; }
  .local-nav-cta { padding:.55rem .7rem; font-size:10px; }
  .local-landing .local-hero { min-height:780px !important; padding:5.5rem 0 7rem !important; }
  .local-radar { width:900px; height:900px; }
  .local-landing .local-hero h1 { max-width:11ch !important; font-size:clamp(2.65rem,12vw,3.4rem) !important; }
  .local-hero-copy { font-size:.98rem; }
  .local-cta { width:100%; min-width:0; }
  .local-trust { gap:.8rem; }
  .local-section { padding:6rem 0; }
  .local-section-head { margin-bottom:2.8rem; }
  .local-section h2,.local-free h2 { font-size:clamp(2.15rem,10vw,3.2rem); }
  .local-audit-grid,.local-discovery-grid,.local-comparison { grid-template-columns:1fr; }
  .local-discovery-card.wide { grid-column:auto; }
  .local-comparison article,.local-comparison article.active { min-height:240px; padding:2rem; transform:none; }
  .local-comparison-arrow { width:100%; height:64px; }
  .local-comparison-arrow::before { left:50%; right:auto; top:0; bottom:0; width:1px; height:auto; }
  .local-comparison-arrow::after { transform:rotate(90deg); }
  .local-process { max-width:100%; }
  .local-process::before { left:10px; }
  .local-process article { min-height:120px; display:block; padding-left:48px; }
  .local-process article > i { left:10px; }
  .local-process article.is-left > div,.local-process article.is-right > div { text-align:left; }
  .local-system-map { width:360px; max-width:100%; margin-top:2rem; }
  .system-core { width:112px; }
  .system-node { min-width:76px; padding:.5rem .6rem; font-size:8px; }
  .node-one { left:1%; top:18%; }.node-two { left:39%; top:0; }.node-three { right:0; top:24%; }.node-four { right:1%; bottom:17%; }.node-five { left:36%; bottom:0; }.node-six { left:0; bottom:26%; }.node-seven { left:5%; top:47%; }
  .local-statement { padding:8rem 0; }
  .local-statement h2 { font-size:clamp(3rem,15vw,4.8rem); }
  .local-free,.local-final { padding:6.5rem 0; }
  .local-final h2 { font-size:clamp(2.5rem,11vw,3.8rem); }
  .local-service-switcher { display:none; }
  .local-footer .local-shell { grid-template-columns:1fr auto; }
}

@media (prefers-reduced-motion:reduce) {
  .local-landing .reveal { opacity:1; filter:none; transform:none; transition:none; }
  .local-landing .radar-ring,.local-landing .radar-beam,.local-landing .radar-sweep,.local-landing .radar-particles i,.local-landing .radar-symbol,.local-landing .local-kicker span,.local-landing .local-cta,.local-landing .system-ring,.local-landing .system-core,.local-landing .system-node,.local-landing .local-comparison-arrow,.local-landing .local-target i,.local-landing .local-target b,.local-landing .local-final-radar i,.local-landing .local-final-scan { animation:none !important; }
}

/* Landing page — Votre entreprise continue d’exister en ligne */
body.social-landing {
  --social-bg:#050a08;
  --social-bg-2:#07110e;
  --social-surface:#0b1613;
  --social-surface-2:#10201c;
  --social-border:rgba(127,227,216,.12);
  --social-accent:#35c8d6;
  --social-primary:#1394a6;
  --social-glow:#7fe3d8;
  --social-text:#f2f7f6;
  --social-muted:rgba(233,242,240,.56);
  min-width:320px;
  overflow-x:hidden;
  background:var(--social-bg);
}
body.social-landing::before {
  opacity:.22;
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 110% 48% at 50% 0%,#000,transparent 78%);
}
.social-landing main { position:relative; z-index:1; }
.social-shell { position:relative; z-index:4; width:min(100% - 6rem,1184px); margin-inline:auto; }
.social-landing .reveal { opacity:0; filter:blur(7px); transform:translateY(28px) scale(.99); transition:opacity .78s ease,filter .78s ease,transform .78s cubic-bezier(.2,.7,.2,1); }
.social-landing .reveal.in { opacity:1; filter:none; transform:none; }

.social-nav {
  position:fixed;
  inset:0 0 auto;
  z-index:100;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  min-height:61px;
  align-items:center;
  gap:1.5rem;
  padding:.45rem max(3rem,calc((100vw - 1184px) / 2));
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(5,10,8,.84);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.social-brand { display:inline-flex; width:max-content; align-items:center; gap:.65rem; color:#fff; font-size:13px; font-weight:750; text-decoration:none; }
.social-brand img { width:38px; height:42px; object-fit:contain; filter:drop-shadow(0 0 13px rgba(53,200,214,.24)); }
.social-location { display:flex; align-items:center; gap:.58rem; color:rgba(233,242,240,.48); font-size:12px; line-height:1.2; white-space:nowrap; }
.social-location i { width:7px; height:7px; border-radius:50%; background:var(--social-accent); box-shadow:0 0 12px rgba(53,200,214,.72); }
.social-nav-cta { justify-self:end; color:#fff; font-size:12px; font-weight:650; text-decoration:none; transition:color .2s ease; }
.social-nav-cta:hover { color:var(--social-accent); }

.social-hero {
  position:relative;
  min-height:838px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:9.25rem 0 6.8rem;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 51% 37%,rgba(19,148,166,.12),transparent 33%),
    radial-gradient(circle at 77% 14%,rgba(53,200,214,.07),transparent 21%),
    var(--social-bg);
}
.social-hero::before,.social-final::before {
  content:'';
  position:absolute;
  inset:0;
  opacity:.34;
  background-image:linear-gradient(rgba(127,227,216,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(127,227,216,.05) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(ellipse 70% 80% at 50% 42%,#000,transparent 72%);
}
.social-ambient { position:absolute; inset:0; pointer-events:none; }
.social-ambient i { position:absolute; height:1px; transform-origin:left; background:linear-gradient(90deg,rgba(53,200,214,.48),transparent); box-shadow:0 0 10px rgba(53,200,214,.2); animation:socialLinePulse 5s ease-in-out infinite; }
.social-ambient i:nth-child(1) { left:6%; top:31%; width:31%; transform:rotate(24deg); }
.social-ambient i:nth-child(2) { right:-3%; top:24%; width:34%; transform:rotate(145deg); animation-delay:-1.5s; }
.social-ambient i:nth-child(3) { left:29%; bottom:10%; width:44%; transform:rotate(-8deg); animation-delay:-3s; }
.social-hero-inner { display:flex; max-width:1020px; flex-direction:column; align-items:center; text-align:center; }
.social-pill { display:inline-flex; align-items:center; gap:.55rem; padding:.46rem .8rem; border:1px solid rgba(53,200,214,.2); border-radius:999px; color:rgba(233,242,240,.72); background:rgba(19,148,166,.07); font:600 10px/1 'JetBrains Mono',monospace; }
.social-pill span { width:6px; height:6px; border-radius:50%; background:var(--social-accent); box-shadow:0 0 12px var(--social-accent); animation:socialPulse 2s ease-in-out infinite; }
.social-hero h1 { margin-top:1.65rem; color:#fff; font-size:clamp(4rem,7.2vw,6.4rem); font-weight:710; line-height:.9; letter-spacing:-.068em; }
.social-hero h1 em { color:transparent; background:linear-gradient(100deg,#7fe3d8,#35c8d6 48%,#1394a6); -webkit-background-clip:text; background-clip:text; font-style:normal; }
.social-hero-copy { margin-top:2rem; color:rgba(233,242,240,.57); font-size:clamp(1rem,1.7vw,1.28rem); }
.social-primary { display:inline-flex; min-height:55px; align-items:center; justify-content:center; margin-top:2.5rem; gap:.55rem; padding:.8rem 1.65rem; border:1px solid rgba(127,227,216,.7); border-radius:999px; color:#06201a; background:#f5faf9; box-shadow:0 0 30px rgba(53,200,214,.16); font-size:13px; font-weight:750; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.social-primary:hover { transform:translateY(-3px); box-shadow:0 16px 46px rgba(53,200,214,.26); }
.social-phone { margin-top:.85rem; color:rgba(233,242,240,.72); font-size:14px; font-weight:550; }
.social-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem 1.2rem; margin-top:1.1rem; color:rgba(233,242,240,.42); font-size:11px; }
.social-trust span::before { content:'✓'; margin-right:.45rem; color:var(--social-accent); }
.social-trust span + span::before { content:'●'; font-size:8px; }

.social-bubble { position:absolute; z-index:3; display:grid; place-items:center; border:1px solid rgba(127,227,216,.16); border-radius:50%; background:radial-gradient(circle at 35% 30%,rgba(127,227,216,.23),rgba(19,148,166,.09) 55%,rgba(5,10,8,.2)); box-shadow:0 0 45px rgba(53,200,214,.16); animation:socialFloat 5.4s ease-in-out infinite; }
.bubble-instagram { left:11%; top:28%; width:94px; height:94px; }
.bubble-note { right:16%; bottom:17%; width:70px; height:70px; animation-delay:-2.3s; }
.social-glyph { position:relative; display:block; color:var(--social-accent); }
.social-glyph.instagram { width:34px; height:34px; border:3px solid currentColor; border-radius:10px; }
.social-glyph.instagram::before { content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; border:3px solid currentColor; border-radius:50%; transform:translate(-50%,-50%); }
.social-glyph.instagram::after { content:''; position:absolute; right:5px; top:5px; width:4px; height:4px; border-radius:50%; background:currentColor; }
.social-glyph.note { font-size:38px; font-weight:750; line-height:1; }
.social-glyph.search { width:31px; height:31px; border:3px solid currentColor; border-radius:50%; color:var(--social-accent); }
.social-glyph.search::after { content:''; position:absolute; right:-9px; bottom:-5px; width:15px; height:3px; border-radius:3px; background:currentColor; transform:rotate(48deg); }

.social-problem { min-height:642px; display:grid; align-items:center; padding:8rem 0 7rem; border-bottom:1px solid rgba(255,255,255,.055); background:#070d0b; }
.social-problem h2,.social-view h2,.social-plans > .social-shell > h2 { color:#fff; font-size:clamp(3rem,5.2vw,4.65rem); font-weight:650; line-height:1.03; letter-spacing:-.06em; text-align:center; }
.social-problem-grid { display:grid; grid-template-columns:1fr 1fr; gap:10rem; max-width:980px; margin:6rem auto 0; }
.social-problem-grid h3 { color:#fff; font-size:1.15rem; }
.social-problem-grid p { margin-top:1rem; color:var(--social-muted); font-size:14px; }
.social-problem-grid strong { display:block; margin-top:1rem; color:#fff; font-size:14px; }
.social-problem-grid > div:last-child { padding-left:1.3rem; border-left:1px solid rgba(255,255,255,.1); }

.social-view { min-height:783px; display:grid; align-items:center; padding:7.5rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#050a08; }
.social-profiles { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-top:5rem; }
.social-profile { position:relative; min-height:380px; overflow:hidden; padding:2rem; border:1px solid rgba(255,255,255,.08); border-radius:24px; background:rgba(255,255,255,.022); }
.social-profile.dormant { opacity:.48; filter:saturate(.45); }
.social-profile.active { border-color:rgba(53,200,214,.2); background:linear-gradient(145deg,rgba(53,200,214,.045),rgba(255,255,255,.025)); box-shadow:0 20px 60px rgba(19,148,166,.08); }
.profile-head { display:flex; align-items:center; gap:1rem; padding-bottom:1.5rem; }
.profile-head > i { width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.09); }
.profile-head div { flex:1; }
.profile-head b,.profile-head span,.profile-lines i { display:block; height:12px; border-radius:999px; background:rgba(255,255,255,.07); }
.profile-head b { width:36%; }.profile-head span { width:24%; height:8px; margin-top:.55rem; }
.profile-status { min-height:128px; display:flex; align-content:center; align-items:center; justify-content:center; flex-wrap:wrap; gap:.5rem; padding:1.5rem; border-radius:13px; color:rgba(233,242,240,.65); background:rgba(255,255,255,.05); font-size:12px; text-align:center; }
.profile-status strong { flex:0 0 100%; color:#fff; font-size:13px; }
.profile-status span { padding:.25rem .6rem; border-radius:4px; color:rgba(255,255,255,.76); background:rgba(255,255,255,.08); font-size:10px; }
.profile-lines { padding:1rem 0 1.5rem; border-bottom:1px solid rgba(255,255,255,.07); }
.profile-lines i { width:100%; height:11px; margin-top:.8rem; }.profile-lines i:last-child { width:67%; }
.social-profile > p { margin-top:1.25rem; color:#fff; font-size:15px; font-weight:600; text-align:center; }
.profile-scan { position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,var(--social-accent),transparent); box-shadow:0 0 18px rgba(53,200,214,.4); animation:socialVerticalScan 4.5s linear infinite; }

.social-always { position:relative; min-height:742px; display:grid; place-items:center; overflow:hidden; padding:8rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:radial-gradient(circle at 50% 50%,rgba(19,148,166,.1),transparent 37%),#080e0c; text-align:center; }
.social-always h2 { max-width:1080px; margin:auto; color:#fff; font-size:clamp(3.4rem,6.5vw,5.8rem); font-weight:660; line-height:.94; letter-spacing:-.064em; }
.social-always h2 span { color:rgba(233,242,240,.43); }
.social-action-pills { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; max-width:850px; margin:3rem auto 0; }
.social-action-pills span { padding:.75rem 1.2rem; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:rgba(255,255,255,.83); background:rgba(255,255,255,.035); font-size:13px; }
.social-always .social-shell > p { margin-top:3rem; color:#fff; font-size:clamp(1.1rem,2vw,1.45rem); font-weight:750; }
.always-search { left:10%; top:29%; width:96px; height:96px; }
.social-network-lines { position:absolute; inset:0; }
.social-network-lines i { position:absolute; height:1px; background:linear-gradient(90deg,rgba(53,200,214,.46),transparent); animation:socialLinePulse 5s ease-in-out infinite; }
.social-network-lines i:nth-child(1) { left:13%; top:34%; width:22%; transform:rotate(-47deg); }.social-network-lines i:nth-child(2) { right:11%; top:29%; width:24%; transform:rotate(50deg); animation-delay:-1.1s; }.social-network-lines i:nth-child(3) { left:18%; bottom:13%; width:25%; transform:rotate(24deg); animation-delay:-2.2s; }.social-network-lines i:nth-child(4) { right:13%; bottom:16%; width:28%; transform:rotate(-22deg); animation-delay:-3.4s; }

.social-features { min-height:508px; display:grid; align-items:center; padding:7rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#050a08; }
.social-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.8rem; }
.social-feature-grid article { min-height:143px; display:grid; place-items:center; align-content:center; gap:1.15rem; padding:1.4rem; border:1px solid rgba(255,255,255,.075); border-radius:20px; background:rgba(255,255,255,.018); color:#fff; font-size:14px; font-weight:600; text-align:center; transition:border-color .25s ease,transform .25s ease,background .25s ease; }
.social-feature-grid article:hover { transform:translateY(-4px); border-color:rgba(53,200,214,.32); background:rgba(53,200,214,.035); }
.social-feature-grid i,.option-grid i { display:grid; width:28px; height:28px; place-items:center; border:2px solid rgba(233,242,240,.35); border-radius:50%; color:rgba(233,242,240,.6); font-size:11px; font-style:normal; }

.social-plans { min-height:918px; display:grid; align-items:center; padding:7.4rem 0 7rem; border-bottom:1px solid rgba(255,255,255,.055); background:#080e0c; }
.social-plans > .social-shell > h2 { margin-bottom:4.4rem; }
.social-price-grid,.social-acquisition-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; align-items:stretch; }
.social-price-card,.social-acquisition-card { position:relative; display:flex; min-height:550px; flex-direction:column; padding:2rem; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:rgba(255,255,255,.025); }
.social-price-card.featured,.social-acquisition-card.featured { border-color:rgba(53,200,214,.35); background:linear-gradient(145deg,rgba(53,200,214,.08),rgba(255,255,255,.035)); box-shadow:0 24px 80px rgba(19,148,166,.14); transform:translateY(-12px); }
.social-popular { position:absolute; left:50%; top:0; padding:.38rem 1rem; border-radius:999px; color:#06201a; background:linear-gradient(90deg,var(--social-glow),var(--social-accent)); font-size:9px; font-weight:850; white-space:nowrap; transform:translate(-50%,-50%); }
.social-price-card h3,.social-acquisition-card h3 { color:#fff; font-size:1.15rem; line-height:1.25; }
.social-price { margin-top:1rem; color:#fff; font-size:clamp(2.4rem,3.5vw,3.5rem); font-weight:730; line-height:1; letter-spacing:-.055em; }
.featured .social-price { color:var(--social-accent); }
.social-price small { margin-left:.4rem; color:rgba(233,242,240,.45); font-size:.75rem; font-weight:500; letter-spacing:0; }
.social-frequency { margin-top:1.7rem; padding:1rem; border:1px solid rgba(255,255,255,.065); border-radius:12px; color:#fff; background:rgba(255,255,255,.045); font-size:12px; font-weight:650; text-align:center; }
.social-price-card ul,.social-acquisition-card ul { margin:1.3rem 0 0; padding:0; list-style:none; }
.social-price-card li,.social-acquisition-card li { position:relative; padding:.58rem 0 .58rem 1.6rem; color:rgba(233,242,240,.6); font-size:12px; }
.social-price-card li::before,.social-acquisition-card li::before { content:'✓'; position:absolute; left:0; top:.6rem; display:grid; width:15px; height:15px; place-items:center; border:1px solid rgba(127,227,216,.4); border-radius:50%; color:var(--social-accent); font-size:8px; }
.social-commitment { margin:auto 0 1rem; color:rgba(233,242,240,.5); font-size:11px; text-align:center; }
.social-price-card > a,.social-acquisition-card > a { min-height:48px; display:flex; align-items:center; justify-content:center; margin-top:auto; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#fff; background:rgba(255,255,255,.055); font-size:12px; font-weight:750; text-decoration:none; transition:background .2s ease,color .2s ease,transform .2s ease; }
.social-price-card.featured > a,.social-acquisition-card.featured > a { color:#06201a; background:#f5faf9; }
.social-price-card > a:hover,.social-acquisition-card > a:hover { transform:translateY(-2px); color:#06201a; background:var(--social-accent); }

.social-profile-option { min-height:712px; display:grid; align-items:center; padding:5.4rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#050a08; }
.social-option-card { display:grid; grid-template-columns:.96fr 1.04fr; gap:5rem; padding:4rem; overflow:hidden; border:1px solid rgba(53,200,214,.16); border-radius:36px; background:radial-gradient(circle at 90% 20%,rgba(53,200,214,.09),transparent 40%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); box-shadow:0 25px 80px rgba(0,0,0,.2); }
.option-label { display:inline-flex; width:max-content; align-items:center; gap:.5rem; padding:.35rem .65rem; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#fff; font-size:9px; font-weight:750; }
.option-label i { width:6px; height:6px; border-radius:50%; background:var(--social-accent); box-shadow:0 0 10px var(--social-accent); }
.option-copy h2 { margin-top:1.7rem; color:#fff; font-size:clamp(3rem,5vw,4.8rem); font-weight:650; line-height:.9; letter-spacing:-.06em; }
.option-copy h2 em { color:var(--social-accent); font-style:normal; }
.option-copy > p:not(.option-label) { max-width:460px; margin-top:1.7rem; color:var(--social-muted); font-size:15px; line-height:1.5; }
.option-price { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:1rem; margin-top:2.6rem; }
.option-price strong { grid-row:1 / 3; color:#fff; font-size:3.8rem; line-height:1; letter-spacing:-.06em; }
.option-price small { align-self:end; color:var(--social-muted); font-size:10px; }
.option-price a { align-self:start; justify-self:start; padding:.7rem 1.25rem; border-radius:999px; color:#06201a; background:var(--social-accent); font-size:11px; font-weight:750; text-decoration:none; }
.option-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-content:center; }
.option-grid article { display:flex; min-height:98px; align-items:center; gap:1rem; padding:1rem; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(255,255,255,.03); }
.option-grid i { flex:0 0 auto; }
.option-grid strong,.option-grid span { display:block; }
.option-grid strong { color:#fff; font-size:12px; line-height:1.35; }
.option-grid span { margin-top:.28rem; color:rgba(233,242,240,.46); font-size:10px; }

.social-bridge { position:relative; min-height:673px; display:grid; align-items:center; overflow:hidden; padding:7rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#080e0c; text-align:center; }
.social-bridge-glow { position:absolute; left:50%; top:50%; width:min(85vw,960px); height:75%; border-radius:50%; transform:translate(-50%,-50%); background:radial-gradient(ellipse,rgba(53,200,214,.1),rgba(19,148,166,.035) 44%,transparent 73%); filter:blur(28px); animation:socialGlowBreath 5s ease-in-out infinite; }
.social-bridge h2 { color:#fff; font-size:clamp(4rem,8vw,7.3rem); font-weight:620; line-height:.9; letter-spacing:-.07em; }
.social-bridge h2 + h2 { margin-top:5.5rem; }
.social-bridge h2 span { color:rgba(233,242,240,.36); }
.social-bridge h2 em { color:transparent; background:linear-gradient(90deg,var(--social-glow),var(--social-accent),var(--social-primary)); -webkit-background-clip:text; background-clip:text; font-style:normal; }

.social-acquisition { min-height:1087px; display:grid; align-items:center; padding:7rem 0 6rem; border-bottom:1px solid rgba(255,255,255,.055); background:#050a08; }
.social-acquisition-head { position:relative; text-align:center; }
.social-acquisition-head h2 { color:#fff; font-size:clamp(2.6rem,4.5vw,4rem); font-weight:650; line-height:1; letter-spacing:-.055em; }
.social-acquisition-head p { max-width:700px; margin:1.4rem auto 0; color:var(--social-muted); font-size:15px; }
.acquisition-search { left:9%; top:50%; width:90px; height:90px; transform:translateY(-50%); animation:none; }
.social-acquisition-grid { margin-top:5.2rem; }
.social-acquisition-card { min-height:655px; }
.social-acquisition-card .acquisition-lead { margin-top:1.6rem; color:#fff; font-size:13px; font-weight:650; line-height:1.45; }
.acquisition-note { margin-top:1.25rem; padding:1rem; border:1px solid rgba(255,255,255,.07); border-radius:12px; color:rgba(233,242,240,.59); background:rgba(255,255,255,.035); font-size:10px; line-height:1.55; }
.budget-note { display:block; margin:1rem 0; color:rgba(233,242,240,.42); font-size:9px; line-height:1.45; }

.social-final { position:relative; min-height:752px; display:grid; place-items:center; overflow:hidden; padding:8rem 0 6rem; background:radial-gradient(circle at 50% 46%,rgba(19,148,166,.14),transparent 39%),#070d0b; text-align:center; }
.social-final h2 { max-width:1040px; margin:auto; color:#fff; font-size:clamp(3.7rem,7vw,6.1rem); font-weight:650; line-height:.93; letter-spacing:-.064em; }
.social-final h2 span { color:rgba(233,242,240,.38); }
.social-final .social-shell > p { margin-top:2rem; color:var(--social-muted); font-size:15px; }
.social-final-action { display:flex; align-items:center; justify-content:center; gap:1.25rem; margin-top:.25rem; }
.social-final-action .social-trust { max-width:360px; justify-content:flex-start; flex-direction:column; align-items:flex-start; text-align:left; }
.social-final .social-phone { display:block; width:max-content; margin:.85rem auto 0; }
.final-instagram { left:5%; top:7%; width:100px; height:100px; }
.final-note { left:16%; bottom:18%; width:74px; height:74px; animation-delay:-2s; }
.social-final-scan { position:absolute; left:0; right:0; top:0; z-index:2; height:1px; background:linear-gradient(90deg,transparent,rgba(53,200,214,.38),var(--social-accent),rgba(53,200,214,.38),transparent); box-shadow:0 0 18px rgba(53,200,214,.38); animation:socialVerticalScan 5s linear infinite; }

.social-service-switcher { position:fixed; left:1.5rem; bottom:1.5rem; z-index:90; display:grid; width:150px; padding:.45rem; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(5,10,8,.9); box-shadow:0 20px 60px rgba(0,0,0,.4); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.social-service-switcher a { position:relative; padding:.75rem .9rem; border-radius:10px; color:rgba(233,242,240,.38); font:700 10px/1 'JetBrains Mono',monospace; letter-spacing:.08em; text-decoration:none; }
.social-service-switcher a.active { color:#fff; background:rgba(53,200,214,.1); }
.social-service-switcher a.active::before { content:''; position:absolute; left:0; top:20%; bottom:20%; width:3px; border-radius:4px; background:var(--social-accent); box-shadow:0 0 12px var(--social-accent); }

@keyframes socialFloat { 50% { transform:translateY(-10px) scale(1.025); } }
@keyframes socialPulse { 50% { opacity:.42; transform:scale(.7); } }
@keyframes socialLinePulse { 50% { opacity:.3; filter:blur(.3px); } }
@keyframes socialVerticalScan { 0% { top:0; opacity:0; } 10%,90% { opacity:.85; } 100% { top:100%; opacity:0; } }
@keyframes socialGlowBreath { 50% { opacity:.58; transform:translate(-50%,-50%) scale(.9); } }

@media (max-width:980px) {
  .social-nav { grid-template-columns:1fr auto; }
  .social-location { display:none; }
  .social-shell { width:min(100% - 3rem,1184px); }
  .social-problem-grid { gap:4rem; }
  .social-price-grid,.social-acquisition-grid { gap:1rem; }
  .social-price-card,.social-acquisition-card { padding:1.5rem; }
  .social-option-card { gap:2.5rem; padding:3rem; }
  .option-grid { grid-template-columns:1fr; }
  .option-grid article { min-height:72px; }
  .bubble-instagram { left:4%; }.bubble-note { right:5%; }
}

@media (max-width:720px) {
  .social-nav { min-height:61px; padding:.4rem 1rem; }
  .social-brand img { width:34px; height:38px; }.social-brand span { font-size:12px; }
  .social-nav-cta { font-size:10px; }
  .social-shell { width:min(100% - 2rem,1184px); }
  .social-hero { min-height:760px; padding:7.5rem 0 5rem; }
  .social-hero h1 { font-size:clamp(3.2rem,14vw,4.8rem); }
  .bubble-instagram { left:-25px; top:20%; width:70px; height:70px; opacity:.56; }
  .bubble-note { right:-18px; bottom:13%; width:62px; height:62px; opacity:.52; }
  .social-problem,.social-view,.social-always,.social-features,.social-plans,.social-profile-option,.social-bridge,.social-acquisition,.social-final { min-height:0; }
  .social-problem,.social-view,.social-features,.social-plans,.social-profile-option,.social-acquisition { padding:6rem 0; }
  .social-problem h2,.social-view h2,.social-plans > .social-shell > h2 { font-size:clamp(2.45rem,11vw,3.6rem); }
  .social-problem-grid { grid-template-columns:1fr; gap:2.5rem; margin-top:3.5rem; }
  .social-problem-grid > div:last-child { padding:2rem 0 0; border-top:1px solid rgba(255,255,255,.1); border-left:0; }
  .social-profiles { grid-template-columns:1fr; gap:1.2rem; margin-top:3.5rem; }
  .social-profile { min-height:330px; padding:1.4rem; }
  .social-always { padding:7rem 0; }
  .social-always h2 { font-size:clamp(2.8rem,12vw,4.5rem); }
  .social-action-pills { margin-top:2.3rem; }
  .always-search { left:-30px; top:16%; width:70px; height:70px; opacity:.45; }
  .social-feature-grid { grid-template-columns:1fr; gap:.8rem; }
  .social-feature-grid article { min-height:112px; }
  .social-price-grid,.social-acquisition-grid { grid-template-columns:1fr; gap:1.6rem; }
  .social-price-card.featured,.social-acquisition-card.featured { transform:none; }
  .social-price-card,.social-acquisition-card { min-height:510px; }
  .social-option-card { grid-template-columns:1fr; gap:3rem; padding:2rem; border-radius:24px; }
  .option-copy h2 { font-size:clamp(3.2rem,13vw,4.5rem); }
  .option-price { grid-template-columns:1fr; row-gap:.8rem; }
  .option-price strong { grid-row:auto; }.option-price small { align-self:auto; }
  .option-grid { grid-template-columns:1fr; }
  .social-bridge { padding:7rem 0; }
  .social-bridge h2 { font-size:clamp(3.2rem,14vw,5.6rem); }
  .social-bridge h2 + h2 { margin-top:4.5rem; }
  .social-acquisition-head { padding-top:4rem; }
  .acquisition-search { left:50%; top:0; width:70px; height:70px; transform:translate(-50%,-45%); }
  .social-final { min-height:760px; padding:8rem 0 6rem; }
  .social-final h2 { font-size:clamp(3rem,13vw,4.8rem); }
  .social-final-action { flex-direction:column; }
  .social-final-action .social-trust { align-items:center; text-align:center; }
  .social-final .social-primary { width:100%; }
  .final-instagram { left:-30px; top:7%; width:76px; height:76px; opacity:.5; }
  .final-note { left:auto; right:-24px; bottom:12%; opacity:.5; }
  .social-service-switcher { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .social-landing .reveal { opacity:1; filter:none; transform:none; transition:none; }
  .social-landing .social-ambient i,.social-landing .social-pill span,.social-landing .social-bubble,.social-landing .profile-scan,.social-landing .social-network-lines i,.social-landing .social-bridge-glow,.social-landing .social-final-scan { animation:none !important; }
}

/* Landing page — Création de site internet */
body.site-landing {
  --site-bg:#050a08;
  --site-bg-2:#07110e;
  --site-surface:#0b1613;
  --site-accent:#35c8d6;
  --site-primary:#1394a6;
  --site-glow:#7fe3d8;
  --site-text:#f3f8f7;
  --site-muted:rgba(233,242,240,.56);
  min-width:320px;
  overflow-x:hidden;
  background:var(--site-bg);
}
body.site-landing::before { opacity:.18; background-size:64px 64px; mask-image:radial-gradient(ellipse 105% 44% at 50% 0%,#000,transparent 76%); }
.site-landing main { position:relative; z-index:1; }
.site-shell { position:relative; z-index:3; width:min(100% - 6rem,1150px); margin-inline:auto; }
.site-landing .reveal { opacity:0; filter:blur(7px); transform:translateY(30px) scale(.99); transition:opacity .8s ease,filter .8s ease,transform .8s cubic-bezier(.2,.7,.2,1); }
.site-landing .reveal.in { opacity:1; filter:none; transform:none; }
.site-nav { grid-template-columns:auto auto 1fr auto; }
.site-nav-links { display:flex; justify-content:center; gap:2.2rem; }
.site-nav-links a { color:rgba(233,242,240,.58); font-size:11px; text-decoration:none; transition:color .2s ease; }
.site-nav-links a:hover { color:var(--site-accent); }

.site-hero {
  position:relative;
  min-height:876px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:8rem 0 4.5rem;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:radial-gradient(circle at 50% 34%,rgba(19,148,166,.13),transparent 35%),radial-gradient(circle at 82% 68%,rgba(53,200,214,.055),transparent 25%),var(--site-bg);
}
.site-hero::before,.site-final::before { content:''; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(127,227,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(127,227,216,.045) 1px,transparent 1px); background-size:60px 60px; mask-image:radial-gradient(ellipse 76% 76% at 50% 44%,#000,transparent 74%); }
.site-hero-glow { position:absolute; left:50%; top:49%; width:min(92vw,1120px); height:70%; border-radius:50%; transform:translate(-50%,-50%); background:radial-gradient(ellipse,rgba(53,200,214,.1),rgba(19,148,166,.035) 48%,transparent 73%); filter:blur(25px); animation:siteGlow 5s ease-in-out infinite; }
.site-hero-inner { display:flex; max-width:1120px; flex-direction:column; align-items:center; text-align:center; }
.site-hero h1 { color:#fff; font-size:clamp(3.9rem,6.6vw,5.95rem); font-weight:700; line-height:.9; letter-spacing:-.065em; }
.site-hero h1 em,.site-simple-bottom h2 em,.site-evolution h2 em,.site-convince h2 em,.site-final h2 em { color:transparent; background:linear-gradient(100deg,var(--site-glow),var(--site-accent) 48%,var(--site-primary)); -webkit-background-clip:text; background-clip:text; font-style:normal; }
.site-hero-inner > p:not(.site-location-bottom) { margin-top:2.8rem; color:rgba(233,242,240,.58); font-size:clamp(1.05rem,2vw,1.45rem); }
.site-hero-inner > strong { max-width:740px; margin-top:.55rem; color:#fff; font-size:clamp(1.05rem,1.7vw,1.35rem); line-height:1.45; }
.site-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem 1.8rem; margin-top:2.1rem; color:rgba(233,242,240,.58); font-size:11px; }
.site-trust span::before,.site-final-trust span::before { content:'✓'; display:inline-grid; width:18px; height:18px; place-items:center; margin-right:.45rem; border:1px solid rgba(53,200,214,.55); border-radius:50%; color:var(--site-accent); font-size:9px; }
.site-primary { display:inline-flex; min-height:60px; align-items:center; justify-content:center; margin-top:2.5rem; gap:2rem; padding:.9rem 2.5rem; border:1px solid rgba(127,227,216,.6); border-radius:999px; color:#06201a; background:#f5faf9; box-shadow:0 0 34px rgba(53,200,214,.2); font-size:13px; font-weight:800; text-decoration:none; transition:transform .22s ease,box-shadow .22s ease; }
.site-primary:hover { transform:translateY(-3px); box-shadow:0 18px 48px rgba(53,200,214,.28); }
.site-primary b { font-size:17px; }
.site-phone { display:block; margin-top:.8rem; color:#fff; font-size:15px; font-weight:650; }
.site-hero-inner > small { margin-top:.65rem; color:rgba(233,242,240,.35); font-size:9px; }
.site-location-bottom { margin-top:.6rem; color:rgba(233,242,240,.32); font-size:9px; }
.site-ui-chip,.site-ui-dots { position:absolute; z-index:2; border:1px solid rgba(127,227,216,.1); background:rgba(12,28,23,.68); box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 30px rgba(53,200,214,.07); backdrop-filter:blur(8px); animation:siteFloat 5s ease-in-out infinite; }
.site-ui-chip { display:flex; min-width:150px; align-items:center; gap:.8rem; padding:.9rem 1rem; border-radius:14px; transform:rotate(var(--tilt,0deg)); }
.site-ui-chip i { display:grid; width:37px; height:37px; place-items:center; border-radius:50%; color:var(--site-accent); background:rgba(53,200,214,.1); font-style:normal; }
.site-ui-chip span { display:block; width:60px; height:8px; border-radius:99px; background:rgba(233,242,240,.1); }.site-ui-chip span + span { width:34px; }
.chip-call { left:10%; top:24%; --tilt:1deg; }.chip-proof { right:10%; top:38%; --tilt:-2deg; animation-delay:-1.7s; }.chip-online { right:15%; bottom:20%; min-width:140px; --tilt:2deg; animation-delay:-3.1s; }.chip-online i { width:12px; height:12px; background:var(--site-glow); box-shadow:0 0 14px var(--site-accent); }
.site-ui-dots { left:16%; bottom:9%; display:flex; gap:.7rem; padding:.7rem; border-radius:13px; animation-delay:-2.4s; }.site-ui-dots i { width:30px; height:30px; border-radius:50%; background:rgba(233,242,240,.08); }

.site-clients { min-height:860px; display:grid; align-items:center; padding:8rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#07100d; }
.site-clients .site-shell { max-width:900px; }
.site-clients h2 { color:#fff; font-size:clamp(3.5rem,6.4vw,5.6rem); font-weight:660; line-height:.95; letter-spacing:-.064em; }
.site-clients h2 span { color:rgba(233,242,240,.37); }
.site-clients-copy { max-width:720px; margin-top:3rem; }
.site-clients-copy p { margin-top:1.45rem; color:var(--site-muted); font-size:15px; }
.site-clients-copy strong { display:block; margin-top:2rem; color:#fff; font-size:clamp(1.35rem,2.5vw,2rem); }
.site-secondary { display:inline-flex; min-height:52px; align-items:center; margin-top:2.5rem; padding:.8rem 1.7rem; border-radius:999px; color:#06201a; background:var(--site-accent); font-size:12px; font-weight:750; text-decoration:none; box-shadow:0 0 28px rgba(53,200,214,.2); }

.site-showcase { min-height:460px; display:flex; align-items:center; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.055); background:radial-gradient(circle at 50% 70%,rgba(19,148,166,.08),transparent 46%),#050a08; }
.site-showcase-track { display:flex; width:max-content; gap:2rem; animation:siteMarquee 25s linear infinite; }
.site-browser-card { width:400px; flex:0 0 400px; padding:1.4rem; border:1px solid rgba(127,227,216,.12); border-radius:22px; background:rgba(255,255,255,.025); box-shadow:0 20px 60px rgba(0,0,0,.28); }
.site-browser-card > div { display:flex; align-items:center; gap:.7rem; }.site-browser-card > div i { width:33px; height:33px; border-radius:50%; background:rgba(233,242,240,.08); }.site-browser-card > div b { width:88px; height:9px; border-radius:99px; background:rgba(233,242,240,.09); }.site-browser-card > div b + b { width:54px; }
.site-browser-card section { position:relative; height:148px; margin-top:1.2rem; padding:1.5rem; border-radius:13px; background:rgba(255,255,255,.04); }.site-browser-card section span { position:absolute; left:1.4rem; bottom:1.2rem; width:98px; height:58px; border-radius:10px; background:rgba(53,200,214,.07); }.site-browser-card section p { width:48%; height:11px; margin:.8rem 0 0 auto; border-radius:99px; background:rgba(233,242,240,.09); }.site-browser-card section p + p { width:34%; }.site-browser-card section em { position:absolute; right:1.4rem; bottom:1.2rem; width:78px; height:9px; border-radius:99px; background:rgba(233,242,240,.07); }
.site-browser-card > u { display:block; width:88px; height:28px; margin-top:1rem; border-radius:99px; background:rgba(53,200,214,.18); text-decoration:none; }
.site-browser-card:nth-child(3n+2) > u { background:rgba(127,227,216,.17); }.site-browser-card:nth-child(3n) > u { background:rgba(19,148,166,.2); }

.site-journey { min-height:536px; display:grid; align-items:center; padding:7rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#07100d; }
.site-journey h2 { color:#fff; font-size:clamp(2.6rem,4.6vw,4rem); font-weight:650; letter-spacing:-.055em; text-align:center; }
.site-journey-line { position:relative; display:grid; grid-template-columns:repeat(4,1fr); margin-top:5rem; }
.site-journey-line::before { content:''; position:absolute; left:10%; right:10%; top:42px; height:1px; background:linear-gradient(90deg,transparent,rgba(53,200,214,.38),transparent); }
.site-journey-line article { position:relative; z-index:2; display:grid; place-items:center; text-align:center; }
.site-journey-line i { display:grid; width:84px; height:84px; place-items:center; border:1px solid rgba(53,200,214,.22); border-radius:18px; color:var(--site-accent); background:#0a1713; box-shadow:0 12px 35px rgba(0,0,0,.28),0 0 24px rgba(53,200,214,.08); font-size:29px; font-style:normal; }
.site-journey-line strong { margin-top:1.1rem; color:rgba(233,242,240,.8); font-size:12px; }

.site-simplicity { min-height:1454px; display:grid; align-items:center; padding:8rem 0; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.055); background:#030806; }
.site-simple-top { max-width:920px; }
.site-simple-top h2 { color:#fff; font-size:clamp(3rem,5.2vw,4.5rem); font-weight:650; line-height:1.02; letter-spacing:-.06em; }
.site-simple-top p { margin-top:1.35rem; color:rgba(233,242,240,.36); font-size:clamp(1.15rem,2.2vw,1.65rem); }
.site-simple-top p:first-of-type { margin-top:2.8rem; }
.site-simple-bottom { margin-top:14rem; text-align:center; }
.site-simple-bottom h2 { color:#fff; font-size:clamp(3.9rem,7.4vw,6.8rem); font-weight:650; line-height:.92; letter-spacing:-.067em; }
.site-simple-bottom p { margin-top:3rem; color:var(--site-muted); font-size:16px; }
.site-simple-bottom strong { display:block; margin-top:.55rem; color:#fff; font-size:17px; }

.site-method { min-height:1010px; display:grid; align-items:center; padding:8rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:radial-gradient(circle at 74% 56%,rgba(19,148,166,.09),transparent 35%),#07100d; }
.site-method > .site-shell > h2,.site-pricing > .site-shell > h2 { color:#fff; font-size:clamp(3.2rem,5.4vw,4.8rem); font-weight:650; line-height:.98; letter-spacing:-.06em; text-align:center; }
.site-method-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-top:5rem; }
.site-method-grid article { min-height:560px; padding:3.2rem; border:1px solid rgba(255,255,255,.08); border-radius:34px; background:rgba(255,255,255,.02); }
.site-method-grid .lucile-method { border-color:rgba(53,200,214,.25); background:radial-gradient(circle at 90% 10%,rgba(53,200,214,.12),transparent 43%),rgba(53,200,214,.04); box-shadow:0 30px 80px rgba(19,148,166,.13); }
.site-label { color:rgba(233,242,240,.45); font:700 10px/1 'JetBrains Mono',monospace; letter-spacing:.13em; }
.lucile-method .site-label { color:var(--site-accent); }
.site-method-grid ul { margin-top:2.7rem; padding:0; list-style:none; }
.old-method li { position:relative; padding:1rem 0 1rem 1.5rem; color:rgba(233,242,240,.35); font-size:13px; }.old-method li::before { content:'•'; position:absolute; left:0; color:rgba(233,242,240,.26); }
.lucile-method li { position:relative; padding:.7rem 0 .7rem 2.3rem; }.lucile-method li::before { content:'✓'; position:absolute; left:0; top:.8rem; display:grid; width:20px; height:20px; place-items:center; border:1px solid var(--site-accent); border-radius:50%; color:var(--site-accent); font-size:9px; }
.lucile-method strong,.lucile-method small { display:block; }.lucile-method strong { color:#fff; font-size:14px; line-height:1.4; }.lucile-method small { margin-top:.35rem; color:rgba(233,242,240,.43); font-size:11px; }

.site-problem { min-height:1023px; display:grid; align-items:center; padding:7rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#050a08; }
.site-section-head { text-align:center; }
.site-section-head h2 { color:#fff; font-size:clamp(3.1rem,5.5vw,4.9rem); font-weight:650; line-height:.98; letter-spacing:-.06em; }
.site-section-head p { max-width:780px; margin:1.6rem auto 0; color:var(--site-muted); font-size:15px; }
.site-section-head > strong { display:block; margin-top:1rem; color:#fff; font-size:16px; }
.site-transformation { position:relative; min-height:460px; margin:4.5rem auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:28px; background:#020503; }
.site-before,.site-after { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.site-before { color:rgba(233,242,240,.24); background:#020503; }
.site-after { color:rgba(233,242,240,.72); background:radial-gradient(circle at 50% 50%,rgba(53,200,214,.13),transparent 48%),#081713; clip-path:inset(0 0 0 50%); animation:siteRevealResult 7s ease-in-out infinite; }
.site-before i,.site-after i { display:grid; width:52px; height:52px; place-items:center; margin-bottom:1rem; border:2px solid currentColor; border-radius:50%; font-size:24px; font-style:normal; }.site-after i { color:var(--site-accent); }
.site-before p,.site-after p { margin-top:.55rem; font-size:12px; }
.site-before span,.site-after span { position:absolute; bottom:2rem; font:700 10px/1 'JetBrains Mono',monospace; letter-spacing:.12em; }.site-after span { color:var(--site-accent); }
.site-transform-scan { position:absolute; top:0; bottom:0; left:50%; z-index:4; width:1px; background:linear-gradient(transparent,var(--site-accent),transparent); box-shadow:0 0 18px rgba(53,200,214,.55); animation:siteScanAcross 7s ease-in-out infinite; }

.site-evolution { min-height:1460px; padding:8rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:radial-gradient(circle at 50% 21%,rgba(19,148,166,.08),transparent 27%),#07100d; }
.site-evolution-timeline { position:relative; max-width:900px; margin:6rem auto 0; }
.site-evolution-timeline::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:linear-gradient(transparent,rgba(53,200,214,.4) 8%,rgba(53,200,214,.4) 92%,transparent); }
.site-evolution-timeline article { position:relative; display:grid; min-height:300px; grid-template-columns:1fr 90px 1fr; align-items:center; }
.site-evolution-timeline article > i { grid-column:2; grid-row:1; justify-self:center; width:17px; height:17px; border:4px solid #0b1a16; border-radius:50%; background:var(--site-accent); box-shadow:0 0 0 20px rgba(53,200,214,.06),0 0 22px rgba(53,200,214,.3); }
.site-evolution-timeline article > div { grid-row:1; }
.site-evolution-timeline article.left > div { grid-column:1; text-align:right; }.site-evolution-timeline article.right > div { grid-column:3; text-align:left; }
.site-evolution-timeline small { color:var(--site-accent); font:700 10px/1 'JetBrains Mono',monospace; letter-spacing:.14em; }
.site-evolution-timeline h3 { margin-top:1rem; color:#fff; font-size:clamp(1.7rem,3.2vw,2.5rem); line-height:1.05; letter-spacing:-.04em; }
.site-evolution-timeline p { margin-top:1rem; color:var(--site-muted); font-size:14px; line-height:1.55; }

.site-convince { min-height:1282px; display:grid; align-items:center; padding:8rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#050a08; }
.site-convince-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:5rem; }
.site-convince-grid article { min-height:230px; padding:2rem; border:1px solid rgba(255,255,255,.085); border-radius:22px; background:rgba(255,255,255,.025); transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.site-convince-grid article:hover { transform:translateY(-5px); border-color:rgba(53,200,214,.32); background:rgba(53,200,214,.04); }
.site-convince-grid article:last-child { grid-column:2; }
.site-convince-grid i { display:grid; width:44px; height:44px; place-items:center; border-radius:12px; color:var(--site-accent); background:rgba(53,200,214,.1); font-size:22px; font-style:normal; }
.site-convince-grid h3 { margin-top:1.5rem; color:#fff; font-size:15px; }.site-convince-grid p { margin-top:.8rem; color:var(--site-muted); font-size:12px; }

.site-no-risk { min-height:1132px; display:grid; align-items:center; padding:7rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:radial-gradient(circle at 50% 50%,rgba(19,148,166,.08),transparent 46%),#07100d; }
.site-no-risk-card { display:flex; min-height:850px; flex-direction:column; align-items:center; justify-content:center; padding:5rem; border:1px solid rgba(53,200,214,.18); border-radius:42px; background:linear-gradient(145deg,rgba(53,200,214,.055),rgba(255,255,255,.015)); text-align:center; box-shadow:0 30px 90px rgba(0,0,0,.26); }
.no-card-icon { position:relative; width:140px; height:140px; border:9px solid var(--site-accent); border-radius:50%; box-shadow:0 0 35px rgba(53,200,214,.15); }
.no-card-icon::after { content:''; position:absolute; left:50%; top:50%; width:120px; height:9px; border-radius:10px; background:var(--site-accent); transform:translate(-50%,-50%) rotate(45deg); }
.no-card-icon i { position:absolute; left:22px; right:22px; top:39px; height:55px; border:2px solid rgba(233,242,240,.18); border-radius:9px; }
.site-no-risk h2 { max-width:930px; margin-top:3rem; color:#fff; font-size:clamp(3.2rem,5.7vw,5.1rem); font-weight:650; line-height:.95; letter-spacing:-.064em; }
.site-no-risk p { margin-top:2rem; color:var(--site-muted); font-size:15px; }.site-no-risk strong { margin-top:.65rem; color:#fff; font-size:15px; }

.site-pricing { min-height:1139px; display:grid; align-items:center; padding:8rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#050a08; }
.site-pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; max-width:900px; margin:5rem auto 0; }
.site-pricing-grid article { display:flex; min-height:700px; flex-direction:column; padding:3rem; border:1px solid rgba(255,255,255,.1); border-radius:34px; background:rgba(255,255,255,.025); }
.site-pricing-grid article.premium { border-color:rgba(53,200,214,.28); background:radial-gradient(circle at 88% 12%,rgba(53,200,214,.11),transparent 42%),rgba(53,200,214,.035); box-shadow:0 28px 90px rgba(19,148,166,.14); transform:translateY(10px); }
.site-pricing-grid .site-label { color:rgba(233,242,240,.48); }.site-pricing-grid .premium .site-label { color:var(--site-accent); }
.site-price { margin-top:2.1rem; color:#fff; font-size:clamp(4rem,7vw,6.1rem); font-weight:680; line-height:.9; letter-spacing:-.065em; }.site-price small { margin-left:.45rem; color:var(--site-muted); font-size:1rem; font-weight:500; letter-spacing:0; }
.site-pricing-grid article > p:not(.site-label) { margin-top:1.6rem; color:var(--site-muted); font-size:14px; }
.site-badge { width:max-content; margin-top:1rem; padding:.35rem .75rem; border-radius:999px; color:var(--site-accent); background:rgba(53,200,214,.1); font-size:10px; font-weight:700; }
.site-pricing-grid ul,.site-included-grid ul { margin:2rem 0 0; padding:0; border-top:1px solid rgba(255,255,255,.075); list-style:none; }
.site-pricing-grid li,.site-included-grid li { position:relative; padding:.85rem 0 .85rem 2rem; color:rgba(233,242,240,.66); font-size:12px; }.site-pricing-grid li::before,.site-included-grid li::before { content:'✓'; position:absolute; left:0; top:.86rem; display:grid; width:18px; height:18px; place-items:center; border:1px solid rgba(53,200,214,.55); border-radius:50%; color:var(--site-accent); font-size:8px; }
.site-pricing-grid article > a { min-height:50px; display:grid; place-items:center; margin-top:auto; border:1px solid rgba(53,200,214,.22); border-radius:999px; color:#fff; background:rgba(53,200,214,.06); font-size:12px; font-weight:750; text-decoration:none; }.site-pricing-grid .premium > a { color:#06201a; background:var(--site-accent); }

.site-included { min-height:658px; display:grid; align-items:center; padding:6rem 0; border-bottom:1px solid rgba(255,255,255,.055); background:#07100d; }
.site-included-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:4rem; }
.site-included-grid article { min-height:315px; padding:2rem; border:1px solid rgba(255,255,255,.085); border-radius:22px; background:rgba(255,255,255,.025); }
.site-included-grid h3 { color:#fff; font-size:15px; }.site-included-grid li { padding-top:.65rem; padding-bottom:.65rem; }.site-included-grid li::before { top:.66rem; }

.site-final { position:relative; min-height:836px; display:grid; place-items:center; overflow:hidden; padding:7rem 0 5rem; background:radial-gradient(circle at 50% 42%,rgba(19,148,166,.14),transparent 42%),#050a08; text-align:center; }
.site-final-glow { position:absolute; left:50%; top:50%; width:min(95vw,1100px); height:85%; border-radius:50%; transform:translate(-50%,-50%); background:radial-gradient(ellipse,rgba(53,200,214,.12),rgba(19,148,166,.04) 45%,transparent 72%); filter:blur(24px); animation:siteGlow 5s ease-in-out infinite; }
.site-final h2 { max-width:1100px; margin:auto; color:#fff; font-size:clamp(4rem,7vw,6.2rem); font-weight:650; line-height:.91; letter-spacing:-.067em; }
.site-final .site-shell > p { margin-top:2.5rem; color:var(--site-muted); font-size:15px; }.site-final .site-phone { font-size:26px; }.site-final-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem 1.8rem; margin-top:2.8rem; color:rgba(233,242,240,.52); font-size:11px; }.site-final .site-shell > small { display:block; margin-top:1rem; color:rgba(233,242,240,.3); font-size:9px; }

@keyframes siteFloat { 50% { transform:translateY(-9px) rotate(var(--tilt,0deg)); } }
@keyframes siteGlow { 50% { opacity:.58; transform:translate(-50%,-50%) scale(.93); } }
@keyframes siteMarquee { to { transform:translateX(calc(-50% - 1rem)); } }
@keyframes siteRevealResult { 0%,12% { clip-path:inset(0 0 0 100%); } 44%,62% { clip-path:inset(0 0 0 0); } 88%,100% { clip-path:inset(0 0 0 100%); } }
@keyframes siteScanAcross { 0%,12% { left:100%; opacity:0; } 44%,62% { left:0; opacity:1; } 88%,100% { left:100%; opacity:0; } }

@media (max-width:1040px) {
  .site-nav { grid-template-columns:auto 1fr auto; }.site-nav .social-location { display:none; }.site-nav-links { justify-self:center; }
  .site-ui-chip { opacity:.55; }.chip-call { left:2%; }.chip-proof { right:2%; }.chip-online { right:4%; }.site-ui-dots { left:4%; }
  .site-method-grid article { padding:2.3rem; }
}

@media (max-width:760px) {
  .site-shell { width:min(100% - 2rem,1150px); }
  .site-nav { grid-template-columns:1fr auto; }.site-nav-links { display:none; }
  .site-hero { min-height:790px; padding:7rem 0 4rem; }.site-hero h1 { font-size:clamp(3.15rem,13.5vw,4.8rem); }.site-hero h1 br:nth-child(2) { display:none; }
  .site-ui-chip,.site-ui-dots { opacity:.3; transform:scale(.8); }.chip-call { left:-45px; top:19%; }.chip-proof { right:-50px; top:35%; }.chip-online { right:-45px; bottom:16%; }.site-ui-dots { left:-28px; bottom:8%; }
  .site-primary { width:100%; gap:1rem; padding-inline:1.2rem; }
  .site-trust { gap:.7rem 1rem; }
  .site-clients,.site-showcase,.site-journey,.site-simplicity,.site-method,.site-problem,.site-evolution,.site-convince,.site-no-risk,.site-pricing,.site-included,.site-final { min-height:0; }
  .site-clients { padding:6.5rem 0; }.site-clients h2 { font-size:clamp(3rem,13vw,4.7rem); }
  .site-showcase { height:380px; }.site-browser-card { width:320px; flex-basis:320px; }
  .site-journey { padding:6rem 0; }.site-journey h2 { font-size:2.5rem; }.site-journey-line { grid-template-columns:1fr 1fr; gap:2.5rem 1rem; }.site-journey-line::before { display:none; }
  .site-simplicity { padding:7rem 0; }.site-simple-top h2 { font-size:clamp(2.7rem,11vw,4rem); }.site-simple-bottom { margin-top:10rem; }.site-simple-bottom h2 { font-size:clamp(3.3rem,14vw,5rem); }
  .site-method,.site-problem,.site-evolution,.site-convince,.site-no-risk,.site-pricing { padding:6.5rem 0; }
  .site-method-grid { grid-template-columns:1fr; gap:1.2rem; }.site-method-grid article { min-height:0; padding:2rem; }.site-method > .site-shell > h2,.site-pricing > .site-shell > h2 { font-size:clamp(2.9rem,12vw,4.4rem); }
  .site-section-head h2 { font-size:clamp(2.8rem,12vw,4.5rem); }
  .site-transformation { min-height:400px; }.site-before,.site-after { padding:1.5rem; }
  .site-evolution-timeline { margin-top:4rem; }.site-evolution-timeline::before { left:12px; }.site-evolution-timeline article { min-height:320px; display:block; padding-left:55px; }.site-evolution-timeline article > i { position:absolute; left:4px; top:12px; width:17px; height:17px; }.site-evolution-timeline article.left > div,.site-evolution-timeline article.right > div { text-align:left; }
  .site-convince-grid { grid-template-columns:1fr; gap:1rem; }.site-convince-grid article,.site-convince-grid article:last-child { grid-column:auto; min-height:190px; }
  .site-no-risk-card { min-height:0; padding:4rem 1.3rem; border-radius:26px; }.no-card-icon { width:95px; height:95px; border-width:6px; }.no-card-icon::after { width:82px; height:6px; }.no-card-icon i { left:15px; right:15px; top:27px; height:38px; }.site-no-risk h2 { font-size:clamp(2.8rem,12vw,4.3rem); }
  .site-pricing-grid { grid-template-columns:1fr; gap:1.4rem; }.site-pricing-grid article { min-height:630px; padding:2rem; }.site-pricing-grid article.premium { transform:none; }
  .site-included { padding:6rem 0; }.site-included-grid { grid-template-columns:1fr; gap:1rem; }.site-included-grid article { min-height:0; }
  .site-final { min-height:780px; padding:7rem 0 5rem; }.site-final h2 { font-size:clamp(3.2rem,13vw,5rem); }.site-final-trust { gap:.7rem 1rem; }
}

@media (prefers-reduced-motion:reduce) {
  .site-landing .reveal { opacity:1; filter:none; transform:none; transition:none; }
  .site-landing .site-hero-glow,.site-landing .site-ui-chip,.site-landing .site-ui-dots,.site-landing .site-showcase-track,.site-landing .site-after,.site-landing .site-transform-scan,.site-landing .site-final-glow { animation:none !important; }
  .site-landing .site-after { clip-path:inset(0 0 0 50%); }
}
