/* =========================
   FlowPilot design system
   ========================= */
:root {
  --navy-950: #050b16;
  --navy-900: #07101f;
  --navy-850: #0a1426;
  --navy-800: #0d192d;
  --navy-700: #14233b;
  --ink: #0d1729;
  --slate: #536078;
  --muted: #77839a;
  --line: #dce2eb;
  --line-dark: rgba(255,255,255,.11);
  --surface: #f7f9fc;
  --white: #fff;
  --blue: #3d6dff;
  --blue-bright: #5a86ff;
  --violet: #8a5cff;
  --cyan: #24c8ea;
  --green: #2ecf91;
  --amber: #f6bd5c;
  --blue-soft: #edf2ff;
  --violet-soft: #f2eeff;
  --cyan-soft: #e9faff;
  --green-soft: #eafbf4;
  --font-display: "Manrope", "Segoe UI", sans-serif;
  --font-body: "DM Sans", "Segoe UI", sans-serif;
  --container: 1200px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-sm: 0 10px 30px rgba(16, 28, 51, .08);
  --shadow-lg: 0 32px 90px rgba(5, 13, 29, .2);
  --transition: 220ms cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--font-body); font-size: 16px; line-height: 1.65; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, h4, ul, blockquote { margin-top: 0; }
h1, h2, h3, h4 { font-family: var(--font-display); line-height: 1.12; letter-spacing: -.035em; }
p { color: var(--slate); }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 120px 0; position: relative; }
.section--compact { padding: 80px 0; }
.skip-link { position: fixed; z-index: 10000; left: 16px; top: -100px; color: var(--navy-950); background: var(--white); border-radius: 8px; padding: 12px 18px; box-shadow: var(--shadow-sm); font-weight: 700; transition: top var(--transition); }
.skip-link:focus { top: 16px; }
.sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
:focus-visible { outline: 3px solid rgba(60,109,255,.55); outline-offset: 3px; }

