:root{--bg: #ffffff;--bg-surface: #f7f8fa;--bg-elevated: #ffffff;--border: #e2e5ea;--text: #1a1a2e;--text-muted: #6b7280;--accent: #635bff;--accent-hover: #5046e5;--accent-glow: rgba(99, 91, 255, .15);--danger: #dc2626;--success: #059669;--warning: #d97706;--radius: 8px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 4px 12px rgba(0,0,0,.1);font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0a0a12;--bg-surface: #111119;--bg-elevated: #1a1a26;--border: #28283a;--text: #e4e4ed;--text-muted: #8888a0;--accent: #7c6fff;--accent-hover: #6c5ce7;--accent-glow: rgba(124, 111, 255, .12);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.mk{--mk-bg: #fafbff;--mk-surface: #f0f1f8;--mk-elevated: #ffffff;--mk-border: #e0e0ee;--mk-text: #1a1a2e;--mk-muted: #5f6380;--mk-heading: #0f0f1a;--mk-step-n: #e8e8f0;--mk-note: #9898aa;--mk-ribbon-opacity: .55;background:var(--mk-bg);color:var(--mk-text);overflow-x:hidden;padding-bottom:0}@media(prefers-color-scheme:dark){.mk{--mk-bg: #0a0a12;--mk-surface: #111119;--mk-elevated: #1a1a26;--mk-border: #1e1e30;--mk-text: #e8e8f0;--mk-muted: #8888a0;--mk-heading: #ffffff;--mk-step-n: #1a1a26;--mk-note: #555568;--mk-ribbon-opacity: .85}}.mk-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.75rem;font-size:.95rem;font-weight:600;color:#fff;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#635bff,#7c3aed);box-shadow:0 2px 16px #635bff4d;transition:transform .15s,box-shadow .15s;text-decoration:none;font-family:inherit}.mk-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px #635bff66}@media(prefers-color-scheme:dark){.mk-btn-primary{box-shadow:0 2px 16px #635bff66}.mk-btn-primary:hover{box-shadow:0 4px 24px #635bff8c}}.mk-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.75rem;font-size:.95rem;font-weight:600;color:var(--mk-muted);background:transparent;border:1px solid var(--mk-border);border-radius:10px;cursor:pointer;transition:border-color .15s,color .15s;text-decoration:none;font-family:inherit}.mk-btn-outline:hover{border-color:#635bff;color:var(--mk-heading)}.mk-btn-full{width:100%}.mk-hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 4rem}.mk-ribbons{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:var(--mk-ribbon-opacity)}.mk-ribbons-flip{transform:scaleY(-1);opacity:calc(var(--mk-ribbon-opacity) * .7)}.mk-hero-inner{position:relative;z-index:1;text-align:center;max-width:720px}.mk-badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7c3aed;background:#7c3bed14;border:1px solid rgba(124,59,237,.15);padding:.35rem 1rem;border-radius:99px;margin-bottom:2rem}@media(prefers-color-scheme:dark){.mk-badge{color:#a78bfa;background:#7c3bed1f;border-color:#7c3bed33}}.mk h1{font-size:clamp(2.75rem,6.5vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin-bottom:1.5rem;color:var(--mk-heading)}.mk-grad{background:linear-gradient(135deg,#7c3aed,#635bff 30%,#2563eb 70%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(prefers-color-scheme:dark){.mk-grad{background:linear-gradient(135deg,#a78bfa,#635bff 30%,#38bdf8 70%,#06b6d4);-webkit-background-clip:text;background-clip:text}}.mk-hero-sub{font-size:1.15rem;line-height:1.75;color:var(--mk-muted);max-width:540px;margin:0 auto 2.5rem}.mk-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.mk-note{margin-top:1.25rem;font-size:.78rem;color:var(--mk-note);letter-spacing:.02em}.mk-section{padding:6rem 1.5rem}.mk-section-alt{background:var(--mk-surface)}.mk-wrap{max-width:1060px;margin:0 auto}.mk-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7c3aed;margin-bottom:.75rem}@media(prefers-color-scheme:dark){.mk-label{color:#a78bfa}}.mk-section h2,.mk-cta h2{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--mk-heading);margin-bottom:.75rem}.mk-sub{font-size:1.05rem;color:var(--mk-muted);max-width:540px;line-height:1.7;margin-bottom:3rem}.mk-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.mk-step{padding:2rem 1.5rem;background:var(--mk-elevated);border:1px solid var(--mk-border);border-radius:var(--radius-lg);transition:border-color .25s,box-shadow .25s}.mk-step:hover{border-color:#635bff;box-shadow:0 0 24px #635bff14}@media(prefers-color-scheme:dark){.mk-step:hover{box-shadow:0 0 24px #635bff1a}}.mk-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mk-step-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#635bff1a,#7c3bed0f);color:#635bff;border-radius:12px}@media(prefers-color-scheme:dark){.mk-step-icon{background:linear-gradient(135deg,#635bff26,#7c3bed1a);color:#a78bfa}}.mk-step-n{font-size:2.5rem;font-weight:800;color:var(--mk-step-n);line-height:1;letter-spacing:-.04em}.mk-step h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--mk-heading)}.mk-step p{font-size:.9rem;color:var(--mk-muted);line-height:1.65}.mk-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.mk-feat{padding:1.5rem;background:var(--mk-elevated);border:1px solid var(--mk-border);border-radius:var(--radius-lg);transition:border-color .25s}.mk-feat:hover{border-color:#635bff}.mk-feat-icon{font-size:1.5rem;display:block;margin-bottom:.75rem}.mk-feat h4{font-size:.95rem;font-weight:700;margin-bottom:.35rem;color:var(--mk-heading)}.mk-feat p{font-size:.85rem;color:var(--mk-muted);line-height:1.6}.mk-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.mk-case{padding:2rem 1.5rem;border-left:3px solid;border-image:linear-gradient(180deg,#635bff,#06b6d4) 1;background:var(--mk-surface);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.mk-case h4{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--mk-heading)}.mk-case p{font-size:.9rem;color:var(--mk-muted);line-height:1.65}.mk-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:680px;margin:0 auto}.mk-price-card{padding:2.5rem 2rem;text-align:center;background:var(--mk-elevated);border:1px solid var(--mk-border);border-radius:var(--radius-lg);position:relative}.mk-price-featured{border-color:#635bff;box-shadow:0 0 0 1px #635bff,0 4px 32px #635bff1f}@media(prefers-color-scheme:dark){.mk-price-featured{box-shadow:0 0 0 1px #635bff,0 4px 32px #635bff2e}}.mk-price-pop{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#635bff,#7c3aed);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem 1rem;border-radius:99px}.mk-price-tier{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mk-muted);margin-bottom:.5rem}.mk-price-amount{font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--mk-heading);margin-bottom:.25rem}.mk-price-amount span{font-size:1rem;font-weight:500;color:var(--mk-muted)}.mk-price-annual{font-size:.8rem;color:var(--mk-muted);margin-bottom:1rem}.mk-price-card ul{list-style:none;text-align:left;margin:1.5rem 0}.mk-price-card li{padding:.4rem 0;font-size:.9rem;color:var(--mk-muted);border-bottom:1px solid var(--mk-border)}.mk-price-card li:before{content:"✓ ";color:#06b6d4;font-weight:700}.mk-cta{position:relative;text-align:center;padding:6rem 1.5rem;overflow:hidden}.mk-cta-inner{position:relative;z-index:1;max-width:540px;margin:0 auto}.mk-cta p{font-size:1.05rem;color:var(--mk-muted);line-height:1.7;margin:0 auto 2rem}.mk-footer{border-top:1px solid var(--mk-border);padding:2rem 1.5rem}.mk-footer-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.mk-footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:var(--mk-heading)}.mk-footer p{font-size:.78rem;color:var(--mk-note)}@media(max-width:640px){.mk-hero{min-height:80vh;padding:5rem 1rem 3rem}.mk-actions{flex-direction:column;align-items:center}.mk-actions .mk-btn-primary,.mk-actions .mk-btn-outline{width:100%;max-width:300px}.mk-section{padding:4rem 1rem}.mk-pricing{grid-template-columns:1fr}.mk-footer-inner{flex-direction:column;text-align:center}}.container{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);position:sticky;top:0;z-index:10}.navbar-landing{background:#fafbffcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none}@media(prefers-color-scheme:dark){.navbar-landing{background:#0a0a12cc;border-bottom:1px solid rgba(255,255,255,.06)}}.nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--accent);text-decoration:none;letter-spacing:-.02em}.navbar-landing .nav-brand{color:var(--mk-heading)}.nav-logo{border-radius:6px}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-links a,.nav-link-muted{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s;cursor:pointer;background:none;border:none;font-family:inherit}.navbar-landing .nav-links a,.navbar-landing .nav-link-muted{color:var(--mk-muted)}.nav-links a:hover,.nav-link-muted:hover{color:var(--text)}.navbar-landing .nav-links a:hover,.navbar-landing .nav-link-muted:hover{color:var(--mk-heading)}.nav-user{color:var(--text-muted);font-size:.8rem}.btn-nav-cta{background:linear-gradient(135deg,#635bff,#7c3aed)!important;color:#fff!important;border-color:transparent!important}.btn-nav-cta:hover{opacity:.9}button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.25rem;gap:.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;font-family:inherit}button:hover,.btn:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-small{padding:.3rem .75rem;font-size:.8rem;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.navbar-landing .btn-small{background:var(--mk-elevated);color:var(--mk-muted);border-color:var(--mk-border)}.btn-small:hover{background:var(--border)}.navbar-landing .btn-small:hover{background:var(--mk-border);color:var(--mk-heading)}.btn-secondary{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);text-decoration:none;display:inline-flex;align-items:center;padding:.55rem 1.25rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;box-shadow:none}.btn-secondary:hover{background:var(--border)}.btn-warning{background:var(--warning)}.btn-warning:hover{background:#b45309}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-ghost:hover{background:var(--bg-surface)}label{display:block;margin:1rem 0 .35rem;color:var(--text-muted);font-size:.85rem;font-weight:500}input,textarea,select{display:block;width:100%;padding:.6rem .75rem;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}textarea{resize:vertical}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.keystone-list,.fragment-list,.pin-list{list-style:none}.keystone-list li,.fragment-list li{padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;background:var(--bg-elevated);transition:border-color .15s,box-shadow .15s}.keystone-list li:hover,.fragment-list li:hover{border-color:var(--accent)}.keystone-list li{display:flex;align-items:center;justify-content:space-between}.keystone-list a{display:flex;align-items:center;gap:.75rem;flex:1;text-decoration:none;color:var(--text)}.keystone-actions{display:flex;gap:.5rem}.fragment-list li{cursor:pointer}.fragment-list li.selected{border-color:var(--accent);background:var(--accent-glow)}.status{font-size:.7rem;padding:.2rem .6rem;border-radius:99px;text-transform:uppercase;font-weight:600;letter-spacing:.04em}.status-active{background:#0596691a;color:var(--success)}.status-recovering{background:#d977061a;color:var(--warning)}.status-locked{background:#0596691a;color:var(--success)}.status-staged{background:#d977061a;color:var(--warning)}.status-released{background:#6366f11a;color:#6366f1}.pin-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.pin-list code{font-size:1.1rem;letter-spacing:.08em;color:var(--accent);font-weight:600;background:var(--accent-glow);padding:.25rem .75rem;border-radius:var(--radius)}.guardian-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.guardian-row input{flex:1}.actions{display:flex;gap:.75rem;margin-top:1.5rem;align-items:center}.passphrase-entry{margin-top:1.25rem}.passphrase-entry input{max-width:280px;font-size:1.1rem;letter-spacing:.04em}.fingerprint-box{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem;margin:1.25rem 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.fingerprint-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#635bff,#7c3aed,#06b6d4)}.fingerprint-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.fingerprint-value{font-size:2rem;font-weight:700;letter-spacing:.15em;color:var(--accent);font-family:SF Mono,Fira Code,monospace;background:none;padding:0}.fragment-status-list{list-style:none}.fragment-status-list li{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.fragment-index{font-weight:700;min-width:2rem}.guardian-email{color:var(--text-muted);font-size:.9rem}.fragment-status-badge{font-size:.65rem;padding:.15rem .5rem;border-radius:99px;color:#fff;text-transform:uppercase;font-weight:600}.keystone-info{margin-bottom:1.5rem}.keystone-info p{margin:.25rem 0}.recovery-progress{margin:1.5rem 0}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .4s ease;background:linear-gradient(135deg,#635bff,#7c3aed)}.recovered-secret{font-family:SF Mono,Fira Code,monospace;background:var(--bg-surface);border:2px solid var(--accent);border-radius:var(--radius-lg);margin:1rem 0;padding:1rem;font-size:.95rem;line-height:1.7}.container section{margin:2rem 0}.container section h2{margin-bottom:.75rem;font-size:1.05rem;font-weight:600}.meta{color:var(--text-muted);font-size:.85rem}.error{color:var(--danger);margin:.5rem 0;font-size:.9rem}.empty-state{color:var(--text-muted);text-align:center;padding:3rem 1rem}.empty-state h2{color:var(--text);margin-bottom:.5rem}.empty-state p{max-width:440px;margin:.5rem auto}code{background:var(--bg-surface);padding:.15rem .4rem;border-radius:4px;font-size:.85em}.callout{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.25rem 0}.callout strong{display:block;margin-bottom:.5rem;font-size:.95rem}.callout p{margin:.4rem 0;font-size:.9rem;color:var(--text-muted)}.callout ol{margin:.5rem 0 .5rem 1.25rem;font-size:.9rem;color:var(--text-muted)}.callout ol li{margin:.3rem 0}.callout-danger{border-left-color:var(--danger)}h1{font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}h2{font-weight:600;letter-spacing:-.01em}p+p{margin-top:.5rem}main{padding-bottom:3rem}.mk{padding-bottom:0}.container h1{font-size:1.75rem;margin-bottom:.75rem}.container h1:after{content:"";display:block;width:40px;height:3px;margin-top:.6rem;background:linear-gradient(135deg,#635bff,#7c3aed);border-radius:2px}.nav-hamburger{display:none;background:none;border:none;box-shadow:none;padding:.5rem;cursor:pointer}.hamburger-icon{display:block;width:20px;height:2px;background:var(--text);position:relative;transition:background .2s}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--text);transition:transform .2s}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.hamburger-icon.open{background:transparent}.hamburger-icon.open:before{transform:rotate(45deg);top:0}.hamburger-icon.open:after{transform:rotate(-45deg);top:0}.nav-mobile{display:none;flex-direction:column;gap:.25rem;padding:.75rem 1.5rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:49px;z-index:9}.nav-mobile a,.nav-mobile button{display:block;width:100%;text-align:left;padding:.6rem 0;color:var(--text);text-decoration:none;background:none;border:none;box-shadow:none;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:1px solid var(--border)}.nav-mobile a:last-child,.nav-mobile button:last-child{border-bottom:none}.nav-mobile-user{font-size:.8rem;color:var(--text-muted);padding:.25rem 0 .5rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.card h2{margin-bottom:.5rem}.card+.card{margin-top:1rem}.card-danger{border-color:#dc262640}.card-list{margin-top:1rem}.card-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin:0 -.75rem;border-radius:var(--radius);cursor:default;transition:background .15s}.card-list-item:not(:last-child){border-bottom:1px solid var(--border)}.card-list-item:hover{background:var(--bg-surface)}.card-list-item-active{background:var(--accent-glow);cursor:pointer}.card-list-item-body{display:flex;flex-direction:column;gap:.15rem}.card-inset{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.detail-row:last-of-type{border-bottom:none}.detail-label{color:var(--text-muted);font-weight:500;min-width:140px}@media(max-width:640px){.nav-desktop{display:none}.nav-hamburger,.nav-mobile{display:flex}.navbar{padding:.5rem 1rem}.container{padding:1.5rem 1rem}.actions{flex-direction:column}.actions .btn,.actions button,.actions .btn-secondary{width:100%}.card-list-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(min-width:641px){.nav-mobile{display:none!important}}