:root{
  --navy:#061a33;
  --navy-2:#0a2444;
  --blue:#008cff;
  --blue-2:#00b7ff;
  --mint:#00e39a;
  --white:#ffffff;
  --muted:#aebbd0;
  --text:#0a1b32;
  --line:rgba(255,255,255,.14);
  --shadow:0 28px 80px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--text);
  background:#f6f9fd;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:20;
  background:rgba(4,18,36,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;font-size:1.45rem;letter-spacing:-.04em}
.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(0,140,255,.45))}
.brand>span>span{color:var(--mint)}
.nav-links{display:flex;align-items:center;gap:24px;color:#d9e7f7;font-weight:700;font-size:.92rem}
.nav-links a{opacity:.9}.nav-links a:hover{opacity:1;color:var(--mint)}
.nav-cta{padding:12px 17px;border:1px solid rgba(0,227,154,.45);background:rgba(0,227,154,.12);border-radius:999px;color:#fff!important}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.7rem}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#06162c 0%,#08264a 58%,#020814 100%);padding:98px 0 72px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,227,154,.16),transparent 22%,transparent 70%,rgba(0,140,255,.18));pointer-events:none}
.hero:after{content:"";position:absolute;inset:-20% -10% auto auto;width:560px;height:560px;background:radial-gradient(circle,rgba(0,140,255,.34),transparent 62%);filter:blur(10px)}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:36px 36px;opacity:.55}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.eyebrow{margin:0 0 16px;color:var(--mint);font-size:.84rem;font-weight:900;text-transform:uppercase;letter-spacing:.22em}
h1{font-size:clamp(3.8rem,9vw,7.6rem);line-height:.86;margin:0 0 26px;text-transform:uppercase;letter-spacing:-.07em}
.hero-text{font-size:1.15rem;line-height:1.8;color:#d9e6f5;max-width:650px;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:15px 22px;font-weight:900;letter-spacing:.01em;border:1px solid transparent;transition:.2s ease}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:linear-gradient(135deg,var(--mint),#00c985);color:#06162c;box-shadow:0 16px 38px rgba(0,227,154,.24)}
.btn.secondary{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.08)}
.quick-info{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.quick-info span{background:linear-gradient(135deg,#00e39a,#00b7ff);color:#031327;padding:11px 14px;border-radius:999px;font-size:.86rem;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hero-card{position:relative;padding:18px 18px 20px;border-radius:32px;background:radial-gradient(circle at 50% 18%,rgba(0,140,255,.18),transparent 48%),linear-gradient(180deg,rgba(2,8,20,.92),rgba(4,16,32,.78));border:1px solid rgba(0,140,255,.24);box-shadow:var(--shadow),0 0 54px rgba(0,140,255,.16);overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:18px;border-radius:26px;background:linear-gradient(135deg,rgba(0,227,154,.08),transparent 34%,rgba(0,140,255,.10));pointer-events:none}
.hero-card img{position:relative;z-index:1;border-radius:20px;mix-blend-mode:screen;filter:drop-shadow(0 22px 45px rgba(0,0,0,.5));opacity:.96}
.mini-card{position:relative;z-index:2;margin:10px auto 0;width:min(88%,520px);padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,rgba(0,227,154,.16),rgba(0,140,255,.12));border:1px solid rgba(0,227,154,.28);display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.mini-card strong{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;white-space:nowrap}
.mini-card span{color:#dce8f7;font-weight:600}
.section{padding:86px 0}.section-heading{max-width:720px;margin-bottom:34px}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:0 0 16px;letter-spacing:-.055em;color:#071b35}.section p{line-height:1.75;color:#586980;font-size:1.02rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--navy);background:#fff;box-shadow:0 20px 60px rgba(6,26,51,.08)}.service-grid article{display:flex;align-items:center;gap:18px;padding:24px 28px;border-bottom:1px solid #e3eaf2}.service-grid article:nth-child(odd){border-right:1px solid #e3eaf2}.service-grid article:nth-last-child(-n+2){border-bottom:0}.service-grid span{font-size:1.9rem;color:var(--mint);font-weight:900}.service-grid h3{margin:0;font-size:1.12rem;color:#081c35}.notice{background:var(--navy);color:var(--mint);padding:19px 26px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.dark-panel{background:linear-gradient(135deg,#06162c,#071f3f);color:#fff;position:relative;overflow:hidden}.dark-panel:before{content:"";position:absolute;inset:auto -150px -200px auto;width:480px;height:480px;border:1px solid rgba(0,227,154,.18);border-radius:50%}.dark-panel h2,.dark-panel p{color:#fff}.dark-panel .eyebrow{color:var(--mint)}.process-grid{display:grid;grid-template-columns:.78fr 1fr;gap:56px;align-items:start}.steps{display:grid;gap:16px}.step{display:flex;gap:18px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055)}.step>span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--mint),var(--blue));display:grid;place-items:center;color:#06162c;font-weight:900;flex:0 0 auto}.step h3{margin:0 0 6px;color:#fff}.step p{margin:0;color:#c5d3e4}.callout{background:#fff}.callout-card{display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(135deg,var(--navy),#0b2a50);border-radius:30px;padding:42px 48px;box-shadow:var(--shadow);position:relative;overflow:hidden}.callout-card:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border:2px solid rgba(0,227,154,.22);border-radius:50%}.callout-card h2,.callout-card p{color:#fff}.callout-card strong{font-size:clamp(4rem,8vw,7rem);color:var(--mint);letter-spacing:-.08em;z-index:1}.area-section{background:#f6f9fd}.split{display:grid;grid-template-columns:.85fr 1fr;gap:46px;align-items:center}.area-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.area-tags span{border:1px solid #b9c6d5;background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:#112640}.poster-card{padding:14px;background:#fff;border:1px solid #dce5ef;box-shadow:0 20px 60px rgba(6,26,51,.08);border-radius:24px}.poster-card img{border-radius:16px}.trust-section{background:#06162c;color:#fff;padding:70px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-grid article{padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}.trust-grid span{display:inline-block;color:var(--mint);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;margin-bottom:18px}.trust-grid h3{margin:0 0 10px;color:#fff;font-size:1.28rem}.trust-grid p{margin:0;color:#c9d6e6}.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}.contact-details{display:grid;gap:12px;margin-top:26px}.contact-details a,.contact-details p{margin:0;padding:16px 18px;background:#f6f9fd;border-left:5px solid var(--mint);border-radius:14px;color:#0a1b32;font-weight:700}.contact-form{display:grid;gap:15px;padding:28px;border-radius:26px;background:#f6f9fd;border:1px solid #dce5ef}.contact-form label{display:grid;gap:8px;color:#142840;font-weight:800}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cdd9e7;background:#fff;border-radius:14px;padding:14px 16px;font:inherit;color:#0a1b32;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,140,255,.1)}.footer{background:#031020;color:#b6c5d8;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.92rem}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;background:linear-gradient(135deg,var(--mint),#00c985);color:#031327;padding:15px 18px;border-radius:999px;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.28)}
@media (max-width:850px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:4%;right:4%;top:76px;flex-direction:column;align-items:flex-start;background:#06162c;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px}.nav-links.open{display:flex}.hero{padding:72px 0 52px}.hero-grid,.process-grid,.split,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article:nth-child(odd){border-right:0}.service-grid article:nth-last-child(2){border-bottom:1px solid #e3eaf2}.mini-card{position:static;margin-top:16px;flex-direction:column}.callout-card{align-items:flex-start;flex-direction:column}.trust-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}h1{font-size:4.2rem}}
@media (max-width:520px){.brand{font-size:1.15rem}.brand img{width:44px;height:44px}.nav{height:68px}.nav-links{top:68px}.service-grid article{padding:20px}.section{padding:64px 0}.hero-actions .btn{width:100%}.quick-info span{width:100%;text-align:center}.callout-card{padding:30px 24px}.floating-whatsapp{left:18px;right:18px;text-align:center}.hero-card{padding:18px}}

/* Professional motion polish */
@keyframes logoFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-10px) scale(1.015); }
}
@keyframes softPulse {
  0%, 100% { opacity: .18; transform: scale(.96); }
  50% { opacity: .34; transform: scale(1.04); }
}
@keyframes badgeGlow {
  0%, 100% { box-shadow: 0 14px 34px rgba(0,0,0,.22), 0 0 0 rgba(0,227,154,0); }
  50% { box-shadow: 0 18px 42px rgba(0,0,0,.28), 0 0 26px rgba(0,227,154,.18); }
}
@keyframes subtleSlide {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes whatsappPulse {
  0%, 100% { transform: translateY(0); box-shadow:0 18px 40px rgba(0,0,0,.28), 0 0 0 rgba(0,227,154,0); }
  50% { transform: translateY(-4px); box-shadow:0 22px 48px rgba(0,0,0,.34), 0 0 28px rgba(0,227,154,.22); }
}


.hero-card::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:70%;
  height:70%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,140,255,.38), transparent 65%);
  filter:blur(22px);
  animation:softPulse 4.8s ease-in-out infinite;
  pointer-events:none;
}
.hero-card img{
  animation:logoFloat 4.2s ease-in-out infinite;
  transform-origin:center;
  will-change:transform;
}
.mini-card{
  animation:badgeGlow 3.6s ease-in-out infinite;
}
.service-grid article,
.step,
.trust-grid article,
.contact-form,
.poster-card,
.callout-card{
  animation:subtleSlide .7s ease both;
}
.service-grid article:nth-child(2){animation-delay:.04s}
.service-grid article:nth-child(3){animation-delay:.08s}
.service-grid article:nth-child(4){animation-delay:.12s}
.service-grid article:nth-child(5){animation-delay:.16s}
.service-grid article:nth-child(6){animation-delay:.20s}
.service-grid article:nth-child(7){animation-delay:.24s}
.service-grid article:nth-child(8){animation-delay:.28s}
.service-grid article:nth-child(9){animation-delay:.32s}
.service-grid article:nth-child(10){animation-delay:.36s}
.btn{
  position:relative;
  overflow:hidden;
}
.floating-whatsapp{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:30;
  overflow:hidden;
  animation:whatsappPulse 2.8s ease-in-out infinite;
}
.btn::after,
.floating-whatsapp::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -70%;
  width:46%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  transition:left .55s ease;
}
.btn:hover::after,
.floating-whatsapp:hover::after{
  left:125%;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition:none!important;
  }
}