.hero{flex-direction:column;justify-content:flex-start;padding:130px 24px 72px;display:flex;position:relative;overflow:hidden}.hero-orb{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#00e5ff1a 0%,#0000 65%);width:700px;height:700px;top:-150px;left:-180px}.hero-orb-2{background:radial-gradient(circle,#8b5cf61a 0%,#0000 65%);width:550px;height:550px;bottom:-80px;right:-120px}.hero-inner{z-index:1;grid-template-columns:1fr 400px;align-items:center;gap:56px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-eyebrow{font-family:var(--font-mono), monospace;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;background:#00e5ff0f;border:1px solid #00e5ff38;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:28px;padding:6px 14px;font-size:11px;font-weight:500;display:inline-flex}.hero-eyebrow-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.2s step-end infinite blink}.hero-title{color:var(--text);letter-spacing:-.025em;margin-bottom:28px;font-size:clamp(44px,5.8vw,80px);font-weight:700;line-height:.98}.hero-title .gradient-text{background:linear-gradient(125deg, var(--accent) 0%, #56cfe1 40%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{font-family:var(--font-body), sans-serif;color:var(--text-2);max-width:500px;margin-bottom:44px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-primary{font-family:var(--font-display), "Chakra Petch", sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-fg);background:var(--accent);border-radius:var(--radius);cursor:pointer;transition:all .2s var(--ease);border:none;align-items:center;gap:8px;padding:13px 28px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:var(--accent-glow);transform:translateY(-2px)}.btn-secondary{font-family:var(--font-display), "Chakra Petch", sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--text);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);background:0 0;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--border-bright);color:var(--accent);background:#ffffff08}.hero-card-outer{position:relative}.hero-card-outer:before{content:"";border-radius:calc(var(--radius-lg) + 2px);z-index:-1;background:linear-gradient(135deg,#00e5ff59,#8b5cf633,#0000 60%);position:absolute;inset:-1px}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;animation:6s ease-in-out infinite float;position:relative;overflow:hidden}.hero-card:after{content:"";background:linear-gradient(90deg, transparent, var(--shine), transparent);height:1px;position:absolute;top:0;left:0;right:0}.card-header{align-items:center;gap:9px;margin-bottom:20px;display:flex}.card-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #22c55e}.card-label{font-family:var(--font-mono), monospace;color:var(--text-2);letter-spacing:.14em;text-transform:uppercase;flex:1;font-size:10px;font-weight:500}.card-pill{font-family:var(--font-mono), monospace;color:var(--accent);background:var(--accent-dim);border:1px solid #00e5ff33;border-radius:999px;padding:2px 8px;font-size:10px}.card-show-row{border-bottom:1px solid #ffffff0a;padding:11px 0}.card-show-row:last-child{border-bottom:none;padding-bottom:0}.card-row-top{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.card-show-name{font-family:var(--font-body), sans-serif;color:var(--text);font-size:14px;font-weight:600}.card-show-ep{font-family:var(--font-mono), monospace;color:var(--text-2);letter-spacing:.04em;font-size:10px}.progress-track{background:var(--track-bg);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), #56cfe1);border-radius:2px;height:100%;box-shadow:0 0 6px #00e5ff80}.card-feed-clip{position:relative;overflow:hidden}.card-feed-clip:before{content:"";background:linear-gradient(to bottom, var(--surface), transparent);z-index:2;pointer-events:none;height:22px;position:absolute;top:0;left:0;right:0}.card-feed-clip:after{content:"";background:linear-gradient(to top, var(--surface), transparent);z-index:2;pointer-events:none;height:28px;position:absolute;bottom:0;left:0;right:0}.card-feed-track{transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-feed-item{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;gap:9px;height:70px;display:flex}.card-feed-item:last-child{border-bottom:none}.stats-section{z-index:1;padding:0 24px 56px;position:relative}.stats-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid;position:relative;overflow:hidden}.stats-grid:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.stat-cell{text-align:center;border-right:1px solid var(--border);padding:24px 20px}.stat-cell:last-child{border-right:none}.stat-num{font-family:var(--font-mono), monospace;color:var(--accent);letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1;display:block}.stat-lbl{font-family:var(--font-body), sans-serif;color:var(--text-2);font-size:13px}.section-wrap{z-index:1;padding:64px 24px;position:relative}.section-eyebrow{font-family:var(--font-mono), monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:18px;font-size:11px;display:block}.section-title{color:var(--text);letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(32px,3.8vw,52px);font-weight:700}.section-desc{font-family:var(--font-body), sans-serif;color:var(--text-2);max-width:520px;font-size:16px;line-height:1.75}.section-head{margin-bottom:40px}.features-mosaic{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:2px;max-width:1200px;margin:0 auto;display:grid;overflow:hidden}.feat-card{background:var(--surface);transition:background .2s var(--ease);padding:28px 24px;position:relative;overflow:hidden}.feat-card:before{content:"";background:radial-gradient(ellipse at 0 0, var(--accent-dim), transparent 55%);opacity:0;transition:opacity .25s var(--ease);pointer-events:none;position:absolute;inset:0}.feat-card:hover{background:var(--surface-2)}.feat-card:hover:before{opacity:1}.feat-icon{border-radius:var(--radius);background:var(--accent-dim);border:1px solid #00e5ff2e;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:20px;font-size:20px;display:flex}.feat-name{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:.01em;margin-bottom:10px;font-size:16px;font-weight:600}.feat-desc{font-family:var(--font-body), sans-serif;color:var(--text-2);font-size:14px;line-height:1.65}.workflow-steps{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid;position:relative}.workflow-steps:before{content:"";background:linear-gradient(90deg, var(--border-bright), var(--border-bright));height:1px;position:absolute;top:34px;left:calc(33.33% + 10px);right:calc(33.33% + 10px)}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1;transition:border-color .2s var(--ease), transform .2s var(--ease);padding:24px 22px;position:relative}.step-card:hover{border-color:var(--border-bright);transform:translateY(-4px)}.step-num{font-family:var(--font-mono), monospace;color:var(--accent);letter-spacing:.12em;margin-bottom:18px;font-size:11px;font-weight:500;display:block}.step-name{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);margin-bottom:12px;font-size:19px;font-weight:600}.step-desc{font-family:var(--font-body), sans-serif;color:var(--text-2);font-size:14px;line-height:1.65}.platform-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.platform-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all .2s var(--ease);padding:24px 20px}.platform-card:hover{border-color:var(--border-bright);background:var(--surface-2);transform:translateY(-3px);box-shadow:0 12px 40px #0000004d,0 0 20px #00e5ff0d}.platform-icon{color:var(--accent);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.platform-name{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:.03em;margin-bottom:6px;font-size:15px;font-weight:600}.platform-sub{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.05em;font-size:11px}.cta-wrap{max-width:1200px;margin:0 auto}.cta-card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;border:1px solid #00e5ff2e;padding:56px 48px;position:relative;overflow:hidden}.cta-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:70%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#00e5ff12 0%,#0000 60%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-title{color:var(--text);letter-spacing:-.02em;z-index:1;margin-bottom:18px;font-size:clamp(30px,4vw,52px);font-weight:700;position:relative}.cta-desc{font-family:var(--font-body), sans-serif;color:var(--text-2);z-index:1;max-width:440px;margin:0 auto 48px;font-size:16px;line-height:1.7;position:relative}.cta-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.site-footer{z-index:1;border-top:1px solid var(--border);padding:28px 24px;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-display), "Chakra Petch", sans-serif;color:var(--text);letter-spacing:.06em;font-size:14px;font-weight:700}.footer-tagline{font-family:var(--font-mono), monospace;color:var(--text-3);letter-spacing:.08em;font-size:12px}.footer-links{gap:20px;list-style:none;display:flex}.footer-links a{font-family:var(--font-body), sans-serif;color:var(--text-2);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}#use-cases .features-mosaic{grid-template-columns:repeat(2,1fr)}#use-cases .feat-card{padding:32px 28px}#use-cases .feat-name{color:var(--accent);margin-bottom:14px;font-style:italic}@media (max-width:1024px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-eyebrow{margin:0 auto 28px}.hero-desc{max-width:100%}.hero-actions{justify-content:center}.hero-card-outer{max-width:400px;margin:0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-cell:nth-child(2){border-right:none}.features-mosaic{grid-template-columns:repeat(2,1fr)}.workflow-steps{grid-template-columns:1fr}.workflow-steps:before{display:none}.platform-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.features-mosaic,#use-cases .features-mosaic{grid-template-columns:1fr}.cta-card{padding:48px 24px}.cta-buttons{flex-direction:column;align-items:center}.footer-inner{text-align:center;flex-direction:column}.footer-links{justify-content:center}}