@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";:root{color:#f7f2ff;background:#090016;font-family:Outfit,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--bg: #080014;--panel: rgba(22, 11, 43, .72);--panel-strong: rgba(33, 16, 63, .84);--stroke: rgba(226, 216, 255, .18);--stroke-hot: rgba(216, 74, 255, .52);--text: #f7f2ff;--muted: #b9a9d6;--quiet: #837293;--violet: #8d5bff;--pink: #e23fd2;--cyan: #78f3ff;--danger: #ff5e9d;--success: #80f4bd;--shadow: 0 24px 100px rgba(94, 38, 171, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -12%,rgba(226,63,210,.34),transparent 28rem),radial-gradient(circle at 12% 10%,rgba(109,70,255,.36),transparent 26rem),linear-gradient(180deg,#12002e,#080014 42%,#070011)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-4;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}code,pre{font-family:IBM Plex Mono,Lucida Console,monospace}.app-shell{position:relative;isolation:isolate;width:min(100%,1440px);margin:0 auto;padding:18px clamp(18px,4vw,70px) 56px}.ambient{position:fixed;z-index:-3;width:42rem;height:42rem;border-radius:999px;opacity:.42;pointer-events:none;filter:blur(32px);animation:drift 16s ease-in-out infinite alternate}.ambient-one{top:-18rem;left:38%;background:conic-gradient(from 120deg,transparent,#8d5bff,#e23fd2,transparent 72%)}.ambient-two{right:-26rem;bottom:12rem;background:radial-gradient(circle,rgba(120,243,255,.55),transparent 64%);animation-delay:-4s}.grid-haze{position:fixed;inset:auto 0 0;z-index:-2;height:48vh;pointer-events:none;background:linear-gradient(to top,#080014fa,#08001400)}.topbar{position:sticky;top:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#0b021bb8;box-shadow:0 18px 80px #07001173;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em}.brand-mark{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:linear-gradient(135deg,#ffffff38,#ffffff0a),linear-gradient(135deg,var(--violet),var(--pink));box-shadow:0 0 28px #e23fd27a;color:#fff;font-size:14px;line-height:1}.nav-links,.nav-actions,.hero-actions,.agent-buttons,.task-actions,.trust-strip,.metric-row,.dashboard-tabs,.task-meta{display:flex;align-items:center}.nav-links{gap:clamp(14px,3vw,44px);color:var(--muted);font-size:14px}.nav-links a{transition:color .18s ease,text-shadow .18s ease}.nav-links a:hover{color:var(--text);text-shadow:0 0 18px rgba(226,63,210,.6)}.nav-actions,.hero-actions,.agent-buttons,.task-actions{gap:10px;flex-wrap:wrap}.nav-search-input{width:min(220px,30vw);min-height:38px;border-radius:999px}.solid-button,.ghost-button,.danger-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.solid-button{color:#12051f;background:linear-gradient(135deg,#fff,#dcd1ff 52%,#ffc8f8);box-shadow:0 16px 52px #e23fd23d;font-weight:700}.ghost-button,.danger-button{border:1px solid rgba(255,255,255,.2);color:var(--text);background:#ffffff0b}.danger-button{border-color:#ff5e9d59;color:#ffd7e7}.solid-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-2px)}.ghost-button:hover{border-color:#78f3ff66;box-shadow:0 0 32px #78f3ff24}.danger-button:hover{border-color:#ff5e9db8;box-shadow:0 0 32px #ff5e9d1f}button:disabled{cursor:not-allowed;opacity:.45;transform:none!important;box-shadow:none!important}.compact{min-height:38px}.tiny{min-height:34px;padding:0 13px;font-size:13px}.full{width:100%}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:clamp(28px,5vw,76px);align-items:center;min-height:760px;padding:clamp(70px,11vw,142px) 0 70px}.hero-copy{max-width:670px}.eyebrow,.section-kicker,.micro-label,.status-pill{display:inline-flex;width:fit-content;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#e3d8ff;background:#ffffff0e;box-shadow:inset 0 0 18px #ffffff0a;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.eyebrow{padding:9px 14px}.section-kicker,.micro-label,.status-pill{padding:7px 11px}.hero h1{max-width:760px;margin:22px 0 18px;color:var(--text);font-size:clamp(54px,8.4vw,112px);font-weight:400;line-height:.98;letter-spacing:-.055em}.hero p,.composer-card p,.agent-card p,.empty-state p{color:var(--muted);font-size:clamp(16px,2vw,18px);line-height:1.7}.hero p{max-width:610px;margin:0 0 28px}.hero code{color:#f4c8ff;font-size:.88em}.trust-strip{gap:13px;flex-wrap:wrap;margin-top:34px;color:var(--quiet);font-size:13px}.trust-strip span{padding:10px 14px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff0a}.hero-dashboard,.panel{position:relative;overflow:hidden;border:1px solid var(--stroke);background:linear-gradient(145deg,#ffffff17,#ffffff06),var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-dashboard:before,.panel:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle at 18% 0%,rgba(141,91,255,.28),transparent 38%),radial-gradient(circle at 78% 18%,rgba(226,63,210,.2),transparent 36%)}.hero-dashboard>*,.panel>*{position:relative;z-index:1}.hero-dashboard{min-height:482px;border-radius:30px;padding:18px;transform:perspective(1300px) rotateX(3deg) rotateY(-6deg)}.window-bar{display:flex;gap:7px;padding:7px 8px 15px}.window-bar span{width:8px;height:8px;border-radius:50%;background:#ffffff5c}.dashboard-tabs{gap:18px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:var(--quiet);background:#0000002e;font-size:12px}.active-tab{color:var(--text)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 12px 20px}.dashboard-header h2{margin:10px 0 0;font-size:clamp(28px,4vw,46px);letter-spacing:-.05em}.completion-ring{display:grid;width:106px;height:106px;flex:0 0 auto;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#160a2b 57%,transparent 58%),conic-gradient(var(--pink) var(--rate),rgba(255,255,255,.11) 0);box-shadow:0 0 46px #e23fd25c;color:#fff;font-weight:700}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 12px}.metric-row div{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0000002e}.metric-row span,.task-meta,.code-card-header,.footer span{color:var(--quiet);font-size:13px}.metric-row strong{display:block;margin-top:7px;font-size:28px;line-height:1}.trend-chart{width:100%;min-height:220px;margin-top:22px;overflow:visible}.chart-fill{fill:url(#taskFill)}.chart-line{fill:none;stroke-linecap:round;stroke-width:7}.chart-line.hot{stroke:url(#taskLine);filter:drop-shadow(0 0 14px rgba(226,63,210,.56))}.chart-line.muted{stroke:#ffffff38;stroke-width:4}.trend-chart circle{fill:#090016;stroke:#fff;stroke-width:5}.workspace,.agent-grid{display:grid;gap:22px}.workspace{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:start;padding:18px 0 70px}.panel{border-radius:28px;padding:clamp(22px,3vw,34px)}.composer-card h2,.task-board h2,.agent-card h2{margin:16px 0 12px;color:var(--text);font-size:clamp(30px,4vw,52px);font-weight:500;line-height:1;letter-spacing:-.045em}.field-label{display:block;margin:20px 0 8px;color:#dccfff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}input,select{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.14);border-radius:16px;outline:none;padding:0 15px;color:var(--text);background:#04000d75;box-shadow:inset 0 1px #ffffff0f;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus{border-color:#78f3ff85;background:#090016c2;box-shadow:0 0 0 4px #78f3ff14,inset 0 1px #ffffff14}input[type=date]{accent-color:#d9ccff;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:22px;height:22px;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 3v4M17 3v4' stroke='%23f8f3ff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4.75 8.5h14.5' stroke='%23f4b8ff' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='4' y='5.5' width='16' height='15' rx='3' stroke='%23d9ccff' stroke-width='2'/%3E%3Cpath d='M8 12h2M12 12h2M16 12h.01M8 16h2M12 16h2M16 16h.01' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px 22px no-repeat;filter:drop-shadow(0 0 7px rgba(217,204,255,.58))}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:drop-shadow(0 0 10px rgba(226,63,210,.7))}select option{color:#140820}.form-grid{display:grid;grid-template-columns:1fr .72fr;gap:14px;margin-bottom:22px}.board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.status-pill{flex:0 0 auto;margin-top:6px;color:#d9faff;background:#78f3ff14}.task-list{display:grid;gap:13px}.task-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(135deg,#ffffff16,#ffffff07),#05000e57;transition:transform .18s ease,border-color .18s ease,background .18s ease}.task-card:hover{transform:translateY(-2px);border-color:#e23fd252;background:#14072ab8}.task-card.is-complete{opacity:.64}.task-card.is-complete h3{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ffffff8c}.task-card-main{display:flex;min-width:0;align-items:center;gap:14px}.priority-dot{width:12px;height:44px;flex:0 0 auto;border-radius:999px;background:var(--violet);box-shadow:0 0 22px currentColor}.priority-dot.low{color:var(--cyan);background:var(--cyan)}.priority-dot.medium{color:var(--violet);background:var(--violet)}.priority-dot.high{color:var(--pink);background:var(--pink)}.task-card h3{margin:0 0 8px;overflow:hidden;color:var(--text);font-size:20px;font-weight:500;letter-spacing:-.015em;text-overflow:ellipsis}.task-meta{gap:10px;flex-wrap:wrap}.task-meta span{position:relative}.task-meta span+span:before{content:"/";margin-right:10px;color:#ffffff3d}.empty-state{padding:34px;border:1px dashed rgba(255,255,255,.18);border-radius:24px;background:#ffffff09;text-align:center}.empty-state span{display:block;color:var(--text);font-size:24px;font-weight:700;letter-spacing:-.04em}.agent-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1fr);padding:0 0 72px}.agent-card{min-height:100%}.agent-card p{max-width:560px}.code-card{min-width:0;padding:0}.code-card.result-card{grid-column:1 / -1}.code-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000002e}.code-card-header span:first-child{color:var(--text);font-weight:700}pre{max-height:390px;margin:0;overflow:auto;padding:20px;color:#efe7ff;background:#03000b6b;font-size:12px;line-height:1.65;white-space:pre-wrap}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 0;color:var(--muted)}.footer div{display:grid;gap:6px}.footer strong,.mini-brand{color:var(--text)}.reveal-up{animation:revealUp .7s cubic-bezier(.21,.84,.34,1) both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}@keyframes revealUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) rotate(0) scale(.96)}to{transform:translate3d(4%,3%,0) rotate(16deg) scale(1.05)}}@media (max-width: 1040px){.nav-links{display:none}.hero,.workspace,.agent-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-dashboard{transform:none}}@media (max-width: 720px){.app-shell{padding:12px 14px 44px}.topbar{align-items:flex-start;border-radius:26px;flex-direction:column;padding:16px}.nav-actions,.nav-search-input,.nav-actions .solid-button,.nav-actions .ghost-button{width:100%}.hero{padding-top:58px}.hero h1{font-size:clamp(44px,16vw,72px)}.hero-actions,.hero-actions .solid-button,.hero-actions .ghost-button,.agent-buttons,.agent-buttons .solid-button,.agent-buttons .ghost-button{width:100%}.metric-row,.form-grid{grid-template-columns:1fr}.dashboard-header,.board-heading,.task-card,.footer{align-items:stretch;flex-direction:column}.completion-ring{width:92px;height:92px}.task-actions,.task-actions button{width:100%}.panel,.hero-dashboard{border-radius:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}