:root {
  --bg: #f3f3f5;
  --surface: #fff;
  --surface-soft: #ececef;
  --ink: #101014;
  --muted: #666672;
  --line: rgba(16,16,20,.12);
  --dark: #08080a;
  --dark-2: #0f0f13;
  --dark-3: #17171d;
  --dark-4: #202028;
  --red: #ed0016;
  --red-2: #ff2337;
  --red-dark: #ad0010;
  --orange: #ff7200;
  --success: #35d47e;
  --white: #fff;
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 30px;
  --shadow: 0 28px 80px rgba(0,0,0,.16);
  --container: 1240px;
  --header-h: 82px;
  --header-h-scrolled: 62px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body { margin: 0; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--bg); line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.menu-open, body.modal-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
svg { display: block; }
.container { width: min(calc(100% - 44px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 9999; transform: translateY(-160%); background: #fff; color: #111; padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { transform: none; }

/* Header — encolhe por inteiro após rolagem */
.site-header { position: fixed; inset: 0 0 auto; z-index: 1000; height: var(--header-h); border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(8,8,10,.88); backdrop-filter: blur(18px); transition: height .28s ease, background .28s ease, box-shadow .28s ease; }
.site-header.scrolled { height: var(--header-h-scrolled); background: rgba(8,8,10,.97); box-shadow: 0 12px 38px rgba(0,0,0,.3); }
.header-shell { width: min(calc(100% - 44px), 1320px); height: 100%; margin-inline: auto; display: flex; align-items: center; gap: 34px; }
.brand { display: flex; align-items: center; flex: 0 0 auto; overflow: hidden; }
.brand img { width: 146px; height: 60px; object-fit: contain; transition: width .28s ease, height .28s ease; }
.brand-core img { width: 137px; }
.site-header.scrolled .brand img { width: 112px; height: 46px; }
.site-header.scrolled .brand-core img { width: 105px; }
.site-nav { display: flex; align-items: center; gap: 31px; margin-left: auto; }
.site-nav a { position: relative; color: rgba(255,255,255,.75); font-weight: 700; font-size: .95rem; transition: color .2s ease; }
.site-nav a:hover { color: #fff; }
.site-nav .nav-accent { color: #fff; }
.site-nav .nav-accent::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 24px; height: 2px; background: var(--red); }
.header-cta { transition: min-height .28s ease, padding .28s ease, transform .2s ease, background .2s ease; }
.site-header.scrolled .header-cta { min-height: 38px; padding-inline: 16px; }
.menu-toggle { display: none; margin-left: auto; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: transparent; padding: 11px; }
.menu-toggle span { display: block; height: 2px; background: #fff; margin: 5px 0; transition: .25s ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Global */
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 22px; border: 1px solid var(--red); border-radius: 13px; background: var(--red); color: #fff; font-weight: 850; font-size: .93rem; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); background: var(--red-2); border-color: var(--red-2); box-shadow: 0 12px 30px rgba(237,0,22,.24); }
.button-sm { min-height: 44px; padding-inline: 19px; }
.button-full { width: 100%; }
.button-ghost { background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.25); color: #fff; }
.button-ghost:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.5); box-shadow: none; }
.button-light { background: #fff; color: #111; border-color: #fff; }
.button-light:hover { background: #f0f0f1; color: #111; border-color: #f0f0f1; box-shadow: 0 12px 28px rgba(0,0,0,.22); }
.button-outline-dark { background: transparent; color: var(--ink); border-color: rgba(16,16,20,.3); }
.button-outline-dark:hover { background: var(--ink); border-color: var(--ink); color: #fff; box-shadow: none; }
.eyebrow { display: inline-flex; align-items: center; gap: 12px; color: rgba(255,255,255,.78); font-size: .73rem; text-transform: uppercase; letter-spacing: .18em; font-weight: 900; }
.eyebrow > span { display: inline-block; width: 23px; height: 2px; background: var(--red); }
.eyebrow.dark { color: #696973; }
.page-grid-bg { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: 66px 66px; mask-image: linear-gradient(to bottom, #000 0%, transparent 92%); }
.reveal { opacity: 1; transform: none; }
body.reveal-enabled .reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
body.reveal-enabled .reveal.visible { opacity: 1; transform: none; }
.delay-1 { transition-delay: .1s !important; }
.delay-2 { transition-delay: .18s !important; }

/* Telecom hero */
.telecom-hero { position: relative; overflow: hidden; min-height: 650px; padding: calc(var(--header-h) + 42px) 0 58px; color: #fff; background: radial-gradient(circle at 69% 18%, rgba(237,0,22,.17), transparent 32%), linear-gradient(130deg, #070709 0%, #0b0b0e 60%, #10080b 100%); }
.telecom-hero::after { content: ""; position: absolute; width: 650px; height: 650px; right: -160px; top: 50px; border: 1px solid rgba(237,0,22,.08); border-radius: 50%; box-shadow: 0 0 80px rgba(237,0,22,.05); }
.telecom-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.86fr) minmax(520px,1.14fr); align-items: center; gap: 74px; }
.telecom-hero-copy h1 { max-width: 590px; margin: 22px 0 20px; font-size: clamp(3.6rem,5.3vw,5.9rem); line-height: .98; letter-spacing: -.067em; font-weight: 840; }
.telecom-hero-copy > p { max-width: 570px; margin: 0; color: rgba(255,255,255,.65); font-size: 1.12rem; line-height: 1.72; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }
.hero-actions-three .button { min-width: 0; }
.telecom-dashboard-shell { min-width: 0; }
.dashboard-window, .command-window-v3 { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 25px; background: linear-gradient(145deg, rgba(25,25,31,.98), rgba(12,12,16,.99)); box-shadow: 0 42px 100px rgba(0,0,0,.45), 0 0 45px rgba(237,0,22,.05); }
.window-bar { min-height: 50px; display: flex; align-items: center; gap: 13px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.09); color: rgba(255,255,255,.42); font-size: .74rem; }
.window-bar > span { flex: 1; }
.window-bar > strong { color: #58e49b; font-size: .68rem; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); }
.window-dots i:nth-child(2) { background: #ff9918; }
.window-dots i:nth-child(3) { background: #56d98a; }
.dashboard-body { display: grid; grid-template-columns: 62px 1fr; min-height: 415px; }
.dashboard-rail, .command-rail { display: flex; flex-direction: column; align-items: center; gap: 17px; padding: 23px 0; border-right: 1px solid rgba(255,255,255,.07); }
.dashboard-rail b, .command-rail b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg,var(--red),var(--orange)); color: #fff; font-size: .8rem; }
.dashboard-rail i, .command-rail i { width: 22px; height: 22px; border-radius: 7px; background: rgba(255,255,255,.065); }
.dashboard-content { padding: 24px; min-width: 0; }
.dashboard-overline, .command-main > span { color: rgba(255,255,255,.34); font-size: .72rem; }
.dashboard-content h2, .command-main h2 { margin: 2px 0 20px; font-size: 1.2rem; color: #fff; }
.dashboard-kpis, .command-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.dashboard-kpis article, .command-kpis article { padding: 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.025); }
.dashboard-kpis small, .command-kpis small { display: block; color: rgba(255,255,255,.4); font-size: .66rem; }
.dashboard-kpis strong, .command-kpis strong { display: block; margin: 3px 0 1px; color: #fff; font-size: 1.42rem; }
.dashboard-kpis em, .command-kpis em { color: #44d789; font-size: .65rem; font-style: normal; }
.dashboard-charts { display: grid; grid-template-columns: 1fr 135px; gap: 12px; margin-top: 12px; }
.line-chart-card, .donut-card { min-height: 195px; padding: 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.023); }
.line-chart-card > span, .donut-card > span { color: rgba(255,255,255,.46); font-size: .68rem; }
.line-chart-card svg { width: 100%; height: 130px; }
.chart-grid { fill: none; stroke: rgba(255,255,255,.07); stroke-width: 1; }
.chart-line { fill: none; stroke: var(--red); stroke-width: 4; stroke-linecap: round; }
.chart-months { display: flex; justify-content: space-between; color: rgba(255,255,255,.28); font-size: .55rem; }
.donut-card { display: flex; flex-direction: column; }
.donut { width: 90px; height: 90px; margin: auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--red) 0 84%, rgba(255,255,255,.09) 84% 100%); position: relative; }
.donut::after { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: #17171d; }
.donut strong { position: relative; z-index: 1; color: #fff; font-size: 1rem; }

/* Offers */
.offers-section { position: relative; padding: 30px 0 64px; color: #fff; background: linear-gradient(135deg,#09090c,#0d0d12 65%,#0d090c); border-top: 1px solid rgba(255,255,255,.04); }
.compact-section-heading { margin-bottom: 26px; }
.offer-grid-v3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.offer-card-v3 { position: relative; min-height: 490px; display: flex; flex-direction: column; padding: 25px 27px 24px; border: 1px solid rgba(255,255,255,.16); border-radius: 21px; background: linear-gradient(155deg,rgba(24,24,30,.94),rgba(15,15,20,.98)); overflow: hidden; }
.offer-card-v3.featured { border-color: rgba(237,0,22,.72); background: radial-gradient(circle at 25% 0%,rgba(237,0,22,.15),transparent 40%),linear-gradient(155deg,rgba(28,21,26,.98),rgba(15,15,20,.98)); }
.offer-card-v3.featured::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg,rgba(237,0,22,.08),transparent 38%); }
.offer-badge-v3 { align-self: flex-start; min-height: 24px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid rgba(237,0,22,.55); border-radius: 999px; color: #ff4b5a; background: rgba(237,0,22,.09); font-size: .63rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.offer-card-v3.featured .offer-badge-v3 { color: #fff; background: var(--red); }
.offer-card-v3 h3 { margin: 11px 0 6px; font-size: 1.48rem; letter-spacing: -.03em; }
.offer-card-v3 > p { min-height: 50px; margin: 0; color: rgba(255,255,255,.59); font-size: .91rem; }
.offer-logo-grid { min-height: 54px; margin: 14px 0 12px; display: grid; align-items: center; justify-content: center; gap: 7px; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); }
.offer-logo-grid.count-1 { grid-template-columns: minmax(110px,160px); grid-auto-flow: initial; }
.offer-logo-grid.count-2 { grid-template-columns: repeat(2,minmax(105px,1fr)); grid-auto-flow: initial; }
.offer-logo-grid.count-3 { grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-flow: initial; }
.offer-logo-grid.count-4 { grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-flow: initial; }
.offer-logo-grid.count-5 { grid-template-columns: repeat(5,minmax(0,1fr)); grid-auto-flow: initial; }
.offer-logo-grid.empty { visibility: hidden; }
.offer-logo-tile { min-width: 0; min-height: 43px; display: flex; align-items: center; justify-content: center; padding: 7px 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(255,255,255,.025); color: rgba(255,255,255,.86); font-size: .69rem; font-weight: 850; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.offer-logo-tile img { max-width: 100%; max-height: 27px; object-fit: contain; }
.offer-logo-tile[class*="globoplay"] { color: #ff3f5e; }
.offer-logo-tile[class*="netflix"] { color: #f6121d; font-size: .8rem; text-transform: uppercase; }
.offer-logo-tile[class*="deezer"] { color: #c95cff; }
.offer-logo-tile[class*="youtube"] { color: #ff3442; }
.offer-price-v3 { min-height: 74px; padding: 8px 0 13px; border-bottom: 1px solid rgba(255,255,255,.1); }
.offer-price-v3 small { display: block; color: rgba(255,255,255,.42); font-size: .68rem; }
.offer-price-v3 > div { display: flex; align-items: baseline; gap: 5px; }
.offer-price-v3 strong { color: #fff; font-size: 2.05rem; letter-spacing: -.04em; }
.offer-price-v3 span { color: rgba(255,255,255,.42); font-size: .76rem; }
.offer-card-v3 ul { display: grid; gap: 8px; margin: 15px 0 19px; padding: 0; list-style: none; color: rgba(255,255,255,.72); font-size: .86rem; }
.offer-card-v3 li::before { content: "✓"; margin-right: 10px; color: #ff4352; font-weight: 900; }
.offer-card-v3 .button { margin-top: auto; min-height: 47px; }

/* Floating speed test */
.speedtest-fab { position: fixed; z-index: 850; right: clamp(15px,3vw,42px); top: 63%; width: 82px; height: 82px; display: grid; place-items: center; align-content: center; gap: 3px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: radial-gradient(circle at 35% 30%,#ff3247,var(--red-dark)); color: #fff; box-shadow: 0 0 0 0 rgba(237,0,22,.36),0 12px 32px rgba(0,0,0,.35); opacity: 0; visibility: hidden; transform: translateX(24px) scale(.92); transition: opacity .45s ease,transform .45s ease,visibility .45s ease,box-shadow .25s ease; text-align: center; }
.speedtest-fab.visible { opacity: 1; visibility: visible; transform: none; animation: speed-pulse 2.8s ease-in-out infinite; }
.speedtest-fab:hover { animation-play-state: paused; transform: translateY(-3px) scale(1.03); box-shadow: 0 0 0 9px rgba(237,0,22,.1),0 16px 36px rgba(0,0,0,.45); }
.speedtest-fab strong { font-size: .64rem; line-height: 1.05; }
.speed-gauge { position: relative; width: 27px; height: 17px; border: 2px solid #fff; border-bottom: 0; border-radius: 30px 30px 0 0; }
.speed-gauge i { position: absolute; left: 50%; bottom: -1px; width: 2px; height: 12px; background: #fff; transform-origin: bottom; transform: rotate(35deg); }
@keyframes speed-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(237,0,22,.25),0 12px 32px rgba(0,0,0,.35); } 50% { box-shadow: 0 0 0 8px rgba(237,0,22,0),0 12px 36px rgba(0,0,0,.4); } }

/* Telecom supporting sections */
.solutions-light { padding: 50px 0; background: #f4f4f6; }
.solutions-quick-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.quick-solution-card { position: relative; min-height: 220px; display: grid; grid-template-columns: 76px 1fr; align-content: center; gap: 25px; padding: 30px 38px; border: 1px solid rgba(16,16,20,.12); border-radius: 25px; background: #fff; box-shadow: 0 20px 45px rgba(0,0,0,.04); }
.quick-icon { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 22px; background: rgba(237,0,22,.08); color: var(--red); }
.quick-icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.quick-number { position: absolute; right: 28px; top: 22px; color: #b1b1ba; letter-spacing: .16em; font-size: .7rem; }
.quick-solution-card h3 { margin: 0 0 7px; font-size: 1.45rem; }
.quick-solution-card p { margin: 0 0 17px; color: var(--muted); }
.quick-solution-card a { font-weight: 850; }
.quick-solution-card a b { color: var(--red); }
.proof-section { padding: 92px 0; color: #fff; background: linear-gradient(135deg,#09090c,#0f0f14); }
.proof-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 78px; align-items: center; }
.proof-copy h2 { max-width: 620px; margin: 18px 0; font-size: clamp(2.4rem,4.2vw,4.6rem); line-height: 1.02; letter-spacing: -.06em; }
.proof-copy p { max-width: 600px; color: rgba(255,255,255,.6); font-size: 1rem; }
.proof-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.proof-card { min-height: 185px; padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: rgba(255,255,255,.025); }
.proof-card:first-child { grid-column: span 2; }
.proof-card > strong { color: var(--red-2); font-size: 1.9rem; }
.proof-card h3 { margin: 7px 0 3px; font-size: 1.08rem; }
.proof-card p { margin: 0; color: rgba(255,255,255,.48); font-size: .84rem; }
.coverage-section { padding: 92px 0; background: #f3f3f5; }
.coverage-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.coverage-copy h2 { margin: 14px 0 20px; font-size: clamp(2.4rem,4.2vw,4.7rem); line-height: 1.02; letter-spacing: -.06em; }
.coverage-copy p { color: var(--muted); font-size: 1rem; }
.coverage-map-card { position: relative; min-height: 450px; padding: 34px; border: 1px solid var(--line); border-radius: 28px; background: #fff; overflow: hidden; box-shadow: 0 22px 60px rgba(0,0,0,.07); }
.coverage-radar { position: absolute; right: -70px; top: -80px; width: 340px; height: 340px; display: grid; place-items: center; border: 1px solid rgba(237,0,22,.13); border-radius: 50%; }
.coverage-radar::before,.coverage-radar::after,.coverage-radar i { content: ""; position: absolute; border: 1px solid rgba(237,0,22,.1); border-radius: 50%; }
.coverage-radar::before { inset: 50px; }.coverage-radar::after { inset: 100px; }.coverage-radar i:nth-child(1) { inset: 145px; background: rgba(237,0,22,.12); }.coverage-radar b { position: relative; z-index: 2; color: var(--red); }
.city-pills { position: relative; z-index: 2; max-width: 470px; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 170px; }
.city-pills span { padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; background: #f8f8f9; color: #44444c; font-size: .78rem; font-weight: 700; }
.consult-section { padding: 92px 0; color: #fff; background: radial-gradient(circle at 20% 30%,rgba(237,0,22,.17),transparent 38%),#09090c; }
.consult-shell { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: center; }
.consult-copy h2 { margin: 16px 0; font-size: clamp(2.4rem,4vw,4.5rem); line-height: 1.03; letter-spacing: -.06em; }
.consult-copy > p { color: rgba(255,255,255,.58); }
.privacy-note { max-width: 500px; display: grid; gap: 4px; margin-top: 26px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.03); }
.privacy-note span { color: rgba(255,255,255,.48); font-size: .82rem; }
.consult-form { display: grid; gap: 15px; padding: 27px; border: 1px solid rgba(255,255,255,.12); border-radius: 23px; background: rgba(255,255,255,.04); box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.consult-form label, .modal-dialog label { display: grid; gap: 6px; color: rgba(255,255,255,.75); font-size: .8rem; font-weight: 750; }
.consult-form input,.consult-form select,.modal-dialog input { width: 100%; min-height: 48px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: rgba(0,0,0,.22); color: #fff; padding: 0 14px; outline: none; }
.consult-form input:focus,.consult-form select:focus,.modal-dialog input:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(237,0,22,.12); }
.consult-form select option { color: #111; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.consent-field { grid-template-columns: auto 1fr !important; align-items: start; gap: 10px !important; font-weight: 500 !important; line-height: 1.45; }
.consent-field input { width: 17px !important; min-height: 17px !important; margin-top: 2px; accent-color: var(--red); }
.consent-field a { text-decoration: underline; }
.form-feedback { min-height: 20px; margin: 0; color: rgba(255,255,255,.58); font-size: .76rem; }
.faq-section { padding: 92px 0; background: #f3f3f5; }
.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; }
.faq-heading h2 { margin: 14px 0; font-size: clamp(2.4rem,4vw,4.4rem); line-height: 1.02; letter-spacing: -.06em; }
.faq-heading p { color: var(--muted); }
.accordion { display: grid; gap: 11px; }
.accordion-item { border: 1px solid var(--line); border-radius: 15px; background: #fff; overflow: hidden; }
.accordion-item button { width: 100%; min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 0; background: transparent; padding: 16px 20px; text-align: left; font-weight: 800; }
.accordion-item button b { color: var(--red); font-size: 1.4rem; }
.accordion-item > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
.accordion-item > div > p { overflow: hidden; margin: 0; padding: 0 20px; color: var(--muted); transition: padding .25s ease; }
.accordion-item.open > div { grid-template-rows: 1fr; }
.accordion-item.open > div > p { padding: 0 20px 20px; }
.core-bridge { padding: 54px 0; background: #e9e9ec; }
.core-bridge-shell { display: grid; grid-template-columns: 150px 1fr auto; gap: 34px; align-items: center; padding: 32px 36px; border: 1px solid var(--line); border-radius: 23px; background: #fff; }
.core-bridge-shell img { width: 130px; max-height: 78px; object-fit: contain; }
.core-bridge-shell span { color: var(--red); font-size: .68rem; text-transform: uppercase; letter-spacing: .15em; font-weight: 900; }
.core-bridge-shell h2 { margin: 5px 0 2px; font-size: 1.55rem; }.core-bridge-shell p { margin: 0; color: var(--muted); }

/* Footer */
.site-footer { padding: 66px 0 24px; color: #fff; background: #08080a; }
.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3,1fr); gap: 54px; }
.footer-brand img { width: 150px; height: 70px; object-fit: contain; object-position: left center; }
.footer-brand p { max-width: 320px; color: rgba(255,255,255,.46); }
.footer-grid h3 { margin: 0 0 14px; font-size: .88rem; }.footer-grid a,.footer-grid button { display: block; border: 0; background: transparent; padding: 5px 0; color: rgba(255,255,255,.5); font-size: .82rem; text-align: left; }.footer-grid a:hover,.footer-grid button:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; margin-top: 46px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.35); font-size: .74rem; }
.mobile-action-bar { display: none; }

/* Modal */
.modal { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .25s ease,visibility .25s ease; }
.modal.open { opacity: 1; visibility: visible; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.75); backdrop-filter: blur(8px); }
.modal-dialog { position: relative; width: min(100%,480px); padding: 30px; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; background: #141419; color: #fff; box-shadow: 0 40px 100px rgba(0,0,0,.5); }
.modal-close { position: absolute; right: 14px; top: 12px; width: 36px; height: 36px; border: 0; border-radius: 10px; background: rgba(255,255,255,.06); color: #fff; font-size: 1.4rem; }
.modal-kicker { color: var(--red-2); font-size: .7rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 900; }
.modal-dialog h2 { margin: 10px 0; font-size: 2rem; }.modal-dialog > p { color: rgba(255,255,255,.55); }.modal-dialog form { display: grid; gap: 14px; }

/* Core Hero */
.core-page { background: #08080a; }
.core-hero-v3 { position: relative; min-height: 680px; padding: calc(var(--header-h) + 45px) 0 58px; color: #fff; overflow: hidden; background: radial-gradient(circle at 70% 10%,rgba(237,0,22,.16),transparent 34%),linear-gradient(125deg,#070709,#0b0b0e 63%,#10080b); }
.core-hero-v3-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .76fr 1.24fr; gap: 62px; align-items: center; }
.core-hero-v3-copy h1 { max-width: 560px; margin: 23px 0 20px; font-size: clamp(3.7rem,5.6vw,6.2rem); line-height: .96; letter-spacing: -.07em; }
.core-hero-v3-copy > p { max-width: 560px; color: rgba(255,255,255,.6); font-size: 1.05rem; }
.core-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; }.core-tags span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; color: rgba(255,255,255,.6); font-size: .7rem; }
.command-window-v3 { transform: perspective(1200px) rotateY(-1.5deg); }
.command-grid-v3 { display: grid; grid-template-columns: 62px 1fr; min-height: 445px; }
.command-main { min-width: 0; padding: 23px; }
.command-graphs { display: grid; grid-template-columns: 1fr 150px; gap: 12px; margin-top: 12px; }.command-graphs article { min-height: 175px; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.02); }.command-graphs svg { width: 100%; height: 125px; }.command-donut { display: flex; flex-direction: column; }
.command-activity { display: grid; grid-template-columns: auto 1fr 1fr; gap: 14px; align-items: center; margin-top: 12px; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: rgba(255,255,255,.45); font-size: .7rem; }.command-activity b { color: #fff; }.command-activity span { display: flex; align-items: center; gap: 7px; }.command-activity i { width: 7px; height: 7px; border-radius: 50%; background: var(--red); }
.command-support { display: flex; justify-content: space-between; gap: 14px; margin-top: 12px; }.command-support article { flex: 1; display: flex; align-items: center; gap: 12px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(20,20,25,.95); }.command-support b { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(237,0,22,.14); color: #ff5362; }.command-support span { display: grid; }.command-support strong { font-size: .78rem; }.command-support small { color: rgba(255,255,255,.42); font-size: .65rem; }

/* Core systems */
.core-systems-section { padding: 42px 0 72px; color: #fff; background: #09090c; }
.systems-grid-v3 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.system-card-v3 { position: relative; min-height: 510px; display: flex; flex-direction: column; padding: 25px; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; background: linear-gradient(150deg,rgba(25,25,31,.95),rgba(14,14,18,.98)); overflow: hidden; }
.system-card-v3.featured { border-color: rgba(237,0,22,.9); box-shadow: 0 0 34px rgba(237,0,22,.12),inset 0 0 35px rgba(237,0,22,.04); }
.system-card-v3.featured::before { content: ""; position: absolute; top: 0; left: 25%; right: 25%; height: 2px; background: #ff3649; box-shadow: 0 0 14px 4px rgba(255,54,73,.72); }
.flagship-badge { position: absolute; right: 18px; top: 19px; max-width: 90px; padding: 8px 10px; border-radius: 9px; background: linear-gradient(135deg,#a6000d,#d90014); color: #fff; font-size: .66rem; font-weight: 850; text-align: center; line-height: 1.1; }
.system-card-logo { width: 100px; height: 76px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(0,0,0,.28); overflow: hidden; }
.system-card-logo > img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.system-logo-mark { display: grid; place-items: center; gap: 0; width: 100%; height: 100%; padding: 8px; }.system-logo-mark img { width: 58px; max-height: 37px; object-fit: contain; }.system-logo-mark b { color: #fff; font-size: .62rem; letter-spacing: .22em; text-align: center; }
.system-category { align-self: flex-start; margin-top: 18px; padding: 4px 9px; border: 1px solid rgba(237,0,22,.6); border-radius: 999px; color: #ff4353; font-size: .62rem; }
.system-card-v3 h3 { margin: 19px 0 5px; font-size: 1.45rem; }.system-card-v3 > p { min-height: 69px; margin: 0; color: rgba(255,255,255,.58); font-size: .9rem; }.system-card-v3 ul { display: grid; gap: 10px; margin: 21px 0; padding: 20px 0 0; border-top: 1px solid rgba(255,255,255,.1); list-style: none; color: rgba(255,255,255,.65); font-size: .82rem; }.system-card-v3 li::before { content: "✓"; margin-right: 9px; color: var(--red-2); font-weight: 900; }.system-card-v3 .button { margin-top: auto; }

/* Core generic sections */
.core-solutions-v3 { padding: 90px 0; color: #111; background: #f2f2f4; }
.section-heading-v3 { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; margin-bottom: 42px; }.section-heading-v3 h2 { max-width: 760px; margin: 14px 0 0; font-size: clamp(2.5rem,4.5vw,4.8rem); line-height: 1.01; letter-spacing: -.065em; }.section-heading-v3 p { margin: 0; color: var(--muted); }
.core-solutions-v3 .eyebrow,.core-process-v3 .eyebrow { color: #666670; }
.core-solution-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.core-solution-grid article { min-height: 250px; padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }.core-solution-grid span { color: var(--red); font-size: .67rem; font-weight: 900; }.core-solution-grid h3 { margin: 55px 0 9px; font-size: 1.25rem; }.core-solution-grid p { margin: 0; color: var(--muted); font-size: .85rem; }
.core-process-v3 { padding: 90px 0; color: #fff; background: #0b0b0e; }.core-process-v3 .section-heading-v3 p { color: rgba(255,255,255,.5); }.process-grid-v3 { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.process-card-v3 { min-height: 230px; padding: 26px; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: rgba(255,255,255,.025); }.process-card-v3 > span { color: var(--red-2); font-size: .7rem; font-weight: 900; }.process-card-v3 h3 { margin: 60px 0 8px; font-size: 1.25rem; }.process-card-v3 p { margin: 0; color: rgba(255,255,255,.48); font-size: .84rem; }

/* Compact SK Core Engine */
.engine-section-v3 { padding: 78px 0 58px; color: #fff; background: radial-gradient(circle at 70% 50%,rgba(237,0,22,.07),transparent 25%),#09090c; overflow: hidden; }
.engine-layout-v3 { display: grid; grid-template-columns: .78fr 1.22fr; gap: 48px; align-items: center; min-height: 610px; }
.engine-copy-v3 h2 { max-width: 570px; margin: 17px 0; font-size: clamp(2.8rem,4.5vw,5rem); line-height: 1.02; letter-spacing: -.065em; }.engine-copy-v3 > p { max-width: 540px; color: rgba(255,255,255,.53); }.engine-copy-v3 ul { display: grid; gap: 11px; margin: 25px 0; padding: 0; list-style: none; color: rgba(255,255,255,.67); }.engine-copy-v3 li::before { content: "✓"; display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 10px; border-radius: 7px; background: rgba(237,0,22,.13); color: var(--red-2); }
.engine-orbit-v3 { position: relative; min-height: 555px; }
.engine-center { position: absolute; left: 50%; top: 50%; z-index: 3; width: 155px; height: 155px; display: grid; place-items: center; align-content: center; gap: 8px; transform: translate(-50%,-50%); border: 1px solid #ff3548; border-radius: 50%; background: #0b0b0f; box-shadow: 0 0 35px rgba(237,0,22,.22); text-align: center; }.engine-center img { width: 72px; max-height: 45px; object-fit: contain; }.engine-center strong { font-size: 1rem; line-height: 1.15; }
.orbit-lines { position: absolute; inset: 0; pointer-events: none; }.orbit-lines i { position: absolute; left: 50%; top: 50%; width: 190px; height: 1px; background: repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 7px,transparent 7px 14px); transform-origin: left center; }.orbit-lines i::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: #ff3d4d; box-shadow: 0 0 11px 3px rgba(255,61,77,.7); }.orbit-lines i:nth-child(1) { transform: rotate(-90deg); }.orbit-lines i:nth-child(2) { transform: rotate(-30deg); }.orbit-lines i:nth-child(3) { transform: rotate(30deg); }.orbit-lines i:nth-child(4) { transform: rotate(90deg); }.orbit-lines i:nth-child(5) { transform: rotate(150deg); }.orbit-lines i:nth-child(6) { transform: rotate(210deg); }
.engine-node-v3 { position: absolute; z-index: 4; width: 190px; min-height: 110px; display: grid; grid-template-columns: 45px 1fr; gap: 11px; align-items: start; padding: 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 15px; background: linear-gradient(145deg,#17171d,#111116); box-shadow: 0 16px 35px rgba(0,0,0,.25); }.engine-node-icon { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(237,0,22,.65); border-radius: 11px; color: #fff; }.engine-node-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }.engine-node-v3 small { display: block; color: var(--red-2); font-size: .66rem; font-weight: 900; }.engine-node-v3 strong { display: block; font-size: .86rem; }.engine-node-v3 p { margin: 3px 0 0; color: rgba(255,255,255,.42); font-size: .67rem; line-height: 1.35; }
.engine-node-v3.node-1 { left: 50%; top: 3%; transform: translateX(-50%); }.engine-node-v3.node-2 { left: 3%; top: 28%; }.engine-node-v3.node-3 { right: 2%; top: 28%; }.engine-node-v3.node-4 { right: 2%; bottom: 8%; }.engine-node-v3.node-5 { left: 50%; bottom: 0; transform: translateX(-50%); }.engine-node-v3.node-6 { left: 3%; bottom: 8%; }
.engine-benefit-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; margin-top: 20px; padding: 24px 28px; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: rgba(255,255,255,.02); }.engine-benefit-strip article { display: flex; gap: 15px; align-items: center; padding: 0 26px; border-right: 1px solid rgba(255,255,255,.08); }.engine-benefit-strip article:last-child { border-right: 0; }.engine-benefit-strip b { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(237,0,22,.55); border-radius: 13px; color: #fff; }.engine-benefit-strip div { display: grid; }.engine-benefit-strip strong { font-size: .88rem; }.engine-benefit-strip span { color: rgba(255,255,255,.43); font-size: .73rem; }
.core-contact-v3 { padding: 82px 0; color: #fff; background: linear-gradient(120deg,#a9000d,var(--red) 65%,#ff5c15); }.core-contact-v3-shell { display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: center; }.core-contact-v3 h2 { max-width: 850px; margin: 13px 0; font-size: clamp(2.5rem,4vw,4.5rem); line-height: 1.02; letter-spacing: -.06em; }.core-contact-v3 p { color: rgba(255,255,255,.7); }
.core-footer { background: #070708; }

/* Product detail pages */
.product-page { color: #fff; }
.product-hero-v3 { position: relative; padding: calc(var(--header-h) + 35px) 0 40px; background: radial-gradient(circle at 60% 10%,rgba(237,0,22,.12),transparent 30%),#08080a; overflow: hidden; }
.product-hero-top { position: relative; z-index: 2; display: grid; grid-template-columns: 95px minmax(350px,.8fr) minmax(480px,1.2fr); gap: 26px; align-items: center; }
.product-logo-fallback { width: 92px; height: 80px; display: grid; place-items: center; padding: 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.025); text-align: center; }.product-logo-fallback img { max-height: 43px; object-fit: contain; margin: auto; }.product-logo-fallback b { display: block; color: #fff; font-size: .65rem; letter-spacing: .2em; }
.product-eyebrow { color: rgba(255,255,255,.45); font-size: .72rem; text-transform: uppercase; letter-spacing: .15em; font-weight: 850; }.product-hero-copy h1 { max-width: 560px; margin: 7px 0 8px; font-size: clamp(2.7rem,4.7vw,5rem); line-height: .99; letter-spacing: -.06em; }.product-hero-copy p { max-width: 590px; margin: 0; color: rgba(255,255,255,.55); font-size: .86rem; }
.product-insights { display: grid; grid-template-columns: repeat(3,1fr); min-height: 125px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.025); }.product-insights article { display: flex; gap: 11px; padding: 20px 17px; border-right: 1px solid rgba(255,255,255,.08); }.product-insights article:last-child { border-right: 0; }.product-insights > article > span { color: var(--red-2); font-size: 1.4rem; }.product-insights strong { display: block; font-size: .76rem; }.product-insights p { margin: 4px 0 0; color: rgba(255,255,255,.42); font-size: .65rem; }
.product-showcase { position: relative; z-index: 2; min-height: 690px; margin-top: 22px; }
.product-screen { position: absolute; left: 16%; right: 16%; top: 18px; z-index: 2; }
.app-mock { min-height: 565px; display: grid; grid-template-columns: 125px 1fr; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: #111116; box-shadow: 0 30px 80px rgba(0,0,0,.44); }
.app-sidebar { min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 12px 9px; border-right: 1px solid rgba(255,255,255,.07); background: #0d0d11; }.app-mini-brand { display: flex; align-items: center; gap: 6px; margin-bottom: 7px; padding: 6px; }.app-mini-brand img { width: 27px; height: 18px; object-fit: contain; }.app-mini-brand b { font-size: .55rem; letter-spacing: .12em; }.app-sidebar > span { display: flex; align-items: center; gap: 7px; min-height: 29px; padding: 0 8px; border-radius: 6px; color: rgba(255,255,255,.48); font-size: .58rem; white-space: nowrap; }.app-sidebar > span i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.2); }.app-sidebar > span.active { color: #fff; background: rgba(237,0,22,.33); }.app-sidebar > span.active i { background: #ff4352; }.app-user { margin-top: auto; display: grid; padding: 8px; border: 1px solid rgba(255,255,255,.07); border-radius: 8px; }.app-user small,.app-user em { color: rgba(255,255,255,.35); font-size: .48rem; }.app-user b { font-size: .56rem; }.app-user em { margin-top: 5px; font-style: normal; }
.app-main,.flow-main,.control-main { min-width: 0; padding: 15px; }.app-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }.app-top small { color: rgba(255,255,255,.35); font-size: .52rem; }.app-top h2 { margin: 2px 0 0; font-size: 1rem; }.app-top > div:last-child { display: flex; gap: 6px; }.app-top span,.app-top button { min-height: 27px; display: inline-flex; align-items: center; padding: 0 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 6px; background: rgba(255,255,255,.025); color: rgba(255,255,255,.6); font-size: .5rem; }
.app-kpis,.flow-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.app-kpis article,.flow-kpis article { position: relative; min-height: 76px; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: rgba(255,255,255,.02); overflow: hidden; }.app-kpis small,.flow-kpis small { color: rgba(255,255,255,.35); font-size: .48rem; }.app-kpis strong,.flow-kpis strong { display: block; color: #fff; font-size: .86rem; }.app-kpis em,.flow-kpis em { color: #44d789; font-size: .45rem; font-style: normal; }.app-kpis svg { position: absolute; left: 8px; right: 8px; bottom: 4px; width: calc(100% - 16px); height: 22px; }.app-kpis svg path { fill: none; stroke: var(--red); stroke-width: 2; }.app-kpis article:nth-child(even) svg path { stroke: #42cf7f; }
.app-dashboard-grid { display: grid; grid-template-columns: 1.2fr .85fr .95fr; grid-template-rows: 185px 170px; gap: 7px; margin-top: 7px; }.app-panel { min-width: 0; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: rgba(255,255,255,.02); overflow: hidden; }.app-panel > b { display: block; font-size: .56rem; }.app-panel > small { color: rgba(255,255,255,.3); font-size: .44rem; }.revenue svg { width: 100%; height: 135px; }.revenue .grid { stroke: rgba(255,255,255,.06); }.revenue .line { fill: none; stroke: var(--red); stroke-width: 2.5; }.funnel { display: grid; grid-template-columns: .65fr 1fr; align-content: start; }.funnel > b { grid-column: span 2; }.funnel-shape { display: grid; gap: 4px; margin-top: 15px; place-items: center; }.funnel-shape i { display: block; height: 14px; background: #5d5d68; clip-path: polygon(0 0,100% 0,82% 100%,18% 100%); }.funnel-shape i:nth-child(1){width:55px}.funnel-shape i:nth-child(2){width:43px}.funnel-shape i:nth-child(3){width:31px}.funnel-shape i:nth-child(4){width:18px}.funnel ul,.finance ul { margin: 10px 0 0; padding: 0; list-style: none; }.funnel li,.finance li { display: flex; justify-content: space-between; gap: 4px; padding: 4px 0; color: rgba(255,255,255,.45); font-size: .43rem; }.funnel li strong,.finance li b { color: #fff; }.goals > span { display: grid; grid-template-columns: 1fr auto; gap: 2px; margin-top: 8px; color: rgba(255,255,255,.5); font-size: .46rem; }.goals em { color: #fff; font-style: normal; }.goals span > i { grid-column: span 2; height: 4px; border-radius: 3px; background: rgba(255,255,255,.07); }.goals span > i b { display: block; height: 100%; border-radius: inherit; background: var(--red); }.finance { display: grid; grid-template-columns: .8fr 1fr; }.finance > b { grid-column: span 2; }.mini-donut { width: 85px; height: 85px; display: grid; place-items: center; margin: 17px auto 0; border-radius: 50%; background: conic-gradient(var(--red) 0 60%,#49bc77 60% 85%,#383842 85% 100%); position: relative; }.mini-donut::after { content:""; position:absolute; inset:13px; border-radius:50%; background:#15151b; }.mini-donut strong { position:relative; z-index:1; font-size:.5rem; }.ranking > span { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 4px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.05); font-size: .45rem; }.ranking i { width: 16px; height: 16px; display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);font-style:normal}.ranking strong{font-size:.42rem}.activity > span { display: grid; grid-template-columns: 8px 1fr auto; gap: 5px; align-items: center; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.05); }.activity i { width:6px;height:6px;border-radius:50%;background:#4a9cff}.activity .c1{background:#f6ab36}.activity .c2{background:#42cf7f}.activity .c3{background:#a66eff}.activity span b{font-size:.44rem}.activity span small{color:rgba(255,255,255,.28);font-size:.38rem}
.product-callouts { position: absolute; inset: 0; z-index: 4; pointer-events: none; }.product-callout { position: absolute; width: 165px; min-height: 135px; padding: 15px; border: 1px solid rgba(255,255,255,.15); border-radius: 15px; background: rgba(22,22,28,.98); box-shadow: 0 15px 38px rgba(0,0,0,.32); }.product-callout::after { content:""; position:absolute; top:50%; width:48px; border-top:1px dashed rgba(255,68,83,.75); }.product-callout > span { width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--red);font-size:.7rem;font-weight:900}.product-callout h3{margin:8px 0 4px;font-size:.78rem}.product-callout p{margin:0;color:rgba(255,255,255,.48);font-size:.62rem;line-height:1.45}.product-callout.left-top{left:0;top:40px}.product-callout.left-top::after,.product-callout.left-bottom::after{left:100%}.product-callout.right-top{right:0;top:40px}.product-callout.right-mid{right:0;top:215px}.product-callout.right-bottom{right:0;top:390px}.product-callout.right-top::after,.product-callout.right-mid::after,.product-callout.right-bottom::after{right:100%}.product-callout.left-bottom{left:0;top:310px}.product-callout.bottom{left:50%;bottom:0;width:360px;min-height:82px;transform:translateX(-50%)}.product-callout.bottom::after{left:50%;top:auto;bottom:100%;width:0;height:38px;border-top:0;border-left:1px dashed rgba(255,68,83,.75)}
.product-benefits-section { padding: 25px 0 45px; background: #08080a; }.product-benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(237,0,22,.55); border-radius: 18px; overflow: hidden; }.product-benefit-grid article { min-height: 180px; display: flex; gap: 15px; padding: 25px; border-right: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); }.product-benefit-grid article:last-child{border-right:0}.product-benefit-grid > article > span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(237,0,22,.55);border-radius:14px;font-size:1.35rem}.product-benefit-grid h3{margin:0 0 12px;font-size:1rem}.product-benefit-grid p{margin:0;color:rgba(255,255,255,.48);font-size:.75rem}
.product-final-cta { padding: 0 0 55px; background:#08080a; }.product-final-shell { display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:32px 40px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(120deg,#111116,#0e0e12); }.product-final-shell > div:first-child > span { color:var(--red-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.product-final-shell h2{margin:8px 0 0;font-size:2rem}.product-final-shell p{margin:2px 0 0;color:rgba(255,255,255,.55);font-size:1.15rem}.product-final-shell > div:last-child{display:flex;gap:10px;flex-wrap:wrap}

/* Product specific mockups */
.tracking-main { position:relative;display:grid;grid-template-columns:1fr 170px;min-width:0 }.tracking-toolbar { grid-column:span 2;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.57rem}.tracking-toolbar b{margin-right:auto;font-size:.78rem}.tracking-toolbar span,.tracking-toolbar button{padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:rgba(255,255,255,.55)}.tracking-map{position:relative;overflow:hidden;background:#12181c;min-height:515px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:35px 35px}.tracking-map svg{position:absolute;inset:0;width:100%;height:100%}.tracking-map .route{fill:none;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 4px currentColor)}.route-a{stroke:#3699ff;color:#3699ff}.route-b{stroke:#ff3448;color:#ff3448}.pin{position:absolute;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:.6rem;font-style:normal;box-shadow:0 0 0 5px rgba(237,0,22,.15)}.pin.p1{left:22%;top:55%}.pin.p2{left:56%;top:34%}.pin.p3{right:11%;top:15%}.map-kpis{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.map-kpis article{padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(7,10,12,.82);backdrop-filter:blur(8px)}.map-kpis small{display:block;color:rgba(255,255,255,.4);font-size:.43rem}.map-kpis strong{font-size:.8rem}.tracking-team{padding:12px;border-left:1px solid rgba(255,255,255,.07);background:#101015}.tracking-team h3{font-size:.7rem}.tracking-team article{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.tracking-team article>i{width:7px;height:7px;border-radius:50%;background:#43d484}.tracking-team div{display:grid}.tracking-team b{font-size:.55rem}.tracking-team small{color:rgba(255,255,255,.36);font-size:.43rem}.tracking-team span{font-size:.45rem;color:#fff}
.flow-main{background:#111116}.flow-kpis{margin-bottom:10px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.kanban section{min-height:420px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.015)}.kanban header{display:flex;justify-content:space-between;padding:4px;font-size:.52rem}.kanban header span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08)}.kanban article{margin-top:7px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#17171d}.kanban article>small{color:var(--red-2);font-size:.4rem}.kanban article>b{display:block;margin:3px 0;font-size:.56rem}.kanban article>p{margin:0;color:rgba(255,255,255,.35);font-size:.43rem}.kanban footer{display:flex;gap:5px;align-items:center;margin-top:12px;color:rgba(255,255,255,.48);font-size:.42rem}.kanban footer i{width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--orange))}
.control-main{background:#111116}.control-tabs{display:flex;gap:4px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07)}.control-tabs span{padding:6px 9px;border-radius:6px;color:rgba(255,255,255,.42);font-size:.48rem}.control-tabs .active{background:rgba(237,0,22,.2);color:#fff}.control-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px}.control-form,.control-preview{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.015)}.control-form h3{margin:0 0 8px;font-size:.64rem}.control-form h3:not(:first-child){margin-top:15px}.control-form label{display:grid;gap:3px;margin-top:7px;color:rgba(255,255,255,.42);font-size:.43rem}.control-form input,.control-form textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#0c0c10;color:#fff;padding:7px;font-size:.48rem}.control-form textarea{min-height:55px;resize:none}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.asset-row{display:flex;flex-wrap:wrap;gap:4px;padding:7px;border:1px dashed rgba(255,255,255,.12);border-radius:6px}.asset-row span,.asset-row button{padding:4px 6px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.65);font-size:.42rem}.control-preview>small{color:rgba(255,255,255,.35);font-size:.45rem}.control-preview article{margin-top:10px;padding:15px;border:1px solid rgba(237,0,22,.5);border-radius:10px;background:linear-gradient(150deg,rgba(237,0,22,.08),#121217)}.control-preview article>span{color:var(--red-2);font-size:.42rem}.control-preview h3{font-size:.85rem}.control-preview p{color:rgba(255,255,255,.45);font-size:.48rem}.control-preview article>div{display:flex;gap:4px}.control-preview article>div b{padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:.4rem}.control-preview article>strong{display:block;margin:15px 0;font-size:1.1rem}.control-preview article>button{width:100%;padding:8px;border:0;border-radius:6px;background:var(--red);color:#fff;font-size:.5rem;font-weight:800}

/* Legal / error */
.legal-page { background:#f2f2f4; }.legal-shell{width:min(calc(100% - 40px),850px);margin:50px auto;padding:48px;background:#fff;border-radius:24px;box-shadow:var(--shadow)}.legal-shell>a{color:var(--red);font-weight:800}.legal-shell h1{margin:28px 0;font-size:3rem;letter-spacing:-.05em}.legal-shell h2{margin-top:32px}.legal-shell p,.legal-shell li{color:var(--muted)}.legal-alert{padding:15px;border-left:4px solid var(--red);background:rgba(237,0,22,.06)}.error-page{min-height:100vh;display:grid;place-items:center;background:#09090b;color:#fff;text-align:center}.error-page main{padding:40px}.error-page main>span{color:var(--red);font-size:6rem;font-weight:900}.error-page p{color:rgba(255,255,255,.5)}

/* Responsive */
@media (max-width: 1180px) {
  :root { --container: 1080px; }
  .site-nav { gap: 20px; }.site-nav a { font-size:.85rem }.telecom-hero-grid { grid-template-columns:.8fr 1.2fr;gap:40px }.telecom-hero-copy h1 { font-size:4.7rem }.systems-grid-v3 { grid-template-columns:repeat(2,1fr) }.system-card-v3 { min-height:470px }.product-hero-top{grid-template-columns:85px 1fr}.product-insights{grid-column:span 2}.product-showcase{min-height:760px}.product-screen{left:13%;right:13%;top:35px}.product-callout{width:145px}.app-mock{grid-template-columns:115px 1fr}.engine-layout-v3{grid-template-columns:.72fr 1.28fr;gap:20px}.engine-node-v3{width:170px}
}

@media (max-width: 900px) {
  :root { --header-h:70px;--header-h-scrolled:58px }.header-shell{width:min(calc(100% - 28px),100%);gap:14px}.brand img{width:125px;height:52px}.site-header.scrolled .brand img{width:105px;height:43px}.menu-toggle{display:block}.site-nav{position:fixed;top:var(--header-h-scrolled);left:0;right:0;bottom:0;margin:0;padding:25px 20px 110px;background:rgba(8,8,10,.99);flex-direction:column;align-items:stretch;gap:0;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto}.site-nav.open{transform:none}.site-nav a{padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.1rem}.site-nav .nav-accent::after{display:none}.header-cta{display:none}.telecom-hero,.core-hero-v3{padding-top:calc(var(--header-h) + 34px)}.telecom-hero-grid,.core-hero-v3-grid{grid-template-columns:1fr}.telecom-hero-copy,.core-hero-v3-copy{text-align:center}.telecom-hero-copy .eyebrow,.core-hero-v3-copy .eyebrow{justify-content:center}.telecom-hero-copy h1,.core-hero-v3-copy h1{margin-inline:auto}.telecom-hero-copy>p,.core-hero-v3-copy>p{margin-inline:auto}.hero-actions,.core-tags{justify-content:center}.telecom-dashboard-shell,.core-command-shell{max-width:720px;margin-inline:auto;width:100%}.offer-grid-v3{grid-template-columns:1fr}.offer-card-v3{min-height:auto}.solutions-quick-grid,.proof-layout,.coverage-layout,.consult-shell,.faq-layout,.engine-layout-v3{grid-template-columns:1fr}.proof-cards{max-width:650px}.coverage-layout,.consult-shell,.faq-layout{gap:45px}.section-heading-v3{grid-template-columns:1fr;gap:20px}.core-solution-grid,.process-grid-v3{grid-template-columns:repeat(2,1fr)}.engine-copy-v3{text-align:left}.engine-orbit-v3{min-height:580px;max-width:720px;width:100%;margin:auto}.core-contact-v3-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.product-hero-top{grid-template-columns:80px 1fr}.product-insights{grid-column:span 2}.product-showcase{display:grid;min-height:auto;margin-top:32px}.product-screen{position:relative;inset:auto;order:1}.product-callouts{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;order:2;margin-top:14px}.product-callout{position:relative!important;inset:auto!important;width:auto!important;min-height:115px;transform:none!important}.product-callout::after{display:none}.product-callout.bottom{grid-column:span 2}.product-benefit-grid{grid-template-columns:repeat(2,1fr)}.product-benefit-grid article:nth-child(2){border-right:0}.product-benefit-grid article{border-bottom:1px solid rgba(255,255,255,.08)}.product-final-shell{grid-template-columns:1fr}.app-mock{min-height:520px}.app-dashboard-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.goals,.activity{display:none}.tracking-main{grid-template-columns:1fr}.tracking-toolbar{grid-column:auto}.tracking-team{display:none}.kanban{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 640px) {
  .container{width:min(calc(100% - 28px),var(--container))}.telecom-hero{min-height:auto;padding-bottom:42px}.telecom-hero-copy h1,.core-hero-v3-copy h1{font-size:clamp(3rem,14.5vw,4.4rem)}.telecom-hero-copy>p,.core-hero-v3-copy>p{font-size:.98rem}.hero-actions-three,.hero-actions{display:grid;width:100%}.hero-actions .button{width:100%}.dashboard-body,.command-grid-v3{grid-template-columns:44px 1fr}.dashboard-rail,.command-rail{gap:12px}.dashboard-content,.command-main{padding:14px}.dashboard-kpis,.command-kpis{gap:7px}.dashboard-kpis article,.command-kpis article{padding:9px}.dashboard-kpis strong,.command-kpis strong{font-size:.96rem}.dashboard-charts,.command-graphs{grid-template-columns:1fr}.donut-card,.command-donut,.command-activity{display:none}.line-chart-card,.command-graphs article{min-height:160px}.offer-card-v3{padding:23px 20px}.offer-logo-grid.count-4,.offer-logo-grid.count-5{grid-template-columns:repeat(3,1fr);grid-auto-flow:row}.speedtest-fab{right:12px;top:auto;bottom:78px;width:70px;height:70px}.solutions-quick-grid{grid-template-columns:1fr}.quick-solution-card{grid-template-columns:60px 1fr;padding:25px 22px}.quick-icon{width:58px;height:58px}.proof-section,.coverage-section,.consult-section,.faq-section,.core-solutions-v3,.core-process-v3,.engine-section-v3{padding:65px 0}.proof-copy h2,.coverage-copy h2,.consult-copy h2,.faq-heading h2,.section-heading-v3 h2,.engine-copy-v3 h2{font-size:2.55rem}.proof-cards{grid-template-columns:1fr}.proof-card:first-child{grid-column:auto}.coverage-map-card{min-height:420px;padding:25px}.city-pills{margin-top:150px}.field-row{grid-template-columns:1fr}.consult-form{padding:20px}.core-bridge-shell{grid-template-columns:1fr;padding:26px}.core-bridge-shell .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:span 2}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;margin-bottom:66px}.mobile-action-bar{position:fixed;z-index:900;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(14,14,18,.95);backdrop-filter:blur(15px);box-shadow:0 14px 40px rgba(0,0,0,.4)}.mobile-action-bar a{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:.78rem;font-weight:800}.mobile-action-bar a:last-child{background:var(--red)}.command-support{display:none}.systems-grid-v3{grid-template-columns:1fr}.system-card-v3{min-height:auto}.core-solution-grid,.process-grid-v3{grid-template-columns:1fr}.engine-layout-v3{min-height:auto}.engine-orbit-v3{min-height:590px;transform:scale(.82);transform-origin:center}.engine-node-v3{width:165px}.engine-node-v3.node-2,.engine-node-v3.node-6{left:-3%}.engine-node-v3.node-3,.engine-node-v3.node-4{right:-3%}.engine-benefit-strip{grid-template-columns:1fr;padding:14px}.engine-benefit-strip article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:16px}.engine-benefit-strip article:last-child{border-bottom:0}.core-contact-v3 .button{width:100%}.product-hero-top{grid-template-columns:1fr;text-align:center}.product-logo-fallback{margin:auto}.product-insights{grid-column:auto;grid-template-columns:1fr}.product-insights article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.product-insights article:last-child{border-bottom:0}.product-callouts{grid-template-columns:1fr}.product-callout.bottom{grid-column:auto}.app-mock{grid-template-columns:45px 1fr;min-height:460px}.app-sidebar{padding:8px 5px}.app-sidebar>span{font-size:0;padding:0;justify-content:center}.app-sidebar>span i{width:8px;height:8px}.app-mini-brand b,.app-user{display:none}.app-mini-brand{padding:3px}.app-mini-brand img{width:30px}.app-main,.flow-main,.control-main{padding:8px}.app-kpis,.flow-kpis{grid-template-columns:repeat(2,1fr)}.app-dashboard-grid{grid-template-columns:1fr}.funnel,.finance,.ranking{display:none}.revenue{min-height:260px}.revenue svg{height:210px}.product-benefit-grid{grid-template-columns:1fr}.product-benefit-grid article{border-right:0}.product-final-shell{padding:26px 20px}.product-final-shell>div:last-child{display:grid}.tracking-main{display:block}.tracking-map{min-height:410px}.tracking-toolbar b{font-size:.6rem}.kanban{grid-template-columns:1fr 1fr}.kanban section:nth-child(n+3){display:none}.control-layout{grid-template-columns:1fr}.control-preview{display:none}.legal-shell{margin:20px auto;padding:28px 20px}.legal-shell h1{font-size:2.3rem}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.reveal-enabled .reveal{opacity:1;transform:none}
}
.product-hero-copy h1 em{color:var(--red);font-style:normal}
@media (max-width:900px){.site-nav{top:var(--header-h)}.site-header.scrolled .site-nav{top:var(--header-h-scrolled)}}