/* Navigation, accessibility and small-screen fixes shared by both pages. */
html { scroll-padding-top: 100px; }
section[id], main[id] { scroll-margin-top: 100px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:8px; left:8px; z-index:2000; padding:12px 20px; background:white; color:#06101f; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #42b2ff; outline-offset:5px; }
.menu-toggle { display:none; padding:10px 14px; border:1px solid #68778d; background:transparent; color:white; border-radius:8px; font:inherit; cursor:pointer; }
[hidden] { display:none !important; }
.email-placeholder { overflow-wrap:anywhere; }
.hero-grid > *, .ai-grid > *, .highlight-box > *, .business-grid > *, .why-grid > * { min-width:0; }
footer .logo { display:flex; margin-bottom:20px; color:white; font-size:23px; }
.logo-icon,.logo-symbol { flex-shrink:0; }
.btn-whatsapp { color:#061b10; }
.floating-wa { color:#061b10; }
.price { font-size:clamp(30px,3.1vw,40px); }
.pricing-note { font-size:14px; }
@media(max-width:1100px) {
  .nav,.nav-inner { gap:16px; }
  nav { gap:16px; }
}
@media(max-width:930px) {
  header .nav,header .nav-inner { position:relative; flex-wrap:wrap; }
  header nav { width:100%; flex-wrap:wrap; padding:0 0 16px; gap:14px 22px; }
  header nav a:not(.nav-button):not(.nav-cta) { display:block; }
  .has-menu .menu-toggle { display:block; }
  .has-menu header nav { display:none; position:absolute; top:100%; left:-4.35%; width:108.7%; padding:18px 6%; background:#06101f; box-shadow:0 15px 30px #0004; }
  .has-menu header nav.is-open { display:flex; flex-direction:column; align-items:stretch; max-height:75vh; overflow:auto; }
  .has-menu header nav a { padding:10px 0; }
  .has-menu header nav .nav-button,.has-menu header nav .nav-cta { text-align:center; padding:12px 20px; }
  body:not(.has-menu) header { position:static; }
  body:not(.has-menu) .hero { padding-top:60px; }
}
@media(max-width:600px) {
  .hero h1 { font-size:clamp(38px,10vw,58px); }
  .logo { font-size:20px; letter-spacing:3px; gap:10px; }
  .technology { height:400px; }
  .orbit { width:min(330px,95%); aspect-ratio:1; height:auto; }
  .orbit::before { width:70%; height:70%; left:15%; top:15%; }
  .tech-chip { max-width:48%; font-size:12px; }
  .chip1 { left:0; }
  .chip2 { right:0; }
  .chip3 { left:0; }
  .chip4 { right:0; }
  .why h2 { font-size:36px; }
  .cta-box { padding:45px 22px; }
  .cta-box h2 { font-size:34px; }
  .price-card { padding:28px 24px; }
  .stats { padding:30px; }
  .floating-wa { width:50px; height:50px; right:14px; bottom:14px; }
  .copyright { padding-bottom:50px; }
}
/* Motion enhances the existing layout without hiding content by default. */
.technology.is-animated .tech-chip {
  top:50%; left:50%; right:auto; bottom:auto;
  width:clamp(100px,14vw,150px); max-width:none;
  text-align:center; white-space:normal; padding:12px 10px;
  will-change:transform; z-index:2;
}
.technology.is-animated .orbit { top:50%; transform:translate(-50%,-50%); }
.technology.is-animated .orbit::after {
  content:""; position:absolute; inset:-1px; border-radius:50%;
  border:2px solid transparent; border-top-color:#42b2ff;
  border-right-color:#7a3cff66; animation:orbit-ring 24s linear infinite;
}
.technology.is-animated .core { animation:core-glow 5s ease-in-out infinite; }
.motion-toggle {
  position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  border:1px solid #ffffff33; background:#0a1b32; color:#c3d0e3;
  border-radius:20px; padding:7px 14px; font:inherit; font-size:12px;
  cursor:pointer; z-index:3; white-space:nowrap;
}
.technology.motion-paused *, .technology.motion-paused *::after { animation-play-state:paused !important; }
.reveal-on-scroll { transition:opacity .65s ease, translate .65s cubic-bezier(.2,.65,.3,1); transition-delay:var(--reveal-delay,0ms); }
.reveal-on-scroll.is-waiting { opacity:0; translate:0 22px; }
.reveal-on-scroll:focus-within { opacity:1; translate:none; }
.business-card,.ai-item,.benefit { transition:transform .25s ease,border-color .25s ease; }
@media(hover:hover) {
  .business-card:hover,.ai-item:hover,.benefit:hover { transform:translateY(-4px); border-color:#428dff88; }
}
@keyframes orbit-ring { to { transform:rotate(360deg); } }
@keyframes core-glow {
  0%,100% { box-shadow:0 0 45px #4182ff44; }
  50% { box-shadow:0 0 85px #7a3cff77; }
}
@media(max-width:600px) {
  .technology.is-animated .core { width:72px; height:72px; font-size:12px; border-radius:20px; }
  .technology.is-animated .tech-chip { width:100px; font-size:12px; padding:10px 6px; }
}
@media(prefers-reduced-motion:reduce) {
  .reveal-on-scroll.is-waiting { opacity:1; translate:none; }
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none !important; animation:none !important; }
}