:root{color:#10203a;background:#f5f8fc;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root,.app{width:100%;min-height:100%;margin:0}body{background:#f5f8fc}.container{width:min(1410px,92%);margin:0 auto}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #e2e9f2;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:74px;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-logo,.footer-logo{color:#fff;background:linear-gradient(135deg,#2ca8ff,#005df4);place-items:center;font-weight:900;display:grid;box-shadow:0 8px 24px #005ef438}.brand-logo{border-radius:13px;width:48px;height:48px;font-size:24px}.brand-name{letter-spacing:.5px;font-size:24px;font-weight:900}.brand-name span,.footer-brand span{color:#1768f6}.brand-sub{color:#7b8ba0;margin-top:2px;font-size:11px}nav{gap:12px;display:flex}nav a{color:#4d5d73;padding:12px 14px;font-size:14px;font-weight:700;position:relative}nav a.active,nav a:hover{color:#1468f5}nav a.active:after{content:"";background:#1468f5;border-radius:10px;height:2px;position:absolute;bottom:3px;left:14px;right:14px}.online-box{background:linear-gradient(135deg,#effcf6,#e8f8f1);border-radius:17px;justify-self:end;align-items:center;gap:10px;padding:9px 16px;display:flex}.online-dot{background:#11ba68;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #11ba681a}.online-box strong{color:#254b3a;font-size:12px;display:block}.online-box small{color:#718a7d;margin-top:1px;font-size:10px;display:block}.hero{background:linear-gradient(110deg,#fff 0%,#f5faff 48%,#e9f4ff 100%);border-bottom:1px solid #e1e9f3;padding:38px 0;position:relative;overflow:hidden}.hero-shape{pointer-events:none;background:#378bff0f;border-radius:50%;position:absolute}.hero-shape-1{width:420px;height:420px;top:-240px;right:-150px}.hero-shape-2{width:280px;height:280px;bottom:-230px;right:250px}.hero-layout{z-index:2;justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative}.hero-copy{flex:1}.hero-badge{color:#1267f2;letter-spacing:.8px;background:#e8f2ff;border-radius:999px;padding:7px 15px;font-size:11px;font-weight:900;display:inline-block}.hero h1{color:#0c1b37;letter-spacing:-2px;max-width:900px;margin:14px 0 8px;font-size:clamp(40px,4vw,62px);line-height:1}.hero h1 span{color:#116df5}.hero p{color:#687d9b;max-width:720px;margin:0;font-size:17px}.hero-service-box{background:#fffffff0;border:1px solid #d0dff0e6;border-radius:20px;align-items:center;gap:18px;min-width:285px;padding:22px 24px;display:flex;box-shadow:0 20px 45px #214d841a}.hero-service-icon{color:#176ef7;background:linear-gradient(135deg,#eef6ff,#e2efff);border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.hero-service-text strong{color:#1168f5;font-size:36px;line-height:1;display:block}.hero-service-text span{color:#62789a;margin-top:5px;font-size:13px;display:block}.services{background:linear-gradient(#f8fbff,#f2f7fd);padding:30px 0 44px}.section-header{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-label{color:#1267f2;letter-spacing:1.2px;font-size:11px;font-weight:900}.section-header h2{color:#12213b;letter-spacing:-.6px;margin:4px 0 0;font-size:30px}.section-header p{color:#7486a1;margin:0;font-size:13px}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.service-card{background:#fffffff7;border:1px solid #e0e8f2;border-radius:18px;grid-template-columns:76px 1fr 34px;align-items:center;gap:14px;min-height:118px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 7px 22px #23416a0f}.service-card:hover{border-color:#b9d2f8;transform:translateY(-4px);box-shadow:0 15px 35px #2659a424}.service-icon{color:#fff;border-radius:18px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 10px 22px #1268f533}.service-icon.azul{background:linear-gradient(135deg,#4eb8ff,#0069f7)}.service-icon.celeste{background:linear-gradient(135deg,#54d1ff,#0077f7)}.service-icon.violeta{background:linear-gradient(135deg,#9f8cff,#5149f6)}.service-icon.morado{background:linear-gradient(135deg,#b26dff,#6734e8)}.service-icon.facebook{background:linear-gradient(135deg,#3696ff,#0a57e8)}.service-data{min-width:0}.service-data h3{color:#14223b;margin:0;font-size:17px;font-weight:800}.service-data p{color:#75859b;white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:11px;overflow:hidden}.service-data span{color:#0868f5;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;display:block;overflow:hidden}.service-arrow{color:#1269f4;background:#eef5ff;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.service-card:hover .service-arrow{color:#fff;background:#1269f4;transform:translate(2px)}footer{background:#fff;border-top:1px solid #e1e8f1;padding:18px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo{border-radius:10px;width:38px;height:38px;font-size:18px}.footer-brand strong{font-size:15px;display:block}.footer-brand small{color:#8290a3;font-size:10px;display:block}.copyright{color:#7f8da0;font-size:11px}@media (width<=1150px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.header-inner{grid-template-columns:1fr auto}nav{display:none}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{align-items:flex-start}}@media (width<=620px){.online-box{display:none}.hero-layout{flex-direction:column}.hero-service-box{width:100%}.cards-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:6px}.service-card{grid-template-columns:66px 1fr 32px}.service-icon{border-radius:16px;width:62px;height:62px}}:root{--font-ui:"Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;--text-main:#0f172a;--text-soft:#475569;--text-link:#2563eb}html,body,#root{font-family:var(--font-ui);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body,button,input,select,textarea,a,span,p,h1,h2,h3,h4,h5,h6,div{font-family:var(--font-ui)}body{letter-spacing:0;font-size:15px;line-height:1.55}h1,h2,h3,h4,h5,h6{color:#0b1324;letter-spacing:-.02em}h1{font-size:48px;font-weight:800;line-height:1.08}h2{font-size:28px;font-weight:700;line-height:1.18}h3{font-size:20px;font-weight:700;line-height:1.25}p{color:var(--text-soft);font-size:15px;line-height:1.6}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}.hero h1,.hero-title{font-family:var(--font-ui);letter-spacing:-.03em;font-weight:800}.hero p,.hero-subtitle{color:#64748b;font-size:16px;line-height:1.65}.service-card h3,.service-card-title{color:#0f172a;font-size:17px;font-weight:700}.service-card p,.service-card-desc{color:#64748b;font-size:14px;line-height:1.55}.service-card a,.service-card-link{color:#2563eb;font-size:13px;font-weight:600}.nav a,.header a{color:#0f172a;font-size:14px;font-weight:600}.badge,.label,.tag,small{color:#64748b;font-size:12px;font-weight:600}a,.service-data span,.service-card-link,nav a,.header a{font-weight:400!important}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}