@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;700&family=Playfair+Display:wght@600;700&family=Poppins:wght@500;700&family=Space+Grotesk:wght@400;600;700&family=Sora:wght@400;600;700&display=swap";:root{--bg: #0a0f1a;--bg-alt: #0c1222;--panel: #111827;--panel-alt: #0f172a;--border: #1f2937;--text: #e5e7eb;--muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--accent-soft: rgba(56, 189, 248, .16);--green: #22c55e}body{margin:0;font-family:Sora,Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at top,#172554,#0a0f1a 45%,#0a0f1a);color:var(--text)}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 40px;border-bottom:1px solid var(--border);background:#080c14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.nav-left{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.nav-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.nav-links a{color:var(--muted);font-size:14px;letter-spacing:.2px}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-actions a{font-size:14px}.logo{display:inline-flex;align-items:center}.logo img{height:24px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(15,23,42,.35))}.page{display:flex;flex-direction:column;gap:56px}.container{width:100%;max-width:1100px;margin:0 auto;padding:40px 24px}.hero-tight{padding-top:20px;padding-bottom:28px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:center}.hero-copy h1{font-size:clamp(36px,4vw,52px);line-height:1.05;margin:16px 0}.lead{font-size:18px;color:var(--muted);line-height:1.6}.hero-qualifier{margin-top:12px;color:#cbd5f5;font-size:14px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.beta-note{margin-top:16px;display:grid;gap:6px;font-size:13px;color:var(--muted)}.beta-note strong{color:#e2f0ff;font-weight:600}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:28px}.hero-meta div{padding:14px 16px;border-radius:14px;background:#0f172a99;border:1px solid var(--border)}.hero-meta strong{display:block;font-size:20px}.hero-meta span{display:block;font-size:12px;color:var(--muted)}.hero-visual{display:flex;justify-content:center}.hero-preview{width:min(420px,100%);border-radius:20px;background:linear-gradient(150deg,#111827e6,#0f172af2);border:1px solid rgba(56,189,248,.25);box-shadow:0 24px 45px #02061780;padding:20px;display:flex;flex-direction:column;gap:16px}.preview-proof{display:grid;gap:10px}.proof-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#93c5fd}.proof-frame{position:relative;border-radius:16px;background:linear-gradient(160deg,#0b1220,#1e293b);border:1px solid rgba(56,189,248,.3);padding:18px 14px 44px;min-height:160px;overflow:hidden}.proof-safe-zone{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgba(148,163,184,.4);border-radius:12px}.proof-caption{position:relative;z-index:1;background:#0f172ab3;border:1px solid rgba(56,189,248,.3);padding:10px 12px;border-radius:10px;font-size:12px}.proof-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.preview-header,.preview-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.preview-dot{width:10px;height:10px;border-radius:999px;background:var(--green)}.build-list{display:grid;gap:14px}.build-label{font-size:12px;text-transform:uppercase;letter-spacing:1px}.build-section h4{margin:0 0 6px;font-size:14px}.build-section ul{margin:0;padding-left:16px;color:var(--muted);display:grid;gap:4px}.build-section li{line-height:1.4}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(56,189,248,.4);background:#38bdf814;font-size:12px;color:#bae6fd}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card-grid.tight{gap:16px}.card{background:linear-gradient(145deg,#111827e6,#0f172ae6);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 12px 24px #0206174d}.card ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.feature-card h3{margin-top:0}.persona-strip{padding:28px 0 12px;background:linear-gradient(180deg,rgba(12,18,34,.7),transparent)}.persona-title{margin:10px 0 18px;font-size:clamp(20px,2.2vw,28px)}.usecase-row{display:flex;flex-wrap:wrap;gap:12px}.usecase-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0f172a66;color:#e2e8f0;font-size:14px}.accent{color:var(--accent);font-weight:600}.accent-red{color:#ff6b6b;font-weight:600}.accent-warm{color:#d19049;font-weight:600}.section{display:grid;gap:24px}.progression-wrap{max-width:680px;margin:0 auto;display:grid;gap:18px}.section-head{display:grid;gap:12px;align-items:flex-start}.section-head h2,.section-head h1{margin:0}.section-sub{color:var(--muted);font-size:15px;line-height:1.6}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#93c5fd;margin:0}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.split-list{display:grid;gap:16px}.split-item{display:flex;gap:16px;text-align:left;padding:16px;border-radius:16px;border:1px solid var(--border);background:#0f172a99;color:var(--text);cursor:pointer}.split-item span{width:34px;height:34px;border-radius:10px;background:#38bdf833;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.split-item.active{border-color:#38bdf899;box-shadow:0 12px 30px #0ea5e933}.split-item p{margin:6px 0 0;color:var(--muted);font-size:14px}.split-panel .panel-card{border-radius:18px;background:linear-gradient(160deg,#0ea5e92e,#0f172ae6);border:1px solid rgba(56,189,248,.4);padding:24px;display:grid;gap:16px}.panel-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:#38bdf833;font-size:12px;color:#bae6fd;width:fit-content}.panel-card ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.workflow-preview{position:relative;min-height:320px;display:grid}.workflow-state{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;display:grid;gap:12px}.workflow-state.is-active{opacity:1;transform:translateY(0);position:relative}.workflow-header{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#93c5fd}.workflow-body{border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172a80;padding:14px}.workflow-body.monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;color:#dbe7f3;min-height:150px}.typing-line{max-width:100%}.typing-active .typing-line{overflow:hidden;white-space:pre;display:block;opacity:1;width:0;animation:typingText .85s steps(32,end) forwards,typingFade .2s ease forwards;animation-delay:var(--delay, 0s)}.typing-active .typing-line:nth-child(2){animation-duration:.45s}.typing-active .typing-line:nth-child(4){animation-duration:.55s}.typing-line{opacity:0;transform:translateY(6px);line-height:1.5}.workflow-state:not(.typing-active) .typing-line{animation:none;opacity:0}.typing-cursor{display:inline-block;width:6px;height:14px;margin-left:4px;background:#93c5fd;animation:cursorBlink 1s steps(2,start) infinite}.workflow-subtext{font-size:13px;color:var(--muted)}.workflow-subline{display:block;margin-top:6px;color:#cbd5e1bf;font-size:12px;letter-spacing:.1px}.template-visual{display:grid;gap:10px;position:relative;min-height:150px;background:#0c1222b3}.template-logo{width:18px;height:18px;border-radius:6px;background:#38bdf866;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.template-logo img{width:100%;height:100%;object-fit:contain;display:block}.template-progress{height:4px;border-radius:999px;background:linear-gradient(90deg,#38bdf8a6,#38bdf826)}.template-caption{text-align:center;font-weight:600;color:#dbeafe}.template-caption.is-muted{color:#cbd5e1b3;font-weight:500}.workflow-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 12px;font-size:12px;color:var(--muted)}.export-visual{display:grid;gap:12px;min-height:150px}.export-progress{display:grid;gap:6px;font-size:12px;color:var(--muted)}.export-bar{height:6px;border-radius:999px;background:linear-gradient(90deg,#38bdf899,#38bdf826);width:0%;animation:exportFill .65s ease forwards;animation-play-state:paused}.export-active .export-bar{animation-play-state:running}.export-final{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,132px);align-items:center;opacity:0;animation:exportReveal .3s ease forwards;animation-delay:.7s;animation-play-state:paused}.export-active .export-final{animation-play-state:running}.export-frame{position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(56,189,248,.25);background:#090e1899;padding:16px;min-height:150px;display:grid;place-items:center;gap:8px}.export-frame.is-final{background:linear-gradient(160deg,#0c1222e6,#0f172ab3);border-color:#38bdf859}.export-frame.is-final:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#02061700 45%,#02061773);pointer-events:none}.export-caption{text-align:center;font-weight:600;color:#dbeafe;position:relative;z-index:1}.export-caption.is-muted{font-weight:500;color:#cbd5e1b3}.export-play{position:relative;width:48px;height:48px;border-radius:14px;border:1px solid rgba(148,163,184,.5);background:#0f172a8c;display:inline-flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 10px 18px #02061759}.export-play-icon{width:0;height:0;border-left:12px solid #e2f0ff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px}.export-meta{display:grid;gap:4px}.export-meta-block{display:grid;gap:6px;align-content:center}.export-file{font-size:11px;color:#e2f0ff;font-weight:600;text-shadow:0 0 8px rgba(56,189,248,.2)}.export-active .export-file{animation:exportFileGlow .3s ease forwards}.export-stats{font-size:11px;color:#cbd5f5}.export-location{font-size:11px;color:#94a3b8}.export-receipt{font-size:11px;color:#94a3b8cc;letter-spacing:.4px}@media (max-width: 720px){.export-final{grid-template-columns:1fr}}.tab-row{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:#0f172a80;color:var(--muted);cursor:pointer}.tab.active{border-color:#38bdf8b3;color:#e0f2fe;background:#38bdf826}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.template-card{border-radius:18px;padding:18px;background:#0f172ab3;border:1px solid rgba(56,189,248,.2);display:grid;gap:8px}.template-preview{height:110px;border-radius:14px;background:linear-gradient(135deg,#0f172a99,#38bdf826);border:1px dashed rgba(148,163,184,.3)}.template-tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#bae6fd}.template-card p{margin:0;color:var(--muted);font-size:13px}.feature-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature-group ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px}.group-icon{margin-right:8px;font-size:16px}.progression{position:relative;max-width:740px;display:grid;gap:16px;padding-left:18px;padding-right:8px}.progression:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06090f66,#06090f29 52%,#06090f3d);border-radius:18px;pointer-events:none}.progress-group{display:grid;gap:16px}.progress-group.is-early{gap:8px;color:#94a3b899}.progress-group.is-pivot{padding:18px 0 22px}.progress-group.is-system{gap:10px;color:#94a3b8e6}.progress-stage{position:relative;padding-left:18px;transition:opacity .2s ease}.progress-stage:before{content:"";position:absolute;left:-4px;top:8px;width:8px;height:8px;border-radius:999px;background:#94a3b859}.progress-stage h3{margin:0 0 6px;font-size:17px}.progress-group.is-pivot .progress-stage h3{font-size:20px}.progress-stage p{margin:4px 0;color:inherit;line-height:1.5}.progress-stage.is-highlight{color:#f8fbff;padding:14px 16px 14px 22px;border-radius:14px;background:#ffffff0d}.progress-stage.is-highlight:before{background:#38bdf8a6}.progress-note{font-weight:600;color:#bad6ffe6;padding-left:22px;margin:8px 0 0;font-size:12px;letter-spacing:.6px}.progress-aside{margin:0;font-style:italic;color:#94a3b899;padding-left:18px}.progress-divider{height:1px;background:#94a3b82e;margin:8px 0 12px}.progression-footer{max-width:740px;color:#e2e8f0f5;margin:0;padding-left:18px;font-weight:600}.progress-stage:hover+.progress-stage{opacity:.9}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{padding:20px;border-radius:18px;background:#0f172ab3;border:1px solid rgba(56,189,248,.2)}.stat-card strong{display:block;font-size:22px}.stat-card span{color:var(--muted);font-size:13px}.cta-band{padding:48px 0;background:linear-gradient(135deg,#38bdf82e,#0c1222f2);border-top:1px solid rgba(56,189,248,.3);border-bottom:1px solid rgba(56,189,248,.1)}.cta-center .cta-content{justify-content:center;text-align:center}.cta-center .cta-content>div{max-width:640px}.cta-button{padding:14px 26px;font-size:16px;box-shadow:0 12px 24px #0ea5e940}.button.mini{padding:8px 14px;font-size:12px}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.pricing-card ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.pricing-card.standout{border-color:#38bdf899;box-shadow:0 20px 40px #0ea5e933}.roadmap-grid .roadmap-card{background:#0f172a59;border:1px dashed rgba(148,163,184,.35);box-shadow:none;padding:18px}.roadmap-header{display:flex;justify-content:flex-start}.roadmap-badge{font-size:11px;text-transform:uppercase;letter-spacing:.8px;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172a66;color:var(--muted)}.roadmap-badge.in-progress{border-color:#38bdf866;color:#bae6fd;background:#38bdf81f}.roadmap-badge.planned{border-color:#94a3b866;color:#e2e8f0e6;background:#94a3b814}.roadmap-badge.research{border-color:#d1904980;color:#f0d6b1;background:#d190491f}.download-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:20px;background:#0f172ab3;border:1px solid rgba(56,189,248,.3);flex-wrap:wrap}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.support-grid .card{overflow:hidden}.upload-card{display:grid;gap:12px;margin-top:16px}.upload-card .input,.upload-card input[type=file]{width:100%;max-width:100%}.file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.file-card{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid rgba(56,189,248,.2);background:#0f172a99;min-height:120px}.file-preview{width:100%;height:110px;border-radius:10px;overflow:hidden;border:1px solid rgba(56,189,248,.2);background:#080c1499;display:flex;align-items:center;justify-content:center}.file-preview img{width:100%;height:100%;object-fit:cover}.file-icon{height:54px;width:54px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#e2f0ff;background:#38bdf833;border:1px solid rgba(56,189,248,.35);text-transform:uppercase;letter-spacing:.6px}.file-name{margin:0 0 4px;font-size:13px;color:var(--text);word-break:break-word}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-strong);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #38bdf840}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.secondary{background:transparent;border:1px solid var(--accent);color:#bae6fd}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(56,189,248,.4);color:#bae6fd;font-size:12px}.footer{margin-top:auto;border-top:1px solid var(--border);padding:24px;text-align:center;color:var(--muted);background:var(--panel-alt)}.form{display:grid;gap:12px;max-width:420px}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel-alt);color:var(--text)}textarea.input{resize:vertical;max-width:100%}.notice{padding:12px 14px;border-radius:12px;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:#bae6fd}.notice.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.notice.error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fecaca}.notice.slide-in{margin-top:12px;animation:slideIn .25s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes typingFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typingText{0%{width:0}to{width:100%}}@keyframes cursorBlink{0%,to{opacity:.2}50%{opacity:1}}@keyframes exportFill{0%{width:0%}to{width:100%}}@keyframes exportReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes exportFileGlow{0%{text-shadow:0 0 0 rgba(56,189,248,0)}to{text-shadow:0 0 12px rgba(56,189,248,.45)}}.status{font-size:14px;color:var(--muted)}@media (max-width: 900px){.nav{padding:16px 20px}.nav-left{gap:16px}.hero{grid-template-columns:1fr}.hero-meta{grid-template-columns:1fr 1fr}.cta-content{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.nav-actions{width:100%;justify-content:flex-start}.hero-meta{grid-template-columns:1fr}.cta-center .cta-content{text-align:left}.download-card{align-items:flex-start}}