/* --------------------------------------------------------------------------
   BENO STORE — light, conversion-focused SaaS design system
   Inspired by the clean QRCG / Bitly style direction supplied for this page.
   -------------------------------------------------------------------------- */
:root {
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, Tahoma, sans-serif;
  --color-primary: #ee6123;
  --color-primary-hover: #d4551e;
  --color-primary-soft: #fff1eb;
  --color-link: #0066ff;
  --color-bg: #ffffff;
  --color-bg-subtle: #f5f5f7;
  --color-bg-warm: #fff9f6;
  --color-bg-dark: #111827;
  --color-text: #1d1d1f;
  --color-text-muted: #6e6e73;
  --color-border: #e5e5ea;
  --color-border-dark: #d9d9e0;
  --color-navy: #10233f;
  --color-sky: #2563eb;
  --color-green: #24b967;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 3px rgba(17, 24, 39, .08);
  --shadow-md: 0 2px 12px rgba(17, 24, 39, .07);
  --shadow-lg: 0 12px 36px rgba(17, 24, 39, .12);
  --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--color-text);
  background: var(--color-bg);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid rgba(238, 97, 35, .22); outline-offset: 3px; }
::selection { color: #fff; background: var(--color-primary); }
#spaceCanvas, .page-noise { display: none; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.shell { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { position: relative; }
.section-pad { padding-block: 112px; }

/* Shared type and controls */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 15px;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 4px rgba(238, 97, 35, .12); }
.section-heading h2,
.connection-copy h2,
.coverage-copy h2,
.faq-aside h2,
.final-cta h2 {
  max-width: 740px;
  margin: 0;
  color: var(--color-text);
  font-size: clamp(32px, 3.8vw, 47px);
  font-weight: 730;
  line-height: 1.17;
  letter-spacing: -.032em;
}
.section-heading h2 em,
.connection-copy h2 em,
.coverage-copy h2 em,
.faq-aside h2 em,
.final-cta h2 em { color: var(--color-primary); font-style: normal; }
.section-heading p { max-width: 620px; margin: 18px auto 0; color: var(--color-text-muted); font-size: 16px; }
.centered { text-align: center; }.centered h2 { margin-inline: auto; }.centered .eyebrow { justify-content: center; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 21px;
  border: 2px solid transparent;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
  transition: all 180ms ease;
}
.button:hover { transform: translateY(-1px); }
.button svg, .text-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; transition: transform 180ms ease; }
.button:hover svg, .text-link:hover svg { transform: translateX(-3px); }
.button-primary { color: #fff; background: var(--color-primary); box-shadow: 0 7px 16px rgba(238, 97, 35, .20); }
.button-primary:hover { color: #fff; background: var(--color-primary-hover); box-shadow: 0 10px 20px rgba(212, 85, 30, .28); }
.button-ghost { border-color: var(--color-primary); color: var(--color-primary); background: transparent; }
.button-ghost:hover { background: rgba(238, 97, 35, .08); }
.button-light { color: var(--color-primary); background: #fff; box-shadow: none; }
.button-light:hover { color: var(--color-primary-hover); background: #fff6f2; }
.text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; color: var(--color-link); font-size: 14px; font-weight: 650; }

/* Header */
.site-header {
  position: fixed;
  z-index: 20;
  inset: 0 0 auto;
  border-bottom: 1px solid var(--color-border);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 1px 10px rgba(17, 24, 39, .035);
  backdrop-filter: blur(14px);
  transition: box-shadow 180ms ease;
}
.site-header.scrolled { box-shadow: 0 5px 18px rgba(17, 24, 39, .08); }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 72px; gap: 24px; }
.brand { direction: ltr; display: inline-flex; align-items: center; gap: 9px; flex: none; width: max-content; }
.brand-mark { display: grid; width: 40px; height: 40px; filter: drop-shadow(0 3px 5px rgba(16, 35, 63, .11)); }
.brand-mark svg { width: 100%; height: 100%; }
.brand-type { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.brand-type b { color: var(--color-navy); font-family: var(--font-sans); font-size: 16px; font-weight: 800; letter-spacing: .09em; }
.brand-type small { display: flex; align-items: center; gap: 4px; margin-top: 3px; color: #367aca; font-family: var(--font-sans); font-size: 6px; font-weight: 700; letter-spacing: .23em; }
.brand-type small i { display: block; width: 9px; height: 1px; background: #62a9e7; }
.main-nav { display: flex; align-items: center; gap: 28px; margin-inline: auto; }
.nav-link { color: #4e525c; font-size: 13px; font-weight: 580; transition: color 180ms ease; }
.nav-link:hover, .nav-link.active { color: var(--color-primary); }
.header-cta { display: flex; align-items: center; gap: 10px; }
.header-contact { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 15px; border-radius: 8px; color: #fff; background: var(--color-primary); box-shadow: 0 5px 12px rgba(238, 97, 35, .18); font-size: 12px; font-weight: 700; transition: all 180ms ease; }
.header-contact:hover { color: #fff; background: var(--color-primary-hover); transform: translateY(-1px); }.header-contact .fa-whatsapp { font-size: 17px; }
.menu-button { display: none; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid var(--color-border-dark); border-radius: 8px; color: var(--color-text); background: #fff; }
.menu-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }

/* Hero */
.hero { min-height: 700px; padding-top: 72px; overflow: hidden; background: linear-gradient(112deg, #fff 0%, #fff 61%, #fff7f3 61%, #fff7f3 100%); }
.hero::before { content: ""; position: absolute; z-index: 0; top: 115px; right: -100px; width: 560px; height: 560px; border: 1px solid rgba(238, 97, 35, .10); border-radius: 50%; box-shadow: 0 0 0 58px rgba(238, 97, 35, .035), 0 0 0 116px rgba(238, 97, 35, .02); }
.hero::after { content: ""; position: absolute; z-index: 0; top: 140px; left: -12px; width: 132px; height: 132px; border: 18px solid rgba(37, 99, 235, .055); border-radius: 50%; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .96fr 1.04fr; align-items: center; gap: 52px; min-height: 626px; }
.hero-copy { padding: 42px 0 30px; }
.hero-copy h1 { max-width: 650px; margin: 0; color: var(--color-text); font-size: clamp(42px, 5.1vw, 61px); font-weight: 760; line-height: 1.12; letter-spacing: -.048em; }
.hero-copy h1 span { color: var(--color-primary); }
.hero-description { max-width: 555px; margin: 21px 0 0; color: var(--color-text-muted); font-size: 17px; line-height: 1.72; }
.hero-description strong { display: inline-block; direction: ltr; color: var(--color-navy); font-family: var(--font-sans); font-weight: 750; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.play-icon { display: grid; place-items: center; width: 19px; height: 19px; padding-right: 1px; border: 1px solid currentColor; border-radius: 50%; font-size: 7px; direction: ltr; }
.hero-proof { display: flex; align-items: center; gap: 15px; margin-top: 34px; color: var(--color-text-muted); }
.avatars { display: flex; direction: ltr; padding-left: 7px; }.avatar { display: grid; place-items: center; width: 30px; height: 30px; margin-left: -8px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #d8a383, #805a4c); font-size: 9px; font-weight: 800; }.avatar-b { background: linear-gradient(145deg, #88c3e4, #2e638d); }.avatar-c { background: linear-gradient(145deg, #eeabb0, #914e62); }.avatar-d { color: var(--color-navy); background: #f2ddcf; }
.hero-proof > div:not(.avatars) { display: grid; line-height: 1.35; }.hero-proof strong { direction: ltr; color: var(--color-text); font-family: var(--font-sans); font-size: 13px; }.hero-proof span { font-size: 10px; }.hero-proof .rating { padding-right: 15px; border-right: 1px solid var(--color-border); }.rating .stars { direction: ltr; color: #f59e0b; font-size: 10px; letter-spacing: 1px; }
.hero-network { position: absolute; z-index: 0; inset: 48px 0 auto; height: 620px; opacity: .42; pointer-events: none; }.hero-network svg { width: 100%; height: 100%; overflow: visible; }.network-stroke { fill: none; stroke: #ee6123; stroke-width: 1; stroke-dasharray: 3 9; }.network-node { fill: #fff; stroke: #ee6123; stroke-width: 1.5; }
.hero-visual { position: relative; height: 550px; min-width: 0; }
.hero-image-wrap { position: absolute; z-index: 2; inset: 17px 9px 17px 25px; overflow: hidden; border: 8px solid #fff; border-radius: 20px; background: #0d1b35; box-shadow: 0 22px 45px rgba(16, 35, 63, .17); }
.hero-image-wrap::before { content: "STARLINK  ·  HOME KIT"; position: absolute; z-index: 2; top: 18px; right: 20px; color: rgba(255,255,255,.75); font-family: var(--font-sans); font-size: 9px; font-weight: 750; letter-spacing: .16em; }
.hero-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 14, 34, .12), transparent 32%, rgba(5, 14, 34, .33)); pointer-events: none; }
.hero-image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center 60%; transform: scale(1.025); }
.image-glow { position: absolute; z-index: 1; top: 3px; right: 0; width: 80%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(238,97,35,.14), transparent 68%); }
.dish-lens-flare { position: absolute; z-index: 3; top: 47%; right: 18%; width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 12px 4px rgba(135,220,255,.8); }
.signal-orbit { position: absolute; z-index: 0; border: 1px dashed rgba(238,97,35,.28); border-radius: 50%; }.orbit-one { top: 112px; right: -9px; width: 475px; height: 265px; transform: rotate(-27deg); }.orbit-two { top: 91px; right: -52px; width: 555px; height: 310px; border-color: rgba(37,99,235,.14); transform: rotate(-27deg); }
.scan-line { display: none; }
.floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; min-width: 164px; padding: 11px 13px; border: 1px solid var(--color-border); border-radius: 12px; background: rgba(255,255,255,.97); box-shadow: var(--shadow-lg); }.floating-card small { display: block; color: var(--color-text-muted); font-size: 9px; line-height: 1.35; }.floating-card strong { display: block; margin-top: 2px; color: var(--color-text); font-family: var(--font-sans); font-size: 13px; }.floating-card b { color: var(--color-primary); }.mini-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: var(--color-primary-soft); }.mini-icon svg { width: 18px; height: 18px; fill: none; stroke: var(--color-primary); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }.speed-card { top: 11%; left: -12px; }.status-card { bottom: 10%; right: -5px; }.card-pulse, .green-dot { position: absolute; top: 9px; left: 10px; width: 5px; height: 5px; border-radius: 50%; background: var(--color-primary); }.green-dot { background: var(--color-green); }.signal-bars { display: flex; align-items: end; gap: 2px; height: 25px; direction: ltr; }.signal-bars i { display: block; width: 4px; border-radius: 2px; background: linear-gradient(#60dba0, #18a05e); }.signal-bars i:nth-child(1){height:7px}.signal-bars i:nth-child(2){height:12px}.signal-bars i:nth-child(3){height:18px}.signal-bars i:nth-child(4){height:24px}.hero-location { position: absolute; z-index: 3; bottom: 4%; left: 19%; display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.74); font-size: 10px; }.hero-location svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }.hero-bottom-line { display: none; }

/* Proof strip */
.trust-strip { border-block: 1px solid var(--color-border); background: var(--color-bg-subtle); }.trust-list { display: flex; align-items: center; justify-content: space-between; min-height: 83px; }.trust-list > div { display: flex; align-items: center; gap: 9px; color: #4e525c; font-size: 12px; font-weight: 650; }.trust-list > div > .fa-solid, .trust-list > div > .fa-regular { width: 20px; color: var(--color-primary); font-size: 18px; line-height: 1; text-align: center; }.trust-list > i { width: 1px; height: 24px; background: var(--color-border); }

/* Service feature cards */
.services { background: #fff; }.service-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 49px; }.service-card { position: relative; min-height: 278px; padding: 22px 20px 19px; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-md); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }.service-card:hover { transform: translateY(-4px); border-color: #ffd6c4; box-shadow: var(--shadow-lg); }.featured-service { border-color: #ffcbb3; background: linear-gradient(160deg, #fff9f6, #fff); }.card-top { display: flex; align-items: flex-start; justify-content: space-between; }.service-number { color: #9a9aa0; font-family: var(--font-sans); font-size: 10px; font-weight: 700; letter-spacing: .08em; }.service-icon { display: grid; place-items: center; width: 47px; height: 47px; border-radius: 12px; color: var(--color-primary); background: var(--color-primary-soft); }.service-icon > .fa-solid, .service-icon > .fa-regular { font-size: 22px; line-height: 1; }.service-card h3 { margin: 30px 0 8px; color: var(--color-text); font-size: 17px; letter-spacing: -.015em; }.service-card p { margin: 0; color: var(--color-text-muted); font-size: 12px; line-height: 1.8; }.service-card > button { position: absolute; bottom: 18px; left: 18px; display: grid; place-items: center; width: 33px; height: 33px; padding: 0; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-primary); background: #fff; transition: all 180ms ease; }.service-card > button:hover { border-color: var(--color-primary); color: #fff; background: var(--color-primary); }.service-card > button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }

/* Connection section */
.connection { padding-block: 112px; overflow: hidden; background: var(--color-bg-subtle); }.connection-grid { display: grid; grid-template-columns: .91fr 1.09fr; align-items: center; gap: 85px; }.connection-copy p, .coverage-copy > p, .faq-aside > p { max-width: 515px; margin: 19px 0 0; color: var(--color-text-muted); font-size: 16px; line-height: 1.72; }.check-list { display: grid; gap: 13px; padding: 0; margin: 26px 0 0; list-style: none; }.check-list li { display: flex; align-items: flex-start; gap: 10px; color: #424249; font-size: 13px; }.check-list span { display: grid; flex: none; place-items: center; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; color: #fff; background: var(--color-primary); }.check-list svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }.connection-art { position: relative; min-height: 450px; }.world-disc { position: absolute; top: 24px; left: 50%; width: min(365px, 86%); aspect-ratio: 1; overflow: hidden; border: 8px solid #fff; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #2866ad, #153b71 38%, #10233f 78%); box-shadow: 0 20px 35px rgba(16,35,63,.18); transform: translateX(-50%); }.world-disc::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }.world-grid { position: absolute; inset: -10%; border-radius: 50%; background: repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,transparent 1px 27px), repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 29px); transform: perspective(130px) rotateX(42deg); opacity: .45; }.continent { position: absolute; z-index: 2; fill: #64c6ec; fill-opacity: .45; }.continent-a { top: 13%; left: -1%; width: 75%; height: 75%; transform: rotate(8deg); }.continent-b { bottom: -6%; left: 23%; width: 73%; height: 73%; transform: rotate(-14deg); }.map-dot { position: absolute; z-index: 4; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 4px rgba(238,97,35,.22); }.dot-one{top:35%;right:29%}.dot-two{top:57%;right:65%}.dot-three{top:26%;right:53%}.dot-four{top:72%;right:33%}.connection-paths { position: absolute; z-index: 3; top: -10px; right: 6%; width: 89%; height: 420px; overflow: visible; }.connection-paths path { fill: none; stroke: var(--color-primary); stroke-width: 1.4; stroke-dasharray: 3 8; opacity: .78; }.satellite-mini { position: absolute; z-index: 5; top: 7px; right: 13%; display: grid; place-items: center; width: 47px; height: 47px; border-radius: 12px; color: #fff; background: var(--color-primary); box-shadow: 0 10px 19px rgba(238,97,35,.25); transform: rotate(-22deg); }.satellite-mini svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }.art-stat { position: absolute; z-index: 6; display: grid; grid-template-columns: 27px auto; column-gap: 7px; align-items: center; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; box-shadow: var(--shadow-md); }.art-stat svg { grid-row: 1 / 3; width: 24px; height: 24px; color: var(--color-primary); fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.art-stat strong { direction: ltr; color: var(--color-text); font-family: var(--font-sans); font-size: 14px; text-align: right; }.art-stat span { color: var(--color-text-muted); font-size: 8px; white-space: nowrap; }.stat-one { top: 44%; right: 1%; }.stat-two { bottom: 14%; left: 2%; }

/* Pricing */
.plans { background: #fff; }.plans-intro { display: flex; align-items: end; justify-content: space-between; gap: 40px; }.plans-intro .section-heading h2 { max-width: 590px; }.plans-intro > p { max-width: 355px; margin: 0 0 4px; color: var(--color-text-muted); font-size: 14px; line-height: 1.8; }.plans-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 48px; }.plan-card { position: relative; min-height: 500px; padding: 31px 28px 25px; overflow: hidden; border: 1px solid var(--color-border); border-radius: 16px; background: #fff; box-shadow: var(--shadow-md); transition: transform 180ms ease, box-shadow 180ms ease; }.plan-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }.plan-card-popular { border: 2px solid var(--color-primary); background: linear-gradient(180deg, #fff9f6, #fff 43%); box-shadow: 0 12px 30px rgba(238,97,35,.12); }.plan-orb { position: absolute; top: -95px; left: -70px; width: 230px; height: 230px; border: 1px solid rgba(238,97,35,.18); border-radius: 50%; background: radial-gradient(circle at 60% 62%, rgba(238,97,35,.14), transparent 66%); }.orb-pro { background: radial-gradient(circle at 60% 62%, rgba(238,97,35,.22), transparent 66%); }.orb-mobile { background: radial-gradient(circle at 60% 62%, rgba(37,99,235,.15), transparent 66%); }.plan-label, .plan-card h3, .plan-card p, .price, .plan-card ul, .plan-card .button { position: relative; z-index: 1; }.plan-label { display: inline-block; color: var(--color-primary); font-size: 11px; font-weight: 700; }.plan-card h3 { margin: 8px 0 6px; color: var(--color-text); font-size: 29px; letter-spacing: -.03em; }.plan-card > p { min-height: 43px; max-width: 260px; margin: 0; color: var(--color-text-muted); font-size: 12px; line-height: 1.8; }.price { display: flex; align-items: baseline; gap: 4px; margin-top: 25px; direction: rtl; }.price small { align-self: center; margin-left: 4px; color: var(--color-text-muted); font-size: 10px; }.price strong { direction: ltr; color: var(--color-text); font-family: var(--font-sans); font-size: 46px; line-height: 1; letter-spacing: -.06em; }.price b { direction: ltr; color: var(--color-primary); font-family: var(--font-sans); font-size: 15px; }.price b span { color: var(--color-text-muted); font-size: 9px; font-weight: 500; }.plan-card ul { display: grid; gap: 12px; padding: 19px 0; margin: 22px 0 0; border-top: 1px solid var(--color-border); list-style: none; }.plan-card li { display: flex; align-items: center; gap: 8px; color: #494950; font-size: 12px; }.plan-card li svg { width: 15px; height: 15px; flex: none; color: var(--color-primary); fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }.plan-button { width: 100%; min-height: 46px; padding: 0 17px; border-color: var(--color-primary); color: var(--color-primary); background: transparent; font-size: 13px; }.plan-button:hover { color: #fff; background: var(--color-primary); }.plan-card-popular .plan-button { color: #fff; background: var(--color-primary); }.plan-card-popular .plan-button:hover { background: var(--color-primary-hover); }.popular-tag { position: absolute; z-index: 3; top: 18px; left: -1px; display: flex; align-items: center; gap: 5px; padding: 6px 11px 6px 13px; border-radius: 0 8px 8px 0; color: #fff; background: var(--color-primary); font-size: 9px; font-weight: 750; }.popular-tag svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.plans-note { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 24px 0 0; color: var(--color-text-muted); font-size: 11px; text-align: center; }.plans-note svg { width: 15px; height: 15px; color: var(--color-primary); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Coverage checker */
.coverage { padding-block: 106px; overflow: hidden; background: var(--color-bg-subtle); }.coverage-glow { position: absolute; top: -270px; right: -150px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(238,97,35,.11), transparent 68%); }.coverage-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 105px; }.coverage-visual { position: relative; min-height: 370px; }.radar { position: absolute; top: 5px; right: 9%; width: min(350px, 90%); aspect-ratio: 1; overflow: hidden; border: 1px solid #f1cdbd; border-radius: 50%; background: radial-gradient(circle, #fff3ed, #fff8f4 64%, transparent 65%), repeating-radial-gradient(circle, transparent 0 56px, rgba(238,97,35,.16) 57px 58px); }.radar::before,.radar::after { content: ""; position: absolute; z-index: 1; background: rgba(238,97,35,.16); }.radar::before { top: 0; bottom: 0; right: 50%; width: 1px; }.radar::after { top: 50%; right: 0; left: 0; height: 1px; }.radar-ring { position: absolute; z-index: 1; border: 1px solid rgba(238,97,35,.14); border-radius: 50%; }.ring-a{inset:18%}.ring-b{inset:34%}.ring-c{inset:44%}.radar-sweep { position: absolute; z-index: 2; top: 50%; right: 50%; width: 50%; height: 50%; background: conic-gradient(from 0deg, rgba(238,97,35,.25), transparent 42deg); transform-origin: bottom left; animation: sweep 5.5s linear infinite; }.radar-center { position: absolute; z-index: 4; top: 50%; right: 50%; display: grid; place-items: center; width: 44px; height: 44px; border: 4px solid #fff; border-radius: 50%; color: #fff; background: var(--color-primary); box-shadow: 0 5px 13px rgba(238,97,35,.28); transform: translate(50%, -50%); }.radar-center svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }.radar-point { position: absolute; z-index: 5; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 4px rgba(238,97,35,.13); }.p1{top:20%;right:37%}.p2{top:64%;right:23%}.p3{top:70%;right:68%}.p4{top:33%;right:74%}.p5{top:47%;right:14%}.coverage-label { position: absolute; z-index: 7; bottom: 6px; right: 0; display: grid; grid-template-columns: 8px auto; align-items: center; column-gap: 8px; padding: 11px 15px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; box-shadow: var(--shadow-md); }.coverage-label .live-dot { grid-row: 1 / 3; background: var(--color-green); box-shadow: none; }.coverage-label b { color: var(--color-text); font-size: 10px; }.coverage-label small { color: var(--color-text-muted); font-size: 9px; }.coverage-copy { padding-bottom: 15px; }.coverage-form { display: flex; gap: 9px; margin-top: 27px; }.coverage-form label { position: relative; flex: 1; }.coverage-form label span { position: absolute; z-index: 1; top: -9px; right: 13px; padding: 0 5px; color: var(--color-text-muted); background: var(--color-bg-subtle); font-size: 10px; }.coverage-form input { width: 100%; height: 50px; padding: 0 14px; border: 1px solid var(--color-border-dark); border-radius: 9px; outline: none; color: var(--color-text); background: #fff; font-size: 12px; transition: border-color 180ms ease, box-shadow 180ms ease; }.coverage-form input::placeholder { color: #a0a0a8; }.coverage-form input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(238,97,35,.18); }.coverage-form .button { min-width: 145px; }.coverage-detail { display: flex; align-items: center; gap: 7px; margin-top: 14px; color: var(--color-text-muted); font-size: 11px; }.coverage-detail svg { width: 15px; height: 15px; color: var(--color-primary); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.coverage-detail strong { color: var(--color-text); }

/* Steps */
.process { background: #fff; }.steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 55px; }.steps::before { content: ""; position: absolute; top: 40px; right: 12%; left: 12%; height: 2px; background: repeating-linear-gradient(90deg, var(--color-border) 0 8px, transparent 8px 15px); }.step { position: relative; text-align: center; }.step-index { position: absolute; top: 17px; right: calc(50% + 42px); color: #929298; font-family: var(--font-sans); font-size: 10px; font-weight: 700; }.step-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 82px; height: 82px; margin: 0 auto; border: 1px solid #ffd2bf; border-radius: 50%; color: var(--color-primary); background: var(--color-primary-soft); }.step-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.step h3 { margin: 18px 0 6px; color: var(--color-text); font-size: 16px; }.step p { max-width: 180px; margin: 0 auto; color: var(--color-text-muted); font-size: 11px; line-height: 1.85; }

/* FAQ */
.faq { padding: 108px 0 120px; background: var(--color-bg-subtle); }.faq-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 104px; }.faq-aside { position: relative; }.faq-aside .button { margin-top: 28px; }.faq-aside .button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.rocket-wrap { position: absolute; top: 275px; right: 34px; width: 80px; height: 92px; transform: rotate(-23deg); }.rocket-wrap > svg { position: relative; z-index: 2; width: 51px; height: 51px; color: var(--color-primary); fill: #ffe9df; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }.rocket-trail { position: absolute; top: 36px; right: 35px; width: 108px; height: 2px; background: linear-gradient(90deg, transparent, var(--color-primary)); transform: rotate(177deg); transform-origin: right; }.rocket-wrap i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #ffb18d; }.rocket-wrap i:nth-of-type(1){top:63px;right:68px}.rocket-wrap i:nth-of-type(2){top:75px;right:40px}.rocket-wrap i:nth-of-type(3){top:38px;right:83px}.faq-list { display: grid; gap: 10px; }.faq-item { border: 1px solid var(--color-border); border-radius: 12px; background: #fff; transition: border-color 180ms ease, box-shadow 180ms ease; }.faq-item.active { border-color: #ffcdb7; box-shadow: var(--shadow-md); }.faq-item > button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 64px; padding: 12px 18px; border: 0; color: var(--color-text); background: transparent; font-size: 14px; font-weight: 670; text-align: right; }.faq-item > button i { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-primary); transition: transform 180ms ease, background 180ms ease, color 180ms ease; }.faq-item > button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }.faq-item.active > button i { color: #fff; border-color: var(--color-primary); background: var(--color-primary); transform: rotate(45deg); }.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 240ms ease; }.faq-answer p { min-height: 0; overflow: hidden; margin: 0; padding: 0 18px; color: var(--color-text-muted); font-size: 13px; line-height: 1.8; transition: padding 240ms ease; }.faq-item.active .faq-answer { grid-template-rows: 1fr; }.faq-item.active .faq-answer p { padding: 0 18px 18px; }

/* Closing CTA and dark footer */
.final-cta { padding: 38px 0; overflow: hidden; background: var(--color-bg-dark); }.final-cta::before { content: ""; position: absolute; top: -275px; left: -52px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.035), 0 0 0 100px rgba(255,255,255,.025); }.final-cta-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 170px; }.final-cta .eyebrow { margin-bottom: 8px; color: #ffb995; }.final-cta .live-dot { background: var(--color-primary); box-shadow: 0 0 0 4px rgba(238,97,35,.17); }.final-cta h2 { color: #fff; font-size: clamp(29px, 3.4vw, 43px); }.final-cta h2 em { color: #ff9466; }.final-cta p { margin: 8px 0 0; color: #c2c7d2; font-size: 14px; }.final-cta .button { flex: none; min-width: 144px; }.cta-streaks { position: absolute; top: 0; bottom: 0; left: -4%; width: 49%; opacity: .32; }.cta-streaks i { position: absolute; right: 0; display: block; height: 1px; background: linear-gradient(90deg, transparent, #ffb28f); transform: rotate(-25deg); }.cta-streaks i:nth-child(1){top:35%;width:220px}.cta-streaks i:nth-child(2){top:70%;width:300px;opacity:.6}.cta-streaks i:nth-child(3){top:20%;right:37%;width:140px;opacity:.4}
.site-footer { position: relative; padding-top: 65px; background: #0b1220; }.site-footer::before { content: ""; position: absolute; top: 0; right: 7%; left: 7%; height: 1px; background: rgba(255,255,255,.12); }.footer-main { display: grid; grid-template-columns: 1.2fr .63fr .75fr 1.14fr; gap: 42px; padding-bottom: 48px; }.footer-brand .brand-mark { width: 47px; height: 47px; }.footer-brand .brand-type b { color: #fff; font-size: 19px; }.footer-brand-col > p { max-width: 265px; margin: 18px 0; color: #a9b2c3; font-size: 12px; line-height: 1.8; }.social-links { display: flex; gap: 8px; }.social-links a { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.17); border-radius: 8px; color: #fff; background: rgba(255,255,255,.06); transition: all 180ms ease; }.social-links a:hover { color: #fff; border-color: var(--color-primary); background: var(--color-primary); transform: translateY(-2px); }.social-links > a > .fa-brands,.social-links > a > .fa-solid { font-size: 15px; line-height: 1; }.footer-main h3 { margin: 5px 0 16px; color: #fff; font-size: 13px; }.footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }.footer-links a { color: #a9b2c3; font-size: 12px; transition: color 180ms ease; }.footer-links a:hover { color: #fff; }.footer-contact { display: flex; flex-direction: column; align-items: flex-start; }.footer-contact > a { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; color: #e6e9ef; font-size: 12px; }.footer-contact > a span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 7px; color: #fff; background: rgba(238,97,35,.85); }.footer-contact > a span > .fa-brands,.footer-contact > a span > .fa-solid { font-size: 14px; line-height: 1; }.footer-contact > a b { font-weight: 650; }.footer-contact > p { display: flex; align-items: center; gap: 6px; margin: 5px 0 0; color: #a9b2c3; font-size: 10px; }.footer-contact > p > .fa-regular { color: #ff9d74; font-size: 14px; }.footer-bottom { display: flex; align-items: center; justify-content: space-between; min-height: 60px; border-top: 1px solid rgba(255,255,255,.10); color: #8f99ac; font-size: 10px; }.mobile-contact { display: none; }

/* Modal, toast, and WhatsApp launcher */
.contact-modal { width: min(calc(100% - 36px), 445px); padding: 28px; border: 1px solid var(--color-border); border-radius: 18px; color: var(--color-text); background: #fff; box-shadow: 0 30px 90px rgba(17,24,39,.25); }.contact-modal::backdrop { background: rgba(17,24,39,.46); backdrop-filter: blur(4px); }.modal-close { position: absolute; top: 15px; left: 15px; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--color-border); border-radius: 8px; color: var(--color-text); background: #fff; }.modal-close svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }.modal-brand { direction: ltr; display: flex; align-items: center; gap: 7px; color: var(--color-primary); font-family: var(--font-sans); font-size: 10px; font-weight: 750; letter-spacing: .13em; }.modal-mini-mark { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; background: var(--color-primary); font-size: 13px; }.contact-modal h2 { margin: 16px 0 4px; color: var(--color-text); font-size: 25px; line-height: 1.4; }.contact-modal > p { margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 1.8; }.contact-modal form { display: grid; gap: 15px; margin-top: 23px; }.contact-modal label { display: grid; gap: 6px; color: #4a4a50; font-size: 11px; font-weight: 700; }.contact-modal input { width: 100%; height: 45px; padding: 0 12px; border: 1px solid var(--color-border-dark); border-radius: 9px; outline: none; color: var(--color-text); background: #fff; font-size: 12px; }.contact-modal input::placeholder { color: #a0a0a8; }.contact-modal input:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(238,97,35,.18); }.contact-modal form .button { width: 100%; margin-top: 2px; }.contact-modal > small { display: block; margin-top: 15px; color: var(--color-text-muted); font-size: 9px; text-align: center; }.toast { position: fixed; z-index: 50; right: 50%; bottom: 24px; display: flex; align-items: center; gap: 9px; width: max-content; max-width: calc(100% - 32px); padding: 11px 15px; border: 1px solid #d7eade; border-radius: 10px; color: #1e5037; background: #fff; box-shadow: var(--shadow-lg); transform: translate(50%, 90px); opacity: 0; transition: transform 280ms ease, opacity 280ms ease; }.toast.show { transform: translate(50%, 0); opacity: 1; }.toast span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; background: var(--color-green); }.toast svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }.toast p { margin: 0; font-size: 11px; font-weight: 700; }.whatsapp-fab { position: fixed; z-index: 18; right: 25px; bottom: 25px; display: grid; place-items: center; width: 55px; height: 55px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #25d366; box-shadow: 0 12px 28px rgba(17,101,55,.28); transition: transform 180ms ease, box-shadow 180ms ease; }.whatsapp-fab:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 16px 32px rgba(17,101,55,.35); }.whatsapp-fab .fa-whatsapp { font-size: 27px; }.whatsapp-fab span { display: none; }

/* Motion and responsive rules */
[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 500ms ease, transform 500ms ease; transition-delay: 0ms; }.is-visible { opacity: 1; transform: translateY(0); }
[data-reveal][data-delay="80"] { transition-delay: 80ms; }
[data-reveal][data-delay="100"] { transition-delay: 100ms; }
[data-reveal][data-delay="120"] { transition-delay: 120ms; }
[data-reveal][data-delay="150"] { transition-delay: 150ms; }
[data-reveal][data-delay="160"] { transition-delay: 160ms; }
[data-reveal][data-delay="180"] { transition-delay: 180ms; }
[data-reveal][data-delay="200"] { transition-delay: 200ms; }
[data-reveal][data-delay="240"] { transition-delay: 240ms; }
[data-reveal][data-delay="320"] { transition-delay: 320ms; }
@keyframes sweep { to { transform: rotate(360deg); } }
@media (max-width: 1080px) {
  .main-nav { gap: 20px; }.service-grid { grid-template-columns: repeat(3, 1fr); }.service-card { min-height: 260px; }.connection-grid, .coverage-grid { gap: 52px; }.footer-main { grid-template-columns: 1.1fr .7fr .8fr 1.1fr; gap: 24px; }
}
@media (max-width: 860px) {
  .section-pad { padding-block: 86px; }.hero { min-height: unset; }.hero-grid { grid-template-columns: 1fr; gap: 0; min-height: unset; padding-top: 28px; }.hero-copy { padding-bottom: 0; }.hero-copy h1 { max-width: 700px; }.hero-description { max-width: 650px; }.hero-visual { width: min(680px, 100%); height: 500px; margin: 15px auto 0; }.hero-image-wrap { inset: 14px 18px; }.speed-card { top: 11%; left: 2%; }.status-card { right: 2%; bottom: 10%; }.trust-list { flex-wrap: wrap; justify-content: center; gap: 13px 28px; padding: 18px 0; min-height: unset; }.trust-list > i { display: none; }.connection-grid, .coverage-grid { grid-template-columns: 1fr; gap: 30px; }.connection-copy { order: 1; }.connection-art { order: 2; width: min(620px, 100%); margin: 0 auto; }.coverage-copy { order: -1; }.coverage-visual { width: min(520px, 100%); min-height: 360px; margin: 0 auto; }.faq-grid { grid-template-columns: 1fr; gap: 42px; }.rocket-wrap { display: none; }.steps { gap: 14px; }.footer-main { grid-template-columns: 1.4fr 1fr 1fr; }.footer-contact { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 22px; }.footer-contact h3 { display: none; }.footer-contact > a, .footer-contact > p { margin: 0; }
}
@media (max-width: 680px) {
  .shell { width: min(calc(100% - 34px), var(--container)); }.header-inner { min-height: 68px; }.brand-mark { width: 37px; height: 37px; }.brand-type b { font-size: 14px; }.brand-type small { font-size: 5.5px; }.main-nav { position: fixed; top: 68px; right: 17px; left: 17px; display: grid; gap: 0; padding: 9px; border: 1px solid var(--color-border); border-radius: 13px; background: rgba(255,255,255,.98); box-shadow: var(--shadow-lg); transform: translateY(-16px); opacity: 0; visibility: hidden; transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease; }.main-nav.open { transform: translateY(0); opacity: 1; visibility: visible; }.nav-link { padding: 12px; border-bottom: 1px solid var(--color-border); }.nav-link:last-child { border-bottom: 0; }.menu-button { display: grid; }.header-contact { display: none; }.hero { padding-top: 68px; background: linear-gradient(160deg, #fff 0 68%, #fff7f3 68%); }.hero::before { top: 380px; right: -180px; }.hero-grid { padding-top: 24px; }.hero-copy h1 { font-size: clamp(36px, 10.8vw, 49px); }.hero-description { margin-top: 16px; font-size: 15px; }.hero-actions { margin-top: 24px; }.button { min-height: 48px; padding: 0 17px; font-size: 12px; }.hero-proof { gap: 10px; margin-top: 27px; }.hero-proof .rating { display: none; }.hero-visual { height: 393px; margin-top: 2px; }.hero-image-wrap { inset: 18px 3px; border-width: 6px; border-radius: 16px; }.hero-image-wrap::before { top: 13px; right: 14px; font-size: 8px; }.orbit-one { top: 103px; right: -25px; width: 385px; height: 220px; }.orbit-two { top: 84px; right: -60px; width: 460px; height: 265px; }.floating-card { min-width: 138px; padding: 8px 10px; }.floating-card strong { font-size: 11px; }.floating-card small { font-size: 8px; }.mini-icon { width: 27px; height: 27px; }.mini-icon svg { width: 15px; height: 15px; }.speed-card { top: 8%; left: -3px; }.status-card { right: -3px; bottom: 7%; }.hero-location { bottom: 10%; left: 8%; }.trust-list { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; gap: 14px 10px; padding: 20px 4px; }.trust-list > div { font-size: 10px; }.trust-list > div > .fa-solid, .trust-list > div > .fa-regular { width: 18px; font-size: 17px; }.section-heading h2, .connection-copy h2, .coverage-copy h2, .faq-aside h2, .final-cta h2 { font-size: clamp(29px, 8vw, 38px); }.section-heading p { font-size: 14px; }.section-pad { padding-block: 72px; }.service-grid { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 34px; }.service-card { min-height: 239px; padding: 17px 15px; border-radius: 13px; }.service-card:last-child { grid-column: span 2; min-height: 210px; }.service-card h3 { margin-top: 22px; font-size: 14px; }.service-card p { font-size: 10px; }.service-icon { width: 40px; height: 40px; border-radius: 10px; }.service-icon > .fa-solid, .service-icon > .fa-regular { font-size: 20px; }.connection { padding-block: 72px; }.connection-copy p, .coverage-copy > p, .faq-aside > p { font-size: 14px; }.check-list { gap: 10px; }.check-list li { font-size: 11px; }.connection-art { min-height: 350px; }.world-disc { width: min(300px, 90%); }.connection-paths { top: -20px; height: 340px; }.satellite-mini { top: 2px; right: 9%; width: 40px; height: 40px; }.art-stat { padding: 7px 9px; }.stat-one { top: 43%; right: 0; }.stat-two { bottom: 8%; left: 0; }.plans-intro { display: block; }.plans-intro > p { margin-top: 15px; font-size: 13px; }.plans-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 34px; }.plan-card { min-height: unset; padding: 25px 22px 20px; }.plan-card > p { min-height: unset; }.plan-card ul { margin-top: 17px; padding-block: 15px; }.plan-card h3 { font-size: 25px; }.price { margin-top: 18px; }.price strong { font-size: 40px; }.coverage { padding-block: 72px; }.coverage-grid { gap: 20px; }.coverage-visual { order: 2; min-height: 305px; }.radar { right: 50%; width: min(295px, 85vw); transform: translateX(50%); }.coverage-label { right: auto; bottom: -2px; left: 2%; }.coverage-form { flex-direction: column; }.coverage-form .button { width: 100%; }.steps { grid-template-columns: 1fr 1fr; gap: 27px 13px; margin-top: 38px; }.steps::before { display: none; }.step-icon { width: 63px; height: 63px; }.step-icon svg { width: 27px; height: 27px; }.step-index { top: 10px; right: calc(50% + 29px); }.step h3 { margin-top: 13px; font-size: 13px; }.step p { font-size: 10px; }.faq { padding-block: 72px; }.faq-grid { gap: 32px; }.faq-aside .button { margin-top: 21px; }.faq-item > button { min-height: 57px; padding: 10px 13px; font-size: 12px; }.faq-answer p { font-size: 11px; }.final-cta { padding-block: 29px; }.final-cta-inner { display: block; min-height: unset; }.final-cta .button { width: 100%; margin-top: 22px; }.site-footer { padding: 54px 0 82px; }.footer-main { grid-template-columns: 1fr 1fr; gap: 34px 22px; padding-bottom: 34px; }.footer-brand-col { grid-column: 1 / -1; }.footer-brand-col > p { max-width: 310px; }.footer-contact { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; gap: 7px; }.footer-contact > a, .footer-contact > p { margin: 0; }.footer-bottom { display: grid; gap: 6px; padding: 15px 0; text-align: center; font-size: 9px; }.mobile-contact { position: fixed; z-index: 19; right: 0; bottom: 0; left: 0; display: block; padding: 8px 12px max(8px, env(safe-area-inset-bottom)); border-top: 1px solid #ffd4c2; background: rgba(255,255,255,.97); box-shadow: 0 -4px 14px rgba(17,24,39,.08); backdrop-filter: blur(14px); }.mobile-contact a { display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 8px; min-height: 38px; padding: 0 10px; border-radius: 8px; color: #fff; background: #25d366; font-size: 11px; font-weight: 700; }.mobile-contact > .whatsapp-link > .fa-whatsapp { width: 21px; font-size: 21px; line-height: 1; text-align: center; }.mobile-contact b { padding: 3px 7px; border-radius: 6px; color: #166c3e; background: rgba(255,255,255,.74); font-size: 8px; }.whatsapp-fab { display: none; }.toast { bottom: 68px; }
}
@media (max-width: 390px) { .hero-actions { display: grid; grid-template-columns: 1fr; }.hero-actions .button { width: 100%; }.hero-visual { height: 370px; }.trust-list { gap: 11px 6px; }.trust-list > div { font-size: 9px; }.footer-main { gap: 28px 13px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

/* Hidden anti-spam field for the server-side orders endpoint. */
.form-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}