:root{--bg:#07111f;--bg-2:#0b1730;--card:#0a14288f;--line:#ffffff1a;--text:#eef4ff;--muted:#a8b6d4;--accent:#7c9cff;--accent-2:#55e6c1;--danger:#ff6b81;--shadow:0 20px 80px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top left,#7c9cff2e,transparent 28%),radial-gradient(circle at bottom right,#55e6c11f,transparent 25%),linear-gradient(135deg,var(--bg),var(--bg-2));min-height:100vh;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:none}.landing-page,.vault-page{min-height:100vh;padding:24px;position:relative}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 48%,#0000 100%);mask-image:radial-gradient(circle,#000 48%,#0000 100%)}.bg-glow{filter:blur(80px);opacity:.28;pointer-events:none;z-index:0;border-radius:999px;width:420px;height:420px;position:fixed}.bg-glow-1{background:#678dff;top:30px;left:-100px}.bg-glow-2{background:#43dcb8;bottom:-40px;right:-100px}.topbar,.hero-section,.features-section,.demo-flow,.vault-hero,.dashboard-grid,.files-card,.setup-card{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1220px;margin:0 auto 34px;display:flex}.brand-wrap{align-items:center;gap:14px;display:flex}.brand-mark{letter-spacing:.03em;color:#06111f;width:48px;height:48px;box-shadow:var(--shadow);background:linear-gradient(135deg,#7c9cfff2,#55e6c1d9);border-radius:16px;place-items:center;font-weight:800;display:grid}.brand-name{margin:0;font-size:1.08rem;font-weight:700}.brand-sub{color:var(--muted);margin:3px 0 0;font-size:.9rem}.hero-section{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;max-width:1220px;min-height:calc(100vh - 140px);margin:0 auto;display:grid}.hero-copy{padding:18px 4px}.pill{border:1px solid var(--line);color:#d7e4ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border-radius:999px;margin-bottom:18px;padding:10px 16px;font-size:.88rem;display:inline-flex}.hero-title{letter-spacing:-.04em;max-width:800px;margin:0 0 18px;font-size:clamp(2.4rem,5vw,5.2rem);line-height:1.02}.gradient-text{background:linear-gradient(135deg,#fff,#7c9cff 55%,#55e6c1 95%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-text{color:var(--muted);max-width:700px;margin-bottom:26px;font-size:1.06rem;line-height:1.75}.hero-actions,.file-actions,.crypto-badges,.flow-list,.mini-stats,.preview-metrics,.explain-list{flex-wrap:wrap;gap:14px;display:flex}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;transition:transform .2s,opacity .2s,border-color .2s;display:inline-flex}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.danger-btn:hover{transform:translateY(-1px)}.primary-btn{color:#06111f;box-shadow:var(--shadow);background:linear-gradient(135deg,#7c9cff,#55e6c1);font-weight:800}.secondary-btn,.ghost-btn,.danger-btn{border:1px solid var(--line);color:var(--text);background:#ffffff0a}.danger-btn{color:#ffd2da;border-color:#ff6b8140}.big-btn{min-height:54px;padding:0 22px;font-size:1rem}.mini-stats{margin-top:30px}.stat-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff09;border-radius:18px;min-width:155px;padding:16px}.stat-value{margin:0 0 6px;font-size:1.05rem;font-weight:800}.stat-label{color:var(--muted);margin:0;font-size:.92rem}.glass-card{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:28px}.hero-visual{flex-direction:column;justify-content:space-between;min-height:580px;padding:22px;display:flex}.visual-top{gap:10px;display:flex}.dot{border-radius:999px;width:12px;height:12px}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.vault-preview{place-items:center;min-height:340px;display:grid;position:relative;overflow:hidden}.preview-ring{border:1px solid #7c9cff73;border-radius:999px;width:290px;height:290px;animation:4s ease-in-out infinite pulseRing;position:absolute;box-shadow:0 0 0 30px #7c9cff08,0 0 0 60px #55e6c105}.preview-center{z-index:1;text-align:center;position:relative}.lock-icon{margin-bottom:10px;font-size:4rem}.preview-title{margin:0 0 8px;font-size:1.3rem;font-weight:800}.preview-sub{color:var(--muted);margin:0}.preview-metrics{flex-direction:column}.metric,.status-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;gap:18px;padding:14px 16px;display:flex}.metric span,.status-row span,.feature-card p,.demo-flow p,.empty-state p,.explain-item span,.hash-line,.file-meta p{color:var(--muted)}.features-section{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1220px;margin:30px auto 0;display:grid}.feature-card{padding:24px}.feature-index{color:#dfe8ff;background:#7c9cff1f;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:18px;font-weight:800;display:grid}.feature-card h3,.section-header h2,.demo-flow h2,.file-row h3,.empty-state h3,.upload-zone h3,.vault-hero-card h1{margin:0 0 10px}.demo-flow{max-width:1220px;margin:24px auto 0;padding:26px}.flow-step,.explain-item,.file-row,.empty-state,.message-bar,.upload-zone,.status-panel,.vault-hero-card,.upload-card,.insights-card,.files-card,.setup-card{border:1px solid #ffffff14}.flow-step{background:#ffffff08;border-radius:16px;padding:14px 16px}.vault-hero{max-width:1220px;margin:0 auto 24px}.vault-hero-card{padding:24px}.vault-hero-head{grid-template-columns:1.2fr .8fr;align-items:start;gap:24px;display:grid}.vault-hero-card p{color:var(--muted);line-height:1.7}.status-panel{background:#ffffff08;border-radius:20px;padding:16px}.message-bar{background:#ffffff08;border-radius:16px;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.status-dot{background:#6f7d9b;border-radius:999px;flex-shrink:0;width:10px;height:10px}.status-dot.live{background:#55e6c1;animation:1.2s infinite blink;box-shadow:0 0 12px #55e6c1a6}.dashboard-grid{grid-template-columns:1fr 1fr;gap:22px;max-width:1220px;margin:0 auto 24px;display:grid}.upload-card,.insights-card,.files-card,.setup-card{background:var(--card);border-radius:28px;padding:24px}.section-header{margin-bottom:18px}.section-header p{color:var(--muted);margin:0}.form-grid{grid-template-columns:1fr;gap:16px;margin-bottom:22px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label{color:#dfe8ff;font-size:.95rem}.field input{min-height:52px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;outline:none;padding:0 16px}.upload-zone{background:linear-gradient(135deg,#7c9cff14,#55e6c10d);border-radius:24px;display:block;position:relative;overflow:hidden}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone-inner{text-align:center;place-items:center;min-height:260px;padding:28px;display:grid}.upload-icon{background:#ffffff14;border-radius:22px;place-items:center;width:74px;height:74px;margin:0 auto 14px;font-size:1.8rem;display:grid}.file-chip{color:#dce7ff;background:#ffffff0f;border-radius:999px;margin-top:12px;padding:10px 14px;font-size:.92rem;display:inline-flex}.crypto-badges span{color:#dce7ff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px}.explain-list{flex-direction:column}.explain-item{background:#ffffff08;border-radius:18px;padding:16px}.explain-item strong{margin-bottom:6px;display:block}.files-card,.setup-card{max-width:1220px;margin:0 auto 24px}.empty-state{text-align:center;background:#ffffff06;border-radius:24px;place-items:center;min-height:280px;display:grid}.empty-icon{margin-bottom:8px;font-size:2.5rem}.file-list{flex-direction:column;gap:14px;display:flex}.file-row{background:#ffffff08;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.file-meta{align-items:flex-start;gap:14px;display:flex}.file-icon{background:#7c9cff1f;border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.25rem;display:grid}.hash-line{margin-top:6px;font-size:.86rem;display:inline-block}@keyframes pulseRing{0%,to{opacity:.85;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:1080px){.hero-section,.dashboard-grid,.vault-hero-head,.features-section{grid-template-columns:1fr}.hero-visual{min-height:auto}}@media (max-width:720px){.landing-page,.vault-page{padding:18px}.topbar,.file-row{flex-direction:column;align-items:stretch}.hero-title{font-size:2.4rem}.file-actions,.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{width:100%}}.preview-ring{transition:all .6s}.preview-ring-0{box-shadow:0 0 0 1px #60a5fa26,0 0 80px #38bdf814}.preview-ring-1{box-shadow:0 0 0 1px #3b82f633,0 0 95px #3b82f61f}.preview-ring-2{box-shadow:0 0 0 1px #2dd4bf2e,0 0 110px #2dd4bf1f}@keyframes pulse{0%{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}to{opacity:.75;transform:scale(.92)}}@media (max-width:900px){.security-chips{grid-template-columns:1fr!important}}.hero-section-clean{align-items:center;min-height:calc(100vh - 130px)}.hero-visual-clean{width:100%;max-width:540px;margin-left:auto}.hero-text-compact{max-width:700px;line-height:1.7}.mini-stats-compact{margin-top:28px}.vault-preview-clean{min-height:360px;padding:34px 24px 24px}.preview-metrics-clean{margin-top:22px}.live-pill{color:#86efac;background:#34d39914;border:1px solid #34d3992e;border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.live-dot{background:#4ade80;border-radius:999px;width:10px;height:10px;animation:1.4s infinite pulse;box-shadow:0 0 14px #4ade80cc}.preview-ring{box-shadow:0 0 0 1px #60a5fa26,0 0 100px #38bdf814}@media (max-width:1100px){.hero-section-clean{gap:40px;min-height:auto}.hero-visual-clean{margin:0 auto}}@media (max-width:768px){.vault-preview-clean{min-height:300px;padding:28px 18px 20px}.hero-text-compact{max-width:100%}}@media (max-width:900px){.login-shell,.signup-shell{grid-template-columns:1fr!important}.login-left-panel,.signup-left-panel{min-height:auto!important}}.vault-command-shell{gap:1.1rem;display:grid;position:relative}.vault-command-shell:before{content:"";filter:blur(70px);pointer-events:none;background:#67e8f914;border-radius:999px;width:180px;height:180px;position:absolute;inset:10% 18% auto auto}.vault-command-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.command-label{letter-spacing:.18em;text-transform:uppercase;color:#67e8f9;margin:0 0 .3rem;font-size:.78rem;font-weight:700}.vault-command-top h3{color:#f8fbff;letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:800}.vault-core-grid{grid-template-columns:1.2fr .9fr;align-items:stretch;gap:1rem;display:grid}.vault-core-main{background:radial-gradient(circle,#3b82f61f,#0000 45%),linear-gradient(#08122ae6,#050c1ce6);border:1px solid #ffffff14;border-radius:28px;place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.advanced-ring{border:1px solid #60a5fa52;border-radius:999px;width:320px;height:320px;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #2563eb24,inset 0 0 40px #3b82f60d}.advanced-ring:before,.advanced-ring:after{content:"";border:1px dashed #67e8f924;border-radius:999px;position:absolute;inset:22px}.advanced-ring:after{opacity:.45;border-style:solid;inset:50px}.vault-core-center{z-index:2;background:radial-gradient(circle at top,#2563eb2e,#08122af0 70%);border:1px solid #ffffff14;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:230px;height:230px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 20px 50px #02061759}.vault-side-stack{gap:.9rem;display:grid}.vault-side-card{background:linear-gradient(135deg,#111c39d9,#091329b3);border:1px solid #ffffff14;border-radius:22px;flex-direction:column;justify-content:center;min-height:96px;padding:1rem;display:flex}.vault-side-card span{color:#e2e8f0b3;margin-bottom:.35rem;font-size:.92rem}.vault-side-card strong{color:#fff;letter-spacing:-.02em;font-size:1.08rem;font-weight:800}.advanced-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-roadmap-section{max-width:1380px;margin:2rem auto 0;padding:1.5rem 1.5rem 4rem}.workflow-roadmap-head{text-align:center;max-width:760px;margin:0 auto 2rem}.workflow-roadmap-head h2{color:#fff;letter-spacing:-.04em;margin:.9rem 0 .7rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.02}.workflow-roadmap-head p{color:#e2e8f0bd;margin:0;font-size:1.04rem;line-height:1.8}.roadmap-shell{padding:3rem 1.5rem;position:relative;overflow:hidden}.roadmap-shell:before{content:"";filter:blur(110px);pointer-events:none;background:#3b82f614;border-radius:999px;width:420px;height:420px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.roadmap-items{gap:2rem;display:grid;position:relative}.roadmap-centerline{z-index:0;width:6px;position:absolute;top:3.5rem;bottom:3.5rem;left:50%;transform:translate(-50%)}.roadmap-line-base{background:linear-gradient(#ffffff0f,#ffffff1f,#ffffff0f);border-radius:999px;position:absolute;inset:0}.roadmap-line-active{background:linear-gradient(#7dd3fc,#60a5fa,#34d399);border-radius:999px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 28px #67e8f959}.roadmap-arrow{z-index:3;place-items:center;width:46px;height:68px;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)}.roadmap-arrow-inner{filter:drop-shadow(0 10px 22px #f9731666);border-top:30px solid #f97316;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:relative}.roadmap-arrow-inner:after{content:"";clip-path:polygon(50% 0%,100% 100%,0% 100%);background:#fb923c;width:20px;height:18px;position:absolute;top:-34px;left:-10px}.roadmap-row{z-index:2;grid-template-columns:1fr 120px 1fr;align-items:center;min-height:170px;display:grid;position:relative}.roadmap-row.left .roadmap-side-card{grid-column:1}.roadmap-row.left .roadmap-empty,.roadmap-row.right .roadmap-side-card{grid-column:3}.roadmap-row.right .roadmap-empty{grid-column:1}.roadmap-node-wrap{grid-column:2;justify-content:center;align-items:center;display:flex}.roadmap-node{background:linear-gradient(#818cf8f2,#60a5fae0);border:6px solid #ffffff17;border-radius:999px;justify-content:center;align-items:center;width:78px;height:78px;display:flex;box-shadow:0 12px 30px #2563eb38,inset 0 1px #ffffff4d}.roadmap-node span{color:#fff;letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.roadmap-side-card{background:radial-gradient(circle at 100% 0,#22d3ee14,#0000 30%),linear-gradient(135deg,#0d1835eb,#040b1deb);border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:center;min-height:150px;padding:1.4rem 1.4rem 1.35rem;display:flex}.roadmap-step-badge{color:#dbeafe;background:#60a5fa24;border:1px solid #ffffff0f;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:1rem;font-size:1.3rem;font-weight:800;display:grid}.roadmap-side-card h3{color:#fff;letter-spacing:-.035em;margin:0 0 .55rem;font-size:1.65rem;font-weight:800}.roadmap-side-card p{color:#e2e8f0bf;margin:0;font-size:1rem;line-height:1.7}@media (max-width:1100px){.vault-core-grid,.advanced-metrics{grid-template-columns:1fr}.roadmap-centerline{left:36px;transform:none}.roadmap-row{grid-template-columns:72px 1fr;min-height:auto}.roadmap-node-wrap{grid-column:1;justify-content:flex-start}.roadmap-row.left .roadmap-side-card,.roadmap-row.right .roadmap-side-card{grid-column:2}.roadmap-empty{display:none}.roadmap-arrow{left:36px;transform:translate(-50%,-50%)}}@media (max-width:780px){.vault-command-top{flex-direction:column;align-items:flex-start}.vault-core-main{min-height:280px}.advanced-ring{width:250px;height:250px}.vault-core-center{width:190px;height:190px}.workflow-roadmap-section{padding-left:1rem;padding-right:1rem}.roadmap-shell{padding:2rem 1rem}.roadmap-side-card h3{font-size:1.35rem}}