:root{color:#e8ecff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel:#0c1222c7;--panel-strong:#10172aeb;--border:#ffffff17;--text-soft:#9aa7c7;--accent:#7c8cff;--accent-2:#4de2c5;--shadow:0 20px 60px #00000059;background:radial-gradient(circle at 0 0,#5274ff38,#0000 30%),radial-gradient(circle at 100% 0,#00e0c124,#0000 28%),linear-gradient(#08101f 0%,#0b1220 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#edf1ff;margin:0}button,textarea{font:inherit}.appShell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b17ad;height:100vh;padding:28px 20px;position:sticky;top:0}.brandBlock{align-items:center;gap:14px;margin-bottom:34px;display:flex}.brandIcon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07111f;width:48px;height:48px;box-shadow:var(--shadow);border-radius:16px;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.brandBlock h2{margin:0;font-size:1.2rem}.brandBlock p{color:var(--text-soft);margin:4px 0 0;font-size:.95rem}.sideSection{margin-bottom:28px}.sideLabel{color:#7f8db0;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;display:block}.sideItem{color:#d9e1ff;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;width:100%;margin-bottom:8px;padding:12px 14px;transition:all .2s}.sideItem:hover,.sideItem.active{background:#7c8cff1f;border-color:#7c8cff47}.miniCard{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:18px}.miniCard strong{margin-bottom:8px;display:block}.miniCard p{color:var(--text-soft);margin:0 0 14px;line-height:1.5}.miniBtn{cursor:pointer;background:linear-gradient(135deg, var(--accent), #9a75ff);color:#fff;border:0;border-radius:12px;width:100%;padding:11px 14px;font-weight:700}.mainContent{padding:34px}.hero{grid-template-columns:1.4fr .95fr;gap:24px;margin-bottom:24px;display:grid}.heroCopy,.heroPanel,.workspaceCard,.statCard,.featureCard,.activityCard,.pricingCard,.useCaseCard{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.heroCopy{border-radius:30px;padding:34px}.pill{color:#cfd6ff;background:#7c8cff21;border:1px solid #7c8cff3d;border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:.84rem;display:inline-flex}.heroCopy h1{max-width:760px;margin:0 0 16px;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.04}.heroCopy p{color:var(--text-soft);max-width:700px;margin:0;font-size:1.04rem;line-height:1.7}.heroActions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primaryBtn,.secondaryBtn{cursor:pointer;border-radius:14px;padding:13px 18px;transition:transform .18s,opacity .18s,border-color .18s}.primaryBtn{background:linear-gradient(135deg, var(--accent), #9d73ff);color:#fff;border:0;font-weight:700}.secondaryBtn{border:1px solid var(--border);color:#e6ebff;background:#ffffff08}.primaryBtn:hover,.secondaryBtn:hover,.modeTab:hover,.miniBtn:hover{transform:translateY(-1px)}.trustRow{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.trustChip{border:1px solid var(--border);color:#dbe5ff;background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.94rem;display:inline-flex}.trustDot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;width:8px;height:8px;box-shadow:0 0 14px #4de2c599}.heroPanel{border-radius:30px;flex-direction:column;gap:18px;padding:24px;display:flex}.panelTop{color:var(--text-soft);justify-content:space-between;align-items:flex-start;display:flex}.panelEyebrow{color:#95a3c9;margin-bottom:6px;font-size:.9rem;display:block}.panelTop h3{color:#edf1ff;margin:0;font-size:1.5rem}.statusDot{color:#a8ffe2;padding-top:4px;font-size:.92rem}.miniStats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.miniStat{background:var(--panel-strong);border:1px solid var(--border);border-radius:18px;padding:14px}.miniStat strong{margin-bottom:8px;font-size:1.2rem;display:block}.miniStat span{color:var(--text-soft);font-size:.9rem;line-height:1.4}.panelChart{background:var(--panel-strong);border:1px solid var(--border);border-radius:24px;flex-direction:column;justify-content:end;min-height:250px;padding:18px 22px 22px;display:flex}.chartHeader p{color:var(--text-soft);margin:0}.bars{align-items:end;gap:12px;height:170px;margin-top:18px;display:flex}.bar{flex:1;align-items:end;height:100%;display:flex}.bar span{background:linear-gradient(#90a2ff 0%,#4de2c5 100%);border-radius:14px 14px 6px 6px;width:100%;box-shadow:0 10px 30px #4de2c52e}.statsGrid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.statCard{border-radius:22px;padding:22px}.statCard p{color:var(--text-soft);margin:0 0 10px}.statCard h3{margin:0;font-size:2rem}.statCard span{color:#b8c2df;margin-top:8px;font-size:.95rem;display:block}.useCaseStrip{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.useCaseCard{border-radius:22px;padding:22px}.useCaseLabel{color:#d6ddff;background:#7c8cff1f;border:1px solid #7c8cff40;border-radius:999px;margin-bottom:12px;padding:7px 10px;font-size:.85rem;display:inline-flex}.useCaseCard p{color:var(--text-soft);margin:0;line-height:1.7}.workspaceCard{border-radius:30px;margin-bottom:24px;padding:28px}.workspaceTop{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.workspaceTop h2,.sectionHead h3,.outputHeader h3{margin:0 0 6px}.workspaceTop p,.sectionHead span,.outputHeader span{color:var(--text-soft);margin:0}.modeTabs{flex-wrap:wrap;gap:10px;display:flex}.modeTab{border:1px solid var(--border);color:#dce4ff;cursor:pointer;background:#ffffff08;border-radius:999px;padding:10px 14px}.modeTab.active{background:#7c8cff26;border-color:#7c8cff4d}.generatorGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.generatorPanel,.outputPanel{background:var(--panel-strong);border:1px solid var(--border);border-radius:24px;padding:20px}.generatorPanel label{margin-bottom:12px;font-weight:700;display:block}.generatorPanel textarea{resize:vertical;border:1px solid var(--border);color:#ecf1ff;background:#ffffff06;border-radius:18px;outline:none;width:100%;min-height:220px;padding:16px}.generatorPanel textarea::placeholder{color:#8390b2}.generatorActions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.loadingCard{background:#7c8cff14;border:1px solid #7c8cff2e;border-radius:18px;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.loadingCard p{color:var(--text-soft);margin:6px 0 0}.spinner{border:2px solid #ffffff38;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin}.outputHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.planList{gap:12px;display:grid}.planCard{border:1px solid var(--border);background:#ffffff08;border-radius:18px;grid-template-columns:58px 1fr;gap:14px;padding:16px;display:grid}.planStep{color:#f2f5ff;background:linear-gradient(135deg,#7c8cff38,#4de2c52e);border:1px solid #7c8cff2e;border-radius:16px;place-items:center;width:58px;height:58px;font-weight:800;display:grid}.planCard h4{margin:0 0 8px;font-size:1rem}.planCard p{color:var(--text-soft);margin:0;line-height:1.65}.emptyState{text-align:center;min-height:220px;color:var(--text-soft);border:1px dashed #ffffff1f;border-radius:18px;place-items:center;padding:20px;display:grid}.emptyState h4{color:#edf1ff;margin:0 0 8px}.emptyState p{max-width:380px;margin:0;line-height:1.6}.featureGrid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.featureCard{border-radius:22px;padding:22px}.featureCard h3{margin:0 0 10px}.featureCard p{color:var(--text-soft);margin:0;line-height:1.7}.bottomGrid{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.activityCard,.pricingCard{border-radius:26px;padding:24px}.sectionHead{margin-bottom:18px}.activityList{gap:14px;display:grid}.activityItem{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:16px}.activityItem strong{margin-bottom:8px;display:block}.activityItem p{color:var(--text-soft);margin:0}.pricingTiers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tier{border:1px solid var(--border);background:#ffffff08;border-radius:18px;padding:18px}.tier.featured{background:linear-gradient(#7c8cff26,#4de2c514);border-color:#7c8cff3d}.tier h4{margin:0 0 10px}.price{margin:0 0 10px;font-size:1.8rem;font-weight:800}.price span{color:var(--text-soft);font-size:.95rem}.tier span{color:var(--text-soft);line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.hero,.generatorGrid,.bottomGrid,.statsGrid,.featureGrid,.pricingTiers,.useCaseStrip,.miniStats,.appShell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:relative}}@media (width<=720px){.mainContent{padding:18px}.heroCopy,.heroPanel,.workspaceCard,.activityCard,.pricingCard,.featureCard,.statCard,.useCaseCard{border-radius:22px;padding:20px}.workspaceTop,.outputHeader,.panelTop{flex-direction:column;align-items:flex-start}.heroCopy h1{font-size:2rem}.planCard{grid-template-columns:1fr}}