:root{
  --bg:#09090d;--panel:#121218;--ink:#f7f3ea;--muted:#aaa6a0;--line:#2d2d36;--gold:#d9b36c;--gold2:#f4e0b6;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{min-height:100vh;background:radial-gradient(circle at 14% 6%,rgba(217,179,108,.16),transparent 29%),radial-gradient(circle at 92% 88%,rgba(217,179,108,.08),transparent 32%),#09090d}button{font:inherit}
.gateway-shell{width:min(1180px,100%);min-height:calc(100vh - 54px);margin:0 auto;padding:clamp(24px,4vw,58px);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(330px,.72fr);gap:clamp(28px,5vw,78px);align-items:center}
.gateway-install{position:relative;z-index:2}.gateway-brand{display:flex;align-items:center;gap:12px;margin-bottom:clamp(22px,4vh,48px)}.gateway-mark{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:900;font-size:13px;box-shadow:0 0 0 6px rgba(217,179,108,.04)}.gateway-brand div:last-child{display:flex;flex-direction:column;gap:2px}.gateway-brand strong{font-size:20px;color:var(--gold2);letter-spacing:-.02em}.gateway-brand span{font-size:12px;color:var(--muted)}
.gateway-kicker{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.gateway-copy h1{font-size:clamp(46px,6.7vw,86px);line-height:.94;letter-spacing:-.058em;margin:12px 0 18px;max-width:760px}.gateway-copy p{font-size:clamp(16px,1.7vw,20px);line-height:1.55;color:var(--muted);max-width:680px;margin:0}
.gateway-actions{margin-top:28px;width:min(620px,100%)}.gateway-install-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gateway-btn{border-radius:15px;min-height:54px;padding:13px 18px;font-weight:850;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease,border-color .16s ease}.gateway-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.gateway-btn:focus-visible{outline:3px solid rgba(244,224,182,.35);outline-offset:3px}.gateway-btn.primary{background:var(--gold);color:#16120c}.gateway-btn.share{width:100%;margin-top:12px;background:#17171e;color:var(--ink);border-color:#34343f}.gateway-note{font-size:12px;color:var(--muted);margin:11px 2px 0}.gateway-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.gateway-trust span{font-size:11px;font-weight:800;color:#d7d1c8;border:1px solid #34343e;border-radius:999px;padding:8px 10px;background:rgba(20,20,27,.72)}
.phone-showcase{position:relative;display:grid;place-items:center;min-height:650px}.phone-glow{position:absolute;width:82%;height:72%;border-radius:50%;background:rgba(217,179,108,.11);filter:blur(70px)}.phone-frame{position:relative;z-index:1;width:min(330px,80vw);aspect-ratio:9/18.8;border-radius:48px;background:#050506;border:2px solid #3a3939;padding:11px;box-shadow:0 50px 120px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.05);transform:rotate(1.3deg)}.phone-screen{height:100%;overflow:hidden;border-radius:38px;background:#0b0b0f;display:flex;flex-direction:column;position:relative}.phone-speaker{position:absolute;z-index:4;top:17px;left:50%;transform:translateX(-50%);width:86px;height:25px;background:#050506;border-radius:0 0 15px 15px}.preview-top{height:58px;display:flex;align-items:center;gap:8px;padding:15px 14px 9px;font-weight:800;font-size:12px}.preview-logo{width:24px;height:24px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:7px}.preview-live{margin-left:auto;border:1px solid #413439;background:#1a1316;border-radius:999px;padding:6px 8px;font-size:8px;letter-spacing:.08em}.preview-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff6b6b;margin-right:4px}.preview-camera{margin:5px 12px 0;flex:1;min-height:0;border-radius:24px;background:#0d0d11;border:1px solid #302d2d;position:relative;overflow:hidden}.preview-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.preview-label{position:absolute;top:14px;left:14px;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:rgba(8,8,11,.72);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 8px}.preview-controls{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.preview-controls b{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(9,9,12,.8);border:1px solid rgba(255,255,255,.15);font-size:12px}.preview-dialogue{margin:10px 12px;padding:11px 12px;background:#14141a;border:1px solid #282831;border-radius:16px}.preview-dialogue small{font-size:7px;color:var(--gold);font-weight:900;letter-spacing:.12em}.preview-dialogue p{font-size:9px;line-height:1.45;color:#d8d3cc;margin:5px 0 0}.preview-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px 10px 13px}.preview-nav span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#77737a}.preview-nav span.active{color:var(--gold2)}.preview-nav em{font-style:normal;font-size:7px;font-weight:800}
.gateway-footer{height:54px;display:flex;align-items:center;justify-content:center;gap:10px;color:#77737b;font-size:12px}.gateway-footer a{color:#aaa6a0;text-decoration:none}.gateway-footer a:hover{text-decoration:underline}
@media(max-width:760px){
  .gateway-shell{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding:18px 16px 36px;gap:28px}.gateway-install{order:1}.phone-showcase{order:2;min-height:auto;padding:4px 0 18px}.gateway-brand{margin-bottom:16px}.gateway-mark{width:38px;height:38px}.gateway-brand strong{font-size:18px}.gateway-copy h1{font-size:clamp(39px,11vw,57px);margin:8px 0 10px}.gateway-copy p{font-size:15px;line-height:1.45}.gateway-kicker{font-size:10px}.gateway-actions{margin-top:18px}.gateway-btn{min-height:50px;padding:11px 10px;font-size:14px}.gateway-note{font-size:11px}.gateway-trust{margin-top:14px;gap:6px}.gateway-trust span{font-size:10px;padding:6px 8px}.phone-frame{width:min(300px,78vw);transform:none}.gateway-footer{height:46px}
}
@media(max-width:350px){.gateway-install-row{gap:8px}.gateway-btn{font-size:12px;padding-left:7px;padding-right:7px}.gateway-copy h1{font-size:37px}.gateway-trust{display:none}}
@media(max-height:620px) and (max-width:760px){.gateway-shell{padding-top:12px}.gateway-brand{margin-bottom:9px}.gateway-copy h1{font-size:35px;margin:5px 0 7px}.gateway-copy p{font-size:13px;line-height:1.35}.gateway-actions{margin-top:12px}.gateway-btn{min-height:46px}.gateway-note{margin-top:7px}.gateway-trust{display:none}}