@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#08111f;--paper:#f4f7f6;--muted:#607078;--line:#d5dfdc;--lime:#d5f26a;--aqua:#8ee4d0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.topline{height:32px;background:var(--lime);display:flex;justify-content:space-between;align-items:center;padding:0 32px;font:500 10px 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--lime);font:500 13px 'DM Mono',monospace;letter-spacing:-.1em}.brand-muted{font-weight:500;color:#718087}.brand b{font-weight:800;color:#18a687}nav{display:flex;gap:30px;margin-left:auto}nav a,.text-link,.footer a{color:inherit;text-decoration:none;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;gap:25px;border:0;border-radius:5px;padding:16px 20px;background:var(--ink);color:var(--white);font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#18304b}.button-small{padding:11px 15px;font-size:11px}.button-outline{background:transparent;color:var(--ink);border:1px solid #9caeaa}.hero{min-height:630px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px;padding:70px 0 90px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#4e7470;margin:0 0 22px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19af8e;margin-right:8px;box-shadow:0 0 0 5px #d9f4eb}.hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.05;letter-spacing:-.07em;margin:0 0 26px;max-width:700px}.hero h1 em,h2 em{font-style:normal;color:#16a687}.hero-lede{font-size:16px;color:var(--muted);max-width:520px;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--ink);font-size:11px}.hero-note{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);max-width:470px;margin-top:56px;padding-top:16px;color:#708087;font-size:11px}.note-icon{color:#18a687}.hero-visual{height:450px;position:relative;background:#dfeae6;border-radius:50% 50% 12% 12%;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,#fff 0 2px,transparent 3px),linear-gradient(135deg,#d8efea,#eef2e2)}.hero-visual:after{content:"";position:absolute;inset:20px;background:radial-gradient(circle at 45% 30%,rgba(255,255,255,.7),transparent 35%);pointer-events:none}.orbit{position:absolute;border:1px solid rgba(11,40,48,.17);border-radius:50%;transform:rotate(-27deg)}.orbit-one{width:510px;height:180px;left:-13px;top:142px}.orbit-two{width:380px;height:380px;left:74px;top:35px;transform:rotate(25deg)}.core{position:absolute;z-index:2;left:calc(50% - 72px);top:calc(50% - 72px);width:144px;height:144px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--ink);color:var(--lime);box-shadow:0 0 0 12px rgba(8,17,31,.08),0 18px 45px rgba(8,17,31,.22)}.core span{font:500 35px 'DM Mono',monospace;letter-spacing:-.12em}.core small{color:#a6bbb7;font:500 8px 'DM Mono',monospace;letter-spacing:.15em;line-height:1.5}.node{position:absolute;z-index:3;border:1px solid #a4bbb5;border-radius:20px;padding:7px 10px;background:rgba(255,255,255,.7);font:500 10px 'DM Mono',monospace}.node-a{top:64px;right:55px}.node-b{left:37px;top:170px}.node-c{right:73px;bottom:64px}.connection{position:absolute;height:1px;background:#85b9ae;transform-origin:left}.connection-a{width:130px;left:60%;top:28%;transform:rotate(25deg)}.connection-b{width:150px;left:24%;top:45%;transform:rotate(-5deg)}.connection-c{width:112px;left:59%;top:70%;transform:rotate(-32deg)}.signal-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}.signal-grid span{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:#6d7a7f;text-align:center;border-right:1px solid var(--line)}.signal-grid span:last-child{border:0}.section{padding:135px 0}.section-intro h2,.network h2,.cta h2{font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.065em;margin:0;max-width:570px}.section-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:35px}.section-intro .eyebrow{padding-top:12px}.approach-copy{max-width:510px;margin:70px 0 0 auto}.approach-copy p{color:var(--muted);font-size:15px;margin:0 0 20px}.approach-copy .text-link{margin-top:20px}.section-dark{background:var(--ink);color:#fff;padding:115px 0 125px}.light .eyebrow{color:var(--aqua)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#34424b;margin-top:65px}.feature-card{min-height:300px;background:var(--ink);padding:28px 30px;display:flex;flex-direction:column}.feature-card.featured{background:#102334}.feature-number{font:500 11px 'DM Mono',monospace;color:var(--aqua)}.feature-card h3{font-size:21px;letter-spacing:-.04em;margin:55px 0 12px}.feature-card p{color:#9caeb5;font-size:13px;max-width:260px;margin:0}.feature-line{width:30px;height:2px;background:var(--lime);margin-top:auto}.network{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.network-map{position:relative;aspect-ratio:1;border-radius:50%;background:#e0f0ea;overflow:hidden}.map-ring{position:absolute;border:1px solid #a8c9bf;border-radius:50%}.map-ring-one{inset:17%}.map-ring-two{inset:34%}.map-center{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);width:80px;height:80px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--ink);color:var(--lime);font-size:12px;line-height:1.1;font-weight:800}.map-center small{font:500 6px 'DM Mono',monospace;color:#a5bbb5;letter-spacing:.12em}.map-dot{position:absolute;padding:7px 10px;border:1px solid #97b8ae;border-radius:3px;background:#f4faf7;font:500 11px 'DM Mono',monospace}.map-dot-com{top:16%;right:17%}.map-dot-net{top:56%;left:12%}.map-dot-ca{bottom:14%;right:25%}.map-line{position:absolute;height:1px;background:#7eafa2;transform-origin:left}.map-line-one{width:150px;left:50%;top:50%;transform:rotate(-45deg)}.map-line-two{width:145px;left:50%;top:50%;transform:rotate(170deg)}.network-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:500px;margin:27px 0}.domain-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.domain-links a{border-bottom:1px solid #aac7bd;padding:9px 0;margin-right:18px;color:var(--ink);font:500 12px 'DM Mono',monospace;text-decoration:none}.domain-links span{color:#18a687}.cta{margin-bottom:120px;padding:55px 60px;background:var(--lime);border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta .eyebrow{color:#526d42}.cta h2{font-size:clamp(30px,3.6vw,49px)}.button-light{background:#fff;color:var(--ink);white-space:nowrap}.button-light:hover{background:#f4f7f6}.footer{border-top:1px solid var(--line);padding:50px 0 25px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.footer-brand p{color:var(--muted);font-size:12px;max-width:240px;margin-top:20px}.footer-links{display:flex;gap:95px;justify-content:flex-end}.footer-links div{display:flex;flex-direction:column;gap:9px}.footer-links strong{font:500 10px 'DM Mono',monospace;text-transform:uppercase;color:#6c7b80;margin-bottom:9px}.footer-links a{font-size:11px;color:#405158}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#829094;font:500 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em}@media(max-width:800px){.shell{width:min(100% - 38px,600px)}.topline{padding:0 19px}.site-header{height:75px}.site-header nav{display:none}.site-header .button{margin-left:auto}.hero{grid-template-columns:1fr;padding:65px 0 80px;gap:60px}.hero-visual{height:340px}.section{padding:90px 0}.section-intro{display:block}.section-intro h2{margin-top:24px}.approach-copy{margin:40px 0 0}.feature-grid{grid-template-columns:1fr;margin-top:45px}.feature-card{min-height:245px}.network{grid-template-columns:1fr;gap:45px}.network-map{width:min(100%,430px);margin:auto}.cta{margin-bottom:80px;padding:38px 28px;display:block}.cta .button{margin-top:30px}.footer{grid-template-columns:1fr;gap:35px}.footer-links{justify-content:flex-start;gap:60px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}@media(max-width:450px){.brand{font-size:15px}.brand-mark{width:29px;height:29px}.site-header .button{font-size:10px;padding:9px}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.signal-grid{grid-template-columns:1fr 1fr;gap:15px}.signal-grid span{border:0;text-align:left}.signal-grid span:nth-child(odd){border-right:1px solid var(--line)}.hero-note{margin-top:40px}.footer-links{gap:35px}}


