:root{--paper:#ffffff;--ink:#10213f;--navy:#122d59;--deep:#0b1f42;--sky:#93c5fd;--blue:#1d56c1;--blue-hover:#174494;--muted:#455a76;--line:#d5e1f1;--ice:#edf5ff;--white:#ffffff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.shell{max-width:1240px;padding-inline:48px;margin-inline:auto}.skip{position:absolute;top:8px;left:8px;transform:translateY(-160%);background:white;padding:10px;z-index:10}.skip:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.site-header nav{display:flex;gap:31px}.site-header nav a,.footer>a:last-child{font-size:14px;text-decoration:none;font-weight:700}.site-header nav a:hover,.footer a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 19px;min-height:46px;border:1px solid var(--ink);border-radius:7px;text-decoration:none;font-weight:800;line-height:1.25;white-space:nowrap}.button-small{font-size:13px}.button-primary{background:var(--blue);color:var(--white);border-color:var(--blue)}.button-primary:hover{background:var(--blue-hover)}.button-small:hover{background:var(--ice)}.text-link{font-weight:800;font-size:14px;text-decoration:none}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:92px 102px}.eyebrow,.micro,.board-top,.board-bottom{font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.eyebrow{display:flex;align-items:center;gap:9px;color:#315b92;margin:0 0 18px}.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2563eb;flex:none}.hero h1,.shell h2{font-weight:800;letter-spacing:-.075em;line-height:.99;margin:0}.hero h1{font-size:clamp(62px,6.9vw,103px)}.hero h1 em{font-style:normal;color:#1d56c1}.hero-description{max-width:420px;color:var(--muted);font-size:19px;margin:24px 0 27px}.small{font-size:12px;color:var(--muted)}.demo-tip{margin:15px 0 0}
.call-board{border:1px solid #2d4a74;background:var(--navy);color:var(--white);border-radius:17px;padding:23px;box-shadow:0 22px 45px #10234d1c;position:relative}.board-top{display:flex;justify-content:space-between;gap:10px;color:#cadcf5;margin:0 0 22px}.board-top>span:first-child{display:flex;align-items:center;gap:7px}.board-top .signal{background:var(--sky)}.call-card{display:flex;align-items:center;gap:13px;padding:16px 13px;border-radius:10px;background:#1a3b6c;border:1px solid #456698}.call-icon{display:grid;place-items:center;background:var(--sky);color:var(--ink);width:39px;height:39px;border-radius:9px;flex:none}.call-icon svg{width:22px;height:22px}.micro{display:block;color:var(--muted);margin:0 0 5px}.call-card .micro{color:#c1d6f4}.call-card strong,.alert-head strong{display:block;font-size:17px;line-height:1.24}.wave{margin-left:auto;display:flex;align-items:center;gap:3px}.wave i{display:block;width:3px;height:10px;background:var(--sky);border-radius:5px}.wave i:nth-child(2n){height:19px}.wave i:nth-child(3n){height:27px}.board-connector{display:flex;align-items:center;gap:10px;font-size:12px;color:#dceaff;margin:11px 8px}.board-connector span{color:var(--sky);font-size:19px}.alert-card{background:var(--white);color:var(--ink);border-radius:10px;padding:14px 15px}.alert-head{display:flex;align-items:center;gap:11px}.alert-head>span:first-child{font-size:21px;color:#265ec2}.badge{margin-left:auto;padding:4px 7px;background:#e1edff;color:#224b90;border-radius:5px;font:700 10px ui-monospace,monospace}.alert-card dl{margin:12px 0 0;border-top:1px solid var(--line)}.alert-card dl div{display:flex;justify-content:space-between;gap:8px;padding-top:5px;font-size:12px}.alert-card dt{color:var(--muted)}.alert-card dd{margin:0;font-weight:700}.board-bottom{display:flex;justify-content:space-between;gap:9px;color:#cadcf5;margin-top:17px;font-size:9px}
.workflow{background:var(--ice);padding-block:72px 75px}.shell h2{font-size:clamp(38px,5vw,68px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:36px 0 0;gap:29px}.steps li{border-top:1px solid #a0b8d8;padding-top:16px}.steps li>span{color:#315b92;font:700 12px ui-monospace,monospace}.steps h3{margin:9px 0 4px;font-size:21px;letter-spacing:-.035em}.steps p,.section-intro>p:last-child{color:var(--muted);margin:0;max-width:330px}
.pilot{padding-bottom:66px}.pilot-card{padding:46px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;background:var(--deep);color:var(--white);border-radius:14px}.pilot-card .eyebrow,.pilot-side .micro{color:var(--sky)}.pilot-card p:not(.eyebrow):not(.micro){max-width:435px;color:#d4e3f9}.pilot-side{border-left:1px solid #496790;padding-left:30px}.pilot-side ul{margin:12px 0 0;padding:0;list-style:none}.pilot-side li{border-bottom:1px solid #405d87;padding:9px 0;font-size:14px}.pilot-side li::before{content:"✓";color:var(--sky);margin-right:10px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:77px}.footer p{font-size:13px;color:var(--muted)}
@media(max-width:950px){.shell{padding-inline:32px}.hero{gap:32px;padding-block:75px}.hero h1{font-size:clamp(55px,8vw,84px)}}
@media(max-width:700px){.shell{padding-inline:20px}.site-header{min-height:66px}.site-header nav{display:none}.hero,.pilot-card{grid-template-columns:1fr}.hero{padding-block:50px 56px;gap:33px}.hero h1{font-size:clamp(51px,12vw,75px)}.hero-description{font-size:17px}.call-board{padding:16px}.board-top{margin-bottom:14px}.workflow{padding-block:49px}.steps{grid-template-columns:1fr;margin-top:25px;gap:17px}.steps li{padding-top:12px}.pilot{padding-bottom:40px}.pilot-card{padding:26px;gap:26px}.pilot-side{padding-left:0;border-left:0}.footer{flex-wrap:wrap;padding-block:14px}.footer p{order:3;flex-basis:100%;margin:0}}
@media(max-width:370px){.wave{display:none}.board-bottom{font-size:8px}.site-header .button{padding-inline:9px}.brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.agent-directory { padding-block: 82px 90px; }
.section-intro > p:last-child { max-width: 510px; margin-top: 17px; }
.agent-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 0; margin: 31px 0 0; list-style: none; }
.agent-card { display: flex; flex-direction: column; height: 100%; padding: 22px; border: 1px solid var(--line); border-radius: 13px; text-decoration: none; background: var(--white); }
.agent-card:hover { border-color: var(--blue); background: var(--ice); }
.agent-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 20px; }
.agent-card-top .micro { margin: 0; font-size: 10px; }
.agent-number { background: var(--ice); color: var(--blue); border-radius: 6px; padding: 4px 8px; font: 700 12px/1.4 ui-monospace, monospace; }
.agent-card h3, .agent-demo-grid h2, .agent-cta h2 { margin: 0; font-size: 24px; line-height: 1.12; letter-spacing: -.035em; }
.agent-card p { margin: 7px 0 19px; color: var(--muted); font-size: 15px; }
.agent-card-link { margin-top: auto; color: var(--blue); font-weight: 800; font-size: 14px; }
.agent-card-link span { margin-left: 4px; }
.agent-page { padding-block: 36px 70px; }
.agent-heading { margin: 38px 0 31px; }
.agent-heading h1 { font-size: clamp(39px, 6.3vw, 74px); line-height: 1.02; letter-spacing: -.065em; margin: 0; }
.agent-heading > p:last-child { color: var(--muted); font-size: 18px; max-width: 720px; margin-bottom: 0; }
.agent-demo-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.agent-player, .agent-email { border-radius: 14px; border: 1px solid var(--line); padding: clamp(18px, 3vw, 28px); }
.agent-player > p { margin: 9px 0 15px; color: var(--muted); }
.agent-player video { width: 100%; display: block; aspect-ratio: 16 / 9; background: var(--navy); border-radius: 9px; }
.agent-player audio { width: 100%; display: block; }
.live-demo { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-block: 16px; }
.live-demo p { margin: 0; }
.agent-email { background: var(--ice); }
.agent-email dl { margin: 20px 0 0; }
.agent-email dl div { border-top: 1px solid var(--line); padding: 10px 0; }
.agent-email dt { color: var(--muted); font-size: 12px; }
.agent-email dd { margin: 0; font-weight: 700; }
.agent-transcript { border-top: 1px solid var(--line); padding-top: 12px; }
.agent-transcript summary { cursor: pointer; font-weight: 700; color: var(--blue); }
.agent-transcript summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.agent-transcript ol { list-style: none; padding: 0; margin-bottom: 0; }
.agent-transcript li { display: grid; gap: 2px; padding-block: 8px; }
.agent-transcript li + li { border-top: 1px solid var(--line); }
.agent-transcript strong { color: var(--muted); font-size: 13px; }
.agent-cta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 30px; padding: 22px; border-radius: 12px; background: var(--ice); }
.agent-cta p { margin: 6px 0 0; color: var(--muted); }
@media (max-width: 850px) {
  .agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-demo-grid { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
  .agent-directory { padding-block: 50px 54px; }
  .agent-grid { grid-template-columns: 1fr; }
  .agent-page { padding-bottom: 46px; }
}

.lead-page { padding-block: 44px 68px; }
.lead-page h1 { font-size: clamp(38px, 6vw, 66px); line-height: 1.02; letter-spacing: -.06em; margin: 20px 0 12px; }
.lead-page h2 { font-size: 24px; letter-spacing: -.03em; }
.lead-page > p { color: var(--muted); max-width: 600px; }
.lead-form { max-width: 620px; margin-top: 24px; display: grid; gap: 14px; }
.lead-form label { display: grid; gap: 4px; font-weight: 700; }
.lead-form input, .lead-form textarea, .lead-form select, .lead-stage select { font: inherit; color: var(--ink); background: white; border: 1px solid #a0b8d8; border-radius: 7px; padding: 9px 12px; width: 100%; }
.lead-form button { justify-self: start; cursor: pointer; }
.lead-page .lead-trap { display: none; }
.lead-list { display: grid; gap: 12px; max-width: 850px; margin-top: 16px; }
.lead-record { background: var(--ice); padding: 16px; border: 1px solid var(--line); border-radius: 10px; overflow-wrap: anywhere; }
.lead-record h3, .lead-record p { margin: 0 0 7px; }
.lead-stage { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.lead-stage select { width: auto; max-width: 65%; }
.lead-error { padding: 12px; background: var(--ice); border-left: 3px solid var(--blue); }

.crm-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.crm-nav a[aria-current="page"] { background: var(--navy); color: var(--white); }
.crm-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 0 0 28px; }
.crm-metrics div { padding: 12px; background: var(--ice); border-radius: 8px; }
.crm-metrics dt { color: var(--muted); font-size: 13px; }
.crm-metrics dd { margin: 3px 0 0; font-weight: 800; font-size: 24px; }
.crm-inline { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.crm-inline label, .crm-draft label { display: grid; gap: 4px; font-weight: 700; font-size: 13px; }
.crm-inline input, .crm-inline select, .crm-draft textarea { font: inherit; color: var(--ink); background: white; border: 1px solid #a0b8d8; border-radius: 6px; padding: 8px; }
.crm-inline button { min-height: 36px; padding: 7px 10px; cursor: pointer; }
.crm-draft { margin-top: 16px; }
.crm-draft summary { cursor: pointer; font-weight: 700; }
.crm-draft label { margin-top: 8px; }
.crm-draft textarea { font-weight: 400; width: 100%; }