:root {
  --bg-dark: #08111f;
  --bg-deep: #0b1323;
  --bg-light: #f7f7fb;
  --surface: #ffffff;
  --text: #141827;
  --text-soft: #667085;
  --white: #ffffff;
  --accent: #8a72ff;
  --accent-strong: #7456ff;
  --mint: #4fe1c4;
  --soft-purple: #f0edff;
  --soft-mint: #e7faf6;
  --border: rgba(20, 24, 39, 0.11);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 38px;
  --container: 1180px;
  --shadow: 0 28px 80px rgba(13, 24, 48, 0.12);
  --ease: 240ms cubic-bezier(.2,.75,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg-light); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(79, 225, 196, .7); outline-offset: 4px; }
.skip-link { position: fixed; left: 14px; top: -60px; z-index: 100; background: #fff; color: #111; padding: 10px 14px; border-radius: 10px; transition: top var(--ease); }
.skip-link:focus { top: 14px; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 112px 0; }
.section-kicker { font-size: 12px; font-weight: 800; letter-spacing: .15em; color: var(--accent-strong); margin-bottom: 18px; }
.section-dark .section-kicker, .light-kicker { color: #a99cff; }

.site-header { position: fixed; inset: 20px 0 auto; z-index: 50; pointer-events: none; }
.nav-shell { width: min(calc(100% - 32px), 1120px); margin: auto; height: 70px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; padding: 0 16px 0 14px; color: #fff; border: 1px solid rgba(255,255,255,.13); background: rgba(8,17,31,.72); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); border-radius: 999px; box-shadow: 0 18px 45px rgba(0,0,0,.18); pointer-events: auto; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
.brand img { border-radius: 14px; }
.nav-links { display: flex; justify-content: center; gap: 29px; font-size: 14px; color: rgba(255,255,255,.76); }
.nav-links a, .footer-links a { transition: color var(--ease); }
.nav-links a:hover { color: #fff; }
.nav-actions { display: flex; align-items: center; gap: 16px; }
.language-switch { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255,255,255,.45); }
.language-switch button { border: 0; background: transparent; color: rgba(255,255,255,.5); padding: 6px 2px; cursor: pointer; font-weight: 700; }
.language-switch button.active { color: #fff; }
.menu-toggle { display: none; border: 0; background: transparent; width: 44px; height: 44px; padding: 11px; cursor: pointer; }
.menu-toggle span { display: block; height: 2px; background: #fff; border-radius: 4px; margin: 6px 0; transition: transform var(--ease); }

.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 20px; border-radius: 999px; border: 1px solid transparent; font-weight: 750; font-size: 14px; transition: transform var(--ease), background var(--ease), border-color var(--ease), box-shadow var(--ease); }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 0 17px; font-size: 13px; }
.button-light, .button-white { background: #fff; color: #111827; box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.button-primary { background: linear-gradient(135deg, #927dff, #7757ff); color: #fff; box-shadow: 0 14px 30px rgba(119,87,255,.28); }
.button-primary:hover { box-shadow: 0 17px 34px rgba(119,87,255,.38); }
.button-ghost { border-color: rgba(255,255,255,.18); color: #fff; background: rgba(255,255,255,.05); }
.button-outline { border-color: rgba(20,24,39,.15); color: var(--text); background: #fff; }

.hero { position: relative; min-height: 870px; padding: 160px 0 98px; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 22%, rgba(138,114,255,.27), transparent 32%), radial-gradient(circle at 72% 68%, rgba(79,225,196,.13), transparent 28%), linear-gradient(145deg, #07101c, #0a1324 58%, #0d1730); }
.hero::before { content:""; position:absolute; inset:0; opacity:.14; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000, transparent 80%); }
.hero-grid { position: relative; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 70px; }
.hero-copy { position: relative; z-index: 2; padding-top: 20px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.05); color: rgba(255,255,255,.78); font-size: 12px; font-weight: 650; }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 6px rgba(79,225,196,.09); }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(58px, 6vw, 87px); line-height: .97; letter-spacing: -.065em; margin: 25px 0 26px; max-width: 680px; font-weight: 760; }
.hero-lede { max-width: 590px; color: rgba(255,255,255,.68); font-size: 18px; line-height: 1.72; }
.hero-actions { display: flex; gap: 12px; margin-top: 33px; flex-wrap: wrap; }
.hero-proof { display: flex; gap: 24px; flex-wrap: wrap; padding: 0; margin: 29px 0 0; list-style: none; color: rgba(255,255,255,.58); font-size: 12px; }
.hero-proof li { display: flex; gap: 7px; align-items: center; }
.hero-proof li span:first-child { color: var(--mint); font-weight: 900; }

.product-stage { min-width: 0; position: relative; padding: 35px 0 32px 12px; }
.stage-glow { position: absolute; border-radius: 50%; filter: blur(30px); pointer-events: none; }
.stage-glow-a { width: 240px; height: 240px; background: rgba(139,116,255,.25); top: 0; right: 5%; }
.stage-glow-b { width: 190px; height: 190px; background: rgba(79,225,196,.16); bottom: 0; left: 10%; }
.app-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: rgba(255,255,255,.96); box-shadow: 0 38px 110px rgba(0,0,0,.42); transform: perspective(1600px) rotateY(-5deg) rotateX(1deg); transform-origin: 50% 50%; }
.window-topbar { height: 56px; padding: 0 16px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #4b5563; border-bottom: 1px solid #e9ecf2; background: #fbfbfd; }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #d1d5db; }
.workspace-chip { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; padding: 6px 10px; }
.mini-logo { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 6px; color: #fff; background: var(--accent-strong); }
.status-pill { justify-self: end; display: flex; align-items: center; gap: 6px; font-size: 10px; }
.status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #2ecf9d; }
.app-body { display: grid; grid-template-columns: 54px 1fr; min-height: 525px; }
.app-sidebar { display: flex; flex-direction: column; align-items: center; gap: 15px; padding: 18px 0; background: #0d1525; }
.side-logo { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(135deg, var(--accent), var(--mint)); color: #fff; font-size: 11px; font-weight: 800; margin-bottom: 15px; }
.side-item { width: 24px; height: 24px; border-radius: 8px; background: rgba(255,255,255,.08); }
.side-item.active { background: rgba(138,114,255,.38); border: 1px solid rgba(178,162,255,.36); }
.side-item.small { width: 18px; height: 18px; border-radius: 50%; }
.side-spacer { flex: 1; }
.app-main { color: #151827; padding: 28px; background: linear-gradient(180deg, #fff, #fafafd); }
.app-heading { display: flex; justify-content: space-between; align-items: start; margin-bottom: 22px; }
.app-heading h2 { font-size: 28px; letter-spacing: -.04em; margin: 3px 0 0; }
.app-heading button { border: 0; background: #f3f4f6; border-radius: 9px; color: #788093; width: 34px; height: 34px; }
.tiny-label { font-size: 9px; letter-spacing: .16em; font-weight: 800; color: #8b93a6; }
.signal-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; }
.signal-card { min-width:0; display: grid; padding: 14px; border: 1px solid #e7e9ef; border-radius: 16px; background: #fff; }
.signal-card span { font-size: 9px; color: #7d8598; }
.signal-card strong { font-size: 27px; line-height: 1.1; margin-top: 7px; }
.signal-card small { font-size: 8px; color: #9ca3af; }
.signal-card.accent { color: #fff; background: linear-gradient(145deg, #7d61ff, #6950ed); border-color: transparent; }
.signal-card.accent span, .signal-card.accent small { color: rgba(255,255,255,.72); }
.insight-panel { margin-top: 13px; padding: 17px; border-radius: 17px; border: 1px solid #e6e5f4; background: #f7f5ff; }
.insight-head { display: flex; justify-content: space-between; font-size: 10px; text-transform: uppercase; letter-spacing: .11em; font-weight: 800; color: #6f55ee; }
.insight-panel p { margin: 10px 0 14px; font-size: 11px; line-height: 1.6; color: #50576b; }
.suggestion-row { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; padding: 9px 10px; border-radius: 11px; background: #fff; font-size: 8px; color: #8a91a3; }
.suggestion-row b { font-size: 9px; color: #333a4d; }
.activity-chart { margin-top: 14px; border: 1px solid #e8eaf0; border-radius: 17px; padding: 15px; background: #fff; }
.chart-head { display: flex; justify-content: space-between; font-size: 8px; color: #8d95a7; }
.bars { height: 74px; display: flex; align-items: end; gap: 9px; padding-top: 12px; }
.bars i { flex: 1; height: var(--h); border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, rgba(138,114,255,.9), rgba(79,225,196,.55)); }
.floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(18,28,49,.78); backdrop-filter: blur(14px); color: #fff; box-shadow: 0 18px 44px rgba(0,0,0,.24); }
.floating-card small { display: block; color: rgba(255,255,255,.55); font-size: 9px; }
.floating-card strong { display: block; margin-top: 2px; font-size: 10px; }
.floating-card-top { right: -30px; top: 85px; }
.floating-card-bottom { left: -10px; bottom: 0; }
.spark { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #10182a; background: var(--mint); }
.avatar-stack { display: flex; }
.avatar-stack span { width: 27px; height: 27px; display: grid; place-items: center; margin-left: -5px; border-radius: 50%; border: 2px solid #16213a; background: #2a3654; font-size: 7px; }
.avatar-stack span:first-child { margin-left: 0; }

.logo-strip { background: #fff; border-bottom: 1px solid var(--border); }
.logo-strip-inner { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 30px; color: #8a90a1; font-size: 12px; }
.category-list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 36px; color: #454b5a; font-weight: 800; letter-spacing: .07em; }

.story { background: #fff; }
.story-intro { display: grid; grid-template-columns: 1.05fr .72fr; gap: 100px; align-items: end; margin-bottom: 52px; }
.story-intro h2, .section-header h2, .workflow-copy h2, .pricing-head h2, .faq-intro h2, .cta-copy h2 { font-size: clamp(42px, 5vw, 66px); line-height: 1.02; letter-spacing: -.055em; margin-bottom: 0; }
.story-intro p, .section-header p, .workflow-copy > p, .faq-intro p { color: var(--text-soft); font-size: 16px; max-width: 540px; margin-bottom: 5px; }
.story-grid { display: grid; grid-template-columns: 1fr 1.12fr 1fr; gap: 18px; }
.story-card { min-height: 480px; padding: 30px; border-radius: var(--radius-xl); overflow: hidden; position: relative; }
.story-card .card-index { font-size: 11px; font-weight: 800; opacity: .48; }
.story-card h3 { font-size: 29px; line-height: 1.08; letter-spacing: -.04em; margin: 96px 0 14px; }
.story-card p { font-size: 14px; color: #5f6576; }
.soft-purple { background: var(--soft-purple); }
.soft-mint { background: var(--soft-mint); }
.dark-card { color: #fff; background: #0d1525; }
.dark-card p { color: rgba(255,255,255,.62); }
.dark-card h3 { margin-top: 25px; }
.dark-card img { width: calc(100% + 60px); max-width: none; margin: 32px -30px -30px; border-radius: 26px 26px 0 0; }
.mini-flow { position: absolute; bottom: 30px; left: 30px; right: 30px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mini-flow span { background: #fff; padding: 9px 11px; border-radius: 999px; font-size: 10px; font-weight: 700; box-shadow: 0 8px 18px rgba(69,55,160,.08); }
.mini-flow i { font-style: normal; color: #816ef0; }
.workflow-list { position: absolute; left: 30px; right: 30px; bottom: 30px; display: grid; gap: 9px; }
.workflow-list span { display:flex; align-items:center; gap:10px; padding: 12px; background: rgba(255,255,255,.72); border: 1px solid rgba(20,24,39,.06); border-radius: 13px; font-size: 11px; font-weight: 700; }
.workflow-list i { width: 22px; height: 22px; display:grid; place-items:center; border-radius:50%; background: #d7f7ef; color: #0a9a76; font-style:normal; }

.section-dark { background: #091221; color: #fff; }
.section-header { display: grid; grid-template-columns: 1fr .62fr; gap: 80px; align-items: end; margin-bottom: 48px; }
.section-header.light p { color: rgba(255,255,255,.55); }
.feature-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.feature-card { min-height: 390px; position: relative; overflow: hidden; padding: 30px; border-radius: 28px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); }
.feature-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: rgba(141,118,255,.16); color: #b9abff; font-size: 21px; }
.feature-card h3 { font-size: 27px; letter-spacing: -.035em; margin: 65px 0 10px; }
.feature-card p { max-width: 470px; color: rgba(255,255,255,.55); font-size: 14px; }
.feature-demo { position: absolute; left: 30px; right: 30px; bottom: 27px; min-height: 90px; }
.search-pill { display:flex; gap:9px; align-items:center; width: 82%; padding: 13px 15px; background:#fff; color:#626a7b; border-radius:14px; font-size:11px; }
.answer-lines { margin: 13px 0 0 18px; display:grid; gap:8px; }
.answer-lines i { width:72%; height:7px; border-radius:999px; background:rgba(255,255,255,.13); }
.answer-lines i:nth-child(2){width:58%}.answer-lines i:nth-child(3){width:44%}
.cluster-demo { position: relative; }
.bubble { position:absolute; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13); font-size:10px; }
.b1{width:84px;height:84px;left:8%;bottom:0}.b2{width:62px;height:62px;left:37%;bottom:32px;color:#151827;background:var(--mint)}.b3{width:76px;height:76px;left:56%;bottom:-5px}.b4{width:52px;height:52px;right:2%;bottom:45px;background:rgba(138,114,255,.32)}
.nodes-demo { display:flex; align-items:center; justify-content:center; gap:8px; }
.nodes-demo span { padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); font-size:9px; font-weight:700; }
.nodes-demo i { font-style:normal; color:#aa9bff; }
.approval-demo { display:flex; justify-content:space-between; align-items:center; }
.approval-demo > div { display:flex; align-items:center; gap:9px; font-size:10px; }
.avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#283354;font-size:8px;font-weight:800; }
.approval-demo button { border:0; border-radius:999px; padding:10px 14px; background:var(--mint); color:#10221e; font-size:9px; font-weight:800; }

.workflow { background: #f2f2f7; }
.workflow-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 75px; align-items: center; }
.workflow-copy > p { margin: 24px 0 34px; }
.workflow-tabs { display: grid; gap: 10px; }
.workflow-tab { width:100%; display:grid; grid-template-columns: 34px 1fr; text-align:left; gap: 0 14px; padding: 14px 16px; border:1px solid transparent; border-radius:16px; color:#72798a; background:transparent; cursor:pointer; transition:background var(--ease), color var(--ease), transform var(--ease); }
.workflow-tab span { grid-row:1/3; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:#e4e5ec; font-size:9px; font-weight:800; }
.workflow-tab strong { color:#2f3442; font-size:13px; }
.workflow-tab small { font-size:10px; }
.workflow-tab.active { background:#fff; color:#606778; border-color:#e4e5ea; box-shadow:0 14px 34px rgba(18,31,55,.07); transform:translateX(4px); }
.workflow-tab.active span { color:#fff; background:var(--accent-strong); }
.workflow-visual { min-height: 555px; position:relative; display:grid; place-items:center; padding:50px; border-radius:var(--radius-xl); overflow:hidden; background:radial-gradient(circle at 80% 0,rgba(138,114,255,.25),transparent 34%),linear-gradient(145deg,#0f1730,#0a1222); box-shadow:var(--shadow); }
.workflow-visual::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px; }
.workflow-panel { position:relative; z-index:2; width:min(100%,480px); color:#fff; }
.panel-top { display:flex; justify-content:space-between; align-items:center; color:rgba(255,255,255,.55); font-size:9px; letter-spacing:.1em; margin-bottom:14px; }
.panel-top strong { color:var(--mint); letter-spacing:0; }
.source-stack { display:grid; gap:10px; }
.source-stack div { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:11px; padding:14px; border-radius:15px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.06); backdrop-filter:blur(8px); }
.source-stack i { width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(138,114,255,.2);color:#b8aaff;font-style:normal;font-size:10px; }
.source-stack strong{display:block;font-size:11px}.source-stack small{display:block;color:rgba(255,255,255,.45);font-size:8px}.source-stack b{color:var(--mint);font-size:10px}
.reasoning-orbit { width:330px; aspect-ratio:1; margin:auto; position:relative; border:1px solid rgba(255,255,255,.1); border-radius:50%; }
.reasoning-orbit::before { content:"";position:absolute;inset:48px;border:1px dashed rgba(255,255,255,.12);border-radius:50%; }
.center-node { position:absolute;inset:50%;transform:translate(-50%,-50%);width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),#6751e7);font-size:26px;font-weight:900;box-shadow:0 0 45px rgba(138,114,255,.35); }
.orbit-node { position:absolute;padding:9px 11px;border-radius:999px;background:#fff;color:#353b4a;font-size:8px;font-weight:800; }
.n1{top:12px;left:48%}.n2{right:-4px;top:47%}.n3{bottom:22px;left:48%}.n4{left:-5px;top:45%}
.workflow-panel > p { color:rgba(255,255,255,.58);font-size:11px;text-align:center;max-width:390px;margin:25px auto 0; }
.automation-list { display:grid; gap:12px; }
.automation-list div { display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.06); }
.automation-list div>span { width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(138,114,255,.22);color:#b9adff;font-weight:800;font-size:10px; }
.automation-list p{margin:0}.automation-list strong{display:block;font-size:11px}.automation-list small{display:block;color:rgba(255,255,255,.45);font-size:8px;margin-top:2px}.automation-list i{font-style:normal;color:var(--mint)}

.pricing { background: #fff; }
.pricing-head { display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.pricing-head > div:first-child { max-width: 760px; }
.pricing-toggle[role="group"] { display:flex; align-items:center; gap:4px; padding:5px; border-radius:999px; background:#f0f1f5; }
.pricing-toggle[role="group"] button { border:0; background:transparent; color:#7c8291; min-height:40px; padding:0 13px; border-radius:999px; font-size:10px; font-weight:800; cursor:pointer; display:flex; align-items:center; gap:6px; }
.pricing-toggle[role="group"] button.active { background:#fff; color:#272c38; box-shadow:0 6px 18px rgba(23,33,55,.08); }
.pricing-toggle small { color:#3b9d86; font-size:7px; }
.demo-note { color:#9a6f24; background:#fff7e8; border:1px solid #f5e1b7; border-radius:14px; padding:10px 13px; font-size:10px; margin:28px 0 18px; display:inline-block; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.price-card { min-height:490px; display:flex; flex-direction:column; padding:28px; border:1px solid #e6e8ed; border-radius:28px; background:#fff; position:relative; }
.price-card.featured { color:#fff; border-color:#111a2d; background:linear-gradient(145deg,#121b30,#0a1222); box-shadow:0 30px 70px rgba(13,23,43,.17); }
.plan-tag { display:inline-block; font-size:13px; font-weight:850; }
.price-card p { color:#808696; font-size:12px; margin:7px 0 0; }
.price-card.featured p { color:rgba(255,255,255,.52); }
.price { display:flex; align-items:baseline; gap:3px; margin:38px 0 24px; }
.price span { font-size:16px; font-weight:700; align-self:flex-start; margin-top:8px; }
.price strong { font-size:58px; line-height:1; letter-spacing:-.06em; }
.price small { color:#8b92a0; font-size:9px; margin-left:4px; }
.price.custom strong { font-size:39px; letter-spacing:-.04em; }
.price-card ul { display:grid; gap:12px; list-style:none; margin:0 0 28px; padding:0; font-size:11px; color:#5f6676; }
.price-card.featured ul { color:rgba(255,255,255,.7); }
.price-card li::before { content:"✓"; color:#22aa87; font-weight:900; margin-right:9px; }
.price-card .button { margin-top:auto; }
.popular { position:absolute; right:17px; top:17px; padding:6px 8px; border-radius:999px; background:rgba(79,225,196,.12); color:var(--mint); font-size:7px; font-weight:900; letter-spacing:.08em; }

.faq { background:#f3f3f7; }
.faq-layout { display:grid; grid-template-columns:.72fr 1.08fr; gap:95px; }
.faq-intro p { margin-top:22px; }
.faq-list { display:grid; gap:10px; }
.faq-item { border-radius:18px; border:1px solid #e1e3e8; background:#fff; overflow:hidden; transition:background var(--ease), color var(--ease); }
.faq-item.open { background:#0d1629; color:#fff; border-color:#0d1629; }
.faq-item button { width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:19px 20px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; font-weight:750; font-size:13px; }
.faq-item button i { width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#f1f2f5;color:#4f5666;flex:0 0 auto; }
.faq-item.open button i { background:rgba(255,255,255,.1); color:#fff; }
.faq-answer p { padding:0 20px 20px; margin:0; max-width:620px; color:#747b8b; font-size:12px; }
.faq-item.open .faq-answer p { color:rgba(255,255,255,.56); }

.section.final-cta { background:#fff; padding:48px 0; }
.cta-card { position:relative; overflow:hidden; min-height:420px; display:flex; align-items:end; justify-content:space-between; gap:40px; padding:58px; border-radius:var(--radius-xl); color:#fff; background:radial-gradient(circle at 78% 20%,rgba(138,114,255,.37),transparent 30%),radial-gradient(circle at 20% 90%,rgba(79,225,196,.15),transparent 31%),#0b1426; }
.cta-copy { position:relative; z-index:2; max-width:740px; }
.cta-copy h2 { max-width:700px; }
.cta-copy p { color:rgba(255,255,255,.58); max-width:520px; margin:20px 0 0; }
.cta-card .button { position:relative;z-index:2;flex:0 0 auto; }
.cta-orb { position:absolute;border-radius:50%;filter:blur(8px);opacity:.45; }
.orb-one { width:220px;height:220px;right:5%;top:-80px;background:#7659ff; }.orb-two{width:140px;height:140px;right:22%;bottom:-60px;background:#4fe1c4;}

.site-footer { background:#fff; padding:24px 0 45px; }
.footer-grid { display:grid; grid-template-columns:1fr auto; grid-template-areas:"brand links" "brand meta"; gap:24px 60px; align-items:start; padding-top:30px; border-top:1px solid #e5e7eb; }
.footer-grid > div:first-child { grid-area:brand; max-width:390px; }
.footer-brand { color:#1e2431; }
.footer-grid p { color:#8a91a1; font-size:10px; margin:13px 0 0; }
.footer-links { grid-area:links; display:flex; gap:22px; color:#535a69; font-size:11px; }
.footer-links a:hover{color:var(--accent-strong)}
.footer-meta { grid-area:meta; display:flex; justify-content:flex-end; gap:20px; color:#9a9fac; font-size:9px; }

.reveal { animation: reveal .65s both; animation-timeline: view(); animation-range: entry 10% cover 28%; }
@keyframes reveal { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }

@media (max-width: 1040px) {
  .nav-links { gap: 18px; }
  .hero-grid { grid-template-columns: 1fr; gap: 42px; }
  .hero-copy { max-width: 760px; }
  .hero { min-height: auto; }
  .product-stage { max-width: 760px; margin: auto; width:100%; }
  .story-grid { grid-template-columns: 1fr 1fr; }
  .story-card:last-child { grid-column: 1/-1; min-height: 360px; }
  .story-card:last-child h3 { margin-top:60px; max-width:440px; }
  .workflow-layout { gap: 45px; }
  .faq-layout { gap: 50px; }
  .floating-card-top { right: -12px; }
}

@media (max-width: 860px) {
  .site-header { top:12px; }
  .nav-shell { grid-template-columns: auto 1fr auto; min-height:64px; height:auto; padding:10px 12px; }
  .menu-toggle { display:block; justify-self:end; }
  .nav-links { display:none; position:absolute; top:72px; left:16px; right:16px; flex-direction:column; gap:4px; padding:12px; border-radius:22px; background:rgba(8,17,31,.96); border:1px solid rgba(255,255,255,.12); box-shadow:0 20px 45px rgba(0,0,0,.24); }
  .nav-links.open { display:flex; }
  .nav-links a { padding:12px 14px; border-radius:12px; }
  .nav-links a:hover { background:rgba(255,255,255,.06); }
  .nav-actions { grid-column:3; grid-row:1; }
  .story-intro, .section-header { grid-template-columns:1fr; gap:24px; }
  .workflow-layout { grid-template-columns:1fr; }
  .workflow-copy { display:grid; grid-template-columns:1fr 1fr; gap:0 32px; align-items:start; }
  .workflow-copy .section-kicker,.workflow-copy h2,.workflow-copy>p { grid-column:1; }
  .workflow-tabs { grid-column:2; grid-row:1/5; }
  .pricing-grid { grid-template-columns:1fr 1fr; }
  .price-card:last-child { grid-column:1/-1; min-height:430px; }
  .faq-layout { grid-template-columns:1fr; }
  .faq-intro { max-width:680px; }
}

@media (max-width: 760px) {
  .container { width:min(calc(100% - 36px), var(--container)); }
  .section { padding:78px 0; }
  .nav-shell { width:calc(100% - 20px); }
  .brand span { display:none; }
  .nav-actions .button { display:none; }
  .nav-actions { gap:8px; }
  .hero { padding:132px 0 72px; }
  h1 { font-size: clamp(48px, 15vw, 68px); }
  .hero-lede { font-size:16px; }
  .hero-proof { gap:12px 18px; }
  .product-stage { padding:15px 0 0; }
  .app-window { transform:none; border-radius:22px; }
  .window-topbar { grid-template-columns:1fr auto; }
  .workspace-chip { justify-self:end; }
  .status-pill { display:none; }
  .app-body { grid-template-columns:40px 1fr; min-height:430px; }
  .app-sidebar { gap:10px; }
  .app-main { padding:18px 14px; }
  .app-heading h2 { font-size:22px; }
  .signal-row { gap:7px; }
  .signal-card { padding:10px; }
  .signal-card strong { font-size:20px; }
  .insight-panel { padding:13px; }
  .suggestion-row { grid-template-columns:1fr auto; }
  .suggestion-row > span:first-child { display:none; }
  .floating-card-top { right:8px; top:68px; }
  .floating-card-bottom { left:4px; bottom:-16px; }
  .floating-card { padding:9px 10px; }
  .logo-strip-inner { align-items:flex-start; flex-direction:column; padding:24px 0; }
  .category-list { justify-content:flex-start; gap:20px; }
  .story-intro h2, .section-header h2, .workflow-copy h2, .pricing-head h2, .faq-intro h2, .cta-copy h2 { font-size: clamp(38px, 12vw, 52px); }
  .story-grid, .feature-grid, .pricing-grid { grid-template-columns:1fr; }
  .story-card, .story-card:last-child { grid-column:auto; min-height:430px; }
  .story-card h3, .story-card:last-child h3 { margin-top:70px; }
  .dark-card h3 { margin-top:22px; }
  .feature-card { min-height:365px; }
  .workflow-copy { display:block; }
  .workflow-tabs { margin-top:28px; }
  .workflow-visual { min-height:470px; padding:24px; }
  .reasoning-orbit { width:min(290px,100%); }
  .pricing-head { align-items:flex-start; flex-direction:column; gap:25px; }
  .price-card, .price-card:last-child { grid-column:auto; min-height:440px; }
  .faq-layout { gap:35px; }
  .cta-card { min-height:520px; padding:34px 28px; flex-direction:column; align-items:flex-start; justify-content:flex-end; }
  .footer-grid { grid-template-columns:1fr; grid-template-areas:"brand" "links" "meta"; }
  .footer-meta { justify-content:flex-start; flex-direction:column; gap:5px; }
}

@media (max-width: 440px) {
  .language-switch span { display:none; }
  .language-switch { gap:3px; }
  .hero-actions { display:grid; }
  .button { width:100%; }
  .floating-card-top { display:none; }
  .floating-card-bottom { position:relative; left:auto; bottom:auto; margin:-6px 8px 0; }
  .app-window { margin:0 -7px; }
  .mini-flow { gap:5px; }
  .mini-flow span { padding:8px 9px; }
  .category-list { display:grid; grid-template-columns:repeat(3,auto); }
  .pricing-toggle[role="group"] { width:100%; justify-content:space-between; }
}

@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 { animation:none; }
}