:root {
  --ink:#07100f; --ink-2:#0d1917; --paper:#dfe9e2; --muted:#9caea5;
  --line:rgba(223,233,226,.16); --cyan:#8fffe1; --violet:#a99bff;
  --orange:#ffae6d; --ease:cubic-bezier(.16,1,.3,1);
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.02em; overflow-x:hidden; }
.grain { position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.section-shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.site-header { height:76px; width:min(1180px,calc(100% - 48px)); margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--paper); font-size:17px; font-weight:650; text-decoration:none; letter-spacing:-.04em; }
.brand-mark { display:grid; place-items:center; width:27px; height:27px; border:1px solid var(--cyan); color:var(--cyan); border-radius:50%; font-size:13px; font-weight:700; }
.brand-mark.small { width:21px; height:21px; font-size:10px; }
.desktop-nav { display:flex; gap:34px; margin-left:100px; }
.desktop-nav a,.footer span { font-size:12px; color:var(--muted); text-decoration:none; transition:color .4s var(--ease); }
.desktop-nav a:hover { color:var(--paper); }
.nav-cta,.button { display:inline-flex; align-items:center; gap:17px; text-decoration:none; border-radius:99px; white-space:nowrap; }
.nav-cta { color:var(--ink); background:var(--cyan); padding:11px 14px 11px 18px; font-size:12px; font-weight:750; }
.nav-cta span,.button span { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:rgba(7,16,15,.17); font-size:14px; }
.hero { min-height:calc(100dvh - 76px); display:grid; grid-template-columns:44% 56%; align-items:center; padding:26px 0 74px; position:relative; }
.hero::after { content:""; position:absolute; width:650px; height:650px; right:-250px; top:30px; background:radial-gradient(circle,rgba(55,200,172,.13),transparent 67%); pointer-events:none; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { color:var(--cyan); font-size:10px; font-weight:760; letter-spacing:.2em; margin:0 0 22px; }
.signal { display:inline-block; width:6px; height:6px; background:var(--cyan); border-radius:50%; margin:0 8px 1px 0; box-shadow:0 0 0 4px rgba(143,255,225,.11); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(55px,6.5vw,86px); line-height:.93; letter-spacing:-.07em; font-weight:550; margin-bottom:29px; }
h1 em,h2 em { font-style:normal; color:var(--cyan); }
.hero-lede { max-width:365px; color:var(--muted); font-size:16px; line-height:1.55; margin-bottom:29px; }
.hero-actions { display:flex; align-items:center; gap:24px; }
.button { padding:9px 10px 9px 20px; font-size:13px; font-weight:750; transition:transform .55s var(--ease),background .55s var(--ease); }
.button:hover { transform:translateY(-3px); }
.button:active { transform:translateY(0) scale(.98); }
.button-primary { background:var(--cyan); color:var(--ink); }
.text-link { color:var(--paper); font-size:13px; text-decoration:none; border-bottom:1px solid rgba(223,233,226,.33); padding-bottom:5px; transition:border-color .4s var(--ease),color .4s var(--ease); }
.text-link:hover { color:var(--cyan); border-color:var(--cyan); }
.text-link span { font-size:15px; margin-left:8px; }
.hero-note { color:#71867c; font-size:11px; margin-top:42px; }
.tiny-lock { display:inline-block; color:var(--cyan); margin-right:7px; }
.hero-stage { min-height:580px; display:grid; place-items:center; position:relative; }
.vault-window { width:min(475px,90%); padding:19px 18px 15px; background:rgba(18,34,31,.88); border:1px solid rgba(223,233,226,.2); border-radius:24px; box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(13px); transform:rotate(3.3deg); position:relative; z-index:2; animation:float 7s var(--ease) infinite; }
.window-top,.window-heading,.window-foot,.token-row { display:flex; align-items:center; }
.window-top { justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:17px; }
.window-brand { display:flex; align-items:center; gap:7px; color:var(--paper); font-size:12px; }
.window-status { font-size:10px; color:#7e9d91; }
.window-status i { display:inline-block; width:5px; height:5px; background:var(--cyan); border-radius:50%; margin-right:6px; }
.window-heading { justify-content:space-between; padding:27px 4px 22px; }
.muted-label { display:block; font-size:9px; letter-spacing:.15em; color:#719086; margin-bottom:7px; }
.window-heading strong { font-size:20px; font-weight:550; letter-spacing:-.05em; }
.add-button { width:29px; height:29px; border:1px solid rgba(143,255,225,.6); color:var(--cyan); display:grid; place-items:center; border-radius:50%; font-size:22px; font-weight:300; }
.token-list { display:grid; gap:8px; }
.token-row { min-height:73px; background:rgba(7,16,15,.48); border:1px solid rgba(223,233,226,.1); border-radius:14px; padding:11px 12px; gap:11px; }
.token-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; font-weight:800; font-size:13px; }
.teal { background:rgba(143,255,225,.16); color:var(--cyan); }
.violet { background:rgba(169,155,255,.16); color:var(--violet); }
.orange { background:rgba(255,174,109,.16); color:var(--orange); }
.token-meta { display:grid; gap:4px; flex:1; }
.token-meta strong { font-size:12px; }
.token-meta small,.token-code small { font-size:10px; color:#759087; }
.token-code { text-align:right; }
.token-code b { display:block; font-size:17px; letter-spacing:.08em; font-variant-numeric:tabular-nums; }
.timer { display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--cyan); margin-right:4px; }
.timer.short { background:var(--violet); }
.window-foot { justify-content:space-between; border-top:1px solid var(--line); margin-top:16px; padding-top:14px; color:#759087; font-size:10px; }
.stage-orbit { position:absolute; border:1px solid rgba(143,255,225,.17); border-radius:50%; transform:rotate(-26deg); }
.orbit-one { width:550px; height:210px; }
.orbit-two { width:370px; height:490px; transform:rotate(56deg); border-color:rgba(169,155,255,.15); }
.stage-caption { position:absolute; bottom:54px; right:20px; display:flex; align-items:center; gap:9px; color:#759087; font-size:10px; z-index:3; }
.caption-line { width:29px; height:1px; background:var(--cyan); }
.trust-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:19px 0; display:flex; justify-content:space-between; align-items:center; color:#759087; font-size:9px; letter-spacing:.16em; }
.trust-items { display:flex; gap:27px; color:var(--paper); letter-spacing:.02em; font-size:11px; }
.why { padding:166px 0 180px; }
.section-intro { max-width:530px; margin-bottom:72px; }
.section-intro h2,.how h2,.privacy h2,.final-cta h2 { font-size:clamp(42px,6vw,78px); line-height:.95; letter-spacing:-.07em; font-weight:550; margin-bottom:22px; }
.section-intro>p:last-child,.privacy p:not(.eyebrow) { color:var(--muted); line-height:1.6; max-width:390px; font-size:15px; }
.feature-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:13px; }
.feature { min-height:330px; padding:30px; border-radius:22px; position:relative; overflow:hidden; border:1px solid var(--line); background:var(--ink-2); transition:transform .65s var(--ease),border-color .65s var(--ease); }
.feature:hover { transform:translateY(-6px); border-color:rgba(143,255,225,.45); }
.feature-large { grid-row:span 2; min-height:673px; padding:34px; background:linear-gradient(140deg,#122924,#0b1715 60%); }
.feature-dark { background:#151420; border-color:rgba(169,155,255,.21); }
.feature-accent { background:var(--cyan); color:var(--ink); border-color:var(--cyan); }
.feature-number { position:absolute; top:28px; right:30px; font-size:10px; opacity:.55; letter-spacing:.12em; }
.feature-icon { font-size:33px; color:var(--cyan); margin-bottom:120px; }
.feature-accent .feature-icon { color:var(--ink); }
.feature h3 { font-size:29px; letter-spacing:-.06em; margin-bottom:12px; font-weight:550; }
.feature p { font-size:14px; line-height:1.55; max-width:370px; color:var(--muted); }
.feature-accent p { color:#214d44; }
.feature a { position:absolute; bottom:32px; color:var(--cyan); font-size:12px; text-decoration:none; }
.feature-accent a { color:var(--ink); }
.how { padding:144px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.steps { border-top:1px solid var(--line); }
.step { display:grid; grid-template-columns:70px 1fr; gap:20px; padding:27px 0; border-bottom:1px solid var(--line); }
.step>span { color:var(--cyan); font-size:11px; letter-spacing:.12em; }
.step strong { font-size:19px; font-weight:550; }
.step p { color:var(--muted); font-size:13px; margin:8px 0 0; }
.privacy { padding:130px 0; display:grid; grid-template-columns:35% 1fr; gap:70px; border-top:1px solid var(--line); }
.privacy-seal { align-self:start; display:flex; align-items:center; gap:19px; color:#759087; font-size:10px; letter-spacing:.14em; line-height:1.4; }
.seal-ring { width:100px; height:100px; border:1px solid var(--cyan); border-radius:50%; display:grid; place-items:center; color:var(--cyan); font-size:38px; font-weight:600; box-shadow:0 0 0 14px rgba(143,255,225,.03),0 0 0 28px rgba(143,255,225,.02); }
.privacy h2 { max-width:590px; }
.privacy>div:last-child>p:not(.eyebrow) { font-size:16px; line-height:1.6; color:var(--muted); max-width:510px; margin:0 0 27px; }
.final-cta { padding:165px 0 180px; text-align:center; border-top:1px solid var(--line); }
.final-cta h2 { margin-left:auto; margin-right:auto; margin-bottom:34px; }
.final-cta .button { margin:auto; }
.footer { border-top:1px solid var(--line); min-height:88px; display:flex; align-items:center; justify-content:space-between; }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease),transform .9s var(--ease); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
.reveal-delay { transition-delay:.12s; }
.reveal-delay-2 { transition-delay:.22s; }
@keyframes float { 0%,100%{transform:rotate(3.3deg) translateY(0)} 50%{transform:rotate(1.8deg) translateY(-11px)} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.vault-window{animation:none}.button,.feature{transition:none} }
@media(max-width:800px) {
  .section-shell,.site-header { width:min(calc(100% - 32px),600px); }
  .desktop-nav { display:none; }
  .hero { display:block; padding-top:70px; min-height:auto; }
  .hero-stage { min-height:490px; margin-top:20px; }
  .vault-window { width:calc(100% - 20px); }
  .trust-strip { display:block; line-height:1.6; }
  .trust-items { flex-wrap:wrap; margin-top:10px; gap:8px 16px; }
  .why { padding:105px 0 110px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-large { grid-row:auto; min-height:430px; }
  .how,.privacy { grid-template-columns:1fr; gap:50px; padding:100px 0; }
  .privacy { gap:65px; }
  .privacy-seal { justify-content:center; }
  .final-cta { padding:120px 0; }
  .footer { padding:25px 0; display:grid; gap:14px; justify-content:start; }
  .stage-caption { right:0; bottom:18px; }
}
@media(max-width:470px) {
  h1 { font-size:57px; }
  .nav-cta { padding-left:14px; }
  .nav-cta span { display:none; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:19px; }
  .hero-stage { min-height:430px; }
  .vault-window { padding:14px 12px; }
  .window-heading { padding:21px 3px 17px; }
  .token-row { min-height:66px; padding:9px; }
  .token-code b { font-size:14px; }
  .token-meta small,.token-code small { font-size:9px; }
  .orbit-one { width:370px; }
  .orbit-two { height:380px; }
  .section-intro h2,.how h2,.privacy h2,.final-cta h2 { font-size:51px; }
}

/* Authenticator surface */
.vault-page{min-height:100dvh}.vault-header{border-bottom:1px solid var(--line)}.vault-header-actions{display:flex;align-items:center;gap:26px}.secure-badge{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7e9d91}.secure-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin:0 7px 1px 0}.vault-shell{width:min(980px,calc(100% - 48px));margin:0 auto}.unlock-view{min-height:calc(100dvh - 77px);display:grid;place-items:center;align-content:center;text-align:center;padding:60px 0}.unlock-mark{width:84px;height:84px;border:1px solid rgba(143,255,225,.5);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:32px;margin:0 auto 34px;box-shadow:0 0 0 18px rgba(143,255,225,.025),0 0 0 36px rgba(143,255,225,.015)}.unlock-view .eyebrow{margin-bottom:18px}.unlock-view h1{font-size:clamp(54px,7vw,86px);margin-bottom:24px}.vault-lede{max-width:410px;color:var(--muted);font-size:15px;line-height:1.6;margin:0 auto 30px}.unlock-form{width:min(390px,100%);margin:0 auto;text-align:left}.unlock-form label,.vault-dialog label{display:block;font-size:11px;color:var(--paper);margin-bottom:8px}.password-field{display:flex;align-items:center;border:1px solid var(--line);background:rgba(18,34,31,.7);border-radius:12px;padding:0 12px;transition:border-color .4s var(--ease)}.password-field:focus-within{border-color:var(--cyan)}.password-field input,.account-fields input,.vault-dialog textarea,.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--paper);font:inherit}.password-field input{padding:14px 0}.password-field button{border:0;background:none;color:var(--cyan);font-size:11px;cursor:pointer}.form-hint{font-size:11px;color:#71867c;line-height:1.5;margin:9px 0 18px}.form-error{font-size:12px;color:#ff9f9f;min-height:18px;margin:10px 0 0}.vault-submit{width:100%;justify-content:space-between;border:0;cursor:pointer}.vault-submit b,.add-button b,.dialog-actions b{display:grid;place-items:center;width:23px;height:23px;background:rgba(7,16,15,.17);border-radius:50%;font-weight:500}.unlock-foot{display:flex;justify-content:center;align-items:center;gap:8px;color:#71867c;font-size:10px;margin-top:55px}.mini-lock{color:var(--cyan);font-size:16px}.vault-view{padding:78px 0 110px}.vault-topline{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.vault-topline .eyebrow{margin-bottom:14px}.vault-topline h1{font-size:clamp(45px,6vw,72px);margin:0}.vault-topline h1 em{color:var(--cyan);font-style:normal}.vault-actions{display:flex;align-items:center;gap:10px}.ghost-button,.danger-button{border:1px solid var(--line);background:transparent;color:var(--paper);border-radius:99px;padding:11px 16px;font:inherit;font-size:12px;cursor:pointer;transition:transform .5s var(--ease),border-color .5s var(--ease),color .5s var(--ease)}.ghost-button:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}.button b{display:grid;place-items:center;width:23px;height:23px;background:rgba(7,16,15,.17);border-radius:50%;font-size:16px;font-weight:400}.vault-toolbar{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:99px;width:min(340px,100%);padding:0 15px;color:#71867c}.search-field:focus-within{border-color:var(--cyan)}.search-field input{padding:11px 0;font-size:12px}.search-field input::placeholder{color:#71867c}.toolbar-actions{display:flex;gap:8px}.account-list{display:grid;gap:8px;padding-top:14px}.account-card{display:flex;align-items:center;gap:15px;min-height:91px;padding:14px 18px;background:rgba(18,34,31,.64);border:1px solid rgba(223,233,226,.11);border-radius:16px;position:relative;transition:border-color .5s var(--ease),transform .5s var(--ease)}.account-card:hover{border-color:rgba(143,255,225,.4);transform:translateX(3px)}.account-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:800;flex:0 0 auto}.account-info{display:grid;gap:5px;flex:1;min-width:0}.account-info strong{font-size:14px;font-weight:600}.account-info small{color:#759087;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-code{margin-left:auto}.code-button{border:0;background:transparent;color:var(--paper);text-align:right;padding:4px 0;cursor:pointer}.code-button b{display:block;font-size:25px;letter-spacing:.1em;font-variant-numeric:tabular-nums;transition:color .35s var(--ease)}.code-button:hover b{color:var(--cyan)}.code-button small{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:10px;color:#759087;margin-top:5px}.countdown-ring{display:inline-block;width:10px;height:10px;border-radius:50%;background:conic-gradient(var(--cyan) var(--progress,180deg),rgba(223,233,226,.15) 0);position:relative}.countdown-ring::after{content:"";position:absolute;inset:2px;background:var(--ink-2);border-radius:50%}.pin-button,.more-button{border:0;background:transparent;color:#71867c;cursor:pointer;font-size:18px;padding:5px}.pin-button{order:-1}.pin-button.pinned{color:var(--cyan)}.more-button{font-size:16px;letter-spacing:2px}.account-menu{position:absolute;right:18px;top:65px;background:#14231f;border:1px solid var(--line);border-radius:12px;padding:6px;z-index:4;box-shadow:0 18px 35px rgba(0,0,0,.3)}.account-menu button{display:block;width:150px;border:0;background:transparent;color:var(--paper);text-align:left;padding:10px;border-radius:8px;cursor:pointer;font:inherit;font-size:12px}.account-menu button:hover{background:rgba(143,255,225,.1);color:var(--cyan)}.empty-state{text-align:center;border:1px dashed rgba(143,255,225,.25);border-radius:18px;padding:64px 22px;margin-top:14px}.empty-icon{width:44px;height:44px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:24px;margin:0 auto 20px}.empty-state h2{font-size:28px;letter-spacing:-.05em;margin-bottom:10px}.empty-state p,.dialog-copy{max-width:370px;color:var(--muted);font-size:13px;line-height:1.6;margin:0 auto 23px}.empty-state .button{margin:auto}.no-results{text-align:center;color:var(--muted);font-size:13px;padding:45px}.vault-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--cyan);color:var(--ink);border-radius:99px;padding:11px 18px;font-size:12px;font-weight:650;transition:opacity .4s var(--ease),transform .4s var(--ease);z-index:30}.vault-toast.visible{opacity:1;transform:translate(-50%,0)}.vault-dialog{width:min(520px,calc(100% - 32px));border:1px solid rgba(223,233,226,.18);border-radius:20px;background:#0e1d1a;color:var(--paper);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.55)}.vault-dialog::backdrop{background:rgba(2,7,6,.8);backdrop-filter:blur(6px)}.vault-dialog form{padding:28px}.dialog-header{display:flex;justify-content:space-between;align-items:start}.dialog-header h2{font-size:30px;letter-spacing:-.06em;margin:0 0 25px}.dialog-header .eyebrow{margin-bottom:12px}.dialog-close{border:0;background:transparent;color:#759087;font-size:28px;line-height:1;cursor:pointer}.import-tabs{display:flex;border-bottom:1px solid var(--line);gap:18px;margin-bottom:23px}.tab-button{border:0;background:transparent;color:#759087;padding:0 0 12px;font:inherit;font-size:12px;cursor:pointer;border-bottom:1px solid transparent}.tab-button.active{color:var(--cyan);border-color:var(--cyan)}.tab-panel label{margin-bottom:8px}.vault-dialog textarea{resize:vertical;border:1px solid var(--line);border-radius:12px;padding:13px;font-size:13px;line-height:1.5}.vault-dialog textarea:focus,.account-fields input:focus{border-color:var(--cyan)}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.account-fields>div{min-width:0}.account-fields input{border:1px solid var(--line);border-radius:12px;padding:13px;font-size:13px}.scanner-box{height:220px;background:#07100f;border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center}.scanner-box video{width:100%;height:100%;object-fit:cover}.scanner-line{height:1px;background:var(--cyan);width:70%;position:absolute;box-shadow:0 0 12px var(--cyan)}.scanner-box p{position:absolute;bottom:10px;color:var(--paper);font-size:11px;background:rgba(7,16,15,.75);padding:7px 10px;border-radius:99px;margin:0}.scanner-actions{display:flex;gap:8px;margin-top:10px}.file-button{display:inline-flex}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.danger-button{border-color:rgba(255,120,120,.5);color:#ff9f9f}.danger-button:hover{background:rgba(255,120,120,.1)}.compact-dialog .dialog-copy{margin:0;max-width:none}.compact-dialog .dialog-header h2{margin-bottom:16px}
@media(max-width:700px){.vault-shell{width:min(calc(100% - 32px),600px)}.vault-header-actions{gap:12px}.secure-badge{display:none}.vault-view{padding-top:55px}.vault-topline{align-items:start;display:block}.vault-actions{margin-top:25px}.vault-toolbar{display:block}.search-field{width:100%;margin-bottom:12px}.toolbar-actions{justify-content:flex-end}.account-card{gap:10px;padding:13px 11px}.account-code{max-width:125px}.code-button b{font-size:19px}.pin-button{font-size:16px}.account-icon{width:34px;height:34px}.account-info strong{font-size:13px}.account-info small{font-size:10px}.more-button{display:none}.account-fields{grid-template-columns:1fr}.vault-dialog form{padding:22px}.scanner-actions{flex-wrap:wrap}.unlock-view{padding:50px 0}.unlock-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){.account-card,.vault-toast,.ghost-button{transition:none}}