:root{--bg:#071226;--panel:#0d1930;--panel2:#111f39;--text:#f7f9ff;--muted:#92a0ba;--blue:#4e6bff;--blue2:#7d8fff;--line:rgba(255,255,255,.09);--green:#37d7a4;--amber:#ffb454;--red:#ff6f7d;--shadow:0 30px 90px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,sans-serif;background-color:var(--bg);background:var(--bg);color-scheme:dark;color:var(--text);overflow-x:hidden;max-width:100vw;width:100%}button,input{font:inherit}.demo-nav{position:fixed;inset:0 auto 0 0;width:270px;padding:28px 22px;background:#081426;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.demo-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font:700 20px 'Plus Jakarta Sans'}.brand-mark,.gis-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),#253ccf);color:white;font:800 16px 'Plus Jakarta Sans';box-shadow:0 0 30px rgba(78,107,255,.3)}.brand-mark{width:36px;height:36px}.demo-progress{height:2px;background:var(--blue);width:20%;margin:32px 0 22px;transition:.5s}.demo-nav nav{display:grid;gap:7px}.demo-nav nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--muted);text-align:left;padding:12px;border-radius:13px;cursor:pointer;transition:.2s}.demo-nav nav button>span{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:11px}.demo-nav nav b,.demo-nav nav small{display:block}.demo-nav nav b{font-size:12px;color:inherit}.demo-nav nav small{font-size:9px;margin-top:3px}.demo-nav nav button.active{background:rgba(78,107,255,.12);color:white}.demo-nav nav button.active>span{background:var(--blue);border-color:var(--blue)}.back-link{margin-top:auto;color:var(--muted);text-decoration:none;font-size:11px;padding:12px}.demo-main{margin-left:270px;min-height:100vh;padding-bottom:84px}.demo-topbar{height:64px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;position:sticky;top:0;background:rgba(7,18,38,.86);backdrop-filter:blur(20px);z-index:10}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 15px var(--green)}.top-actions{display:flex;align-items:center;gap:18px}.top-actions button{border:0;background:transparent;color:var(--muted);cursor:pointer}.demo-step{display:none;min-height:calc(100vh - 148px);padding:60px 5vw}.demo-step.active{display:grid;animation:fade .45s ease}.demo-step[data-panel="0"]{grid-template-columns:minmax(0,1.3fr) 330px;gap:50px;align-items:center}.eyebrow{font:700 10px 'Plus Jakarta Sans';letter-spacing:.17em;color:var(--blue2)}h1{font:800 clamp(42px,5vw,74px) 'Plus Jakarta Sans';line-height:1.02;letter-spacing:-.055em;margin:12px 0 18px}.intro-text,.step-header p,.chat-intro>p{max-width:680px;color:var(--muted);line-height:1.7}.question-card{margin-top:35px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));display:grid;grid-template-columns:48px 1fr;gap:18px;box-shadow:var(--shadow)}.gis-avatar{width:48px;height:48px}.question-card small,.live-summary>small,.panel-title small,.activity-panel>small{font-size:9px;color:var(--blue2);letter-spacing:.12em}.question-card h2{font:700 24px 'Plus Jakarta Sans';margin:7px 0 20px}.answer-area{display:flex;flex-wrap:wrap;gap:9px}.answer-area button{padding:11px 15px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}.answer-area button:hover{border-color:var(--blue);transform:translateY(-1px)}.answer-area input{width:100%;max-width:420px;padding:13px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);color:var(--text);outline:0}.answer-area .submit-answer{background:var(--blue);border-color:var(--blue)}.live-summary{align-self:center;padding:26px;border:1px solid var(--line);background:var(--panel);border-radius:22px}.live-summary h3{font:700 20px 'Plus Jakarta Sans';margin:9px 0 20px}.summary-row{padding:12px 0;border-bottom:1px solid var(--line)}.summary-row span,.summary-row b{display:block}.summary-row span{font-size:9px;color:var(--muted)}.summary-row b{font-size:12px;margin-top:5px}.empty{font-size:11px;color:var(--muted)}.step-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.step-header.compact{align-items:center}.step-header h1{font-size:54px}.action-btn{padding:14px 18px;border-radius:12px;border:0;background:var(--blue);color:white;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(78,107,255,.24)}.action-btn:disabled{opacity:.45}.build-stage,.report-stage{min-height:460px;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:28px}.build-placeholder{min-height:400px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.build-placeholder span{font-size:40px;color:var(--blue2)}.build-placeholder h3{color:var(--text);font:700 20px 'Plus Jakarta Sans';margin:14px 0 7px}.thinking{display:grid;place-items:center;min-height:390px}.thinking-ring{width:80px;height:80px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--blue);animation:spin 1s linear infinite}.thinking ul{list-style:none;padding:0;margin:24px 0 0;color:var(--muted);font-size:11px;line-height:2}.plan-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.plan-summary article{padding:17px;background:var(--panel2);border-radius:15px}.plan-summary b,.plan-summary span{display:block}.plan-summary b{font:700 27px 'Plus Jakarta Sans'}.plan-summary span{font-size:9px;color:var(--muted);margin-top:5px}.milestone-track{display:grid;gap:10px}.milestone{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px}.milestone>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(78,107,255,.14);color:var(--blue2);font-weight:700}.milestone h4,.milestone p{margin:0}.milestone h4{font-size:12px}.milestone p,.milestone em{font-size:9px;color:var(--muted);margin-top:4px}.milestone em{font-style:normal}.project-score{padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.project-score span,.project-score small{display:block;color:var(--muted);font-size:9px}.project-score strong{font:800 36px 'Plus Jakarta Sans';color:var(--green)}.project-score small{display:inline}.work-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 340px;gap:20px}.task-panel,.activity-panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h3,.activity-panel h3{font:700 18px 'Plus Jakarta Sans';margin:5px 0}.task-filter{display:flex;gap:5px}.task-filter button{border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:9px;padding:7px 9px}.task-filter button.active{background:rgba(78,107,255,.14);color:white}.task-row{display:grid;grid-template-columns:32px 1fr 120px 110px;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.task-check{width:24px;height:24px;border-radius:7px;border:1px solid var(--line);background:transparent;color:white;cursor:pointer}.task-row.done{opacity:.5}.task-row.done h4{text-decoration:line-through}.task-row h4,.task-row p{margin:0}.task-row h4{font-size:11px}.task-row p{font-size:9px;color:var(--muted);margin-top:4px}.owner{display:flex;align-items:center;gap:7px;font-size:9px}.owner i{width:24px;height:24px;border-radius:50%;background:#263755;display:grid;place-items:center;font-style:normal}.task-status{font-size:8px;padding:6px 8px;border-radius:8px;background:rgba(255,180,84,.1);color:var(--amber);text-align:center}.task-status.risk{background:rgba(255,111,125,.1);color:var(--red)}.task-status.done{background:rgba(55,215,164,.1);color:var(--green)}.insight{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line);animation:fade .35s}.insight>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-weight:700;font-size:10px}.insight p{margin:0;font-size:10px;color:var(--muted);line-height:1.55}.insight strong{color:white}.report-paper{background:white;color:#111827;border-radius:18px;padding:36px;min-height:430px}.report-header{display:flex;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding-bottom:20px}.report-header h2{font:800 28px 'Plus Jakarta Sans';margin:4px 0}.report-header p,.report-header small{color:#6b7280}.report-score{font:800 42px 'Plus Jakarta Sans';color:#263ccf}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.report-metrics div{padding:14px;background:#f5f7fb;border-radius:12px}.report-metrics span,.report-metrics b{display:block}.report-metrics span{font-size:8px;color:#6b7280}.report-metrics b{font:700 20px 'Plus Jakarta Sans';margin-top:6px}.report-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.report-box{border:1px solid #e5e7eb;border-radius:13px;padding:16px}.report-box h3{font:700 12px 'Plus Jakarta Sans';margin:0 0 12px}.report-box ul{padding-left:17px;margin:0;color:#4b5563;font-size:10px;line-height:1.7}.report-decision{padding:12px;border-left:3px solid var(--red);background:#fff7f7;font-size:10px;line-height:1.5}.chat-layout{grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:50px;align-items:center}.suggestions{display:grid;gap:8px;margin-top:24px}.suggestions button{padding:12px 14px;text-align:left;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.chat-shell{height:620px;border:1px solid var(--line);border-radius:24px;background:var(--panel);display:grid;grid-template-rows:70px 1fr 72px;overflow:hidden;box-shadow:var(--shadow)}.chat-shell header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.chat-shell header>div{display:flex;align-items:center;gap:10px}.gis-avatar.small{width:34px;height:34px;font-size:12px}.chat-shell header b,.chat-shell header small{display:block}.chat-shell header b{font-size:12px}.chat-shell header small{font-size:8px;color:var(--muted)}.online{font-size:8px;color:var(--green)}.chat-messages{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:18px}.chat-message{display:flex;gap:10px;max-width:90%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:9px;font-weight:700;flex:0 0 auto}.chat-message.user>span{background:#263755}.chat-message>div{padding:13px 15px;border-radius:5px 15px 15px;background:var(--panel2);font-size:10px;line-height:1.6}.chat-message.user>div{background:var(--blue);border-radius:15px 5px 15px 15px}.chat-message p{margin:0 0 7px}.chat-message p:last-child{margin:0}.chat-action{margin-top:10px;border-top:1px solid var(--line);padding-top:10px;display:flex;gap:7px}.chat-action button{border:0;border-radius:7px;padding:7px 9px;background:var(--blue);color:white;font-size:8px}.chat-composer{display:grid;grid-template-columns:1fr 42px;gap:10px;padding:14px;border-top:1px solid var(--line)}.chat-composer input{border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:white;padding:0 13px;outline:0}.chat-composer button{border:0;border-radius:11px;background:var(--blue);color:white}.demo-footer{position:fixed;left:270px;right:0;bottom:0;height:84px;background:rgba(7,18,38,.9);backdrop-filter:blur(20px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;z-index:15}.demo-footer button{border:0;background:transparent;color:var(--muted);cursor:pointer}.demo-footer button.next{padding:12px 16px;background:var(--blue);border-radius:10px;color:white}.demo-footer>div{text-align:center}.demo-footer span{font-size:9px;color:var(--muted)}.footer-progress{width:180px;height:3px;background:var(--line);margin-top:8px;border-radius:4px}.footer-progress i{display:block;height:100%;width:20%;background:var(--blue);transition:.4s}.toast{position:fixed;right:24px;top:82px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 16px;z-index:50;transform:translateY(-30px);opacity:0;transition:.3s;font-size:10px}.toast.show{transform:none;opacity:1}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.demo-nav{width:78px;padding:22px 12px}.demo-brand b,.demo-nav nav div,.back-link{display:none}.demo-nav nav button{justify-content:center}.demo-main{margin-left:78px}.demo-footer{left:78px}.demo-step[data-panel="0"],.work-layout,.chat-layout{grid-template-columns:1fr}.live-summary{display:none}.work-layout{gap:18px}.activity-panel{order:-1}.chat-intro{display:none}.chat-shell{height:70vh}.plan-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.demo-main{margin-left:0}.demo-nav{position:fixed;inset:auto 0 0 0;width:auto;height:62px;flex-direction:row;padding:7px 8px;border:0;border-top:1px solid var(--line);z-index:30}.demo-brand,.demo-progress,.back-link{display:none}.demo-nav nav{display:flex;width:100%;justify-content:space-around}.demo-nav nav button{padding:6px}.demo-nav nav button>span{width:30px;height:30px}.demo-topbar{padding:0 16px}.top-actions span{display:none}.demo-step{padding:36px 18px 130px}.demo-footer{left:0;bottom:62px;height:66px;padding:0 16px}.footer-progress{width:110px}.step-header{display:block}.step-header h1{font-size:40px}.action-btn{margin-top:14px}.task-row{grid-template-columns:28px 1fr 85px}.task-row .owner{display:none}.report-paper{padding:20px}.report-metrics{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.plan-summary{grid-template-columns:1fr 1fr}.milestone{grid-template-columns:38px 1fr}.milestone em{display:none}}