:root{--ink: #1B1D30;--text: #FFFFFF;--text-secondary: rgba(255, 255, 255, .82);--text-faint: rgba(255, 255, 255, .58);--accent: #A9ECE1;--red-close: #FF8A84;--glass-bg: rgba(255, 255, 255, .12);--glass-bg-strong:rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 18px 55px rgba(6, 8, 30, .4);--radius: 20px;--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#12132b}.bg-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:#12132b}.bg-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/hero.jpg);background-repeat:no-repeat;background-position:50% 46%;background-size:116% auto;will-change:background-size,background-position,transform;animation:kenburns 46s ease-in-out infinite alternate}.bg-mist{position:absolute;left:-40%;right:-40%;top:40%;height:42%;background:radial-gradient(60% 60% at 30% 50%,rgba(255,255,255,.1),transparent 70%),radial-gradient(50% 55% at 65% 45%,rgba(214,224,255,.08),transparent 70%);filter:blur(14px);will-change:transform;animation:mist 40s linear infinite}.bg-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(95% 60% at 50% 40%,rgba(9,10,32,.34),transparent 72%),linear-gradient(180deg,#090a2057,#090a200d 34%,#090a201a 60%,#090a2075)}@keyframes kenburns{0%{background-size:116% auto;background-position:50% 46%}to{background-size:126% auto;background-position:46% 41%}}@keyframes mist{0%{transform:translate(-8%)}50%{transform:translate(8%)}to{transform:translate(-8%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.fade-up{opacity:0;animation:fadeUp .75s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0ms)}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;animation:slideDown .5s cubic-bezier(.22,1,.36,1) both}.nav-logo{font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:.18em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}.nav-links{display:flex;align-items:center;gap:10px}.nav-link{color:#ffffffe0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;text-decoration:none;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--glass-border);transition:color .2s ease,transform .25s ease,background .2s ease}.nav-link:hover{color:#fff;transform:translateY(-2px);background:var(--glass-bg-strong)}.hero{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 24px 32px;max-width:820px;margin:0 auto;width:100%}.hero-eyebrow{font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:24px;padding:7px 16px;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--glass-border);border-radius:999px}.hero-headline{font-family:var(--font-display);font-weight:300;font-size:clamp(3rem,8.5vw,5.4rem);line-height:1.06;letter-spacing:-.02em;color:#fff;margin-bottom:22px;text-shadow:0 2px 40px rgba(8,10,32,.45)}.hero-headline em{font-style:normal;font-weight:500;color:var(--accent);text-shadow:0 0 34px rgba(169,236,225,.45)}.hero-sub{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);max-width:500px;margin-bottom:40px;text-shadow:0 1px 22px rgba(8,10,32,.5)}.download-form{width:100%;max-width:520px}.input-row{display:flex;gap:8px;padding:8px;background:var(--glass-bg);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid var(--glass-border);border-radius:999px;box-shadow:var(--glass-shadow);transition:box-shadow .25s ease,background .25s ease}.input-row:focus-within{background:var(--glass-bg-strong);box-shadow:0 20px 60px #06081e80}.email-input{flex:1;height:48px;padding:0 20px;border:none;background:transparent;font-family:var(--font-body);font-size:.98rem;color:#fff;outline:none;min-width:0}.email-input::placeholder{color:#fff9}.email-input--error{animation:shake .35s ease}.input-row:has(.email-input--error){box-shadow:0 0 0 2px #ff8a8499,var(--glass-shadow)}.btn-download{height:48px;padding:0 26px;background:#fff;color:var(--ink);border:none;border-radius:999px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 6px 22px #0000004d;position:relative;overflow:hidden}.btn-download:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #00000061;background:#f4fbfa}.btn-download:active:not(:disabled){transform:scale(.97)}.btn-download:disabled{cursor:not-allowed;opacity:.85}.btn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(27,29,48,.3);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.btn-download.loading .btn-label{display:none}.btn-download.loading .btn-spinner{display:block}.btn-download.success{background:var(--accent);pointer-events:none}.form-reassurance{font-size:.78rem;color:var(--text-faint);margin:14px 0 10px}.form-meta{display:flex;align-items:center;justify-content:center;gap:18px}.btn-text{color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .15s ease}.btn-text:hover{color:#fff}.form-fine{font-size:.82rem;color:var(--text-faint);letter-spacing:.02em}.form-error{margin-top:10px;font-size:.82rem;color:var(--red-close);min-height:1.2em}.footer{text-align:center;padding:28px 24px 34px;font-size:.82rem;color:var(--text-faint)}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:var(--text-secondary)}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#08091c80;z-index:500;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-backdrop.open{display:flex}.modal{background:#1a1c34b8;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:34px 30px 26px;max-width:520px;width:100%;box-shadow:0 40px 100px #04051499;position:relative;animation:modalIn .35s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto;color:#fff}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid var(--glass-border);color:#fffc;cursor:pointer;padding:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.modal-close:hover{color:#fff;background:#ffffff38}.modal-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.modal-title{font-family:var(--font-display);font-size:1.7rem;font-weight:500;letter-spacing:-.01em;color:#fff;margin-bottom:6px;line-height:1.15}.modal-sub{font-size:.92rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.install-option{background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:20px;margin-bottom:12px}.install-option--recommended{border-color:#a9ece180;background:#a9ece117}.option-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.option-badge{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:#10333a;padding:3px 9px;border-radius:20px}.option-tag{font-size:.74rem;font-weight:600;color:var(--text-secondary);background:#ffffff1a;padding:3px 9px;border-radius:20px}.option-title{font-size:.95rem;font-weight:700;color:#fff}.option-desc{font-size:.86rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.option-steps{font-size:.86rem;color:var(--text-secondary);padding-left:18px;margin-bottom:12px;line-height:1.8}.option-steps kbd{background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:5px;padding:1px 6px;font-family:var(--font-body);font-size:.8rem;color:#fff}.code-block{display:flex;align-items:center;gap:8px;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 14px;overflow:hidden}.code-block code{flex:1;font-family:SF Mono,Menlo,monospace;font-size:.76rem;color:#eaf3ff;word-break:break-all;white-space:normal}.copy-btn{display:flex;align-items:center;gap:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:5px 10px;font-family:var(--font-body);font-size:.76rem;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.copy-btn:hover{background:#ffffff3d}.manual-option{text-align:center;padding-top:6px}.manual-label{font-size:.86rem;color:var(--text-secondary);margin-bottom:10px}.manual-links{display:flex;justify-content:center;gap:16px;margin-bottom:10px}.manual-link{color:var(--accent);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none;border-bottom:1px solid rgba(169,236,225,.4);padding-bottom:1px;transition:color .15s,border-color .15s}.manual-link:hover{color:#fff;border-color:#fff}.manual-note{font-size:.78rem;color:var(--text-faint);line-height:1.5;max-width:380px;margin:0 auto}@media (prefers-reduced-motion: reduce){.bg-photo,.bg-mist{animation:none}.fade-up{animation-duration:.01ms}}@media (max-width: 560px){.nav{padding:18px 20px}.hero{padding:24px 20px 64px}.input-row{flex-direction:column;border-radius:22px;padding:10px}.email-input{text-align:center}.btn-download{width:100%;justify-content:center;height:50px}.form-meta{flex-direction:column;gap:8px}}