:root{
      --blue:#1574e5;
      --blue2:#2fa8ef;
      --navy:#08172f;
      --text:#0f1c31;
      --muted:#68758c;
      --line:#dfe7f1;
      --bg:#f7fbff;
      --white:#fff;
      --green:#25d366;
      --max:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:var(--bg);
      color:var(--text);
    }

    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select{font:inherit}
    button{cursor:pointer}

    .container{
      width:min(calc(100% - 34px),var(--max));
      margin:auto;
    }

    /* HEADER */
    .header{
      position:sticky;
      top:0;
      z-index:60;
      background:#fff;
      border-bottom:1px solid var(--line);
      box-shadow:0 4px 18px rgba(14,43,82,.04);
    }

    .header-inner{
      min-height:58px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }

    .logo{
      width:150px;
      height:auto;
      object-fit:contain;
      display:block;
      background:#fff;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:50px;
      padding:0 22px;
      border:0;
      border-radius:13px;
      font-weight:800;
      transition:.18s ease;
    }

    .btn:hover{transform:translateY(-1px)}

    .btn-blue{
      color:white;
      background:linear-gradient(135deg,var(--blue),var(--blue2));
      box-shadow:0 12px 28px rgba(21,116,229,.22);
    }

    .btn-green{
      color:white;
      background:var(--green);
      box-shadow:0 12px 28px rgba(37,211,102,.22);
    }

    .btn-white{
      color:#0b63bc;
      background:#fff;
    }

    /* HERO */
    .hero{
      padding:42px 0 32px;
      background:
        radial-gradient(circle at 12% 0%,rgba(47,168,239,.12),transparent 30rem),
        linear-gradient(180deg,#fff 0%,#f8fbff 100%);
    }

    .hero-content{
      text-align:center;
      max-width:1080px;
      margin:auto;
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      background:#edf6ff;
      border:1px solid #cadff8;
      color:#0d5fb8;
      font-size:12px;
      font-weight:800;
    }

    .pill::before{
      content:"";
      width:7px;
      height:7px;
      border-radius:50%;
      background:var(--blue);
    }

    h1{
      margin:20px auto 16px;
      max-width:1060px;
      font-size:clamp(38px,5vw,64px);
      line-height:.97;
      letter-spacing:-.055em;
      text-transform:uppercase;
    }

    h1 span{color:var(--blue)}

    .hero p{
      max-width:760px;
      margin:0 auto;
      color:#5a677e;
      font-size:18px;
      line-height:1.65;
    }

    .hero-actions{
      margin-top:26px;
      display:flex;
      justify-content:center;
      gap:10px;
      flex-wrap:wrap;
    }

    .micro{
      margin-top:16px;
      color:#7c889b;
      font-size:12px;
      font-weight:800;
    }

    /* FORM CARD */
    .lead-section{
      padding:0 0 64px;
    }

    .lead-card{
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:34px;
      align-items:center;
      padding:34px;
      border-radius:28px;
      color:white;
      background:linear-gradient(135deg,#156cd4,#2aa8ee);
      box-shadow:0 22px 55px rgba(21,116,229,.18);
    }

    .lead-copy h2{
      margin:0 0 10px;
      font-size:clamp(30px,3.5vw,44px);
      line-height:1.05;
      letter-spacing:-.04em;
    }

    .lead-copy p{
      margin:0;
      max-width:470px;
      color:#e8f5ff;
      font-size:14px;
      line-height:1.6;
    }

    .lead-form{
      padding:21px;
      border-radius:20px;
      background:white;
      color:var(--text);
    }

    .form-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:11px;
    }

    .field{
      display:grid;
      gap:6px;
    }

    .field label{
      font-size:11px;
      font-weight:800;
      color:#526078;
    }

    .field input,
    .field select{
      width:100%;
      min-height:46px;
      padding:0 13px;
      border:1px solid #d9e3ef;
      border-radius:11px;
      background:#fbfdff;
      color:var(--text);
      outline:none;
    }

    .field input:focus,
    .field select:focus{
      border-color:#8bc5ff;
      box-shadow:0 0 0 4px rgba(47,168,239,.08);
    }

    .lead-form .btn{
      width:100%;
      margin-top:12px;
    }

    .form-note{
      margin:8px 0 0;
      text-align:center;
      color:#8a95a6;
      font-size:10px;
    }

    /* OFFICE */
    .office-section{
      padding:0 0 72px;
    }

    .office-card{
      display:grid;
      grid-template-columns:.82fr 1.18fr;
      gap:42px;
      align-items:center;
      padding:34px;
      border-radius:28px;
      background:white;
      border:2px solid #d7e8fb;
      box-shadow:0 18px 45px rgba(15,54,105,.07);
    }

    .eyebrow{
      color:var(--blue);
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.13em;
    }

    .office-copy h2,
    .time-copy h2,
    .proof-copy h2{
      margin:9px 0 12px;
      font-size:clamp(34px,4vw,52px);
      line-height:1.05;
      letter-spacing:-.045em;
    }

    .office-copy p{
      margin:0 0 20px;
      color:var(--muted);
      line-height:1.65;
    }

    .location-tag{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-bottom:18px;
      padding:9px 12px;
      border-radius:999px;
      background:#edf6ff;
      color:#1568bd;
      font-size:12px;
      font-weight:800;
    }

    .office-images{
      display:grid;
      grid-template-columns:1.45fr .55fr;
      gap:12px;
      align-items:stretch;
      min-height:410px;
    }

    .office-images img{
      position:static;
      width:100%;
      height:410px;
      object-fit:cover;
      border-radius:22px;
      box-shadow:0 22px 50px rgba(8,21,47,.18);
      background:#eef3f8;
    }

    .office-images .main{
      width:100%;
      height:410px;
      object-position:center;
    }

    .office-images .secondary{
      width:100%;
      height:410px;
      object-position:center;
      border:0;
    }

    /* TIME */
    .time-section{
      padding:72px 0;
      background:white;
    }

    .time-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:48px;
      align-items:center;
    }

    .time-visual{
      padding:28px;
      border-radius:24px;
      background:linear-gradient(145deg,#0a1833,#0c2f61);
      color:white;
      text-align:center;
    }

    .time-big{
      font-size:clamp(90px,11vw,150px);
      line-height:.82;
      letter-spacing:-.075em;
      font-weight:800;
      color:#39b4ff;
    }

    .time-visual p{
      margin:22px 0 0;
      color:#b7c6db;
      font-size:14px;
      line-height:1.6;
    }

    .time-copy p{
      margin:0 0 20px;
      color:var(--muted);
      font-size:16px;
      line-height:1.7;
    }

    .time-points{
      display:grid;
      gap:9px;
      margin-bottom:22px;
    }

    .time-points div{
      font-size:13px;
      font-weight:700;
      color:#42516b;
    }

    .time-points div::before{
      content:"✓";
      color:var(--blue);
      margin-right:8px;
      font-weight:900;
    }

    /* PROOF */
    .proof-section{
      padding:68px 0;
      background:var(--navy);
      color:white;
    }

    .proof-grid{
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:44px;
      align-items:center;
    }

    .proof-number{
      font-size:clamp(64px,8vw,110px);
      line-height:.88;
      letter-spacing:-.07em;
      font-weight:800;
      background:linear-gradient(135deg,#fff,#70ceff);
      -webkit-background-clip:text;
      color:transparent;
    }

    .proof-copy p{
      margin:0 0 21px;
      color:#adbed7;
      line-height:1.65;
    }

    .proof-lines{
      display:grid;
      gap:10px;
    }

    .proof-line{
      display:flex;
      justify-content:space-between;
      gap:16px;
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.11);
      font-weight:800;
    }

    .proof-line span{
      color:#91a5c2;
      font-size:12px;
      font-weight:600;
    }

    /* FINAL CTA */
    .final{
      padding:70px 0;
    }

    .final-box{
      padding:42px 28px;
      border-radius:26px;
      text-align:center;
      color:white;
      background:linear-gradient(145deg,#116cd4,#2ba8ee);
      box-shadow:0 22px 55px rgba(21,116,229,.19);
    }

    .final-box h2{
      max-width:820px;
      margin:0 auto 10px;
      font-size:clamp(34px,4vw,52px);
      line-height:1.04;
      letter-spacing:-.045em;
    }

    .final-box p{
      margin:0 auto 22px;
      max-width:620px;
      color:#eaf6ff;
    }

    /* FOOTER */
    .footer{
      background:#07152f;
      color:white;
      padding:42px 0 100px;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr .85fr;
      gap:34px;
      align-items:start;
    }

    .footer-logo{
      width:150px;
      margin-bottom:16px;
      padding:7px 9px;
      border-radius:10px;
      background:#fff;
    }

    .footer-about{
      max-width:430px;
      color:#aabbd2;
      font-size:13px;
      line-height:1.7;
    }

    .footer h3{
      margin:0 0 12px;
      font-size:14px;
    }

    .footer-links{
      display:grid;
      gap:8px;
      color:#aabbd2;
      font-size:12px;
    }

    .footer-bottom{
      margin-top:34px;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.1);
      color:#8294ae;
      font-size:11px;
    }

    .float-whatsapp{
      position:fixed;
      right:18px;
      bottom:18px;
      z-index:75;
      width:58px;
      height:58px;
      display:grid;
      place-items:center;
      border-radius:50%;
      color:white;
      background:var(--green);
      box-shadow:0 14px 34px rgba(37,211,102,.3);
      font-size:25px;
    }

    .mobile-cta{display:none}

    @media(max-width:920px){
      .lead-card,
      .office-card,
      .time-grid,
      .proof-grid{
        grid-template-columns:1fr;
      }

      .office-images{
        min-height:380px;
      }
    }

    @media(max-width:680px){
      .container{
        width:min(calc(100% - 24px),var(--max));
      }

      .header-inner{
        min-height:54px;
      }

      .logo{
        width:132px;
      }

      .header .btn{
        min-height:42px;
        padding:0 13px;
        font-size:11px;
      }

      .hero{
        padding:30px 0 24px;
      }

      h1{
        font-size:32px;
      }

      .hero p{
        font-size:15px;
      }

      .hero-actions{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        gap:6px;
      }

      .hero-actions .btn{
        width:100%;
        min-width:0;
        padding:0 5px;
        min-height:46px;
        font-size:clamp(9px,2.5vw,13px);
        white-space:nowrap;
        letter-spacing:-.02em;
      }

      .lead-section{
        padding-bottom:48px;
      }

      .lead-card{
        padding:22px;
        gap:22px;
      }

      .lead-copy{
        text-align:center;
      }

      .form-grid{
        grid-template-columns:1fr;
      }

      .office-section{
        padding-bottom:52px;
      }

      .office-card{
        padding:22px;
      }

      .office-images{
        grid-template-columns:1fr;
        min-height:0;
      }

      .office-images img,
      .office-images .main,
      .office-images .secondary{
        width:100%;
        height:240px;
      }

      .time-section{
        padding:55px 0;
      }

      .time-grid{
        gap:25px;
      }

      .proof-section{
        padding:55px 0;
      }

      .footer-grid{
        grid-template-columns:1fr;
      }

      .mobile-cta{
        display:block;
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:70;
        padding:10px 12px;
        background:rgba(255,255,255,.96);
        border-top:1px solid var(--line);
        backdrop-filter:blur(12px);
      }

      .mobile-cta .btn{
        width:100%;
      }

      .float-whatsapp{
        bottom:80px;
        width:52px;
        height:52px;
      }

      .footer{
        padding-bottom:120px;
      }
    }

/* Compact logo frame removes the transparent vertical margins visually. */
.logo{height:40px;object-fit:cover;background:transparent;}
.footer-logo{height:44px;object-fit:cover;}
@media(max-width:680px){.logo{height:34px;} .header .btn{min-height:36px;}}

/* Centered footer and site development credit. */
.footer{text-align:center;}
.footer-grid{grid-template-columns:1.15fr .85fr .85fr;justify-items:center;}
.footer-about{margin-inline:auto;}
.footer-links{justify-items:center;}
.site-credit{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;}
.site-credit>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#aabbd2;}
.site-credit .footer-logo{margin:0;}
.micro{line-height:1.8;}
@media(max-width:680px){.footer-grid{grid-template-columns:1fr;}}

/* Single floating contact button on mobile. */
.float-whatsapp svg{display:block;flex:none;}
@media(max-width:680px){.float-whatsapp{bottom:18px;bottom:calc(18px + env(safe-area-inset-bottom));}.footer{padding-bottom:86px;}.pill{font-size:10px;}}