:root{--blue: #0B5CFF;--deep: #0A2A8A;--sky: #4DA3FF;--amber: #F5A524;--ink: #0B1220;--mist: #F2F4F8;--green: #1F9D57;--red: #E5484D;--bg: var(--mist);--surface: #FFFFFF;--text: var(--ink);--muted: #4A5568;--line: rgba(11, 18, 32, .1);--accent: var(--blue);--shadow: 0 10px 30px rgba(10, 42, 138, .12);--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--nav-h: 64px;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: var(--ink);--surface: #121B2E;--text: #E9EEF8;--muted: #A8B3C7;--line: rgba(233, 238, 248, .12);--accent: #6EA4FF;--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--bg: var(--ink);--surface: #121B2E;--text: #E9EEF8;--muted: #A8B3C7;--line: rgba(233, 238, 248, .12);--accent: #6EA4FF;--shadow: 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-h)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}img,svg,canvas{display:block;max-width:100%}h1,h2,h3{line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em}h2{font-size:clamp(2rem,5vw,3.25rem);font-weight:800}h3{font-size:1.2rem;font-weight:700}p{margin:0 0 1em}ul,ol{list-style:none;margin:0;padding:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--blue);color:#fff;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.8em}.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(16px,env(safe-area-inset-left));color:#fff;background:#0b122059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s,color .3s}.nav.scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--text);border-color:var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;font-size:1.15rem}.brand img{border-radius:8px}.nav-links{display:flex;gap:26px}.nav-links a{color:inherit;text-decoration:none;font-weight:600;font-size:.95rem;opacity:.85}.nav-links a:hover{opacity:1}.nav-end{display:flex;align-items:center;gap:10px}.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid currentColor;border-color:#7f8ca066;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.theme-toggle .i-moon,.is-dark .theme-toggle .i-sun{display:none}.is-dark .theme-toggle .i-moon{display:block}@media (max-width: 760px){.nav-links{display:none}}.btn{--tx: 0px;--ty: 0px;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;font:700 1rem/1 var(--font);text-decoration:none;cursor:pointer;border:0;background:var(--blue);color:#fff;transform:translate(var(--tx),var(--ty));transition:transform .25s var(--ease),box-shadow .25s,background .2s}.btn-small{min-height:40px;padding:0 16px;font-size:.9rem}.btn-ghost{background:#ffffff14;color:#fff;border:1.5px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{background:#ffffff29}.btn-3d{--rx: 0deg;--ry: 0deg;--gx: 50%;--gy: 50%;--lift: 6px;padding:0;background:var(--deep);position:relative;box-shadow:0 var(--lift) 0 var(--deep),0 14px 30px #0b5cff73;transform:perspective(600px) translate(var(--tx),calc(var(--ty) - var(--lift))) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d}.btn-face{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:inherit;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.38),transparent 55%),linear-gradient(180deg,#2C74FF,var(--blue));box-shadow:inset 0 1px #ffffff59}.btn-3d:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 28px 6px #4da3ffa6;transition:opacity .3s}.btn-3d:hover:after,.btn-3d:focus-visible:after{opacity:1}.btn-3d:active{--lift: 1px;box-shadow:0 1px 0 var(--deep),0 6px 14px #0b5cff66}[data-rise].pre{opacity:0;transform:translateY(26px)}[data-rise]{transition:opacity .8s var(--ease) var(--d, 0ms),transform .8s var(--ease) var(--d, 0ms)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}[data-rise].pre{transform:none}[data-rise]{transition:opacity .6s ease}.btn,.btn-3d{transform:none;transition:background .2s,box-shadow .2s}}.how{padding:120px 0 90px;text-align:center}.steps{display:grid;gap:20px;margin-top:44px;text-align:left}@media (min-width: 820px){.steps{grid-template-columns:repeat(3,1fr)}}.gl{--mx: 50%;--my: 0%;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);overflow:hidden}.gl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(77,163,255,.18),transparent 70%)}.gl:hover:before{opacity:1}.step svg{width:56px;height:56px;margin-bottom:18px;fill:none;stroke:var(--blue);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.is-dark .step svg{stroke:#6ea4ff}.step svg .ring{stroke:var(--sky);opacity:.55}.step svg .dot{fill:var(--amber);stroke:none}.step svg .fill-g{fill:var(--green);stroke:none}.step svg .fill-a{fill:var(--amber);stroke:none}.step h3{display:flex;align-items:center;gap:10px}.step h3 span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:.85rem}.step p,.fact p{color:var(--muted);margin:0}.privacy{padding:100px 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--blue) 7%,transparent))}.privacy h2{max-width:16ch}.facts{display:grid;gap:18px;margin-top:40px}@media (min-width: 700px){.facts{grid-template-columns:repeat(2,1fr)}}.fact{padding-left:64px}.fact:after{content:"";position:absolute;left:24px;top:30px;width:24px;height:24px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 15px no-repeat}.notify{padding:100px 0 120px}.notify-card{position:relative;text-align:center;padding:clamp(36px,6vw,64px) clamp(20px,5vw,64px);border-radius:32px;color:#fff;overflow:hidden;isolation:isolate;background:radial-gradient(70% 80% at 50% 0%,rgba(77,163,255,.45),transparent 70%),linear-gradient(160deg,var(--blue),var(--deep));box-shadow:0 30px 80px #0b5cff4d}.notify-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.5;background:repeating-radial-gradient(circle at 50% 12%,rgba(255,255,255,.12) 0 1.5px,transparent 1.5px 56px)}.notify-icon{margin:0 auto 22px;border-radius:18px;box-shadow:0 10px 30px #0000004d}.notify-card p{color:#ffffffe6;max-width:46ch;margin-inline:auto}.signup{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px auto 0;max-width:520px}.signup input{flex:1 1 240px;min-width:0;min-height:52px;padding:0 20px;border-radius:999px;font:500 1rem var(--font);border:2px solid rgba(255,255,255,.5);background:#fffffff2;color:var(--ink)}.signup input::placeholder{color:#5a6478}.signup input:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.signup .btn-3d{flex:0 0 auto}.notify .btn-3d{background:#061a5e;box-shadow:0 var(--lift) 0 #061a5e,0 14px 30px #00000059}.signup-msg{min-height:1.6em;margin:18px auto 0!important;font-weight:600}@media (max-width: 520px){.signup .btn-3d,.signup .btn-face{width:100%}}@media (max-width: 700px){.how{padding:72px 0 24px}.privacy{padding:56px 0}.notify{padding:56px 0 72px}.story{padding:80px 0 24px}}.footer{border-top:1px solid var(--line);padding:30px 0 calc(30px + env(safe-area-inset-bottom));font-size:.92rem;color:var(--muted)}.footer-in{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center}.footer p{margin:0}.footer ul{display:flex;flex-wrap:wrap;gap:8px 22px}.footer a{color:var(--muted);text-underline-offset:3px;overflow-wrap:anywhere}.footer a:hover{color:var(--text)}.legal{min-height:70vh;padding:calc(var(--nav-h) + 80px) 0 80px}.legal h1{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800}.legal p{color:var(--muted);max-width:52ch}
