:root{--primary:#e60023;--primary-pressed:#cc001f;--on-primary:#fff;--ink:#000;--ink-soft:#211922;--body:#33332e;--mute:#62625b;--ash:#91918c;--stone:#c8c8c1;--hairline:#dadad3;--hairline-soft:#e5e5e0;--canvas:#fff;--surface-soft:#fbfbf9;--surface-card:#f6f6f3;--secondary-bg:#e5e5e0;--secondary-pressed:#c8c8c1;--focus-outer:#435ee5;--error:#9e0a0a;--error-deep:#cc001f;--success-deep:#103c25;--success-pale:#c7f0da;--surface-dark:#262622;--on-dark:#fff;--on-dark-mute:#ffffffb3;--radius-md:16px;--radius-lg:32px;--radius-full:9999px;font-family:Inter,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--surface-soft);color:var(--body)}a{color:var(--ink-soft);font-weight:600;text-decoration:none}h1{letter-spacing:-.4px;font-family:Manrope,Inter,sans-serif;font-weight:700}.muted{color:var(--mute)}.small{font-size:12px}.auth-card{background:var(--canvas);border-radius:var(--radius-lg);max-width:440px;margin:80px auto;padding:32px;box-shadow:0 8px 16px #00000014}.auth-card h1{color:var(--ink);margin:0 0 12px;font-size:22px;line-height:1.25}.auth-card form{flex-direction:column;gap:4px;display:flex}.auth-card label{color:var(--ink);margin-top:10px;font-size:14px;font-weight:600}.auth-card input{background:var(--canvas);color:var(--ink);border:1px solid var(--ash);border-radius:var(--radius-md);height:44px;padding:11px 15px;font-family:inherit;font-size:16px}.auth-card input:focus{border:2px solid var(--ink);box-shadow:0 0 0 4px var(--focus-outer);outline:none}.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;height:40px;margin-top:16px;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-pressed)}.btn-primary:disabled{background:var(--surface-card);color:var(--ash);cursor:not-allowed}.btn-secondary{background:var(--secondary-bg);color:var(--ink)}.btn-secondary:hover{background:var(--secondary-pressed)}.link-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.form-error{color:var(--error);margin-top:8px;font-size:13px}.secret-key-box{letter-spacing:1px;background:var(--surface-card);border-radius:var(--radius-md);text-align:center;color:var(--ink);margin:16px 0;padding:16px;font-family:monospace;font-size:18px}.vault-layout{min-height:100vh;display:flex}.sidebar{background:var(--canvas);border-right:1px solid var(--hairline);flex-direction:column;width:220px;padding:20px 0;display:flex}.brand{color:var(--primary);letter-spacing:-.4px;align-items:center;gap:8px;padding:0 20px 20px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;display:flex}.brand img{border-radius:6px;width:22px;height:22px}.nav-item{color:var(--ink);border-left:3px solid #0000;padding:10px 20px;font-size:14px;font-weight:600;display:block}.nav-item.active{border-left-color:var(--primary);background:var(--surface-card);color:var(--primary)}.sidebar-footer{border-top:1px solid var(--hairline);margin-top:auto;padding:16px 20px 0}.vault-main{flex:1;max-width:900px;padding:28px 36px}.vault-main h1{letter-spacing:-.8px;color:var(--ink);margin:0 0 8px;font-size:28px}.vault-header{margin-bottom:20px}.search-input{background:var(--surface-card);width:100%;max-width:440px;color:var(--ink);border-radius:var(--radius-full);border:none;height:48px;padding:11px 15px;font-family:inherit;font-size:16px}.search-input:focus{background:var(--canvas);border:1px solid var(--ash);outline:none}.banner{border-radius:var(--radius-md);color:#7a4a00;background:#fff4e5;margin-bottom:16px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--mute);padding:60px 0}.host-group{background:var(--surface-card);border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden}.host-group-header{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:12px 16px;display:flex}.favicon{background:var(--hairline-soft);border-radius:8px}.hostname{color:var(--ink);font-size:14px;font-weight:700}.account-list{margin:0;padding:0;list-style:none}.account-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.account-row:last-child,.account-row-wrap:last-child .account-row{border-bottom:none}.account-label{color:var(--ink);font-size:16px;font-weight:600}.account-actions{gap:6px;display:flex}.icon-btn{color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.pill{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-full);color:var(--mute);margin-left:8px;padding:2px 10px;font-size:11px;font-weight:600}.activity-panel{background:var(--surface-soft);border-bottom:1px solid var(--hairline);flex-wrap:wrap;gap:24px;padding:10px 16px 14px;display:flex}.activity-section{min-width:180px}.activity-title{text-transform:uppercase;color:var(--mute);letter-spacing:.3px;margin-bottom:4px;font-size:12px;font-weight:700}.plain-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.legal-page{min-height:100vh}.legal-header{border-bottom:1px solid var(--hairline);background:var(--canvas);padding:20px 24px}.legal-header .brand{color:var(--primary);letter-spacing:-.4px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.legal-card{max-width:680px;margin:40px auto 80px;padding:0 24px;line-height:1.6}.legal-card h1{color:var(--ink);margin-bottom:4px;font-size:28px}.legal-card h2{color:var(--ink);margin-top:28px;margin-bottom:8px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.legal-card p,.legal-card li{color:var(--body);font-size:15px}.legal-card ul{padding-left:20px}.legal-card a{color:var(--ink-soft)}.display-xl{letter-spacing:-1.2px;color:var(--ink);margin:0 0 20px;font-family:Manrope,Inter,sans-serif;font-size:64px;font-weight:700;line-height:1.1}.heading-xl{letter-spacing:-.8px;color:var(--ink);margin:0;font-family:Manrope,Inter,sans-serif;font-size:32px;font-weight:700}.heading-lg{color:var(--ink);margin:0 0 8px;font-size:20px;font-weight:700}.body-lg{color:var(--body);max-width:480px;margin:0 0 32px;font-size:18px;line-height:1.5}.body-md{margin:0;font-size:15px;line-height:1.55}.home{background:var(--surface-soft)}.home-nav{z-index:10;background:var(--canvas);border-bottom:1px solid var(--hairline);align-items:center;gap:32px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.home-nav .brand{color:var(--primary);letter-spacing:-.4px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.home-nav .brand img{width:28px;height:28px}.home-nav-links{align-items:center;gap:24px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.home-nav-links a:not(.btn-primary){color:var(--ink)}.home-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:72px 32px 64px;display:grid}.home-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.home-hero-mockup{position:relative}.mockup-host-group{background:var(--canvas);border-radius:var(--radius-lg);overflow:hidden;transform:rotate(-2deg);box-shadow:0 16px 40px #0000001f}.mockup-host-header{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:16px 20px;display:flex}.mockup-favicon{background:var(--primary);border-radius:6px;width:20px;height:20px}.mockup-hostname{color:var(--ink);font-size:14px;font-weight:700}.mockup-account-row{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:14px 20px;display:flex}.mockup-account-row:last-child{border-bottom:none}.mockup-avatar{border-radius:var(--radius-full);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.mockup-avatar-alt{background:var(--ink-soft)}.mockup-account-label{color:var(--ink);font-size:14px;font-weight:600}.mockup-account-sub{color:var(--mute);font-size:12px}.mockup-lock-badge{background:var(--ink);color:#fff;border-radius:var(--radius-full);padding:8px 14px;font-size:12px;font-weight:700;position:absolute;bottom:-16px;right:24px;box-shadow:0 8px 20px #0003}.home-features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;padding:0 32px 64px;display:grid}.feature-card{background:var(--canvas);border-radius:var(--radius-md);padding:28px}.home-section-title{text-align:center;margin-bottom:40px}.home-steps{max-width:1100px;margin:0 auto;padding:64px 32px}.home-steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--surface-card);border-radius:var(--radius-md);padding:28px}.step-number{color:var(--primary);letter-spacing:1px;margin-bottom:12px;font-family:Manrope,sans-serif;font-size:13px;font-weight:800;display:block}.home-security{max-width:760px;margin:0 auto;padding:0 32px 64px}.home-security-grid{flex-direction:column;gap:16px;display:flex}.security-row{background:var(--canvas);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:18px 20px;font-size:15px;display:flex}.security-row strong{color:var(--ink)}.home-cta-strip{background:var(--surface-dark);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:56px 32px;display:flex}.home-footer{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:32px;display:flex}.home-footer .brand{color:var(--primary);font-family:Manrope,sans-serif;font-weight:800}.home-footer-links{gap:20px;font-size:13px;display:flex}.home-footer-links a{color:var(--mute)}@media (width<=860px){.home-nav{gap:12px;padding:0 16px}.home-nav .brand{font-size:17px}.home-nav-links{gap:10px}.home-nav-scroll-link{display:none}.home-hero{grid-template-columns:1fr;padding:32px 20px 48px}.home-hero-mockup{order:-1;max-width:320px;margin:0 auto 16px;transform:scale(.92)}.display-xl{font-size:38px}.body-lg{max-width:none}.home-hero-actions{flex-direction:column;align-items:stretch}.home-features{grid-template-columns:1fr;padding:0 20px 48px}.home-steps{padding:48px 20px}.home-steps-grid{grid-template-columns:1fr}.home-security{padding:0 20px 48px}.home-cta-strip{flex-direction:column;align-items:flex-start;margin:0 20px;padding:40px 24px}.home-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}}