body{margin:0;background:#f4f8fe}
.gb{--navy:#0b1b45;--blue:#0a63e8;--blue-d:#0750c2;--ink:#3b4a66;--muted:#6b7a95;--line:#dfe7f3;
  font-family:Outfit,system-ui,sans-serif;color:#3b4a66;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.1) 100%),url("../images/6de11397b47d951902579b1baf0fdbc0.webp") center bottom/cover no-repeat #f4f8fe}
.gb *,.gb *::before,.gb *::after{box-sizing:border-box}
.gb h1,.gb h2,.gb h3,.gb p{margin:0}
.gb img{max-width:100%;display:block}
.gb .gb-wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 20px}

/* top bar */
.gb .gb-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.gb .gb-logo{width:220px;height:auto;mix-blend-mode:multiply}
.gb .gb-tag{position:relative;padding-bottom:10px;font-size:14px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#0b1b45;color:var(--navy)}
.gb .gb-tag::after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:2px;margin-left:-28px;background:#0a63e8;background:var(--blue);border-radius:2px}

/* headline */
.gb .gb-hero{padding:26px 0 0;text-align:center}
.gb h1{font-weight:800;font-size:clamp(36px,6.2vw,80px);line-height:1;letter-spacing:-.035em;color:#0b1b45;color:var(--navy)}
.gb h1 span{display:block;color:#0a63e8;color:var(--blue)}
.gb .gb-sub{max-width:900px;margin:18px auto 0;font-size:clamp(17px,1.7vw,23px);line-height:1.4;color:#3b4a66}

/* video + form */
.gb .gb-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:34px}
.gb .gb-video{padding:8px;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(11,27,69,.16),0 0 0 1px rgba(11,27,69,.05)}
.gb .gb-video .ratio{border-radius:12px;overflow:hidden;background:#0b1b45}
.gb .gb-video iframe{border:0}
.gb .gb-card{padding:30px 30px 22px;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(11,27,69,.12),0 0 0 1px rgba(11,27,69,.05);text-align:center}
.gb .gb-card h2{font-weight:800;font-size:clamp(26px,2.5vw,34px);line-height:1.15;letter-spacing:-.02em;color:#0b1b45;color:var(--navy)}
.gb .gb-card-sub{margin-top:8px;font-size:17px;line-height:1.4;color:#3b4a66}
.gb .gb-card form.form,.gb .gb-card #form-submit{margin:22px 0 0;padding:0;text-align:left}
.gb .gb-card .gb-field{position:relative;margin:0 0 16px}
.gb .gb-card .gb-field .bi{position:absolute;left:18px;top:50%;margin-top:-9px;font-size:18px;line-height:18px;color:#6b7a95;pointer-events:none}
.gb .gb-card input.form-control{width:100%;height:54px;padding:0 18px 0 50px;border:1.5px solid #d7dfec;border-radius:8px;background:#fff;box-shadow:none;font-family:Outfit,sans-serif;font-size:17px;color:#0b1b45}
.gb .gb-card input.form-control:focus{border-color:#0a63e8;box-shadow:0 0 0 3px rgba(10,99,232,.14);outline:none}
.gb .gb-card input.form-control::placeholder{color:#6b7a95}
.gb .gb-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;margin-top:4px;padding:10px 18px;border:0;border-radius:8px;background:linear-gradient(180deg,#1673f5 0%,#0a5fe0 100%);color:#fff;font-family:Outfit,sans-serif;font-size:17px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 22px rgba(10,99,232,.32);cursor:pointer;transition:filter .15s,transform .15s}
.gb .gb-btn:hover,.gb .gb-btn:focus{filter:brightness(1.07);color:#fff;outline:none}
.gb .gb-btn:active{transform:translateY(1px)}
.gb .gb-safe{margin:16px 0 0;text-align:center;font-size:14px;color:#3b4a66}
.gb .gb-safe .bi{margin-right:8px;color:#3b4a66}
.gb .gb-ref{margin:18px 0 0;padding-top:14px;text-align:center;border-top:1px solid #dfe7f3;font-size:14px;color:#6b7a95}
.gb .gb-ref-name{font-weight:600;color:#3b4a66}
.gb .form_ontainer #error:empty,.gb .form_ontainer #success:empty{display:none}
.gb .form_ontainer #error:not(:empty){margin-top:14px;padding:8px 12px;border-radius:8px;background:#fdecea;color:#a1260d;font-size:14px}
.gb .form_ontainer #success:not(:empty){margin-top:14px;padding:8px 12px;border-radius:8px;background:#e7f1ff;color:#0750c2;font-size:14px}
.gb #processing-block{display:none;text-align:center}
.gb #processing-block img{display:inline-block}

.gb-preloader{font-family:Outfit,sans-serif;position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(255,255,255,.92);font-size:18px;font-weight:600;color:#0b1b45}
.gb-preloader p{margin:0}
.gb-spin{width:46px;height:46px;border:4px solid #d7e5fb;border-top-color:#0a63e8;border-radius:50%;animation:gbSpin .8s linear infinite}
@keyframes gbSpin{to{transform:rotate(360deg)}}

/* features */
.gb .gb-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.gb .gb-feat{display:flex;align-items:flex-start;gap:20px;padding:26px 26px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(11,27,69,.08),0 0 0 1px rgba(11,27,69,.04)}
.gb .gb-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:82px;height:82px;border-radius:50%;background:#e8f1fe;color:#0a63e8;font-size:38px}
.gb .gb-feat h3{font-weight:800;font-size:23px;line-height:1.2;color:#0b1b45}
.gb .gb-feat p{margin-top:6px;font-size:17px;line-height:1.45;color:#6b7a95}

/* tagline + footer */
.gb .gb-line{display:flex;align-items:center;justify-content:center;gap:36px;margin:40px 0 0;text-align:center;font-size:clamp(18px,1.9vw,24px);font-weight:500;color:#0b1b45}
.gb .gb-line::before,.gb .gb-line::after{content:"";flex:0 0 80px;height:2px;background:#cfe0f8}
.gb .gb-foot{margin-top:40px;padding:20px 0 26px;border-top:1px solid #dfe7f3;text-align:center;font-size:13px;color:#6b7a95}
.gb .gb-foot a{color:#6b7a95}
.gb .gb-foot a:hover{color:#0a63e8}

@media (max-width:1100px){.gb .gb-feat{padding:22px 18px;gap:14px}.gb .gb-ico{width:64px;height:64px;font-size:30px}.gb .gb-feat h3{font-size:20px}.gb .gb-feat p{font-size:15.5px}}
@media (max-width:900px){
  .gb{background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.55) 100%),url("../images/6de11397b47d951902579b1baf0fdbc0.webp") center bottom/cover no-repeat #f4f8fe}
  .gb .gb-main{grid-template-columns:1fr;gap:22px;max-width:640px;margin-left:auto;margin-right:auto}
  .gb .gb-feats{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto;gap:14px}
}
@media (max-width:600px){
  .gb .gb-top{padding:12px 0}
  .gb .gb-logo{width:150px}
  .gb .gb-tag{font-size:11px;letter-spacing:.18em;padding-bottom:7px}
  .gb .gb-hero{padding-top:16px}
  .gb h1{font-size:clamp(26px,8.5vw,46px)}
  .gb .gb-sub{font-size:16.5px;margin-top:12px}
  .gb .gb-main{margin-top:22px}
  .gb .gb-video{padding:5px;border-radius:14px}
  .gb .gb-card{padding:22px 16px 16px}
  .gb .gb-btn{font-size:15.5px;letter-spacing:.08em}
  .gb .gb-line{gap:14px;font-size:17px}.gb .gb-line::before,.gb .gb-line::after{flex-basis:28px}
}

/* DESKTOP 16:9: the whole first screen (header to tagline) scales with the window so it all fits above the fold.
   Sizes are in --u units of a 1536 x 1060 layout; the footer sits just below. */
@media (min-width:1000px) and (min-aspect-ratio:4/3){
  .gb{--u:min(calc(100vh / 1060), calc(100vw / 1536))}
  .gb .gb-wrap{max-width:calc(1340 * var(--u));padding:0}
  .gb .gb-top{padding:calc(8 * var(--u)) 0}
  .gb .gb-logo{width:calc(240 * var(--u))}
  .gb .gb-tag{font-size:max(calc(14 * var(--u)),11px);padding-bottom:calc(10 * var(--u))}
  .gb .gb-tag::after{width:calc(56 * var(--u));margin-left:calc(-28 * var(--u))}
  .gb .gb-hero{padding-top:calc(18 * var(--u))}
  .gb h1{font-size:calc(76 * var(--u));line-height:.98}
  .gb .gb-sub{margin-top:calc(14 * var(--u));font-size:max(calc(22 * var(--u)),15px)}
  .gb .gb-main{grid-template-columns:calc(800 * var(--u)) calc(430 * var(--u));justify-content:center;gap:calc(34 * var(--u));margin-top:calc(24 * var(--u))}
  .gb .gb-main{align-items:stretch}
  .gb .gb-card{display:flex;flex-direction:column;justify-content:center}
  .gb .gb-video{padding:calc(8 * var(--u));border-radius:calc(18 * var(--u))}
  .gb .gb-card{padding:calc(24 * var(--u)) calc(28 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u))}
  .gb .gb-card h2{font-size:calc(32 * var(--u))}
  .gb .gb-card-sub{margin-top:calc(6 * var(--u));font-size:max(calc(16 * var(--u)),13px)}
  .gb .gb-card form.form,.gb .gb-card #form-submit{margin-top:calc(16 * var(--u))}
  .gb .gb-card .gb-field{margin-bottom:calc(12 * var(--u))}
  .gb .gb-card input.form-control{height:calc(48 * var(--u));padding-left:calc(46 * var(--u));font-size:max(calc(16 * var(--u)),13px)}
  .gb .gb-card .gb-field .bi{left:calc(16 * var(--u));font-size:calc(17 * var(--u));line-height:calc(17 * var(--u));margin-top:calc(-8.5 * var(--u))}
  .gb .gb-btn{min-height:calc(50 * var(--u));font-size:max(calc(16 * var(--u)),13px)}
  .gb .gb-safe{margin-top:calc(12 * var(--u));font-size:max(calc(13 * var(--u)),11px)}
  .gb .gb-ref{margin-top:calc(12 * var(--u));padding-top:calc(10 * var(--u));font-size:max(calc(13 * var(--u)),11px)}
  .gb .gb-feats{margin-top:calc(32 * var(--u));gap:calc(24 * var(--u))}
  .gb .gb-feat{gap:calc(18 * var(--u));padding:calc(20 * var(--u)) calc(22 * var(--u));border-radius:calc(14 * var(--u))}
  .gb .gb-ico{width:calc(72 * var(--u));height:calc(72 * var(--u));font-size:calc(32 * var(--u))}
  .gb .gb-feat h3{font-size:calc(22 * var(--u))}
  .gb .gb-feat p{margin-top:calc(4 * var(--u));font-size:max(calc(16 * var(--u)),12.5px);line-height:1.4}
  .gb .gb-line{margin-top:calc(26 * var(--u));gap:calc(36 * var(--u));font-size:max(calc(22 * var(--u)),14px)}
  .gb .gb-line::before,.gb .gb-line::after{flex-basis:calc(80 * var(--u))}
  .gb .gb-foot{margin-top:calc(24 * var(--u))}
}