:root {
  --ink: #09090b;
  --ink-2: #101014;
  --paper: #f5f7fb;
  --paper-2: #e9eef6;
  --white: #ffffff;
  --muted: #9ba5b4;
  --muted-dark: #667085;
  --line: rgba(255,255,255,.12);
  --line-dark: rgba(13,32,62,.11);
  --brand-cyan: #43c1ff;
  --brand-mid: #3fa4ff;
  --brand-blue: #3c84ff;
  --brand-deep: #2563eb;
  --radius: 26px;
  --container: 1240px;
}

* { box-sizing: border-box; }
::selection { background: rgba(60,132,255,.28); color: inherit; }

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font: inherit; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 132px 0; }
.section-dark { background: var(--ink); color: var(--white); }
.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' 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: 360px; height: 360px; border-radius: 50%; pointer-events: none; z-index: 0;
  background: radial-gradient(circle, rgba(61,138,255,.09), transparent 68%); transform: translate(-50%,-50%); opacity: 0;
  transition: opacity .3s ease;
}

.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  border-bottom: 1px solid rgba(255,255,255,.08); transition: .3s ease;
}
.site-header.scrolled { background: rgba(9,9,11,.84); backdrop-filter: blur(18px); }
.nav-wrap { height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { min-width: 178px; color: white; display: flex; align-items: center; }
.brand-logo { max-height: 56px; width: auto; max-width: 180px; object-fit: contain; }
.brand-fallback { display: inline-flex; align-items: center; gap: 10px; }
.brand-mark { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(135deg, var(--brand-cyan), var(--brand-blue)); color: white; font: 700 17px/1 "Space Grotesk"; transform: rotate(-5deg); }
.brand-name { letter-spacing: .14em; font: 700 16px/1 "Space Grotesk"; }
.desktop-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.desktop-nav a { color: #bcbcc3; font-size: 14px; transition: .2s ease; }
.desktop-nav a:hover { color: white; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; padding: 0 24px; border-radius: 100px; font-weight: 600; transition: .25s ease; }
.button-small { min-height: 42px; padding: 0 18px; font-size: 13px; }
.button-ghost { border: 1px solid rgba(255,255,255,.22); color: white; }
.button-ghost:hover { border-color: var(--brand-cyan); color: var(--brand-cyan); box-shadow: 0 0 0 3px rgba(67,193,255,.08); }
.button-primary { background: linear-gradient(135deg, var(--brand-cyan) 0%, var(--brand-blue) 100%); color: white; box-shadow: inset 0 1px 0 rgba(255,255,255,.22); }
.button-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(61,138,255,.28); }
.menu-toggle { display: none; width: 42px; height: 42px; background: none; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; position: relative; }
.menu-toggle span { position: absolute; width: 16px; height: 1px; background: white; left: 12px; transition: .25s ease; }
.menu-toggle span:first-child { top: 16px; }
.menu-toggle span:last-child { top: 23px; }
.menu-toggle.active span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle.active span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { display: none; }

.hero { min-height: 820px; padding: 160px 0 88px; position: relative; overflow: hidden; }
.hero::before { content:""; position:absolute; inset:0; background: linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.hero-grid { min-height: 610px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; align-items: center; position: relative; z-index: 2; }
.hero-copy { padding-top: 34px; }
.eyebrow { color: var(--brand-cyan); font-size: 11px; font-weight: 700; letter-spacing: .18em; display: flex; align-items: center; gap: 9px; margin-bottom: 24px; }
.eyebrow.dark { color: #5c5c63; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand-cyan); box-shadow: 0 0 0 0 rgba(61,138,255,.48); animation: pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 8px rgba(61,138,255,0); } 100% { box-shadow: 0 0 0 0 rgba(61,138,255,0); } }
.hero h1, .section-heading h2, .advantage-title h2, .company-copy h2, .contact-inner h2 { font-family: "Space Grotesk", sans-serif; letter-spacing: -.055em; margin: 0; }
.hero h1 { font-size: clamp(58px, 6.7vw, 98px); line-height: .95; max-width: 780px; }
.text-gradient { background: linear-gradient(100deg, var(--brand-cyan) 0%, var(--brand-mid) 48%, var(--brand-blue) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lead { max-width: 650px; color: #a9a9b2; font-size: 18px; line-height: 1.72; margin: 34px 0 36px; }
.hero-actions { display: flex; align-items: center; gap: 30px; }
.text-link { color: #d1d1d7; font-size: 14px; display: inline-flex; align-items: center; gap: 9px; border-bottom: 1px solid rgba(255,255,255,.16); padding: 11px 2px; }
.text-link:hover { color: var(--brand-cyan); border-color: var(--brand-cyan); }
.hero-meta { margin-top: 62px; display: flex; gap: 38px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.11); width: min(100%, 660px); }
.hero-meta div { display: flex; align-items: center; gap: 10px; }
.hero-meta strong { font: 600 22px/1 "Space Grotesk"; color: white; }
.hero-meta span { color: #707078; font-size: 12px; max-width: 90px; line-height: 1.25; }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); }
.orb-one { width: 540px; height: 540px; right: -230px; top: 80px; background: radial-gradient(circle at 40% 40%, rgba(67,193,255,.18), transparent 65%); }
.orb-two { width: 440px; height: 440px; left: 34%; bottom: -320px; background: radial-gradient(circle, rgba(60,132,255,.14), transparent 68%); }
.hero-bottom-line { height: 1px; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, transparent, rgba(67,193,255,.75), rgba(60,132,255,.56), transparent); }

.agent-visual { position: relative; height: 590px; display: flex; align-items: center; justify-content: center; }
.visual-grid { position: absolute; inset: 6%; border-radius: 50%; background-image: radial-gradient(rgba(255,255,255,.17) 1px, transparent 1px); background-size: 17px 17px; mask-image: radial-gradient(circle, black 0 32%, transparent 70%); opacity: .7; animation: spin 36s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.agent-core { width: 310px; min-height: 392px; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); backdrop-filter: blur(14px); padding: 24px; position: relative; z-index: 2; box-shadow: 0 40px 100px rgba(0,0,0,.36); }
.agent-core::before { content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background: linear-gradient(140deg, rgba(67,193,255,.72), transparent 27%, transparent 70%, rgba(60,132,255,.38)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none; }
.agent-core-top { display: flex; justify-content: space-between; align-items: center; }
.agent-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, var(--brand-cyan), var(--brand-blue)); color: white; font-size: 20px; }
.status { font-size: 10px; color: #8d8d95; border: 1px solid rgba(255,255,255,.1); padding: 7px 9px; border-radius: 30px; display: inline-flex; align-items: center; gap: 6px; }
.status i { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-blue); }
.agent-core h3 { font: 600 33px/1.03 "Space Grotesk"; letter-spacing: -.045em; margin: 26px 0 28px; }
.agent-task { display: grid; grid-template-columns: 30px 1fr 20px; gap: 8px; align-items: center; padding: 14px 4px; border-top: 1px solid rgba(255,255,255,.09); }
.agent-task > span { color: #64646d; font-size: 10px; }
.agent-task b { display:block; font-size: 12px; font-weight:600; }
.agent-task small { display:block; color:#6f6f78; margin-top:3px; font-size:9px; }
.agent-task em { font-style: normal; font-size: 11px; color: var(--brand-blue); }
.agent-task.active { background: linear-gradient(90deg, rgba(60,132,255,.075), transparent); }
.agent-task.muted { opacity: .52; }
.loader { width: 12px; height: 12px; border: 1px solid rgba(60,132,255,.32); border-top-color: var(--brand-blue); border-radius: 50%; animation: spin 1s linear infinite; }
.floating-card { position:absolute; z-index:3; width:230px; padding:14px; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:rgba(20,20,25,.82); backdrop-filter: blur(16px); display:grid; grid-template-columns:58px 1fr; gap:11px; align-items:end; box-shadow: 0 24px 60px rgba(0,0,0,.25); }
.floating-card .mini-label { grid-column:1 / -1; font-size:8px; color:#74747c; letter-spacing:.16em; }
.floating-card .mini-label.accent { color:var(--brand-blue); }
.floating-card b { display:block; font-size:11px; }
.floating-card small { display:block; color:#6d6d75; font-size:8px; margin-top:4px; }
.input-card { left:-25px; top:120px; animation: floatA 5.5s ease-in-out infinite; }
.output-card { right:-20px; bottom:112px; animation: floatB 6s ease-in-out infinite; }
@keyframes floatA { 50% { transform: translateY(-11px) rotate(-1deg); } }
@keyframes floatB { 50% { transform: translateY(12px) rotate(1deg); } }
.product-thumb, .video-thumb { height:56px; border-radius:10px; overflow:hidden; position:relative; }
.product-thumb { background: linear-gradient(145deg, #383842, #1b1b20); }
.product-thumb::before { content:""; position:absolute; width:25px; height:35px; border-radius:7px; background:linear-gradient(#a2a2ae,#5b5b67); left:17px; top:12px; transform: rotate(8deg); }
.product-thumb span { position:absolute; font-size:7px; right:5px; top:4px; color:#898992; }
.video-thumb { background: radial-gradient(circle at 35% 40%, #72727f, #202027 55%); display:grid; place-items:center; }
.play { width:22px; height:22px; border-radius:50%; background:rgba(255,255,255,.92); color:#111; display:grid; place-items:center; font-size:7px; padding-left:1px; }
.orbit { position:absolute; border:1px solid rgba(255,255,255,.08); border-radius:50%; }
.orbit-a { width:430px; height:430px; }
.orbit-b { width:530px; height:530px; border-style:dashed; opacity:.5; }

.trust-strip { background:#111114; color:white; border-bottom:1px solid rgba(255,255,255,.07); }
.trust-inner { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.trust-inner > span { color:#6e6e76; font-size:10px; letter-spacing:.08em; white-space:nowrap; }
.trust-items { display:flex; align-items:center; justify-content:flex-end; gap:20px; color:#8f8f98; font:600 10px/1 "Space Grotesk"; letter-spacing:.12em; }
.trust-items i { width:3px; height:3px; background:var(--brand-blue); border-radius:50%; opacity:.7; }

.section-light { background: var(--paper); }
.section-heading { max-width:780px; margin-bottom:72px; }
.section-heading h2 { font-size: clamp(46px, 5.2vw, 76px); line-height: 1.01; }
.section-heading h2 span { color:#909096; }
.section-heading > p { color:#74747a; max-width:600px; font-size:17px; line-height:1.7; margin:26px 0 0; }
.solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.solution-card { position:relative; min-height:610px; background:#fff; border:1px solid var(--line-dark); border-radius:var(--radius); padding:28px; display:flex; flex-direction:column; overflow:hidden; transition:.35s ease; }
.solution-card:hover { transform:translateY(-7px); box-shadow:0 30px 80px rgba(20,20,24,.08); }
.solution-card.featured { background:#101014; color:white; border-color:#101014; }
.solution-card.featured::after { content:""; width:260px; height:260px; border-radius:50%; position:absolute; right:-110px; top:-120px; background:radial-gradient(circle, rgba(60,132,255,.20), transparent 70%); }
.solution-number { font:500 11px/1 "Space Grotesk"; color:#929298; }
.solution-icon { height:170px; margin:22px 0 32px; position:relative; display:grid; place-items:center; }
.commerce-icon::before { content:""; width:115px; height:112px; border:1px solid #c9c9ca; border-radius:18px; transform:rotate(-6deg); box-shadow:18px 17px 0 -1px #efefec,18px 17px 0 0 #d5d5d1; }
.commerce-icon span { position:absolute; width:54px; height:6px; border-radius:4px; background:#1a1a1e; left:50%; transform:translateX(-55%); }
.commerce-icon span:nth-child(1){ top:69px; } .commerce-icon span:nth-child(2){ top:83px; width:38px; } .commerce-icon span:nth-child(3){ top:98px; width:47px; background:var(--brand-blue); }
.marketing-icon { align-items:end; grid-template-columns:repeat(3,38px); gap:8px; }
.marketing-icon .bar { display:block; border:1px solid rgba(255,255,255,.18); border-radius:8px 8px 2px 2px; background:linear-gradient(rgba(60,132,255,.32),rgba(60,132,255,.04)); }
.marketing-icon .b1 { height:60px; } .marketing-icon .b2{height:104px;} .marketing-icon .b3{height:138px;background:linear-gradient(var(--brand-blue),rgba(60,132,255,.12));}
.marketing-icon .spark { position:absolute; color:var(--brand-blue); font-size:21px; right:23%; top:9px; }
.creator-icon .phone-shape { width:78px; height:145px; border:2px solid #1a1a1e; border-radius:18px; display:grid; place-items:center; background:linear-gradient(145deg,#dbdbd6,#fafaf8); box-shadow:18px 16px 35px rgba(0,0,0,.12); transform:rotate(7deg); }
.creator-icon .phone-shape::before { content:""; position:absolute; width:30px; height:3px; border-radius:3px; background:#1a1a1e; top:15px; }
.creator-icon .spark { position:absolute; font-size:16px; }
.creator-icon .s1 { color:var(--brand-mid); left:26%; top:25px; } .creator-icon .s2 { color:#6dbfd0; right:24%; bottom:20px; }
.solution-card h3 { font:600 28px/1.15 "Space Grotesk"; letter-spacing:-.035em; margin:0 0 9px; }
.solution-kicker { color:#77777d!important; font-weight:600; font-size:13px!important; margin-bottom:18px!important; }
.solution-card.featured .solution-kicker { color:#a2a2aa!important; }
.solution-card > p { color:#6e6e74; font-size:13px; line-height:1.65; margin:0; }
.solution-card.featured > p { color:#92929b; }
.solution-card ul { list-style:none; margin:24px 0 32px; padding:0; }
.solution-card li { padding:9px 0 9px 19px; position:relative; font-size:12px; border-bottom:1px solid rgba(9,9,11,.08); }
.solution-card.featured li { border-color:rgba(255,255,255,.09); }
.solution-card li::before { content:"+"; position:absolute; left:0; color:#8b8b91; }
.card-tag { margin-top:auto; width:max-content; padding:8px 10px; border-radius:6px; background:#f0f0ed; color:#818187; font-size:8px; font-weight:700; letter-spacing:.13em; }
.featured .card-tag { background:linear-gradient(135deg,var(--brand-cyan),var(--brand-blue)); color:white; }

.platform { position:relative; overflow:hidden; }
.platform-orb { position:absolute; width:750px; height:750px; border-radius:50%; right:-380px; top:80px; background:radial-gradient(circle,rgba(67,193,255,.11),transparent 68%); }
.section-heading.on-dark { margin-bottom:78px; position:relative; z-index:1; }
.platform-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:80px; align-items:start; position:relative; z-index:1; }
.platform-intro { color:#9898a0; font-size:16px; line-height:1.75; margin:0 0 40px; max-width:500px; }
.capability { display:grid; grid-template-columns:34px 1fr 26px; gap:14px; align-items:start; padding:22px 0; border-top:1px solid rgba(255,255,255,.11); cursor:pointer; opacity:.48; transition:.3s ease; }
.capability:last-child { border-bottom:1px solid rgba(255,255,255,.11); }
.capability.active, .capability:hover { opacity:1; }
.capability > span { font-size:10px; color:#6b6b74; padding-top:4px; }
.capability h4 { margin:0 0 6px; font:500 18px/1.2 "Space Grotesk"; }
.capability p { margin:0; color:#777780; font-size:11px; line-height:1.5; }
.capability b { font-weight:400; color:var(--brand-blue); transform:translateY(3px); }
.demo-window { min-height:590px; border:1px solid rgba(255,255,255,.14); border-radius:24px; overflow:hidden; background:#0d0d11; box-shadow:0 45px 120px rgba(0,0,0,.35); }
.window-top { height:52px; border-bottom:1px solid rgba(255,255,255,.09); display:flex; align-items:center; gap:7px; padding:0 18px; }
.window-top > span { width:7px; height:7px; border-radius:50%; background:#34343a; }
.window-top small { margin-left:auto; color:#4e4e56; font-size:8px; letter-spacing:.1em; }
.demo-content { display:none; padding:54px; }
.demo-content.active { display:block; animation:panelIn .45s ease both; }
@keyframes panelIn { from { opacity:0; transform:translateY(8px); } }
.demo-badge { display:inline-flex; border:1px solid rgba(67,193,255,.32); color:var(--brand-blue); border-radius:20px; padding:7px 10px; font-size:8px; letter-spacing:.14em; margin-bottom:28px; }
.demo-content h3 { font:500 38px/1.08 "Space Grotesk"; letter-spacing:-.045em; margin:0 0 42px; }
.blink { color:var(--brand-blue); animation:blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity:0; } }
.analysis-row { display:grid; grid-template-columns:88px 1fr 20px; gap:18px; align-items:center; padding:15px 0; border-top:1px solid rgba(255,255,255,.09); }
.analysis-row span { color:#676770; font-size:10px; }.analysis-row b{font-size:11px;font-weight:500}.analysis-row em{font-style:normal;color:var(--brand-blue);font-size:10px}
.demo-progress { height:2px; background:#26262c; margin:32px 0 11px; overflow:hidden; }.demo-progress i{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan));animation:progress 3s ease-in-out infinite alternate}@keyframes progress{from{width:34%}}
.processing{color:#5d5d65;font-size:9px}.scene-stack>div{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.09)}.scene-stack span{font-size:8px;letter-spacing:.15em;color:var(--brand-blue)}.scene-stack b{font-size:12px;font-weight:500}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.variant-grid>div{min-height:110px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent);display:flex;flex-direction:column;justify-content:space-between}.variant-grid span{font-size:9px;color:#5e5e67}.variant-grid b{font:500 14px "Space Grotesk"}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.format-grid>div{height:170px;border:1px solid rgba(255,255,255,.1);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(180deg,rgba(60,132,255,.075),transparent)}.format-grid b{font:600 24px "Space Grotesk";color:var(--brand-blue)}.format-grid span{font-size:9px;color:#73737c}

.workflow { background:#fff; }
.section-heading.centered { text-align:center; margin:0 auto 92px; display:flex; flex-direction:column; align-items:center; }
.section-heading.centered > p { max-width:520px; }
.workflow-track { display:grid; grid-template-columns:repeat(4,1fr); position:relative; gap:32px; }
.workflow-line { position:absolute; height:1px; background:#dbe3ed; top:30px; left:12.5%; right:12.5%; }
.workflow-line i { display:block; width:0; height:100%; background:var(--ink); transition:width 2.4s ease; }
.workflow-track.visible .workflow-line i { width:100%; }
.workflow-step { text-align:center; position:relative; }
.step-dot { width:62px; height:62px; border-radius:50%; border:1px solid #d8e0eb; background:#fff; display:grid; place-items:center; margin:0 auto 26px; position:relative; z-index:2; }
.step-dot span { width:39px; height:39px; border-radius:50%; background:#edf3fb; display:grid; place-items:center; font:600 11px "Space Grotesk"; }
.workflow-step h4 { font:600 17px "Space Grotesk"; margin:0 0 12px; letter-spacing:-.02em; }
.workflow-step p { color:#77777e; font-size:12px; line-height:1.6; max-width:230px; margin:0 auto; }

.advantage-section { background:#edf2f8; border-top:1px solid #dbe3ed; }
.advantage-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.advantage-title h2 { font-size:clamp(44px,4.5vw,66px); line-height:1.02; }
.advantage-list { border-top:1px solid #d5deea; }
.advantage-item { display:grid; grid-template-columns:54px 1fr; gap:26px; padding:31px 0; border-bottom:1px solid #d5deea; }
.advantage-item > span { color:#99999e; font-size:10px; padding-top:5px; }
.advantage-item h3 { font:600 22px "Space Grotesk"; letter-spacing:-.03em; margin:0 0 9px; }
.advantage-item p { color:#74747a; line-height:1.65; font-size:13px; margin:0; max-width:560px; }

.company-section { padding:130px 0; position:relative; overflow:hidden; }
.company-section::after { content:"N"; position:absolute; right:-3vw; bottom:-16vw; font:700 42vw/1 "Space Grotesk"; color:rgba(255,255,255,.018); pointer-events:none; }
.company-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:110px; align-items:end; position:relative; z-index:1; }
.company-copy h2 { font-size:clamp(48px,5vw,74px); line-height:1.02; max-width:720px; margin-bottom:36px; }
.company-copy p { color:#96969f; max-width:650px; line-height:1.72; font-size:15px; }
.company-card { border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.035); border-radius:24px; padding:34px; min-height:330px; display:flex; flex-direction:column; }
.company-card-label { color:#666670; font-size:9px; letter-spacing:.17em; }
.company-card h3 { font:600 28px "Space Grotesk"; margin:42px 0 22px; }
.company-card address { color:#aaaab2; font-style:normal; font-size:13px; line-height:1.8; }
.singapore-line { margin-top:auto; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); color:#777780; font-size:9px; letter-spacing:.15em; }
.singapore-line span { color:var(--brand-blue); margin-right:8px; }

.contact-section { background:linear-gradient(120deg,var(--brand-cyan) 0%,var(--brand-mid) 46%,var(--brand-blue) 100%); color:white; overflow:hidden; position:relative; }
.contact-section::before { content:""; position:absolute; width:520px; height:520px; border-radius:50%; right:-140px; top:-250px; background:radial-gradient(circle,rgba(255,255,255,.22),transparent 66%); pointer-events:none; }
.contact-inner { min-height:470px; display:flex; align-items:center; justify-content:space-between; gap:60px; }
.contact-inner .eyebrow.dark { color:rgba(255,255,255,.78); }
.contact-inner h2 { font-size:clamp(50px,5.5vw,82px); line-height:.98; max-width:900px; }
.circle-cta {
  flex:0 0 auto; min-width:226px; height:66px; border-radius:999px;
  background:#0b0b0d; color:white; display:flex; flex-direction:row; align-items:center; justify-content:space-between;
  gap:18px; padding:8px 8px 8px 23px; border:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 40px rgba(15,42,92,.22); transition:.3s ease;
}
.circle-cta:hover { transform:translateY(-3px); box-shadow:0 20px 48px rgba(15,42,92,.3); }
.circle-cta span { font-size:13px; line-height:1; font-weight:600; white-space:nowrap; }
.circle-cta b {
  width:48px; height:48px; border-radius:50%; display:grid; place-items:center; flex:0 0 48px;
  background:linear-gradient(135deg,var(--brand-cyan),var(--brand-blue));
  font-size:21px; font-weight:400; transition:transform .3s ease;
}
.circle-cta:hover b { transform:rotate(45deg); }
.contact-marquee { border-top:1px solid rgba(255,255,255,.26); overflow:hidden; white-space:nowrap; padding:15px 0; font:600 11px "Space Grotesk"; letter-spacing:.15em; }
.contact-marquee div { display:inline-block; min-width:max-content; animation:marquee 18s linear infinite; }
@keyframes marquee { to { transform:translateX(-33.333%); } }

.site-footer { background:#09090b; color:white; padding:58px 0 28px; }
.footer-top { display:grid; grid-template-columns:1fr 1fr auto; gap:30px; align-items:end; padding-bottom:50px; }
.footer-brand { font:700 27px "Space Grotesk"; letter-spacing:.08em; }.footer-brand span{color:var(--brand-cyan);margin-left:7px}
.footer-top p { color:#777780; font-size:12px; margin:0; }
.back-top { font-size:11px; color:#b3b3ba; cursor:pointer; display:inline-flex; align-items:center; gap:7px; transition:color .2s ease, transform .2s ease; }
.back-top:hover { color:var(--brand-blue); transform:translateY(-2px); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.09); padding-top:22px; display:flex; justify-content:space-between; color:#55555e; font-size:9px; letter-spacing:.06em; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}

@media (max-width: 1080px) {
  .hero-grid { grid-template-columns:1fr; min-height:auto; }
  .hero { padding-top:150px; }
  .hero-copy { max-width:850px; }
  .agent-visual { width:min(100%,700px); margin:10px auto 0; }
  .solution-grid { grid-template-columns:1fr; }
  .solution-card { min-height:auto; }
  .solution-icon { height:145px; }
  .platform-layout { grid-template-columns:1fr; gap:60px; }
  .advantage-grid { grid-template-columns:1fr; gap:60px; }
  .company-grid { grid-template-columns:1fr; gap:60px; }
  .company-card { max-width:580px; }
}

@media (max-width: 760px) {
  .container { width:min(calc(100% - 32px),var(--container)); }
  .section { padding:88px 0; }
  .nav-wrap { height:70px; gap:16px; }
  .brand { min-width:0; flex:1 1 auto; max-width:190px; }
  .brand-logo { max-height:30px; max-width:160px; }
  .desktop-nav,.desktop-cta { display:none; }
  .menu-toggle { display:block; }
  .mobile-menu { display:flex; position:fixed; top:70px; left:0; right:0; height:calc(100vh - 70px); background:#09090b; flex-direction:column; padding:42px 24px; gap:0; opacity:0; visibility:hidden; transform:translateY(-8px); transition:.25s ease; }
  .mobile-menu.open { opacity:1; visibility:visible; transform:none; }
  .mobile-menu a { color:white; font:500 28px "Space Grotesk"; letter-spacing:-.04em; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.1); }
  .hero { min-height:auto; padding:112px 0 58px; }
  .hero-grid { display:block; min-height:0; }
  .hero-copy { padding-top:0; }
  .hero h1 { font-size:clamp(48px,13.5vw,64px); line-height:.98; }
  .hero-lead { font-size:15px; line-height:1.65; margin-top:24px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:13px; }
  .hero-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:38px; padding-top:20px; }
  .hero-meta div { min-width:0; display:block; }
  .hero-meta strong { display:block; font-size:20px; margin-bottom:6px; }
  .hero-meta span { display:block; max-width:none; font-size:10px; line-height:1.35; }

  .agent-visual {
    width:100%; max-width:420px; height:630px; transform:none; margin:34px auto 0;
    align-items:center; justify-content:center;
  }
  .visual-grid { inset:3%; }
  .orbit-a { width:min(94vw,390px); height:min(94vw,390px); }
  .orbit-b { width:min(112vw,460px); height:min(112vw,460px); }
  .agent-core { width:calc(100% - 34px); max-width:350px; min-height:410px; padding:22px; border-radius:26px; }
  .agent-core h3 { font-size:30px; margin:28px 0 27px; }
  .agent-task { grid-template-columns:28px minmax(0,1fr) 18px; padding:14px 2px; }
  .agent-task small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .floating-card { width:188px; grid-template-columns:48px minmax(0,1fr); gap:9px; padding:11px; border-radius:16px; }
  .product-thumb,.video-thumb { height:48px; }
  .product-thumb::before { width:22px; height:30px; left:14px; top:10px; }
  .floating-card b { font-size:10px; }
  .floating-card small { font-size:7.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .input-card { left:0; top:4px; z-index:3; animation:none; }
  .output-card { right:0; bottom:4px; z-index:3; animation:none; }
  .trust-inner { padding:18px 0; align-items:flex-start; flex-direction:column; }
  .trust-items { justify-content:flex-start; flex-wrap:wrap; gap:13px; }
  .section-heading { margin-bottom:48px; }
  .section-heading h2 { font-size:clamp(42px,12vw,58px); }
  .solution-card { padding:24px; }
  .platform-layout { gap:44px; }
  .demo-window { min-height:520px; }
  .demo-content { padding:30px 24px; }.demo-content h3{font-size:31px}.analysis-row{grid-template-columns:70px 1fr 16px;gap:10px}.format-grid{grid-template-columns:1fr}.format-grid>div{height:92px}
  .workflow-track { grid-template-columns:1fr; gap:0; }
  .workflow-line { width:1px; height:auto; top:30px; bottom:30px; left:30px; right:auto; }
  .workflow-line i { width:100%; height:0; }.workflow-track.visible .workflow-line i{width:100%;height:100%}
  .workflow-step { display:grid; grid-template-columns:62px 1fr; text-align:left; gap:22px; padding-bottom:40px; align-items:start; }
  .step-dot { margin:0; }.workflow-step h4{margin-top:8px}.workflow-step p{grid-column:2;max-width:none;margin:-34px 0 0}
  .advantage-item { grid-template-columns:36px 1fr; gap:15px; }
  .company-section { padding:88px 0; }
  .company-copy h2 { font-size:47px; }
  .contact-inner { min-height:auto; align-items:flex-start; justify-content:center; flex-direction:column; gap:34px; padding:64px 0; }
  .contact-inner h2 { font-size:clamp(42px,12vw,54px); line-height:1.02; }
  .contact-inner h2 br { display:none; }
  .circle-cta { width:100%; max-width:286px; min-width:0; height:62px; padding:7px 7px 7px 20px; align-self:flex-start; }
  .circle-cta b { width:46px; height:46px; flex-basis:46px; }
  .footer-top { grid-template-columns:1fr; align-items:start; }.back-top{margin-top:10px}
  .footer-bottom { gap:16px; flex-direction:column; }
}

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