.ai-connect{margin-top:110px}.ai-intro{max-width:760px;margin-bottom:40px}.ai-intro h3{font-size:40px;line-height:1.22}.ai-intro em{color:var(--accent);font-style:normal}.ai-intro p{font-size:14px;max-width:660px;margin:23px 0 0}.ai-demo-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:stretch}.ai-preview-panel{border:1px solid #a07fc433;border-radius:20px;padding:12px;background:#0b0810;overflow:hidden}.app-preview{border-radius:12px;background:radial-gradient(ellipse at 20% 0%,#40215255,transparent 70%),#17111f;padding:20px 20px 42px;overflow:hidden;min-height:452px;display:flex;flex-direction:column;justify-content:center}.preview-browser{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;background:#21152d;border:1px solid #65507640;border-radius:8px 8px 0 0;font-size:8px;color:#a798b6}.window-dots{display:flex;gap:6px;align-items:center}.window-dots i{width:8px;height:8px;border-radius:50%;background:#e87983}.window-dots i:nth-child(2){background:#dfb267}.window-dots i:nth-child(3){background:#8caf87}.portal-preview{background:#110c19;border:1px solid #65507640;border-top:0;border-radius:0 0 8px 8px;padding:0 20px 15px}.portal-nav{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #71608033;font-size:8px;color:#a89ab5}.portal-brand{font-size:13px;font-weight:700;color:#eee1fb}.portal-avatar{margin-left:auto;padding:3px 6px;border-radius:50%;background:#5a357c;color:#f6eaff;font-size:8px}.portal-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:26px 0 18px}.preview-eyebrow{color:#b99ccf;font-size:7px;letter-spacing:1.1px}.portal-heading h4{font-size:18px;font-weight:500;letter-spacing:-.6px;margin:8px 0}.portal-heading p{font-size:8px;margin:0;color:#a396ae}.portal-status{color:#bf95e8;font-size:7px;border:1px solid #7c4aa044;padding:5px 7px;white-space:nowrap;border-radius:20px}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px}.portal-stats>div{padding:12px;background:#1b1027;border:1px solid #57406844;border-radius:6px}.portal-stats span{display:block;font-size:7px;color:#b29dc2}.portal-stats strong{display:block;font-weight:400;font-size:24px;letter-spacing:-1px;margin-top:3px}.portal-table-title{display:flex;justify-content:space-between;padding:0 0 10px;font-size:8px}.portal-table-title>span{color:#b58dd5;font-size:7px}.portal-project{display:flex;gap:10px;align-items:center;border-top:1px solid #71608029;padding:12px 0}.project-icon{width:26px;height:26px;display:grid;place-items:center;background:#39204d;color:#d7b0f7;border-radius:5px}.portal-project>div strong{display:block;font-size:8px;font-weight:500}.portal-project>div>span{display:block;font-size:7px;color:#95879f;margin-top:2px}.project-state{margin-left:auto;font-size:6px;color:#c69dec;background:#321b4644;border:1px solid #8051a142;border-radius:15px;padding:3px 6px}.project-state.review{color:#ddc598;border-color:#a6844a44;background:#a6844a12}.preview-connection{display:flex;align-items:center;gap:6px;font-size:7px;color:#a38bba;padding-top:12px;border-top:1px solid #71608033}.preview-connection img{width:14px;height:16px}.preview-build-state{margin-left:auto;color:#c9a2eb}.ai-preview-caption{padding:25px 18px 15px}.ai-preview-caption h4{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:0 0 8px}.ai-preview-caption p{font-size:13px;line-height:1.75;margin:0}.demo-disclosure{display:block;margin-top:15px;color:#89778f;font-size:9px}.ai-terminal{min-width:0;background:#100d15;border:1px solid #9e83b433;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;font-family:Consolas,'Courier New',monospace}.terminal-top{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;color:#a89ab5;font-size:10px;gap:10px}.demo-replay{background:none;border:0;color:#b99bce;font-family:inherit;font-size:9px;padding:3px;white-space:nowrap}.ai-tabs{display:flex;gap:3px;padding:3px;background:#211c28;border-radius:25px;margin:0 14px 15px}.ai-tabs button{flex:1;background:none;color:#9b8ea6;border:1px solid transparent;border-radius:20px;padding:6px 5px;font-size:10px;white-space:nowrap;font-family:inherit}.ai-tabs button[aria-selected=true]{background:#3a294d;border-color:#9e6bc450;color:#f0ddff}.ai-tabs button:hover{color:white}.terminal-body{padding:15px 19px 8px;border-top:1px solid #7053832b;flex:1}.terminal-client{padding:16px 13px 12px;border:1px solid #ad75e6a6;border-radius:4px;position:relative;display:flex;flex-direction:column;gap:8px;text-align:center;font-size:11px;color:#c7a3e5}.client-name{position:absolute;left:14px;top:-9px;background:#100d15;padding:0 7px;color:#c18af7}.terminal-client small{color:#97879e;font-size:9px}.terminal-prompt{font-size:11px;color:#f1e5fa;line-height:1.65;margin:24px 0}.terminal-prompt>span{color:#b77aef}.terminal-steps{list-style:none;padding:0;margin:0}.terminal-steps li{display:flex;gap:8px;padding:0 0 20px;line-height:1.5;transition:opacity .45s ease,transform .45s ease}.step-dot{color:#b778ed;font-size:10px}.terminal-steps strong{display:block;font-size:10px;font-weight:600;color:#e7d9f3}.terminal-steps div>span{display:block;font-size:9px;color:#998ba4;margin-top:4px}.ai-terminal.is-running .terminal-steps li:not(.step-visible){opacity:.15;transform:translateY(5px)}.terminal-footer{display:flex;gap:8px;padding:10px 16px 0;font-size:10px}.terminal-footer button,.terminal-footer a{background:#211a2c;border:1px solid #9a72ba36;border-radius:7px;color:#e0c9ef;padding:10px 11px;font-family:inherit;font-size:10px;white-space:nowrap}.terminal-footer button{flex:1;display:flex;justify-content:space-between;gap:10px}.terminal-footer button:hover,.terminal-footer a:hover{background:#382346}.ai-copy-status{min-height:16px;margin:5px 16px 10px;font-size:9px;color:#bd94df;line-height:1.5}.portal-preview.demo-complete{box-shadow:0 0 25px #a96af51a;transition:box-shadow 1s}.ai-demo-grid>*{min-width:0}@media(max-width:1050px){.ai-demo-grid{grid-template-columns:1fr 1fr}.app-preview{padding:12px 10px 26px}.portal-preview{padding:0 12px 12px}.portal-status{display:none}.terminal-footer{padding-left:10px;padding-right:10px}.terminal-footer button,.terminal-footer a{font-size:9px;padding:9px}.ai-tabs button{font-size:9px}.ai-preview-caption{padding:20px 12px}.portal-nav>span:nth-child(2){font-size:7px}}@media(max-width:800px){.ai-demo-grid{grid-template-columns:1fr}.ai-intro h3{font-size:33px}.ai-connect{margin-top:70px}.app-preview{min-height:0;padding:20px 15px 30px}.portal-heading h4{font-size:18px}.terminal-body{padding:20px}.terminal-steps li{padding-bottom:20px}.ai-tabs button{font-size:11px}.terminal-footer button,.terminal-footer a{font-size:10px}.ai-terminal{min-height:570px}}@media(max-width:420px){.app-preview{padding:15px 8px 22px}.portal-preview{padding:0 10px 12px}.portal-nav{gap:10px}.portal-heading h4{font-size:16px}.portal-stats>div{padding:10px 7px}.portal-stats strong{font-size:22px}.portal-stats span{font-size:6px}.ai-preview-caption p{font-size:12px}.ai-tabs button{font-size:9px}.terminal-body{padding:18px 13px}.terminal-prompt{font-size:10px}.terminal-steps strong{font-size:9px}.terminal-steps div>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.terminal-steps li,.portal-preview.demo-complete{transition:none}}