@charset "UTF-8";
:root {
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  color:#17263e;
  background:#fff;
  font-synthesis:none;
  font-weight:400;
  --blue:#1556e8;
  --ink:#17263e;
  --muted:#647186;
  --line:#e3e9f1;
  --pale:#f5f8fc;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px;
}
body {
  margin:0;
}
button,input,select,textarea {
  font:inherit;
}
button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent;
}
button,a {
  touch-action:manipulation;
}
button {
  cursor:pointer;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  color:inherit;
}
img {
  max-width:100%;
  height:auto;
}
svg {
  flex-shrink:0;
}
button:disabled {
  cursor:not-allowed;
}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #3d7aff;
  outline-offset:5px;
}
h1,h2,h3,h4,p {
  margin:0;
}
h1,h2,h3,h4 {
  font-weight:650;
}
h1 {
  font-size:64px;
  line-height:1.25;
  letter-spacing:-2.5px;
}
h2 {
  font-size:38px;
  line-height:1.42;
  letter-spacing:-1.1px;
}
h3 {
  font-size:21px;
  line-height:1.5;
}
p {
  color:var(--muted);
  line-height:1.85;
}
small {
  font-size:12px;
}
.container {
  width:min(1180px,calc(100% - 80px));
  margin-inline:auto;
}
.section {
  padding-block:96px;
}
.icon {
  display:inline-block;
  vertical-align:middle;
}
.actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
}
.button {
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  border:1px solid transparent;
  border-radius:8px;
  padding:12px 23px;
  font-weight:550;
  font-size:14px;
  transition:background .18s,transform .18s,box-shadow .18s;
}
.button:hover {
  transform:translateY(-2px);
}
.button.primary {
  background:var(--blue);
  color:white;
  box-shadow:0 4px 10px #1556e815;
}
.button.primary:hover {
  background:#1047c6;
  box-shadow:0 7px 18px #1556e825;
}
.button.secondary {
  border-color:#d8e0eb;
  background:#fff;
  color:var(--ink);
}
.button.secondary:hover {
  background:#f3f7fd;
}
.button.light {
  background:#fff;
  color:#173a76;
}
.button.unavailable {
  background:#f0f3f7;
  color:#697588;
  width:100%;
  border-color:#e8ecf2;
}
.button.unavailable:hover {
  transform:none;
}
.text-link {
  color:var(--blue);
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:14px;
  font-weight:600;
}
.text-link:hover {
  text-decoration:underline;
  text-underline-offset:5px;
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  font-weight:650;
  letter-spacing:1.7px;
  color:#456282;
  line-height:1.6;
  margin-bottom:21px;
}
.eyebrow>span {
  display:block;
  width:6px;
  height:6px;
  border-radius:2px;
  background:var(--blue);
}
.header {
  position:sticky;
  top:0;
  z-index:20;
  border-bottom:1px solid #e8edf3;
  background:#ffffffed;
  backdrop-filter:blur(18px);
}
.nav-shell {
  height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.brand {
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
}
.brand img {
  width:118px;
  height:auto;
}
.nav {
  display:flex;
  align-items:center;
  gap:30px;
  font-size:14px;
}
.nav>a,.product-toggle {
  padding:29px 0;
  color:#596578;
  white-space:nowrap;
}
.nav a[aria-current=page],.nav .current {
  color:var(--blue);
}
.nav>a:hover,.product-toggle:hover {
  color:var(--blue);
}
.nav-actions {
  display:flex;
  align-items:center;
  gap:22px;
  font-size:13px;
}
.nav-actions .button {
  font-size:13px;
  min-height:40px;
  padding:8px 17px;
  gap:13px;
}
.nav-product {
  position:relative;
}
.product-toggle {
  border:0;
  background:transparent;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:8px;
}
.product-menu {
  position:absolute;
  top:64px;
  left:-24px;
  background:white;
  border:1px solid var(--line);
  border-radius:13px;
  width:320px;
  padding:10px;
  box-shadow:0 18px 50px #17263e17;
}
.product-menu a {
  display:flex;
  align-items:center;
  gap:15px;
  padding:15px 10px;
  border-radius:6px;
}
.product-menu a:hover {
  background:var(--pale);
}
.product-menu a>svg:first-child {
  color:var(--blue);
}
.product-menu a>svg:last-child {
  margin-left:auto;
  width:16px;
}
.product-menu strong,.product-menu small {
  display:block;
}
.product-menu small {
  color:var(--muted);
  margin-top:4px;
  font-size:11px;
}
.mobile-toggle,.nav .mobile-login {
  display:none;
}
.skip-link {
  position:fixed;
  top:-70px;
  left:20px;
  z-index:50;
  background:var(--blue);
  color:#fff;
  padding:14px;
}
.skip-link:focus {
  top:10px;
}
.hero {
  display:grid;
  grid-template-columns:1fr 1.08fr;
  align-items:center;
  gap:56px;
  min-height:660px;
  padding-block:76px 80px;
}
.hero h1 {
  font-size:70px;
  line-height:1.22;
}
.hero h1>span,.about-hero h1>span {
  color:var(--blue);
}
.hero-description {
  font-size:17px;
  margin-top:24px;
  line-height:1.9;
}
.hero .actions {
  margin-top:30px;
}
.hero-note {
  font-size:12px;
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:17px;
}
.hero-note strong {
  color:#344962;
  font-weight:600;
}
.green-dot {
  width:6px;
  height:6px;
  background:#27a77c;
  border-radius:50%;
  display:inline-block;
  margin-right:3px;
}
.hero-visual {
  position:relative;
  padding:45px 16px 35px;
  isolation:isolate;
}
.hero-visual:before {
  content:"";
  position:absolute;
  inset:-30px -45px;
  background:radial-gradient(ellipse at 65% 30%,#d8eaff88,transparent 65%),radial-gradient(ellipse at 10% 90%,#eaf3ff77,transparent 65%);
  z-index:-2;
  border-radius:50%;
}
.visual-orbit {
  width:520px;
  height:520px;
  border:1px solid #e5edf9;
  border-radius:50%;
  position:absolute;
  top:-15px;
  left:10px;
  z-index:-1;
}
.visual-orbit:before {
  content:"";
  position:absolute;
  inset:36px;
  border:1px dashed #dce7f5;
  border-radius:50%;
}
.floating-tag {
  position:absolute;
  top:4px;
  left:46px;
  display:flex;
  align-items:center;
  gap:9px;
  background:#fff;
  padding:11px 18px;
  border:1px solid #e1eafa;
  border-radius:30px;
  box-shadow:0 5px 20px #23487906;
  font-size:12px;
  color:#4a6592;
  transform:rotate(-3deg);
}
.floating-tag svg {
  color:var(--blue);
  width:16px;
}
.hero-mini {
  background:white;
  padding:22px;
  border:1px solid #e5ebf5;
  border-radius:15px;
  box-shadow:0 25px 65px #173c7720,0 2px 5px #173c7705;
  transform:rotate(-2deg);
  width:100%;
}
.mini-top {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
}
.ai-mark {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  color:var(--blue);
  background:#eef4ff;
  border-radius:9px;
  flex-shrink:0;
}
.mini-status {
  width:6px;
  height:6px;
  background:#36b58c;
  border-radius:50%;
  margin-left:auto;
}
.mini-request {
  background:#f0f5fe;
  border-radius:9px 9px 2px 9px;
  padding:13px 17px;
  margin:22px 0 17px 55px;
  font-size:12px;
  color:#344c70;
}
.mini-answer {
  border:1px solid var(--line);
  padding:18px;
  border-radius:9px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}
.mini-answer>div>span {
  display:block;
  color:var(--muted);
  font-size:11px;
}
.mini-answer strong {
  display:block;
  margin-top:8px;
  font-size:27px;
  font-weight:650;
  letter-spacing:-1px;
}
.mini-answer strong small {
  font-size:11px;
  font-weight:400;
  letter-spacing:0;
  color:var(--muted);
}
.mini-bars {
  display:flex;
  align-items:flex-end;
  gap:9px;
  height:64px;
  padding:0 10px;
  border-bottom:1px solid #dfebff;
}
.mini-bars i {
  display:block;
  flex:1;
  background:#72a1ff;
  border-radius:3px 3px 0 0;
}
.mini-bars i:nth-child(4) {
  background:var(--blue);
}
.mini-answer>p {
  grid-column:1/-1;
  font-size:10px;
  border-top:1px solid #edf1f7;
  padding-top:10px;
  display:flex;
  align-items:center;
  gap:6px;
}
.mini-answer>p svg {
  width:13px;
  color:#2a9c7c;
}
.mini-abilities {
  display:flex;
  gap:8px;
  margin:17px 0;
}
.mini-abilities a {
  display:flex;
  align-items:center;
  gap:5px;
  background:#f7f9fc;
  border:1px solid #edf0f5;
  border-radius:6px;
  padding:12px 7px;
  font-size:10px;
  flex:1;
  white-space:nowrap;
}
.mini-abilities a>svg:first-child {
  color:var(--blue);
  width:14px;
}
.mini-abilities a>svg:last-child {
  width:12px;
  margin-left:auto;
}
.mini-abilities a:hover {
  background:#e9f1ff;
}
.mini-composer {
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid #e8edf4;
  border-radius:6px;
  font-size:11px;
  color:#7b8799;
}
.mini-composer>span {
  margin-right:auto;
}
.mini-composer svg {
  width:15px;
}
.mini-composer b {
  background:var(--blue);
  color:#fff;
  border-radius:5px;
  padding:3px 8px;
}
.hero-mascot {
  position:absolute;
  right:-51px;
  bottom:-8px;
  width:121px;
  filter:drop-shadow(0 10px 10px #193b6c15);
  transform:rotate(3deg);
}
.floating-note {
  position:absolute;
  left:-14px;
  bottom:22px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid #e3e9f1;
  box-shadow:0 5px 20px #2348790a;
  background:white;
  padding:11px 15px;
  border-radius:8px;
  font-size:11px;
  transform:rotate(2deg);
}
.floating-note svg {
  color:#28896e;
  width:16px;
}
.visual-disclaimer {
  position:absolute;
  bottom:-20px;
  left:80px;
  font-size:10px;
  color:#7f8b9e;
}
.trust-strip {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:25px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:13px;
  color:#4c5f79;
}
.trust-strip>span {
  font-size:11px;
  color:#7b8798;
}
.trust-strip>div {
  display:flex;
  align-items:center;
  gap:8px;
}
.trust-strip svg {
  width:18px;
  color:#687d9a;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:36px;
  margin-bottom:37px;
}
.section-heading>p,.section-heading>div>p:not(.eyebrow) {
  font-size:14px;
}
.section-heading .eyebrow {
  margin-bottom:14px;
}
.feature-cards {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.feature-card {
  display:block;
  border:1px solid var(--line);
  border-radius:12px;
  padding:28px;
  transition:transform .2s,box-shadow .2s;
  background:linear-gradient(140deg,#f5f9ff,#fff 65%);
}
.feature-card.fill {
  background:linear-gradient(140deg,#f2faf7,#fff 65%);
}
.feature-card.create {
  background:linear-gradient(140deg,#faf6ee,#fff 65%);
}
.feature-card:hover {
  transform:translateY(-5px);
  box-shadow:0 16px 30px #203e6710;
}
.feature-card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:32px;
}
.feature-card-top>span:last-child {
  font-size:11px;
  letter-spacing:1px;
  color:#7f8a9c;
}
.feature-icon {
  width:44px;
  height:44px;
  background:#e7efff;
  color:var(--blue);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.feature-icon svg {
  width:23px;
  height:23px;
}
.fill .feature-icon {
  color:#27866b;
  background:#e4f4ed;
}
.create .feature-icon {
  color:#a77b38;
  background:#f5ebdb;
}
.feature-card h3 {
  font-size:24px;
  margin-bottom:7px;
}
.feature-card h4 {
  font-size:13px;
  color:#52657f;
  font-weight:500;
}
.feature-card p {
  font-size:13px;
  margin-top:17px;
  min-height:76px;
}
.feature-card .text-link {
  margin-top:26px;
  font-size:12px;
}
.demo-section {
  background:#f5f8fc;
  border-block:1px solid #edf1f7;
}
.section-note {
  font-size:11px;
  color:#8290a3;
  display:block;
  margin-top:8px;
}
.workspace-demo {
  background:#fff;
  border-radius:13px;
  border:1px solid #dbe4ef;
  box-shadow:0 18px 45px #173c770b;
  overflow:hidden;
  max-width:1040px;
  margin-inline:auto;
}
.window-top {
  background:#fcfdff;
  border-bottom:1px solid var(--line);
  height:44px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:0 18px;
  font-size:11px;
  color:#7c8798;
}
.window-dots {
  display:flex;
  gap:5px;
}
.window-dots i {
  width:7px;
  height:7px;
  background:#dbe2ec;
  border-radius:50%;
}
.window-dots i:first-child {
  background:#edb8af;
}
.window-dots i:nth-child(2) {
  background:#edd6a1;
}
.window-dots i:nth-child(3) {
  background:#b4d9c8;
}
.demo-label {
  margin-left:auto;
  font-size:10px;
  background:#f0f4f9;
  padding:3px 8px;
  border-radius:4px;
}
.workspace-body {
  display:grid;
  grid-template-columns:190px 1fr;
  min-height:500px;
}
.demo-sidebar {
  background:#f9fbfe;
  border-right:1px solid var(--line);
  padding:25px 15px;
  display:flex;
  flex-direction:column;
}
.sidebar-brand {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:600;
  padding-left:9px;
  margin-bottom:30px;
}
.sidebar-brand>svg {
  color:var(--blue);
}
.demo-tabs {
  display:grid;
  gap:9px;
}
.demo-tabs button,.demo-tabs a {
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  padding:11px 12px;
  border-radius:6px;
  font-size:12px;
  color:#67758a;
  text-align:left;
}
.demo-tabs button[aria-selected=true],.demo-tabs a.active {
  color:var(--blue);
  background:#e9f1ff;
  font-weight:600;
}
.demo-tabs button:hover,.demo-tabs a:hover {
  background:#eef3fa;
}
.demo-tabs svg {
  width:17px;
}
.sidebar-bottom {
  font-size:10px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#78889e;
  margin-top:auto;
  padding-top:25px;
}
.sidebar-bottom svg {
  width:14px;
}
.demo-main {
  padding:24px 37px 20px;
  min-width:0;
}
.demo-conversation {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  color:#5d6c81;
}
.conversation-dot {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#30aa84;
}
.conversation-model {
  margin-left:auto;
  font-size:10px;
  color:#8794a6;
}
.prompt {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:25px 0;
}
.prompt p {
  font-size:12px;
  color:#3b5278;
  background:#eff4ff;
  padding:12px 17px;
  border-radius:8px 8px 2px 8px;
  order:-1;
}
.user-avatar {
  background:#e5ebf5;
  color:#627490;
  border-radius:50%;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  flex-shrink:0;
}
#demo-panel {
  min-height:310px;
}
.demo-reply {
  display:flex;
  align-items:center;
  gap:10px;
}
.demo-reply strong {
  font-size:12px;
  font-weight:600;
}
.demo-reply p {
  font-size:10px;
  margin-top:3px;
}
.state-chip {
  font-size:9px;
  background:#edf7f2;
  color:#39826a;
  border-radius:20px;
  padding:4px 8px;
  margin-left:auto;
  white-space:nowrap;
}
.state-chip.amber {
  background:#fff7e7;
  color:#906724;
}
.stat-grid {
  display:grid;
  grid-template-columns:1.3fr .9fr 1fr;
  background:#f9fbfe;
  border:1px solid #edf1f7;
  border-radius:7px;
  padding:13px 17px;
  margin:17px 0;
}
.stat-grid>div+div {
  border-left:1px solid #e4eaf3;
  padding-left:20px;
}
.stat-grid>div>span {
  font-size:10px;
  color:#7f8b9c;
}
.stat-grid strong {
  display:block;
  font-size:23px;
  margin-top:5px;
  font-weight:600;
  letter-spacing:-.6px;
}
.stat-grid strong small {
  font-size:10px;
  font-weight:400;
  color:var(--muted);
}
.stat-grid strong.stat-text {
  font-size:12px;
  margin-top:12px;
  letter-spacing:0;
}
.chart-title {
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#8491a3;
  margin-bottom:12px;
}
.chart-title strong {
  color:#53637b;
  font-weight:500;
}
.chart {
  height:125px;
  display:flex;
  gap:45px;
  align-items:flex-end;
  position:relative;
  padding:10px 25px 20px;
}
.chart-grid {
  position:absolute;
  inset:0 0 20px;
  background:repeating-linear-gradient(to top,#eaf0f7 0px,#eaf0f7 1px,transparent 1px,transparent 33%);
}
.bar-column {
  flex:1;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  position:relative;
}
.bar {
  height:var(--bar);
  background:linear-gradient(#7faaff,#4680f1);
  width:80%;
  max-width:65px;
  border-radius:4px 4px 0 0;
  min-height:10px;
}
.bar-column:first-of-type .bar {
  background:#1556e8;
}
.bar-column>span {
  font-size:10px;
  color:#526786;
  margin-bottom:5px;
}
.bar-column>small {
  position:absolute;
  bottom:-19px;
  white-space:nowrap;
  font-size:10px;
  color:#8793a4;
}
.demo-result-foot {
  margin-top:17px;
  padding-top:12px;
  border-top:1px solid #edf1f7;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:10px;
  color:#74839a;
}
.demo-result-foot>span {
  display:flex;
  align-items:center;
  gap:5px;
}
.demo-result-foot svg {
  width:13px;
  height:13px;
}
.demo-result-foot>span:last-child {
  color:#426fc1;
}
.demo-input {
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #dce5f2;
  border-radius:8px;
  margin-top:22px;
  padding:11px 13px;
  font-size:10px;
  color:#8b98aa;
}
.demo-input>span:first-child {
  margin-right:auto;
}
.demo-input svg {
  width:15px;
}
.send-icon {
  background:#e6eeff;
  color:var(--blue);
  border-radius:5px;
  padding:1px 8px;
  font-size:17px;
}
.demo-caption {
  text-align:center;
  font-size:11px;
  margin-top:20px;
  color:#8290a3;
}
.form-preview {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:20px;
}
.form-preview>div>span {
  display:block;
  font-size:10px;
  color:#7a889b;
  margin-bottom:6px;
}
.form-preview strong {
  border:1px solid #e2e8f1;
  padding:9px 12px;
  border-radius:5px;
  font-size:11px;
  font-weight:500;
  display:block;
}
.muted {
  color:#8793a4;
}
.form-preview .muted {
  float:right;
}
.mini-table {
  margin-top:17px;
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
}
.mini-table>div {
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  padding:9px 14px;
  font-size:11px;
  border-bottom:1px solid #edf1f7;
}
.mini-table>div:first-child {
  background:#f6f9fd;
  color:#8190a5;
  font-size:10px;
}
.mini-table strong {
  font-weight:500;
}
.mini-table>div:last-child {
  border-bottom:0;
}
.draft-notice {
  font-size:10px;
  background:#fffaf0;
  color:#92723d;
  padding:9px 11px;
  border-radius:5px;
  margin-top:12px;
}
.draft-notice svg {
  width:14px;
  margin-right:5px;
}
.app-map {
  padding:16px 30px 0;
}
.map-node {
  border:1px solid #dae5f4;
  box-shadow:0 3px 7px #18396005;
  background:#fcfdff;
  border-radius:7px;
  padding:11px 15px;
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.map-node svg {
  width:16px;
  color:#5785cd;
}
.map-node strong {
  font-size:11px;
  font-weight:500;
}
.map-node small {
  width:100%;
  font-size:10px;
  color:#8a97aa;
  padding-left:25px;
}
.map-connector {
  text-align:center;
  font-size:10px;
  color:#8192ad;
  padding:9px;
}
.map-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.workflow {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:center;
}
.workflow>div>p:not(.eyebrow) {
  margin-top:22px;
  font-size:14px;
}
.workflow .text-link {
  margin-top:25px;
}
.workflow-steps>div {
  display:flex;
  gap:25px;
  padding:24px 0;
  border-bottom:1px solid var(--line);
}
.workflow-steps>div:first-child {
  padding-top:0;
}
.workflow-steps>div>span {
  font-size:12px;
  color:#6681a8;
  background:#f2f6fc;
  border:1px solid #e4ebf5;
  width:37px;
  height:37px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  flex-shrink:0;
}
.workflow-steps h3 {
  font-size:17px;
  margin-bottom:9px;
}
.workflow-steps p {
  font-size:13px;
}
.enterprise-section {
  background:#122c53;
  color:white;
  padding-block:75px;
  position:relative;
  overflow:hidden;
}
.enterprise-section:after {
  content:"";
  width:500px;
  height:500px;
  border:1px solid #ffffff09;
  border-radius:50%;
  position:absolute;
  right:-200px;
  top:-300px;
  pointer-events:none;
}
.enterprise-inner {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:80px;
  align-items:center;
}
.enterprise-inner .eyebrow {
  color:#95b7e7;
}
.enterprise-inner .eyebrow>span {
  background:#73a7ff;
}
.enterprise-inner h2 {
  font-size:34px;
}
.enterprise-inner>div>p:not(.eyebrow) {
  color:#a6b9d4;
  font-size:13px;
  margin-top:20px;
}
.enterprise-inner .button {
  margin-top:27px;
  font-size:12px;
  min-height:43px;
}
.enterprise-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px 34px;
}
.enterprise-grid>div>svg {
  color:#92b7fa;
  width:24px;
  height:24px;
  margin-bottom:12px;
}
.enterprise-grid h3 {
  font-size:15px;
  margin-bottom:8px;
  font-weight:550;
}
.enterprise-grid p {
  color:#a6b9d4;
  font-size:12px;
  line-height:1.8;
}
.home-faq {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:90px;
}
.home-faq .text-link {
  margin-top:25px;
}
.faq-list details {
  border-bottom:1px solid var(--line);
}
.faq-list details:first-child {
  border-top:1px solid var(--line);
}
.faq-list summary {
  cursor:pointer;
  list-style:none;
  font-size:14px;
  font-weight:500;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:69px;
  padding:20px 0;
}
.faq-list summary::-webkit-details-marker {
  display:none;
}
.faq-list summary svg {
  width:16px;
  color:#74849a;
  transition:transform .2s;
}
.faq-list details[open] summary svg {
  transform:rotate(45deg);
}
.faq-list details[open] summary {
  color:var(--blue);
}
.faq-list details>p {
  font-size:13px;
  padding:0 35px 24px 0;
  color:#6c7b91;
}
.closing {
  background:#edf4ff;
  border:1px solid #e3edfd;
  border-radius:16px;
  padding:53px 65px;
  display:grid;
  grid-template-columns:1fr .6fr;
  position:relative;
  overflow:hidden;
  margin-bottom:80px;
}
.closing h2 {
  font-size:35px;
}
.closing p:not(.eyebrow) {
  font-size:13px;
  margin-top:16px;
}
.closing .actions {
  margin-top:25px;
}
.closing small {
  display:block;
  font-size:10px;
  color:#7b8eac;
  margin-top:13px;
}
.closing-art {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.closing-art img {
  position:relative;
  width:175px;
  z-index:1;
  filter:drop-shadow(0 12px 12px #1d4b991a);
}
.art-label {
  margin-top:12px;
  font-size:11px;
  color:#56739c;
  letter-spacing:2px;
  z-index:1;
}
.orbit {
  position:absolute;
  width:280px;
  height:280px;
  border:1px solid #d7e5fb;
  border-radius:50%;
}
.orbit-two {
  width:370px;
  height:370px;
}
.footer {
  border-top:1px solid var(--line);
  background:#fcfdff;
  padding-top:58px;
}
.footer-main {
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1.3fr;
  gap:50px;
  padding-bottom:48px;
}
.footer-brand>p {
  font-size:12px;
  margin-top:15px;
}
.footer-tag {
  font-size:10px;
  color:#91a0b3;
  display:block;
  margin-top:19px;
}
.footer h3 {
  font-size:12px;
  margin:12px 0 20px;
}
.footer-main>div:not(:first-child)>a {
  font-size:12px;
  color:#748097;
  display:block;
  margin-top:15px;
}
.footer-main a:hover {
  color:var(--blue);
}
.footer-note {
  font-size:10px;
  margin-top:17px;
  color:#94a0b2;
}
.footer-bottom {
  border-top:1px solid var(--line);
  padding-block:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:10px;
  color:#8a96a8;
}
.page-hero {
  padding-top:78px;
  padding-bottom:46px;
}
.page-hero h1 {
  font-size:49px;
  letter-spacing:-1.7px;
}
.page-hero>p:not(.eyebrow) {
  margin-top:20px;
  font-size:14px;
}
.centered {
  text-align:center;
}
.centered>.eyebrow {
  justify-content:center;
}
.billing-switch {
  display:inline-flex;
  gap:5px;
  background:#f0f4fa;
  border:1px solid #e4ebf5;
  border-radius:8px;
  padding:4px;
  margin-top:29px;
}
.billing-switch button {
  border:0;
  background:transparent;
  border-radius:5px;
  font-size:12px;
  padding:9px 25px;
  color:#697991;
}
.billing-switch button[aria-pressed=true] {
  background:#fff;
  color:var(--blue);
  box-shadow:0 2px 5px #1d457110;
}
.page-hero>p.billing-status {
  font-size:10px;
  color:#8a97aa;
  margin-top:10px;
}
.pricing-cards {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  align-items:stretch;
}
.plan {
  border:1px solid var(--line);
  border-radius:12px;
  padding:28px;
  display:flex;
  flex-direction:column;
  background:#fff;
}
.free-plan {
  border:1.5px solid #4c7dea;
  background:linear-gradient(#f3f7ff,#fff 45%);
  box-shadow:0 12px 35px #1556e80a;
}
.plan-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}
.plan-icon {
  color:#59759d;
}
.free-plan .plan-icon {
  color:var(--blue);
}
.pill {
  font-size:10px;
  font-weight:550;
  border-radius:20px;
  padding:5px 10px;
  background:#e7efff;
  color:var(--blue);
}
.muted-pill {
  background:#f1f4f8;
  color:#7b8799;
}
.plan h2 {
  font-size:23px;
  letter-spacing:-.5px;
}
.plan>p {
  font-size:12px;
  margin-top:9px;
}
.price {
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:27px 0 23px;
  min-height:61px;
}
.price>span {
  font-size:23px;
}
.price strong {
  font-size:53px;
  font-weight:650;
  line-height:1;
  letter-spacing:-2px;
}
.price small {
  font-size:10px;
  color:#8794a6;
  margin-left:6px;
}
.pending-price {
  align-items:center;
}
.pending-price strong {
  font-size:34px;
  font-weight:600;
  letter-spacing:-1px;
}
.credit-box {
  padding:17px;
  border-radius:6px;
  background:#f6f8fc;
  border:1px solid #edf1f7;
  margin-bottom:23px;
  min-height:88px;
}
.free-plan .credit-box {
  background:#edf4ff;
  border-color:#e3edff;
}
.credit-box>span {
  font-size:10px;
  display:block;
  color:#77879e;
}
.credit-box strong {
  display:block;
  font-size:24px;
  margin-top:7px;
  color:#2a4a7a;
  line-height:1.4;
}
.credit-box strong small {
  font-weight:400;
  font-size:11px;
}
.credit-box strong.pending-credit {
  font-size:14px;
  font-weight:500;
  color:#667994;
  margin-top:12px;
}
.plan>.button {
  width:100%;
  font-size:12px;
  min-height:45px;
  padding:10px;
}
.check-list,.pending-list {
  list-style:none;
  margin:24px 0;
  padding:0;
}
.check-list li {
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:12px;
  line-height:1.8;
  color:#5f7189;
  margin-top:12px;
}
.check-list li svg {
  width:15px;
  height:20px;
  color:#3c77d4;
}
.pending-list li {
  font-size:12px;
  line-height:1.8;
  color:#7b899d;
  margin-top:12px;
  position:relative;
  padding-left:17px;
}
.pending-list li:before {
  content:"—";
  position:absolute;
  left:0;
  color:#9ba8ba;
}
.plan>p.plan-note {
  font-size:10px;
  color:#8b98aa;
  border-top:1px solid #ecf0f6;
  padding-top:17px;
  margin-top:auto;
}
.comparison-wrap {
  border:1px solid var(--line);
  border-radius:10px;
  overflow-x:auto;
}
.comparison {
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  text-align:left;
  min-width:740px;
}
.comparison th,.comparison td {
  padding:19px 24px;
  border-bottom:1px solid #eaf0f6;
}
.comparison thead th {
  font-size:13px;
  background:#f8fafd;
  font-weight:600;
  padding-block:23px;
}
.comparison tbody th {
  font-weight:400;
  color:#596b84;
  width:25%;
}
.comparison td {
  color:#77879c;
  width:25%;
}
.comparison td:nth-child(2),.comparison thead th:nth-child(2) {
  background:#f6f9ff;
  color:#355f9d;
}
.comparison .table-group th {
  background:#f4f7fb;
  color:#4e6380;
  font-size:11px;
  letter-spacing:.6px;
  font-weight:550;
  padding-block:12px;
}
.comparison tr:last-child>* {
  border-bottom:0;
}
.comparison td.supported {
  color:#3672d7;
}
.table-note {
  font-size:11px;
  color:#8593a7;
  margin-top:16px;
}
.credit-explainer {
  display:flex;
  align-items:center;
  gap:23px;
  padding:30px 35px;
  background:#f7f9fc;
  border:1px solid var(--line);
  border-radius:10px;
}
.credit-explainer .feature-icon {
  flex-shrink:0;
}
.credit-explainer h2 {
  font-size:18px;
  letter-spacing:0;
}
.credit-explainer p {
  font-size:12px;
  margin-top:9px;
  max-width:720px;
}
.credit-explainer .text-link {
  white-space:nowrap;
  margin-left:auto;
  font-size:12px;
}
.pricing-faq .faq-list {
  max-width:800px;
  margin:35px auto 0;
}
.faq-page {
  max-width:880px;
  margin-bottom:90px;
}
.faq-filters {
  display:flex;
  align-items:center;
  gap:9px;
  justify-content:center;
  margin:0 0 37px;
  flex-wrap:wrap;
}
.faq-filters button {
  background:#f5f7fb;
  border:1px solid #e8edf5;
  border-radius:25px;
  padding:10px 23px;
  font-size:12px;
  color:#6c7e98;
}
.faq-filters button[aria-pressed=true] {
  background:#edf3ff;
  color:var(--blue);
  border-color:#cbdcfe;
}
.faq-help {
  margin-top:30px;
  padding:22px;
  background:#f6f9fe;
  border-radius:8px;
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  font-size:13px;
}
.faq-help>span {
  display:flex;
  gap:9px;
  align-items:center;
}
.feature-hero {
  padding-block:35px 70px;
}
.back-link {
  font-size:11px;
  color:#8290a3;
}
.feature-hero-grid {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:90px;
  align-items:center;
  margin-top:45px;
}
.feature-hero h1 {
  font-size:53px;
}
.feature-hero-grid>div>p:not(.eyebrow) {
  font-size:14px;
  margin-top:23px;
  max-width:550px;
}
.feature-hero .actions {
  margin-top:27px;
}
.feature-summary {
  padding:35px;
  border:1px solid #dfe8f7;
  background:#f6f9ff;
  border-radius:13px;
  position:relative;
  overflow:hidden;
}
.feature-summary.fill {
  background:#f6fbf8;
  border-color:#e1eee7;
}
.feature-summary.create {
  background:#fcf9f3;
  border-color:#ede5d8;
}
.feature-summary h2 {
  font-size:27px;
  margin-top:22px;
}
.feature-summary .check-list {
  margin-block:23px 28px;
}
.feature-summary .check-list li {
  font-size:12px;
}
.summary-caption {
  font-size:10px;
  letter-spacing:1px;
  color:#8a99ad;
}
.step-cards {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
  margin-top:40px;
}
.step-number {
  display:block;
  font-size:35px;
  letter-spacing:-1px;
  font-weight:300;
  color:#b8cbe7;
  margin-bottom:20px;
}
.step-cards h3 {
  font-size:20px;
  margin-bottom:13px;
}
.step-cards p {
  font-size:13px;
}
.boundary {
  display:flex;
  align-items:flex-start;
  gap:13px;
  background:#f7f9fc;
  border:1px solid #e8edf4;
  padding:23px 28px;
  border-radius:8px;
  margin-top:40px;
}
.boundary>svg {
  color:#6a83a7;
  margin-top:3px;
}
.boundary strong {
  font-size:12px;
  font-weight:550;
}
.boundary p {
  font-size:12px;
  margin-top:6px;
}
.scenario-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  background:#eff5ff;
  border-radius:13px;
  padding:40px 45px;
  align-items:center;
}
.scenario-section h2 {
  font-size:25px;
}
.scenario-section>div>p {
  font-size:13px;
  margin-top:12px;
}
.scenario-section>div:last-child>p {
  background:#ffffffb5;
  padding:13px 17px;
  border:1px solid #e0eafd;
  border-radius:6px;
  color:#567199;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  margin-top:10px;
}
.scenario-section>div:last-child>p:first-child {
  margin-top:0;
}
.scenario-section svg {
  width:16px;
  color:var(--blue);
}
.related-features {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.related-features>a {
  display:flex;
  align-items:center;
  gap:20px;
  border:1px solid var(--line);
  border-radius:9px;
  padding:24px;
}
.related-features>a:hover {
  border-color:#b5cdf8;
  background:#f8faff;
}
.related-features>a>svg:first-child {
  color:var(--blue);
  width:25px;
  height:25px;
}
.related-features>a>svg:last-child {
  margin-left:auto;
  color:#8295b1;
}
.related-features h3 {
  font-size:18px;
}
.related-features p {
  font-size:12px;
  margin-top:6px;
}
.about-hero {
  padding-block:85px 75px;
}
.about-hero h1 {
  font-size:56px;
}
.about-statement {
  border-top:1px solid var(--line);
  padding-top:45px;
  display:grid;
  grid-template-columns:.55fr 1.4fr 1.4fr;
  align-items:start;
  gap:35px;
}
.about-statement>span {
  font-size:10px;
  color:#6d819e;
  letter-spacing:1px;
  padding-top:10px;
}
.about-statement h2 {
  font-size:28px;
}
.about-statement p {
  font-size:13px;
}
.deployment-band {
  background:#f5f8fd;
  padding-block:70px;
}
.deployment-flow {
  display:flex;
  gap:25px;
  align-items:center;
  justify-content:space-between;
}
.deployment-flow>div {
  background:#fff;
  border:1px solid #e1e8f3;
  border-radius:10px;
  padding:27px;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:11px;
}
.deployment-flow svg {
  color:#577aa9;
  width:25px;
  height:25px;
}
.deployment-flow strong {
  font-size:16px;
  font-weight:550;
}
.deployment-flow>div>span {
  font-size:11px;
  color:#8493a8;
}
.deployment-flow .flow-brand {
  border-color:#bbd1ff;
  box-shadow:0 7px 20px #1756de08;
}
.flow-brand svg {
  color:var(--blue);
}
.flow-arrow {
  color:#819cc0;
}
.contact-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:start;
}
.contact-section>div>p:not(.eyebrow) {
  font-size:14px;
  margin-top:23px;
}
.contact-section>div>.button {
  margin-top:26px;
}
.contact-note {
  padding:20px 23px;
  background:#f7f9fc;
  border-radius:8px;
  margin-top:30px;
  border:1px solid #e9edf3;
}
.contact-note strong {
  font-size:12px;
}
.contact-note p {
  font-size:12px;
  margin-top:6px;
}
.brief-form {
  border:1px solid var(--line);
  border-radius:12px;
  padding:32px;
  box-shadow:0 8px 30px #173c7705;
}
.brief-form h3 {
  font-size:21px;
}
.brief-form>p {
  font-size:11px;
  margin-top:9px;
}
.brief-form label {
  display:block;
  font-size:12px;
  margin:22px 0 9px;
}
.brief-form label>span {
  font-size:9px;
  color:#8b98a9;
  margin-left:5px;
}
.brief-form select,.brief-form textarea {
  width:100%;
  border:1px solid #dce4ef;
  border-radius:6px;
  background:#fbfcfe;
  color:#4b5e79;
  padding:12px;
  font-size:12px;
  line-height:1.8;
}
.brief-form textarea {
  resize:vertical;
}
.brief-form>.button {
  margin-top:15px;
  width:100%;
  font-size:12px;
}
.brief-form textarea::placeholder {
  color:#9ba6b6;
}
.brief-form #brief-status {
  font-size:11px;
  color:#397057;
}
.brief-form #copy-brief {
  margin-top:12px;
  font-size:12px;
}
.privacy-note {
  padding:30px;
  border:1px solid #e6edf6;
  background:#fafcff;
  border-radius:10px;
  margin-bottom:80px;
}
.privacy-note h2 {
  font-size:18px;
}
.privacy-note p {
  font-size:12px;
  margin-top:13px;
}
.sr-only {
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
[hidden] {
  display:none!important;
}
@media(min-width:1500px) {
  .hero {
    min-height:720px;
  }
  .hero h1 {
    font-size:76px;
  }
}
@media(max-width:1100px) {
  .container {
    width:calc(100% - 48px);
  }
  .nav {
    gap:20px;
  }
  .nav-shell {
    gap:20px;
  }
  .nav-actions {
    gap:15px;
  }
  .login-link {
    display:none;
  }
  .hero {
    gap:30px;
  }
  .hero h1 {
    font-size:61px;
  }
  .hero-visual {
    padding-inline:5px;
  }
  .hero-mascot {
    right:-20px;
    width:105px;
  }
  .visual-orbit {
    width:440px;
    height:440px;
    left:-5px;
    top:25px;
  }
  .hero-visual:before {
    inset:0 -20px;
  }
  .mini-abilities a {
    font-size:9px;
    padding:10px 5px;
  }
  .mini-abilities a>svg:last-child {
    display:none;
  }
  .floating-note {
    left:-5px;
  }
  .hero .button {
    padding-inline:17px;
    font-size:13px;
  }
  .feature-card {
    padding:23px;
  }
  .workflow {
    gap:60px;
  }
  .enterprise-inner {
    gap:50px;
  }
  .home-faq {
    gap:50px;
  }
  .contact-section {
    gap:60px;
  }
  .plan {
    padding:23px;
  }
  .price small {
    font-size:9px;
  }
  .footer-main {
    gap:30px;
  }
  .feature-hero-grid {
    gap:50px;
  }
  .feature-hero h1 {
    font-size:46px;
  }
  .feature-summary {
    padding:27px;
  }
  .hero-mini {
    padding:18px;
  }
}
@media(max-width:800px) {
  h1 {
    font-size:48px;
  }
  h2 {
    font-size:31px;
  }
  .container {
    width:calc(100% - 40px);
  }
  .section {
    padding-block:66px;
  }
  .nav-shell {
    height:68px;
  }
  .brand img {
    width:108px;
  }
  .nav {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:68px;
    background:#fff;
    border-bottom:1px solid var(--line);
    padding:12px 25px 23px;
    box-shadow:0 20px 30px #173c7712;
    max-height:calc(100dvh - 68px);
    overflow-y:auto;
  }
  .nav.is-open {
    display:block;
  }
  .nav>a {
    display:block;
    padding:14px 0;
    font-size:14px;
  }
  .product-toggle {
    width:100%;
    padding:14px 0;
    justify-content:space-between;
    font-size:14px;
  }
  .product-menu {
    position:static;
    box-shadow:none;
    width:100%;
    padding:5px;
    background:#f8faff;
    border-color:#e9eff8;
  }
  .product-menu a {
    padding:12px;
  }
  .product-menu small {
    font-size:10px;
  }
  .nav .mobile-login {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid var(--line);
    margin-top:7px;
  }
  .mobile-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    background:transparent;
    border:1px solid #e3e9f2;
    border-radius:7px;
  }
  .nav-actions {
    gap:10px;
  }
  .nav-actions .button {
    min-height:38px;
    padding:7px 13px;
    font-size:12px;
  }
  .nav-actions .button svg {
    width:15px;
  }
  .hero {
    grid-template-columns:1fr 1fr;
    gap:25px;
    min-height:550px;
    padding-block:55px;
  }
  .hero h1 {
    font-size:48px;
  }
  .hero-description {
    font-size:14px;
  }
  .hero .actions {
    gap:10px;
  }
  .hero .button {
    font-size:12px;
    padding:10px 13px;
    min-height:43px;
    gap:10px;
  }
  .hero-visual {
    padding:35px 0;
  }
  .visual-orbit {
    width:340px;
    height:340px;
    top:40px;
    left:-5px;
  }
  .hero-mini {
    padding:15px;
  }
  .mini-top {
    font-size:11px;
    gap:8px;
  }
  .mini-top .ai-mark {
    width:25px;
    height:25px;
  }
  .mini-request {
    font-size:10px;
    padding:10px;
    margin-left:30px;
  }
  .mini-answer {
    padding:13px;
    gap:10px;
  }
  .mini-answer strong {
    font-size:22px;
  }
  .mini-answer>div>span {
    font-size:9px;
  }
  .mini-bars {
    gap:5px;
    padding:0 5px;
    height:54px;
  }
  .mini-answer>p {
    font-size:8px;
  }
  .mini-abilities {
    gap:5px;
  }
  .mini-abilities a {
    flex-direction:column;
    font-size:9px;
  }
  .mini-composer {
    font-size:9px;
    padding:8px;
    gap:7px;
  }
  .mini-composer svg {
    width:13px;
  }
  .floating-tag {
    left:12px;
    top:0;
    font-size:10px;
    padding:9px 13px;
  }
  .hero-mascot {
    right:-13px;
    bottom:-17px;
    width:90px;
  }
  .floating-note {
    font-size:9px;
    bottom:15px;
    left:-10px;
    padding:8px 10px;
  }
  .visual-disclaimer {
    left:28px;
    bottom:-17px;
    font-size:8px;
  }
  .trust-strip {
    flex-wrap:wrap;
    justify-content:center;
    gap:20px 28px;
    padding:22px 0;
  }
  .trust-strip>span {
    width:100%;
    text-align:center;
  }
  .trust-strip>div {
    font-size:11px;
  }
  .section-heading {
    gap:24px;
    align-items:flex-start;
  }
  .section-heading>p,.section-heading>div>p:not(.eyebrow) {
    font-size:12px;
  }
  .feature-cards {
    gap:14px;
  }
  .feature-card {
    padding:22px 18px;
  }
  .feature-card h3 {
    font-size:21px;
  }
  .feature-card h4 {
    font-size:11px;
  }
  .feature-card p {
    font-size:12px;
    min-height:108px;
  }
  .feature-card-top {
    margin-bottom:25px;
  }
  .feature-card .text-link {
    font-size:11px;
    gap:8px;
  }
  .workspace-body {
    grid-template-columns:150px 1fr;
  }
  .demo-sidebar {
    padding:22px 10px;
  }
  .sidebar-brand {
    font-size:10px;
    padding-left:7px;
  }
  .demo-tabs button,.demo-tabs a {
    font-size:11px;
    padding-inline:8px;
  }
  .sidebar-bottom {
    font-size:8px;
    gap:3px;
  }
  .demo-main {
    padding:20px 23px;
  }
  .chart {
    gap:30px;
  }
  .workflow {
    gap:40px;
  }
  .workflow-steps>div {
    gap:16px;
  }
  .workflow-steps h3 {
    font-size:15px;
  }
  .workflow-steps p {
    font-size:12px;
  }
  .enterprise-inner {
    grid-template-columns:1fr;
    gap:35px;
  }
  .enterprise-inner h2 {
    font-size:32px;
  }
  .enterprise-grid {
    gap:30px;
  }
  .home-faq {
    grid-template-columns:1fr;
    gap:30px;
  }
  .home-faq h2 br {
    display:none;
  }
  .home-faq .text-link {
    margin-top:17px;
  }
  .closing {
    padding:35px;
    grid-template-columns:1fr .5fr;
  }
  .closing h2 {
    font-size:29px;
  }
  .closing p:not(.eyebrow) {
    font-size:12px;
  }
  .closing .button {
    padding:11px 15px;
    font-size:12px;
    gap:12px;
  }
  .closing-art img {
    width:145px;
  }
  .orbit {
    width:220px;
    height:220px;
  }
  .orbit-two {
    width:290px;
    height:290px;
  }
  .footer-main {
    grid-template-columns:1.5fr 1fr 1fr;
    gap:25px;
  }
  .footer-main>div:last-child {
    grid-column:2/4;
  }
  .footer-bottom {
    font-size:9px;
    gap:10px;
  }
  .page-hero h1 {
    font-size:41px;
  }
  .pricing-cards {
    gap:12px;
  }
  .plan {
    padding:20px 16px;
  }
  .plan h2 {
    font-size:20px;
  }
  .plan>p {
    font-size:10px;
  }
  .price small {
    margin-left:0;
  }
  .pending-price {
    gap:7px;
    flex-wrap:wrap;
  }
  .pending-price strong {
    font-size:29px;
  }
  .pending-price small {
    width:100%;
  }
  .price {
    min-height:66px;
  }
  .credit-box {
    padding:13px;
  }
  .credit-box strong.pending-credit {
    font-size:12px;
  }
  .plan .button {
    font-size:11px;
    gap:8px;
  }
  .plan .check-list li,.pending-list li {
    font-size:10px;
  }
  .plan>p.plan-note {
    font-size:9px;
  }
  .credit-explainer {
    flex-wrap:wrap;
    padding:25px;
    gap:18px;
  }
  .credit-explainer>div {
    flex:1;
  }
  .credit-explainer h2 {
    font-size:17px;
  }
  .credit-explainer .text-link {
    margin-left:62px;
  }
  .feature-hero-grid {
    gap:30px;
  }
  .feature-hero h1 {
    font-size:38px;
    letter-spacing:-1px;
  }
  .feature-hero-grid>div>p:not(.eyebrow) {
    font-size:12px;
  }
  .feature-hero .button {
    font-size:12px;
    padding-inline:16px;
  }
  .feature-summary {
    padding:22px;
  }
  .feature-summary .check-list li {
    font-size:11px;
  }
  .step-cards {
    gap:28px;
  }
  .step-cards p {
    font-size:12px;
  }
  .scenario-section {
    gap:25px;
    padding:30px;
  }
  .scenario-section h2 {
    font-size:22px;
  }
  .about-statement {
    grid-template-columns:1fr 1fr;
  }
  .about-statement>span {
    grid-column:1/-1;
  }
  .about-statement h2 {
    font-size:25px;
  }
  .about-hero h1 {
    font-size:47px;
  }
  .deployment-flow {
    gap:14px;
  }
  .deployment-flow>div {
    padding:22px 16px;
  }
  .deployment-flow strong {
    font-size:13px;
  }
  .deployment-flow>div>span {
    font-size:9px;
  }
  .contact-section {
    gap:35px;
  }
  .brief-form {
    padding:23px;
  }
  .brief-form label>span {
    display:block;
    margin:5px 0 0;
  }
  .contact-section>div>p:not(.eyebrow) {
    font-size:12px;
  }
  .contact-note {
    padding:16px;
  }
}
@media(max-width:600px) {
  h2 {
    font-size:28px;
    letter-spacing:-.8px;
  }
  .container {
    width:calc(100% - 40px);
  }
  .section {
    padding-block:56px;
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1.3px;
    margin-bottom:17px;
  }
  .hero {
    grid-template-columns:1fr;
    gap:20px;
    padding-block:40px 40px;
    min-height:auto;
  }
  .hero h1 {
    font-size:53px;
    line-height:1.2;
    letter-spacing:-2px;
  }
  .hero-description {
    font-size:14px;
    margin-top:21px;
  }
  .hero .actions {
    margin-top:24px;
    gap:11px;
  }
  .hero .button {
    min-height:45px;
    font-size:12px;
    padding:11px 17px;
    gap:13px;
  }
  .hero-note {
    font-size:10px;
    margin-top:15px;
  }
  .hero-visual {
    margin:16px 8px 25px;
    padding:39px 3px 30px;
  }
  .hero-mini {
    padding:18px;
    transform:rotate(-1.5deg);
  }
  .mini-top {
    font-size:12px;
  }
  .mini-request {
    font-size:10px;
    margin-top:17px;
    margin-bottom:14px;
  }
  .mini-answer strong {
    font-size:25px;
  }
  .mini-answer>p {
    font-size:9px;
  }
  .mini-abilities a {
    flex-direction:row;
    font-size:9px;
    gap:5px;
    padding:9px 6px;
  }
  .mini-abilities a>svg:first-child {
    width:12px;
  }
  .mini-composer {
    font-size:10px;
  }
  .visual-orbit {
    width:340px;
    height:340px;
    top:35px;
    left:calc(50% - 170px);
  }
  .hero-visual:before {
    inset:0 -17px;
  }
  .hero-mascot {
    right:-21px;
    bottom:-4px;
    width:90px;
  }
  .floating-tag {
    left:15px;
    font-size:9px;
    top:0;
  }
  .floating-note {
    left:-9px;
    bottom:10px;
    font-size:9px;
  }
  .visual-disclaimer {
    bottom:-17px;
    left:15px;
    font-size:8px;
  }
  .trust-strip {
    gap:19px 0;
    padding:22px 0;
  }
  .trust-strip>div {
    width:50%;
    justify-content:center;
    font-size:10px;
    gap:7px;
  }
  .trust-strip>span {
    font-size:10px;
  }
  .trust-strip svg {
    width:15px;
  }
  .section-heading {
    display:block;
    margin-bottom:27px;
  }
  .section-heading>p,.section-heading>div+div {
    margin-top:17px;
  }
  .section-heading>p,.section-heading>div>p:not(.eyebrow) {
    font-size:12px;
  }
  .section-heading h2 br {
    display:initial;
  }
  .feature-cards {
    grid-template-columns:1fr;
    gap:14px;
  }
  .feature-card {
    padding:25px;
    position:relative;
  }
  .feature-card-top {
    margin-bottom:15px;
  }
  .feature-card-top>span:last-child {
    font-size:10px;
  }
  .feature-card h3 {
    font-size:24px;
  }
  .feature-card h4 {
    font-size:12px;
    margin-top:3px;
  }
  .feature-card p {
    min-height:0;
    font-size:12px;
    max-width:360px;
    margin-top:13px;
  }
  .feature-card .text-link {
    margin-top:20px;
    font-size:12px;
  }
  .feature-icon {
    width:40px;
    height:40px;
  }
  .workspace-demo {
    border-radius:9px;
  }
  .window-top {
    height:36px;
    padding:0 11px;
    gap:9px;
    font-size:8px;
  }
  .window-dots {
    gap:3px;
  }
  .window-dots i {
    width:5px;
    height:5px;
  }
  .demo-label {
    font-size:7px;
    padding:3px 5px;
  }
  .workspace-body {
    display:block;
    min-height:0;
  }
  .demo-sidebar {
    padding:10px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .sidebar-brand,.sidebar-bottom {
    display:none;
  }
  .demo-tabs {
    display:flex;
    gap:5px;
  }
  .demo-tabs button,.demo-tabs a {
    justify-content:center;
    flex:1;
    gap:5px;
    font-size:10px;
    padding:9px 5px;
    white-space:nowrap;
  }
  .demo-tabs svg {
    width:14px;
    height:14px;
  }
  .demo-main {
    padding:17px 14px;
  }
  .demo-conversation {
    font-size:9px;
  }
  .conversation-model {
    font-size:8px;
  }
  .prompt {
    margin:18px 0;
    gap:7px;
    align-items:flex-start;
  }
  .prompt p {
    font-size:10px;
    padding:9px 11px;
  }
  .user-avatar {
    width:23px;
    height:23px;
    font-size:9px;
  }
  .demo-reply {
    gap:7px;
  }
  .demo-reply .ai-mark {
    width:27px;
    height:27px;
  }
  .demo-reply .ai-mark svg {
    width:16px;
  }
  .demo-reply strong {
    font-size:10px;
  }
  .demo-reply p {
    font-size:8px;
  }
  .state-chip {
    font-size:7px;
    padding:3px 6px;
  }
  .stat-grid {
    padding:12px 10px;
    gap:8px;
    margin:15px 0;
  }
  .stat-grid>div>span {
    font-size:8px;
  }
  .stat-grid>div+div {
    padding-left:10px;
  }
  .stat-grid strong {
    font-size:20px;
  }
  .stat-grid strong small {
    font-size:8px;
  }
  .stat-grid strong.stat-text {
    font-size:9px;
    margin-top:12px;
  }
  .chart-title {
    font-size:8px;
  }
  .chart {
    height:120px;
    gap:23px;
    padding-inline:12px;
  }
  .bar-column>span,.bar-column>small {
    font-size:8px;
  }
  .demo-result-foot {
    font-size:8px;
    margin-top:16px;
    gap:5px;
  }
  .demo-result-foot svg {
    width:11px;
    height:11px;
  }
  .demo-input {
    font-size:8px;
    margin-top:18px;
    padding:9px;
    gap:9px;
  }
  .send-icon {
    font-size:15px;
  }
  #demo-panel {
    min-height:305px;
  }
  .demo-caption {
    font-size:9px;
    max-width:280px;
    margin:15px auto 0;
  }
  .form-preview {
    gap:10px;
  }
  .form-preview strong {
    font-size:9px;
    padding:9px;
  }
  .form-preview>div>span {
    font-size:9px;
  }
  .mini-table>div {
    font-size:10px;
  }
  .draft-notice {
    font-size:8px;
    padding:8px;
  }
  .app-map {
    padding-inline:6px;
    padding-top:22px;
  }
  .map-node {
    padding:12px 10px;
    gap:7px;
  }
  .map-node strong {
    font-size:10px;
  }
  .map-node small {
    font-size:8px;
    padding-left:23px;
  }
  .map-row {
    gap:12px;
  }
  .workflow {
    grid-template-columns:1fr;
    gap:32px;
  }
  .workflow>div>p:not(.eyebrow) {
    font-size:12px;
    margin-top:17px;
  }
  .workflow .text-link {
    font-size:12px;
    margin-top:19px;
  }
  .workflow-steps>div {
    gap:20px;
    padding:22px 0;
  }
  .workflow-steps h3 {
    font-size:16px;
  }
  .workflow-steps p {
    font-size:12px;
  }
  .enterprise-section {
    padding-block:48px;
  }
  .enterprise-inner {
    gap:32px;
  }
  .enterprise-inner h2 {
    font-size:28px;
  }
  .enterprise-inner>div>p:not(.eyebrow) {
    font-size:12px;
    margin-top:18px;
  }
  .enterprise-grid {
    gap:27px 20px;
  }
  .enterprise-grid h3 {
    font-size:13px;
  }
  .enterprise-grid p {
    font-size:10px;
  }
  .enterprise-grid>div>svg {
    width:22px;
    height:22px;
  }
  .home-faq {
    gap:28px;
  }
  .home-faq h2 br {
    display:initial;
  }
  .faq-list summary {
    font-size:12px;
    min-height:65px;
    line-height:1.8;
    padding-block:19px;
    gap:15px;
  }
  .faq-list details>p {
    font-size:11px;
    padding-right:17px;
    padding-bottom:20px;
  }
  .home-faq .text-link {
    font-size:12px;
  }
  .closing {
    padding:30px 25px 0;
    grid-template-columns:1fr;
    margin-bottom:55px;
    border-radius:12px;
  }
  .closing h2 {
    font-size:29px;
  }
  .closing .eyebrow {
    font-size:9px;
  }
  .closing p:not(.eyebrow) {
    font-size:11px;
    max-width:260px;
  }
  .closing .actions {
    gap:10px;
    margin-top:23px;
  }
  .closing .button {
    padding:11px 13px;
    gap:8px;
    font-size:11px;
    min-height:43px;
  }
  .closing small {
    font-size:9px;
  }
  .closing-art {
    height:185px;
    margin-top:10px;
    align-items:flex-end;
    padding-right:15px;
  }
  .closing-art img {
    width:122px;
    transform:rotate(3deg);
  }
  .closing-art .art-label {
    position:absolute;
    left:2px;
    bottom:50px;
    font-size:9px;
    letter-spacing:1px;
  }
  .closing-art .orbit {
    width:190px;
    height:190px;
    right:-15px;
    top:15px;
  }
  .closing-art .orbit-two {
    width:280px;
    height:280px;
    right:-60px;
    top:-30px;
  }
  .footer {
    padding-top:35px;
  }
  .footer-main {
    grid-template-columns:1fr 1fr;
    gap:27px 20px;
    padding-bottom:32px;
  }
  .footer-brand {
    grid-column:1/-1;
  }
  .footer-brand>p {
    font-size:11px;
    margin-top:10px;
  }
  .footer-tag {
    font-size:9px;
    margin-top:12px;
  }
  .footer-main>div:last-child {
    grid-column:1/-1;
  }
  .footer h3 {
    font-size:12px;
    margin-top:0;
    margin-bottom:13px;
  }
  .footer-main>div:not(:first-child)>a {
    font-size:11px;
    margin-top:12px;
  }
  .footer-note {
    font-size:10px;
    margin-top:12px;
  }
  .footer-bottom {
    align-items:flex-start;
    flex-wrap:wrap;
    font-size:8px;
    gap:12px;
    padding-block:20px;
  }
  .footer-bottom>span:nth-child(2) {
    order:3;
    width:100%;
    line-height:1.8;
  }
  .page-hero {
    padding-top:43px;
    padding-bottom:30px;
  }
  .page-hero h1 {
    font-size:35px;
    line-height:1.4;
    letter-spacing:-1.4px;
  }
  .page-hero>p:not(.eyebrow) {
    font-size:12px;
    margin-top:17px;
  }
  .page-hero>p:not(.eyebrow) br {
    display:none;
  }
  .page-hero .eyebrow {
    font-size:8px;
    letter-spacing:1px;
  }
  .billing-switch {
    margin-top:23px;
  }
  .billing-switch button {
    font-size:11px;
    padding:9px 23px;
  }
  .page-hero>p.billing-status {
    font-size:9px;
  }
  .pricing-cards {
    grid-template-columns:1fr;
    gap:18px;
  }
  .plan {
    padding:26px;
  }
  .plan h2 {
    font-size:24px;
  }
  .plan>p {
    font-size:12px;
  }
  .plan-top {
    margin-bottom:17px;
  }
  .price {
    min-height:55px;
    margin-top:25px;
    margin-bottom:23px;
  }
  .price strong {
    font-size:52px;
  }
  .price small {
    font-size:11px;
    margin-left:7px;
  }
  .pending-price strong {
    font-size:35px;
  }
  .pending-price small {
    width:auto;
  }
  .credit-box {
    padding:17px;
  }
  .credit-box>span {
    font-size:11px;
  }
  .credit-box strong.pending-credit {
    font-size:15px;
    margin-top:10px;
  }
  .plan .button {
    font-size:13px;
    min-height:45px;
  }
  .plan .check-list li,.pending-list li {
    font-size:12px;
    margin-top:14px;
  }
  .plan>p.plan-note {
    font-size:10px;
  }
  .comparison th,.comparison td {
    padding:16px 20px;
  }
  .table-note {
    font-size:10px;
    line-height:1.9;
  }
  .credit-explainer {
    padding:23px;
    gap:15px;
  }
  .credit-explainer .feature-icon {
    width:33px;
    height:33px;
  }
  .credit-explainer .feature-icon svg {
    width:19px;
  }
  .credit-explainer>div {
    flex:auto;
    width:100%;
  }
  .credit-explainer h2 {
    font-size:18px;
    line-height:1.6;
  }
  .credit-explainer p {
    font-size:11px;
  }
  .credit-explainer .text-link {
    margin-left:0;
    font-size:11px;
  }
  .pricing-faq h2 {
    font-size:25px;
  }
  .pricing-faq .faq-list {
    margin-top:25px;
  }
  .faq-filters {
    gap:7px;
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-bottom:25px;
  }
  .faq-filters button {
    padding:11px 14px;
    font-size:11px;
  }
  .faq-page {
    margin-bottom:55px;
  }
  .faq-help {
    padding:20px;
    align-items:flex-start;
    flex-direction:column;
    font-size:12px;
    gap:13px;
  }
  .faq-help .text-link {
    font-size:11px;
  }
  .feature-hero {
    padding-block:25px 45px;
  }
  .feature-hero-grid {
    grid-template-columns:1fr;
    gap:30px;
    margin-top:32px;
  }
  .feature-hero h1 {
    font-size:43px;
    letter-spacing:-1.4px;
  }
  .feature-hero-grid>div>p:not(.eyebrow) {
    font-size:13px;
    margin-top:18px;
  }
  .feature-hero .actions {
    margin-top:22px;
  }
  .feature-hero .button {
    font-size:11px;
    padding-inline:16px;
    gap:12px;
    min-height:44px;
  }
  .feature-summary {
    padding:26px;
  }
  .feature-summary h2 {
    font-size:25px;
    margin-top:17px;
  }
  .feature-summary .check-list {
    margin-block:19px 23px;
  }
  .feature-summary .check-list li {
    font-size:12px;
  }
  .step-cards {
    grid-template-columns:1fr;
    gap:27px;
    margin-top:30px;
  }
  .step-cards>article {
    display:grid;
    grid-template-columns:44px 1fr;
    gap:8px 17px;
    border-bottom:1px solid var(--line);
    padding-bottom:25px;
  }
  .step-number {
    grid-row:1/3;
    font-size:29px;
    margin:0;
  }
  .step-cards h3 {
    font-size:18px;
    margin:0;
  }
  .step-cards p {
    font-size:12px;
  }
  .boundary {
    padding:20px 17px;
    gap:10px;
    margin-top:28px;
  }
  .boundary>svg {
    width:17px;
  }
  .boundary strong {
    font-size:11px;
  }
  .boundary p {
    font-size:10px;
  }
  .scenario-section {
    grid-template-columns:1fr;
    padding:26px;
    gap:20px;
  }
  .scenario-section h2 {
    font-size:23px;
  }
  .scenario-section>div>p {
    font-size:12px;
  }
  .scenario-section>div:last-child>p {
    font-size:11px;
    padding:13px;
  }
  .related-features {
    grid-template-columns:1fr;
    gap:12px;
  }
  .related-features>a {
    padding:20px;
    gap:17px;
  }
  .related-features h3 {
    font-size:17px;
  }
  .related-features p {
    font-size:11px;
  }
  .section-heading>.text-link {
    margin-top:17px;
    font-size:12px;
  }
  .about-hero {
    padding-block:45px;
  }
  .about-hero h1 {
    font-size:38px;
    line-height:1.4;
  }
  .about-statement {
    grid-template-columns:1fr;
    gap:20px;
    padding-top:25px;
  }
  .about-statement h2 {
    font-size:27px;
  }
  .about-statement p {
    font-size:12px;
  }
  .deployment-band {
    padding-block:45px;
  }
  .deployment-flow {
    flex-direction:column;
    gap:12px;
  }
  .deployment-flow>div {
    width:100%;
    padding:22px;
    gap:10px;
  }
  .deployment-flow strong {
    font-size:16px;
  }
  .deployment-flow>div>span {
    font-size:11px;
  }
  .flow-arrow {
    transform:rotate(90deg);
    font-size:17px;
  }
  .contact-section {
    grid-template-columns:1fr;
    gap:30px;
  }
  .contact-section>div>p:not(.eyebrow) {
    font-size:12px;
    margin-top:17px;
  }
  .contact-section>div>.button {
    font-size:12px;
  }
  .contact-note {
    margin-top:25px;
    padding:20px;
  }
  .contact-note p {
    font-size:11px;
  }
  .brief-form {
    padding:23px;
  }
  .brief-form label>span {
    display:inline;
    margin-left:3px;
    font-size:8px;
  }
  .brief-form h3 {
    font-size:20px;
  }
  .brief-form select,.brief-form textarea {
    font-size:16px;
  }
  .brief-form textarea::placeholder {
    font-size:12px;
  }
  .privacy-note {
    padding:23px;
    margin-bottom:55px;
  }
  .privacy-note h2 {
    font-size:17px;
  }
  .privacy-note p {
    font-size:11px;
  }
  .desktop-only {
    display:none;
  }
}
@media(max-width:360px) {
  .visual-orbit {
    width:300px;
    height:300px;
    left:calc(50% - 150px);
  }
  .container {
    width:calc(100% - 32px);
  }
  .hero h1 {
    font-size:47px;
  }
  .nav-actions .button {
    padding-inline:10px;
    gap:7px;
  }
  .brand img {
    width:96px;
  }
  .hero .button {
    padding-inline:13px;
    gap:8px;
  }
  .hero-mascot {
    width:78px;
    right:-17px;
  }
  .mini-abilities a {
    font-size:8px;
    padding-inline:5px;
  }
  .mini-answer strong {
    font-size:23px;
  }
  .demo-result-foot {
    font-size:7px;
  }
  .page-hero h1 {
    font-size:31px;
  }
  .feature-hero h1 {
    font-size:39px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important;
  }
}

/* Four-tier pricing proposal: keep prices and review labels readable. */
.proposal-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.proposal-cards .plan { padding: 24px 20px; }
.proposal-cards .plan > p { min-height: 40px; }
.proposal-cards .price { flex-wrap: wrap; gap: 4px; min-height: 48px; margin: 22px 0 4px; }
.proposal-cards .price strong { font-size: 36px; letter-spacing: -1px; }
.proposal-cards .price .custom-price { font-size: 30px; }
.proposal-cards .price small { margin-left: 0; }
.price-status { display: block; color: #63748d; font-size: 11px; margin-bottom: 22px; }
.proposal-cards .credit-box { padding: 12px; }
.proposal-cards .credit-box strong { font-size: 23px; white-space: nowrap; }
.page-hero > p.proposal-note { font-size: 12px; color: #63748d; margin-top: 12px; }
@media (max-width: 1100px) { .proposal-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
 .proposal-cards { grid-template-columns: 1fr; }
 .proposal-cards .plan { padding: 26px; }
 .proposal-cards .plan > p { min-height: 0; }
 .proposal-cards .price strong { font-size: 42px; }
}