:root{
      --bg:#06162b;
      --bg-2:#0b2345;
      --bg-3:#132d53;
      --panel:rgba(255,255,255,.06);
      --panel-2:rgba(255,255,255,.08);
      --line:rgba(255,255,255,.12);
      --text:#f2f6ff;
      --muted:#cad6ea;
      --gold:#d2a64a;
      --gold-2:#f2d692;
      --green:#1fa867;
      --green-2:#16955b;
      --blue-btn:#1d2f4e;
      --blue-btn-2:#243b60;
      --shadow:0 18px 50px rgba(0,0,0,.26);
      --focus:#ffe08a;
      --container:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}

    body{
      margin:0;
      font-family:'Assistant',Arial,Helvetica,sans-serif;
      background:
        radial-gradient(circle at top left, rgba(210,166,74,.10), transparent 24%),
        radial-gradient(circle at top right, rgba(255,255,255,.04), transparent 22%),
        linear-gradient(90deg,#02152c 0%, #041a34 38%, #071a33 100%);
      color:var(--text);
      line-height:1.6;
      font-size:16px;
    }

    body.accessibility-readable{
      line-height:1.95;
      letter-spacing:.02em;
      word-spacing:.04em;
    }

    body.accessibility-readable p,
    body.accessibility-readable li,
    body.accessibility-readable a,
    body.accessibility-readable span,
    body.accessibility-readable summary,
    body.accessibility-readable button{
      font-size:1.08em;
    }

    body.accessibility-dark{
      background:#000 !important;
      color:#fff !important;
    }

    body.accessibility-dark .topbar,
    body.accessibility-dark .hero-card,
    body.accessibility-dark .service-card,
    body.accessibility-dark .trust-card,
    body.accessibility-dark .mini-card,
    body.accessibility-dark .cta-strip,
    body.accessibility-dark .footer-card,
    body.accessibility-dark .faq-list details,
    body.accessibility-dark .accessibility-panel{
      background:#111 !important;
      color:#fff !important;
      border-color:#fff !important;
    }

    body.accessibility-dark .brand-title,
    body.accessibility-dark .section-title,
    body.accessibility-dark .hero-title,
    body.accessibility-dark .hero-card-body h2,
    body.accessibility-dark .service-card h3,
    body.accessibility-dark .mini-card h3,
    body.accessibility-dark .faq-list summary,
    body.accessibility-dark .footer-card h4{
      color:#fff !important;
    }

    body.accessibility-dark .brand-sub,
    body.accessibility-dark .lead,
    body.accessibility-dark .section-sub,
    body.accessibility-dark .hero-card-body p,
    body.accessibility-dark .service-card p,
    body.accessibility-dark .mini-card p,
    body.accessibility-dark .faq-list p,
    body.accessibility-dark .footer-card p,
    body.accessibility-dark .trust-card span{
      color:#f0f0f0 !important;
    }

    body.accessibility-no-motion,
    body.accessibility-no-motion *{
      scroll-behavior:auto !important;
      transition:none !important;
      animation:none !important;
    }

    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    button{font:inherit}
    .container{width:min(100% - 28px,var(--container));margin:auto}

    a:focus-visible,
    button:focus-visible,
    summary:focus-visible{
      outline:3px solid var(--focus);
      outline-offset:3px;
      border-radius:14px;
    }

    .skip-link{
      position:absolute;
      right:16px;
      top:-52px;
      background:#fff;
      color:#000;
      padding:10px 14px;
      border-radius:10px;
      z-index:1000;
      font-weight:700;
    }

    .skip-link:focus{
      top:16px;
    }

    .topbar{
      position:relative;
      z-index:20;
      background:rgba(3,18,37,.9);
      border-bottom:1px solid rgba(255,255,255,.06);
    }

    .topbar-inner{
      min-height:96px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:14px 0;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:16px;
      min-width:0;
    }

    .brand-copy{
      min-width:0;
    }

    .brand-title{
      margin:0;
      font-size:1.35rem;
      font-weight:800;
      color:#fff;
      line-height:1.2;
    }

    .brand-sub{
      margin:6px 0 0;
      color:var(--muted);
      font-size:1rem;
    }

    .brand-logo{
      width:78px;
      height:78px;
      background:#fff;
      border-radius:18px;
      overflow:hidden;
      flex:0 0 auto;
      box-shadow:0 12px 28px rgba(0,0,0,.18);
    }

    .brand-logo img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .top-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:none;
      cursor:pointer;
      border-radius:999px;
      min-height:52px;
      padding:14px 22px;
      font-size:1rem;
      font-weight:800;
      transition:transform .18s ease, opacity .18s ease, background .18s ease;
      box-shadow:0 10px 24px rgba(0,0,0,.14);
      text-align:center;
      white-space:nowrap;
    }

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

    .btn-primary{
      background:linear-gradient(135deg,var(--gold),var(--gold-2));
      color:#111827;
    }

    .btn-secondary{
      background:rgba(255,255,255,.08);
      color:#fff;
      border:1px solid rgba(255,255,255,.12);
    }

    .btn-dark{
      background:linear-gradient(180deg,var(--blue-btn),var(--blue-btn-2));
      color:#fff;
      border:1px solid rgba(255,255,255,.08);
    }

    .btn-whatsapp{
      background:linear-gradient(135deg,var(--green),var(--green-2));
      color:#fff;
    }

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

    .hero-grid{
      display:grid;
      grid-template-columns:1fr 1.1fr;
      gap:28px;
      align-items:stretch;
    }

    .hero-card{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      border-radius:28px;
      overflow:hidden;
      box-shadow:var(--shadow);
      display:flex;
      flex-direction:column;
      min-height:620px;
    }

    .hero-photo-wrap{
      position:relative;
      min-height:395px;
      background:#dfe5ea;
      overflow:hidden;
    }

    .hero-photo-wrap img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .hero-card-body{
      padding:28px 24px 22px;
      background:linear-gradient(180deg, rgba(32,47,76,.96), rgba(19,33,58,.96));
      flex:1;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
    }

    .hero-card-body h2{
      margin:0 0 10px;
      color:#fff;
      font-size:2rem;
      line-height:1.1;
    }

    .hero-card-body p{
      margin:0;
      color:var(--muted);
      font-size:1.06rem;
    }

    .hero-copy{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-width:0;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 16px;
      border-radius:999px;
      background:rgba(210,166,74,.10);
      border:1px solid rgba(210,166,74,.30);
      color:var(--gold-2);
      font-size:.96rem;
      font-weight:800;
      margin-bottom:18px;
      width:max-content;
      max-width:100%;
    }

    .hero-title{
      margin:0 0 18px;
      font-size:clamp(2.2rem,4.8vw,4.2rem);
      line-height:1.04;
      font-weight:800;
      color:#fff;
      letter-spacing:-.02em;
    }

    .lead{
      margin:0 0 22px;
      color:var(--muted);
      font-size:1.14rem;
      max-width:760px;
    }

    .hero-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:18px;
    }

    .cta-strip{
      margin-top:18px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      background:rgba(255,255,255,.05);
      border:1px solid var(--line);
      border-radius:22px;
      padding:18px;
    }

    .cta-strip p{
      margin:0;
      color:#fff;
      font-size:1.08rem;
      font-weight:800;
    }

    .trust{
      padding:18px 0 8px;
    }

    .trust-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
    }

    .trust-card{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      border-radius:24px;
      padding:22px 20px;
      text-align:center;
      box-shadow:var(--shadow);
    }

    .trust-card strong{
      display:block;
      color:var(--gold-2);
      font-size:1.65rem;
      margin-bottom:6px;
    }

    .trust-card span{
      color:var(--muted);
      font-size:1rem;
    }

    .section{
      padding:24px 0;
    }

    .section-title{
      margin:0 0 16px;
      color:#fff;
      font-size:2.2rem;
      line-height:1.1;
    }

    .section-sub{
      margin:0 0 26px;
      color:var(--muted);
      font-size:1.08rem;
      max-width:920px;
    }

    .services-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }

    .service-card{
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:24px;
      padding:24px;
      box-shadow:var(--shadow);
    }

    .service-card h3{
      margin:0 0 10px;
      font-size:1.28rem;
      color:#fff;
    }

    .service-card p{
      margin:0;
      color:var(--muted);
    }

    .highlight-box{
      background:linear-gradient(135deg, rgba(17,40,74,.84) 0%, rgba(11,27,51,.94) 100%);
      border:2px solid rgba(210,166,74,.38);
      border-radius:28px;
      padding:34px 26px;
      box-shadow:var(--shadow);
    }

    .highlight-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
      margin-top:20px;
    }

    .mini-card{
      background:rgba(255,255,255,.05);
      border:1px solid var(--line);
      border-radius:18px;
      padding:20px;
    }

    .mini-card h3{
      margin:0 0 8px;
      color:var(--gold-2);
      font-size:1.18rem;
    }

    .mini-card p{
      margin:0;
      color:var(--muted);
    }

    .faq-list details{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      padding:16px 18px;
      border-radius:16px;
      margin-bottom:12px;
    }

    .faq-list summary{
      cursor:pointer;
      font-weight:800;
      color:#fff;
      list-style:none;
    }

    .faq-list summary::-webkit-details-marker{
      display:none;
    }

    .faq-list p{
      color:var(--muted);
      margin:12px 0 0;
    }

    .footer{
      padding:36px 0 36px;
    }

    .footer-card{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      border-radius:24px;
      padding:24px;
      color:var(--muted);
    }

    .footer-card h4{
      color:#fff;
      margin:0 0 10px;
      font-size:1.2rem;
    }

    .footer-links{
      margin-top:18px;
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    .legal-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
      margin-top:22px;
      text-align:right;
      border-top:1px solid var(--line);
      padding-top:20px;
    }

    .legal-block h5{
      color:#fff;
      border-bottom:2px solid var(--gold);
      display:inline-block;
      margin:0 0 12px;
      padding-bottom:4px;
      font-size:1rem;
    }

    .legal-block p{
      margin:0;
      color:var(--muted);
      font-size:.98rem;
    }

    .accessibility-toggle{
      position:fixed;
      left:18px;
      bottom:18px;
      z-index:9999;
      width:64px;
      height:64px;
      border-radius:50%;
      border:4px solid #ffffff;
      background:#0b4ea2;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 10px 25px rgba(0,0,0,.35);
      font-size:30px;
      cursor:pointer;
    }

    .accessibility-panel{
      position:fixed;
      left:18px;
      bottom:92px;
      z-index:9998;
      width:min(92vw,320px);
      background:rgba(8,20,38,.97);
      border:1px solid rgba(255,255,255,.15);
      border-radius:22px;
      box-shadow:0 18px 50px rgba(0,0,0,.35);
      padding:18px;
      display:none;
    }

    .accessibility-panel.active{
      display:block;
    }

    .accessibility-panel h3{
      margin:0 0 12px;
      font-size:1.15rem;
      color:#fff;
    }

    .accessibility-panel p{
      margin:0 0 14px;
      color:var(--muted);
      font-size:.95rem;
    }

    .accessibility-actions{
      display:grid;
      gap:10px;
    }

    .accessibility-actions button,
    .accessibility-actions a{
      width:100%;
      min-height:46px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.08);
      color:#fff;
      cursor:pointer;
      font-weight:800;
      padding:12px 14px;
      text-align:right;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .accessibility-actions button:hover,
    .accessibility-actions a:hover{
      background:rgba(255,255,255,.14);
    }

    .smart-check-section{
      padding:28px 0;
    }

    .smart-check-box{
      background:linear-gradient(135deg, rgba(17,40,74,.92) 0%, rgba(6,22,43,.98) 100%);
      border:2px solid rgba(210,166,74,.42);
      border-radius:30px;
      padding:34px 28px;
      box-shadow:var(--shadow);
    }

    .smart-check-grid{
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:24px;
      align-items:start;
      margin-top:22px;
    }

    .smart-steps{
      display:grid;
      gap:14px;
    }

    .smart-step{
      background:rgba(255,255,255,.055);
      border:1px solid var(--line);
      border-radius:20px;
      padding:18px;
    }

    .smart-step strong{
      display:block;
      color:var(--gold-2);
      font-size:1.1rem;
      margin-bottom:6px;
    }

    .smart-step span{
      color:var(--muted);
    }

    .lead-form{
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.14);
      border-radius:24px;
      padding:22px;
    }

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

    .form-field{
      display:flex;
      flex-direction:column;
      gap:7px;
    }

    .form-field.full{
      grid-column:1 / -1;
    }

    .form-field label{
      color:#fff;
      font-weight:800;
      font-size:.98rem;
    }

    .form-field input,
    .form-field select,
    .form-field textarea{
      width:100%;
      min-height:50px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.96);
      color:#071a33;
      padding:13px 14px;
      font-family:'Assistant',Arial,Helvetica,sans-serif !important;
      font-size:1rem;
      outline:none;
    }

    .form-field textarea{
      min-height:110px;
      resize:vertical;
    }

    .form-field input[type="file"]{
      padding:12px;
      background:#fff;
    }

    .form-note{
      margin:12px 0 0;
      color:var(--muted);
      font-size:.94rem;
    }

    .form-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      align-items:center;
      margin-top:16px;
    }

    .badge-price{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:8px 14px;
      border-radius:999px;
      color:#111827;
      background:linear-gradient(135deg,var(--gold),var(--gold-2));
      font-weight:900;
      margin-bottom:14px;
      width:max-content;
      max-width:100%;
    }

    .system-disclaimer{
      margin-top:16px;
      padding:14px 16px;
      border-radius:18px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.12);
      color:var(--muted);
      font-size:.95rem;
    }

    input, textarea, select, button{
      font-family:'Assistant',Arial,Helvetica,sans-serif !important;
    }

    @media (max-width:1080px){
      .hero-grid{
        grid-template-columns:1fr;
      }

      .services-grid,
      .trust-grid,
      .highlight-grid,
      .legal-grid{
        grid-template-columns:1fr 1fr;
      }
    }

    @media (max-width:760px){
      .topbar-inner{
        align-items:flex-start;
        flex-direction:column;
      }

      .top-actions{
        width:100%;
        flex-direction:column;
      }

      .brand{
        align-items:flex-start;
      }

      .brand-logo{
        width:68px;
        height:68px;
      }

      .brand-title{
        font-size:1.08rem;
      }

      .hero-card{
        min-height:auto;
      }

      .hero-photo-wrap{
        min-height:330px;
      }

      .services-grid,
      .trust-grid,
      .highlight-grid,
      .legal-grid,
      .smart-check-grid,
      .form-grid{
        grid-template-columns:1fr;
      }

      .footer-links{
        flex-direction:column;
      }

      .accessibility-toggle{
        width:58px;
        height:58px;
        left:12px;
        bottom:12px;
      }

      .accessibility-panel{
        left:12px;
        bottom:82px;
      }
    }

    /* font fix */
    html, body, body * {
      font-family: 'Assistant', Arial, Helvetica, sans-serif !important;
      letter-spacing: normal !important;
    }
    input, textarea, select, button, option, label, summary, a, p, span, div, h1, h2, h3, h4, h5, h6, strong, small {
      font-family: 'Assistant', Arial, Helvetica, sans-serif !important;
    }
    body {
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }