:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f7f4ec;background:#06101b;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 72% 44%,#263240 0%,#101e2d 31%,#071320 65%,#030a12 100%)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ffdb8d;outline-offset:4px}button:hover{filter:brightness(1.085)}button:active{transform:translateY(1px)}
.gateway{max-width:1580px;min-height:100svh;margin:auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;overflow:hidden;isolation:isolate}
.copy-panel{z-index:2;padding:46px 0 36px clamp(26px,5vw,85px);position:relative}
.brand{display:flex;align-items:center;gap:13px}.brand img{width:76px;height:76px;filter:drop-shadow(0 0 20px #c9a35b30)}.wordmark{display:grid;gap:4px;line-height:1;white-space:nowrap}.wordmark strong{font-size:clamp(34px,3.3vw,51px);font-weight:850;letter-spacing:-.065em;background:linear-gradient(#fff1cb,#d5a65e);color:transparent;background-clip:text}.wordmark span{font-size:clamp(17px,1.7vw,26px);font-weight:850;letter-spacing:-.015em;color:#f5f1e9}.brand p{font-size:clamp(9px,.92vw,14px);letter-spacing:.22em;font-weight:670;margin:9px 0 0;color:#dad9d3;white-space:nowrap}
.rule{height:1px;width:min(485px,80%);margin:22px 0 28px 5px;background:linear-gradient(90deg,#f0c477,transparent)}.eyebrow{letter-spacing:.24em;font-weight:780;color:#ecc88d;font-size:12px;margin:0 0 13px}
h1{font-size:clamp(42px,4.5vw,72px);font-weight:810;letter-spacing:-.055em;line-height:1.03;margin:0 0 22px;max-width:650px}h1 em{font-style:normal;color:#f1c77d}.intro{color:#dbe1e5;font-size:clamp(18px,1.49vw,23px);line-height:1.46;max-width:630px;margin:0 0 31px}
.selling-points{display:grid;gap:17px;margin:0 0 35px}.selling-point{display:flex;align-items:center;gap:16px}.point-symbol{flex:none;border:1px solid #bc995b;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;color:#eccc8f;font-size:32px;font-weight:300}.selling-point strong{font-size:16px;letter-spacing:.08em;color:#efcf97}.selling-point p{font-size:15px;margin:5px 0 0;color:#dce2e8;line-height:1.3}
.install-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px}.platform-button{min-height:88px;border:1px solid #d8b478;border-radius:15px;padding:11px 13px;display:flex;align-items:center;justify-content:space-around;gap:7px}.platform-button.apple{background:linear-gradient(155deg,#fff0c7,#e9c588 58%,#b58140);color:#0b1118}.platform-button.android{background:linear-gradient(155deg,#1a2532,#050c14);color:#fff}.platform-button svg{width:37px;height:42px;flex:none}.platform-button span{display:grid;text-align:left}.platform-button small{font-size:14px;line-height:1}.platform-button strong{font-size:27px;line-height:1.14;letter-spacing:-.04em}.platform-button b{font-size:33px;font-weight:300}.share-button{grid-column:1/-1;min-height:57px;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:12px;border:1px solid #ad8a53;background:linear-gradient(155deg,#1b2939,#091420);color:#f7f3eb;font-size:17px;font-weight:700;letter-spacing:.05em}.share-button svg{width:27px;height:27px;color:#ecc989}.install-hint{font-size:12px;letter-spacing:.22em;color:#c9b994;text-align:center;max-width:600px;margin:19px 0 0}
.phone-panel{position:relative;display:grid;place-items:center;min-height:700px;padding:24px 22px 24px 4px}.halo{position:absolute;width:87%;aspect-ratio:1;background:radial-gradient(ellipse,#d0a86c27,transparent 69%);filter:blur(20px)}.gateway-phone{z-index:1;width:min(100%,740px);height:auto;max-height:calc(100svh - 25px);object-fit:contain;filter:drop-shadow(0 25px 38px #0008)}
.modal[hidden]{display:none}.modal{position:fixed;z-index:10;inset:0;background:#03070de9;display:grid;place-items:center;padding:18px}.modal-card{width:min(100%,540px);max-height:calc(100dvh - 36px);overflow:auto;background:linear-gradient(155deg,#182b3e,#0c1726);border:1px solid #b28b53;border-radius:24px;padding:26px;box-shadow:0 25px 70px #0009}.modal-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-bar img{border-radius:12px}.modal-bar button{border:1px solid #47596c;background:#203044;color:white;border-radius:10px;padding:9px 12px}.modal-card h2{font-size:29px;letter-spacing:-.035em;margin:0 0 19px}.install-step{background:#1d304380;border:1px solid #365069;padding:16px;border-radius:13px;margin-bottom:12px;display:grid;gap:7px}.install-step strong{color:#f4d395;font-size:16px}.install-step span{color:#e8eef3;font-size:15px;line-height:1.52}.modal-install{width:100%;border:0;border-radius:12px;min-height:52px;margin-top:10px;background:linear-gradient(135deg,#ffedc2,#d9aa65);color:#112033;font-weight:800}#installFeedback{min-height:17px;font-size:14px;color:#f0d399;line-height:1.55}.toast{position:fixed;z-index:30;bottom:18px;left:50%;transform:translateX(-50%);border-radius:10px;border:1px solid #ab8654;background:#172a3c;color:#fefcf5;padding:12px 17px;max-width:90%;box-shadow:0 10px 25px #0009}.toast:empty{display:none}
@media(max-width:930px){.gateway{grid-template-columns:1fr}.copy-panel{padding:28px 22px 20px;text-align:center}.brand{justify-content:center}.rule{margin:16px auto 22px}.intro{margin:0 auto 25px}.selling-points{width:max-content;max-width:100%;margin:0 auto 25px;text-align:left}.install-actions{margin:auto}.install-hint{max-width:none}.phone-panel{min-height:0;padding:0 16px 22px}.gateway-phone{width:min(100%,530px);max-height:none}}
@media(max-width:460px){.brand{gap:10px}.brand img{height:55px;width:55px}.wordmark strong{font-size:33px}.wordmark span{font-size:17px}.brand p{font-size:9px;letter-spacing:.13em}.eyebrow{font-size:10px}h1{font-size:43px}.intro{font-size:17px}.selling-point{gap:11px}.point-symbol{height:51px;width:51px;font-size:27px}.selling-point strong{font-size:13px}.selling-point p{font-size:13px}.platform-button{min-height:72px;padding:9px 5px;gap:4px}.platform-button svg{width:27px;height:34px}.platform-button strong{font-size:19px}.platform-button small{font-size:12px}.platform-button b{font-size:22px}.install-actions{gap:8px}.copy-panel{padding:21px 14px 17px}.phone-panel{padding:0 3px 15px}.gateway-phone{max-width:425px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}