/* Shared typography and controls */
.eyebrow, .eyebrow-text { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); font-size: .75rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow { padding: 8px 14px; color: #c6d4ff; background: rgba(68,105,255,.12); border: 1px solid rgba(119,145,255,.24); border-radius: 999px; letter-spacing: .08em; text-transform: none; }
.eyebrow__spark { color: var(--cyan); }
.section-heading { max-width: 670px; margin-bottom: 54px; }
.section-heading--center { text-align: center; margin-inline: auto; }
.section-heading h2 { margin: 16px 0 18px; font-size: clamp(2.4rem, 5vw, 4rem); font-weight: 700; }
.section-heading h2 span { color: var(--blue); }
.section-heading p { max-width: 610px; margin-bottom: 0; font-size: 1.1rem; }
.section-heading--center p { margin-inline: auto; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 10px; padding: 0 22px; font-family: var(--font-display); font-weight: 700; font-size: .92rem; transition: transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition); }
.button:hover { transform: translateY(-2px); }
.button--small { min-height: 42px; padding-inline: 18px; font-size: .83rem; }
.button--large { min-height: 58px; padding-inline: 28px; }
.button--primary { color: #fff; background: linear-gradient(135deg, var(--blue), #704dff); box-shadow: 0 12px 30px rgba(66, 87, 255, .26); }
.button--primary:hover { box-shadow: 0 16px 38px rgba(66, 87, 255, .38); }
.button--ghost { color: #e8edfa; border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.055); backdrop-filter: blur(12px); }
.button--ghost:hover { background: rgba(255,255,255,.1); }
.button--secondary { color: var(--ink); background: #fff; border-color: var(--line); box-shadow: var(--shadow-sm); }
.button--secondary:hover, .button--outline:hover { border-color: var(--blue); color: var(--blue); }
.button--outline { width: 100%; color: var(--ink); border-color: var(--line); background: transparent; }
.button--light { color: var(--navy-900); background: #fff; box-shadow: 0 14px 38px rgba(4,9,20,.2); }
.button--glass { color: #fff; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.2); }
.button--full { width: 100%; }

/* Announcement and navigation */
.announcement { position: relative; z-index: 1001; color: #d7e1fb; background: #050b16; border-bottom: 1px solid rgba(255,255,255,.08); font-size: .78rem; }
.announcement__inner { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 22px; }
.announcement__inner > span { display: flex; align-items: center; gap: 8px; }
.announcement__dot { width: 6px; height: 6px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 14px var(--cyan); }
.announcement a { color: #fff; font-weight: 700; }
.announcement a:hover { color: var(--cyan); }
.site-header { position: sticky; z-index: 1000; top: 0; color: #edf3ff; background: rgba(6,13,26,.78); border-bottom: 1px solid transparent; backdrop-filter: blur(16px); transition: background var(--transition), border-color var(--transition), box-shadow var(--transition); }
.site-header.is-scrolled { background: rgba(6,13,26,.96); border-color: rgba(255,255,255,.08); box-shadow: 0 12px 36px rgba(2,7,16,.2); }
.nav-wrap { min-height: 76px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: var(--font-display); font-size: 1.18rem; font-weight: 700; letter-spacing: -.025em; white-space: nowrap; }
.brand b { color: #91a9ff; font-size: .78em; }
.brand__mark { width: 30px; height: 30px; position: relative; display: inline-grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 2px; padding: 7px; border-radius: 8px; color: #fff; background: linear-gradient(145deg, var(--blue), var(--violet)); box-shadow: 0 8px 24px rgba(62,98,255,.28); }
.brand__mark i { display: block; width: 100%; border-radius: 2px 2px 0 0; background: currentColor; transform-origin: bottom; animation: brandWave 2.8s ease-in-out infinite; }
.brand__mark i:nth-child(1) { height: 45%; }
.brand__mark i:nth-child(2) { height: 85%; animation-delay: -.9s; }
.brand__mark i:nth-child(3) { height: 62%; animation-delay: -1.8s; }
.primary-nav { flex: 1; display: flex; align-items: center; justify-content: center; gap: 28px; }
.primary-nav a { position: relative; color: #aeb8cd; font-size: .83rem; font-weight: 600; }
.primary-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: linear-gradient(90deg,var(--blue),var(--cyan)); transition: right var(--transition); }
.primary-nav a:hover, .primary-nav a.active { color: #fff; }
.primary-nav a:hover::after, .primary-nav a.active::after { right: 0; }
.nav-actions { display: flex; align-items: center; gap: 18px; }
.text-link { font-size: .84rem; font-weight: 700; }
.menu-toggle { width: 46px; height: 46px; display: none; align-items: center; justify-content: center; flex-direction: column; gap: 5px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; color: #fff; background: transparent; }
.menu-toggle span { width: 20px; height: 2px; background: currentColor; border-radius: 2px; transition: transform var(--transition), opacity var(--transition); }

/* Hero */
.hero { min-height: 970px; padding-top: 104px; color: #fff; background: radial-gradient(circle at 50% -10%, #172f63 0%, var(--navy-900) 37%, #050b16 78%); overflow: hidden; }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 260px; background: linear-gradient(transparent,#050b16); pointer-events: none; }
.hero__grid-bg { position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(110,140,220,.1) 1px, transparent 1px),linear-gradient(90deg,rgba(110,140,220,.1) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 75%); }
.hero__orb { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .58; animation: drift 9s ease-in-out infinite alternate; }
.hero__orb--one { width: 420px; height: 420px; top: 110px; left: -260px; background: radial-gradient(circle,rgba(42,171,255,.3),transparent 68%); }
.hero__orb--two { width: 520px; height: 520px; top: 40px; right: -300px; background: radial-gradient(circle,rgba(130,68,255,.32),transparent 68%); animation-delay: -4s; }
.hero__content { position: relative; z-index: 2; text-align: center; }
.hero h1 { max-width: 1000px; margin: 20px auto 24px; font-size: clamp(3.3rem, 7vw, 6.25rem); font-weight: 700; letter-spacing: -.065em; }
.hero h1 span { color: transparent; background: linear-gradient(95deg,#d8e3ff 15%,#7da0ff 46%,#b88bff 72%,#71ddf2); -webkit-background-clip: text; background-clip: text; }
.hero__lead { max-width: 715px; margin: 0 auto 32px; color: #aebbd2; font-size: clamp(1.05rem,2vw,1.25rem); }
.hero__actions { display: flex; justify-content: center; gap: 12px; }
.play-icon { width: 24px; height: 24px; display: grid; place-items: center; padding-left: 2px; border-radius: 50%; color: #bdcaff; background: rgba(255,255,255,.1); font-size: .58rem; }
.reassurance { margin: 15px 0 20px; color: #75839d; font-size: .78rem; }
.reassurance span { margin: 0 6px; color: #4d5b73; }
.hero__proof { display: flex; align-items: center; justify-content: center; gap: 13px; margin-bottom: 50px; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 30px; height: 30px; display: grid; place-items: center; margin-left: -7px; border: 2px solid #14203b; border-radius: 50%; color: #fff; font-size: .57rem; font-weight: 700; background: linear-gradient(135deg,#4c74ff,#8a5cff); }
.avatar-stack span:first-child { margin-left: 0; background: #2bbd91; }
.avatar-stack span:nth-child(2) { background: #eb8b6a; }
.avatar-stack span:nth-child(4) { background: #4678d7; }
.hero__proof > div:last-child { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 8px; text-align: left; }
.hero__proof strong { font-size: .82rem; }
.stars { color: var(--amber); font-size: .67rem; letter-spacing: .08em; }
.hero__proof small { grid-column: 1 / -1; color: #71819d; font-size: .68rem; }

/* Product mockup */
.hero-product { position: relative; max-width: 1160px; margin-inline: auto; text-align: left; }
.product-window { position: relative; border: 1px solid rgba(143,166,230,.22); border-radius: 18px; overflow: hidden; background: #0b1425; box-shadow: 0 50px 130px rgba(0,0,0,.55), 0 0 0 7px rgba(255,255,255,.025); }
.product-window::before { content: ""; position: absolute; z-index: 5; inset: 0; border-radius: inherit; box-shadow: inset 0 0 70px rgba(74,108,255,.06); pointer-events: none; }
.window-bar { height: 48px; display: flex; align-items: center; padding: 0 16px; color: #9ca9c1; background: #111b2d; border-bottom: 1px solid rgba(255,255,255,.07); font-size: .7rem; }
.window-bar > span { flex: 1; text-align: center; }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #3e4b63; }
.window-dots i:first-child { background: #ff6d69; }.window-dots i:nth-child(2){background:#f5bd50}.window-dots i:last-child{background:#43cf77}
.window-users { display: flex; }
.window-users i { width: 25px; height: 25px; display: grid; place-items: center; margin-left: -5px; border: 2px solid #111b2d; border-radius: 50%; color: #dfe7f8; background: #33415c; font-style: normal; font-size: .48rem; }
.app-shell { height: 565px; display: grid; grid-template-columns: 66px 1fr 260px; }
.app-sidebar { display: flex; align-items: center; flex-direction: column; gap: 14px; padding: 16px 10px; background: #0c1526; border-right: 1px solid rgba(255,255,255,.07); }
.app-logo .brand__mark { width: 28px; height: 28px; }
.app-nav-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 9px; color: #65718a; font-size: .78rem; }
.app-nav-icon.is-active { color: #fff; background: linear-gradient(135deg,rgba(63,105,255,.8),rgba(112,77,255,.8)); }
.app-nav-icon--bottom { margin-top: auto; color: #fff; border-radius: 50%; background: #2a3b59; font-size: .58rem; }
.app-main { min-width: 0; padding: 26px 28px; background: #f3f6fb; color: var(--ink); }
.app-heading { display: flex; align-items: flex-start; justify-content: space-between; }
.app-kicker, .dash-card small { color: #8993a7; font-size: .55rem; font-weight: 700; letter-spacing: .12em; }
.app-heading h2 { margin: 5px 0 4px; font-size: 1.5rem; letter-spacing: -.04em; }
.app-heading p { margin: 0; font-size: .72rem; }
.mock-button { padding: 9px 14px; border: 0; border-radius: 7px; color: #fff; background: var(--blue); font-size: .62rem; font-weight: 700; }
.metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 22px 0 14px; }
.metric-row article { position: relative; padding: 15px 16px; border: 1px solid #e4e8ef; border-radius: 10px; background: #fff; box-shadow: 0 5px 15px rgba(19,34,57,.03); }
.metric-row span { display: block; color: #77849a; font-size: .62rem; }.metric-row strong { font-size: 1.3rem; }.metric-row em { position: absolute; right: 14px; bottom: 17px; color: #28a878; font-style: normal; font-size: .55rem; }
.dashboard-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; }
.dash-card { padding: 18px; border: 1px solid #e3e8f0; border-radius: 11px; background: #fff; box-shadow: 0 8px 20px rgba(19,34,57,.035); }
.dash-card__head { display: flex; align-items: flex-start; justify-content: space-between; }
.dash-card__head h3 { margin: 3px 0 0; font-size: .9rem; letter-spacing: -.02em; }
.dash-card__head button { border: 0; color: #9ca5b5; background: transparent; }
.status-pill, .live-dot { padding: 4px 8px; border-radius: 999px; color: #19845c; background: #e7f9f1; font-size: .5rem; font-weight: 700; }
.progress-summary { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 0 12px; margin: 18px 0 8px; }
.progress-summary strong { grid-row: 1/3; font-size: 1.4rem; }.progress-summary span { height: 5px; overflow: hidden; border-radius: 99px; background: #e9edf4; }.progress-summary span i { display: block; height: 100%; background: linear-gradient(90deg,var(--blue),var(--violet)); }.progress-summary small { color: #8a94a7; font-size: .52rem; }
.mini-task-list { padding: 0; margin: 12px 0 0; list-style: none; }
.mini-task-list li { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid #edf0f4; }
.task-check { width: 15px; height: 15px; display: grid; place-items: center; border: 1px solid #d0d7e1; border-radius: 4px; color: white; font-size: .5rem; }.task-check.done{background:var(--blue);border-color:var(--blue)}
.mini-task-list strong { display: block; font-size: .62rem; }.mini-task-list small { display: block; color:#8f98aa;font-size:.5rem}.avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:.46rem}.avatar--violet{background:#8a5cff}.avatar--blue{background:#3975d9}.avatar--green{background:#2aae80}
.chart-value { display: flex; align-items: center; gap: 8px; margin: 16px 0 12px; }.chart-value strong{font-size:1.35rem}.chart-value span{color:#28a878;font-size:.55rem;font-weight:700}
.bar-chart { height: 118px; display: flex; align-items: flex-end; gap: 8px; padding-top: 10px; background-image: linear-gradient(#eef1f6 1px,transparent 1px); background-size: 100% 25%; }.bar-chart i{flex:1;border-radius:3px 3px 0 0;background:#cfd9f5}.bar-chart i.is-current{background:linear-gradient(#6c84ff,#7557e9)}
.chart-labels{display:flex;justify-content:space-around;margin-top:6px;color:#909aaa;font-size:.48rem}.activity-card{grid-column:1/-1}.activity-card>ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:14px 0 0;list-style:none}.activity-card li{display:flex;align-items:center;gap:8px}.activity-card p{margin:0;color:var(--ink);font-size:.54rem;line-height:1.25}.activity-card p strong,.activity-card p small{display:block}.activity-card p small{margin-top:3px;color:#98a2b2}.automation-avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:var(--blue);background:var(--blue-soft);font-size:.7rem}
.ai-panel { padding: 22px 18px; background: #0b1528; border-left: 1px solid rgba(255,255,255,.07); }
.ai-panel__title { display: flex; align-items: center; gap: 9px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.08); }.ai-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#c7d6ff;background:linear-gradient(135deg,rgba(62,105,255,.45),rgba(135,80,255,.45));box-shadow:0 0 24px rgba(88,98,255,.25)}.ai-panel__title strong,.ai-panel__title small{display:block}.ai-panel__title strong{font-size:.72rem}.ai-panel__title small{color:#70809c;font-size:.52rem}.online-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.ai-message{margin:18px 0 12px;padding:12px;border:1px solid rgba(111,139,255,.18);border-radius:9px 9px 9px 2px;background:rgba(60,94,184,.1)}.ai-message p{margin:0;color:#bec8dc;font-size:.64rem;line-height:1.5}.ai-insight{display:grid;grid-template-columns:23px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.ai-insight>span{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#8fa5ff;background:rgba(70,100,205,.15);font-size:.5rem}.ai-insight strong,.ai-insight small{display:block}.ai-insight strong{color:#dfe6f4;font-size:.62rem}.ai-insight small{margin-top:4px;color:#6f7c94;font-size:.52rem;line-height:1.4}.ai-action{width:100%;margin-top:17px;padding:11px 12px;border:1px solid rgba(115,142,255,.2);border-radius:8px;color:#bfcdf6;background:rgba(54,82,160,.13);font-size:.57rem;text-align:left}.ai-action span{float:right}.ai-input{margin-top:64px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#5e6b83;font-size:.55rem}.ai-input span{float:right;width:19px;height:19px;display:grid;place-items:center;margin-top:-2px;border-radius:5px;color:#fff;background:var(--blue)}
.floating-card { position:absolute; z-index:8; display:flex; align-items:center; gap:10px; padding:13px 14px; border:1px solid rgba(168,186,239,.18); border-radius:12px; color:#fff; background:rgba(13,26,48,.88); box-shadow:0 22px 50px rgba(0,0,0,.35); backdrop-filter:blur(14px); animation:float 5s ease-in-out infinite; }
.floating-card--workflow{left:-62px;top:145px}.floating-card--summary{right:-45px;bottom:82px;animation-delay:-2.3s}.floating-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#76e3ff;background:rgba(35,180,232,.14)}.floating-icon--violet{color:#bea7ff;background:rgba(130,88,255,.15)}.floating-card small,.floating-card strong,.floating-card span{display:block}.floating-card small{color:#7d8ba5;font-size:.45rem;letter-spacing:.1em}.floating-card strong{font-size:.66rem}.floating-card div>span{color:#77849c;font-size:.52rem}.floating-card>i{width:20px;height:20px;display:grid;place-items:center;margin-left:6px;border-radius:50%;color:#9bf2ce;background:rgba(40,199,136,.12);font-size:.55rem}

/* Logo cloud */
.logo-strip { color:#667187; background:#f8f9fc; border-bottom:1px solid #edf0f5; }
.logo-strip p { margin:0 0 32px; text-align:center; color:#7e899c; font-size:.8rem; font-weight:600; }
.logo-cloud { display:flex; align-items:center; justify-content:space-between; gap:24px; color:#8791a3; filter:grayscale(1); }
.logo-cloud>span{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.04em}.logo-cloud>span:nth-child(2){font-size:.8rem;letter-spacing:.08em}.logo-cloud>span:nth-child(3){font-size:1.25rem;font-weight:600}.logo-cloud>span:nth-child(4){font-size:.72rem;letter-spacing:.1em}.logo-cloud>span:nth-child(5){font-size:1.1rem;font-weight:500}.logo-cloud>span:nth-child(7){font-family:Georgia,serif;font-size:1.25rem;font-weight:500}.logo-light{font-weight:500}.logo-cloud i{font-family:Georgia,serif;font-weight:400}

/* Benefits */
.benefits { background:#fff; }
.benefit-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.benefit-card { position:relative; min-height:440px; overflow:hidden; padding:34px; border:1px solid var(--line); border-radius:var(--radius-lg); background:linear-gradient(145deg,#fff,#f8faff); transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition); }
.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#cad5eb}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;font-family:var(--font-display);font-size:1.15rem;font-weight:800}.icon-blue{color:var(--blue);background:var(--blue-soft)}.icon-violet{color:var(--violet);background:var(--violet-soft)}.icon-cyan{color:#049cbc;background:var(--cyan-soft)}.icon-green{color:#19a674;background:var(--green-soft)}.card-number{position:absolute;right:30px;top:34px;color:#aeb8c8;font-size:.64rem;font-weight:700;letter-spacing:.12em}.benefit-card h3{margin:28px 0 12px;font-size:1.45rem}.benefit-card>p{max-width:480px;margin:0;font-size:.95rem}
.benefit-visual{position:absolute;left:34px;right:34px;bottom:28px;height:150px;border:1px solid #e7ebf2;border-radius:14px;background:#fff;box-shadow:0 16px 34px rgba(18,34,60,.06)}
.automation-mini{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px}.automation-mini span{padding:13px 15px;border:1px solid #e1e7f2;border-radius:9px;color:#58657a;background:#fbfcff;font-size:.65rem;font-weight:700}.automation-mini span:nth-of-type(2){color:var(--blue);border-color:#ced9ff;background:var(--blue-soft)}.automation-mini i{width:24px;height:1px;background:#cad2e0;position:relative}.automation-mini i::after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #9aa7ba;border-right:1px solid #9aa7ba;transform:rotate(45deg)}
.project-mini{padding:24px}.project-mini>div:first-child{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700}.project-mini>i{display:block;height:7px;margin:14px 0 22px;border-radius:99px;background:#e7ebf2}.project-mini>i::after{content:"";display:block;width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--violet))}.mini-avatars{display:flex;align-items:center}.mini-avatars span{width:30px;height:30px;display:grid;place-items:center;margin-right:-6px;border:2px solid #fff;border-radius:50%;color:#fff;background:#6683e9;font-size:.52rem}.mini-avatars span:nth-child(2){background:#a56ddd}.mini-avatars span:nth-child(3){background:#39ad8a}.mini-avatars small{margin-left:18px;color:#8590a2;font-size:.64rem}
.ai-mini{padding:18px}.ai-mini div{display:flex;gap:10px;padding:12px;border-radius:10px;background:linear-gradient(135deg,#f1f4ff,#f6f1ff)}.ai-mini div span{color:var(--violet)}.ai-mini p{margin:0;color:#44526b;font-size:.7rem}.ai-mini>small{display:block;margin:14px 4px 0;color:#5e6c83;font-size:.64rem}.ai-mini>small::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;color:#fff;background:var(--green);font-size:.5rem}
.insight-mini{display:flex;align-items:center;justify-content:space-between;padding:22px 26px}.insight-mini strong,.insight-mini small{display:block}.insight-mini strong{color:var(--green);font-size:1.7rem}.insight-mini small{color:#7d899a;font-size:.62rem}.spark-bars{height:76px;display:flex;align-items:flex-end;gap:7px}.spark-bars i{width:12px;border-radius:3px 3px 0 0;background:#ccefe3}.spark-bars i:nth-child(1){height:28%}.spark-bars i:nth-child(2){height:42%}.spark-bars i:nth-child(3){height:36%}.spark-bars i:nth-child(4){height:58%}.spark-bars i:nth-child(5){height:72%}.spark-bars i:nth-child(6){height:92%;background:var(--green)}

/* Large dashboard showcase */
.showcase { color:#f3f6fd; background:var(--navy-950); overflow:hidden; }
.showcase::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(75,86,255,.16),transparent 35%),radial-gradient(circle at 10% 70%,rgba(29,185,231,.08),transparent 28%)}
.showcase .section-heading{position:relative}.showcase .section-heading h2{color:#f7f9ff}.showcase .section-heading p{color:#8997af}.showcase-shell{position:relative;display:grid;grid-template-columns:210px 1fr;min-width:1060px;overflow:hidden;border:1px solid rgba(163,182,238,.16);border-radius:20px;background:#101a2d;box-shadow:0 45px 100px rgba(0,0,0,.38)}
.showcase-sidebar{display:flex;flex-direction:column;padding:22px 16px;border-right:1px solid rgba(255,255,255,.07);background:#0c1526}.showcase-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.showcase-brand .brand__mark{width:28px;height:28px}.showcase-brand strong{font-size:.88rem}.showcase-sidebar>small{margin:16px 10px 8px;color:#526079;font-size:.52rem;letter-spacing:.13em}.showcase-sidebar nav{display:grid;gap:4px}.showcase-sidebar nav span{position:relative;padding:9px 10px;border-radius:7px;color:#78859c;font-size:.64rem;font-weight:600}.showcase-sidebar nav span.active{color:#eaf0ff;background:linear-gradient(90deg,rgba(70,103,235,.19),rgba(70,103,235,.04))}.showcase-sidebar nav span.active::before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:2px;background:var(--blue)}.showcase-sidebar nav b{float:right;padding:1px 5px;border-radius:99px;color:#94a9ff;background:rgba(73,104,225,.15);font-size:.48rem}.showcase-sidebar nav i{float:right;width:5px;height:5px;margin-top:5px;border-radius:50%;background:var(--green)}.showcase-sidebar .dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:2px}.dot.blue{background:#527bff}.dot.violet{background:#a26cff}.dot.green{background:#35c790}.workspace-user{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;margin-top:auto;padding:12px 8px;border-top:1px solid rgba(255,255,255,.06)}.workspace-user>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2c405f;font-size:.52rem}.workspace-user strong,.workspace-user small{display:block}.workspace-user strong{font-size:.58rem}.workspace-user small{color:#627089;font-size:.48rem}.workspace-user>span{color:#5d6a80;font-size:.5rem}
.showcase-main{min-width:0;background:#f4f6fa;color:var(--ink)}.showcase-top{height:84px;display:flex;align-items:center;gap:13px;padding:0 24px;border-bottom:1px solid #e3e7ee;background:#fff}.showcase-top>div:first-child{margin-right:auto}.showcase-top small{color:#9099a9;font-size:.48rem;letter-spacing:.12em}.showcase-top h3{margin:4px 0 0;font-size:1.12rem}.search-box{width:170px;padding:9px 10px;border:1px solid #e0e5ed;border-radius:7px;color:#9ba4b3;font-size:.54rem}.search-box kbd{float:right;color:#758196;background:#f1f3f7}.showcase-top>button{position:relative;width:34px;height:34px;border:1px solid #e3e7ee;border-radius:8px;background:#fff}.showcase-top>button i{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:#ff6f7e}.showcase-top>b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#3a527c;font-size:.56rem}.showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 20px 0}.showcase-stats article{padding:15px;border:1px solid #e3e7ee;border-radius:9px;background:#fff}.showcase-stats span,.showcase-stats small,.showcase-stats strong{display:block}.showcase-stats span{color:#788398;font-size:.55rem}.showcase-stats strong{margin:4px 0;font-size:1.25rem}.showcase-stats small{color:#79869a;font-size:.48rem}.showcase-stats .positive{color:#1e9d70}.showcase-content{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:12px 20px 20px}.panel{padding:17px;border:1px solid #e3e7ee;border-radius:10px;background:#fff}.panel header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.panel header small{color:#8994a6;font-size:.48rem;letter-spacing:.12em}.panel header h4{margin:3px 0 0;font-size:.85rem}.panel header button{border:0;color:#5f70a1;background:transparent;font-size:.5rem}.project-row{display:grid;grid-template-columns:30px 1.4fr 1fr 30px 54px;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #edf0f4}.project-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#fff;font-size:.48rem}.project-icon.purple{background:#8d67df}.project-icon.blue{background:#4e78d9}.project-icon.green{background:#39a981}.project-row strong,.project-row small{display:block}.project-row strong{font-size:.56rem}.project-row small{color:#949eae;font-size:.45rem}.line-progress{height:4px;border-radius:99px;background:#e8ecf2}.line-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--violet))}.project-row>b{font-size:.5rem}.avatar-pair{display:flex}.avatar-pair i{width:23px;height:23px;display:grid;place-items:center;margin-left:-5px;border:2px solid #fff;border-radius:50%;color:#fff;background:#506d9c;font-style:normal;font-size:.42rem}.healthy{color:#258a65!important;background:#e9f8f2;padding:4px 7px;border-radius:99px;font-size:.43rem!important;letter-spacing:0!important}.panel--automation{display:grid;grid-template-columns:1fr 1fr}.panel--automation header{grid-column:1/-1}.automation-ring{display:grid;place-items:center}.automation-ring>div{width:92px;height:92px;display:grid;place-content:center;border-radius:50%;text-align:center;background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(var(--blue) 0 98.7%,#e6eaf1 98.7%)}.automation-ring strong,.automation-ring small{display:block}.automation-ring strong{font-size:1rem}.automation-ring small{color:#8b95a5;font-size:.45rem}.automation-meta{display:grid;align-content:center;gap:12px}.automation-meta span{position:relative;padding-left:12px}.automation-meta i{position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:2px}.automation-meta i.blue{background:var(--blue)}.automation-meta i.amber{background:var(--amber)}.automation-meta b,.automation-meta small{display:block}.automation-meta b{font-size:.65rem}.automation-meta small{color:#939dad;font-size:.45rem}.panel--deadlines ul,.panel--assistant ul{padding:0;margin:0;list-style:none}.panel--deadlines li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf0f4}.panel--deadlines time{display:grid;place-content:center;width:32px;height:34px;border-radius:6px;color:#677289;background:#f2f4f8;text-align:center;font-size:.38rem}.panel--deadlines time b{font-size:.65rem;line-height:1}.panel--deadlines strong,.panel--deadlines small{display:block}.panel--deadlines strong{font-size:.55rem}.panel--deadlines small{color:#929cad;font-size:.44rem}.priority{padding:3px 6px;border-radius:99px;font-size:.42rem}.priority.high{color:#c25664;background:#fff0f2}.priority.medium{color:#a06b1b;background:#fff7e6}.priority.low{color:#377f6a;background:#eaf8f3}.panel--assistant{color:#e8edfa;background:linear-gradient(145deg,#101f39,#10182b);border-color:#273450}.panel--assistant header .ai-icon{display:inline-grid;width:25px;height:25px;margin-right:7px;float:left}.panel--assistant header h4{color:#fff}.beta{padding:3px 6px;border-radius:4px;color:#a7b8ff;background:rgba(80,109,221,.16);font-size:.4rem}.panel--assistant>p{margin:0 0 10px;color:#8c99b0;font-size:.54rem}.panel--assistant li{padding:7px 0;color:#bdc6d8;font-size:.5rem}.panel--assistant li span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:5px;color:#9eb2ff;background:rgba(82,111,219,.14)}.panel--assistant>button{width:100%;margin-top:8px;padding:9px 10px;border:1px solid rgba(123,148,235,.18);border-radius:6px;color:#bdcaff;background:rgba(61,93,184,.12);font-size:.48rem;text-align:left}.panel--assistant>button span{float:right}

/* Bento features */
.features{background:#f7f9fc}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bento-card{position:relative;min-height:310px;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;transition:transform var(--transition),box-shadow var(--transition)}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.bento-card--wide{grid-column:span 2;display:grid;grid-template-columns:.8fr 1.2fr;gap:26px}.bento-card--dark{color:#f7f9ff;background:var(--navy-900);border-color:#26334a}.bento-card h3{margin:20px 0 10px;font-size:1.25rem}.bento-card p{margin:0;font-size:.87rem}.bento-card--dark p{color:#8e9bb0}.bento-card>a{display:inline-block;margin-top:22px;color:var(--blue);font-size:.78rem;font-weight:700}.tag{position:absolute;top:22px;right:22px;padding:4px 7px;border-radius:5px;font-size:.52rem;font-weight:800;letter-spacing:.08em}.tag--new{color:#266ab9;background:#e9f3ff}.tag--popular{color:#8151c4;background:#f2eaff}.builder-mini{align-self:end;padding:16px;border:1px solid #e5e9f1;border-radius:12px;background:#f9fbff}.builder-prompt{display:flex;gap:8px;padding:12px;border-radius:8px;background:linear-gradient(135deg,#edf3ff,#f4efff)}.builder-prompt span{color:var(--violet)}.builder-prompt p{color:#4c5970;font-size:.63rem}.builder-result{padding:13px 8px 4px}.builder-result small{display:block;margin-bottom:8px;color:#939dad;font-size:.45rem;letter-spacing:.1em}.builder-result>span{display:flex;align-items:center;gap:8px;color:#4c5870;font-size:.56rem;font-weight:600}.builder-result>span i{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:#fff;background:var(--blue);font-style:normal;font-size:.45rem}.builder-result em{display:block;width:1px;height:7px;margin-left:9px;background:#cbd5e5}.card-art{position:absolute;left:28px;right:28px;bottom:24px;height:92px}.timeline-art{display:flex;align-items:center;gap:4px}.timeline-art span{flex:1;padding-top:36px;color:#788499;border-top:4px solid #dfe5ef;font-size:.55rem}.timeline-art span:first-child{border-color:var(--blue)}.timeline-art span:nth-child(2){border-color:var(--violet)}.timeline-art i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:currentColor}.transcript-art{display:flex;align-items:center;gap:7px;padding:15px;border:1px solid #e6eaf1;border-radius:10px}.transcript-art i{width:4px;border-radius:5px;background:#7d9cff}.transcript-art i:nth-child(1){height:22px}.transcript-art i:nth-child(2){height:38px}.transcript-art i:nth-child(3){height:28px}.transcript-art i:nth-child(4){height:48px}.transcript-art span{margin-left:auto;padding:7px 9px;border-radius:6px;color:#1d9168;background:#eaf9f3;font-size:.52rem}.inbox-art{display:grid;gap:7px}.inbox-art span{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #e9ecf1;border-radius:7px}.inbox-art b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#6e81c7;font-size:.4rem}.inbox-art i{width:70%;height:5px;border-radius:9px;background:#e5e9ef}.analytics-art{align-self:end;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}.analytics-value{display:flex;align-items:end;gap:10px}.analytics-value small{display:block;color:#64718a;font-size:.45rem;letter-spacing:.1em}.analytics-value strong{font-size:1.6rem}.analytics-value span{padding:3px 6px;border-radius:5px;color:#70d8b4;background:rgba(47,197,144,.1);font-size:.5rem}.area-chart{height:70px;display:flex;align-items:flex-end;gap:8px;margin:12px 0}.area-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#6181ff,rgba(97,129,255,.12))}.area-chart i:nth-of-type(1){height:32%}.area-chart i:nth-of-type(2){height:48%}.area-chart i:nth-of-type(3){height:42%}.area-chart i:nth-of-type(4){height:68%}.area-chart i:nth-of-type(5){height:60%}.area-chart i:nth-of-type(6){height:88%}.ai-analysis{padding:10px;border:1px solid rgba(118,136,223,.13);border-radius:7px;background:rgba(83,97,190,.08)}.ai-analysis b{display:block;color:#9eb2ff;font-size:.52rem}.ai-analysis p{margin:3px 0 0;font-size:.52rem}.doc-art{width:150px;right:auto;padding:12px;border:1px solid #dde3ec;border-radius:7px;background:#fbfcfe;box-shadow:10px 10px 0 #edf0f5}.doc-art span{display:block;width:45%;height:6px;background:#647cff}.doc-art i{display:block;height:4px;margin-top:8px;border-radius:4px;background:#e1e5ec}.doc-art i:nth-of-type(2){width:80%}.doc-art i:nth-of-type(3){width:55%}.doc-art em{display:block;margin-top:10px;color:#26a97a;font-size:.48rem;font-style:normal}.approval-art>span{display:block;font-size:.6rem;font-weight:700}.approval-art div{display:flex;margin:10px 0}.approval-art i{width:26px;height:26px;display:grid;place-items:center;margin-right:-5px;border:2px solid #fff;border-radius:50%;color:#fff;background:#6e7fc2;font-style:normal;font-size:.44rem}.approval-art em{padding:5px 8px;border-radius:5px;color:#a56b14;background:#fff6df;font-size:.5rem;font-style:normal}.priority-art{display:grid;gap:8px}.priority-art span{padding:9px;border:1px solid #e5e9ef;border-radius:7px;color:#5e6a7e;font-size:.52rem}.priority-art i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%}.priority-art i.high{background:#ee6875}.priority-art i.medium{background:#e8ad4c}.priority-art b{float:right;color:#8994a5;font-size:.44rem}.integration-stack{display:flex;align-items:center}.integration-stack i{width:42px;height:42px;display:grid;place-items:center;margin-right:-7px;border:3px solid #fff;border-radius:11px;color:#fff;background:#6d84dc;font-style:normal;font-weight:800}.integration-stack i:nth-child(2){background:#e55353}.integration-stack i:nth-child(3){background:#202938}.integration-stack i:nth-child(4){background:#f28c35}.integration-stack i:last-child{color:#758096;background:#f0f2f6}.agent-art{display:flex;flex-wrap:wrap;align-content:center;gap:6px}.agent-art span{padding:7px 9px;border:1px solid #e3ddfa;border-radius:7px;color:#6f53a0;background:#f7f3ff;font-size:.52rem}.permissions-art,.crm-art{display:grid;gap:6px}.permissions-art span{padding:6px 8px;border:1px solid #e5e9f0;border-radius:6px;color:#657084;font-size:.5rem}.permissions-art b{float:right;color:#506aa5}.crm-art{grid-template-columns:1fr auto 1fr;align-items:center}.crm-art span{padding:10px 5px;border:1px solid #e1e6ef;border-radius:7px;text-align:center;color:#647086;font-size:.5rem}.crm-art i{color:var(--blue);font-style:normal}

/* Automation builder */
.automation{color:#edf2ff;background:var(--navy-950);overflow:hidden}.automation::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(77,83,255,.14),transparent 42%),linear-gradient(rgba(117,145,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(117,145,218,.035) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.automation .container{position:relative}.automation .section-heading h2{color:#fff}.automation .section-heading p{color:#8b98af}.automation-tabs{display:flex;justify-content:center;gap:7px;margin-bottom:26px}.automation-tabs button{min-width:110px;padding:10px 18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#7f8da5;background:rgba(255,255,255,.03);font-size:.76rem;font-weight:700}.automation-tabs button[aria-selected="true"]{color:#fff;border-color:rgba(110,137,255,.34);background:linear-gradient(135deg,rgba(63,104,255,.25),rgba(122,71,255,.18));box-shadow:0 0 24px rgba(69,89,255,.1)}.workflow-builder{overflow:hidden;border:1px solid rgba(151,174,234,.16);border-radius:18px;background:#0b1526;box-shadow:0 35px 90px rgba(0,0,0,.35)}.workflow-header{display:flex;justify-content:space-between;gap:30px;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.07)}.workflow-status{color:#66dfb5;font-size:.5rem;font-weight:800;letter-spacing:.12em}.workflow-header h3{margin:7px 0 5px;font-size:1.15rem}.workflow-header p{margin:0;color:#748199;font-size:.72rem}.workflow-meta{display:flex;align-items:center;gap:24px}.workflow-meta>span{padding-left:20px;border-left:1px solid rgba(255,255,255,.08)}.workflow-meta small,.workflow-meta strong{display:block}.workflow-meta small{color:#57647b;font-size:.45rem;letter-spacing:.1em}.workflow-meta strong{font-size:.8rem}.workflow-meta button{border:0;color:#69758b;background:transparent}.workflow-canvas{display:flex;align-items:center;justify-content:center;min-height:330px;padding:50px 35px;background-image:radial-gradient(rgba(121,145,203,.14) 1px,transparent 1px);background-size:20px 20px}.workflow-node{position:relative;width:150px;min-height:105px;padding:14px;border:1px solid rgba(151,169,216,.17);border-radius:10px;background:#111d31;box-shadow:0 13px 30px rgba(0,0,0,.2)}.workflow-node.is-trigger{border-color:rgba(77,126,255,.45);box-shadow:0 0 30px rgba(58,96,224,.13)}.workflow-node.is-ai{border-color:rgba(154,98,255,.38);background:linear-gradient(145deg,#161c36,#17152e)}.workflow-node__top{display:flex;align-items:center;gap:7px;margin-bottom:11px}.workflow-node__icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:#a9b9f4;background:rgba(74,102,196,.14);font-size:.65rem}.workflow-node.is-ai .workflow-node__icon{color:#cbb5ff;background:rgba(135,86,231,.14)}.workflow-node small,.workflow-node strong,.workflow-node span{display:block}.workflow-node small{color:#5c6980;font-size:.42rem;letter-spacing:.09em}.workflow-node strong{font-size:.62rem}.workflow-node>span{color:#66738a;font-size:.5rem;line-height:1.4}.workflow-connector{position:relative;width:34px;height:1px;background:#344361}.workflow-connector::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #5e7198;border-right:1px solid #5e7198;transform:rotate(45deg)}.workflow-connector::before{content:"";position:absolute;left:0;top:-1px;width:5px;height:3px;border-radius:99px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:flowLine 2s linear infinite}.workflow-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015)}.workflow-footer>div{display:flex;align-items:center;gap:10px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.workflow-footer p{margin:0}.workflow-footer strong,.workflow-footer small{display:block}.workflow-footer strong{color:#aeb9cc;font-size:.6rem}.workflow-footer small{color:#56637a;font-size:.5rem}.workflow-footer button{border:0;color:#849aff;background:transparent;font-size:.58rem;font-weight:700}

/* Use cases */
.use-cases{background:#fff}.use-case-layout{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:80px}.use-cases .section-heading{margin-bottom:0}.use-case-tabs{display:grid;margin-top:35px;border-top:1px solid var(--line)}.use-case-tabs button{display:flex;align-items:center;justify-content:space-between;padding:16px 5px;border:0;border-bottom:1px solid var(--line);color:#7d8798;background:transparent;text-align:left;font-weight:700}.use-case-tabs button span{opacity:0;transform:translateX(-8px);transition:var(--transition)}.use-case-tabs button[aria-selected="true"]{color:var(--blue)}.use-case-tabs button[aria-selected="true"] span{opacity:1;transform:none}.use-case-panel{min-height:610px;position:relative;overflow:hidden;padding:32px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,#f6f9ff,#f1f0ff);box-shadow:var(--shadow-sm)}.use-case-panel__top{max-width:470px}.use-case-panel__top>span{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.12em}.use-case-panel__top h3{margin:10px 0 12px;font-size:2rem}.use-case-panel__top p{margin-bottom:22px}.use-case-points{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.use-case-points li{padding:7px 10px;border:1px solid #dde4f2;border-radius:7px;color:#5f6b82;background:rgba(255,255,255,.7);font-size:.7rem}.use-case-dashboard{position:absolute;left:32px;right:-55px;bottom:-70px;height:330px;padding:20px;border:1px solid #dce3ef;border-radius:16px 0 0 0;background:#fff;box-shadow:0 24px 50px rgba(23,40,71,.12)}.usecase-toolbar{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e8ecf2}.usecase-toolbar strong{font-size:.75rem}.usecase-toolbar span{padding:5px 8px;border-radius:5px;color:#fff;background:var(--blue);font-size:.5rem}.usecase-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px}.usecase-column{padding:10px;border-radius:8px;background:#f6f8fb}.usecase-column>span{display:block;margin-bottom:10px;color:#788498;font-size:.5rem;font-weight:800;letter-spacing:.08em}.usecase-task{margin-bottom:8px;padding:10px;border:1px solid #e4e8ef;border-radius:7px;background:#fff}.usecase-task i{display:block;width:36px;height:4px;margin-bottom:7px;border-radius:4px;background:var(--usecase-accent,var(--blue))}.usecase-task strong{display:block;font-size:.55rem}.usecase-task small{color:#8d97a8;font-size:.45rem}

/* How it works */
.how{background:#f7f9fc}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-card{position:relative;padding:25px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.step-card::after{content:"";position:absolute;top:54px;left:calc(100% + 1px);width:22px;border-top:1px dashed #b9c4d8}.step-card:last-child::after{display:none}.step-number{color:#a7b1c1;font-size:.62rem;font-weight:800;letter-spacing:.12em}.step-visual{height:205px;margin:22px 0 25px;border:1px solid #e5e9f1;border-radius:14px;background:#f8faff}.step-card h3{margin:0 0 10px;font-size:1.25rem}.step-card p{margin:0;font-size:.88rem}.connect-visual{position:relative;display:grid;grid-template-columns:repeat(3,42px);place-content:center;gap:22px 36px}.connect-visual>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dfe5ef;border-radius:10px;color:#fff;background:#657bd3;font-style:normal;font-weight:800}.connect-visual>i:nth-child(2){background:#e15858}.connect-visual>i:nth-child(3){background:#f18a39}.connect-visual>i:nth-child(5){background:#191f28}.connect-visual>i:nth-child(6){background:#4f8fe7}.central-mark{position:absolute;left:50%;top:50%;width:52px;height:52px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;padding:13px;border:5px solid #f8faff;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--violet));transform:translate(-50%,-50%)}.central-mark b{height:40%;background:#fff}.central-mark b:nth-child(2){height:90%}.central-mark b:nth-child(3){height:65%}.template-visual{display:grid;align-content:center;gap:10px;padding:22px}.template-visual>div{padding:13px;border:1px solid #e0e6f0;border-radius:9px;background:#fff}.template-visual span,.template-visual small{display:block}.template-visual span{font-size:.62rem;font-weight:700}.template-visual small{margin-top:3px;color:#7e899c;font-size:.52rem}.template-visual>i{text-align:center;color:#9aa4b5;font-size:.48rem;font-style:normal}.template-visual div:last-child{border-color:#d5dfff;background:linear-gradient(135deg,#f2f5ff,#f8f2ff)}.template-visual div:last-child small{color:var(--violet)}.running-visual{display:grid;place-content:center;text-align:center}.status-orbit{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 10px;border:1px solid #bdebdc;border-radius:50%;background:#eafbF5;box-shadow:0 0 0 8px rgba(46,207,145,.06)}.status-orbit span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:.7rem}.running-visual strong{font-size:1.5rem}.running-visual small{color:#7a8699;font-size:.55rem}.running-visual>i{width:160px;height:5px;margin-top:14px;border-radius:9px;background:#e3e8ef}.running-visual>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green))}

/* Integrations */
.integrations{overflow:hidden;color:#edf2ff;background:var(--navy-900)}.integrations::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(74,89,255,.16),transparent 34%)}.integrations-layout{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}.integrations .section-heading{margin-bottom:0}.integrations .section-heading h2{color:#fff}.integrations .section-heading p{color:#8c99b0}.integrations .button{margin-top:12px;color:#fff;background:transparent;border-color:rgba(255,255,255,.15);box-shadow:none}.integration-orbit{position:relative;height:510px}.orbit-line{position:absolute;left:50%;top:50%;border:1px solid rgba(128,151,214,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit-line--one{width:270px;height:270px}.orbit-line--two{width:450px;height:450px}.integration-core{position:absolute;z-index:3;left:50%;top:50%;width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(134,156,228,.27);border-radius:24px;background:#121f36;box-shadow:0 0 60px rgba(71,88,255,.25);transform:translate(-50%,-50%)}.integration-core .brand__mark{width:48px;height:48px;padding:11px;border-radius:14px}.integration-app{position:absolute;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:15px;color:#fff;background:#151f32;box-shadow:0 13px 30px rgba(0,0,0,.24);font-family:var(--font-display);font-weight:800;transition:transform var(--transition)}.integration-app:hover{transform:scale(1.12)}.app-slack{left:calc(50% - 28px);top:29px;background:#4b286d}.app-drive{right:78px;top:91px;background:#3779df}.app-gmail{right:14px;top:218px;background:#fff;color:#dd4c48}.app-notion{right:85px;bottom:78px;background:#fff;color:#141414}.app-hubspot{left:calc(50% - 27px);bottom:19px;background:#ff7a59}.app-salesforce{left:78px;bottom:79px;background:#39a7df}.app-teams{left:12px;top:219px;background:#615ec5}.app-stripe{left:82px;top:91px;background:#6766e9}.app-zoom{left:calc(50% - 123px);top:136px;background:#5085f2}.app-dropbox{right:calc(50% - 122px);top:136px;background:#1e63f0}.app-airtable{left:calc(50% - 124px);bottom:137px;background:#f6c84d;color:#212837}.app-shopify{right:calc(50% - 123px);bottom:137px;background:#8bbd44}

/* Stats, testimonials, case study */
.stats{background:linear-gradient(135deg,#f4f7ff,#f8f5ff);border-bottom:1px solid #e6eaf2}.stats-intro{text-align:center;margin-bottom:42px}.stats-intro h2{margin:13px 0 8px;font-size:2.2rem}.stats-intro p{margin:0;font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}.stats-grid article{padding:10px 24px;border-left:1px solid #dce2ed;text-align:center}.stats-grid article:first-child{border-left:0}.stats-grid strong{font-family:var(--font-display);font-size:2.25rem;letter-spacing:-.05em}.stats-grid p{margin:6px 0 0;font-size:.72rem;line-height:1.4}.testimonials{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.testimonial{position:relative;padding:30px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}.testimonial--featured{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;padding:44px;background:linear-gradient(135deg,#f6f9ff,#f7f3ff)}.testimonial--featured>p{grid-column:1/-1;max-width:900px;font-family:var(--font-display);font-size:1.45rem;line-height:1.5;color:#29364d}.quote-mark{position:absolute;right:25px;top:12px;color:#e8ecf5;font-family:Georgia,serif;font-size:5rem;line-height:1}.testimonial>p{position:relative;margin:0 0 22px;color:#49566d}.result-chip{display:inline-flex;padding:6px 9px;border-radius:6px;color:#218866;background:#eaf8f3;font-size:.65rem;font-weight:700}.testimonial footer{display:flex;align-items:center;gap:10px;margin-top:24px}.person-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#6076d6,#8a5cff);font-size:.65rem;font-weight:800}.avatar-pink{background:linear-gradient(135deg,#d96c99,#9d62c6)}.avatar-blue{background:linear-gradient(135deg,#3979cf,#5d63d3)}.avatar-green{background:linear-gradient(135deg,#2aa77e,#4e97b5)}.avatar-violet{background:linear-gradient(135deg,#7758ce,#526dd0)}.testimonial footer strong,.testimonial footer small{display:block}.testimonial footer strong{font-size:.78rem}.testimonial footer small{color:#8a94a5;font-size:.64rem}.testimonial footer .stars{margin-left:auto}.case-study{color:#eaf0fc;background:var(--navy-950)}.case-study__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.case-study__visual{position:relative;min-height:530px;overflow:hidden;padding:50px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);background:radial-gradient(circle at 80% 20%,rgba(136,91,255,.3),transparent 37%),linear-gradient(145deg,#17223c,#0d1729)}.case-study__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:34px 34px}.case-brand{position:relative;font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.05em}.case-brand span{display:block;color:#95a2bb;font-size:.65rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.case-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:180px}.case-metrics article{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);backdrop-filter:blur(9px)}.case-metrics strong,.case-metrics span{display:block}.case-metrics strong{font-size:1.5rem}.case-metrics span{color:#8d9bb2;font-size:.56rem}.case-workflow{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(8,15,28,.35)}.case-workflow span{padding:7px;border-radius:6px;color:#b8c4d8;background:rgba(255,255,255,.06);font-size:.52rem}.case-workflow i{color:#62718a;font-style:normal}.case-study__content .eyebrow-text{color:#9db2ff}.case-study__content h2{margin:18px 0 30px;color:#fff;font-size:2.65rem}.case-detail{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.case-detail span{color:#65758e;font-size:.58rem;font-weight:800;letter-spacing:.1em}.case-detail p{margin:0;color:#9da9bc;font-size:.86rem}.case-study blockquote{margin:25px 0;padding:18px 22px;border-left:2px solid var(--blue);color:#dce4f3;background:rgba(255,255,255,.035);font-family:var(--font-display);font-size:1rem}.case-study cite{display:block;margin-top:9px;color:#78869d;font-family:var(--font-body);font-size:.66rem;font-style:normal}.case-results{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding:0;margin:0 0 28px;list-style:none}.case-results li{color:#aab6c8;font-size:.78rem}.case-results li::before{content:"✓";margin-right:8px;color:var(--green)}.case-study .button{color:#dfe7f7;background:transparent;border-color:rgba(255,255,255,.15);box-shadow:none}

/* Security and pricing */
.security{background:#f7f9fc}.security-intro{display:grid;grid-template-columns:120px 1fr;gap:34px;align-items:center;margin-bottom:55px}.security-intro .section-heading{margin:0}.security-shield{position:relative;width:105px;height:120px;display:grid;place-items:center;color:#d2dcff;background:linear-gradient(145deg,#526fff,#8257e9);clip-path:polygon(50% 0,93% 17%,87% 70%,50% 100%,13% 70%,7% 17%);font-size:2.5rem}.security-shield span{position:absolute;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.15);font-size:1rem}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.security-grid article{padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff}.security-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:var(--blue-soft);font-weight:800}.security-grid h3{margin:17px 0 8px;font-size:1rem}.security-grid p{margin:0;font-size:.78rem}.demo-note{margin:28px 0 0;padding:12px 16px;border:1px solid #e1e6ef;border-radius:9px;color:#7c879a;background:#fff;font-size:.7rem;text-align:center}.pricing{background:#fff}.billing-toggle{display:inline-flex;margin-top:25px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#f2f4f8}.billing-toggle button{padding:8px 12px;border:0;border-radius:7px;color:#778296;background:transparent;font-size:.72rem;font-weight:700}.billing-toggle button.active{color:var(--ink);background:#fff;box-shadow:0 4px 12px rgba(22,37,61,.08)}.billing-toggle span{margin-left:4px;color:#1c976b;font-size:.55rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{position:relative;padding:31px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.price-card--popular{color:#eaf0ff;background:var(--navy-900);border-color:#263754;box-shadow:0 30px 70px rgba(9,19,37,.18);transform:translateY(-10px)}.popular-label{position:absolute;top:0;left:50%;padding:7px 14px;border-radius:0 0 8px 8px;color:#fff;background:linear-gradient(90deg,var(--blue),var(--violet));font-size:.55rem;font-weight:800;letter-spacing:.08em;transform:translateX(-50%)}.price-head>span{color:var(--blue);font-size:.66rem;font-weight:800;letter-spacing:.13em}.price-head p{min-height:52px;margin:11px 0 26px;font-size:.8rem}.price-card--popular .price-head p{color:#909eb5}.price{display:flex;align-items:flex-start;min-height:58px}.price>span{margin:8px 3px 0 0;font-family:var(--font-display);font-size:1rem}.price strong{font-size:3rem;line-height:1;letter-spacing:-.06em}.price small{align-self:flex-end;margin:0 0 6px 7px;color:#7e899c;font-size:.65rem}.price--custom{display:block}.price--custom strong{font-size:2.2rem}.price--custom small{display:block;margin:8px 0 0}.annual-note{margin:8px 0 22px;color:#8994a5;font-size:.64rem}.price-card--popular .button{width:100%}.price-card ul{display:grid;gap:10px;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--line);list-style:none}.price-card--popular ul{border-color:rgba(255,255,255,.1)}.price-card li{color:#5f6b80;font-size:.76rem}.price-card--popular li{color:#aab5c9}.price-card li::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;color:#fff;background:var(--green);font-size:.48rem}.pricing-note{margin:28px 0 0;color:#8994a6;font-size:.7rem;text-align:center}

/* FAQ and forms */
.faq{background:#f7f9fc}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.faq .section-heading{position:sticky;top:130px;align-self:start}.faq .section-heading a{color:var(--blue);font-weight:700}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 0;border:0;color:var(--ink);background:transparent;text-align:left;font-weight:700}.faq-item button span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#778399;background:#e9edf3;font-size:1rem;font-weight:400}.faq-item button[aria-expanded="true"] span{color:#fff;background:var(--blue)}.faq-answer{padding:0 48px 22px 0}.faq-answer p{margin:0;font-size:.9rem}.forms-section{color:#eaf0ff;background:var(--navy-950)}.forms-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(62,102,255,.13),transparent 28%),radial-gradient(circle at 80% 70%,rgba(136,76,255,.1),transparent 28%)}.forms-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-card{padding:37px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:rgba(255,255,255,.045)}.form-card--signup{background:linear-gradient(145deg,rgba(60,96,219,.15),rgba(110,65,199,.08))}.form-card h2{margin:15px 0 10px;color:#fff;font-size:2rem}.form-card>p{margin-bottom:28px;color:#8795ac}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;color:#bac4d5;font-size:.7rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e8eefb;background:rgba(255,255,255,.055);outline:none;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#58667d}.field select{color:#b8c2d2}.field select option{color:var(--ink);background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6e8eff;background:rgba(255,255,255,.075);box-shadow:0 0 0 3px rgba(70,105,255,.14)}.field [aria-invalid="true"]{border-color:#ff7f8b}.field-error{display:block;min-height:16px;margin-top:3px;color:#ff9ba4;font-size:.58rem}.form-meta{margin:11px 0 0!important;color:#606e84!important;font-size:.6rem!important;text-align:center}.form-success{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:14px;border:1px solid rgba(63,206,151,.24);border-radius:9px;background:rgba(37,170,123,.1)}.form-success>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green)}.form-success strong{display:block;font-size:.7rem}.form-success p{margin:2px 0 0;color:#8aa99e;font-size:.64rem}

/* Final CTA and footer */
.final-cta{background:#fff}.final-cta__inner{position:relative;overflow:hidden;padding:82px 35px;border-radius:var(--radius-xl);color:#fff;background:linear-gradient(120deg,#294fc9 0%,#5c4bdd 48%,#7546cb 100%);text-align:center;box-shadow:0 28px 70px rgba(63,74,191,.24)}.final-cta__inner>*{position:relative;z-index:2}.final-cta .eyebrow-text{color:#cfdbff}.final-cta h2{margin:16px 0;font-size:clamp(2.3rem,5vw,4rem)}.final-cta p{margin:0 0 27px;color:#d5dbf4}.final-cta__inner>div:not(.cta-orb){display:flex;justify-content:center;gap:10px}.final-cta__inner>small{display:block;margin-top:16px;color:#c6cdef;font-size:.68rem}.cta-orb{position:absolute;z-index:1!important;border-radius:50%;filter:blur(2px)}.cta-orb--one{width:380px;height:380px;left:-180px;top:-180px;background:radial-gradient(circle,rgba(60,219,255,.35),transparent 68%)}.cta-orb--two{width:430px;height:430px;right:-190px;bottom:-230px;background:radial-gradient(circle,rgba(255,116,224,.28),transparent 68%)}.site-footer{padding:75px 0 28px;color:#b9c3d6;background:var(--navy-950);border-top:1px solid rgba(255,255,255,.06)}.footer-top{display:grid;grid-template-columns:1.1fr 2fr 1fr;gap:55px;padding-bottom:55px}.footer-brand p{max-width:300px;margin:20px 0;color:#65748c;font-size:.78rem}.social-links{display:flex;gap:8px}.social-links a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#8c99af;font-size:.68rem}.social-links a:hover{color:#fff;border-color:#4d65a1}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer-links h3,.newsletter h3{margin:0 0 17px;color:#eef2fb;font-size:.76rem;letter-spacing:0}.footer-links div{display:grid;align-content:start;gap:10px}.footer-links a{color:#6d7a91;font-size:.7rem}.footer-links a:hover{color:#fff}.newsletter p{color:#6d7a91;font-size:.7rem}.newsletter form>div{display:grid;grid-template-columns:1fr 42px;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.035)}.newsletter input{min-width:0;padding:10px 12px;border:0;color:#fff;background:transparent;outline:none;font-size:.72rem}.newsletter button{border:0;color:#fff;background:var(--blue)}.newsletter-message{display:block;min-height:18px;margin-top:6px;color:#70dcb6;font-size:.58rem}.footer-bottom{display:grid;grid-template-columns:auto 1fr;gap:14px 28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.07)}.footer-bottom p{margin:0;color:#526078;font-size:.62rem}.footer-bottom nav{display:flex;justify-content:flex-end;gap:20px}.footer-bottom nav a,.footer-bottom nav button{padding:0;border:0;color:#65728a;background:transparent;font-size:.62rem}.footer-bottom nav a:hover,.footer-bottom nav button:hover{color:#fff}.footer-disclaimer{grid-column:1/-1}.back-to-top{position:fixed;z-index:900;right:22px;bottom:22px;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:rgba(10,21,39,.9);box-shadow:0 12px 30px rgba(0,0,0,.2);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition)}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--blue)}

/* Reveals and motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.benefit-grid .reveal:nth-child(2),.bento-grid .reveal:nth-child(2),.security-grid .reveal:nth-child(2){transition-delay:.08s}.benefit-grid .reveal:nth-child(3),.bento-grid .reveal:nth-child(3),.security-grid .reveal:nth-child(3){transition-delay:.14s}.benefit-grid .reveal:nth-child(4),.bento-grid .reveal:nth-child(4){transition-delay:.2s}@keyframes brandWave{0%,100%{transform:scaleY(.9)}50%{transform:scaleY(1.15)}}@keyframes drift{to{transform:translate3d(25px,18px,0) scale(1.05)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes flowLine{from{transform:translateX(0)}to{transform:translateX(29px)}}

/* Responsive */
@media (max-width: 1180px){
  .primary-nav{gap:18px}.primary-nav a{font-size:.76rem}.showcase-shell{transform-origin:left top;transform:scale(.86);width:116.3%;margin-bottom:-90px}.floating-card--workflow{left:-25px}.floating-card--summary{right:-18px}.workflow-node{width:132px}.workflow-connector{width:24px}.integration-orbit{transform:scale(.9)}
}
@media (max-width: 1024px){
  .section{padding:95px 0}.section--compact{padding:65px 0}.nav-actions .text-link{display:none}.primary-nav{gap:14px}.hero{min-height:900px;padding-top:85px}.hero h1{font-size:clamp(3.2rem,8.5vw,5.3rem)}.app-shell{grid-template-columns:58px 1fr 225px}.floating-card--workflow{display:none}.logo-cloud{flex-wrap:wrap;justify-content:center;gap:25px 42px}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card--wide{grid-column:span 2}.workflow-canvas{overflow-x:auto;justify-content:flex-start}.workflow-node{flex:0 0 140px}.use-case-layout{gap:45px}.integrations-layout{grid-template-columns:.75fr 1.25fr;gap:30px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:26px 0}.stats-grid article:nth-child(4){border-left:0}.case-study__grid{gap:45px}.security-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{gap:14px}.faq-layout{gap:45px}.footer-top{grid-template-columns:1fr 2fr}.newsletter{grid-column:1/-1;max-width:430px}
}
@media (max-width: 860px){
  .container{width:min(calc(100% - 36px),var(--container))}.announcement__inner{justify-content:space-between}.site-header{background:rgba(6,13,26,.96)}.nav-wrap{min-height:68px}.menu-toggle{display:flex;margin-left:auto}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.primary-nav{position:fixed;left:0;right:0;top:106px;display:grid;align-content:start;justify-content:stretch;gap:0;max-height:0;padding:0 24px;overflow:hidden;background:rgba(6,13,26,.98);opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}.primary-nav.open{max-height:calc(100vh - 106px);padding:14px 24px 28px;opacity:1}.primary-nav a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.95rem}.primary-nav a::after{display:none}.nav-actions{display:none}.hero{min-height:auto;padding-bottom:85px}.hero-product{margin-top:40px}.product-window{overflow-x:auto}.app-shell{width:960px}.floating-card--summary{right:8px;bottom:-28px}.benefit-grid{grid-template-columns:1fr}.showcase-shell{transform:scale(.68);width:147%;margin-bottom:-180px}.use-case-layout{grid-template-columns:1fr}.use-case-panel{min-height:570px}.steps-grid{grid-template-columns:1fr}.step-card::after{display:none}.steps-grid .step-card{display:grid;grid-template-columns:190px 1fr;column-gap:28px}.step-card .step-number{position:absolute;right:20px;top:20px}.step-card .step-visual{grid-row:1/4;margin:0}.step-card h3{align-self:end}.integrations-layout{grid-template-columns:1fr}.integration-orbit{max-width:570px;width:100%;margin:0 auto}.testimonial-grid{grid-template-columns:1fr}.testimonial--featured{grid-column:auto}.case-study__grid{grid-template-columns:1fr}.security-intro{grid-template-columns:90px 1fr}.security-shield{width:85px;height:98px}.pricing-grid{grid-template-columns:1fr;max-width:580px;margin:0 auto}.price-card--popular{transform:none}.faq-layout{grid-template-columns:1fr}.faq .section-heading{position:static}.forms-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-links{grid-row:2;grid-template-columns:repeat(4,1fr)}
}
@media (max-width: 640px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:78px 0}.section--compact{padding:54px 0}.announcement__inner{min-height:42px;gap:10px}.announcement__inner>span{font-size:.65rem}.announcement a{white-space:nowrap;font-size:.64rem}.site-header{top:0}.primary-nav{top:110px}.brand{font-size:1.05rem}.hero{padding-top:70px}.hero h1{font-size:clamp(2.75rem,14vw,4rem)}.hero__lead{font-size:1rem}.hero__actions{flex-direction:column;max-width:320px;margin:0 auto}.button--large{width:100%}.reassurance span{display:none}.hero__proof{margin-bottom:30px}.hero-product{margin-inline:-8px}.product-window{border-radius:12px}.app-shell{width:890px;transform-origin:left top;transform:scale(.72);height:407px;margin-bottom:-158px}.window-bar{height:42px}.floating-card{display:none}.section-heading{margin-bottom:38px}.section-heading h2{font-size:2.35rem}.section-heading p{font-size:.98rem}.logo-cloud{gap:22px 30px}.benefit-card{min-height:440px;padding:25px}.benefit-visual{left:24px;right:24px}.automation-mini{gap:5px;padding:12px}.automation-mini span{padding:10px 7px;font-size:.55rem}.showcase-shell{transform:scale(.49);width:204%;margin-bottom:-300px}.bento-grid{grid-template-columns:1fr}.bento-card--wide{grid-column:auto;grid-template-columns:1fr;min-height:480px}.bento-card--dark{min-height:500px}.automation-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.automation-tabs button{min-width:98px}.workflow-header{display:block;padding:22px}.workflow-meta{margin-top:18px}.workflow-canvas{padding:38px 22px}.workflow-footer{align-items:flex-start;padding:15px 20px}.workflow-footer>button{display:none}.use-case-panel{min-height:600px;padding:24px}.use-case-dashboard{left:24px;right:-170px}.steps-grid .step-card{display:block}.step-card .step-visual{margin:22px 0}.integration-orbit{height:430px;transform:scale(.8);margin:-30px -10%}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{border-left:1px solid #dce2ed}.stats-grid article:nth-child(odd){border-left:0}.stats-grid article:last-child{grid-column:1/-1;border-left:0}.testimonial,.testimonial--featured{display:block;padding:25px}.testimonial--featured>p{font-size:1.15rem}.case-study__visual{min-height:450px;padding:30px}.case-metrics{margin-top:145px}.case-metrics article{padding:12px}.case-metrics strong{font-size:1.15rem}.case-workflow{overflow-x:auto;justify-content:flex-start}.case-study__content h2{font-size:2.15rem}.case-detail{grid-template-columns:1fr;gap:6px}.case-results{grid-template-columns:1fr}.security-intro{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.price-card{padding:27px}.field-row{grid-template-columns:1fr}.form-card{padding:27px 20px}.final-cta__inner{padding:68px 20px}.final-cta h2 br{display:none}.final-cta__inner>div:not(.cta-orb){flex-direction:column;max-width:300px;margin:auto}.footer-links{grid-template-columns:repeat(2,1fr);gap:36px}.footer-bottom{grid-template-columns:1fr}.footer-bottom nav{justify-content:flex-start;flex-wrap:wrap;gap:12px 18px}.back-to-top{right:14px;bottom:14px}
}
@media (max-width: 390px){
  .announcement__inner>span{max-width:210px;line-height:1.25}.announcement a{font-size:0}.announcement a span{font-size:.8rem}.hero h1{font-size:2.65rem}.hero__proof{transform:scale(.9)}.benefit-card{min-height:470px}.benefit-visual{height:165px}.showcase-shell{transform:scale(.45);width:222%;margin-bottom:-330px}.use-case-panel{min-height:620px}.case-metrics{grid-template-columns:1fr;margin-top:100px}.case-study__visual{min-height:570px}.case-workflow{display:none}.integration-orbit{margin-inline:-17%;width:134%}.footer-links{gap:30px 20px}
}

@media (max-width: 640px){
  .reassurance span{display:inline;margin:0 3px}
}

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