/* ==========================================================================
   FAST4U SOVEREIGN STICKY HEADER (MATCHING FAST4U.CO STANDARD)
   ========================================================================== */
header.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background-color: rgba(244, 247, 246, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(213, 223, 220, 0.75);
  transition: background-color 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease;
}
header.site-header.shell {
  width: 100%;
  max-width: 100%;
  padding-left: max(32px, calc((100% - 1180px) / 2 + 32px));
  padding-right: max(32px, calc((100% - 1180px) / 2 + 32px));
}
header.site-header.is-scrolled {
  background-color: rgba(244, 247, 246, 0.98) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  border-bottom-color: #18a687 !important;
  box-shadow: 0 4px 24px rgba(8, 17, 31, 0.09);
}
@media (max-width: 800px) {
  header.site-header.shell {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ==========================================================================
   VOILA UTILITY BUBBLE & LAW 25 COOKIE POPUP (FAST4U PALETTE)
   ========================================================================== */
.fast4u-cookie-manage.v-utility-bubble--cookie {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 99990;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  padding: 0;
  border-radius: 9999px;
  border: 1.5px solid rgba(213, 242, 106, 0.5);
  background: radial-gradient(circle at 30% 25%, #18a687 0%, #0d3b36 50%, #08111f 100%);
  color: #d5f26a;
  cursor: pointer;
  box-shadow: 0 10px 24px -4px rgba(8, 17, 31, 0.6), 0 0 18px rgba(213, 242, 106, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.35);
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s ease, border-color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.fast4u-cookie-manage.v-utility-bubble--cookie:hover {
  transform: translateY(-2px) scale(1.05);
  border-color: #d5f26a;
  box-shadow: 0 14px 28px -4px rgba(8, 17, 31, 0.7), 0 0 22px rgba(213, 242, 106, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.fast4u-cookie-manage .v-utility-bubble__icon {
  width: 24px;
  height: 24px;
}
.fast4u-cookie-manage .v-utility-bubble__tooltip {
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%) translateX(-6px);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  background: #08111f;
  color: #d5f26a;
  border: 1px solid rgba(213, 242, 106, 0.35);
  padding: 6px 12px;
  border-radius: 6px;
  font: 600 11px 'DM Mono', monospace;
  letter-spacing: 0.04em;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.fast4u-cookie-manage .v-utility-bubble__tooltip::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #08111f transparent transparent;
}
.fast4u-cookie-manage:hover .v-utility-bubble__tooltip {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.fast4u-cookie-box {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 100000;
  width: min(520px, calc(100vw - 32px));
  background: rgba(8, 17, 31, 0.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(213, 242, 106, 0.3);
  border-radius: 14px;
  padding: 24px 28px;
  color: #e2e8f0;
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  box-shadow: 0 20px 48px -8px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
  animation: f4uCookieSlideIn 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes f4uCookieSlideIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.fast4u-cookie-content {
  position: relative;
}
.fast4u-cookie-close {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  border-radius: 6px;
  display: grid;
  place-items: center;
  transition: color 0.15s, background 0.15s;
}
.fast4u-cookie-close:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.fast4u-cookie-lang {
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
}
.fast4u-cookie-lang button {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #94a3b8;
  padding: 3px 8px;
  border-radius: 4px;
  font: 600 10px 'DM Mono', monospace;
  cursor: pointer;
  transition: all 0.15s;
}
.fast4u-cookie-lang button:hover,
.fast4u-cookie-lang button.is-active {
  background: #d5f26a;
  border-color: #d5f26a;
  color: #08111f;
}
.fast4u-cookie-box h2 {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.02em;
}
.fast4u-cookie-box p {
  font-size: 12.5px;
  line-height: 1.55;
  color: #94a3b8;
  margin: 0 0 10px;
}
.fast4u-cookie-links {
  font-size: 11px;
  margin: 12px 0 16px;
  color: #64748b;
}
.fast4u-cookie-links a {
  color: #18a687;
  text-decoration: none;
  font-weight: 600;
}
.fast4u-cookie-links a:hover {
  color: #d5f26a;
  text-decoration: underline;
}
.fast4u-cookie-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  align-items: center;
}
.fast4u-cookie-btn-primary {
  background: #18a687;
  color: #ffffff;
  border: none;
  padding: 9px 18px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s, transform 0.15s;
}
.fast4u-cookie-btn-primary:hover {
  background: #128067;
  transform: translateY(-1px);
}
.fast4u-cookie-btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 9px 16px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s;
}
.fast4u-cookie-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.16);
}
.fast4u-cookie-btn-link {
  background: transparent;
  color: #d5f26a;
  border: none;
  padding: 9px 12px;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
}
.fast4u-cookie-btn-link:hover {
  color: #ffffff;
}
.fast4u-cookie-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 14px 0;
}
.fast4u-cookie-option {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 10px 12px;
}
.fast4u-cookie-option label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.fast4u-cookie-option input[type="checkbox"] {
  margin-top: 3px;
  accent-color: #18a687;
}
.fast4u-cookie-option p {
  font-size: 11px;
  color: #94a3b8;
  margin: 4px 0 0 24px;
}


/* Fast4u Sovereign Brand Mark Green Contour (Matching fast4u.co standard) */
.brand-mark {
  border: 1.5px solid var(--lime) !important;
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.brand:hover .brand-mark {
  transform: scale(1.06);
  box-shadow: 0 0 16px rgba(213, 242, 106, 0.45);
}


/* Brand Titles layout matching Voilà standard */
.brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}
.brand-titles {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.brand-name {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: inherit !important;
}
.brand-by {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
  color: #607078 !important;
}
