:root{--bg-main: #050816;--bg-alt: #0b1020;--bg-card: #0f172a;--border-soft: #1e293b;--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .15);--text-main: #e5e7eb;--text-muted: #9ca3af;--danger: #f97373;--success: #4ade80;--radius-lg: 18px;--radius-xl: 24px;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .6);--max-width: 1120px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617,#000);color:var(--text-main);scroll-behavior:smooth}body,.app-root{min-height:100vh}.navbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom,rgba(15,23,42,.95),rgba(15,23,42,.7),transparent);border-bottom:1px solid rgba(148,163,184,.18)}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:inline-flex;align-items:baseline;gap:.25rem;cursor:pointer}.logo-main{font-weight:700;letter-spacing:.16em;font-size:.95rem}.logo-accent{font-weight:700;letter-spacing:.3em;font-size:.8rem;color:var(--accent)}.nav-links{display:flex;gap:.75rem}.nav-links button{background:none;border:none;color:var(--text-muted);font-size:.88rem;padding:.4rem .7rem;border-radius:999px;cursor:pointer;transition:all .18s ease}.nav-links button:hover{color:var(--text-main);background:#0f172ae6}.btn-whatsapp{font-size:.85rem;text-decoration:none;padding:.5rem .9rem;border-radius:999px;background:#22c55e;color:#022c22;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(34,197,94,.5);box-shadow:0 8px 20px #22c55e59;transition:all .18s ease}.btn-whatsapp:hover{transform:translateY(-1px);box-shadow:0 12px 28px #22c55e73}.hero{padding:5rem 1.5rem 3rem}.hero-content{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem;align-items:center}.hero-text h1{font-size:2.4rem;line-height:1.2;margin-bottom:1rem}.hero-text .highlight{color:var(--accent)}.hero-subtitle{font-size:.98rem;color:var(--text-muted);max-width:34rem}.hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.8rem}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:500;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .18s ease}.btn-primary{background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#020617;box-shadow:0 14px 35px #22d3ee59}.btn-primary:hover{box-shadow:0 18px 45px #22d3ee73;transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#94a3b866;color:var(--text-main)}.btn-outline:hover{background:#0f172ae6;border-color:#94a3b8a6}.hero-secondary{margin-top:1.2rem;font-size:.9rem;color:var(--text-muted)}.hero-image{display:flex;justify-content:flex-end}.hero-visual-card{background:radial-gradient(circle at top,#0f172a,#020617);border-radius:1.6rem;border:1px solid rgba(148,163,184,.3);padding:1.4rem 1.3rem;width:100%;max-width:320px;box-shadow:var(--shadow-soft)}.hero-badge{display:inline-flex;padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;font-size:.75rem;color:var(--text-muted);margin-bottom:1.2rem}.hero-metric{margin-bottom:1rem}.metric-number{display:block;font-size:1.8rem;font-weight:700}.metric-label{font-size:.8rem;color:var(--text-muted)}.section{padding:3rem 1.5rem}.section-alt{background:linear-gradient(to bottom,#0f172af5,#0f172af0)}.section-header{max-width:var(--max-width);margin:0 auto 2.1rem}.section-header h2{font-size:1.7rem;margin-bottom:.4rem}.section-header p{font-size:.95rem;color:var(--text-muted);max-width:36rem}.cards-grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.card{background:radial-gradient(circle at top left,#111827,#020617);border-radius:var(--radius-lg);padding:1.4rem 1.5rem;border:1px solid rgba(148,163,184,.24);box-shadow:0 14px 40px #0f172ab3}.card h3{margin-top:0;margin-bottom:.6rem;font-size:1.05rem}.card p{font-size:.9rem;color:var(--text-muted)}.card-list{margin:.9rem 0 0;padding-left:1.25rem;color:var(--text-muted);font-size:.9rem}.card-list li+li{margin-top:.2rem}.card-accent{border-color:#22d3eeb3;background:radial-gradient(circle at top left,#0f172a,#020617)}.card-note{margin-top:.7rem;font-size:.8rem;color:var(--text-muted)}.project-card{position:relative}.project-client{font-size:.85rem;color:var(--accent);margin-bottom:.4rem}.project-meta{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.78rem;padding:.2rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.tag-outline{background:transparent;border:1px solid rgba(148,163,184,.4);color:var(--text-muted)}.security-grid{max-width:var(--max-width);margin:0 auto;display:grid;gap:1.4rem;grid-template-columns:repeat(3,minmax(0,1fr))}.security-block{background:#020617;border-radius:var(--radius-lg);padding:1.2rem 1.3rem;border:1px solid rgba(148,163,184,.3)}.security-block h3{margin-top:0;font-size:1rem;margin-bottom:.5rem}.security-block ul{margin:0;padding-left:1.2rem;font-size:.9rem;color:var(--text-muted)}.section-note{max-width:var(--max-width);margin:1.5rem auto 0;font-size:.85rem;color:var(--text-muted)}.process-grid{max-width:var(--max-width);margin:0 auto;display:grid;gap:1.2rem;grid-template-columns:repeat(4,minmax(0,1fr))}.process-step{background:#020617;border-radius:var(--radius-lg);border:1px dashed rgba(148,163,184,.4);padding:1.1rem 1.2rem}.process-step h3{font-size:.95rem;margin-top:0;margin-bottom:.4rem}.process-step p{font-size:.86rem;color:var(--text-muted)}.contact-grid{max-width:var(--max-width);margin:0 auto;display:grid;gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.contact-form{background:#020617;border-radius:var(--radius-xl);padding:1.6rem 1.6rem 1.9rem;border:1px solid rgba(148,163,184,.3);box-shadow:var(--shadow-soft)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.86rem;margin-bottom:.25rem}.form-group label span{color:var(--accent)}.form-group input,.form-group textarea{width:100%;border-radius:.7rem;border:1px solid rgba(148,163,184,.5);background:#020617;padding:.55rem .75rem;color:var(--text-main);font-size:.9rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.form-error{color:var(--danger);font-size:.8rem;margin-bottom:.6rem}.form-success{color:var(--success);font-size:.8rem;margin-bottom:.6rem}.btn-full{width:100%;justify-content:center}.contact-note{font-size:.85rem;color:var(--text-muted);margin-top:.8rem}.contact-note a{color:var(--accent);text-decoration:none}.contact-note a:hover{text-decoration:underline}.contact-side{display:flex;align-items:stretch}.contact-card{border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.4);padding:1.5rem 1.5rem 1.8rem;background:radial-gradient(circle at top,#111827,#020617)}.contact-card h3{margin-top:0}.contact-card p,.contact-card ul{font-size:.9rem;color:var(--text-muted)}.contact-card ul{list-style:none;padding:0}.contact-card li+li{margin-top:.3rem}.contact-card a{color:var(--accent);text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-small{font-size:.8rem;margin-top:.8rem}.legal-section{padding-bottom:4rem}.legal-block{max-width:var(--max-width);margin:0 auto 1.6rem;padding:1.2rem 1.3rem;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.3);background:#020617}.legal-block h3{margin-top:0;margin-bottom:.5rem}.legal-block p{font-size:.88rem;color:var(--text-muted)}.legal-note{max-width:var(--max-width);margin:1rem auto 0;font-size:.8rem;color:var(--text-muted)}.footer{border-top:1px solid rgba(148,163,184,.25);background:#020617;padding:1.3rem 1.5rem 1.6rem}.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1.2fr);gap:1.2rem;align-items:center;font-size:.8rem}.footer-text{color:var(--text-muted);margin-top:.2rem}.footer-links{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.footer-links button{background:none;border-radius:999px;border:1px solid rgba(148,163,184,.4);padding:.2rem .6rem;color:var(--text-muted);cursor:pointer;font-size:.78rem}.footer-links button:hover{background:#0f172ae6;color:var(--text-main)}.footer-right{text-align:right;color:var(--text-muted)}.footer-copy{margin-top:.25rem}.hero-image{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-img{width:100%;max-width:420px;border-radius:1.5rem;object-fit:cover;border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 40px #0f172acc}.kitDigital-layout{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center}.kitDigital-text ul{margin:.8rem 0 0;padding-left:1.2rem;font-size:.9rem;color:var(--text-muted)}.kitDigital-image{display:flex;flex-direction:column;justify-content:center;gap:1rem}.kitDigital-img{width:100%;max-width:420px;height:auto;border-radius:1.5rem;box-shadow:0 24px 50px #00000080}@media(max-width:900px){.hero-content{grid-template-columns:minmax(0,1fr)}.hero-image{justify-content:flex-start}.cards-grid,.security-grid{grid-template-columns:minmax(0,1fr)}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:minmax(0,1fr)}.footer-inner{grid-template-columns:minmax(0,1fr);text-align:left}.footer-right{text-align:left}.navbar-inner{flex-wrap:wrap}.nav-links{display:none}}@media(max-width:600px){.hero{padding-top:4rem}.hero-text h1{font-size:1.8rem}.process-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.kitDigital-layout{grid-template-columns:minmax(0,1fr)}}