:root {
  --bg: #05070b;
  --bg-soft: #0a0e15;
  --panel: rgba(255,255,255,.055);
  --panel-strong: rgba(255,255,255,.085);
  --line: rgba(255,255,255,.11);
  --line-strong: rgba(255,255,255,.2);
  --text: #f5f8fb;
  --muted: #9ca9b8;
  --cyan: #67e8ff;
  --blue: #6484ff;
  --mint: #78ffd7;
  --danger: #ff7d8b;
  --shadow: 0 30px 80px rgba(0,0,0,.38);
  --radius-xl: 34px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --container: 1180px;
  --header-h: 78px;
  --ease: cubic-bezier(.2,.75,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 20px); }
html, body { overflow-x: hidden; }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 50% -15%, rgba(73,111,255,.14), transparent 34%),
    linear-gradient(180deg, #06080d 0%, #05070b 45%, #06090e 100%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: rgba(103,232,255,.25); color: white; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }

.skip-link {
  position: fixed; top: 10px; left: 10px; z-index: 9999;
  transform: translateY(-150%); background: white; color: #05070b;
  padding: 10px 14px; border-radius: 10px; font-weight: 750;
}
.skip-link:focus { transform: translateY(0); }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { position: relative; padding: 112px 0; }
.centered { text-align: center; margin-inline: auto; }
.glass-panel, .glass-card {
  background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), var(--shadow);
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
}

.ambient { position: fixed; pointer-events: none; border-radius: 50%; filter: blur(70px); opacity: .17; z-index: -2; }
.ambient-a { width: 420px; height: 420px; background: var(--blue); top: 15vh; left: -250px; }
.ambient-b { width: 480px; height: 480px; background: #2ccfe4; right: -300px; top: 62vh; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }

.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 14px 0; }
.nav-shell {
  min-height: 64px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px;
  padding: 9px 10px 9px 16px; border-radius: 22px;
  background: rgba(7,10,15,.67); border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 16px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%);
  transition: background .35s ease, border-color .35s ease, transform .35s ease;
}
.site-header.scrolled .nav-shell { background: rgba(6,9,14,.87); border-color: rgba(255,255,255,.14); }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand-mark { width: 42px; height: 42px; position: relative; display: grid; place-items: center; border-radius: 13px; overflow: hidden; background: linear-gradient(145deg, rgba(103,232,255,.18), rgba(100,132,255,.22)); border: 1px solid rgba(130,235,255,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); }
.brand-mark::after { content: ""; position: absolute; inset: 1px; border-radius: 11px; background: linear-gradient(145deg, rgba(255,255,255,.08), transparent 55%); }
.brand-mark span { position: absolute; font-weight: 900; font-size: 16px; letter-spacing: -.06em; }
.brand-mark span:first-child { transform: translate(-4px,-1px); color: white; }
.brand-mark span:last-child { transform: translate(5px,3px); color: var(--cyan); opacity: .95; }
.brand-copy { display: grid; line-height: 1.05; gap: 4px; }
.brand-copy strong { font-size: 14px; letter-spacing: .09em; }
.brand-copy small { color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

.nav-links { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 2vw, 26px); }
.nav-links a { color: #c7d0db; font-size: 13px; font-weight: 650; position: relative; padding: 9px 0; transition: color .25s ease; }
.nav-links a::after { content: ""; position: absolute; left: 50%; bottom: 2px; height: 1px; width: 0; background: var(--cyan); transform: translateX(-50%); transition: width .25s ease; }
.nav-links a:hover, .nav-links a:focus-visible { color: white; }
.nav-links a:hover::after, .nav-links a:focus-visible::after { width: 100%; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 0; border-radius: 14px; background: rgba(255,255,255,.06); align-items: center; justify-content: center; gap: 5px; flex-direction: column; cursor: pointer; }
.menu-toggle span { width: 18px; height: 1.5px; background: white; border-radius: 20px; transition: transform .25s ease, opacity .25s ease; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.25px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.25px) rotate(-45deg); }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 15px; padding: 0 20px; font-weight: 750; font-size: 14px; border: 1px solid transparent; transition: transform .25s var(--ease), background .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.button-primary { background: linear-gradient(135deg, #79efff 0%, #72b9ff 46%, #7f8cff 100%); color: #071016; box-shadow: 0 12px 34px rgba(91,172,255,.22), inset 0 1px 0 rgba(255,255,255,.65); }
.button-primary:hover { box-shadow: 0 16px 40px rgba(91,172,255,.31), inset 0 1px 0 rgba(255,255,255,.72); }
.button-secondary { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.13); color: white; }
.button-secondary:hover, .button-ghost:hover { background: rgba(255,255,255,.09); border-color: rgba(103,232,255,.3); }
.button-ghost { background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.11); color: #edf3f8; }
.button-small { min-height: 42px; padding: 0 16px; border-radius: 13px; font-size: 13px; }

.hero { padding-top: 160px; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 70px; align-items: center; }
.hero-grid > *, .feature-grid > *, .split-layout > *, .content-grid > *, .about-grid > *, .quote-shell > * { min-width: 0; }
.hero-copy { max-width: 650px; }
.eyebrow { color: #b5c4d2; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 800; display: flex; align-items: center; gap: 9px; }
.centered .eyebrow { justify-content: center; }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(48px, 6.3vw, 84px); line-height: .98; letter-spacing: -.058em; margin: 20px 0 24px; max-width: 760px; }
h2 { font-size: clamp(36px, 4.5vw, 62px); line-height: 1.02; letter-spacing: -.048em; margin: 16px 0 20px; }
h3 { letter-spacing: -.025em; }
.text-gradient { background: linear-gradient(100deg, #fff 3%, #b9f5ff 35%, #8bb8ff 72%, #b8a8ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lead { color: #b4c0cc; font-size: clamp(17px, 1.45vw, 20px); max-width: 640px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #8190a0; font-size: 11px; text-transform: uppercase; letter-spacing: .09em; margin-top: 28px; }
.hero-meta i { width: 3px; height: 3px; background: #536170; border-radius: 50%; }

.hero-visual { min-height: 580px; display: grid; place-items: center; position: relative; isolation: isolate; }
.hero-visual::before { content: ""; position: absolute; width: min(90%, 520px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(97,207,255,.2), rgba(68,93,255,.1) 38%, transparent 70%); filter: blur(3px); z-index: -2; }
.hero-orbit { position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; animation: orbitPulse 7s ease-in-out infinite; z-index: -1; }
.orbit-one { width: 420px; height: 420px; }
.orbit-two { width: 530px; height: 530px; animation-delay: -2.2s; opacity: .55; }
.screen-stage { position: relative; width: min(100%, 560px); height: 420px; }
.wide-screen { position: absolute; width: 390px; aspect-ratio: 16/10; left: 0; top: 72px; border-radius: 18px; padding: 9px; transform: perspective(900px) rotateY(7deg) rotateX(2deg); }
.screen-bezel { height: 100%; border-radius: 12px; padding: 3px; background: #020407; border: 1px solid rgba(255,255,255,.07); overflow: hidden; }
.screen-ui { height: 100%; border-radius: 9px; padding: 28px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; background: radial-gradient(circle at 78% 20%, rgba(111,255,215,.26), transparent 30%), radial-gradient(circle at 20% 5%, rgba(88,140,255,.32), transparent 36%), linear-gradient(145deg, #07121f, #09111a 55%, #030509); }
.screen-ui::before { content: ""; position: absolute; width: 210px; height: 210px; border-radius: 50%; right: -70px; top: -65px; border: 26px solid rgba(103,232,255,.15); filter: blur(.3px); }
.screen-ui strong { font-size: 29px; line-height: 1.02; letter-spacing: -.05em; max-width: 260px; position: relative; z-index: 1; }
.screen-ui small { color: #8ea5b5; margin-top: 11px; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.screen-tag { align-self: flex-start; position: absolute; top: 22px; left: 24px; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: #c4f8ff; border: 1px solid rgba(142,239,255,.24); background: rgba(82,214,255,.08); border-radius: 999px; padding: 7px 10px; }
.screen-bars { display: flex; gap: 4px; margin-top: 18px; }
.screen-bars span { height: 3px; width: 38px; border-radius: 4px; background: var(--cyan); opacity: .85; }
.screen-bars span:nth-child(2) { width: 18px; opacity: .5; }
.screen-bars span:nth-child(3) { width: 9px; opacity: .25; }
.screen-stand { width: 95px; height: 24px; margin: 0 auto; border-top: 24px solid rgba(255,255,255,.12); border-left: 21px solid transparent; border-right: 21px solid transparent; }
.totem { position: absolute; width: 162px; height: 390px; right: 30px; top: 10px; border-radius: 24px 24px 16px 16px; padding: 10px; transform: perspective(900px) rotateY(-7deg); }
.totem-top { height: 4px; width: 48px; background: rgba(255,255,255,.2); margin: 2px auto 8px; border-radius: 20px; }
.totem-screen { height: calc(100% - 52px); position: relative; border-radius: 15px; padding: 23px 15px 18px; overflow: hidden; background: radial-gradient(circle at 22% 22%, rgba(105,239,255,.34), transparent 25%), linear-gradient(165deg, #0a1930 0%, #0a1322 38%, #05070d 100%); display: flex; flex-direction: column; justify-content: flex-end; }
.totem-screen .screen-tag { top: 16px; left: 13px; font-size: 7px; padding: 5px 7px; }
.totem-screen strong { font-size: 22px; line-height: 1.04; letter-spacing: -.045em; position: relative; z-index: 2; }
.totem-screen small { font-size: 7px; text-transform: uppercase; letter-spacing: .1em; color: #96a6b6; margin-top: 8px; }
.totem-glow { position: absolute; width: 130px; height: 130px; border-radius: 50%; top: 80px; right: -50px; background: conic-gradient(from 120deg, rgba(108,255,222,.65), rgba(75,112,255,.2), rgba(103,232,255,.7)); filter: blur(2px); opacity: .7; animation: slowRotate 10s linear infinite; }
.totem-base { width: 94px; height: 12px; background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.06)); border: 1px solid rgba(255,255,255,.12); border-radius: 50%; margin: 12px auto 0; }
.floating-chip { position: absolute; border-radius: 999px; padding: 9px 13px; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; color: #dbe8f2; border: 1px solid rgba(255,255,255,.1); background: rgba(8,12,18,.72); backdrop-filter: blur(14px); box-shadow: 0 10px 35px rgba(0,0,0,.25); }
.chip-one { left: 5px; bottom: 72px; display: flex; gap: 7px; align-items: center; }
.chip-two { right: 20px; bottom: 28px; }
.pulse { width: 6px; height: 6px; background: var(--mint); border-radius: 50%; box-shadow: 0 0 0 5px rgba(120,255,215,.08); }

.hero-trust { margin-top: 36px; border-top: 1px solid rgba(255,255,255,.08); padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.hero-trust p { margin: 0; color: #738292; font-size: 11px; text-transform: uppercase; letter-spacing: .11em; }
.trust-items { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 18px; color: #a2aeba; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }

.section-heading { max-width: 780px; margin-bottom: 54px; }
.section-heading p { color: var(--muted); max-width: 640px; margin: 0 auto; font-size: 17px; }
.section-heading:not(.centered) p { margin-left: 0; }
.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.service-card { min-height: 335px; border-radius: var(--radius-lg); padding: 28px; display: flex; flex-direction: column; position: relative; overflow: hidden; transition: transform .35s var(--ease), border-color .35s ease, background .35s ease; }
.service-card::after { content: ""; position: absolute; width: 180px; height: 180px; border-radius: 50%; right: -100px; top: -100px; background: radial-gradient(circle, rgba(103,232,255,.11), transparent 70%); opacity: 0; transition: opacity .35s ease, transform .35s ease; }
.service-card:hover { transform: translateY(-7px); border-color: rgba(103,232,255,.32); background: linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.045)); }
.service-card:hover::after { opacity: 1; transform: scale(1.2); }
.icon-wrap { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; color: #dbe8f4; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); transition: color .28s ease, background .28s ease, transform .28s var(--ease), border-color .28s ease; }
.icon-wrap svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.service-card:hover .icon-wrap { color: #061015; background: var(--cyan); border-color: var(--cyan); transform: translateY(-2px) rotate(-2deg); }
.card-index { position: absolute; right: 27px; top: 29px; color: #536271; font-size: 11px; letter-spacing: .12em; }
.service-card h3 { font-size: 23px; margin: 28px 0 12px; }
.service-card p { color: #93a1af; font-size: 14px; line-height: 1.65; margin-bottom: 25px; }
.card-link { margin-top: auto; color: #c9d5df; font-size: 13px; font-weight: 750; display: inline-flex; align-items: center; gap: 8px; transition: color .25s ease, gap .25s ease; }
.card-link span { color: var(--cyan); }
.card-link:hover { color: white; gap: 12px; }

.product-section { background: linear-gradient(180deg, transparent, rgba(255,255,255,.012) 20%, rgba(255,255,255,.012) 80%, transparent); }
.feature-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(50px, 8vw, 110px); align-items: center; }
.feature-copy p { color: #98a6b5; font-size: 17px; max-width: 590px; }
.feature-list { display: grid; gap: 17px; margin: 30px 0; }
.feature-list > div { display: flex; gap: 14px; align-items: flex-start; }
.feature-list p { margin: 0; display: grid; gap: 4px; font-size: 14px; }
.feature-list strong { color: #eff5f9; font-size: 15px; }
.feature-list small { color: #8593a1; font-size: 13px; }
.check { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 9px; display: grid; place-items: center; color: #071117; background: linear-gradient(135deg,var(--cyan),var(--mint)); font-size: 13px; font-weight: 900; box-shadow: 0 7px 20px rgba(103,232,255,.16); }
.feature-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 32px; }
.text-link { color: #c0ccd6; font-size: 13px; font-weight: 700; }
.text-link span { color: var(--cyan); margin-left: 5px; }
.text-link:hover { color: white; }

.product-showcase { min-height: 620px; display: grid; place-items: center; position: relative; }
.showcase-halo { position: absolute; width: 430px; height: 430px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, rgba(103,232,255,.19), rgba(100,132,255,.08) 40%, transparent 68%); filter: blur(10px); }
.showcase-totem { width: 245px; height: 545px; position: relative; padding: 12px; border-radius: 34px 34px 24px 24px; background: linear-gradient(145deg, #2c3440, #0b0f15 33%, #161d27 66%, #05070a); box-shadow: 0 45px 100px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.22), inset -1px 0 0 rgba(255,255,255,.06); z-index: 2; transform: perspective(1000px) rotateY(-3deg); animation: totemFloat 5.8s ease-in-out infinite; }
.showcase-screen { height: 488px; border-radius: 24px; background: #04070a; padding: 5px; overflow: hidden; position: relative; }
.micro-label { position: absolute; z-index: 2; top: 15px; left: 17px; color: rgba(255,255,255,.55); font-size: 7px; letter-spacing: .14em; }
.showcase-art { height: 100%; border-radius: 20px; padding: 28px 22px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; background: radial-gradient(circle at 62% 25%, rgba(121,239,255,.18), transparent 24%), linear-gradient(170deg,#07162a 0%,#0a1730 38%,#09101d 60%,#020407); }
.showcase-art::before { content:""; position:absolute; inset:0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.05) 48%, transparent 68%); transform: translateX(-100%); animation: screenSweep 5.5s ease-in-out infinite; }
.mini-pill { position: absolute; top: 52px; left: 22px; font-size: 8px; letter-spacing: .13em; padding: 6px 8px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #c4f5ff; }
.showcase-art h3 { font-size: 33px; line-height: 1; margin: 0; letter-spacing: -.055em; position: relative; z-index: 2; }
.art-disc { position: absolute; width: 210px; height: 210px; right: -88px; top: 118px; border-radius: 50%; background: conic-gradient(from 35deg, #7df5ff, #5366ff, #83ffd8, #7df5ff); filter: saturate(85%); box-shadow: 0 0 55px rgba(85,168,255,.25); opacity: .78; }
.art-disc::after { content:""; position:absolute; inset:32px; border-radius:50%; background:#07101d; box-shadow: inset 0 0 30px rgba(0,0,0,.5); }
.screen-footer { position: absolute; bottom: 14px; left: 18px; right: 18px; display:flex; justify-content:space-between; font-size: 6.5px; color: rgba(255,255,255,.42); text-transform: uppercase; letter-spacing:.09em; }
.showcase-foot { width: 148px; height: 17px; margin: 14px auto 0; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(255,255,255,.17), rgba(255,255,255,.03) 62%, transparent 64%); }
.spec-card { position: absolute; z-index: 3; width: 184px; border-radius: 20px; padding: 18px 19px; box-shadow: 0 22px 60px rgba(0,0,0,.33); }
.spec-card span { display:block; color: #768696; font-size: 8px; letter-spacing: .13em; margin-bottom: 8px; }
.spec-card strong { display:block; font-size: 18px; }
.spec-card small { display:block; color: #8795a3; font-size: 10px; margin-top: 5px; }
.spec-one { left: 0; top: 120px; }
.spec-two { right: 0; bottom: 105px; }

.led-section { overflow: hidden; }
.led-stage { max-width: 980px; margin: 20px auto 0; perspective: 1100px; }
.led-frame { padding: 12px; border-radius: 28px; background: linear-gradient(145deg,#333c49,#0a0e14 45%,#171d27); box-shadow: 0 55px 120px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.18); transform: rotateX(2deg); }
.led-content { aspect-ratio: 16/8.65; border-radius: 18px; position: relative; overflow: hidden; background: radial-gradient(circle at 80% 24%, rgba(120,255,215,.16), transparent 23%), radial-gradient(circle at 25% 10%, rgba(92,145,255,.18), transparent 30%), linear-gradient(155deg,#050c16 0%,#091226 48%,#030508); }
.led-grid { position:absolute; inset:0; opacity:.18; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(to bottom,black,transparent 85%); }
.led-copy { position: absolute; left: 8%; bottom: 10%; z-index: 2; }
.led-copy > span { font-size: 10px; letter-spacing: .15em; color: #9cb1c3; text-transform: uppercase; }
.led-copy h3 { font-size: clamp(42px, 6.2vw, 82px); line-height: .9; letter-spacing: -.065em; margin: 13px 0 16px; }
.led-copy h3 em { font-style: normal; color: var(--cyan); }
.led-copy p { margin:0; color:#7f91a2; font-size: 11px; text-transform:uppercase; letter-spacing:.12em; }
.led-sphere { width: 330px; height: 330px; border-radius:50%; position:absolute; right:4%; top:50%; transform:translateY(-50%); background: conic-gradient(from 20deg,#81ffe1,#5c7cff,#65e9ff,#c49aff,#81ffe1); filter:saturate(85%); box-shadow:0 0 90px rgba(87,157,255,.23); opacity:.7; animation: sphereRotate 14s linear infinite; }
.led-sphere::after { content:""; position:absolute; inset:48px; border-radius:50%; background:radial-gradient(circle at 40% 36%,#0c1830,#050912 60%,#020305); box-shadow:inset 0 0 50px rgba(0,0,0,.55); }
.led-shadow { width: 86%; height: 48px; margin: -15px auto 0; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(56,122,255,.18), rgba(0,0,0,.18) 55%, transparent 72%); filter: blur(18px); }
.mini-features { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:52px; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.mini-feature { padding:26px 26px 30px; border-right:1px solid rgba(255,255,255,.08); }
.mini-feature:last-child { border-right:0; }
.mini-feature span { color:var(--cyan); font-size:9px; letter-spacing:.14em; }
.mini-feature h3 { font-size:18px; margin:10px 0 8px; }
.mini-feature p { color:#8493a2; font-size:12px; margin:0; }

.split-dark { background: radial-gradient(circle at 15% 40%,rgba(78,108,255,.09),transparent 27%), rgba(255,255,255,.014); border-block:1px solid rgba(255,255,255,.05); }
.split-layout { display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:center; }
.split-visual { padding:24px; }
.ad-board { aspect-ratio:16/10; border-radius:24px; overflow:hidden; padding:28px; display:flex; flex-direction:column; justify-content:space-between; background: radial-gradient(circle at 80% 15%,rgba(102,232,255,.22),transparent 27%), radial-gradient(circle at 15% 88%,rgba(125,91,255,.2),transparent 33%), linear-gradient(135deg,#0c1220,#060810 62%,#030407); border:1px solid rgba(255,255,255,.09); box-shadow:0 40px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08); transform:perspective(900px) rotateY(4deg); position:relative; }
.ad-board::after { content:""; position:absolute; width:310px;height:310px;border-radius:50%;border:50px solid rgba(103,232,255,.1);right:-110px;top:-80px; }
.ad-top,.ad-bottom { display:flex;justify-content:space-between; color:#7890a4;font-size:8px;letter-spacing:.15em;position:relative;z-index:2; }
.ad-center { position:relative;z-index:2;max-width:78%; }
.ad-center small { color:var(--cyan);font-size:9px;letter-spacing:.15em; }
.ad-center h3 { font-size:clamp(32px,4vw,54px);line-height:.98;margin:11px 0 0;letter-spacing:-.055em; }
.ad-center h3 em { font-style:normal;color:#a6b6ff; }
.split-copy p { color:#98a6b5;font-size:16px; }
.clean-list { list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px; }
.clean-list li { color:#c3ced8;font-size:14px;padding-left:23px;position:relative; }
.clean-list li::before { content:"";position:absolute;left:0;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px rgba(103,232,255,.35); }

.content-grid { display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start; }
.content-grid .section-heading { position:sticky;top:130px;margin-bottom:0; }
.content-cards { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.content-card { min-height:350px;border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.22); }
.content-card > span { font-size:8px;letter-spacing:.14em;color:#a7b7c5;text-transform:uppercase; }
.content-card h3 { font-size:24px;margin:12px 0 8px; }
.content-card p { color:#8796a5;font-size:13px;max-width:280px; }
.card-a { grid-column:1/-1;min-height:330px;background:radial-gradient(circle at 78% 35%,rgba(105,233,255,.18),transparent 27%),linear-gradient(140deg,#091422,#080d15 60%,#05070b); }
.card-b { background:radial-gradient(circle at 50% 80%,rgba(103,232,255,.12),transparent 34%),linear-gradient(145deg,#10141b,#06080d); }
.card-c { background:radial-gradient(circle at 70% 20%,rgba(137,117,255,.16),transparent 30%),linear-gradient(145deg,#11131c,#06080d); }
.content-preview { position:absolute;right:7%;bottom:0;width:48%;height:70%;display:grid;grid-template-columns:1.2fr .7fr .9fr;gap:8px;align-items:end; }
.content-preview div { border-radius:14px 14px 0 0;background:linear-gradient(180deg,rgba(103,232,255,.7),rgba(100,132,255,.16));border:1px solid rgba(255,255,255,.08);box-shadow:0 0 35px rgba(97,178,255,.08); }
.content-preview div:nth-child(1){height:66%;}.content-preview div:nth-child(2){height:44%;}.content-preview div:nth-child(3){height:82%;}
.vertical-preview { position:absolute;right:22px;bottom:-28px;width:105px;height:220px;border-radius:21px 21px 0 0;background:linear-gradient(160deg,#111a26,#06090e);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.35);display:grid;place-items:center; }
.vertical-preview strong { width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#071017;font-size:18px; }
.vertical-preview span { position:absolute;width:1px;height:50px;background:linear-gradient(transparent,rgba(103,232,255,.45),transparent); }.vertical-preview span:first-child{left:18px;top:28px}.vertical-preview span:last-child{right:18px;bottom:40px}
.touch-preview { position:absolute;right:23px;bottom:26px;width:155px;height:120px;display:grid;grid-template-columns:1fr 1fr;gap:9px; }
.touch-preview i { border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);position:relative; }
.touch-preview i::after { content:"";position:absolute;inset:14px;border-radius:50%;background:linear-gradient(135deg,rgba(103,232,255,.4),rgba(116,106,255,.2)); }

.marketing-section { background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent); }
.feature-grid-reverse { grid-template-columns:1.05fr .95fr; }
.analytics-board { border-radius:var(--radius-xl);padding:28px;min-height:470px;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden; }
.analytics-board::before { content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(91,138,255,.12);filter:blur(55px);right:-80px;top:-80px; }
.analytics-head { display:flex;justify-content:space-between;align-items:center;color:#9eb0bf;font-size:12px; }
.status-pill { padding:6px 9px;border-radius:999px;border:1px solid rgba(120,255,215,.2);color:#aefae3;font-size:9px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:6px; }.status-pill i{width:5px;height:5px;border-radius:50%;background:var(--mint)}
.analytics-number { margin-top:65px;display:grid;gap:5px; }.analytics-number small{color:#718191;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.analytics-number strong{font-size:54px;letter-spacing:-.055em}
.analytics-chart { height:150px;display:flex;align-items:end;gap:9px;margin-top:45px;border-bottom:1px solid rgba(255,255,255,.09); }
.analytics-chart span { flex:1;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(103,232,255,.75),rgba(100,132,255,.18));border:1px solid rgba(255,255,255,.06);border-bottom:0;transition:height 1s var(--ease); }
.analytics-row { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;color:#657586;font-size:8px;letter-spacing:.1em;margin-top:13px;text-align:center; }
.marketing-pills { display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 32px; }.marketing-pills span{padding:9px 12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:999px;color:#aebbc6;font-size:11px;transition:color .2s,border-color .2s,background .2s}.marketing-pills span:hover{color:#061016;background:var(--cyan);border-color:var(--cyan)}

.projects-section { overflow:hidden; }
.project-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:16px; }
.project-card { min-height:330px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);transition:transform .35s var(--ease),border-color .35s ease; }
.project-card:hover { transform:translateY(-6px);border-color:rgba(103,232,255,.25); }
.project-large { grid-row:span 2;min-height:676px; }
.project-art { height:62%;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07); }
.project-large .project-art { height:68%; }
.project-copy { padding:24px; }.project-copy span{color:var(--cyan);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.project-copy h3{font-size:22px;margin:8px 0 8px}.project-copy p{color:#81909e;font-size:13px;margin:0}
.retail-art { background:linear-gradient(180deg,#17202a,#0b0e12); }.retail-art::before{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(160deg,transparent 40%,rgba(255,255,255,.045));clip-path:polygon(0 55%,100% 0,100% 100%,0 100%)}
.mock-sign { position:absolute;left:42px;top:44px;letter-spacing:.18em;font-size:10px;color:#bdc8d2; }
.mock-totem-small { position:absolute;width:112px;height:285px;right:19%;bottom:35px;border-radius:21px 21px 10px 10px;background:linear-gradient(155deg,#2b3540,#090d12 35%,#151b24);box-shadow:0 25px 50px rgba(0,0,0,.45); }.mock-totem-small::after{content:"";position:absolute;inset:9px 9px 42px;border-radius:14px;background:radial-gradient(circle at 60% 20%,rgba(112,242,255,.3),transparent 28%),linear-gradient(160deg,#091c34,#070a0e 65%)}
.floor-line { position:absolute;left:8%;right:8%;bottom:25px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); }
.event-art { height:62%;background:radial-gradient(circle at 50% 60%,rgba(93,110,255,.16),transparent 38%),linear-gradient(180deg,#10131d,#05070b); }.event-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;aspect-ratio:16/9;border:7px solid #1e2530;background:linear-gradient(135deg,#0c1f36,#11152b);box-shadow:0 20px 50px rgba(0,0,0,.5);display:grid;place-items:center}.event-screen span{font-size:26px;font-weight:900;letter-spacing:.14em;background:linear-gradient(90deg,var(--cyan),#ad99ff);-webkit-background-clip:text;color:transparent}.event-light{position:absolute;width:1px;height:115%;top:-15%;background:linear-gradient(transparent,rgba(107,224,255,.42),transparent);transform-origin:top}.l1{left:22%;transform:rotate(22deg)}.l2{right:22%;transform:rotate(-22deg)}
.corporate-art { height:62%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:32px;background:linear-gradient(145deg,#121822,#07090d); }.corp-panel{border-radius:14px;display:flex;align-items:flex-end;padding:14px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.12em;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 70% 20%,rgba(103,232,255,.12),transparent 32%),rgba(255,255,255,.035)}.corp-panel:nth-child(2){transform:translateY(18px)}

.about-section { background:radial-gradient(circle at 50% 45%,rgba(78,117,255,.08),transparent 34%); }
.about-grid { display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center; }
.about-copy p { color:#98a6b5;font-size:16px;max-width:590px; }
.about-stats { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.stat-card { min-height:180px;border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s var(--ease),border-color .3s ease; }.stat-card:hover{transform:translateY(-5px);border-color:rgba(103,232,255,.25)}.stat-card strong{font-size:42px;letter-spacing:-.055em;line-height:1}.stat-card span{color:#8493a0;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:13px}

.process-section { padding-top:70px; }
.process-grid { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08); }
.process-step { padding:30px 25px;border-right:1px solid rgba(255,255,255,.08); }.process-step:last-child{border-right:0}.process-step>span{color:var(--cyan);font-size:9px;letter-spacing:.14em}.process-step h3{font-size:20px;margin:13px 0 8px}.process-step p{color:#83919f;font-size:12px;margin:0}

.quote-section { padding-bottom:130px; }
.quote-shell { border-radius:38px;padding:54px;background:radial-gradient(circle at 15% 10%,rgba(103,232,255,.11),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:0 40px 100px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start;overflow:hidden; }
.quote-copy { position:sticky;top:120px; }.quote-copy p{color:#91a0ae;font-size:15px;max-width:460px}.contact-shortcuts{display:grid;gap:9px;margin-top:34px}.contact-shortcuts a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.contact-shortcuts span{color:#778696}.contact-shortcuts strong{font-weight:700}.contact-shortcuts a:hover strong{color:var(--cyan)}
.quote-form { display:grid;gap:16px; }.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form label{display:grid;gap:8px;color:#b9c5cf;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(4,7,11,.52);color:white;padding:13px 14px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;text-transform:none;letter-spacing:0;font-weight:500}.quote-form input,.quote-form select{min-height:50px}.quote-form textarea{resize:vertical;min-height:110px}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#5f6c79}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:rgba(103,232,255,.5);background:rgba(4,7,11,.72);box-shadow:0 0 0 4px rgba(103,232,255,.06)}.quote-form select option{background:#080b10;color:white}.choice-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-group input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0;padding:0}.choice-group label{min-height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);cursor:pointer;color:#8e9daa;font-size:10px;transition:background .2s,border-color .2s,color .2s}.choice-group input:checked+label{background:rgba(103,232,255,.11);border-color:rgba(103,232,255,.35);color:#c9f7ff}.form-submit{width:100%;margin-top:4px}.form-note{margin:0;text-align:center;color:#647483;font-size:10px}.form-note.error{color:#ffb6bf}

.site-footer { border-top:1px solid rgba(255,255,255,.07);padding:55px 0 24px;background:rgba(0,0,0,.12); }
.footer-grid { display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:60px; }.footer-brand{margin-bottom:18px}.footer-grid>div:first-child>p{max-width:450px;color:#7e8d9c;font-size:13px}.footer-links{display:grid;align-content:start;gap:10px}.footer-links strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#d9e2ea;margin-bottom:6px}.footer-links a{font-size:12px;color:#7f8e9d;transition:color .2s}.footer-links a:hover{color:white}.footer-bottom{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:20px;color:#5f6d7a;font-size:10px}
.whatsapp-fab { position:fixed;right:22px;bottom:22px;z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#9bffe1,#54e8a5);box-shadow:0 18px 45px rgba(45,220,151,.22),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .25s var(--ease),box-shadow .25s ease}.whatsapp-fab:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 22px 50px rgba(45,220,151,.3)}.whatsapp-fab svg{width:24px;height:24px;fill:none;stroke:#07160f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.reveal { opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--delay,0ms);will-change:transform,opacity}.reveal.is-visible{opacity:1;transform:none}
@keyframes orbitPulse{0%,100%{transform:scale(.96);opacity:.48}50%{transform:scale(1.04);opacity:.75}}
@keyframes slowRotate{to{transform:rotate(360deg)}}
@keyframes sphereRotate{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
@keyframes totemFloat{0%,100%{transform:perspective(1000px) rotateY(-3deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-3deg) translateY(-10px)}}
@keyframes screenSweep{0%,15%{transform:translateX(-110%)}45%,100%{transform:translateX(140%)}}

@media (max-width: 1040px) {
  :root{--container:940px}
  .nav-links{gap:14px}.nav-links a{font-size:12px}.nav-cta{display:none}
  .hero-grid{gap:35px}.screen-stage{transform:scale(.9);transform-origin:center}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid,.feature-grid-reverse,.split-layout,.about-grid{gap:50px}
  .spec-one{left:-10px}.spec-two{right:-10px}
  .content-grid{grid-template-columns:1fr}.content-grid .section-heading{position:static;text-align:center;margin:0 auto 42px}.content-grid .section-heading .eyebrow{justify-content:center}.content-grid .section-heading p{margin-inline:auto}
  .quote-shell{gap:42px;padding:42px}
}

@media (max-width: 820px) {
  :root{--header-h:72px}
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:86px 0}
  .site-header{padding:10px 0}.nav-shell{min-height:58px;grid-template-columns:1fr auto;padding:7px 8px 7px 13px;border-radius:18px}.menu-toggle{display:flex}.nav-links{position:absolute;left:14px;right:14px;top:74px;display:grid;gap:3px;padding:12px;background:rgba(7,10,15,.96);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.45);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:opacity .25s ease,transform .25s ease,visibility .25s}.nav-links.open{opacity:1;visibility:visible;transform:none}.nav-links a{padding:13px 12px;border-radius:12px}.nav-links a:hover{background:rgba(255,255,255,.05)}.nav-links a::after{display:none}
  .hero{min-height:auto;padding-top:125px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{margin-inline:auto}.hero-copy .eyebrow{justify-content:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-meta{justify-content:center}.hero-visual{min-height:470px}.screen-stage{transform:scale(.82)}.hero-trust{flex-direction:column;text-align:center}.trust-items{justify-content:center}
  .feature-grid,.feature-grid-reverse,.split-layout,.about-grid{grid-template-columns:1fr}.feature-grid-reverse .feature-copy{grid-row:1}.feature-copy{text-align:center}.feature-copy .eyebrow{justify-content:center}.feature-copy p{margin-inline:auto}.feature-list{text-align:left;max-width:600px;margin-inline:auto}.feature-actions{justify-content:center}
  .product-showcase{min-height:600px}.split-copy{text-align:center}.split-copy .eyebrow{justify-content:center}.clean-list{max-width:560px;margin-inline:auto;text-align:left}.split-visual{padding:0}
  .mini-features{grid-template-columns:1fr 1fr}.mini-feature:nth-child(2){border-right:0}.mini-feature:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
  .project-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:1/-1;grid-row:auto;min-height:560px}
  .about-copy{text-align:center}.about-copy .eyebrow{justify-content:center}.about-copy p{margin-inline:auto}
  .process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
  .quote-shell{grid-template-columns:1fr}.quote-copy{position:static;text-align:center}.quote-copy .eyebrow{justify-content:center}.quote-copy p{margin-inline:auto}.contact-shortcuts{max-width:520px;margin-inline:auto}.footer-grid{grid-template-columns:1.4fr .8fr .8fr;gap:34px}
}

@media (max-width: 600px) {
  .section{padding:72px 0}.brand-copy small{display:none}.brand-mark{width:39px;height:39px;border-radius:12px}.nav-shell{min-height:56px}
  h1{font-size:clamp(43px,14vw,62px);margin-top:17px}.hero-lead{font-size:16px;line-height:1.65}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:390px;margin-inline:auto;margin-top:28px}.hero-actions .button{width:100%}.hero-meta{gap:8px}.hero-meta span{font-size:9px}
  .hero-visual{min-height:390px;height:390px;margin-top:-10px;overflow:hidden;position:relative}.screen-stage{position:absolute;left:50%;top:0;width:560px;max-width:none;transform:translateX(-50%) scale(.64);transform-origin:top center}.hero-trust{margin-top:0}.trust-items{gap:11px}.trust-items span{font-size:9px}
  .section-heading{margin-bottom:38px}.section-heading p{font-size:15px}.services-grid{grid-template-columns:1fr}.service-card{min-height:300px;padding:24px}.service-card:hover{transform:none}
  .feature-copy p{font-size:15px}.product-showcase{min-height:540px;overflow:hidden}.showcase-totem{transform:scale(.9);animation:none}.spec-card{width:148px;padding:14px}.spec-card strong{font-size:15px}.spec-card small{font-size:9px}.spec-one{left:-3px;top:120px}.spec-two{right:-3px;bottom:90px}
  .led-frame{padding:7px;border-radius:18px}.led-content{border-radius:12px;aspect-ratio:16/10}.led-copy{left:7%;bottom:9%}.led-copy>span{font-size:7px}.led-copy h3{font-size:clamp(35px,12vw,54px);margin:8px 0 10px}.led-copy p{font-size:7px}.led-sphere{width:180px;height:180px;right:-2%}.led-sphere::after{inset:28px}.mini-features{grid-template-columns:1fr}.mini-feature{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;text-align:center}.mini-feature:last-child{border-bottom:0!important}
  .split-layout{gap:42px}.ad-board{padding:20px}.ad-center{max-width:90%}.ad-center h3{font-size:32px}
  .content-cards{grid-template-columns:1fr}.card-a{grid-column:auto;min-height:360px}.content-preview{width:78%;right:-4%;height:46%}.content-card{min-height:310px}
  .analytics-board{min-height:410px;padding:22px}.analytics-number{margin-top:50px}.analytics-number strong{font-size:46px}.analytics-chart{margin-top:35px;height:130px}
  .project-grid{grid-template-columns:1fr}.project-large{grid-column:auto;min-height:530px}.project-card{min-height:340px}.mock-totem-small{right:14%}
  .about-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:145px;padding:20px}.stat-card strong{font-size:34px}.stat-card span{font-size:9px}
  .process-grid{grid-template-columns:1fr}.process-step{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;text-align:center}.process-step:last-child{border-bottom:0!important}
  .quote-section{padding-bottom:90px}.quote-shell{padding:27px 18px;border-radius:28px;gap:34px}.field-row{grid-template-columns:1fr}.choice-group{grid-template-columns:1fr 1fr 1fr}.choice-group label{font-size:8px}.contact-shortcuts a{font-size:10px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;text-align:center}.whatsapp-fab{right:16px;bottom:16px;width:49px;height:49px}
}

@media (max-width: 390px) {
  .container{width:min(calc(100% - 20px),var(--container))}
  .hero-visual{min-height:350px;height:350px}.screen-stage{transform:translateX(-50%) scale(.58)}
  .product-showcase{min-height:500px}.showcase-totem{transform:scale(.82)}.spec-card{width:134px}.spec-one{top:110px}.spec-two{bottom:70px}
  .about-stats{grid-template-columns:1fr}.stat-card{min-height:125px;text-align:center;align-items:center}
  .choice-group{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}
}

@media (hover: none) {
  .service-card:hover,.project-card:hover,.stat-card:hover,.button:hover,.whatsapp-fab:hover{transform:none}
  .service-card:active .icon-wrap{color:#061015;background:var(--cyan);border-color:var(--cyan)}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}


/* --- PUBLI EJE V2 media and logo enhancements --- */
.brand-logo-wrap{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.brand-logo{width:100%;height:100%;object-fit:contain;display:block}
.media-card,.image-showcase,.photo-frame,.photo-board,.photo-art{overflow:hidden}
.media-card img,.image-showcase img,.photo-frame img,.photo-board img,.photo-art img,.marketing-photo-card img{display:block;width:100%;height:100%;object-fit:cover}
.hero-photo{min-height:530px;display:grid;align-items:center}
.hero-photo-card{border-radius:34px;padding:12px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.36)}
.hero-photo-card img{border-radius:26px;min-height:490px}
.image-showcase{position:relative;z-index:2;height:100%;min-height:560px;border-radius:34px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 90px rgba(0,0,0,.34)}
.image-showcase img{border-radius:26px}
.product-showcase.media-showcase{display:grid;align-items:center;min-height:590px}
.led-photo-stage{padding:0;background:none;border:0;box-shadow:none}
.photo-frame{padding:12px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 90px rgba(0,0,0,.32)}
.photo-frame img{aspect-ratio:16/9;border-radius:24px}
.photo-board{position:relative;overflow:hidden;border-radius:32px;padding:0;min-height:500px;background:#08111f;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 90px rgba(0,0,0,.34)}
.photo-board img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03)}
.photo-board::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,12,.08),rgba(2,6,12,.72) 75%,rgba(2,6,12,.86))}
.photo-overlay{position:absolute;left:26px;right:26px;bottom:24px;z-index:1;display:grid;gap:8px}
.photo-overlay span{display:inline-flex;align-self:start;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(103,232,255,.13);border:1px solid rgba(103,232,255,.25);font-size:10px;letter-spacing:.12em;color:#c6fbff}
.photo-overlay strong{font-size:34px;line-height:1.08;letter-spacing:-.04em}
.photo-overlay small{color:#b7c3ce;font-size:13px;max-width:460px}
.marketing-photo-card{min-height:520px;padding:12px;border-radius:34px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.34)}
.marketing-photo-card img{border-radius:26px}
.photo-project-grid .project-card{overflow:hidden}
.photo-project-grid .project-art{padding:0}
.photo-art{height:100%;min-height:260px}
.photo-art img{height:100%}
.project-large .photo-art{min-height:100%}
.project-copy{position:relative;z-index:2}
.contact-panel{display:grid;gap:14px;padding:22px 24px;border-radius:26px;margin-top:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1)}
.contact-panel div{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.contact-panel div:last-child{border-bottom:0;padding-bottom:0}
.contact-panel span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8191a0}
.contact-panel strong,.contact-panel a{font-size:14px;color:#eef6ff}
.footer-brand .brand-logo-wrap{width:52px;height:52px}
@media (max-width:1040px){
  .hero-photo{min-height:480px}.hero-photo-card img{min-height:430px}
}
@media (max-width:820px){
  .brand-logo-wrap{width:52px;height:52px}
  .hero-photo{min-height:0;height:auto}.hero-photo-card img{min-height:0;aspect-ratio:4/5}
  .product-showcase.media-showcase{min-height:480px}
  .image-showcase{min-height:470px}
  .feature-grid,.feature-grid-reverse{align-items:start}
  .quote-copy .contact-panel{max-width:640px;margin-inline:auto;margin-top:22px}
}
@media (max-width:600px){
  .brand-logo-wrap{width:42px;height:42px;border-radius:12px;padding:4px}
  .hero-photo-card{padding:8px;border-radius:24px}.hero-photo-card img{border-radius:18px;aspect-ratio:4/5}
  .image-showcase{min-height:380px;padding:8px;border-radius:24px}.image-showcase img{border-radius:18px}
  .photo-frame{padding:8px;border-radius:24px}.photo-frame img{border-radius:18px}
  .photo-board{min-height:360px;border-radius:24px}
  .photo-overlay{left:18px;right:18px;bottom:18px}.photo-overlay strong{font-size:28px}.photo-overlay small{font-size:12px}
  .marketing-photo-card{min-height:360px;padding:8px;border-radius:24px}.marketing-photo-card img{border-radius:18px}
  .contact-panel{padding:18px}.contact-panel div{display:grid;gap:5px;justify-content:start}
}
@media (max-width:390px){
  .brand-logo-wrap{width:40px;height:40px}
  .image-showcase{min-height:330px}
  .photo-board{min-height:320px}
}


/* --- PUBLI EJE V3 banner + content imagery --- */
.hero-banner-shell{position:relative;width:min(100%,700px);padding:12px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 90px rgba(0,0,0,.34)}
.banner-carousel{position:relative;min-height:520px;border-radius:26px;overflow:hidden;background:#09111b}
.banner-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.02);transition:opacity .8s ease,transform .8s ease}
.banner-slide.is-active{opacity:1;transform:scale(1)}
.banner-slide img{width:100%;height:100%;display:block;object-fit:cover}
.banner-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,5,12,.08),rgba(1,5,12,.28) 50%,rgba(1,5,12,.82))}
.banner-overlay{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:grid;gap:8px}
.banner-overlay span{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(103,232,255,.12);border:1px solid rgba(103,232,255,.2);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#cffbff}
.banner-overlay strong{max-width:420px;font-size:34px;line-height:1.08;letter-spacing:-.045em}
.banner-controls{position:absolute;right:22px;bottom:22px;z-index:5;display:flex;gap:10px}
.banner-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.15);cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.banner-dot:hover{transform:scale(1.08)}
.banner-dot.is-active{background:var(--cyan);border-color:rgba(103,232,255,.95);box-shadow:0 0 16px rgba(103,232,255,.5)}
.content-photo-card{grid-column:1 / -1;position:relative;overflow:hidden;min-height:430px;border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.22)}
.content-photo-card img{width:100%;height:100%;display:block;object-fit:cover}
.content-photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,12,.06),rgba(2,6,12,.28) 55%,rgba(2,6,12,.78))}
.content-photo-overlay{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:grid;gap:8px}
.content-photo-overlay span{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(103,232,255,.13);border:1px solid rgba(103,232,255,.2);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#cffbff}
.content-photo-overlay strong{max-width:480px;font-size:32px;line-height:1.08;letter-spacing:-.04em}
@media (max-width:1040px){
  .hero-banner-shell{width:min(100%,650px)}
  .banner-carousel{min-height:470px}
}
@media (max-width:820px){
  .hero-banner-shell{padding:8px;border-radius:24px}
  .banner-carousel{min-height:400px;border-radius:18px}
  .banner-overlay strong{font-size:28px;max-width:380px}
  .content-photo-card{min-height:360px}
  .content-photo-overlay strong{font-size:26px}
}
@media (max-width:600px){
  .banner-carousel{min-height:320px}
  .banner-overlay{left:16px;right:16px;bottom:16px}
  .banner-overlay strong{font-size:23px;max-width:280px}
  .banner-controls{right:16px;bottom:16px;gap:8px}
  .banner-dot{width:10px;height:10px}
  .content-photo-card{min-height:290px;border-radius:24px}
  .content-photo-overlay{left:18px;right:18px;bottom:16px}
  .content-photo-overlay strong{font-size:22px;max-width:290px}
}


/* --- PUBLI EJE V4 full gallery integration --- */
.gallery-section .section-heading{max-width:980px;margin-inline:auto}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.gallery-card{position:relative;overflow:hidden;min-height:260px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#0a1118;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.gallery-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease,filter .55s ease}
.gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,18,.05),rgba(5,10,18,.22) 52%,rgba(5,10,18,.86))}
.gallery-card:hover img{transform:scale(1.05);filter:saturate(1.05)}
.gallery-copy{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;display:grid;gap:8px}
.gallery-copy span{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(103,232,255,.12);border:1px solid rgba(103,232,255,.2);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d5fcff}
.gallery-copy h3{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.03em;max-width:420px}
.gallery-wide{grid-column:span 2;min-height:360px}
@media (max-width:1040px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-wide{grid-column:span 2}
}
@media (max-width:680px){
  .gallery-grid{grid-template-columns:1fr}
  .gallery-wide{grid-column:auto;min-height:300px}
  .gallery-card{min-height:250px;border-radius:24px}
  .gallery-copy{left:16px;right:16px;bottom:16px}
  .gallery-copy h3{font-size:22px;max-width:300px}
}

/* =========================================================
   PUBLI EJE — PREMIUM FINAL
   Micro-layout, navigation, motion, form and accessibility polish
   ========================================================= */
:root{
  --brand-blue:#15519a;
  --brand-blue-soft:#5f87bd;
  --brand-ice:#dcecff;
  --surface-1:rgba(255,255,255,.045);
  --surface-2:rgba(255,255,255,.075);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  background:
    radial-gradient(circle at 16% 8%,rgba(21,81,154,.13),transparent 27%),
    radial-gradient(circle at 82% 36%,rgba(103,232,255,.055),transparent 25%);
}

.page-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:220;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#77edff,#75afff 56%,#9f94ff);
  box-shadow:0 0 18px rgba(103,232,255,.45);
  pointer-events:none;
  transition:width .08s linear;
}

.section:not(.hero)::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(calc(100% - 40px),1180px);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);
  pointer-events:none;
}

.nav-shell{
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07);
}
.site-header.scrolled .nav-shell{
  background:rgba(5,8,13,.92);
  box-shadow:0 20px 64px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);
}
.brand{min-width:0}
.brand-lockup{
  width:196px;
  height:auto;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.22));
}
.footer-brand .brand-lockup{width:235px;max-height:none}

.nav-links a{
  padding-inline:1px;
  color:#bfc9d4;
}
.nav-links a.is-active{color:#fff}
.nav-links a.is-active::after{width:100%;box-shadow:0 0 12px rgba(103,232,255,.5)}

.button{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.button::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.20) 48%,transparent 78%);
  transform:translateX(-130%);
  transition:transform .7s var(--ease);
}
.button:hover::before{transform:translateX(130%)}
.button:active{transform:translateY(0) scale(.985)}

.hero{padding-top:148px}
.hero-grid{gap:clamp(38px,5vw,72px)}
.hero-copy{position:relative;z-index:2}
.hero-copy h1,.section-heading h2,.feature-copy h2,.about-copy h2,.quote-copy h2{text-wrap:balance}
.hero-lead,.section-heading p,.feature-copy>p,.about-copy p,.quote-copy>p{text-wrap:pretty}
.hero-lead{max-width:610px}
.hero-meta{row-gap:8px}
.hero-trust{
  margin-top:52px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.07);
}

.hero-banner-shell{
  transition:transform .5s var(--ease),border-color .5s ease,box-shadow .5s ease;
}
.hero-banner-shell:hover{
  transform:translateY(-4px);
  border-color:rgba(137,218,255,.22);
  box-shadow:0 42px 110px rgba(0,0,0,.42),0 0 0 1px rgba(103,232,255,.035);
}
.banner-carousel{isolation:isolate}
.banner-slide img{filter:saturate(.98) contrast(1.015);transform:scale(1.015);transition:transform 6s linear,filter .5s ease}
.banner-slide.is-active img{transform:scale(1.055)}
.banner-overlay{padding-right:110px}
.banner-overlay strong{text-shadow:0 3px 25px rgba(0,0,0,.45)}
.banner-controls{align-items:center}
.banner-dot{padding:0}
.banner-progress{
  position:absolute;
  left:24px;
  right:24px;
  bottom:10px;
  z-index:6;
  height:2px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.13);
}
.banner-progress span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--cyan),#88a9ff);
  box-shadow:0 0 12px rgba(103,232,255,.45);
}

.glass-card,.service-card,.project-card,.gallery-card,.stat-card,.contact-panel{
  transition:border-color .35s ease,box-shadow .35s ease,transform .35s var(--ease),background .35s ease;
}
.service-card,.project-card,.gallery-card,.stat-card{will-change:transform}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 20% 0%,rgba(103,232,255,.07),transparent 36%);
  opacity:0;
  transition:opacity .35s ease;
}
.service-card:hover::before{opacity:1}
.service-card:hover,.project-card:hover,.stat-card:hover{
  border-color:rgba(119,208,255,.20);
  box-shadow:0 36px 92px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.09);
}
.service-card h3,.project-copy h3,.gallery-copy h3{transition:color .3s ease}
.service-card:hover h3,.project-card:hover h3,.gallery-card:hover h3{color:#fff}
.icon-wrap{transition:transform .35s var(--ease),background .3s ease,border-color .3s ease,color .3s ease}
.service-card:hover .icon-wrap{transform:translateY(-3px) rotate(-2deg) scale(1.03)}

.image-showcase,.photo-frame,.marketing-photo-card,.content-photo-card,.photo-board{
  border-color:rgba(255,255,255,.10);
}
.image-showcase img,.photo-frame img,.marketing-photo-card img,.content-photo-card img,.photo-board img{
  transition:transform .7s var(--ease),filter .5s ease;
}
.image-showcase:hover img,.photo-frame:hover img,.marketing-photo-card:hover img,.content-photo-card:hover img,.photo-board:hover img{
  transform:scale(1.018);
  filter:saturate(1.04) contrast(1.015);
}

.gallery-grid{gap:20px}
.gallery-card{
  background:linear-gradient(155deg,#0b111a,#071019);
  border-color:rgba(255,255,255,.09);
}
.gallery-card:hover{
  transform:translateY(-5px);
  border-color:rgba(105,219,255,.24);
  box-shadow:0 36px 92px rgba(0,0,0,.34);
}
.gallery-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  pointer-events:none;
}
.gallery-copy span{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

.feature-list>div{
  border-radius:18px;
  transition:background .3s ease,transform .3s var(--ease),border-color .3s ease;
  border:1px solid transparent;
}
.feature-list>div:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.055);
}

.marketing-pills span{
  transition:transform .25s var(--ease),background .25s ease,border-color .25s ease,color .25s ease;
}
.marketing-pills span:hover{
  transform:translateY(-2px);
  background:rgba(103,232,255,.07);
  border-color:rgba(103,232,255,.20);
  color:#d9fbff;
}

.quote-shell{
  border-color:rgba(255,255,255,.12);
  box-shadow:0 44px 115px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09);
}
.quote-form input,.quote-form select,.quote-form textarea{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.quote-form input:hover,.quote-form select:hover,.quote-form textarea:hover{border-color:rgba(255,255,255,.18)}
.form-submit[disabled]{opacity:.65;cursor:wait;transform:none;filter:saturate(.7)}
.form-note.success{color:#98ffd9}
.form-note.error{color:#ffb0ba}
.hp-field{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

.back-to-top{
  position:fixed;
  right:22px;
  bottom:84px;
  z-index:89;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,12,18,.75);
  color:#dbe7f2;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s var(--ease),border-color .25s ease,color .25s ease;
}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{border-color:rgba(103,232,255,.32);color:var(--cyan);transform:translateY(-3px)}
.whatsapp-fab{border:1px solid rgba(255,255,255,.32)}

.footer-grid{align-items:start}
.footer-brand{display:inline-flex;margin-bottom:22px}
.footer-grid>div:first-child>p{line-height:1.75}
.footer-links a{line-height:1.5}

@media (max-width:1120px){
  .brand-lockup{width:174px}
  .nav-links{gap:clamp(10px,1.5vw,18px)}
  .nav-links a{font-size:12px}
}
@media (max-width:820px){
  .brand-lockup{width:178px;max-height:42px}
  .nav-shell{grid-template-columns:1fr auto}
  .nav-links a.is-active{background:rgba(103,232,255,.065);color:#e8fdff}
  .nav-links a.is-active::after{display:none}
  .hero{padding-top:118px}
  .hero-trust{margin-top:34px}
  .banner-slide.is-active img{transform:scale(1.035)}
  .banner-overlay{padding-right:0;padding-bottom:20px}
  .banner-controls{top:16px;right:16px;bottom:auto}
  .banner-progress{left:16px;right:16px;bottom:8px}
  .quote-shell{box-shadow:0 34px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}
}
@media (max-width:600px){
  .section:not(.hero)::before{width:calc(100% - 28px)}
  .brand-lockup{width:150px;max-height:37px}
  .hero{padding-top:108px}
  .hero-copy .eyebrow{font-size:10px;line-height:1.5}
  .hero-lead{font-size:15.5px;line-height:1.62}
  .hero-trust{padding-top:18px}
  .banner-carousel{min-height:300px}
  .banner-overlay strong{font-size:22px}
  .banner-overlay span{font-size:8px}
  .gallery-card:hover{transform:none}
  .back-to-top{right:16px;bottom:77px;width:43px;height:43px}
  .footer-brand .brand-lockup{width:210px}
}
@media (max-width:390px){
  .brand-lockup{width:142px}
  .banner-carousel{min-height:280px}
  .hero-actions{max-width:none}
}
@media (hover:none){
  .button::before{display:none}
  .hero-banner-shell:hover,.gallery-card:hover,.service-card:hover,.project-card:hover,.stat-card:hover{transform:none}
  .image-showcase:hover img,.photo-frame:hover img,.marketing-photo-card:hover img,.content-photo-card:hover img,.photo-board:hover img{transform:none;filter:none}
  .feature-list>div:hover{transform:none;background:transparent;border-color:transparent}
}
@media (prefers-reduced-motion:reduce){
  .banner-slide img,.banner-slide.is-active img{transform:none!important;transition:none!important}
  .banner-progress span{transition:none!important;transform:scaleX(1)!important}
  .page-progress{transition:none}
}


/* --- FIX 01: Pauta publicitaria, sin solapamientos --- */
#pauta .split-layout{
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  gap:clamp(52px,5vw,82px);
  align-items:center;
}
#pauta .split-visual{
  padding:0;
  min-width:0;
}
#pauta .pauta-photo-board{
  position:relative;
  min-height:0;
  aspect-ratio:auto;
  padding:16px;
  border-radius:32px;
  overflow:hidden;
  transform:none;
  isolation:isolate;
  background:linear-gradient(180deg,#0a1320,#09111c);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 32px 90px rgba(0,0,0,.34);
  display:grid;
  gap:18px;
}
#pauta .pauta-photo-board::after{display:none}
#pauta .pauta-image-wrap{
  position:relative;
  aspect-ratio:16/9;
  border-radius:28px;
  overflow:hidden;
  background:#08111f;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 56px rgba(0,0,0,.24);
}
#pauta .pauta-photo-board img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
}
#pauta .photo-overlay,
#pauta .pauta-text-panel{
  position:relative;
  z-index:2;
  left:auto;
  right:auto;
  bottom:auto;
  max-width:none;
}
#pauta .split-copy{
  min-width:0;
  position:relative;
  z-index:3;
}
#pauta .split-copy h2{
  font-size:clamp(40px,3.7vw,58px);
  line-height:1.02;
  max-width:640px;
  margin-bottom:22px;
}
#pauta .split-copy p{
  max-width:620px;
  line-height:1.72;
  margin-bottom:0;
}
#pauta .clean-list{
  max-width:620px;
  margin-top:24px;
  margin-bottom:28px;
}
#pauta .clean-list li{
  line-height:1.55;
}
#pauta .button{
  position:relative;
  z-index:2;
}
@media (max-width:980px){
  #pauta .split-layout{
    grid-template-columns:1fr;
    gap:44px;
  }
  #pauta .pauta-photo-board{
    width:min(100%,760px);
    margin-inline:auto;
  }
  #pauta .split-copy{
    text-align:center;
    max-width:760px;
    margin-inline:auto;
  }
  #pauta .split-copy .eyebrow{justify-content:center}
  #pauta .split-copy h2,#pauta .split-copy p,#pauta .clean-list{margin-inline:auto}
  #pauta .clean-list{text-align:left}
}
@media (max-width:600px){
  #pauta .pauta-photo-board{
    border-radius:24px;
    padding:12px;
    gap:14px;
  }
  #pauta .pauta-image-wrap{
    aspect-ratio:4/3;
    border-radius:22px;
  }
  #pauta .photo-overlay strong{font-size:26px}
  #pauta .split-copy h2{font-size:clamp(36px,11vw,48px)}
}

/* --- Final premium content image cards --- */
.content-card.photo-mini{padding:0;display:block;isolation:isolate;min-height:350px;background:#08111d}
.content-card.photo-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.content-card.photo-mini::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,16,.06),rgba(3,8,16,.18) 42%,rgba(3,8,16,.82) 88%);z-index:0}
.content-card-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:24px}
.content-card-copy span{display:inline-flex;align-self:flex-start;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(103,232,255,.13);border:1px solid rgba(103,232,255,.22);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#cffbff}
.content-card-copy h3{font-size:24px;margin:14px 0 10px}
.content-card-copy p{color:#d3dee8;font-size:14px;max-width:420px;line-height:1.5;margin:0}

@media (max-width:600px){
  .content-card.photo-mini{min-height:320px}
  .content-card-copy{padding:18px}
  .content-card-copy h3{font-size:22px}
  .content-card-copy p{font-size:13px;max-width:none}
}


/* --- FIX: glass de especificaciones centrados y legibles --- */
.product-showcase .spec-card{
  width:min(210px,42%);
  min-height:126px;
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#0b1620;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(225,239,252,.58));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.product-showcase .spec-card span{
  color:#31404e;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:9px;
}
.product-showcase .spec-card strong{
  color:#07121b;
  font-size:19px;
  line-height:1.1;
}
.product-showcase .spec-card small{
  color:#334555;
  font-size:10px;
  line-height:1.45;
  margin-top:7px;
  max-width:160px;
}
.product-showcase .spec-one,
.product-showcase .spec-two{
  top:auto;
  right:auto;
  bottom:28px;
}
.product-showcase .spec-one{
  left:34%;
  transform:translateX(-50%);
}
.product-showcase .spec-two{
  left:66%;
  transform:translateX(-50%);
}

@media (max-width:820px){
  .product-showcase .spec-card{
    width:min(190px,44%);
    min-height:112px;
    padding:15px 16px;
  }
  .product-showcase .spec-one{left:28%;bottom:20px}
  .product-showcase .spec-two{left:72%;bottom:20px}
}

@media (max-width:520px){
  .product-showcase .spec-card{
    width:min(260px,78%);
    min-height:96px;
  }
  .product-showcase .spec-one{
    left:50%;
    bottom:126px;
  }
  .product-showcase .spec-two{
    left:50%;
    bottom:18px;
  }
}


/* --- PUBLI EJE final refinements --- */
.product-showcase .image-showcase img{object-position:center right;}
#pauta .photo-overlay.light-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(241,247,252,.86));
  border:1px solid rgba(255,255,255,.88);
  border-radius:24px;
  padding:24px 28px;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  width:100%;
}
#pauta .photo-overlay.light-panel span{display:block;color:#334350;background:none;border:none;padding:0;font-size:11px;letter-spacing:.16em}
#pauta .photo-overlay.light-panel strong{display:block;color:#09131d;font-size:clamp(24px,2.4vw,38px);line-height:1.08;text-shadow:none;margin-top:10px;max-width:18ch}
#pauta .photo-overlay.light-panel small{display:block;color:#394a59;font-size:15px;line-height:1.65;margin-top:12px;max-width:58ch}
#galeria .gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}
#galeria .gallery-card{grid-column:span 4}
#galeria .gallery-card.gallery-wide{grid-column:span 8}
@media (max-width:1100px){
  #galeria .gallery-card{grid-column:span 6}
  #galeria .gallery-card.gallery-wide{grid-column:span 12}
}
@media (max-width:700px){
  #galeria .gallery-card{grid-column:span 12}
}