*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#071a2f;
  --navy-2:#0b2647;
  --blue:#1476ff;
  --cyan:#14c7e7;
  --green:#20c66f;
  --white:#fff;
  --ink:#10233b;
  --muted:#607089;
  --soft:#f4f8fd;
  --line:#dce7f3;
  --shadow:0 22px 60px rgba(7,26,47,.14);
}
html{scroll-behavior:smooth}
body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,231,243,.8)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-weight:900;letter-spacing:.5px;box-shadow:0 10px 24px rgba(20,118,255,.25)}
.brand strong{display:block;font-size:1rem;color:var(--navy)}
.brand small{display:block;color:var(--muted);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:28px;font-size:.95rem;font-weight:700}
.nav-links>a:not(.nav-cta):hover{color:var(--blue)}
.nav-cta{background:var(--navy);color:white;padding:12px 18px;border-radius:999px}
.menu-btn{display:none;border:0;background:transparent;font-size:1.8rem;color:var(--navy);cursor:pointer}

.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#f9fcff 0%,#edf6ff 52%,#f7ffff 100%);padding:94px 0 84px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:2}
.eyebrow{font-weight:900;font-size:.78rem;letter-spacing:.16em;color:var(--blue);margin-bottom:14px}
.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;color:var(--navy);margin-bottom:26px}
.hero h1 span{background:linear-gradient(90deg,var(--blue),#13a7c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{font-size:1.13rem;color:var(--muted);max-width:670px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border-radius:13px;font-weight:800;transition:.25s ease;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue),#0c9ac2);color:white;box-shadow:0 14px 28px rgba(20,118,255,.22)}
.btn-secondary{background:white;border-color:var(--line);color:var(--navy)}
.quick-contact{display:flex;gap:12px;flex-wrap:wrap}
.quick-contact a{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:14px;padding:11px 14px}
.quick-contact small,.quick-contact strong{display:block}
.quick-contact small{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.quick-contact strong{font-size:.9rem}
.contact-icon{width:34px;height:34px;border-radius:10px;background:#eaf4ff;display:grid;place-items:center;color:var(--blue);font-weight:900}

.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}
.portrait-card{position:relative;width:min(420px,86%);background:rgba(255,255,255,.94);padding:18px;border-radius:36px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.85)}
.portrait-ring{border-radius:28px;overflow:hidden;background:white}
.portrait-ring img{width:100%;aspect-ratio:1/1;object-fit:cover}
.profile-caption{padding:18px 8px 6px;text-align:center}
.profile-caption strong{display:block;font-size:1.3rem;color:var(--navy)}
.profile-caption span{font-size:.88rem;color:var(--muted)}
.floating-card{position:absolute;background:white;border:1px solid var(--line);box-shadow:0 16px 35px rgba(12,47,86,.15);border-radius:15px;padding:13px 16px;font-weight:800;font-size:.86rem}
.card-one{left:-6px;top:120px}
.card-two{right:-8px;bottom:92px}
.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.48}
.hero-glow-one{width:340px;height:340px;background:#77d9ff;right:-110px;top:-130px}
.hero-glow-two{width:260px;height:260px;background:#9fd6ff;left:-130px;bottom:-80px}

.trust-strip{background:var(--navy);color:white}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid>div{padding:25px 22px;border-right:1px solid rgba(255,255,255,.12)}
.trust-grid>div:last-child{border-right:0}
.trust-grid strong,.trust-grid span{display:block}
.trust-grid strong{font-size:1rem}
.trust-grid span{font-size:.78rem;color:#afc2d9;margin-top:3px}

.section{padding:100px 0}
.section-heading{max-width:760px;margin-bottom:45px}
.section-heading h2,.about-copy h2,.cta-card h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.04em;color:var(--navy)}
.section-heading p:not(.eyebrow){color:var(--muted);margin-top:16px;font-size:1.05rem}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.service-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:white;transition:.25s ease}
.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(7,26,47,.1);border-color:#bdd8f5}
.service-icon{width:48px;height:48px;border-radius:14px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:20px}
.service-card h3{font-size:1.2rem;margin-bottom:10px}
.service-card p{color:var(--muted);font-size:.92rem}
.service-card ul{list-style:none;margin-top:18px;display:grid;gap:8px;font-size:.87rem;font-weight:700}
.service-card li:before{content:"✓";color:var(--blue);margin-right:8px}

.about{background:var(--soft)}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.about-card{background:linear-gradient(135deg,var(--blue),var(--cyan));padding:12px;border-radius:32px;box-shadow:var(--shadow)}
.about-card img{border-radius:24px;width:100%;aspect-ratio:1/1;object-fit:cover}
.about-copy>p:not(.eyebrow){margin-top:22px;color:var(--muted);font-size:1.05rem}
.skills{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.skills span{background:white;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:.84rem;font-weight:800}
.text-link{color:var(--blue);font-weight:900}

.process{background:white}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.process-step{position:relative;padding-top:18px}
.process-step span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:white;font-weight:900;margin-bottom:18px}
.process-step h3{font-size:1.05rem;margin-bottom:8px}
.process-step p{font-size:.9rem;color:var(--muted)}

.cta-section{padding:20px 0 100px}
.cta-card{background:linear-gradient(135deg,var(--navy),#0b3b6d);color:white;padding:58px;border-radius:32px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;box-shadow:var(--shadow)}
.cta-card .eyebrow{color:#64d8ff}
.cta-card h2{color:white}
.cta-card p:not(.eyebrow){color:#c0d2e8;margin-top:16px;max-width:680px}
.cta-actions{display:grid;gap:12px}
.btn-light{background:white;color:var(--navy)}
.btn-whatsapp{background:var(--green);color:white}

.footer{background:#04111f;color:white;padding:52px 0 24px}
.footer-grid{display:flex;justify-content:space-between;gap:35px;padding-bottom:34px}
.footer-grid strong{font-size:1.2rem}
.footer-grid p{color:#8ea8c4;margin-top:6px}
.footer-grid>div:last-child{display:grid;gap:5px;text-align:right;color:#c9d8e8}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;color:#8ea8c4;font-size:.84rem}

.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--green);color:white;border-radius:999px;padding:12px 18px;box-shadow:0 12px 30px rgba(32,198,111,.28);display:flex;align-items:center;gap:8px;font-size:.9rem}
.whatsapp-float span{font-size:1.15rem}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width:980px){
  .menu-btn{display:block}
  .nav-links{position:absolute;left:20px;right:20px;top:72px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:18px;display:none;flex-direction:column;align-items:stretch;gap:4px}
  .nav-links.open{display:flex}
  .nav-links a{padding:11px 12px}
  .hero-grid,.about-grid,.cta-card{grid-template-columns:1fr}
  .hero{padding-top:65px}
  .hero-visual{min-height:480px}
  .service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid>div:nth-child(2){border-right:0}
  .trust-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .cta-actions{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .container{width:min(100% - 28px,1160px)}
  .nav{height:72px}
  .brand-mark{width:42px;height:42px;border-radius:12px;font-size:.9rem}
  .brand strong{font-size:.9rem}
  .brand small{font-size:.62rem}
  .hero{padding:52px 0 64px}
  .hero h1{font-size:3.05rem}
  .hero-text{font-size:1rem}
  .hero-actions,.quick-contact{flex-direction:column}
  .hero-actions .btn,.quick-contact a{width:100%}
  .hero-visual{min-height:410px}
  .portrait-card{width:86%;border-radius:28px}
  .floating-card{font-size:.72rem;padding:10px 12px}
  .card-one{left:-2px;top:72px}
  .card-two{right:-2px;bottom:54px}
  .trust-grid,.service-grid,.process-grid,.cta-actions{grid-template-columns:1fr}
  .trust-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .trust-grid>div:last-child{border-bottom:0!important}
  .section{padding:76px 0}
  .cta-section{padding-bottom:76px}
  .cta-card{padding:34px 24px;border-radius:24px}
  .footer-grid,.footer-bottom{flex-direction:column}
  .footer-grid>div:last-child{text-align:left}
  .whatsapp-float b{display:none}
  .whatsapp-float{width:52px;height:52px;padding:0;justify-content:center}
}