:root{--accent:var(--blue);--accent-light:var(--blue-l);--bg-soft:#eef6ff;--hero:#06203f;--head:'Archivo',sans-serif;--mono:'JetBrains Mono',monospace;--grad:linear-gradient(135deg,var(--blue),#1f63e8)}
  html{scroll-padding-top:100px}
  ::selection{background:var(--blue);color:#fff}
  @keyframes mq{to{transform:translateX(-50%)}}
  @keyframes revealUp{from{transform:translateY(28px)}to{transform:none}}
  [data-reveal]{animation:revealUp .7s cubic-bezier(.16,1,.3,1)}
  .cardh{transition:transform .3s,box-shadow .3s,border-color .3s}
  .cardh:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(9,54,116,.14);border-color:var(--accent-light)}
  .segh{transition:transform .3s,box-shadow .3s,border-color .3s}
  .segh:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(9,54,116,.12);border-color:var(--accent-light)}
  .arr{transition:gap .2s}.cardh:hover .arr,.segh:hover .arr{gap:12px}
  @media(max-width:900px){
    .svc-herogrid{grid-template-columns:1fr!important;gap:40px!important}
    .svc-cards{grid-template-columns:1fr!important}
    .svc-gal{grid-template-columns:1fr!important}
    .svc-delivery{grid-template-columns:1fr!important}
    .svc-steps{grid-template-columns:1fr 1fr!important}
    .svc-segs{grid-template-columns:1fr 1fr!important}
  }
  @media(max-width:560px){.svc-steps,.svc-segs{grid-template-columns:1fr!important}}
  /* Popup forma modal */
  .cmodal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
  .cmodal.open{display:flex}
  .cmodal-ov{position:absolute;inset:0;background:rgba(4,21,48,.62);backdrop-filter:blur(6px)}
  .cmodal-box{position:relative;z-index:1;width:100%;max-width:480px;background:var(--mesh);color:#fff;border-radius:26px;padding:38px 34px;box-shadow:0 40px 90px rgba(4,21,48,.55);overflow:hidden;animation:cmIn .35s cubic-bezier(.16,1,.3,1)}
  @keyframes cmIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
  .cmodal-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(52,124,255,.42),transparent 60%);filter:blur(20px);top:-220px;left:60%;pointer-events:none}
  .cmodal-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:2}
  .cmodal-x:hover{background:rgba(255,255,255,.16)}
  .cmodal-box .lbl{position:relative;z-index:1;font:600 11px/1 var(--mono);letter-spacing:.18em;color:var(--accent-light);text-transform:uppercase}
  .cmodal-box h3{position:relative;z-index:1;font-family:var(--head);font-weight:900;font-size:26px;letter-spacing:-.02em;margin:12px 0 8px}
  .cmodal-box p{position:relative;z-index:1;font-family:var(--head);font-size:14px;line-height:1.55;color:#a9c0e6;margin:0 0 22px}
  .cmodal-box .inp{height:50px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:0 16px;color:#fff;font:500 14px/1 var(--head);width:100%;margin-bottom:12px;position:relative;z-index:1}
  .cmodal-box .inp::placeholder{color:#7e96c2}
  .cmodal-box .note{position:relative;z-index:1;font:600 12px/1 var(--mono);color:#88a4d4;margin-top:14px;display:flex;align-items:center;gap:8px}
  .cmodal-box .ok{position:relative;z-index:1;text-align:center;padding:18px 0;font-family:var(--head);font-size:15px;color:#cfe0ff}