/* Dev2Done marketing homepage. Self-contained, system fonts, no external requests. */
:root {
  color-scheme: light;
  --ink: #182238; --ink-strong: #101827; --muted: #647087;
  --muted-dark: #8591a7; --border: #e7ebf2; --paper: #ffffff;
  --soft: #f7f9fd; --blue: #3558e9; --blue-dark: #2546d1;
  --blue-pale: #eef2ff; --green: #119c79; --radius: 16px;
  --container: 1160px;
  font-synthesis: none;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin:0; color:var(--ink); background:#fff; font: 400 16px/1.58 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing:antialiased; }
body,button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid #82a5ff; outline-offset:3px; }
svg.icon { display:inline-block; width:18px; height:18px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; vertical-align:-3px; }
.svg-defs { position:absolute; width:0; height:0; overflow:hidden; }
[hidden] { display:none !important; }
.container { width:min(var(--container), calc(100% - 72px)); margin:0 auto; }
.section { padding:112px 0; }
.skip-link { position:absolute; top:-100px; left:10px; z-index:9999; padding:10px 20px; background:var(--ink); color:white; }
.skip-link:focus { top:10px; }
.site-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.92); border-bottom:1px solid rgba(231,235,242,.9); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.nav-inner { height:76px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.brand { display:inline-flex; align-items:center; gap:12px; white-space:nowrap; }
.brand-mark { background:linear-gradient(145deg,#3a65ff,#2746cf); box-shadow:0 3px 11px #3458e632; border-radius:12px; color:#fff; width:40px; height:40px; display:inline-flex; justify-content:center; align-items:center; white-space:nowrap; flex-shrink:0; font-size:14px; font-weight:900; letter-spacing:-1.8px; padding-right:2px; }
.brand-mark span { opacity:.75; }
.brand-name { font-size:20px; letter-spacing:-.85px; font-weight:850; color:#142137; }
.brand-period { color:var(--blue); }
.nav-links { display:flex; align-items:center; justify-content:center; gap:29px; margin-left:auto; }
.nav-links a { font-size:13px; font-weight:650; color:#536078; transition:color .2s; }
.nav-links a:hover,.nav-login:hover { color:var(--blue); }
.nav-actions { display:flex; align-items:center; gap:19px; }
.nav-login { white-space:nowrap; font-size:13px; font-weight:700; }
.nav-login .icon { width:13px; height:13px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:12px; border:1px solid transparent; text-align:center; line-height:1.3; white-space:nowrap; border-radius:11px; font-weight:740; transition:transform .18s, background .18s,box-shadow .18s,border-color .18s; }
.button:hover { transform:translateY(-2px); }
.button .icon { width:16px;height:16px; }
.button-sm { padding:10px 15px; font-size:13px; }
.button-lg { padding:16px 21px; font-size:14px; min-height:52px; }
.button-primary { background:var(--blue); color:#fff; box-shadow:0 8px 21px #3558e92e; }
.button-primary:hover { background:var(--blue-dark); box-shadow:0 10px 27px #3558e941; }
.button-secondary { color:#25334a; background:white; border-color:#dfe5ef; }
.button-secondary:hover { border-color:#bbc9e2; box-shadow:0 10px 24px #1a2a4010; }
.menu-button { display:none; color:var(--ink); border:1px solid var(--border); background:#fff; width:42px;height:42px; border-radius:10px; align-items:center; justify-content:center; }
.button-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
/* HERO */
.hero { isolation:isolate; overflow:hidden; position:relative; padding-top:102px; padding-bottom:0; background:linear-gradient(180deg,#fbfcff 0%,#fff 91%); }
.hero-aura { z-index:-1; position:absolute; top:-70px; right:-140px; width:870px; height:670px; background:radial-gradient(ellipse at 50% 45%,rgba(92,126,245,.15),rgba(155,182,255,.055) 45%,transparent 68%); pointer-events:none; }
.hero-grid { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr); gap:52px; align-items:center; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:#3e579d; font-size:12px; font-weight:800; letter-spacing:.45px; border:1px solid #dee7ff; background:#f3f6ff; border-radius:30px; padding:7px 13px; }
.eyebrow-dot { display:inline-block; width:7px;height:7px;border-radius:50%;background:#4e6ded; box-shadow:0 0 0 3px #e0e8ff; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { letter-spacing:-1.3px; }
h1 { font-weight:850; line-height:1.09; font-size:clamp(42px,4.55vw,65px); letter-spacing:-3px; margin:25px 0 24px; color:#111b31; }
h1 em,.close-card h2 em { font-style:normal; color:var(--blue); }
.hero-lede { font-size:17px; line-height:1.76; color:#5b677d; max-width:490px; margin-bottom:22px; }
.hero-mantra { color:#56617a; font-size:14px; margin-bottom:27px; }
.hero-mantra strong { color:#1d2b43; }
.hero-proof { margin-top:34px; display:flex; flex-wrap:wrap; column-gap:18px;row-gap:8px; }
.hero-proof span { color:#56657c; font-size:11px; font-weight:650; display:inline-flex; align-items:center; gap:6px; }
.hero-proof .icon { color:#179879; width:15px;height:15px; }
.hero-visual { position:relative; padding:6px 0 36px; min-width:0; }
.mock-window { border:1px solid #dfe5f0; background:#fff; border-radius:17px; box-shadow:0 35px 90px rgba(30,49,91,.14),0 5px 15px #1c34600b; overflow:hidden; }
.hero-window { transform:rotate(1deg); transform-origin:center; }
.window-top { height:38px; border-bottom:1px solid #edf0f5; display:flex; align-items:center; justify-content:space-between; padding:0 14px; background:#fafbfe; }
.traffic { display:flex; gap:5px; }
.traffic i { width:8px;height:8px;border-radius:100%;background:#d8dfe9; }
.traffic i:first-child { background:#edb0ae; }.traffic i:nth-child(2) { background:#eed7a8; }.traffic i:last-child { background:#b4ddc3; }
.window-address { font-size:10px;font-weight:650;color:#93a0b3; }
.window-ellipsis { color:#acb4c1; font-size:13px;letter-spacing:2px; }
.mock-app { display:grid;grid-template-columns:132px 1fr; min-height:383px; }
.mock-sidebar { background:#f8faff;border-right:1px solid #eaf0fa;padding:19px 11px;display:flex;flex-direction:column;gap:8px; }
.mock-sidebar-logo { font-weight:880;color:#335ae1;letter-spacing:-.7px;padding:0 10px; }
.sidebar-divider { height:1px;background:#e9edf6;margin:7px 3px; }
.mock-side-item { display:flex;align-items:center;gap:8px;font-size:9px;color:#8591a4;font-weight:700;padding:9px 8px;border-radius:6px; }
.mock-side-item .icon { width:13px;height:13px; }
.mock-side-item.active { color:#345bdc;background:#e8eeff; }
.mock-side-spacer { flex:1; }
.mock-side-bottom { display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#66738b; }
.mock-side-bottom::first-letter { color:white; }
.mock-side-bottom { font-size:0; }
.mock-side-bottom::before { content:'A'; display:grid;place-items:center;width:20px;height:20px;background:#dce5fc;border-radius:6px;font-size:9px;color:#4160bf; }
.mock-side-bottom span { font-size:9px; }
.mock-main { padding:18px 22px 15px; min-width:0; }
.mock-crumb { color:#94a0b2;font-size:9px;margin-bottom:14px; }.mock-crumb span { margin:0 4px;color:#c1cad6; }
.mock-header-row { display:flex; justify-content:space-between;gap:8px; align-items:center; }
.mock-kicker { color:#4161d2;font-size:8px;font-weight:850;letter-spacing:1px; }
.mock-header-row h2 { font-size:20px;letter-spacing:-.6px;line-height:1.2;margin:4px 0; }
.mock-header-row p { font-size:10px;color:#8b96a7;margin-bottom:0; }
.avatar-stack { display:flex; padding-left:7px; }
.avatar-stack b { width:25px;height:25px;margin-left:-7px;border:2px solid white;border-radius:50%;display:grid;place-items:center;background:#f9decb;color:#9b5839;font-size:8px; }
.avatar-stack b:nth-child(2) { background:#d5e6fc;color:#4167ab; }
.avatar-stack b.avatar-bot { background:#dcd9ff;color:#6256bd; }
.mock-stats { margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
.mock-stats div { border:1px solid #edf0f5;border-radius:9px;padding:9px 10px;display:flex;flex-direction:column;gap:2px; }
.mock-stats span { color:#96a2b2;font-size:9px; }.mock-stats strong { font-size:18px;letter-spacing:-.5px;line-height:1.3; }
.mock-progress-label { display:flex;justify-content:space-between;margin-top:19px;font-size:9px;color:#7c899c; }.mock-progress-label strong { color:#1e3453; }
.mock-progress-track { height:5px;border-radius:9px;background:#edf1f8;margin-top:7px;overflow:hidden; }.mock-progress-track span { display:block;width:67%;height:100%;border-radius:9px;background:linear-gradient(90deg,#4a6bf0,#28b3a3); }
.mock-list-title { margin-top:18px;display:flex;justify-content:space-between;font-size:10px;font-weight:800; }.mock-list-title span { color:#6d80ca;font-size:9px; }
.mock-task { display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f1f3f8; }
.mock-task > div { flex:1;display:flex;flex-direction:column;min-width:0; }.mock-task strong { font-size:10px;font-weight:750; }.mock-task small { color:#a1aabc;font-size:9px; }
.task-check { width:22px;height:22px; flex:none; border-radius:7px;display:grid;place-items:center; }.task-check .icon {width:12px;height:12px;}.task-check.done { background:#e4f8ee;color:#139a69; }.task-check.review {background:#fff3dd;color:#c48b25;}.task-check.working {background:#e8edff;color:#4770e4;}
.mini-status { border-radius:6px; padding:4px 7px; white-space:nowrap;font-size:9px;font-weight:750; }
.mini-status.green {background:#e6f8ef;color:#148a65;}.mini-status.amber {background:#fff3df;color:#aa741a;}.mini-status.blue {background:#e9f0ff;color:#4160ce;}
.float-note { position:absolute;bottom:0;right:-17px;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border:1px solid #edf0f5;box-shadow:0 16px 40px #203e6e23;border-radius:12px;transform:rotate(-3deg); }
.float-note-icon { display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e5f9ed;color:#159567; }.float-note-icon .icon {width:17px;height:17px;}
.float-note div { display:flex;flex-direction:column; }.float-note strong {font-size:11px;}.float-note small {font-size:9px;color:#92a0b1;}
.hero-foot {margin-top:95px; padding:22px 0; border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;gap:35px;font-size:10px;font-weight:820;letter-spacing:1.65px;color:#99a4b5;}
.foot-rule { width:5px;height:5px;border-radius:50%;background:#cbd3df; }
/* SHARED */
.section-header { max-width:610px;margin-bottom:46px; }.section-header.center { margin-left:auto;margin-right:auto;text-align:center; }
.section-label { display:block;color:#365de3;font-weight:850;font-size:11px;letter-spacing:1.7px;text-transform:uppercase; margin-bottom:18px; }
.section-header h2,.branding-copy h2 {font-size:clamp(34px,4.25vw,51px);font-weight:840;line-height:1.15;letter-spacing:-2.15px;margin-bottom:20px;color:#162138;}
.muted-heading { color:#8d97aa; }
.section-header > p,.branding-copy > p {max-width:540px;font-size:16px;line-height:1.8;color:#6c778b;margin-bottom:0;}
.section-header.center > p {margin-left:auto;margin-right:auto;}
/* DEMO */
.section-demo { background:#f8faff;border-top:1px solid #f0f3f9;border-bottom:1px solid #f0f3f9; }
.demo-stage { background:#fff;border:1px solid #e0e6f1;border-radius:19px;box-shadow:0 20px 60px #172e6010;overflow:hidden; }
.demo-toolbar { display:flex; align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;border-bottom:1px solid #e9edf4; }
.demo-project { display:flex;align-items:center;gap:11px; }.demo-project-icon { display:grid;place-items:center;background:linear-gradient(135deg,#dedffb,#e9f0ff);color:#5662ba;width:39px;height:39px;border-radius:11px;font-weight:850;font-size:17px; }
.demo-project > div { display:flex;flex-direction:column;gap:0; }.demo-project strong { font-size:13px; }.demo-project span:not(.demo-project-icon) { color:#8a95a6;font-size:11px; }
.role-tabs { display:inline-flex;gap:3px;padding:4px;background:#f2f5fa;border-radius:11px;border:1px solid #ecf0f5; }
.role-tab {display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:0;background:transparent;color:#6e7a8d;border-radius:8px;font-weight:750;font-size:12px;white-space:nowrap;}
.role-tab.is-active { background:#fff;color:#244ed3;box-shadow:0 2px 8px #1a356010;}.role-tab .icon {width:15px;height:15px;}
.role-content { display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:420px; }
.role-main {padding:34px 39px;}.role-aside {background:#fbfcff;border-left:1px solid #eaf0f7;padding:32px 27px;}
.role-breadcrumb {font-size:10px;color:#98a3b3;margin-bottom:17px;}
.role-heading {display:flex;align-items:center;gap:15px;justify-content:space-between;}.detail-eyebrow { display:block;font-size:10px;color:#8a96ab;font-weight:800;letter-spacing:1px; }.role-heading h3 {font-size:28px;line-height:1.3;letter-spacing:-1px;margin:4px 0 10px;}
.role-desc {color:#5e6e86;font-size:13px;line-height:1.8;max-width:600px;margin-bottom:23px;}
.detail-label { color:#2c3850;font-size:12px;font-weight:850;margin:17px 0 13px;display:flex;gap:10px;align-items:center; }
.requirement {display:flex;align-items:center;gap:10px;margin:10px 0;font-size:12px;color:#57647a;}.requirement .icon {color:#18a17c;width:16px;height:16px;}
.detail-divider {height:1px;background:#edf0f6;margin:24px 0 19px;}
.private-indicator {display:inline-flex;align-items:center;gap:4px;color:#73819a;background:#eff2f8;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;}.private-indicator .icon {width:11px;height:11px;}
.private-note {font-size:12px;line-height:1.7;color:#64748c;background:#f6f8fc;border-left:3px solid #9aa9d1;padding:12px 14px;border-radius:4px 9px 9px 4px;}
.role-discussion {margin-top:25px;}.role-discussion > strong {display:flex;align-items:center;gap:7px;font-size:12px;}.role-discussion > strong .icon {width:15px;height:15px;color:#7288b2;}
.role-discussion p { display:flex;align-items:center;gap:10px;margin:13px 0 0;}.comment-initial {width:28px;height:28px;border-radius:50%;background:#eee6ff;color:#6f59bc;display:grid;place-items:center;font-weight:850;font-size:11px;flex:none;}.role-discussion p span:last-child {display:flex; flex-direction:column;}.role-discussion b {font-size:11px;}.role-discussion small {color:#748199;font-size:11px;}
.aside-label {font-size:10px;font-weight:850;letter-spacing:1.1px;color:#8996a9;margin-bottom:21px;}.aside-section {margin:16px 0 0;padding:0 0 17px;border-bottom:1px solid #e8edf5;}.aside-section small,.aside-split small {display:block;color:#929db1;font-size:11px;margin-bottom:6px;}.aside-section strong,.aside-split strong {display:flex;align-items:center;gap:7px;font-size:13px;}.aside-section strong .icon {width:15px;height:15px;color:#697be0;}.aside-section .caret {margin-left:auto; color:#92a2b6;}
.aside-split {display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0 16px;border-bottom:1px solid #e8edf5;}.aside-section strong.approved {color:#178c68;font-size:12px;}.aside-section strong.approved .icon {color:#159875;}
.aside-footnote {font-size:10px;color:#96a2b4;line-height:1.8;margin-top:25px;}
.client-aside {background:#f8fafc;}.client-approve {padding:16px;background:#edf8f4;border:1px solid #d7eee6;border-radius:10px;}.client-approve>.icon {color:#159977;width:25px;height:25px;margin-bottom:5px;}.client-approve strong {display:block;font-size:14px;}.client-approve p {font-size:11px;line-height:1.65;color:#6e8279;margin:5px 0 0;}
.client-action {display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #dae3ee;background:#fff;border-radius:9px;margin-top:9px;font-weight:770;font-size:12px;color:#4c5d77;}.client-action .icon {width:16px;height:16px;}.client-action.positive {background:#238a6d;color:white;border-color:#238a6d;}
.demo-footer {display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e9edf4;padding:12px 25px;font-size:11px;color:#98a4b7;}.demo-footer span {display:flex;align-items:center;gap:7px;}.demo-footer .icon {width:13px;height:13px;}.demo-footer span:last-child {color:#5674cb;font-weight:750;}
/* WORKFLOW */
.workflow-layout { display:grid;grid-template-columns:430px minmax(0,1fr);gap:42px;align-items:stretch; }
.step-list {display:flex;flex-direction:column;gap:7px;}.step-item {width:100%;border:1px solid transparent;background:#fff;display:flex;align-items:center;gap:18px;padding:16px;border-radius:12px;text-align:left;transition:background .2s,border-color .2s,box-shadow .2s;}.step-item:hover {background:#f7f9fd;}.step-item.is-active {background:#f4f6ff;border-color:#e3eaff;box-shadow:0 4px 17px #3558e90b;}.step-num {display:grid;place-items:center;border:1px solid #e7ebf1;background:#f9fafc;color:#8e9bb0;width:37px;height:37px;border-radius:10px;font-size:11px;font-weight:850;}.step-item.is-active .step-num {color:#fff;background:var(--blue);border-color:var(--blue);}.step-words {display:flex;flex:1;flex-direction:column;gap:2px;}.step-words strong {font-size:14px;}.step-words small {font-size:11px;color:#93a0b2;}.step-item>.icon {width:16px;height:16px;color:#c4ccda;}.step-item.is-active>.icon {color:var(--blue);}
.workflow-showcase {background:linear-gradient(155deg,#f7f9ff,#fff 48%,#f4f8ff);border:1px solid #e5ebf6;border-radius:17px;padding:28px 34px;min-height:477px;display:flex;flex-direction:column;}
.workflow-topline {display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:830;color:#8c9ab1;letter-spacing:1px;}.workflow-topline>span:first-child {display:flex;align-items:center;gap:7px;}.live-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#3d6bf3;}
.workflow-symbol {display:grid;place-items:center;width:61px;height:61px;border:1px solid #e0e7ff;background:white;border-radius:17px;margin-top:43px;box-shadow:0 9px 24px #3458e90f;color:#506bea;}.workflow-symbol .icon {width:29px;height:29px;}
.workflow-pill {align-self:start;background:#e7edff;color:#4862c6;border-radius:20px;padding:5px 11px;font-size:10px;font-weight:820;margin-top:23px;}
.workflow-showcase h3 {font-size:27px;margin:11px 0 9px;letter-spacing:-1px;line-height:1.3;}.workflow-showcase>p {font-size:13px;color:#62728a;max-width:450px;line-height:1.8;}
.workflow-example {margin:7px 0 26px;border-left:3px solid #4b68e6;background:#fff;padding:16px 19px;border-radius:5px 10px 10px 5px;color:#53617a;font-size:12px;line-height:1.8;font-weight:610;box-shadow:0 3px 16px #2f4c8907;}
.workflow-showcase-bottom {margin-top:auto;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e8edf6;padding-top:18px;font-size:9px;color:#9ba6b7;}.workflow-showcase-bottom>span:first-child {font-weight:840;letter-spacing:1px;}
.workflow-footnote {margin:28px 0 0;display:flex;align-items:flex-start;gap:9px;color:#687890;font-size:12px;}.workflow-footnote .icon {color:#159977;width:18px;height:18px;}
/* AI */
.ai-section { background:#111a2c;color:white;position:relative;overflow:hidden;}.ai-section:before {content:'';position:absolute;width:740px;height:470px;right:-270px;top:-140px;background:radial-gradient(ellipse,#445eaa20,transparent 72%);pointer-events:none;}
.dark-header h2 {color:white;}.dark-header h2 span {color:#92a4c9;}.dark-header>p {color:#a6b4ca;}.ai-section .section-label {color:#8ea6ff;}
.ai-grid {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.ai-card {background:#19263d;border:1px solid #2b3a52;border-radius:17px;padding:34px 33px;overflow:hidden;}.ai-card-heading {display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.6px;font-weight:840;color:#aab8d7;}.ai-icon {display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#2b3b65;color:#b2c4ff;}.ai-icon .icon {width:19px;height:19px;}.ai-card h3 {margin:21px 0 10px;font-size:27px;line-height:1.32;letter-spacing:-1.05px;}.ai-card>p {font-size:13px;line-height:1.8;color:#9eafc7;min-height:70px;}
.ai-example,.agent-example {height:266px;background:#121e33;border:1px solid #30405c;border-radius:13px;margin-top:25px;padding:20px 21px;}.ai-example-label {font-size:9px;font-weight:850;letter-spacing:1px;color:#889abc;}.ai-example>p {margin:8px 0 13px;font-size:12px;color:#c9d3e4;}.ai-example-divider {display:flex;align-items:center;gap:8px;padding:11px 0;color:#a4b8f8;border-top:1px solid #2b3b55;font-size:10px;font-weight:800;}.ai-example-divider .icon {width:15px;height:15px;}.ai-suggestion {display:flex;align-items:center;gap:9px;margin:9px 0;font-size:11px;color:#c1d0e4;}.ai-suggestion .icon {color:#53c5a8;width:15px;height:15px;}
.ai-disclaimer {display:block;color:#788eac;font-size:10px;margin-top:15px;line-height:1.6;}
.agent-example {padding:14px 18px;}.agent-top {display:flex;align-items:center;gap:9px;padding:4px 0 12px;border-bottom:1px solid #2b3b55;}.agent-avatar {display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#33436b;color:#bdd0ff;}.agent-avatar .icon {width:17px;height:17px;}.agent-top span:nth-child(2) {display:flex;flex:1;flex-direction:column;gap:0;}.agent-top strong {font-size:11px;}.agent-top small {font-size:9px;color:#8599bb;}.agent-dot {width:7px;height:7px;border-radius:50%;background:#65c0a2;}
.agent-message {margin-top:12px;background:#22314b;border-radius:9px;padding:10px 13px;}.agent-message strong {font-size:9px;color:#a2b5dd;}.agent-message p {font-size:11px;color:#d5deeb;margin:2px 0 0;line-height:1.5;}
.agent-result {margin-top:9px;border:1px solid #384c65;border-radius:8px;padding:10px 13px;}.agent-result-label {display:flex;align-items:center;gap:5px;color:#8aa3d2;font-size:9px;font-weight:800;letter-spacing:.4px;}.agent-result-label .icon {width:11px;height:11px;}.agent-result>p {font-size:10px;color:#c4d2e7;margin:7px 0;line-height:1.5;}.agent-result>div {display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b5c8ff;font-weight:800;}.agent-result>div .icon {width:13px;height:13px;}
.ai-bottom {display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:30px;font-size:12px;color:#97a9c5;}.ai-bottom span,.ai-bottom a {display:flex;align-items:center;gap:9px;}.ai-bottom .icon {width:16px;height:16px;}.ai-bottom a {color:#c2d0ff;font-weight:800;}.ai-bottom a:hover {color:#fff;}
/* FEATURES */
.features-section {background:#fff;}.feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.feature-card {border:1px solid var(--border);border-radius:15px;padding:29px 27px;min-height:208px;background:linear-gradient(160deg,#fff,#fdfdff);transition:transform .2s,border-color .2s,box-shadow .2s;}.feature-card:hover {transform:translateY(-3px);border-color:#d3ddf5;box-shadow:0 10px 36px #1a346014;}.feature-icon {display:grid;place-items:center;width:42px;height:42px;background:#eef2ff;color:#4260d8;border-radius:11px;margin-bottom:24px;}.feature-icon .icon {width:21px;height:21px;}.feature-card h3 {font-size:17px;letter-spacing:-.4px;margin-bottom:8px;}.feature-card p {font-size:12px;color:#77849a;line-height:1.8;margin-bottom:0;}
/* BRANDING */
.branding-section {background:#f8faff;border-top:1px solid #eff2f9;border-bottom:1px solid #eff2f9;}.branding-grid {display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;}.branding-copy h2 {margin-bottom:22px;}.branding-points {display:flex;flex-direction:column;gap:13px;margin-top:30px;}.branding-points>span {display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#526178;line-height:1.7;}.branding-points .icon {width:16px;height:16px;color:#0e9d76;margin-top:2px;}.language-tags {display:flex;gap:7px;margin-top:25px;}.language-tags span {font-size:10px;font-weight:850;padding:6px 10px;border:1px solid #dfe5ef;border-radius:7px;background:#fff;color:#7a89a4;}
.branding-showcase {position:relative;}.brand-preview {border:1px solid #e4eaf4;border-radius:16px;background:#fff;box-shadow:0 26px 70px #2b44731b;overflow:hidden;transform:rotate(1deg);}.brand-preview-top {height:56px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:9px;padding:0 24px;font-size:12px;font-weight:820;}.preview-logo {font-weight:900;font-size:26px;letter-spacing:-2px;}.preview-logo span {color:var(--blue);}.preview-account {margin-left:auto;font-size:10px;color:#9ca7b8;font-weight:600;}.brand-preview-body {padding:30px 36px 38px;}.brand-preview-body h3 {font-size:27px;letter-spacing:-1px;margin:5px 0 7px;}.brand-preview-body>p {font-size:12px;color:#9ba6b6;margin-bottom:25px;}.brand-progress-top {display:flex;justify-content:space-between;font-size:11px;color:#738299;}.brand-progress-top strong {color:#24334d;}.brand-progress-track {height:8px;background:#edf1f6;border-radius:10px;overflow:hidden;margin:10px 0 24px;}.brand-progress-track span {display:block;height:100%;width:67%;background:#416be3;border-radius:10px;}.brand-preview-task {display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f5;font-size:12px;font-weight:700;}.brand-preview-task>span:nth-child(2) {flex:1;}.brand-preview-task>span:last-child {font-size:10px;color:#9ba7b6;font-weight:650;}.brand-task-dot {height:9px;width:9px;border-radius:50%;}.brand-task-dot.done {background:#23ae8a;}.brand-task-dot.review {background:#e7ac4c;}.brand-task-dot.work {background:#5577e7;}.branding-caption {position:absolute;right:-18px;bottom:-23px;background:white;border-radius:9px;border:1px solid #e7ebf4;box-shadow:0 10px 23px #223d6c17;padding:12px 17px;font-size:10px;font-weight:750;color:#71829e;display:flex;gap:8px;align-items:center;}.branding-caption .icon {width:16px;height:16px;color:#4766dc;}
/* PRICING */
.pricing-section {background:#fff;}.pricing-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;}.price-card {position:relative;min-height:334px;border:1px solid #e4e9f0;border-radius:15px;padding:31px;display:flex;flex-direction:column;overflow:hidden;}.plan-eyebrow {font-size:10px;font-weight:850;color:#8190a8;letter-spacing:1px;}.price-card h3 {font-size:27px;letter-spacing:-1px;margin:9px 0 4px;}.price-card>p {color:#8794a8;font-size:12px;margin-bottom:0;}.price-divider {height:1px;background:#e9edf3;margin:22px 0 18px;}.price-card ul {margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px;}.price-card li {display:flex;align-items:center;gap:10px;font-size:12px;color:#56657b;}.price-card li .icon {width:15px;height:15px;color:#159977;}.plan-coming {margin-top:auto;padding-top:23px;color:#5e73a5;font-size:11px;font-weight:780;}.featured-price {border-color:#9eafea;box-shadow:0 13px 43px #3155bc16;background:linear-gradient(180deg,#fafbff,#fff);}.plan-ribbon {position:absolute;right:-39px;top:24px;background:#3558e9;color:#fff;transform:rotate(39deg);padding:5px 39px;font-size:8px;letter-spacing:.6px;font-weight:820;}.pricing-disclaimer {margin:23px auto 0;text-align:center;max-width:650px;color:#99a5b5;font-size:11px;}
/* CLOSE + FAQ */
.close-section {padding-top:46px;padding-bottom:90px;}.close-card {position:relative;isolation:isolate;overflow:hidden;background:#1c3078;border-radius:23px;padding:75px 70px;color:#fff;}.close-orb {position:absolute;z-index:-1;right:-60px;top:-130px;width:600px;height:450px;border-radius:50%;background:radial-gradient(ellipse,#6e8cfc6b,#3357ab31 49%,transparent 70%);}.close-card .section-label {color:#bac9ff;}.close-card h2 {font-size:clamp(45px,5vw,65px);line-height:1.1;letter-spacing:-3px;margin:12px 0 20px;}.close-card h2 em {color:#c8d4ff;}.close-card>p {max-width:520px;color:#ccd7fa;font-size:15px;line-height:1.8;margin-bottom:25px;}.button-light {background:#fff;color:#1b3375;}.button-light:hover {background:#eef3ff;}.button-outline-light {border-color:#8195d4;color:#fff;background:#ffffff0d;}.button-outline-light:hover {background:#ffffff20;}
.faq {display:grid;grid-template-columns:1fr 1.5fr;gap:80px;margin-top:115px;}.faq-intro h2 {font-size:34px;letter-spacing:-1.5px;line-height:1.25;margin:0;}.faq-items details {border-bottom:1px solid #e7ebf1;}.faq-items details:first-child {border-top:1px solid #e7ebf1;}.faq-items summary {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;font-size:14px;font-weight:750;cursor:pointer;list-style:none;}.faq-items summary::-webkit-details-marker {display:none;}.faq-toggle {font-size:20px;font-weight:400;color:#8c9aad;}.faq-items details[open] .faq-toggle {transform:rotate(45deg);}.faq-items details p {font-size:13px;line-height:1.8;color:#6b7a90;padding:0 25px 19px 0;margin:0;}
/* FOOTER */
.site-footer {background:#f7f9fc;border-top:1px solid #ebeff6;padding:55px 0 21px;}.footer-top {display:flex;justify-content:space-between;gap:60px;padding-bottom:62px;}.footer-brand p {color:#78879d;font-size:13px;line-height:1.9;margin:23px 0 0;}.footer-links {display:grid;grid-template-columns:repeat(2,160px);gap:45px;}.footer-links>div {display:flex;flex-direction:column;gap:11px;}.footer-links strong {font-size:12px;margin-bottom:4px;}.footer-links a {font-size:12px;color:#7c899d;}.footer-links a:hover {color:var(--blue);}.footer-bottom {border-top:1px solid #e4e9f0;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#94a1b3;font-size:11px;}.footer-bottom>span:last-child {display:flex;align-items:center;gap:8px;}.footer-bottom .icon {width:13px;height:13px;}
/* RESPONSIVE */
@media (max-width:1150px){
 .nav-links {gap:17px;}.nav-inner {gap:16px;}.nav-actions {gap:10px;}.nav-cta {display:none;}
 .hero-grid {gap:31px;}.hero h1 {font-size:clamp(40px,4.65vw,58px);}.mock-app {grid-template-columns:105px 1fr;}.mock-main {padding:17px 14px;}.mock-sidebar {padding:17px 8px;}
 .float-note {right:-5px;}.branding-grid {gap:42px;}
}
@media (max-width:900px){
 .container {width:min(var(--container),calc(100% - 48px));}.section {padding:85px 0;}
 .nav-links {position:absolute;top:75px;left:0;right:0;background:white;box-shadow:0 15px 22px #18253d17;border-bottom:1px solid #e5ebf2;display:none;flex-direction:column;align-items:stretch;padding:15px 25px 22px;gap:0;}.nav-links.is-open {display:flex;}.nav-links a {padding:11px 0;font-size:14px;}.menu-button {display:flex;}.nav-cta {display:none;}
 .hero {padding-top:70px;padding-bottom:0;}.hero-grid {grid-template-columns:1fr;gap:45px;}.hero-copy {max-width:680px;}.hero h1 {font-size:clamp(43px,6.5vw,63px);}.hero-lede {max-width:630px;}
 .hero-visual {max-width:690px;margin:0 auto;width:100%;}.mock-app {grid-template-columns:132px 1fr;}.mock-main {padding:18px 23px;}.mock-sidebar {padding:19px 11px;}.hero-foot {margin-top:62px;}
 .role-content {grid-template-columns:1fr 240px;}.role-main {padding:29px 27px;}.role-aside {padding:29px 18px;}
 .workflow-layout {grid-template-columns:330px 1fr;gap:20px;}.workflow-showcase {padding:24px 23px;}.feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.branding-grid {grid-template-columns:1fr;gap:35px;}.branding-copy {max-width:650px;}.branding-showcase {max-width:660px;width:100%;margin:0 auto;}.faq {gap:35px;}
}
@media (max-width:650px){
 html {scroll-padding-top:72px;}.container {width:calc(100% - 36px);}.section {padding:74px 0;}.site-header .nav-inner {height:66px;}.nav-links {top:65px;}.brand-name {font-size:19px;}.brand-mark {width:37px;height:37px;border-radius:10px;}.nav-login {font-size:12px;}.nav-actions {gap:12px;}
 .hero {padding-top:58px;padding-bottom:0;}.hero h1 {font-size:clamp(41px,9vw,55px);letter-spacing:-2px;margin-top:22px;}.hero-lede {font-size:15px;line-height:1.75;}.hero-mantra {font-size:13px;}.eyebrow {font-size:10px;}.button-row {align-items:stretch;}.hero .button-row .button {width:100%;}.hero-proof {margin-top:24px;gap:9px 15px;}.hero-visual {margin-top:4px;padding-bottom:16px;}.hero-window {transform:none;}.mock-window {border-radius:12px;}.window-top {height:30px;padding:0 10px;}.mock-app {min-height:305px;grid-template-columns:75px 1fr;}.mock-sidebar {padding:14px 5px;}.mock-sidebar-logo {padding:0 4px;font-size:12px;}.mock-side-item {padding:7px 3px;gap:5px;font-size:0;}.mock-side-item .icon {width:13px;height:13px;}.mock-side-bottom span {display:none;}.mock-main {padding:14px 12px;}.mock-crumb {margin-bottom:9px;font-size:8px;}.mock-header-row h2 {font-size:17px;}.mock-header-row p {font-size:9px;}.mock-stats {margin-top:14px;gap:4px;}.mock-stats div {padding:7px 6px;}.mock-stats strong {font-size:16px;}.mock-stats span {font-size:8px;}.mock-progress-label {margin-top:12px;}.mock-list-title {margin-top:13px;}.mock-task {gap:6px;padding:8px 0;}.mock-task strong {font-size:9px;}.mock-task small {font-size:8px;}.mock-task .mini-status {font-size:8px;padding:3px 5px;}.task-check {width:17px;height:17px;}.task-check .icon {width:10px;height:10px;}.float-note {bottom:1px;right:-3px;padding:7px 9px;gap:6px;}.float-note-icon {width:21px;height:21px;border-radius:6px;}.float-note-icon .icon {width:13px;height:13px;}.float-note strong {font-size:9px;}.float-note small {font-size:8px;}.hero-foot {margin-top:50px;justify-content:space-between;gap:8px;padding:16px 0;font-size:8px;letter-spacing:.45px;}.foot-rule {width:3px;height:3px;}
 .section-header h2,.branding-copy h2 {font-size:clamp(32px,8vw,43px);letter-spacing:-1.5px;}.section-header>p,.branding-copy>p {font-size:14px;line-height:1.75;}.section-label {font-size:10px;}.section-header {margin-bottom:31px;}
 .demo-toolbar {padding:16px;flex-direction:column;align-items:stretch;}.demo-project-icon {width:33px;height:33px;}.demo-project strong {font-size:12px;}.role-tabs {width:100%;}.role-tab {flex:1;padding:10px 7px;font-size:11px;}.role-content {grid-template-columns:1fr;}.role-main {padding:26px 21px;}.role-aside {padding:22px 21px;border-left:0;border-top:1px solid #eaf0f7;}.role-heading h3 {font-size:25px;}.role-desc {font-size:12px;}.demo-footer {padding:12px 18px;flex-wrap:wrap;gap:5px;}.demo-footer span:last-child {display:none;}
 .workflow-layout {grid-template-columns:1fr;}.step-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}.step-item {padding:12px 10px;gap:9px;}.step-num {height:30px;width:30px;border-radius:7px;flex:none;font-size:9px;}.step-words strong {font-size:11px;}.step-words small {font-size:9px;line-height:1.3;}.step-item>.icon {display:none;}.workflow-showcase {min-height:390px;padding:22px 20px;}.workflow-symbol {margin-top:26px;}.workflow-showcase h3 {font-size:24px;}.workflow-showcase-bottom {font-size:8px;}.workflow-footnote {font-size:11px;}
 .ai-grid {grid-template-columns:1fr;}.ai-card {padding:26px 22px;}.ai-card h3 {font-size:25px;}.ai-card>p {min-height:0;}.ai-bottom {flex-direction:column;align-items:flex-start;}.feature-grid {grid-template-columns:1fr;gap:10px;}.feature-card {min-height:0;padding:23px;}.feature-icon {margin-bottom:16px;}.feature-card h3 {margin-bottom:5px;}.branding-showcase {width:calc(100% - 7px);}.brand-preview-body {padding:25px 21px;}.branding-caption {right:-5px;bottom:-18px;}.pricing-grid {grid-template-columns:1fr;gap:11px;}.price-card {min-height:0;padding:25px 26px;}.plan-coming {margin-top:18px;padding-top:0;}
 .close-section {padding-top:20px;}.close-card {border-radius:15px;padding:45px 25px;}.close-card h2 {font-size:46px;letter-spacing:-2px;}.close-card>p {font-size:13px;}.close-card .button {width:100%;}.faq {grid-template-columns:1fr;gap:28px;margin-top:75px;}.faq-intro h2 {font-size:29px;}.faq-items summary {font-size:13px;padding:17px 0;}.footer-top {gap:40px;flex-direction:column;padding-bottom:48px;}.footer-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}.footer-bottom {flex-direction:column;align-items:flex-start;gap:8px;}
}
@media (max-width:360px){.container {width:calc(100% - 28px);}.hero h1 {font-size:39px;}.role-tab {font-size:10px;}.role-tab .icon {display:none;}.hero-foot {font-size:7px;}.mock-sidebar {display:none;}.mock-app {grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){html {scroll-behavior:auto;}*,*::before,*::after {transition:none !important;animation:none !important;}}