:root{color-scheme:dark;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#07070a;color:#fff}.page{min-height:100%;background:#07070a}.hero{position:relative;overflow:hidden;width:100%}.heroVideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:0}.heroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#0000001a,#0000002e 45%,#000000bf)}.heroTapLayer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:transparent;border:0;padding:0;margin:0;cursor:pointer}.heroFlash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:grid;place-items:center}.heroFlashIcon{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:#0a0a0e8c;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 50px #00000080,inset 0 1px #ffffff0d;font-size:26px;line-height:1;animation:heroFlashPop .65s ease forwards}@keyframes heroFlashPop{0%{transform:scale(.92);opacity:0}18%{transform:scale(1);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(.98);opacity:0}}.heroContent{position:absolute;z-index:4;left:50%;transform:translate(-50%);width:min(760px,calc(100% - 32px));bottom:calc(72px + 16px + var(--sab));padding-left:calc(16px + var(--sal));padding-right:calc(16px + var(--sar))}.heroTitle{margin:0 0 10px;font-size:46px;line-height:1.05;letter-spacing:-.02em}.heroDesc{margin:0;font-size:16px;line-height:1.5;color:#ffffffc7;max-width:520px}.heroControls{position:absolute;z-index:5;left:50%;transform:translate(-50%);width:min(760px,calc(100% - 32px));bottom:calc(72px + 16px + var(--sab) - 54px);padding-left:calc(16px + var(--sal));padding-right:calc(16px + var(--sar));display:flex;gap:10px}.heroBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.1);background:#0a0a0e8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffeb;padding:12px 14px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff0d}.heroBtn:active{transform:translateY(1px)}.heroBtnIcon{font-size:18px;line-height:1}.heroBtnText{font-size:14px;font-weight:700;letter-spacing:-.01em}.surface{position:relative;z-index:10;margin-top:-72px;padding:0 16px calc(64px + var(--sab))}.card{position:relative;z-index:11;margin:0 auto 18px;max-width:760px;padding:18px 18px 20px;border-radius:22px;background:#0f0f14db;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0a}.cardHeader{margin:0 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.01em}.cardText{margin:0;color:#ffffffb8;line-height:1.6;font-size:16px}@media (max-width: 380px){.heroTitle{font-size:40px}.heroBtnText{display:none}.heroBtn{padding:12px}}