@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--canvas:#f4f7fb;--canvas-strong:#e9eef7;--surface:#ffffffeb;--surface-strong:#fff;--surface-muted:#eef3f8;--surface-dark:#0f1728;--text:#172033;--text-muted:#5f6b83;--text-soft:#8793ab;--border:#15203317;--border-strong:#15203329;--primary:#176bff;--primary-soft:#176bff1f;--ai:#0ea5a0;--ai-soft:#0ea5a01f;--success:#14804a;--success-soft:#14804a1a;--warning:#bb7a18;--warning-soft:#bb7a181f;--danger:#d14343;--danger-soft:#d143431f;--seg-idle-bg:#1720330f;--seg-idle-border:#15203329;--seg-idle-text:#4a5874;--seg-active-bg:#176bff29;--seg-active-border:#176bff57;--seg-active-text:#18489f;--shadow-soft:0 20px 60px #0d1a2e14;--shadow-card:0 12px 30px #0d1a2e0d;--shadow-panel:0 24px 60px #0d1a2e1f;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--max-marketing:1280px;--max-app:1540px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f8fbff 0%,#f2f5fb 100%);font-family:Manrope,sans-serif;font-weight:500;line-height:1.5}@media (prefers-color-scheme:dark){:root{--canvas:#0c1322;--canvas-strong:#121b2e;--surface:#121b2ed9;--surface-strong:#141f35;--surface-muted:#1c2740;--surface-dark:#08101e;--text:#f4f7fc;--text-muted:#b5bfd4;--text-soft:#7f8aa4;--border:#ffffff14;--border-strong:#ffffff24;--seg-idle-bg:#ffffff0a;--seg-idle-border:#ffffff24;--seg-idle-text:#c6d1e7;--seg-active-bg:#176bff57;--seg-active-border:#72a5ff94;--seg-active-text:#f4f8ff;--shadow-soft:0 20px 60px #00000047;--shadow-card:0 12px 30px #0000003d;--shadow-panel:0 24px 60px #00000057;background:linear-gradient(#09111f 0%,#0d1526 100%)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,h4{color:var(--text);margin:0;line-height:1.08}h1,.display-title{letter-spacing:-.05em;font-family:Space Grotesk,sans-serif}h2{font-size:clamp(2rem,2.8vw,2.75rem)}h3{font-size:1.2rem}p{color:var(--text-muted);margin:0}strong{color:var(--text)}label{color:var(--text);gap:.55rem;font-size:.96rem;display:grid}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);outline:none;padding:.9rem 1rem;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;min-height:112px}input:focus,select:focus,textarea:focus{border-color:#176bff52;box-shadow:0 0 0 4px #176bff1f}.marketing-shell{min-height:100vh;padding:1.5rem}.marketing-header,.marketing-footer,.marketing-main,.app-shell,.builder-shell,.preview-shell{width:100%}.marketing-header,.marketing-footer{max-width:var(--max-marketing);margin:0 auto}.marketing-header{justify-content:space-between;align-items:center;gap:1.25rem;padding:1rem 0 1.5rem;display:flex}.marketing-nav,.footer-links,.cluster,.chip-row,.topbar-actions,.hero-proof,.tab-row,.segmented,.auth-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.brand-mark{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.marketing-nav a,.footer-links a,.app-nav-link{color:var(--text-muted);transition:color .16s,background .16s}.marketing-nav a:hover,.footer-links a:hover,.app-nav-link:hover{color:var(--text)}.marketing-main{max-width:var(--max-marketing);margin:0 auto}.marketing-stack,.section-stack{gap:2rem;display:grid}.marketing-section{gap:1.4rem;display:grid}.hero-grid,.grid{gap:1.5rem;display:grid}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;padding:4rem 0 1.5rem}.hero-copy,.hero-demo,.auth-shell,.preview-shell{position:relative}.hero-copy{gap:1.2rem;display:grid}.display-title{max-width:11ch;font-size:clamp(3rem,7vw,5.25rem)}.hero-text{max-width:38rem;font-size:1.125rem}.hero-proof span,.command-pill{border:1px solid var(--border);color:#d6def0;box-shadow:var(--shadow-card);background:#ffffff14;border-radius:999px;padding:.7rem 1rem}.command-pill{color:var(--text);background:#176bff14;border-color:#176bff29;align-items:center;gap:.6rem;display:inline-flex}.hero-proof span:nth-child(2n){background:#0ea5a01a}.command-key{border:1px solid var(--border);color:var(--text-soft);background:#ffffffbf;border-radius:8px;padding:.25rem .45rem;font-family:IBM Plex Mono,monospace;font-size:.78rem}.hero-demo:before{content:"";pointer-events:none;background:radial-gradient(circle,#0ea5a02e,#0000 72%);width:180px;height:180px;position:absolute;inset:auto 6% 8% auto}.card,.demo-window,.app-sidebar,.app-topbar,.page-shell,.builder-panel,.canvas-frame,.preview-bar,.site-preview,.auth-card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-card)}.card,.auth-card,.site-preview,.page-shell,.builder-panel,.canvas-frame{border-radius:var(--radius-md)}.card,.auth-card,.builder-panel,.page-shell,.preview-bar,.site-preview{padding:1.35rem}.card{gap:1rem;display:grid;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0f,#0000 40%);position:absolute;inset:0}.surface-muted,.demo-panel,.demo-panel-strong,.trust-banner{background:var(--surface-muted)}.demo-window{border-radius:30px;gap:1rem;padding:1.25rem;display:grid}.demo-toolbar,.space-between,.site-row,.record-row,.help-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-grid{grid-template-columns:.9fr 1.1fr;gap:1rem;display:grid}.demo-grid .demo-panel:last-child{grid-column:1/-1}.demo-panel,.demo-panel-strong{border-radius:var(--radius-sm);padding:1rem}.demo-panel-strong{background:linear-gradient(150deg,#176bff1f,#0ea5a014)}.metric-inline{justify-content:space-between;align-items:baseline;display:flex}.logo-band{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-muted);background:linear-gradient(#ffffff08,#0000);padding:1rem 1.25rem}.section-intro{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.section-intro>div:first-child{gap:.65rem;display:grid}.section-description{max-width:44rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-soft);font-size:.77rem;font-weight:700}.muted-copy{color:var(--text-muted)}.button{white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 1.1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.button-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px #176bff38}.button-secondary{background:var(--surface-strong);border-color:var(--border);color:var(--text)}.button-ghost{color:var(--text-muted);border-color:#0000}.button-danger{background:var(--danger-soft);color:var(--danger)}.badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-neutral{border-color:var(--border);color:var(--text-muted);background:#ffffff8c}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-ai{background:var(--ai-soft);color:var(--ai)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.stack-compact,.stack-align-end,.task-list,.detail-grid,.form-grid,.fact-list{gap:.85rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-align-end{justify-items:end}.mini-list{color:var(--text-muted);gap:.5rem;margin:0;padding-left:1.1rem;display:grid}.metric-card{min-height:156px}.metric-label{color:var(--text-soft);font-size:.85rem}.metric-value{color:var(--text);font-size:clamp(1.9rem,2vw,2.5rem);font-weight:800}.metric-helper{font-size:.95rem}.quick-action,.section-node,.lead-card,.help-row,.library-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong);text-align:left;width:100%;padding:1rem}.quick-action{color:var(--text);font-weight:700}.quick-action,.help-row{background:linear-gradient(180deg, #ffffff0a, transparent), var(--surface-strong)}.template-card{min-height:340px;transition:transform .18s,border-color .18s,box-shadow .18s}.template-card:hover{box-shadow:var(--shadow-panel);border-color:#4d8dff38;transform:translateY(-3px)}.template-card-premium{background:radial-gradient(circle at top right, #dfa94729, transparent 24%), linear-gradient(180deg, #ffffff0a, transparent 30%), var(--surface)}.template-art{background:linear-gradient(145deg,#176bff2e,#0000 48%),linear-gradient(#ffffffd1,#e1e9f5b8);border:1px solid #ffffff8c;border-radius:20px;min-height:180px;position:relative}.template-art:before,.template-art:after{content:"";background:#fffc;border:1px solid #17203314;border-radius:14px;position:absolute;left:14px;right:14px}.template-art:before{height:46px;top:14px}.template-art:after{top:72px;bottom:14px}.template-fit{color:var(--text);font-weight:700}.feature-card{min-height:260px}.plan-card{min-height:320px}.plan-card-featured{background:linear-gradient(160deg, #176bff1f, #0ea5a00f), var(--surface);position:relative}.auth-shell{place-items:center;min-height:calc(100vh - 180px);padding:2rem 0 3rem;display:grid}.auth-card{gap:1.25rem;width:100%;max-width:760px}.email-auth-form{border:1px solid var(--border);background:#ffffff05;border-radius:16px;gap:.9rem;padding:1rem;display:grid}.auth-feedback{font-size:.95rem}.auth-feedback-success{color:#7ee7ce}.auth-feedback-error{color:#ff9d9d}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.app-shell{max-width:var(--max-app);grid-template-columns:280px minmax(0,1fr);gap:1rem;min-height:100vh;margin:0 auto;padding:1.25rem;display:grid}.app-sidebar{height:calc(100vh - 2.5rem);box-shadow:var(--shadow-panel);align-content:start;gap:1.4rem;padding:1.25rem;display:grid;position:sticky;top:1.25rem}.sidebar-top{gap:.9rem;display:grid}.app-nav{gap:.45rem;display:grid}.app-nav-link{border-radius:14px;padding:.85rem 1rem}.app-nav-link-active{color:var(--text);background:#176bff1a}.app-content{grid-auto-rows:max-content;align-content:start;gap:1rem;display:grid}.app-topbar{border-radius:var(--radius-md);background:radial-gradient(circle at top right, #176bff14, transparent 30%), var(--surface);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;display:flex}.topbar-site{gap:.55rem;display:grid}.topbar-meta{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.site-meta{color:var(--text-soft);font-size:.92rem}.app-title,.builder-title{font-size:clamp(1.8rem,2vw,2.4rem)}.page-shell{min-height:0}.task-list div,.site-row,.record-row,.detail-grid div{border-top:1px solid var(--border);padding:.85rem 0}.task-list div:first-child,.record-row:first-of-type,.detail-grid div:nth-child(-n+2){border-top:0}.field-span-2{grid-column:span 2}.tab-button,.suggestion-chip{border:1px solid var(--border);color:var(--text-muted);background:#ffffffa6;border-radius:999px;padding:.7rem 1rem}.segmented-button{border:1px solid var(--seg-idle-border);color:var(--seg-idle-text);background:var(--seg-idle-bg);border-radius:999px;padding:.7rem 1rem;transition:background .16s,border-color .16s,color .16s,transform .16s}.segmented-button:hover{color:var(--text);border-color:var(--seg-active-border);background:color-mix(in srgb, var(--seg-idle-bg) 40%, var(--seg-active-bg) 60%)}.tab-button-active,.segmented-button-active{color:var(--seg-active-text);background:var(--seg-active-bg);border-color:var(--seg-active-border);box-shadow:inset 0 1px #ffffff14}.prompt-box{min-height:220px}.progress-shell{gap:.55rem;display:grid}.progress-label{color:var(--text-soft);font-size:.85rem}.progress-track{background:#17203314;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--ai));height:100%}.stepper{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--border);color:var(--text-soft);background:#ffffff8c;border-radius:16px;align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.step-active{color:var(--text);background:var(--surface-strong)}.step-index{width:30px;height:30px;color:var(--primary);background:#176bff1f;border-radius:999px;place-items:center;font-size:.85rem;font-weight:800;display:grid}.upload-card,.upgrade-card{min-height:100%}.upload-zone{text-align:center;border:1.5px dashed #176bff38;border-radius:20px;place-items:center;gap:.8rem;min-height:240px;padding:2rem;display:grid}.fact-row{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:1.2rem 0;display:flex}.fact-row:first-child{border-top:0}.builder-shell{background:radial-gradient(circle at 0 0,#176bff14,#0000 24%),linear-gradient(#09101c 0%,#0c1423 100%);gap:1rem;min-height:100vh;padding:1.15rem;display:grid}.builder-topbar{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-panel);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.save-status{color:var(--text-soft)}.builder-grid{grid-template-columns:280px minmax(0,1fr) 330px;gap:1rem;min-height:calc(100vh - 130px);display:grid}.builder-panel{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0a, transparent 40%), var(--surface);min-height:0;box-shadow:var(--shadow-card);align-content:start;gap:1rem;padding:1.15rem;display:grid}.panel-block{gap:1rem;display:grid}.section-node,.library-row,.lead-card{transition:border-color .18s,transform .18s,background .18s}.section-node:hover,.library-row:hover,.lead-card:hover{border-color:#176bff2e;transform:translateY(-1px)}.section-node-active,.lead-card-active{background:linear-gradient(#176bff1f,#176bff0d);border-color:#176bff40}.builder-canvas{min-height:0}.canvas-frame{background:radial-gradient(circle at 0 0,#176bff1f,#0000 22%),radial-gradient(circle at 100% 100%,#0ea5a014,#0000 26%),linear-gradient(#0a101efa,#0d1423fa);border:1px solid #a8c4ff29;min-height:100%;padding:1.25rem;overflow:auto;box-shadow:inset 0 1px #ffffff0d}.builder-canvas-mobile .canvas-frame{max-width:430px;margin:0 auto}.canvas-section{background:linear-gradient(#ffffff0a,#0000 32%),#111b2ef2;border:1px solid #a8c4ff1f;border-radius:20px;gap:.8rem;margin-bottom:1rem;padding:1.35rem;transition:border-color .18s,box-shadow .18s;display:grid}.canvas-section-active{border-color:#4d8dff7a;box-shadow:0 0 0 4px #176bff1a,0 24px 40px #00000038}.canvas-section h3,.canvas-section strong{color:#f4f7fc}.canvas-section p{color:#aeb9d0}.canvas-section .eyebrow{color:#90a0c0}.canvas-section .badge-neutral{color:#d6def0;background:#ffffff0f;border-color:#ffffff14}.canvas-section .badge-ai{color:#67d6d0;background:#0ea5a029}.modal-backdrop{background:#09111f59;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.publish-modal{width:min(560px,100%)}.preview-shell{gap:1rem;padding:1.25rem;display:grid}.preview-bar{border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-preview{background:radial-gradient(circle at top right, #176bff14, transparent 22%), var(--surface-strong);width:min(1080px,100%);margin:0 auto}.preview-hero,.preview-section{gap:1rem;padding:2.5rem;display:grid}.preview-hero{border-bottom:1px solid var(--border)}.preview-subtitle{max-width:42rem;font-size:1.12rem}.chart-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.9rem;min-height:240px;display:grid}.chart-column{color:var(--text-soft);justify-items:center;gap:.55rem;display:grid}.chart-bar-wrap{align-items:end;width:100%;min-height:190px;display:flex}.chart-bar{background:linear-gradient(180deg, var(--primary), var(--ai));border-radius:14px 14px 4px 4px;width:100%}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid span{color:var(--text-soft);margin-bottom:.2rem;display:block}.record-row strong,.detail-grid strong{font-size:.98rem}.library-row{justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;display:flex}.library-row span:last-child{color:var(--primary);font-size:.92rem}.pricing-hero{gap:1rem;padding:2.5rem 0 .5rem;display:grid}.footer-copy{max-width:24rem}.marketing-footer{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:3rem;padding:1.5rem 0 2rem;display:flex}@media (width<=1180px){.hero-grid,.grid-3,.builder-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:auto}.app-shell{grid-template-columns:1fr}.app-sidebar{height:auto;position:static}.builder-canvas{order:1}.builder-panel:first-child{order:2}.builder-panel:last-child{order:3}}@media (width<=880px){.marketing-shell,.builder-shell,.app-shell,.preview-shell{padding:.8rem}.marketing-header,.marketing-footer,.app-topbar,.builder-topbar,.preview-bar,.section-intro{flex-direction:column;align-items:flex-start}.topbar-actions,.topbar-meta{width:100%}.grid-2,.grid-4,.card-grid,.detail-grid,.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-row{flex-direction:column;align-items:flex-start}}@media (width<=640px){.display-title{font-size:2.75rem}.grid-4,.grid-3,.demo-grid,.stepper{grid-template-columns:1fr}.chart-bars{gap:.55rem}.preview-hero,.preview-section{padding:1.4rem}.builder-topbar,.app-topbar{padding:1rem}.builder-grid{gap:.8rem}.tab-row{padding-bottom:.2rem;overflow-x:auto}.suggestion-chip{text-align:left}.command-pill{justify-content:center;width:100%}}