[hidden]{display:none!important}
.desktop-page{background:#edeae3;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.desktop-page button,.desktop-page input{font:inherit}
.desktop-page button{cursor:pointer}
.desktop-page button:focus-visible,.desktop-page input:focus-visible,.desktop-page a:focus-visible{outline:3px solid #007aff;outline-offset:3px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.desktop{height:calc(100svh - 58px);min-height:660px;max-height:1100px;position:relative;isolation:isolate;background:#3363e9 url("assets/wallpaper.svg") center/cover;color:#fff;overflow:hidden}
.mac-menubar{height:34px;display:flex;justify-content:space-between;align-items:center;padding-inline:20px;background:#d9e4fcbb;border-bottom:1px solid #fff4;color:#14213f;backdrop-filter:blur(24px);position:relative;z-index:5;font-size:12px}
.finder-menus,.mac-status{display:flex;align-items:center;gap:20px;height:100%}
.finder-menus strong{font-weight:650}.apple-mark{width:17px;height:19px}.mac-status{gap:15px}.mac-status button{border:0;background:transparent;color:inherit;height:30px;width:32px;display:grid;place-items:center;border-radius:5px;padding:5px;position:relative}.mac-status button:hover,.mac-status button[aria-expanded=true]{background:#1b32601b}
.menu-key img{filter:brightness(0) saturate(100%) invert(11%) sepia(27%) saturate(1694%) hue-rotate(187deg) brightness(94%) contrast(94%);width:18px;height:20px}.menu-key{outline-offset:-2px!important}.menu-key:not([aria-expanded=true])::after{content:"";position:absolute;inset:0;border:1px solid #263d7730;border-radius:5px}
.notification-toggle svg,.wifi-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-dot{position:absolute;right:4px;top:3px;width:6px;height:6px;background:#ef6246;border-radius:50%;border:1px solid #d9e4fc}.wifi-icon svg{display:block}.battery{position:relative;width:22px;height:11px;border:1px solid currentColor;border-radius:3px}.battery::before{content:"";position:absolute;inset:2px;background:currentColor;border-radius:1px}.battery::after{content:"";position:absolute;right:-3px;top:3px;height:4px;width:2px;background:currentColor;border-radius:1px}.menu-time{font-variant-numeric:tabular-nums}
.desktop-intro{position:absolute;left:8%;top:22%;transition:opacity .2s;max-width:650px}.desktop-intro .eyebrow{font-size:10px;letter-spacing:1.6px;color:#dbe5ff}.desktop-intro h1{font-size:clamp(76px,9vw,138px);line-height:.96;font-weight:550;letter-spacing:-.065em;margin-block:27px}.desktop-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#eef2ff}.desktop-start{display:inline-flex;align-items:center;gap:28px;background:#f4f1ea;color:#18316e;border:1px solid #ffffff66;border-radius:6px;padding:11px 15px;font-size:12px!important;font-weight:550!important;margin-top:25px;box-shadow:0 2px 3px #122d6f18}.desktop-start:hover{background:#fff}.desktop-start span{font-size:16px}
.desktop-pointer{position:absolute;right:215px;top:60px;width:270px;height:210px;stroke:#eef3ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.desktop.has-open-app .desktop-pointer{opacity:0}.desktop.has-open-app .desktop-intro{opacity:.4}.desktop-file{position:absolute;right:26px;top:92px;width:105px;padding:8px 3px;background:transparent;border:0;color:#fff;line-height:1.4;display:grid;justify-items:center;gap:7px;font-size:11px!important;text-shadow:0 1px 3px #163d8e}.desktop-file:hover{background:#ffffff16;border-radius:6px}.desktop-file svg{width:39px;height:49px}.file-paper{fill:#ecf1fc;stroke:#bac9e1;stroke-width:1}.desktop.has-open-app .desktop-file{visibility:hidden}
.desktop-caption{position:absolute;left:30px;bottom:25px;display:flex;flex-direction:column;gap:5px;font-size:10px;color:#dae5ff}.demo-label{font:9px var(--mono);letter-spacing:1.2px;color:#fff}.dock{display:flex;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);align-items:center;gap:12px;padding:11px 13px;border:1px solid #ffffff65;border-radius:20px;background:#e1e9f854;box-shadow:0 6px 20px #0e266b25;backdrop-filter:blur(24px)}
.dock-item{position:relative;width:48px;height:48px;display:grid;place-items:center;border:0;background:none;text-decoration:none;border-radius:11px;padding:0;color:#1b3c78;transition:transform .15s}.dock-item:hover{transform:translateY(-4px)}.dock-item>svg,.dock-item>img{width:48px;height:48px;display:block}.keyglint-dock>img{width:53px;height:53px;max-width:53px}.dock-tooltip{position:absolute;bottom:63px;left:50%;transform:translateX(-50%);font-size:11px;background:#eef0f6ef;color:#23314d;white-space:nowrap;padding:3px 9px;border-radius:5px;box-shadow:0 2px 7px #10235c25;opacity:0;pointer-events:none}.dock-item:hover .dock-tooltip,.dock-item:focus-visible .dock-tooltip{opacity:1}.dock-divider{width:1px;height:37px;background:#d9e4f89c;margin-inline:2px}.document-dock{background:#f4f1ea;border:1px solid #ffffff80;box-shadow:0 2px 3px #102b7625}.document-dock>span:first-child{font-size:41px;color:#2f61f5;line-height:1}.support-dock{background:linear-gradient(#f3f6ff,#c5d7f8);border:1px solid #ffffff80;box-shadow:0 2px 3px #102b7625}.support-dock>span:first-child{font:700 32px Georgia,serif;color:#3260a9}.running-dot{position:absolute;width:4px;height:4px;bottom:-7px;background:#192d54;border-radius:50%}
.keyglint-panel{position:absolute;right:18px;top:45px;width:420px;height:560px;max-height:calc(100svh - 120px);background:#f4f1ea;color:#15191f;border-radius:16px;border:1px solid #fff;box-shadow:0 20px 55px #102a6250,0 2px 8px #10295d35;z-index:6;display:flex;flex-direction:column;font-size:13px;line-height:1.5;outline:none}
.keyglint-panel::before{content:"";position:absolute;top:-7px;right:229px;width:12px;height:12px;background:#f4f1ea;transform:rotate(45deg);border-left:1px solid #fff;border-top:1px solid #fff}
.app-content{flex:1;min-height:0;overflow:hidden;border-radius:16px 16px 0 0}.accounts-view{height:100%;display:flex;flex-direction:column;padding-top:13px}.accounts-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}.accounts-header>div{display:flex;align-items:center;gap:5px}.accounts-header img{width:25px;height:25px}.accounts-header h2{font-size:14px;font-weight:650;letter-spacing:-.3px}.icon-button{border:0;background:transparent;color:#171b22;padding:5px;display:grid;place-items:center;border-radius:5px;width:30px;height:30px}.icon-button:hover{background:#0000000c}.icon-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.icon-button.add-account{font-size:23px;line-height:1;color:#007aff}.account-search{display:flex;align-items:center;gap:7px;margin:0 12px;border:1px solid #d7d5ce;background:#fffdf8;border-radius:7px;padding:5px 9px;color:#636b74}.account-search>span[aria-hidden]{font-size:22px;line-height:1}.account-search input{width:100%;background:transparent;border:0;outline:0;font-size:12px;color:#171b22;min-width:0;padding:0}.account-search input:focus-visible{outline:0}.account-search:focus-within{outline:2px solid #007aff;outline-offset:1px}.code-lifetime{display:flex;align-items:center;gap:13px;margin:12px 16px 7px;font-size:13px;font-variant-numeric:tabular-nums}.code-lifetime>span{width:27px}.code-lifetime>div{height:3px;flex:1;background:#dce3f6;border-radius:2px}.code-lifetime>div>span{display:block;height:100%;background:#2f61f5;border-radius:2px;width:100%}.keyglint-panel.monochrome .code-lifetime>div>span{background:#757d87}.account-list{list-style:none;padding:0;margin:0;overflow:auto;min-height:0}.sample-account{display:flex;align-items:center;margin:2px 0;padding-inline:10px;position:relative}.sample-account.is-selected{background:#2f61f51b}.account-copy{border:0;background:transparent;border-radius:5px;display:flex;align-items:center;gap:12px;padding:10px 5px;flex:1;min-width:0;text-align:left;color:#171b22}.account-copy:hover{background:#00000005}.issuer-mark{display:grid;place-items:center;width:30px;flex:0 0 30px;font-size:17px;font-weight:650;color:var(--issuer)}.account-description{flex:1;min-width:0}.account-description small{display:block;color:#2f61f5;font-size:9px;letter-spacing:1.1px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-description>span{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-code{font:20px var(--mono);letter-spacing:-.5px;white-space:nowrap}.sample-code.is-copied{font:11px var(--sans);color:#2f61f5;letter-spacing:0}.account-options{background:none;border:0;padding:8px 3px;color:#737a85;font-size:12px!important;letter-spacing:1px;border-radius:5px}.account-options:hover{background:#00000009}.account-menu{position:absolute;right:12px;top:43px;z-index:3;background:#fffdf7;border:1px solid #cacaca;border-radius:6px;box-shadow:0 5px 15px #23314230;padding:4px}.account-menu button{background:none;border:0;padding:5px 12px;color:#bb3434;font-size:12px;display:block;width:100%;text-align:left}.account-menu button:hover{background:#f9e5e2;border-radius:3px}.keyglint-panel.monochrome .issuer-mark,.keyglint-panel.monochrome .account-description small{color:#737a85}.account-demo-note{margin-top:auto;padding:20px 16px 16px;font-size:10px;color:#717984;line-height:1.6;text-align:center}.no-matches{font-size:13px;color:#737a85;text-align:center;margin:30px 16px}.no-matches button{display:block;background:transparent;border:0;color:#007aff;margin:10px auto}
.settings-view{height:100%;display:flex;flex-direction:column;padding:20px 16px}.settings-tabs{display:flex;flex-shrink:0;border-radius:7px;background:#e4e1dc;margin-bottom:18px;padding:0;height:25px}.settings-tabs button{background:none;border:0;flex:1;font-size:13px;white-space:nowrap;padding:2px 5px;border-radius:6px;position:relative;line-height:1.4;color:#111}.settings-tabs button+button::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;background:#b6b3af}.settings-tabs button[aria-selected=true]{background:#007aff;color:#fff;font-weight:550;z-index:1}.settings-tabs button[aria-selected=true]::before,.settings-tabs button[aria-selected=true]+button::before{display:none}.settings-pages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.settings-pages p{font-size:13px;line-height:1.4;color:#4b535f;margin-top:9px}.native-toggle{display:flex;gap:5px;align-items:center;font-size:14px}.native-toggle input{margin:0;width:16px;height:16px;accent-color:#007aff}.native-toggle strong{font-weight:600}.setting-action+.setting-action{margin-top:18px}.setting-action h3{font-size:14px;letter-spacing:0;font-weight:600;margin-bottom:0}.setting-action p{margin-top:7px;margin-bottom:8px}.native-button{border:0;border-radius:6px;padding:3px 12px;background:#e6e3de;color:#111;font-size:13px;line-height:1.5;box-shadow:0 1px 1px #00000004}.native-button:hover{background:#dad6cf}.settings-example{margin-top:25px;padding:13px 0;border-top:1px solid #d9d5cd;display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#727986;font-size:10px}.settings-example output{margin-left:auto;color:#171b22;font:19px var(--mono)}.settings-example small{width:100%;text-align:right;font-size:9px}.privacy-panel h3{font-size:13px;font-weight:500;letter-spacing:0;line-height:1.4;margin:0}.privacy-panel p{color:#171b22;margin:0 0 16px;line-height:1.4}.privacy-panel h3+p{margin-bottom:18px}.privacy-panel a{display:inline-block;color:#007aff;font-size:12px;margin-bottom:8px}.app-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:38px;padding:4px 10px;border-top:1px solid #989da6}.app-toolbar>span{font-size:9px;color:#737a85}.app-toolbar button[aria-pressed=true]{background:#00000008}
.demo-notification{position:absolute;top:48px;right:15px;z-index:9;display:flex;gap:10px;align-items:flex-start;width:355px;max-width:calc(100% - 30px);padding:14px 27px 14px 13px;background:#f1f0f6f2;backdrop-filter:blur(25px);color:#1a2234;border:1px solid #fff9;border-radius:14px;box-shadow:0 8px 30px #10254f40;animation:notification-in .2s ease-out}.demo-notification>img{border-radius:8px;flex:0 0 35px;margin-top:3px}.notification-app{font-size:8px;color:#667080;letter-spacing:.6px}.demo-notification h2{font-size:12px;font-weight:650;line-height:1.4;margin:2px 0 5px}.demo-notification p{font-size:11px;line-height:1.5;color:#4b5568}.dismiss-notification{position:absolute;right:7px;top:6px;background:none;border:0;padding:3px;color:#737d90;font-size:17px!important;line-height:1}.notification-center{position:absolute;right:15px;top:45px;z-index:8;width:355px;max-width:calc(100% - 30px);max-height:calc(100% - 140px);overflow:auto;background:#e5eaf7f2;backdrop-filter:blur(25px);color:#19223a;border:1px solid #fff8;border-radius:16px;padding:15px;box-shadow:0 12px 35px #10234d35}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.notification-heading h2{font-size:14px;font-weight:650;letter-spacing:-.3px}.notification-heading button{font-size:11px!important;border:0;background:#d0d8eb;border-radius:10px;padding:2px 8px;color:#394864}.empty-notifications{font-size:12px;line-height:1.7;padding:10px 0;color:#5b6782}.history-item{padding:12px 0;border-top:1px solid #c4cddf}.history-item h3{font-size:12px;margin:0 0 5px}.history-item p{font-size:11px;line-height:1.6;color:#566179}.no-script-note{position:absolute;left:20px;right:20px;bottom:115px;padding:15px;background:#f4f1ea;color:#171d25;font-size:13px;border-radius:8px;z-index:4}
.desktop-site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 25px;background:#f4f1ea;font-size:10px;color:#73777e;min-height:58px}.desktop-brand{font-size:17px;font-weight:650;letter-spacing:-.7px;text-decoration:none;color:#202735}.desktop-site-footer nav{font-size:11px;gap:23px}.desktop-site-footer p span{margin-inline:5px}
@keyframes notification-in{from{transform:translateX(15px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1600px){.keyglint-panel{right:30px}.desktop-pointer{right:225px}}
@media(max-width:1050px){.finder-menus{gap:15px}.desktop-intro{left:6%;top:24%;max-width:500px}.desktop-intro h1{font-size:98px}.desktop-intro>p:not(.eyebrow){font-size:14px}.desktop.has-open-app .desktop-intro{opacity:.2}.desktop-caption{left:22px;bottom:115px}.desktop-pointer{width:230px;right:215px}.dock{gap:10px}}
@media(max-width:720px){.desktop{min-height:660px}.mac-menubar{padding-inline:14px;height:36px}.finder-menus{gap:13px}.finder-menus>span{display:none}.finder-menus strong{font-size:11px}.mac-status{gap:11px}.menu-date,.battery{display:none}.desktop-pointer{right:100px;top:62px;width:185px;height:170px}.desktop-intro{top:28%;left:7%;max-width:85%}.desktop-intro h1{font-size:87px;margin-block:25px}.desktop-intro .eyebrow{font-size:8px;letter-spacing:1.3px}.desktop-intro>p:not(.eyebrow){font-size:13px}.desktop.has-open-app .desktop-intro{opacity:.08}.desktop-file{right:16px;top:77px;width:84px;font-size:9px!important}.desktop-file svg{width:30px;height:39px}.desktop-caption{left:20px;bottom:109px;font-size:9px;gap:4px}.demo-label{font-size:8px}.dock{bottom:15px;padding:10px 12px;gap:12px;border-radius:18px}.dock-item,.dock-item>svg,.dock-item>img{width:43px;height:43px}.keyglint-dock>img{width:48px;height:48px;max-width:48px}.document-dock>span:first-child{font-size:36px}.support-dock>span:first-child{font-size:30px}.dock-divider{height:32px}.keyglint-panel{width:calc(100% - 24px);right:12px;top:47px;height:560px;max-height:calc(100svh - 125px);border-radius:15px}.keyglint-panel::before{right:113px}.settings-view{padding:18px 14px}.settings-tabs button{font-size:12px;padding:2px}.settings-pages p{font-size:12px}.native-toggle,.setting-action h3{font-size:13px}.native-button{font-size:12px}.sample-code{font-size:19px}.account-copy{gap:9px}.demo-notification,.notification-center{right:12px;max-width:calc(100% - 24px)}.desktop-site-footer{padding:15px 20px;flex-wrap:wrap;gap:8px 15px}.desktop-site-footer>p{order:3;width:100%;font-size:9px}.desktop-site-footer nav{margin-left:auto}.desktop-site-footer{min-height:76px}.desktop{height:calc(100svh - 76px)}}
@media(max-width:370px){.mac-status{gap:7px}.finder-menus{gap:8px}.desktop-intro h1{font-size:74px}.desktop-intro>p:not(.eyebrow){font-size:12px}.desktop-intro .eyebrow{font-size:7px}.keyglint-panel::before{right:105px}.settings-view{padding:17px 11px}.settings-tabs button{font-size:11px}.account-copy{gap:6px}.issuer-mark{flex-basis:25px;width:25px}.account-description>span{font-size:11px}.account-description small{font-size:8px}.sample-code{font-size:16px}.account-options{font-size:10px!important}.account-demo-note{font-size:9px}.desktop-pointer{right:90px;width:150px}.desktop-file{right:12px}.desktop-site-footer{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.desktop-page *{animation:none!important;transition:none!important}.dock-item:hover{transform:none}}