*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070c14;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}main{min-height:100vh;background:radial-gradient(circle at 85% 5%,rgba(139,92,246,.18),transparent 30%),radial-gradient(circle at 10% 15%,rgba(34,211,238,.09),transparent 24%),linear-gradient(180deg,#070c14,#0a111c 70%,#070c14)}.topbar{height:74px;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.08);position:-webkit-sticky;position:sticky;top:0;background:rgba(7,12,20,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px}.brandMark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:white}.brand span,.brand strong{display:block}.brand span{font-size:.72rem;color:#8391a3;margin-top:2px}.status{font-size:.78rem;color:#b6c1cf;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 12px}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:7px;box-shadow:0 0 12px #34d399}.hero{max-width:1200px;margin:auto;padding:76px 5vw 30px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#a78bfa;font-weight:800}.hero h1{font-size:clamp(2.7rem,5.6vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px;max-width:980px}.hero h1 em,.value h2 em{font-style:normal;background:linear-gradient(135deg,#a78bfa,#22d3ee);-webkit-background-clip:text;color:transparent}.hero p{max-width:790px;color:#93a4b8;font-size:1.08rem;line-height:1.65}.scenarioBar{max-width:1200px;margin:0 auto 22px;padding:0 5vw;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.scenarioBar>span{font-size:.78rem;color:#728096;margin-right:4px}.scenarioBar button{border:1px solid rgba(167,139,250,.26);background:rgba(139,92,246,.08);color:#c8baff;border-radius:999px;padding:8px 12px;font-size:.76rem}.scenarioBar button:hover{border-color:#8b5cf6;background:rgba(139,92,246,.18);color:white}.workspace{max-width:1200px;margin:auto;padding:0 5vw 90px;display:grid;grid-template-columns:1fr 1fr .72fr;grid-gap:18px;gap:18px}.card{border:1px solid rgba(255,255,255,.08);background:rgba(12,20,32,.82);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.22)}.panelHead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.panelHead span,.panelHead strong{display:block}.panelHead span{font-size:.72rem;color:#77869a;margin-top:3px}.panelHead svg{color:#a78bfa}.messages{min-height:455px;max-height:520px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:14px}.message{display:flex;gap:9px;align-items:flex-end;max-width:88%}.message.user{align-self:flex-end;flex-direction:row-reverse}.miniAvatar{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#182238;color:#b9c4d2;flex:0 0 auto}.message p{margin:0;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#141e2f;color:#dce3eb;font-size:.88rem;line-height:1.5}.message.user p{background:linear-gradient(135deg,#8b5cf6,#6d55dd);color:white;border-radius:16px 16px 4px 16px}.composer{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.07)}.composer input{min-width:0;border:1px solid rgba(255,255,255,.09);background:#0a1320;color:white;border-radius:14px;padding:13px 14px;outline:none}.composer input:focus{border-color:#8b5cf6}.composer button{width:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);display:grid;place-items:center;color:white}.stepList{padding:18px}.step{display:grid;grid-template-columns:36px 1fr auto;grid-gap:11px;gap:11px;align-items:center;padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.06);transition:.25s}.step:last-child{border-bottom:0}.step.working{background:rgba(139,92,246,.08);border-radius:14px;border-bottom-color:transparent}.step.done{opacity:.96}.stepIcon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#141e2f;color:#6e7c91;font-size:.78rem;font-weight:800}.step.done .stepIcon{background:rgba(52,211,153,.12);color:#34d399}.step.working .stepIcon{background:rgba(139,92,246,.16);color:#a78bfa;animation:pulse 1s infinite}.step strong{font-size:.84rem}.step p{margin:4px 0 0;color:#75859a;font-size:.72rem;line-height:1.4}.step small{font-size:.66rem;color:#5f6d7f}.step.done small{color:#34d399}.step.working small{color:#a78bfa}.actionResult{margin:4px 18px 18px;padding:18px;border:1px solid rgba(34,211,238,.14);border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(34,211,238,.05))}.actionResult span,.actionResult strong{display:block}.actionResult span{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#7b8a9e}.actionResult strong{margin-top:7px;font-size:.94rem}.actionMeta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:7px;color:#8191a5;font-size:.7rem;line-height:1.45}.value{padding:26px}.value h2{font-size:2rem;line-height:1.08;letter-spacing:-.035em;margin:12px 0 26px}.valueItem{display:flex;gap:12px;margin:21px 0}.valueItem>svg{color:#a78bfa;flex:0 0 auto}.valueItem strong{font-size:.85rem}.valueItem p{margin:4px 0 0;color:#75859a;font-size:.74rem;line-height:1.45}.progress{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}.progress span{color:#7d8ba0;font-size:.72rem}.progress strong{float:right;font-size:.78rem}.progress>div{clear:both;height:7px;background:#172133;border-radius:10px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:10px;transition:width .3s}.value a{display:inline-block;margin-top:22px;color:#a78bfa;text-decoration:none;font-size:.78rem;font-weight:800}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(139,92,246,.05)}}@media(max-width:1050px){.workspace{grid-template-columns:1fr 1fr}.value{grid-column:1/-1}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.value{grid-column:auto}.hero{padding-top:48px}.topbar{padding:0 18px}.status{display:none}.hero,.scenarioBar,.workspace{padding-left:18px;padding-right:18px}.message{max-width:94%}}