:root { --ink:#070a0c; --surface:#0d1210; --surface-raised:#121914; --line:#273029; --line-bright:#425048; --text:#f3f6f2; --muted:#9ca8a0; --lime:#c8fa30; --lime-deep:#98c919; --radius:18px; --shell:1200px; --space:clamp(4.5rem, 9vw, 8.5rem); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:5.5rem; }
body { margin:0; color:var(--text); background:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.5; }
body::before { content:""; position:fixed; z-index:-1; inset:0; pointer-events:none; opacity:.33; background-image:linear-gradient(90deg, transparent 95%, #ffffff09 96%),linear-gradient(transparent 95%, #ffffff09 96%); background-size:42px 42px; mask-image:linear-gradient(to bottom, black, transparent 80%); }
a { color:inherit; } button, input, textarea { font:inherit; } button { cursor:pointer; } img { display:block; max-width:100%; } .shell { width:min(var(--shell), calc(100% - 40px)); margin-inline:auto; }
.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:.75rem; left:.75rem; z-index:100; padding:.7rem 1rem; color:#111; background:var(--lime); transform:translateY(-160%); }.skip-link:focus { transform:translateY(0); }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid #1b211d; background:#070a0ce8; backdrop-filter:blur(18px); }.nav-shell { min-height:78px; display:flex; align-items:center; gap:1.5rem; }.brand { flex:0 0 auto; }.brand img { width:clamp(170px, 17vw, 238px); }.site-nav { display:flex; align-items:center; gap:1.65rem; margin-left:auto; }.site-nav a { color:#c1cac3; font-size:.88rem; text-decoration:none; }.site-nav a:hover { color:var(--lime); }.menu-toggle { display:none; width:44px; height:44px; padding:.6rem; color:var(--text); border:1px solid var(--line); background:var(--surface); border-radius:8px; }.menu-toggle svg { width:100%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; }.nav-cta { margin-left:.25rem; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; padding:.65rem 1.1rem; border:1px solid var(--line-bright); border-radius:10px; color:var(--text); background:#101611; font-size:.9rem; font-weight:750; text-decoration:none; transition:border-color .2s, transform .2s, background .2s; }.button:hover { transform:translateY(-2px); border-color:var(--lime); }.button-primary { border-color:transparent; color:#101507; background:linear-gradient(135deg,#ddff55,#a5d714); box-shadow:0 0 30px #c8fa3020; }.button-primary:hover { border-color:transparent; background:linear-gradient(135deg,#e4ff73,#b1e318); }.button svg { width:1.15rem; height:1.15rem; fill:currentColor; }
.hero { min-height:680px; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr); align-items:center; gap:3.5rem; padding-block:4.2rem 3.5rem; }.eyebrow,.section-kicker { margin:0 0 1rem; color:var(--lime); font-size:.7rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }.eyebrow { display:flex; align-items:center; gap:.65rem; }.eyebrow span { width:7px; height:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 15px var(--lime); }.hero h1,.section-heading h2 { max-width:11ch; margin:0; letter-spacing:-.07em; line-height:.92; }.hero h1 { font-size:clamp(3.7rem,7.2vw,6.7rem); }.hero h1 em { color:var(--lime); font-style:normal; }.hero-lead { max-width:38rem; margin:1.65rem 0 0; color:var(--muted); font-size:1.08rem; }.action-row { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }.microcopy { margin:.85rem 0 0; color:#738077; font-size:.8rem; }
.hero > *,.contact-grid > *,.field-grid > *,.products-grid > * { min-width:0; }.orbit-stage { position:relative; width:100%; max-width:100%; height:500px; display:grid; place-items:center; overflow:clip; isolation:isolate; }.orbit-glow { position:absolute; width:min(390px,100%); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#c8fa3040,transparent 67%); filter:blur(12px); }.orbit-ring { position:absolute; max-width:100%; border:1px solid #c8fa3042; border-radius:50%; }.orbit-ring-one { width:min(430px,100%); height:auto; aspect-ratio:1; animation:spin 18s linear infinite; }.orbit-ring-two { width:min(310px,82%); height:auto; aspect-ratio:1; animation:spin-reverse 13s linear infinite; }.orbit-ring::after { content:""; position:absolute; top:2.5%; left:50%; width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 13px var(--lime); }.orbit-core { position:relative; z-index:2; width:min(218px,60%); aspect-ratio:1; display:grid; place-items:center; border:1px solid #4b5b50; border-radius:31px; background:linear-gradient(145deg,#1c2720,#080c0a); box-shadow:0 32px 80px #000a, 0 0 55px #c8fa3018; animation:float 5s ease-in-out infinite; }.orbit-core img { width:79%; }.orbit-card { position:absolute; z-index:3; min-width:0; max-width:46%; padding:.85rem 1rem; border:1px solid #3a483d; border-radius:14px; background:#121914e8; box-shadow:0 18px 45px #000a; backdrop-filter:blur(10px); animation:float 5.5s ease-in-out infinite; }.orbit-card b,.orbit-card span { display:block; overflow-wrap:anywhere; }.orbit-card b { font-size:.82rem; }.orbit-card span { margin-top:.15rem; color:#91a096; font-size:.68rem; }.orbit-card svg { width:100%; height:25px; margin-top:.5rem; overflow:visible; }.orbit-card path { fill:none; stroke:var(--lime); stroke-width:3; stroke-linecap:round; stroke-dasharray:140; stroke-dashoffset:40; animation:draw 3.2s ease-in-out infinite alternate; }.orbit-card-app { top:11%; left:2%; animation-delay:-1.3s; }.orbit-card-data { top:28%; right:2%; animation-delay:-2.5s; }.orbit-card-web { bottom:10%; left:7%; animation-delay:-3.7s; }.orbit-dot { position:absolute; z-index:4; width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 16px var(--lime); }.orbit-dot-one { animation:orbit-a 8s linear infinite; }.orbit-dot-two { animation:orbit-b 11s linear infinite reverse; }
.trust-strip { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:#0c110e; }.trust-strip p { display:flex; align-items:center; justify-content:center; gap:.75rem; min-height:78px; margin:0; color:#d5ddd6; font-size:.92rem; font-weight:650; }.trust-strip p + p { border-left:1px solid var(--line); }.trust-strip span { color:var(--lime); font-size:1.25rem; font-weight:900; }
.section { padding-block:var(--space); }.section-heading { max-width:38rem; margin-bottom:2.6rem; }.section-heading h2 { font-size:clamp(2.75rem,5vw,4.45rem); }.section-heading > p:last-child { margin:1.15rem 0 0; color:var(--muted); }.section-heading.compact { margin-bottom:2.35rem; }
.services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.service-card { position:relative; min-height:245px; padding:1.55rem; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,#121814,#0b100d); }.service-card::after { content:""; position:absolute; right:-65px; bottom:-85px; width:165px; aspect-ratio:1; background:radial-gradient(circle,#c8fa3024,transparent 70%); }.service-card:hover { border-color:#718c25; transform:translateY(-4px); }.icon-tile { display:grid; width:43px; height:43px; place-items:center; color:var(--lime); margin-bottom:2.7rem; border:1px solid #4c6225; border-radius:10px; background:#192112; }.icon-tile svg { width:24px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }.service-card h3 { margin:0 0 .5rem; font-size:1.1rem; }.service-card p { position:relative; z-index:1; margin:0; color:var(--muted); font-size:.86rem; }
.pricing-section { border-top:1px solid #171d19; }.pricing-grid { display:grid; grid-template-columns:1fr 1fr 1.08fr; gap:1rem; }.price-card,.comparison { padding:1.65rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.price-card.is-featured { border-color:#92b82b; box-shadow:0 0 48px #c8fa3010; }.plan-tag { display:inline-block; padding:.38rem .6rem; margin:0; border-radius:99px; color:var(--lime); background:#1a2611; font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.price-card h3 { margin:1.2rem 0 .3rem; font-size:1.15rem; }.price { margin:.2rem 0 1.25rem; font-size:2.1rem; font-weight:850; letter-spacing:-.055em; }.price small { color:var(--muted); font-size:.82rem; font-weight:500; letter-spacing:0; }.price-card ul { min-height:175px; padding:0; margin:0 0 1.5rem; list-style:none; }.price-card li { padding:.38rem 0; color:#cbd4cd; font-size:.85rem; }.price-card li::before { content:"✓"; margin-right:.6rem; color:var(--lime); font-weight:900; }.price-card .not-included::before { content:"×"; color:#7d877f; }.comparison h3 { margin:0 0 1rem; font-size:1.12rem; }.comparison-row { display:grid; grid-template-columns:1fr 66px 66px; gap:.5rem; padding:.65rem 0; border-bottom:1px solid #222a24; color:#c2cbc4; font-size:.8rem; }.comparison-head { padding-top:0; color:var(--text); }.comparison-row b:not(:first-child) { text-align:center; }.yes { color:var(--lime); }.no { color:#6d7870; }
.products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.product-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); transition:transform .25s,border-color .25s; }.product-card:hover { transform:translateY(-5px); border-color:#738f2a; }.product-image { height:230px; overflow:hidden; background:#141b16; }.product-image img { width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .45s; }.product-card:hover .product-image img { transform:scale(1.04); }.product-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:1.4rem; }.product-copy h3 { margin:0 0 .4rem; font-size:1.25rem; }.product-copy p { margin:0; color:var(--muted); font-size:.86rem; }.product-copy a { margin-top:auto; padding-top:1.2rem; color:var(--lime); font-size:.88rem; font-weight:800; text-decoration:none; }
.reasons { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.reasons article { padding:1.5rem 1.2rem 1.6rem; }.reasons article + article { border-left:1px solid var(--line); }.reasons b { display:block; margin-bottom:.45rem; font-size:.92rem; }.reasons p { margin:0; color:var(--muted); font-size:.78rem; }
.contact-section { border-top:1px solid #171d19; }.contact-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr); gap:1rem; }.contact-form,.whatsapp-card { padding:1.65rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; }.field { min-width:0; margin-bottom:.9rem; }.field label { display:block; margin-bottom:.42rem; color:#d3dcd4; font-size:.78rem; font-weight:700; }.field label span:not(.optional) { color:var(--lime); }.optional { color:#778278; font-weight:500; }.field input,.field textarea { width:100%; min-height:48px; padding:.7rem .85rem; border:1px solid #2b352e; border-radius:9px; outline:0; color:var(--text); background:#090d0a; }.field textarea { min-height:125px; resize:vertical; }.field input:focus,.field textarea:focus { border-color:var(--lime); box-shadow:0 0 0 3px #c8fa3014; }.field input[aria-invalid="true"],.field textarea[aria-invalid="true"] { border-color:#f18d80; }.field-error { min-height:1.25em; margin:.35rem 0 0; color:#ffaaa0; font-size:.75rem; }.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }.turnstile-wrap { min-height:36px; margin:.15rem 0 1rem; }.turnstile-note { margin:0; color:#78847b; font-size:.73rem; }.form-status { min-height:1.5em; margin:.5rem 0 .9rem; font-size:.85rem; }.form-status[data-state="error"] { color:#ffaaa0; }.form-status[data-state="success"] { color:var(--lime); }.button:disabled { cursor:wait; opacity:.7; transform:none; }.whatsapp-card { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:100%; }.chat-icon { color:var(--lime); font-size:3rem; line-height:1; }.whatsapp-card h3 { margin:1rem 0 .35rem; font-size:1.6rem; letter-spacing:-.04em; }.whatsapp-card p { margin:0 0 1.5rem; color:var(--muted); }.whatsapp-card .button { margin-top:auto; }
.site-footer { border-top:1px solid var(--line); padding:1.7rem 0 2.4rem; }.footer-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.footer-row img { width:190px; }.footer-row p { margin:0; color:#778279; font-size:.78rem; }
:focus-visible { outline:3px solid var(--lime); outline-offset:3px; } @keyframes spin { to { transform:rotate(360deg); } } @keyframes spin-reverse { to { transform:rotate(-360deg); } } @keyframes float { 50% { transform:translateY(-12px); } } @keyframes draw { to { stroke-dashoffset:0; } } @keyframes orbit-a { from { transform:rotate(0deg) translateX(205px); } to { transform:rotate(360deg) translateX(205px); } } @keyframes orbit-b { from { transform:rotate(0deg) translateX(153px); } to { transform:rotate(360deg) translateX(153px); } }
@media (max-width: 900px) { .hero { grid-template-columns:1fr; gap:1rem; padding-top:3.8rem; }.hero-copy { max-width:680px; }.orbit-stage { height:430px; }.services-grid { grid-template-columns:repeat(2,1fr); }.pricing-grid { grid-template-columns:1fr 1fr; }.comparison { grid-column:1 / -1; }.products-grid { grid-template-columns:1fr; }.product-card { display:grid; grid-template-columns:1fr 1fr; }.product-image { height:100%; min-height:220px; }.reasons { grid-template-columns:repeat(3,1fr); }.reasons article:nth-child(4) { border-left:0; border-top:1px solid var(--line); }.reasons article:nth-child(5) { border-top:1px solid var(--line); }.contact-grid { grid-template-columns:1fr; }.whatsapp-card { min-height:230px; } }
@media (max-width: 768px) { .nav-shell { min-height:68px; gap:.7rem; }.menu-toggle { display:grid; place-items:center; margin-left:auto; }.nav-cta { display:none; }.site-nav { position:absolute; top:calc(100% + 1px); right:0; left:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:.55rem 20px 1rem; border-bottom:1px solid var(--line); background:#090d0bf8; }.site-nav.is-open { display:flex; }.site-nav a { min-height:44px; display:flex; align-items:center; border-bottom:1px solid #202822; }.site-nav a:last-child { border:0; }.hero { min-height:0; padding-block:3.4rem 2rem; }.section { padding-block:4.8rem; }.section-heading { margin-bottom:2rem; }.trust-strip { grid-template-columns:1fr; }.trust-strip p { min-height:60px; justify-content:flex-start; padding-inline:1rem; }.trust-strip p + p { border-top:1px solid var(--line); border-left:0; } }
@media (max-width: 560px) { .shell { width:min(calc(100% - 28px), var(--shell)); }.brand img { width:174px; }.hero h1 { font-size:clamp(3.25rem,16vw,4.45rem); }.hero-lead { font-size:1rem; }.action-row { display:grid; grid-template-columns:1fr; }.action-row .button { width:100%; }.orbit-stage { height:338px; }.orbit-card { max-width:48%; padding:.7rem; }.orbit-card-data { right:1%; }.services-grid,.pricing-grid,.field-grid { grid-template-columns:1fr; }.service-card { min-height:210px; }.comparison { grid-column:auto; }.price-card ul { min-height:auto; }.product-card { display:flex; }.product-image { height:218px; min-height:0; }.reasons { grid-template-columns:1fr; }.reasons article,.reasons article:nth-child(4),.reasons article:nth-child(5) { border-left:0; border-top:1px solid var(--line); }.reasons article:first-child { border-top:0; }.contact-form,.whatsapp-card { padding:1.25rem; }.footer-row { flex-direction:column; align-items:flex-start; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }