:root{--cyan:#00f0ff;--magenta:#f05;--bg-app:#030305;--bg-sidebar:#08080c;--bg-chat:#0a0a0f;--text-white:#fff;--text-dim:#889}.ai-chat-showcase{background:#000;width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.macbook-wrapper-silver{z-index:10;perspective:1500px;position:absolute;top:50%;left:50%}.macbook-device-silver{width:1200px;height:800px;transform-style:preserve-3d;background:#d9d9d9;border-radius:30px;transition:transform .1s ease-out;position:relative}.macbook-bezel{background:#111;border:4px solid #e0e0e0;border-radius:30px;padding:16px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #000}.camera-notch{z-index:50;background:#111;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:center;width:120px;height:25px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.camera-notch:after{content:"";background:#1a1a1a;border:1px solid #333;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 2px #00f0ff}.screen-content{background:var(--bg-app);border-radius:14px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-app-bg{filter:blur(3px)brightness(.5);pointer-events:none;width:100%;height:100%;transition:all .5s;display:flex}.macbook-device-silver:hover .chat-app-bg{filter:blur()brightness()}.chat-sidebar{background:var(--bg-sidebar);border-right:1px solid #ffffff0d;flex-direction:column;width:250px;padding:20px;display:flex}.sidebar-logo{color:var(--cyan);letter-spacing:2px;margin-bottom:40px;font-size:14px;font-weight:800}.sidebar-history{flex-direction:column;gap:10px;display:flex}.history-item{color:var(--text-dim);border-radius:8px;padding:10px;font-size:13px}.history-item.active{color:var(--cyan);background:#00f0ff1a}.chat-main{background:var(--bg-chat);background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:30px 30px;flex-direction:column;flex:1;display:flex}.chat-header{height:60px;color:var(--text-dim);border-bottom:1px solid #ffffff0d;align-items:center;padding:0 30px;font-family:monospace;font-size:12px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:30px;padding:40px;display:flex;overflow:hidden}.message{border-radius:12px;max-width:80%;padding:20px;font-size:14px;line-height:1.6}.message.user{color:var(--text-white);background:#ffffff0d;border:1px solid #ffffff1a;align-self:flex-end}.message.ai{color:var(--text-white);align-self:flex-start;width:90%}.ai-text{margin-bottom:20px}.ai-text.streaming:after{content:"▋";color:var(--cyan);animation:1s step-end infinite blink}.report-card{background:#00f0ff08;border:1px solid #00f0ff26;border-radius:12px;flex-direction:column;margin-bottom:20px;display:flex;overflow:hidden}.report-header{background:#ffffff0d;border-bottom:1px solid #00f0ff1a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.report-title{color:var(--cyan);letter-spacing:1px;font-family:monospace;font-size:11px}.report-badge{text-transform:uppercase;color:#28c940;background:#28c94033;border:1px solid #28c9404d;border-radius:10px;padding:2px 8px;font-size:10px}.report-metrics{background:#ffffff0d;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metric-box{background:var(--bg-chat);flex-direction:column;gap:8px;padding:20px;display:flex}.metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px}.metric-value{color:var(--text-white);font-size:24px;font-weight:700}.metric-value.positive{color:#28c940}.metric-value.highlight{color:var(--cyan)}.report-insight{background:#00f0ff0d;align-items:center;gap:15px;padding:15px 20px;display:flex}.insight-icon{font-size:20px}.report-insight p{color:#fffc;margin:0;font-size:13px;line-height:1.5}.report-insight strong{color:var(--cyan)}.generative-ui{background:#00f0ff0d;border:1px solid #00f0ff33;border-radius:12px;align-items:flex-end;gap:10px;height:150px;padding:20px;display:flex}.gen-chart{align-items:flex-end;gap:15px;width:100%;height:100%;display:flex}.bar{background:#ffffff1a;border-radius:4px;flex:1}.chat-input-area{padding:30px 40px}.chat-input-box{height:60px;color:var(--text-dim);background:#00000080;border:1px solid #ffffff1a;border-radius:30px;align-items:center;padding:0 25px;display:flex}.cursor{color:var(--magenta);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.overlay-cards-container{z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:40px;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0}.macbook-device-silver:hover .overlay-cards-container{opacity:0;pointer-events:none;transform:translateY(-20px)scale(.95)}.glass-card{-webkit-backdrop-filter:blur(20px);color:var(--text-white);background:#0a0a0fb3;border:1px solid #00f0ff33;border-radius:20px;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff1a}.main-card{text-align:center;width:80%;padding:40px}.main-card h2{text-transform:uppercase;letter-spacing:4px;color:var(--cyan);margin-bottom:20px;font-size:14px}.main-card h3{background:linear-gradient(135deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:32px;font-weight:800}.main-card p{color:var(--text-dim);max-width:800px;margin:0 auto;font-size:16px;line-height:1.6}.feature-cards{gap:20px;width:90%;display:flex}.feature-card{flex-direction:column;flex:1;gap:15px;padding:30px;transition:transform .3s,border-color .3s;display:flex}.feature-card:hover{border-color:var(--magenta);transform:translateY(-5px)}.feature-card h4{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.icon{font-size:20px}.feature-card p{color:var(--text-dim);font-size:13px;line-height:1.6}.macbook-base-silver{z-index:-1;background:linear-gradient(#d9d9d9,#999);border-bottom-right-radius:40px;border-bottom-left-radius:40px;height:40px;position:absolute;bottom:-20px;left:-20px;right:-20px;box-shadow:0 10px 20px #0003}.hinge{background:#111;border-radius:10px;width:800px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.base-edge{background:#bbb;border-radius:10px;height:5px;position:absolute;bottom:0;left:30px;right:30px}.silver-device-shadow{filter:blur(10px);z-index:0;background:radial-gradient(#00000026,#0000 70%);border-radius:50%;width:1100px;height:40px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.fade-in{animation:.5s ease-out forwards fadeIn}.slide-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px)}.slide-up-delayed{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .3s forwards slideUp;transform:translateY(20px)}.fill-up{animation:1s cubic-bezier(.16,1,.3,1) .6s forwards fillUp;height:0!important}.floating-cards{animation:6s ease-in-out infinite floatCards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fillUp{0%{height:0}to{height:var(--h)}}@keyframes floatCards{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}