:root {
  --ink: #17172f;
  --muted: #62637a;
  --line: #e9e9f2;
  --paper: #fbfbff;
  --white: #fff;
  --blue: #5a6dff;
  --blue-dark: #4254ea;
  --purple: #8c5cff;
  --pink: #f15cae;
  --coral: #ff7d6b;
  --mint: #49cba6;
  --yellow: #f4c94e;
  --navy: #20213c;
  --radius: 24px;
  --shadow: 0 24px 70px rgba(37, 38, 84, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 100; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; padding: 12px 18px; border-radius: 12px; color: #fff; background: var(--ink); transition: top .2s; }
.skip-link:focus { top: 16px; }

.site-header { position: sticky; top: 0; z-index: 80; border-bottom: 1px solid transparent; background: rgba(251,251,255,.82); backdrop-filter: blur(18px); transition: .25s ease; }
.site-header.scrolled { border-color: rgba(23,23,47,.08); box-shadow: 0 8px 28px rgba(31,32,72,.06); }
.nav { height: 76px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 21px; font-weight: 850; letter-spacing: -.7px; }
.brand > span:last-child > span { color: var(--blue); }
.brand-mark { position: relative; width: 29px; height: 29px; display: inline-block; transform: rotate(-8deg); }
.brand-mark i { position: absolute; display: block; width: 9px; border-radius: 10px; transform-origin: bottom; }
.brand-mark i:nth-child(1) { left: 2px; bottom: 3px; height: 15px; background: var(--blue); transform: rotate(-22deg); }
.brand-mark i:nth-child(2) { left: 10px; bottom: 4px; height: 23px; background: var(--purple); }
.brand-mark i:nth-child(3) { right: 1px; bottom: 4px; height: 16px; background: var(--coral); transform: rotate(28deg); }
.nav-links { display: flex; align-items: center; gap: 31px; color: #42435a; font-size: 14px; font-weight: 600; }
.nav-links > a:not(.button) { position: relative; padding: 9px 0; }
.nav-links > a:not(.button)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 3px; height: 2px; background: var(--blue); transition: right .2s ease; }
.nav-links > a:not(.button):hover::after { right: 0; }
.nav-toggle { display: none; width: 43px; height: 43px; border: 1px solid var(--line); border-radius: 12px; background: white; padding: 11px; }
.nav-toggle span { display: block; height: 2px; margin: 4px 0; border-radius: 2px; background: var(--ink); }

.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 13px; padding: 0 24px; border: 0; border-radius: 13px; font-weight: 750; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 44px; padding: 0 18px; border-radius: 11px; font-size: 13px; }
.button-dark { color: #fff; background: var(--ink); box-shadow: 0 8px 20px rgba(23,23,47,.15); }
.button-primary { color: #fff; background: linear-gradient(135deg, var(--blue), #7357ee); box-shadow: 0 13px 28px rgba(88,102,242,.28); }
.button-primary:hover { box-shadow: 0 16px 34px rgba(88,102,242,.34); }
.button-white { color: var(--ink); background: #fff; }
.button-ghost { border: 1px solid var(--line); background: #fff; }
.text-link { display: inline-flex; align-items: center; gap: 11px; font-weight: 700; font-size: 14px; }
.play { width: 34px; height: 34px; display: inline-grid; place-items: center; padding-left: 2px; color: var(--blue); border-radius: 50%; background: #ecedff; font-size: 10px; }

.hero { min-height: 680px; display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 55px; padding-top: 60px; padding-bottom: 73px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--blue-dark); text-transform: uppercase; letter-spacing: 1.55px; font-size: 11px; font-weight: 850; }
.eyebrow > span { width: 28px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--blue), var(--pink)); }
.hero h1, h2 { margin: 19px 0; font-size: clamp(48px, 5.2vw, 72px); line-height: .99; letter-spacing: -4px; }
.hero h1 em, h2 em { color: var(--blue); font-style: normal; }
.hero-lede { max-width: 570px; margin: 28px 0 30px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 25px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 33px; color: #696a7c; font-size: 11.5px; font-weight: 650; }
.trust-row b { margin-right: 4px; color: var(--mint); }

.hero-visual { position: relative; min-height: 510px; display: grid; place-items: center; }
.glow { position: absolute; border-radius: 50%; filter: blur(8px); }
.glow-one { width: 370px; height: 370px; right: 30px; top: 40px; background: rgba(138,102,255,.2); }
.glow-two { width: 260px; height: 260px; left: 30px; bottom: 20px; background: rgba(80,208,189,.18); }
.visual-window { position: relative; z-index: 2; width: 90%; border: 1px solid rgba(255,255,255,.9); border-radius: 24px; overflow: hidden; background: rgba(255,255,255,.82); box-shadow: 0 36px 90px rgba(59,55,122,.22); backdrop-filter: blur(18px); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.window-bar { height: 53px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 18px; border-bottom: 1px solid #ededf5; color: #5c5e73; font-size: 11px; font-weight: 700; }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d9dae5; }
.live { justify-self: end; display: flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 99px; color: #26856b; background: #e4f9f2; }
.live i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(73,203,166,.14); animation: pulse 1.8s infinite; }
.workflow { padding: 24px 26px 29px; }
.workflow-head { display: flex; justify-content: space-between; align-items: center; }
.workflow-head div { display: flex; flex-direction: column; gap: 4px; }
.workflow-head small, .flow-card small, .mini-card small { color: #8a8b9e; font-size: 9px; letter-spacing: .2px; }
.workflow-head strong { font-size: 17px; }
.workflow-head button { padding: 7px 11px; color: #68697b; border: 1px solid #e7e7f0; border-radius: 8px; background: #fff; font-size: 9px; }
.flow-grid { position: relative; width: 84%; margin: 30px auto 4px; display: grid; gap: 15px; }
.flow-line { position: absolute; left: 50%; top: 50px; bottom: 45px; width: 2px; z-index: 0; background: repeating-linear-gradient(to bottom, #b6b9ef 0 5px, transparent 5px 9px); }
.flow-card, .mini-card { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; border: 1px solid #eaeaF2; background: #fff; box-shadow: 0 10px 25px rgba(50,51,94,.07); }
.flow-card { width: 75%; min-height: 64px; padding: 12px 14px; border-radius: 14px; }
.flow-card > div:nth-child(2), .mini-card > div:nth-child(2) { display: flex; flex: 1; flex-direction: column; gap: 3px; }
.flow-card strong, .mini-card strong { font-size: 10px; }
.source-card { justify-self: start; }
.ai-card { justify-self: end; border-color: #bfc5ff; background: linear-gradient(135deg, #fafaff, #f1f2ff); }
.flow-icon, .mini-icon { flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; }
.flow-icon { width: 38px; height: 38px; }
.mail-icon { color: var(--blue); background: #e9ecff; }
.check { width: 17px; height: 17px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: var(--mint); font-size: 9px; }
.ai-orbit { position: relative; width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: linear-gradient(135deg,var(--purple),var(--blue)); }
.ai-orbit i { position: absolute; inset: -4px; border: 1px dashed #a3aaff; border-radius: 50%; animation: spin 7s linear infinite; }
.typing { display: flex; gap: 2px; }
.typing i { width: 3px; height: 3px; border-radius: 50%; background: var(--blue); animation: typing 1s infinite alternate; }
.typing i:nth-child(2) { animation-delay: .2s; }.typing i:nth-child(3) { animation-delay: .4s; }
.result-row { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mini-card { min-height: 57px; padding: 10px; border-radius: 12px; }
.mini-icon { width: 31px; height: 31px; color: #fff; font-size: 12px; }.purple{background:var(--purple)}.coral{background:var(--coral)}
.float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 11px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.8); border-radius: 14px; background: rgba(255,255,255,.93); box-shadow: 0 15px 35px rgba(38,38,83,.14); animation: float 4s ease-in-out infinite; }
.float-card > span { width: 33px; height: 33px; display: grid; place-items: center; color: #fff; border-radius: 10px; font-weight: 800; }
.float-card div { display:flex; flex-direction:column; gap:2px; }.float-card small { color:#898a9d; font-size:8px }.float-card strong { font-size:11px }.float-card em {color:#8a8b9e;font-size:8px;font-style:normal}
.time-card { top: 63px; right: -8px; }.time-card > span { background: linear-gradient(135deg,var(--pink),var(--coral)); }
.done-card { left: -3px; bottom: 49px; animation-delay: -2s; }.done-card > span { background: var(--mint); border-radius:50%; }

.ticker { overflow: hidden; padding: 19px 0; color: #fff; background: var(--ink); transform: rotate(-1deg) scale(1.02); }
.ticker-track { width: max-content; display: flex; align-items: center; gap: 32px; animation: marquee 24s linear infinite; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.4px; }
.ticker-track i { color: var(--coral); font-style: normal; }

.section { padding-top: 122px; padding-bottom: 122px; }
.section-heading { max-width: 720px; margin-bottom: 53px; }
.section-heading h2, .split-heading h2, .faq h2, .benefits h2, .consultation h2 { font-size: clamp(39px, 4.2vw, 57px); }
.section-heading > p, .split-heading > p { max-width: 610px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.service-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 21px; }
.service-card { position: relative; min-height: 425px; padding: 29px; overflow: hidden; border: 1px solid var(--line); border-radius: 25px; background: #fff; box-shadow: 0 15px 45px rgba(42,43,86,.06); transition: transform .3s, box-shadow .3s; }
.service-card::after { content:""; position:absolute; width:200px; height:200px; right:-100px; top:-100px; border-radius:50%; background:var(--tint); }
.service-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.card-blue { --accent: var(--blue); --tint:#eef0ff }.card-purple { --accent: var(--purple); --tint:#f4edff }.card-coral { --accent: var(--coral); --tint:#fff0ec }
.service-top { display: flex; justify-content: space-between; align-items: flex-start; }
.number { color: var(--accent); font-size: 13px; font-weight: 800; }
.service-icon { position:relative; z-index:1; width: 63px; height: 63px; border-radius: 18px; background: var(--tint); }
.service-icon:not(.nodes):not(.bars) i { position:absolute; left:18px; width:28px; height:7px; border-radius:7px; background:var(--accent) }.service-icon:not(.nodes):not(.bars) i:nth-child(1){top:15px;width:18px}.service-icon:not(.nodes):not(.bars) i:nth-child(2){top:27px}.service-icon:not(.nodes):not(.bars) i:nth-child(3){top:39px;width:22px}
.service-icon.nodes i { position:absolute;width:13px;height:13px;border:3px solid var(--accent);border-radius:50% }.service-icon.nodes i:nth-child(1){left:11px;top:24px}.service-icon.nodes i:nth-child(2){right:11px;top:12px}.service-icon.nodes i:nth-child(3){right:11px;bottom:11px}.service-icon.nodes::before,.service-icon.nodes::after{content:"";position:absolute;left:25px;width:24px;height:2px;background:var(--accent);transform-origin:left}.service-icon.nodes::before{top:29px;transform:rotate(-24deg)}.service-icon.nodes::after{top:34px;transform:rotate(24deg)}
.service-icon.bars { display:flex;align-items:flex-end;justify-content:center;gap:4px;padding-bottom:14px}.service-icon.bars i{width:7px;border-radius:5px;background:var(--accent)}.service-icon.bars i:nth-child(1){height:18px}.service-icon.bars i:nth-child(2){height:30px}.service-icon.bars i:nth-child(3){height:24px}
.service-card h3 { margin: 42px 0 14px; font-size: 22px; letter-spacing: -.5px; }
.service-card p { margin: 0 0 22px; color: var(--muted); line-height: 1.65; font-size: 14px; }
.service-card ul { display: grid; gap: 9px; padding: 0; margin: 0; list-style: none; color: #515267; font-size: 12px; font-weight: 650; }
.service-card li::before { content:"✓"; margin-right:8px; color:var(--accent); font-weight:900; }

.use-cases { color: #fff; background: var(--navy); }
.split-heading { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 80px; margin-bottom: 64px; }
.split-heading .eyebrow { color: #a9b3ff; }.split-heading h2 { margin-bottom:0 }.split-heading p { color:#b8b9c8; margin-bottom:5px }
.case-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; }
.case-tabs { display: grid; }
.case-tab { display: grid; grid-template-columns: 36px 1fr auto; align-items:center; gap:16px; padding: 21px 10px 21px 2px; color:#fff; text-align:left; border:0; border-bottom:1px solid rgba(255,255,255,.12); background:none; cursor:pointer; }
.case-tab > span { color:#777991;font-size:11px;font-weight:800}.case-tab div{display:flex;flex-direction:column;gap:5px}.case-tab strong{font-size:17px}.case-tab small{color:#8f90a4;font-size:11px}.case-tab > i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#8f90a4;border:1px solid #41425b;font-style:normal;transition:.2s}
.case-tab.active > span { color:#8e9aff}.case-tab.active > i { color:#fff; border-color:var(--blue);background:var(--blue);transform:rotate(-35deg)}.case-tab.active small{color:#bec0d2}
.case-demo { border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background:#292a48; box-shadow:0 30px 80px rgba(0,0,0,.25); overflow:hidden; }
.demo-top {height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#b7b8ca;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px}.demo-top div{display:flex;gap:5px}.demo-top i{width:6px;height:6px;border-radius:50%;background:#545571}
.demo-body { padding: 24px; }.before-after{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:12px;color:#8f90a4;font-size:9px;text-transform:uppercase;letter-spacing:1px}.before-after span:nth-child(2){color:#abb5ff}
.demo-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-old{display:grid;gap:8px}.demo-old div{display:flex;gap:10px;align-items:center;padding:10px;border-radius:9px;background:#22233c}.demo-old span{color:#6f7087;font-size:8px}.demo-old p{margin:0;color:#b2b3c2;font-size:9px}
.demo-new { min-height: 180px; display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;border:1px solid #656ec5;border-radius:14px;background:linear-gradient(145deg,#35375c,#303257)}.automation-orb{width:42px;height:42px;display:grid;place-items:center;margin-bottom:12px;color:#fff;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 0 0 7px rgba(112,103,246,.12)}.demo-new strong{font-size:12px}.demo-new p{margin:5px 0 13px;color:#a9aabd;font-size:8px}.progress{width:90%;height:4px;border-radius:5px;background:#4a4c70;overflow:hidden}.progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--purple),#65d4ba);animation:load 2.5s ease-in-out infinite}.demo-new small{margin-top:11px;color:#b7b8ca;font-size:8px}.demo-new small span{color:#65d4ba}
.demo-foot{display:flex;justify-content:space-between;align-items:center;margin-top:19px;padding:13px 15px;border-radius:10px;color:#acadbf;background:#22233c;font-size:9px}.demo-foot span{display:flex;align-items:center;gap:7px}.demo-foot span i{width:19px;height:19px;display:grid;place-items:center;color:#fff;border-radius:6px;background:var(--coral);font-style:normal}.demo-foot strong{color:#fff}.demo-foot b{margin-left:5px;color:#8490ff}

.process-track { position:relative; display:grid;grid-template-columns:repeat(4,1fr);gap:33px }.process-track::before{content:"";position:absolute;left:7%;right:7%;top:19px;height:1px;background:#ddddE9}.process-step{position:relative}.step-number{position:relative;z-index:2;width:39px;height:39px;display:grid;place-items:center;margin-bottom:29px;color:#fff;border:5px solid var(--paper);border-radius:50%;background:var(--ink);font-size:11px;font-weight:800}.step-number span{position:absolute;inset:-8px;border:1px solid #d8d9e8;border-radius:50%}.step-art{height:145px;position:relative;margin-bottom:23px;border-radius:18px;background:#fff;border:1px solid var(--line);overflow:hidden}.process-step:nth-child(1) .step-art{background:#edf0ff}.process-step:nth-child(2) .step-art{background:#f2edff}.process-step:nth-child(3) .step-art{background:#fff0ed}.process-step:nth-child(4) .step-art{background:#e8f8f2}.process-step h3{font-size:18px}.process-step p{color:var(--muted);font-size:13px;line-height:1.65}
.listen i{position:absolute;display:block;border-radius:50%;border:3px solid var(--blue)}.listen i:nth-child(1){width:60px;height:60px;left:calc(50% - 30px);top:42px}.listen i:nth-child(2){width:33px;height:33px;left:calc(50% - 16px);top:56px;background:var(--blue)}.listen i:nth-child(3){width:86px;height:86px;left:calc(50% - 43px);top:29px;border-style:dashed;animation:spin 10s linear infinite}
.design i{position:absolute;width:34px;height:34px;border-radius:10px;background:var(--purple);box-shadow:0 9px 20px rgba(140,92,255,.2)}.design i:nth-child(1){left:26px;top:29px}.design i:nth-child(2){right:27px;top:29px}.design i:nth-child(3){left:26px;bottom:25px}.design i:nth-child(4){right:27px;bottom:25px}.design::before,.design::after{content:"";position:absolute;background:var(--purple);opacity:.4}.design::before{left:50%;top:46px;bottom:42px;width:2px}.design::after{top:50%;left:43px;right:43px;height:2px}
.test{display:grid;place-items:center}.test i{position:absolute;width:50px;height:37px;display:grid;place-items:center;color:#fff;border-radius:11px;background:var(--coral);font-size:12px;font-style:normal;box-shadow:0 10px 22px rgba(255,125,107,.2)}.test i:nth-child(1){transform:translate(-46px,-26px)}.test i:nth-child(2){z-index:2;transform:scale(1.18)}.test i:nth-child(3){transform:translate(46px,26px)}
.launch i{position:absolute;border-radius:50%}.launch i:nth-child(1){width:70px;height:70px;left:calc(50% - 35px);top:37px;background:var(--mint);box-shadow:0 0 0 12px rgba(73,203,166,.13)}.launch i:nth-child(2){inset:20px 54px;border:2px dashed #72cdb3;animation:spin 12s linear infinite}.launch i:nth-child(3){left:calc(50% - 12px);top:60px;color:#fff;font-style:normal;font-weight:900}

.benefits { color:#fff;background:linear-gradient(125deg,#34355d,#22223f 62%,#2c244a) }
.benefits-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center}.eyebrow.light{color:#b7beff}.benefit-copy h2 em,.consultation h2 em{color:#9aa5ff}.benefit-copy p{color:#c5c6d4;line-height:1.75;margin:25px 0 30px;font-size:16px}.benefit-list{display:grid}.benefit-list article{display:grid;grid-template-columns:46px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.13)}.benefit-list article > span{color:#9293aa;font-size:11px}.benefit-list h3{margin:0 0 7px;font-size:18px}.benefit-list p{margin:0;color:#aeb0c3;font-size:13px;line-height:1.6}

.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.faq-intro{align-self:start;position:sticky;top:115px}.faq-intro p{color:var(--muted);line-height:1.65}.faq-intro .text-link{margin-top:12px;color:var(--blue)}.faq-list{display:grid}.faq-list details{border-bottom:1px solid #dedee9}.faq-list summary{position:relative;padding:25px 48px 25px 0;list-style:none;cursor:pointer;font-weight:750;font-size:17px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span::before,.faq-list summary span::after{content:"";position:absolute;right:10px;top:33px;width:15px;height:2px;background:var(--ink);transition:.2s}.faq-list summary span::after{transform:rotate(90deg)}.faq-list details[open] summary span::after{transform:rotate(0)}.faq-list details p{margin:-7px 40px 25px 0;color:var(--muted);line-height:1.7;font-size:14px}

.consultation { padding: 115px 0; color:#fff; background:linear-gradient(135deg,#4d5fe9,#7651da); }
.consultation-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.consultation-copy p{color:#e5e6ff;line-height:1.75;font-size:16px}.promise{display:flex;gap:14px;align-items:center;margin-top:34px}.promise > span{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:17px;font-size:21px;font-weight:850}.promise div{display:flex;flex-direction:column;gap:4px}.promise small{color:#d4d6f7}
.consultation-form{min-height:465px;padding:29px;border-radius:25px;color:var(--ink);background:#fff;box-shadow:0 34px 70px rgba(31,23,92,.25)}.form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--line);font-weight:800}.form-head small{color:#9a9bad;font-size:9px;letter-spacing:1px}.form-head b{color:var(--blue)}.form-step{display:none;padding-top:24px}.form-step.active{display:block;animation:fadeUp .35s ease}.form-step > label{display:block;margin:0 0 10px;font-size:13px;font-weight:750}.form-step textarea{width:100%;min-height:100px;padding:15px;border:1px solid #ddddea;border-radius:13px;outline:none;resize:vertical;color:var(--ink);background:#fbfbfe;line-height:1.5;font-size:13px;transition:.2s}.form-step textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(90,109,255,.1)}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 22px}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{height:41px;display:grid;place-items:center;color:#737487;border:1px solid #dedee9;border-radius:10px;cursor:pointer;font-size:11px;font-weight:700}.choice input:checked + span{color:var(--blue);border-color:var(--blue);background:#f0f1ff;box-shadow:0 0 0 2px rgba(90,109,255,.07)}.form-next{width:100%;margin-top:2px}.brief-card{padding:22px;border-radius:17px;background:#f4f5ff}.brief-icon{width:39px;height:39px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--blue))}.brief-card small{display:block;margin-top:19px;color:#8c8da0;text-transform:uppercase;letter-spacing:1px;font-size:8px}.brief-card h3{margin:7px 0 9px}.brief-card p{min-height:48px;margin:0 0 16px;color:var(--muted);line-height:1.55;font-size:12px}.brief-card > div{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #dfe1f5;font-size:10px}.brief-card > div span{color:#8b8c9e}.brief-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:15px}.brief-actions .button{min-height:46px;font-size:12px}.form-note{margin:12px 6px 0;color:#9b9cad;font-size:9px;line-height:1.5}

footer{padding:70px 0 25px;color:#c0c1d0;background:#191a30}.footer-grid{display:grid;grid-template-columns:1.7fr .65fr .65fr;gap:90px;padding-bottom:50px}.footer-brand{color:#fff}.footer-grid > div:first-child p{max-width:330px;line-height:1.6;font-size:13px}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-links strong{margin-bottom:6px;color:#fff}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:10px}
.toast{position:fixed;left:50%;bottom:25px;z-index:99;padding:12px 18px;color:#fff;border-radius:12px;background:#191a30;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:12px;font-weight:750;opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(73,203,166,.05)}}@keyframes typing{to{opacity:.2;transform:translateY(-2px)}}@keyframes load{0%{transform:translateX(-100%)}45%,100%{transform:translateX(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (max-width: 980px) {
  .nav-toggle{display:block}.nav-links{position:fixed;top:76px;left:24px;right:24px;display:none;align-items:stretch;gap:4px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.nav-links.open{display:flex;flex-direction:column}.nav-links a{padding:12px!important}.nav-links .button{margin-top:6px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-lede{margin-left:auto;margin-right:auto}.hero-visual{width:min(680px,100%);margin:0 auto}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.case-layout{grid-template-columns:1fr}.case-tabs{grid-template-columns:1fr 1fr;gap:8px}.case-tab{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:13px}.process-track{grid-template-columns:1fr 1fr}.process-track::before{display:none}.benefits-grid,.consultation-inner{gap:55px}.faq{gap:50px}.footer-grid{gap:45px}
}
@media (max-width: 720px) {
  .shell{width:min(100% - 32px, 620px)}.section{padding-top:86px;padding-bottom:86px}.hero{min-height:auto;gap:25px;padding-top:55px}.hero h1{font-size:clamp(43px,13vw,62px);letter-spacing:-3px}.hero-actions{flex-direction:column}.trust-row{gap:8px 15px}.hero-visual{min-height:430px;transform:scale(.93)}.visual-window{width:100%}.float-card{transform:scale(.9)}.time-card{right:-16px}.done-card{left:-12px}.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.split-heading{grid-template-columns:1fr;gap:12px}.case-tabs{grid-template-columns:1fr}.demo-flow{grid-template-columns:1fr}.before-after{display:none}.process-track{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:50px 1fr;column-gap:13px}.process-step .step-number{grid-column:1}.process-step .step-art{grid-column:2;grid-row:1 / span 3}.process-step h3,.process-step p{grid-column:1 / span 1}.process-step .step-art{height:180px}.process-step h3,.process-step p{grid-column:1/-1}.benefits-grid,.consultation-inner,.faq{grid-template-columns:1fr}.faq-intro{position:static}.benefits-grid{gap:45px}.consultation-inner{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.form-head span{font-size:12px}
}
@media (max-width: 480px) {
  .hero h1,h2{letter-spacing:-2.5px}.hero-lede{font-size:16px}.hero-visual{min-height:365px;margin-top:10px}.visual-window{transform:none}.workflow{padding:18px 15px}.flow-grid{width:100%;margin-top:20px}.float-card{display:none}.window-bar{height:43px}.result-row{gap:6px}.mini-card{padding:7px;gap:6px}.mini-icon{width:26px;height:26px}.mini-card strong{font-size:8px}.ticker{margin-top:15px}.section-heading h2,.split-heading h2,.faq h2,.benefits h2,.consultation h2{font-size:39px}.choice-row{grid-template-columns:1fr}.consultation-form{padding:20px}.brief-actions{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none} }