:root{
  --blue:#00a3e8; --black:#000; --fg:#fff; --muted:#a3a9b0; --line:#23272c;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#000;color:var(--fg);font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

.wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}

/* LEFT */
.left{background:var(--black);display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(28px,5vw,72px)}
.logo{display:inline-block}
.logo img{display:block;height:clamp(44px,6vw,80px);width:auto}

.pill{display:inline-block;background:#fff;color:#000;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:99px;margin-bottom:22px}
h1{font-size:clamp(2.3rem,4.6vw,4.2rem);line-height:1.05;font-weight:300;margin:0 0 20px}
h1 em{font-style:normal;color:var(--blue)}
.mid p{color:var(--muted);line-height:1.7;max-width:54ch;margin:0 0 28px;font-size:.95rem}

.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 26px;border-radius:99px;font-size:.78rem;font-weight:600;text-decoration:none;transition:opacity .2s}
.btn.p{background:var(--blue);color:#fff}
.btn.s{background:#fff;color:#000}
.btn:hover{opacity:.85}

.contact{border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact h3{margin:0 0 6px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:600}
.contact a,.contact p{color:#fff;text-decoration:none;font-size:.88rem;line-height:1.6;margin:0}
.contact a:hover{text-decoration:underline}
.full{grid-column:1/-1}

.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:.7rem;color:var(--muted);margin-top:28px}
.soc{display:flex;gap:10px}
.soc a{width:34px;height:34px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:.7rem;font-weight:600;transition:.2s}
.soc a:hover{background:var(--blue);border-color:var(--blue)}

/* RIGHT */
.right{position:relative;min-height:100%;overflow:hidden;background:#04121f}
.right img,.right video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tag{z-index:1;position:absolute;left:32px;right:32px;bottom:32px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px 22px;font-size:.85rem;line-height:1.5}
.tag small{display:block;color:var(--blue);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;margin-bottom:4px}

/* RESPONSIVE */
@media(max-width:860px){
  .wrap{grid-template-columns:1fr}
  .right{order:-1;min-height:36vh}
  .tag{display:none}
}
@media(max-width:480px){.contact{grid-template-columns:1fr}}