@charset "UTF-8";

:root {
  --bg: #080b0e;
  --bg-soft: #0e1216;
  --panel: #11161b;
  --panel-2: #151b21;
  --text: #f4f1e9;
  --muted: #919aa4;
  --line: rgba(255,255,255,.1);
  --amber: #ffb640;
  --amber-2: #f27b2b;
  --mint: #5cf0c7;
  --purple: #a78bfa;
  --max: 1240px;
  --radius: 26px;
  --ease: cubic-bezier(.2,.75,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 75% -10%, rgba(255,174,58,.08), transparent 28%),
    var(--bg);
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { display: block; max-width: 100%; }
::selection { color: #111; background: var(--amber); }

.noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.cursor-glow {
  position: fixed;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,174,58,.075), transparent 68%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
  transition: opacity .3s;
}
.section-pad { padding-left: max(24px, calc((100vw - var(--max))/2)); padding-right: max(24px, calc((100vw - var(--max))/2)); }

.site-header {
  position: fixed;
  z-index: 90;
  top: 18px;
  left: 50%;
  width: min(calc(100% - 36px), 1280px);
  height: 68px;
  padding: 0 18px 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: rgba(8,11,14,.72);
  box-shadow: 0 16px 50px rgba(0,0,0,.2);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transform: translateX(-50%);
  transition: height .3s, background .3s, box-shadow .3s;
}
.site-header.scrolled { height: 60px; background: rgba(8,11,14,.9); box-shadow: 0 16px 60px rgba(0,0,0,.42); }
.brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; }
.brand-mark {
  width: 43px; height: 43px; overflow: hidden; border-radius: 13px;
  border: 1px solid rgba(255,194,97,.38); background: #f5ead6;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.08), 0 5px 16px rgba(255,168,38,.12);
}
.brand-mark img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.12); }
.brand-name { font-weight: 800; font-size: 21px; letter-spacing: .08em; }
.brand-tag { color: #68717b; font-size: 9px; letter-spacing: .18em; padding-left: 2px; }
.desktop-nav { display: flex; align-items: center; gap: 34px; }
.desktop-nav a { position: relative; color: #bac1c8; font-size: 13px; transition: color .25s; }
.desktop-nav a::after { content:""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 1px; background: var(--amber); transition: right .25s; }
.desktop-nav a:hover { color: white; }
.desktop-nav a:hover::after { right: 0; }
.nav-cta { display: inline-flex; align-items: center; gap: 12px; padding: 11px 16px; border-radius: 11px; background: var(--text); color: #111; font-size: 12px; font-weight: 700; transition: transform .25s, background .25s; }
.nav-cta:hover { transform: translateY(-2px); background: var(--amber); }
.nav-cta span { font-size: 16px; }
.menu-button, .mobile-nav { display: none; }

.hero {
  position: relative;
  min-height: 900px;
  height: 100svh;
  max-height: 1050px;
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  align-items: center;
  gap: 40px;
  padding-top: 110px;
  overflow: hidden;
}
.hero::before { content:""; position: absolute; inset: 0 50% 0 0; background: radial-gradient(circle at 30% 52%, rgba(255,176,64,.07), transparent 40%); pointer-events:none; }
.hero-grid, .cta-grid { position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, transparent 7%, #000 34%, transparent 95%); }
.hero-orbit { position: absolute; border: 1px solid rgba(255,255,255,.05); border-radius:50%; pointer-events:none; }
.orbit-one { width: 680px; height: 680px; right: -120px; top: 110px; }
.orbit-two { width: 910px; height: 910px; right: -250px; top: -5px; border-color: rgba(255,180,65,.05); }
.hero-copy { position: relative; z-index: 2; max-width: 690px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 100px; color:#b9c0c7; background: rgba(255,255,255,.025); font-size: 11px; letter-spacing:.1em; }
.status-dot { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow: 0 0 0 4px rgba(92,240,199,.1), 0 0 16px var(--mint); animation: pulse 2s infinite; }
@keyframes pulse { 50% { opacity:.5; box-shadow: 0 0 0 7px rgba(92,240,199,0), 0 0 8px var(--mint); } }
.hero h1 { margin: 26px 0 25px; font-size: clamp(58px, 6.4vw, 98px); line-height: .98; letter-spacing: -.065em; font-weight: 780; }
.gradient-text { color: transparent; background: linear-gradient(100deg, #fff6df 5%, var(--amber) 48%, #ef7432 92%); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 590px; margin:0; color: #9ca4ab; font-size: 17px; line-height: 1.9; }
.hero-actions, .cta-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:38px; }
.button { min-height: 52px; display:inline-flex; justify-content:center; align-items:center; gap:14px; padding: 0 22px; border-radius: 13px; font-size: 13px; font-weight:700; letter-spacing:.02em; transition: transform .25s var(--ease), box-shadow .25s, border-color .25s, background .25s; }
.button:hover { transform: translateY(-3px); }
.button-primary { color:#16110a; background: linear-gradient(120deg, #ffd177, var(--amber)); box-shadow: 0 13px 38px rgba(255,176,64,.18); }
.button-primary:hover { box-shadow: 0 18px 45px rgba(255,176,64,.3); }
.button-primary span { font-size:18px; }
.button-ghost, .button-outline { border: 1px solid rgba(255,255,255,.12); color:#dfe3e6; background: rgba(255,255,255,.025); }
.button-ghost:hover, .button-outline:hover { border-color: rgba(255,255,255,.3); background:rgba(255,255,255,.06); }
.play-icon { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:var(--amber); border:1px solid rgba(255,182,64,.35); font-size:8px; padding-left:1px; }
.hero-proof { display:flex; align-items:stretch; gap:0; margin-top:58px; }
.hero-proof div { min-width:135px; padding-right:24px; margin-right:24px; border-right:1px solid var(--line); }
.hero-proof div:last-child { border:0; margin:0; }
.hero-proof strong { display:block; color:#e5e5df; font-size:18px; margin-bottom:7px; }
.hero-proof span { color:#6f7881; font-size:11px; letter-spacing:.03em; }

.hero-visual { position:relative; z-index:2; min-height:650px; display:grid; place-items:center; perspective: 1000px; }
.visual-halo { position:absolute; width:460px; height:460px; border-radius:50%; background: radial-gradient(circle, rgba(255,186,76,.26) 0, rgba(255,139,37,.05) 42%, transparent 70%); filter:blur(12px); animation: breathe 5s ease-in-out infinite; }
@keyframes breathe { 50% { transform:scale(1.12); opacity:.7; } }
.logo-stage { position:relative; width:390px; height:390px; display:grid; place-items:center; animation: float 6s ease-in-out infinite; }
@keyframes float { 50% { transform: translateY(-13px) rotate(1deg); } }
.logo-core { width:275px; height:275px; position:relative; z-index:3; overflow:hidden; border-radius:40%; background:#f7ead4; box-shadow: 0 45px 90px rgba(0,0,0,.48), 0 0 0 1px rgba(255,218,150,.25), 0 0 65px rgba(255,166,48,.13); transform:rotate(-2deg); }
.logo-core::after { content:""; position:absolute; inset:0; background:linear-gradient(130deg, rgba(255,255,255,.22), transparent 28%, transparent 72%, rgba(255,172,43,.13)); pointer-events:none; }
.logo-core img { width:100%; height:100%; object-fit:cover; transform:scale(1.11); }
.logo-ring { position:absolute; border-radius:45%; transform:rotate(45deg); }
.ring-one { width:330px; height:330px; border:1px solid rgba(255,188,85,.3); animation:ringSpin 22s linear infinite; }
.ring-one::before, .ring-one::after { content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:var(--amber); box-shadow:0 0 20px var(--amber); }
.ring-one::before { top:-4px; left:50%; } .ring-one::after { bottom:-4px; left:22%; width:5px;height:5px; }
.ring-two { width:385px; height:385px; border:1px dashed rgba(255,255,255,.12); animation:ringSpin 35s linear reverse infinite; }
@keyframes ringSpin { to { transform:rotate(405deg); } }
.float-card { position:absolute; z-index:5; display:flex; align-items:center; gap:11px; padding:13px 14px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(20,25,29,.82); box-shadow:0 20px 40px rgba(0,0,0,.38); backdrop-filter:blur(16px); }
.float-card small { display:block; color:#69747e; font-size:8px; letter-spacing:.16em; margin-bottom:4px; }
.float-card strong { display:block; font-size:11px; white-space:nowrap; }
.card-director { top:118px; right:3px; animation:float2 5s ease-in-out infinite; }
.card-render { bottom:112px; left:-2px; animation:float2 5s 1s ease-in-out infinite; }
@keyframes float2 { 50% { transform:translateY(-8px); } }
.mini-icon, .render-icon { width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--amber);background:rgba(255,182,64,.1);font-size:21px; }
.live-wave { display:flex;align-items:flex-end;gap:2px;height:15px;margin-left:5px; }
.live-wave i { width:2px;background:var(--mint);border-radius:3px;animation:wave .8s infinite alternate; }
.live-wave i:nth-child(1){height:6px}.live-wave i:nth-child(2){height:14px;animation-delay:.2s}.live-wave i:nth-child(3){height:9px;animation-delay:.4s}
@keyframes wave { to{height:4px;opacity:.5} }
.percent { color:var(--mint);font-size:11px;margin-left:14px; }
.float-chip { position:absolute; z-index:1; color:#6e7780; font-size:9px; letter-spacing:.15em; padding:7px 10px; border:1px solid rgba(255,255,255,.07); border-radius:100px; background:rgba(10,13,16,.7); }
.chip-one { left:35px;top:150px}.chip-two{right:14px;bottom:188px}.chip-three{right:92px;top:55px}
.scroll-hint { position:absolute; bottom:25px; left:max(24px, calc((100vw - var(--max))/2)); display:flex;align-items:center;gap:12px;color:#505861;font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl; }
.scroll-hint span { width:1px;height:40px;background:linear-gradient(var(--amber),transparent);animation:scrollLine 1.8s infinite; }
@keyframes scrollLine{50%{opacity:.3;transform:scaleY(.65);transform-origin:top}}

.marquee { overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;background:#0b0f12;transform:rotate(-1deg) scale(1.02); }
.marquee-track { width:max-content;display:flex;align-items:center;gap:29px;animation:marquee 30s linear infinite; }
.marquee span { color:#79828a;font-size:11px;letter-spacing:.18em; }
.marquee i { color:var(--amber);font-style:normal;font-size:10px; }
@keyframes marquee { to{transform:translateX(-50%)} }

.products { padding-top:150px;padding-bottom:170px; }
.section-heading { display:grid;grid-template-columns:1fr .62fr;gap:70px;align-items:end;margin-bottom:62px; }
.kicker { display:block;color:var(--amber);font-size:10px;font-weight:700;letter-spacing:.22em;margin-bottom:20px; }
.section-heading h2, .studio h2, .chat-copy h2, .api-copy h2, .cta h2 { margin:0;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.05em; }
.section-heading p { color:var(--muted);font-size:15px;line-height:1.85;margin:0 0 5px; }
.product-grid { display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:16px; }
.product-card { min-height:560px;position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;transform-style:preserve-3d;transition:border-color .35s, box-shadow .35s; }
.product-card::before { content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,40%),rgba(255,183,62,.12),transparent 36%);opacity:0;transition:opacity .35s;pointer-events:none; }
.product-card:hover { border-color:rgba(255,184,67,.3);box-shadow:0 35px 70px rgba(0,0,0,.28); }
.product-card:hover::before { opacity:1; }
.card-topline { position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#69727a;font-size:9px;letter-spacing:.17em;padding:2px 3px 18px; }
.card-arrow { width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:#c7cbd0;font-size:14px;transition:.25s; }
.product-card:hover .card-arrow { color:#111;background:var(--amber);border-color:var(--amber);transform:rotate(45deg); }
.card-art { position:relative;height:270px;border-radius:18px;overflow:hidden;background:#0b0e11;border:1px solid rgba(255,255,255,.07); }
.card-content { position:relative;z-index:2;margin-top:auto;padding:26px 5px 4px; }
.card-label { display:inline-block;padding:6px 9px;border-radius:6px;background:rgba(255,182,64,.1);color:var(--amber);font-size:9px;letter-spacing:.12em;margin-bottom:14px; }
.card-label.purple{background:rgba(167,139,250,.1);color:var(--purple)}.card-label.green{background:rgba(92,240,199,.1);color:var(--mint)}
.card-content h3 { margin:0 0 13px;font-size:22px;letter-spacing:-.025em; }
.card-content p { margin:0;color:#858e96;font-size:13px;line-height:1.8; }
.film-art { perspective:500px;background:radial-gradient(circle at 50% 30%,rgba(255,170,60,.18),transparent 45%),#0b0e11; }
.film-frame { position:absolute;width:68%;height:61%;left:16%;top:17%;border:1px solid rgba(255,255,255,.14);border-radius:8px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.4);transform-style:preserve-3d; }
.frame-back{transform:translate(34px,-20px) rotateY(-8deg);opacity:.34;background:#131a21}.frame-mid{transform:translate(18px,-9px);opacity:.58;background:#17151b}.frame-front{background:linear-gradient(#40304d,#d37b42 56%,#181821 57%)}
.film-frame>span{position:absolute;left:8px;bottom:7px;z-index:4;font-size:6px;letter-spacing:.12em;color:rgba(255,255,255,.6)}
.frame-sun{position:absolute;width:53px;height:53px;border-radius:50%;background:#ffd48d;left:54%;top:21%;box-shadow:0 0 35px #ff9b54}.frame-mountain{position:absolute;bottom:-30px;width:190px;height:130px;background:#272030;transform:rotate(45deg)}.m1{left:-30px}.m2{right:-60px;background:#171722}.timeline-mini{position:absolute;left:12%;right:12%;bottom:8%;height:14px;display:flex;gap:3px}.timeline-mini i{flex:1;background:#252c32;border-radius:2px}.timeline-mini i:nth-child(2){background:#b86c37}.timeline-mini b{position:absolute;width:1px;height:25px;background:var(--amber);left:62%;top:-5px}
.chat-art { display:flex;flex-direction:column;justify-content:center;padding:22px;background:radial-gradient(circle at 80% 10%,rgba(167,139,250,.14),transparent 46%),#0b0e11; }
.chat-bubble{max-width:87%;padding:12px 14px;border-radius:13px;font-size:10px;line-height:1.55}.chat-question{align-self:flex-end;background:#27232e;color:#c6bdce;border-bottom-right-radius:3px}.chat-answer{display:flex;align-items:center;gap:9px;margin-top:12px;color:#8e98a2;background:#151b20;border-bottom-left-radius:3px}.bubble-logo{width:24px;height:24px;overflow:hidden;border-radius:7px}.bubble-logo img{width:100%;height:100%;object-fit:cover}.chat-answer div{display:flex;gap:3px}.chat-answer i{width:4px;height:4px;border-radius:50%;background:var(--purple);animation:dots 1s infinite alternate}.chat-answer i:nth-child(2){animation-delay:.2s}.chat-answer i:nth-child(3){animation-delay:.4s}@keyframes dots{to{opacity:.25;transform:translateY(-2px)}}.typing-line{height:32px;margin-top:24px;border:1px solid rgba(255,255,255,.09);border-radius:10px}.typing-line::after{content:"";display:block;width:1px;height:10px;background:var(--purple);margin:10px 12px;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
.api-art{background:radial-gradient(circle at 50% 50%,rgba(92,240,199,.1),transparent 47%),#0b0e11}.api-art svg{position:absolute;inset:0;width:100%;height:100%}.api-art path{fill:none;stroke:rgba(92,240,199,.28);stroke-width:1;stroke-dasharray:4 5;animation:dash 15s linear infinite}.api-art circle{fill:var(--mint)}@keyframes dash{to{stroke-dashoffset:-100}}.api-node{position:absolute;z-index:2;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(92,240,199,.2);border-radius:14px;color:#7b8b8b;background:#111a1b;font-size:8px;letter-spacing:.1em;box-shadow:0 0 22px rgba(92,240,199,.05)}.node-center{width:64px;height:64px;left:calc(50% - 32px);top:calc(50% - 32px);color:var(--mint);font-size:10px;box-shadow:0 0 30px rgba(92,240,199,.1)}.node-a{left:10%;top:12%}.node-b{right:8%;top:12%}.node-c{right:10%;bottom:9%}

.studio { padding-top:30px;padding-bottom:150px; }
.studio-shell { position:relative;display:grid;grid-template-columns:.73fr 1.27fr;gap:54px;padding:72px 0 72px 60px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(120deg,#11161b,#0c1013);overflow:hidden; }
.studio-shell::before { content:"";position:absolute;width:500px;height:500px;left:-180px;bottom:-260px;border-radius:50%;background:rgba(255,176,64,.12);filter:blur(90px); }
.studio-copy { position:relative;z-index:2;align-self:center; }
.studio h2 { font-size:clamp(40px,4vw,61px); }
.studio h2 span { color:#7b8289; }
.studio-copy>p { color:#8c949c;font-size:14px;line-height:1.85;margin:25px 0 31px; }
.feature-list { list-style:none;padding:0;margin:0 0 33px; }
.feature-list li { display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line); }
.feature-list li:last-child{border-bottom:1px solid var(--line)}
.feature-list li>span { color:#5e6770;font-size:9px;letter-spacing:.1em; }
.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:13px;margin-bottom:5px}.feature-list small{color:#707982;font-size:10px}
.text-link { display:inline-flex;align-items:center;gap:12px;color:var(--amber);font-size:12px;font-weight:700; }
.text-link span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,182,64,.25);border-radius:50%;transition:.25s}.text-link:hover span{background:var(--amber);color:#111;transform:rotate(45deg)}
.studio-ui { position:relative;z-index:2;height:630px;border:1px solid rgba(255,255,255,.12);border-right:0;border-radius:18px 0 0 18px;background:#090c0f;box-shadow:-30px 40px 80px rgba(0,0,0,.42);overflow:hidden;transform:perspective(1300px) rotateY(-3deg);transform-origin:right center; }
.ui-toolbar { height:45px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#626a72;font-size:9px; }
.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#393f44}.window-dots i:first-child{background:#d8664d}.window-dots i:nth-child(2){background:#d8a34d}.window-dots i:nth-child(3){background:#55a76d}
.ui-actions{display:flex;gap:8px;align-items:center}.ui-actions i{width:24px;height:20px;border:1px solid var(--line);border-radius:4px}.ui-actions b{padding:6px 10px;border-radius:5px;background:var(--amber);color:#111;font-size:8px}
.ui-body{display:flex;height:calc(100% - 45px)}.ui-sidebar{width:48px;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:16px;border-right:1px solid var(--line);color:#555e67;font-size:11px}.sidebar-logo{width:25px;height:25px;overflow:hidden;border-radius:7px;margin-bottom:7px}.sidebar-logo img{width:100%;height:100%;object-fit:cover}.ui-sidebar>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px}.ui-sidebar>span.active{background:rgba(255,182,64,.12);color:var(--amber)}.ui-sidebar>i{flex:1;width:1px;background:var(--line)}
.ui-main{flex:1;padding:15px 16px;overflow:hidden}.scene-head{height:43px;display:flex;align-items:flex-start;justify-content:space-between}.scene-head small,.scene-head strong{display:block}.scene-head small{font-size:6px;color:#535d66;letter-spacing:.15em;margin-bottom:5px}.scene-head strong{font-size:10px}.scene-head button{border:1px solid var(--line);border-radius:5px;color:#a8afb5;background:#181d21;font-size:7px;padding:6px 10px}
.scene-canvas{position:relative;height:310px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:#16121f}.cinema-sky{position:absolute;inset:0;background:linear-gradient(#101126,#573754 52%,#da7946 80%,#1b1821 81%)}.cinema-sun{position:absolute;width:78px;height:78px;border-radius:50%;background:#ffc77c;left:64%;top:21%;box-shadow:0 0 60px #f98455}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:39px 38px;opacity:.28}.cinema-ground{position:absolute;bottom:-80px;width:420px;height:230px;transform:rotate(19deg);background:#171522}.ground-a{left:-130px}.ground-b{right:-210px;bottom:-60px;background:#0e1017}.character{position:absolute;left:47%;bottom:45px;width:15px;height:54px}.character i{position:absolute;width:11px;height:11px;border-radius:50%;background:#090b0f;top:0;left:2px}.character b{position:absolute;width:14px;height:42px;border-radius:8px 8px 3px 3px;background:#090b0f;bottom:0}.scene-time,.scene-tag{position:absolute;bottom:8px;color:rgba(255,255,255,.45);font-size:6px;letter-spacing:.12em}.scene-time{right:10px}.scene-tag{left:9px}
.timeline{position:relative;height:195px;margin-top:12px;background:#0c0f12;border:1px solid var(--line);border-radius:7px;padding-top:28px;overflow:hidden}.timeline-controls{position:absolute;left:0;top:0;right:0;height:27px;display:flex;align-items:center;gap:10px;padding:0 9px;border-bottom:1px solid var(--line);color:#606870;font-size:7px}.timeline-controls small{margin-left:auto}.timeline-ruler{display:flex;justify-content:space-around;height:17px;border-bottom:1px solid var(--line)}.timeline-ruler i{width:1px;height:5px;background:#343a40}.track{display:flex;align-items:center;gap:3px;height:47px;border-bottom:1px solid rgba(255,255,255,.05);padding-left:30px;position:relative}.track b{position:absolute;left:8px;color:#596168;font-size:7px}.clip{height:32px;border-radius:3px;background:linear-gradient(90deg,#4b3536,#6e4938);border:1px solid #82533a}.c1{width:26%}.c2{width:34%;background:linear-gradient(90deg,#35364b,#4f3f5e);border-color:#5f4b70}.c3{width:31%}.waveform{width:94%;height:23px;background:repeating-linear-gradient(90deg,#37675e 0 1px,transparent 1px 4px);clip-path:polygon(0 45%,3% 30%,6% 55%,9% 18%,12% 70%,15% 35%,18% 50%,21% 22%,24% 65%,27% 31%,30% 55%,33% 14%,36% 72%,39% 35%,42% 58%,45% 22%,48% 65%,51% 30%,54% 48%,57% 18%,60% 66%,63% 29%,66% 55%,69% 20%,72% 67%,75% 34%,78% 55%,81% 14%,84% 65%,87% 30%,90% 55%,93% 25%,96% 62%,100% 45%,100% 55%,0 55%)}.playhead{position:absolute;left:61%;top:28px;width:1px;height:168px;background:#f16f4f}.playhead::before{content:"";position:absolute;left:-3px;top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #f16f4f}

.chat-section { padding-top:80px;padding-bottom:170px; }
.chat-layout { display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center; }
.chat-demo{position:relative;padding:35px}.chat-glow{position:absolute;z-index:-1;inset:8%;border-radius:50%;background:rgba(167,139,250,.14);filter:blur(65px)}
.chat-window{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#101419;box-shadow:0 45px 90px rgba(0,0,0,.4);overflow:hidden;transform:rotate(-1deg)}
.chat-window-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.chat-identity{display:flex;align-items:center;gap:11px}.chat-identity>span{width:38px;height:38px;border-radius:11px;overflow:hidden}.chat-identity img{width:100%;height:100%;object-fit:cover}.chat-identity strong,.chat-identity small{display:block}.chat-identity strong{font-size:12px;margin-bottom:5px}.chat-identity small{color:#6d767e;font-size:8px}.chat-identity small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:4px}.chat-window-head button{border:0;background:none;color:#68717a;letter-spacing:2px}
.chat-messages{min-height:370px;padding:28px 21px;display:flex;flex-direction:column;gap:22px;background:radial-gradient(circle at 10% 40%,rgba(167,139,250,.05),transparent 35%)}.message{font-size:12px;line-height:1.75}.user-message{align-self:flex-end;max-width:72%;padding:12px 15px;border-radius:14px 14px 3px 14px;background:#28242f;color:#ddd8e4}.ai-message{display:flex;gap:12px;max-width:88%;color:#a2a9b0}.message-avatar{flex:0 0 29px;height:29px;border-radius:9px;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.ai-message strong{display:block;color:#e1e2e0;font-size:11px;margin-bottom:6px}.ai-message p{margin:0}.suggestions{display:flex;gap:7px;margin-top:14px}.suggestions span{padding:7px 9px;border:1px solid rgba(167,139,250,.18);border-radius:7px;color:#a99bd1;font-size:8px}
.chat-input{height:66px;margin:0 16px 16px;padding:0 10px 0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.11);border-radius:13px;color:#5d6670;font-size:10px;background:#0b0e11}.chat-input button{width:34px;height:34px;border:0;border-radius:9px;background:var(--purple);color:#111;font-size:17px}
.chat-copy>p,.api-copy>p{color:var(--muted);font-size:14px;line-height:1.9;margin:25px 0 28px}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:33px}.pill-list span{padding:8px 11px;border:1px solid var(--line);border-radius:100px;color:#8e969d;font-size:10px}.button-outline{padding:0 20px}

.api-section { display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;padding-top:110px;padding-bottom:165px;border-top:1px solid var(--line); }
.api-stats{display:flex;gap:25px;margin:30px 0 34px}.api-stats div{padding-right:25px;border-right:1px solid var(--line)}.api-stats div:last-child{border:0}.api-stats strong,.api-stats span{display:block}.api-stats strong{font-size:18px;margin-bottom:5px}.api-stats span{color:#69727a;font-size:9px}.green-link{color:var(--mint)}.green-link span{border-color:rgba(92,240,199,.23)}.green-link:hover span{background:var(--mint)}
.code-window{border:1px solid rgba(255,255,255,.13);border-radius:19px;background:#0b0f12;box-shadow:0 40px 90px rgba(0,0,0,.38);overflow:hidden}.code-head{height:48px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid var(--line);color:#677079;font-size:9px}.code-head>span{margin:auto}.copy-code{border:1px solid var(--line);border-radius:6px;color:#78818a;background:#13181d;padding:5px 9px;font-size:8px;cursor:pointer}.copy-code:hover{color:var(--mint);border-color:rgba(92,240,199,.25)}
.code-window pre{margin:0;padding:28px 30px;overflow:auto;min-height:360px;font:11px/1.9 "SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#aeb5bc;tab-size:2}.code-purple{color:#c39cff}.code-green{color:#8fddb6}.code-blue{color:#76b4e3}.code-status{height:38px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#657079;font-size:8px}.code-status span:first-child{color:var(--mint)}.code-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:5px}

.cta { padding-top:20px;padding-bottom:110px; }
.cta-panel{position:relative;isolation:isolate;padding:110px 30px;text-align:center;border:1px solid rgba(255,255,255,.11);border-radius:32px;background:#0e1215;overflow:hidden}.cta-panel::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 130%,rgba(255,173,58,.18),transparent 45%)}.cta-orb{position:absolute;z-index:-1;width:300px;height:300px;border:1px solid rgba(255,182,64,.22);border-radius:42%;left:calc(50% - 150px);bottom:-220px;transform:rotate(45deg);box-shadow:0 0 80px rgba(255,182,64,.09)}.cta h2{font-size:clamp(50px,7vw,92px)}.cta p{max-width:600px;margin:26px auto 0;color:#8e969d;font-size:14px;line-height:1.8}.cta-actions{justify-content:center}

.site-footer{display:grid;grid-template-columns:1fr .7fr;padding-top:66px;padding-bottom:28px;border-top:1px solid var(--line)}.footer-brand .brand{margin-bottom:18px}.footer-brand p{color:#68717a;font-size:11px;line-height:1.8}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-links div{display:flex;flex-direction:column;gap:11px}.footer-links strong{font-size:10px;margin-bottom:4px}.footer-links a{color:#747d85;font-size:10px;transition:.2s}.footer-links a:hover{color:var(--amber)}.footer-bottom{grid-column:1/-1;margin-top:64px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#4f575f;font-size:8px;letter-spacing:.13em}

.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease),transform .8s var(--ease); }
.reveal.visible { opacity:1; transform:translateY(0); }
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}

@media (max-width: 1050px) {
  .brand-tag{display:none}.desktop-nav{gap:22px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(55px,7vw,78px)}.logo-stage{transform:scale(.82)}.card-director{right:-20px}.product-grid{grid-template-columns:1fr 1fr}.product-featured{grid-column:1/-1;min-height:520px}.product-featured .card-art{height:300px}.studio-shell{grid-template-columns:1fr;padding-left:45px;gap:55px}.studio-copy{max-width:590px}.studio-ui{margin-left:40px}.chat-layout{gap:40px}.api-section{gap:50px}
}

@media (max-width: 760px) {
  .section-pad{padding-left:20px;padding-right:20px}.cursor-glow{display:none}.site-header{top:10px;width:calc(100% - 20px);height:58px;padding:0 9px 0 8px;border-radius:15px}.site-header.scrolled{height:56px}.brand-mark{width:40px;height:40px;border-radius:11px}.brand-name{font-size:18px}.desktop-nav,.nav-cta{display:none}.menu-button{position:relative;z-index:3;width:40px;height:40px;display:grid;place-content:center;gap:6px;border:0;border-radius:10px;background:rgba(255,255,255,.05)}.menu-button span{display:block;width:18px;height:1px;background:#ddd;transition:.3s}.menu-button.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;inset:-10px -10px auto;height:0;overflow:hidden;border-radius:0 0 24px 24px;background:rgba(8,11,14,.98);opacity:0;transition:height .5s var(--ease),opacity .3s}.mobile-nav.open{height:100svh;opacity:1}.mobile-nav a{font-size:24px;font-weight:700;letter-spacing:-.03em}.mobile-nav a:last-child{margin-top:10px;padding:13px 20px;border-radius:12px;color:#111;background:var(--amber)}
  .hero{height:auto;min-height:940px;max-height:none;display:flex;flex-direction:column;justify-content:center;gap:15px;padding-top:125px;padding-bottom:80px}.hero-copy{text-align:center}.eyebrow{font-size:9px}.hero h1{font-size:clamp(48px,14vw,70px);line-height:1.02;margin-top:23px}.hero-lead{font-size:14px;line-height:1.75}.hero-actions{justify-content:center;margin-top:28px}.button{min-height:49px;padding:0 17px}.hero-proof{justify-content:center;margin-top:40px}.hero-proof div{min-width:0;flex:1;margin-right:12px;padding-right:12px}.hero-proof strong{font-size:15px}.hero-proof span{font-size:8px}.hero-visual{min-height:430px;width:100%}.logo-stage{width:340px;height:340px;transform:scale(.76);margin-top:-25px}.float-card{transform:scale(.88)}.card-director{top:60px;right:-4px}.card-render{bottom:58px;left:-8px}.float-chip{display:none}.scroll-hint{display:none}.orbit-one{width:500px;height:500px;right:-250px}.orbit-two{display:none}.marquee{padding:14px 0}.products{padding-top:110px;padding-bottom:120px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.section-heading h2,.studio h2,.chat-copy h2,.api-copy h2{font-size:42px}.section-heading p{font-size:13px}.product-grid{grid-template-columns:1fr}.product-featured{grid-column:auto}.product-card{min-height:520px}.card-art{height:245px}.product-featured .card-art{height:245px}.studio{padding-bottom:110px}.studio-shell{padding:48px 22px 0;gap:45px;border-radius:24px}.studio-copy>p{font-size:13px}.studio-ui{height:480px;width:730px;margin-left:0;transform:scale(.78);transform-origin:left top;border-radius:14px;margin-bottom:-106px}.chat-section{padding-top:20px;padding-bottom:120px}.chat-layout{grid-template-columns:1fr;gap:65px}.chat-demo{padding:0 6px;order:2}.chat-copy{order:1}.chat-messages{min-height:340px}.api-section{grid-template-columns:1fr;gap:55px;padding-top:95px;padding-bottom:120px}.api-stats{gap:14px}.api-stats div{padding-right:14px}.code-window pre{padding:23px 18px;font-size:9px;min-height:330px}.cta{padding-bottom:90px}.cta-panel{padding:78px 20px;border-radius:24px}.cta h2{font-size:50px}.site-footer{grid-template-columns:1fr;gap:42px}.footer-links{max-width:300px}.footer-bottom{margin-top:30px;gap:20px;line-height:1.7}.footer-bottom span:last-child{text-align:right}
}

@media (max-width: 390px) {
  .hero h1{font-size:45px}.hero-visual{transform:scale(.9);margin-left:-2px}.hero-actions .button{width:100%}.hero-proof span{line-height:1.35;display:block}.product-card{padding:15px}.studio-ui{transform:scale(.68);margin-bottom:-155px}.chat-window{transform:none}.api-stats strong{font-size:15px}.cta h2{font-size:43px}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}
}

/* Decorative layers must never block CTA links. */
.hero-grid,
.cta-grid,
.cta-orb,
.cta-panel::before {
  pointer-events: none;
}

.cta-panel .kicker,
.cta-panel h2,
.cta-panel p,
.cta-panel .cta-actions {
  position: relative;
  z-index: 3;
}

.cta-panel .cta-actions a {
  position: relative;
  z-index: 4;
  pointer-events: auto;
  cursor: pointer;
}

.contact-toast {
  position: fixed;
  z-index: 999;
  left: 50%;
  bottom: 34px;
  max-width: calc(100% - 32px);
  padding: 13px 18px;
  border: 1px solid rgba(255,182,64,.35);
  border-radius: 12px;
  color: #15110a;
  background: linear-gradient(120deg,#ffd177,#ffb640);
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  font-size: 13px;
  font-weight: 700;
  opacity: 0;
  transform: translate(-50%,18px);
  pointer-events: none;
  transition: opacity .25s, transform .25s;
}
.contact-toast.show { opacity: 1; transform: translate(-50%,0); }