@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;color:#171c20;font-family:'DM Sans',Arial,sans-serif;background:#cad0d3;min-height:100svh}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:2px solid #304f65;outline-offset:5px}.landscape{position:fixed;inset:0;background:linear-gradient(90deg,rgba(236,240,243,.12),rgba(214,224,231,.2)),url('/assets/hero.webp') center/cover;z-index:-3;animation:landscape-in 2s ease-out both}.haze{position:fixed;inset:0;background:linear-gradient(180deg,rgba(247,249,251,.72),transparent 46%,rgba(21,30,36,.55));z-index:-2}.haze:after{content:'';position:absolute;inset:20% -10%;background:radial-gradient(ellipse at 40% 50%,#ffffff70,transparent 65%);filter:blur(35px);animation:mist 22s ease-in-out infinite alternate}header{height:110px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font-size:34px;font-weight:700;font-style:italic;letter-spacing:-2px}.brand sup{font-size:9px;vertical-align:top;letter-spacing:0}.brand span{font-size:26px;font-style:normal;font-weight:300;letter-spacing:-1px;margin-left:12px}header>a:last-child{font-size:13px;display:flex;gap:18px;align-items:center}main{max-width:1600px;margin:auto;padding:30px 7vw 55px;min-height:calc(100svh - 175px);display:grid;grid-template-columns:1fr 480px;align-items:center;gap:7vw}.eyebrow,.micro{font-size:10px;letter-spacing:2px;font-weight:600}.story{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:15px}.story h1{font-size:clamp(60px,7vw,112px);font-weight:400;letter-spacing:-.075em;line-height:.98;margin:40px 0 28px}.story h1 span{color:#4f5b63}.story-copy{font-size:18px;line-height:1.65;color:#36434c}.route-line{display:flex;align-items:center;width:110px;margin-top:40px;gap:8px}.route-line i{width:5px;height:5px;border:1px solid #54616b;border-radius:50%}.route-line span{height:1px;background:#58636b;flex:1;position:relative;overflow:hidden}.route-line span:after{content:'';position:absolute;width:20px;height:1px;background:white;animation:travel 4s linear infinite}.story-foot{margin-top:75px;display:flex;gap:40px;font-size:9px;letter-spacing:1.7px;color:white;text-shadow:0 1px 12px #19212a}.glass{border:1px solid #ffffffc4;border-radius:26px;padding:28px 36px 22px;background:linear-gradient(140deg,#ffffffbc,#eff5f8a1 55%,#ffffff85);backdrop-filter:blur(30px) saturate(125%);-webkit-backdrop-filter:blur(30px) saturate(125%);box-shadow:0 30px 90px #18263322,inset 0 1px 0 white,inset 0 -1px 0 #ffffff70;position:relative;animation:appear .8s ease-out both}.glass-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.micro{font-size:9px;color:#4b5962}.lock svg{width:20px;height:20px;color:#4b5962}.app-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #ffffffb0;background:#5966730a;border-radius:11px;margin-bottom:32px;gap:4px}.app-switch button{border:0;background:transparent;border-radius:8px;padding:12px 4px;font-weight:700;font-style:italic;font-size:15px;letter-spacing:-.7px;color:#53606b;transition:background .3s,box-shadow .3s}.app-switch button[aria-pressed=true]{background:#ffffffe0;box-shadow:0 2px 8px #293c4c0b;color:#161d23}.app-switch small{font-weight:400;font-style:normal;font-size:10px;letter-spacing:.4px;margin-left:5px}.app-switch .academy{font-size:16px;letter-spacing:-.5px;font-weight:300}.form-view{animation:appear .35s ease-out both}.form-view h2{font-weight:400;font-size:35px;letter-spacing:-1.5px;margin:0 0 10px}.intro{font-size:13px;line-height:1.6;color:#58636c;margin:0 0 26px}.field{display:block;font-size:12px;font-weight:500;margin:18px 0 0}.field input{display:block;width:100%;height:49px;margin-top:8px;border-radius:9px;border:1px solid #fff;background:#ffffff65;box-shadow:inset 0 1px 3px #1d2c3a05;color:#1d252d;padding:0 14px;outline-offset:2px;transition:background .2s,border-color .2s}.field input:focus{background:#ffffffd1;border-color:#8c9aa4;outline:1px solid #8c9aa4}.field input::placeholder{color:#81909a}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:13px;top:15px;border:0;background:none;color:#566572;font-size:11px;padding:3px}.form-meta{display:flex;justify-content:space-between;align-items:center;margin:17px 0 23px;font-size:11px;color:#4f5d67}.plain{border:0;padding:0;background:none;color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:4px}.primary{display:flex;width:100%;align-items:center;justify-content:center;gap:18px;border-radius:10px;background:linear-gradient(140deg,#323c44,#11181d);border:1px solid #47525a;color:white;padding:16px;font-size:13px;box-shadow:0 6px 14px #2333401a,inset 0 1px 0 #ffffff20;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #23334030}.primary span{font-size:20px;line-height:12px}.switch-prompt{text-align:center;font-size:12px;color:#58636c;margin:23px 0 0}.switch-prompt button{font-weight:600;color:#232d35;margin-left:5px}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #ffffffa0;padding-top:18px;margin-top:27px;font-size:10px;color:#596772}.security-note>span:first-child{font-size:17px}#message{font-size:12px;line-height:1.5;color:#334d5f}#message:empty{display:none}#preview-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:#596772}#preview-controls>span{font-size:8px;letter-spacing:.65px;max-width:185px;line-height:1.5}#preview-controls button{border:0;background:none;white-space:nowrap;font-size:10px;color:#344650;text-decoration:underline;text-underline-offset:3px}footer{padding:0 5vw 25px;display:flex;justify-content:space-between;gap:24px;color:#f3f6f8;font-size:10px;letter-spacing:1px}footer div{display:flex;gap:24px;letter-spacing:0}.consent{font-size:11px;color:#58636c;line-height:1.6;display:flex;gap:10px;margin:18px 0}.consent input{accent-color:#202d36}.consent a{text-decoration:underline}.mfa-emblem{width:56px;height:56px;border:1px solid white;background:#ffffff80;border-radius:16px;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 8px 22px #3d526811;font-size:25px}.code-input{letter-spacing:13px;text-align:center;font-size:27px;font-variant-numeric:tabular-nums!important;height:65px!important}.code-input::placeholder{letter-spacing:13px}.step-label{font-size:9px;letter-spacing:1.5px;color:#60727f;margin-bottom:14px}.mfa-help{text-align:center;margin:22px 0;font-size:11px;color:#51616d}.qr{display:block;width:150px;margin:16px auto;background:white;padding:8px;border-radius:10px}.setup-detail{font-size:12px;line-height:1.6;margin-bottom:22px;color:#52616b}.setup-detail li{margin-bottom:10px}.setup-demo{border:1px dashed #a2b1bc;border-radius:10px;padding:24px;text-align:center;font-size:12px;color:#627482;margin-bottom:22px}.secret{display:block;overflow-wrap:anywhere;font-size:11px}.preview-nav{display:flex;justify-content:space-between;margin-top:20px;font-size:11px}.form-view form>.primary{margin-top:22px}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes landscape-in{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes mist{to{transform:translateX(8%) translateY(-3%)}}@keyframes travel{from{left:-20px}to{left:100%}}@media(min-width:1600px){main{gap:140px}}@media(max-width:1000px){main{gap:5vw;padding:25px 5vw 50px;grid-template-columns:1fr 430px}.glass{padding:26px}.story h1{font-size:70px}.story-foot{flex-direction:column;gap:12px}}@media(max-width:760px){header{height:84px;padding:0 6vw}.brand{font-size:29px}header>a:last-child{font-size:11px;gap:8px}.brand span{font-size:20px}main{display:block;padding:12px 6vw 35px;min-height:calc(100svh - 150px)}.story{padding:10px 0 25px}.story .eyebrow{font-size:8px;margin:0 0 16px}.story h1{font-size:46px;margin:0;letter-spacing:-3px}.story h1 br{display:none}.story h1 span{margin-left:10px}.story-copy,.route-line,.story-foot{display:none}.glass{max-width:480px;margin:0 auto;padding:25px;border-radius:22px}.landscape{background-position:66% center}.haze{background:linear-gradient(#f4f7fad1,transparent 55%,#293640a6)}.app-switch{margin-bottom:25px}footer{padding:0 6vw 22px;font-size:8px;align-items:center}footer>span{max-width:100px;line-height:1.6}footer div{gap:14px}#preview-controls>span{max-width:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@supports not (backdrop-filter:blur(1px)){.glass{background:#edf2f4f5}}