:root { --font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --ink:#0b2d24; --muted:#5f746f; --line:#dce9e4; --soft:#f3faf7; --blue:#16835f; --violet:#2ca779; --orange:#67c28f; --green:#16835f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:var(--font-sans),sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
p { line-height:1.65; }
main { overflow:hidden; }

.site-header { height:76px; padding:0 clamp(22px,5.2vw,84px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(230,232,239,.9); background:rgba(255,255,255,.9); backdrop-filter:blur(16px); position:relative; z-index:10; }
.brand { display:inline-flex; align-items:center; gap:12px; font-size:12px; font-weight:820; line-height:.92; letter-spacing:-.02em; text-transform:uppercase; width:fit-content; }
.brand-mark { width:34px; height:34px; position:relative; display:inline-block; }
.brand-mark i { position:absolute; display:block; width:11px; height:11px; border-radius:50%; background:#0d2d25; }
.brand-mark i:nth-child(1) { left:0; top:11px; }
.brand-mark i:nth-child(2) { right:0; top:1px; background:var(--orange); }
.brand-mark i:nth-child(3) { right:0; bottom:1px; background:#35aa7d; }
.brand-mark:after { content:""; position:absolute; left:8px; top:16px; width:18px; height:2px; background:#0d2d25; transform:rotate(-27deg); box-shadow:0 5px 0 #0d2d25; }
nav { display:flex; gap:34px; font-size:13px; font-weight:620; color:#49645d; }
nav a { transition:color .2s; } nav a:hover { color:var(--blue); }
.header-actions { justify-self:end; display:flex; align-items:center; gap:22px; }
.login-link { font-size:13px; font-weight:650; color:#49645d; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:50px; padding:0 22px; border:1px solid transparent; border-radius:9px; font-size:13px; font-weight:720; transition:transform .2s,box-shadow .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-small { min-height:42px; padding:0 17px; color:#fff; background:#103f32; box-shadow:0 2px 5px rgba(16,24,40,.14); }
.button-primary { color:#fff; background:var(--blue); box-shadow:0 10px 28px rgba(22,131,95,.22); }
.button-primary:hover { box-shadow:0 14px 34px rgba(22,131,95,.3); }
.button-secondary { color:#254d41; background:#fff; border-color:#d8dce6; box-shadow:0 2px 4px rgba(16,24,40,.04); }
.play { font-size:9px; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:#e9f7f0; color:var(--blue); }

.hero { position:relative; padding:86px clamp(22px,5vw,80px) 0; text-align:center; background:#fff; }
.hero:before { content:""; position:absolute; inset:0; opacity:.7; background-image:linear-gradient(rgba(22,131,95,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(22,131,95,.055) 1px,transparent 1px); background-size:40px 40px; mask-image:linear-gradient(to bottom,black,transparent 65%); pointer-events:none; }
.announcement { position:relative; z-index:1; width:fit-content; margin:0 auto 26px; height:32px; display:flex; align-items:center; gap:9px; padding:0 12px 0 5px; border:1px solid #dde1ea; border-radius:999px; background:rgba(255,255,255,.88); box-shadow:0 3px 14px rgba(26,37,69,.06); color:#57716a; font-size:11px; font-weight:650; }
.announcement span { background:#e8f6ef; color:var(--blue); padding:5px 8px; border-radius:999px; font-weight:750; }.announcement b { color:var(--blue); }
h1 { position:relative; z-index:1; max-width:940px; margin:0 auto; font-size:clamp(58px,6.5vw,96px); line-height:.98; letter-spacing:-.065em; font-weight:710; }
h1 span { color:var(--blue); }
.hero-lede { position:relative; z-index:1; max-width:690px; margin:28px auto 0; color:#5f746f; font-size:18px; line-height:1.6; }
.hero-actions { position:relative; z-index:1; display:flex; justify-content:center; gap:12px; margin-top:32px; }
.hero-note { position:relative; z-index:1; margin:19px 0 50px; display:flex; justify-content:center; gap:19px; color:#7a8495; font-size:11px; }.hero-note span { color:#16835f; font-weight:900; }

.app-shell { position:relative; z-index:2; width:min(1240px,100%); margin:0 auto; text-align:left; background:#fff; border:1px solid #dce9e4; border-radius:16px 16px 0 0; box-shadow:0 40px 90px rgba(14,74,56,.14),0 6px 20px rgba(14,74,56,.06); overflow:hidden; }
.app-topbar { height:48px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid #e7e9ee; background:#fafbfc; padding:0 16px; }
.window-controls { display:flex; gap:6px; }.window-controls i { width:9px; height:9px; border-radius:50%; background:#d6d9e0; }.window-controls i:first-child { background:#ff8068; }.window-controls i:nth-child(2) { background:#ffc45c; }.window-controls i:nth-child(3) { background:#56ca80; }
.app-title { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:720; color:#475165; }
.mini-mark { width:17px; height:17px; border-radius:5px; background:#0f3b30; position:relative; display:inline-block; }.mini-mark i { position:absolute; width:4px; height:4px; border-radius:50%; background:white; }.mini-mark i:first-child { left:3px; top:7px; }.mini-mark i:nth-child(2) { right:3px; top:3px; background:#67c28f; }.mini-mark i:nth-child(3) { right:3px; bottom:3px; background:#35aa7d; }
.app-user { justify-self:end; width:25px; height:25px; border-radius:7px; background:#e5f4ed; color:#187b5c; display:grid; place-items:center; font-size:8px; font-weight:800; }
.app-layout { display:grid; grid-template-columns:190px 1fr; min-height:610px; }
.sidebar { display:flex; flex-direction:column; padding:15px 12px; border-right:1px solid #e7e9ee; background:#fafbfc; }
.workspace-select { height:48px; display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:8px; padding:0 9px; border:1px solid #e3e6ec; border-radius:8px; background:#fff; font-size:9px; }
.workspace-select small { display:block; color:#98a0af; font-size:6px; letter-spacing:.08em; }.workspace-select b { display:block; margin-top:2px; color:#333d50; font-size:9px; }
.workspace-icon { width:27px; height:27px; display:grid; place-items:center; background:#16835f; border-radius:6px; color:white; font-size:10px; font-weight:800; }
.side-group { margin-top:20px; }.side-group>small { display:block; margin:0 9px 7px; color:#9aa1ae; font-size:7px; font-weight:750; letter-spacing:.1em; }
.side-group a { height:34px; display:grid; grid-template-columns:22px 1fr auto; align-items:center; padding:0 9px; border-radius:6px; color:#657084; font-size:9px; font-weight:600; }.side-group a>span { font-size:12px; color:#8e97a7; }.side-group a>b { font-size:7px; background:#edeff3; color:#768092; padding:3px 5px; border-radius:5px; }.side-group a.active { background:#e8f6ef; color:#187b5c; }.side-group a.active>span { color:#16835f; }
.agent-status { margin-top:auto; border:1px solid #e2e5eb; background:#fff; border-radius:8px; padding:9px; display:flex; align-items:center; justify-content:space-between; }.agent-status>div { display:flex; align-items:center; gap:8px; }.agent-orb { width:28px; height:28px; display:grid; place-items:center; color:white; background:#16835f; border-radius:7px; }.agent-status b { display:block; font-size:8px; }.agent-status small { display:block; margin-top:2px; color:#8992a1; font-size:7px; }.agent-status>i { width:6px; height:6px; border-radius:50%; background:#27b47b; box-shadow:0 0 0 3px #e3f7ef; }
.app-main { padding:27px 28px; background:#fff; min-width:0; }
.dashboard-head { display:flex; align-items:end; justify-content:space-between; }.dashboard-head span { color:#9aa2b1; font-size:7px; font-weight:750; letter-spacing:.11em; }.dashboard-head h2 { margin:5px 0 0; font-size:20px; letter-spacing:-.03em; }.dashboard-head button { border:0; border-radius:6px; background:#16835f; color:white; padding:9px 12px; font-size:8px; font-weight:700; }
.stats-row { margin-top:20px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e6e8ee; border-radius:9px; overflow:hidden; }.stats-row>div { min-height:92px; padding:14px; border-right:1px solid #e8eaf0; position:relative; }.stats-row>div:last-child { border:0; }.stats-row span { display:block; color:#7a8495; font-size:8px; }.stats-row strong { display:block; margin-top:8px; font-size:22px; letter-spacing:-.03em; }.stats-row small { display:block; margin-top:4px; color:#9098a7; font-size:7px; }.stats-row small b { color:#20a778; }
.spark { position:absolute; right:11px; bottom:15px; height:28px; display:flex; gap:3px; align-items:flex-end; }.spark i { width:3px; height:10px; background:#b9dfce; border-radius:2px; }.spark i:nth-child(2) { height:15px; }.spark i:nth-child(3) { height:13px; }.spark i:nth-child(4) { height:20px; background:#80c6a6; }.spark i:nth-child(5) { height:18px; }.spark i:nth-child(6) { height:25px; background:#3cad80; }.spark i:nth-child(7) { height:27px; background:#16835f; }
.dashboard-grid { display:grid; grid-template-columns:1.7fr .8fr; gap:14px; margin-top:14px; }.accounts-panel,.activity-panel { border:1px solid #e6e8ee; border-radius:9px; overflow:hidden; }.panel-head { min-height:55px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e9ebf0; }.panel-head h3 { margin:0; font-size:10px; }.panel-head span { display:block; margin-top:3px; color:#969dac; font-size:7px; }.panel-head button { border:1px solid #e1e4ea; background:white; border-radius:5px; color:#677185; padding:5px 8px; font-size:7px; }
.table-head,.account-row { display:grid; grid-template-columns:1.25fr .9fr .35fr .75fr; align-items:center; gap:8px; padding:0 14px; }.table-head { height:31px; color:#9ba2af; background:#fafbfc; font-size:7px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }.account-row { min-height:68px; border-top:1px solid #eef0f3; color:#657084; font-size:8px; }.account-name { display:flex; align-items:center; gap:9px; }.account-name b { display:block; color:#263044; font-size:9px; }.account-name small { display:block; margin-top:3px; color:#969eac; font-size:7px; }.avatar { width:28px; height:28px; border-radius:7px; display:grid; place-items:center; font-size:7px; font-weight:800; }.avatar.blue { background:#e4f4ec; color:#187b5c; }.avatar.violet { background:#eaf7f1; color:#258d69; }.avatar.orange { background:#edf8f3; color:#288a69; }.avatar.green { background:#e5f7ef; color:#2b9a73; }.score { width:26px; height:22px; display:grid; place-items:center; border-radius:5px; background:#edf8f3; color:#23916a; font-size:8px; }.status { width:fit-content; padding:4px 6px; border-radius:999px; font-size:6.5px!important; white-space:nowrap; background:#f0f2f5; color:#5f746f!important; }.status.meeting-booked { color:#138057!important; background:#e8f7f0; }.status.in-conversation { color:#237f61!important; background:#e8f6ef; }.status.outreach-sent { color:#237f61!important; background:#e8f6ef; }
.activity-feed { padding:0 14px; }.activity-item { display:grid; grid-template-columns:28px 1fr; gap:9px; padding:13px 0; border-bottom:1px solid #edf0f3; }.activity-icon { width:27px; height:27px; border-radius:7px; display:grid; place-items:center; font-size:9px; }.activity-icon.purple { background:#eaf7f1; color:#258d69; }.activity-icon.green { background:#e9f8f2; color:#249c72; }.activity-icon.blue { background:#e8f6ef; color:#237f61; }.activity-item p { margin:0; color:#697386; font-size:7px; line-height:1.5; }.activity-item p b { color:#2b3446; font-size:8px; }.activity-item small { display:block; margin-top:4px; color:#a0a6b1; font-size:6px; }.live { display:inline-block; width:5px; height:5px; margin-right:3px; border-radius:50%; background:#24b17d; }
.agent-thinking { margin:13px 0 2px; padding:10px; display:flex; gap:8px; border-radius:7px; background:#f3faf7; color:#237f61; }.agent-thinking>span { width:23px; height:23px; display:grid; place-items:center; border-radius:6px; background:#16835f; color:white; font-size:8px; }.agent-thinking b { display:block; font-size:7px; }.agent-thinking div div { margin-top:6px; display:flex; gap:2px; }.agent-thinking i { width:13px; height:3px; border-radius:2px; background:#b9dfce; }.agent-thinking i:nth-child(-n+4) { background:#3cad80; }

.integration-strip { padding:45px clamp(22px,6vw,96px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; }.integration-strip>span { display:block; color:#71857f; font-size:9px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }.integration-strip>div { margin-top:25px; display:flex; justify-content:center; align-items:center; gap:clamp(28px,5vw,78px); flex-wrap:wrap; }.integration-strip b { display:flex; align-items:center; gap:7px; color:#49645d; font-size:15px; }.integration-strip i { color:#16835f; font-style:normal; }.hubspot-dot { width:13px; height:13px; border-radius:50%; background:#16835f; }.salesforce-cloud { font-size:20px; }.slack-hash { font-size:20px; }.google-g { font-size:18px; }.ms-grid { font-size:19px; }
.section { padding:130px clamp(22px,7vw,112px); }.section-heading { max-width:790px; margin:0 auto 66px; text-align:center; }.section-label { display:block; color:var(--blue); font-size:11px; font-weight:780; letter-spacing:.1em; text-transform:uppercase; }.section h2 { margin:18px 0 0; font-size:clamp(43px,5vw,67px); line-height:1.04; letter-spacing:-.05em; }.section-heading p { max-width:630px; margin:22px auto 0; color:var(--muted); font-size:16px; }
.product-section { background:#fff; }.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; max-width:1240px; margin:0 auto; }.feature-grid article { min-height:315px; display:flex; flex-direction:column; padding:26px; border:1px solid #dce9e4; border-radius:13px; background:#fff; box-shadow:0 8px 22px rgba(14,74,56,.04); transition:transform .25s,box-shadow .25s; }.feature-grid article:hover { transform:translateY(-5px); box-shadow:0 17px 36px rgba(14,74,56,.09); }.feature-icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid #cfe6dc; border-radius:10px; background:#edf8f3; color:var(--blue); font-size:20px; box-shadow:inset 0 0 0 4px white; }.feature-grid h3 { margin:52px 0 10px; font-size:18px; letter-spacing:-.025em; }.feature-grid p { margin:0; color:var(--muted); font-size:13px; }.feature-grid a { margin-top:auto; padding-top:22px; color:#16835f; font-size:11px; font-weight:700; }

.workflow-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; align-items:center; background:#f3faf7; }.workflow-copy h2 { max-width:580px; }.workflow-copy>p { max-width:530px; color:var(--muted); font-size:15px; }.workflow-steps { margin-top:40px; }.workflow-steps>div { display:grid; grid-template-columns:34px 1fr; gap:15px; margin-top:24px; }.workflow-steps>div>span { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; background:#fff; border:1px solid #dfe3eb; color:var(--blue); font-size:10px; font-weight:800; box-shadow:0 3px 8px rgba(30,43,75,.05); }.workflow-steps p { margin:0; color:var(--muted); font-size:12px; }.workflow-steps b { display:block; margin-bottom:3px; color:#264e43; font-size:14px; }
.workflow-ui { padding:20px; border:1px solid #dce9e4; border-radius:15px; background:#fff; box-shadow:0 24px 55px rgba(14,74,56,.1); }.workflow-ui-head { display:flex; justify-content:space-between; align-items:center; padding:0 4px 16px; border-bottom:1px solid #e9ebf0; }.workflow-ui-head>div { display:flex; align-items:center; gap:10px; }.workflow-ui-head>div>span { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; color:white; background:#16835f; }.workflow-ui-head p { margin:0; }.workflow-ui-head small { display:block; color:#9ba3b1; font-size:7px; letter-spacing:.08em; }.workflow-ui-head b { font-size:12px; }.workflow-ui-head>i { font-style:normal; padding:5px 8px; border-radius:999px; background:#eaf8f2; color:#218a65; font-size:8px; }.workflow-ui-head>i b { display:inline-block; width:5px; height:5px; border-radius:50%; background:#20a876; margin-right:3px; }
.automation-line { min-height:72px; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:12px; padding:0 14px; border:1px solid #e4e7ee; border-radius:9px; }.automation-line.active { border-color:#80c6a6; box-shadow:0 0 0 3px #e8f6ef; }.line-orb { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; background:#edf7f4; color:#299473; }.line-orb.violet { background:#eaf7f1; color:#258d69; }.line-orb.blue { background:#e8f6ef; color:#237f61; }.line-orb.gray { background:#f0f2f5; color:#87909f; }.automation-line b { display:block; font-size:11px; }.automation-line small { display:block; margin-top:3px; color:#8c95a5; font-size:8px; }.automation-line em { padding:5px 7px; border-radius:999px; color:#298c6a; background:#eaf8f2; font-size:7px; font-style:normal; font-weight:700; }.automation-line.active em { color:#237f61; background:#e8f6ef; }.automation-line em.waiting { color:#737d8e; background:#f0f2f5; }.flow-connector { height:20px; margin-left:31px; border-left:1px dashed #8ccab0; position:relative; }.flow-connector i { position:absolute; top:8px; left:-2px; width:4px; height:4px; border-radius:50%; background:#2b9b72; }.flow-connector.muted { border-color:#cfd4dd; }.flow-connector.muted i { background:#aeb5c1; }
.workflow-progress { margin-top:16px; padding:12px 14px; border-radius:8px; background:#f7f8fb; display:flex; align-items:center; gap:12px; }.workflow-progress>span { display:flex; gap:3px; }.workflow-progress>span i { width:4px; height:4px; border-radius:50%; background:#2b9b72; }.workflow-progress p { margin:0; }.workflow-progress b { display:block; font-size:9px; }.workflow-progress small { color:#9098a6; font-size:7px; }

.control-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; align-items:center; background:#0b2f27; color:white; }.control-panel h2 { margin-top:22px; }.control-badge { width:fit-content; padding:6px 10px; border:1px solid rgba(103,194,143,.35); border-radius:999px; color:#a8dbc4; background:rgba(22,131,95,.18); font-size:9px; font-weight:720; text-transform:uppercase; letter-spacing:.08em; }.control-panel>p { max-width:500px; color:#9aa5bb; font-size:15px; }.control-points { display:grid; grid-template-columns:1fr 1fr; gap:16px 22px; margin:34px 0; }.control-points span { color:#c3cada; font-size:11px; }.control-points i { width:18px; height:18px; margin-right:7px; display:inline-grid; place-items:center; border-radius:50%; background:rgba(103,194,143,.18); color:#72c29d; font-size:8px; font-style:normal; }.button-inverse { background:white; color:#173c32; }
.guardrail-card { border:1px solid #2b5b4e; border-radius:15px; background:#103b31; box-shadow:0 30px 70px rgba(0,0,0,.32); overflow:hidden; }.guardrail-head { min-height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; border-bottom:1px solid #285447; }.guardrail-head>div { display:flex; align-items:center; gap:11px; }.shield { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; background:#16835f; }.guardrail-head p { margin:0; }.guardrail-head b { display:block; font-size:12px; }.guardrail-head small { display:block; margin-top:3px; color:#7f8aa0; font-size:8px; }.enabled { padding:6px 9px; border-radius:999px; background:rgba(31,165,116,.12); color:#51d7a6; font-size:8px; }.enabled i { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:#47d1a0; }
.settings-list { padding:8px 22px; }.settings-list>div { min-height:78px; display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; border-bottom:1px solid #264e43; }.settings-list>div:last-child { border:0; }.setting-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:#184a3d; color:#72c29d; }.settings-list p { margin:0; }.settings-list b { display:block; font-size:10px; }.settings-list small { display:block; margin-top:4px; color:#7f899e; font-size:8px; }.toggle { width:31px; height:17px; display:block; padding:2px; border-radius:999px; background:#3f6258; }.toggle b { width:13px; height:13px; display:block; border-radius:50%; background:#9ca4b4; }.toggle.on { background:#16835f; }.toggle.on b { margin-left:14px; background:white; }.audit-row { min-height:63px; display:grid; grid-template-columns:28px 1fr auto; gap:9px; align-items:center; padding:0 22px; background:#0e352c; border-top:1px solid #285447; }.audit-row>span { width:26px; height:26px; display:grid; place-items:center; border-radius:7px; background:#1d3b39; color:#47d1a0; font-size:9px; }.audit-row p { margin:0; }.audit-row b { display:block; font-size:9px; }.audit-row small { display:block; margin-top:3px; color:#748095; font-size:7px; }.audit-row a { color:#8bd0ae; font-size:8px; }

.cta-section { position:relative; padding:120px 22px; background:#16835f; text-align:center; color:white; overflow:hidden; }.cta-section>*:not(.cta-glow) { position:relative; z-index:1; }.section-label.light { color:#d9f2e7; }.cta-section h2 { max-width:820px; margin:20px auto 0; font-size:clamp(48px,6vw,78px); line-height:1; letter-spacing:-.055em; }.cta-section p { max-width:600px; margin:24px auto 30px; color:#e2f3eb; font-size:16px; }.button-white { background:white; color:#174a3b; box-shadow:0 15px 30px rgba(11,62,47,.2); }.cta-glow { display:none; }
footer { min-height:180px; padding:42px clamp(22px,5vw,80px); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:30px; background:#08251f; color:white; } footer p { text-align:center; color:#788398; font-size:11px; }.footer-brand .brand-mark i { background:white; }.footer-brand .brand-mark i:nth-child(2) { background:var(--orange); }.footer-brand .brand-mark i:nth-child(3) { background:#35aa7d; }.footer-brand .brand-mark:after { background:white; box-shadow:0 5px 0 white; } footer>div { display:flex; flex-direction:column; align-items:flex-end; gap:9px; color:#737e91; font-size:10px; } footer>div a { color:#8bd0ae; }

@media (max-width:1050px) {
  .site-header { grid-template-columns:1fr auto; } nav { display:none; }
  .app-layout { grid-template-columns:150px 1fr; }.dashboard-grid { grid-template-columns:1fr; }.activity-panel { display:none; }.stats-row { grid-template-columns:1fr 1fr; }.stats-row>div:nth-child(2) { border-right:0; }.stats-row>div:nth-child(-n+2) { border-bottom:1px solid #e8eaf0; }
  .feature-grid { grid-template-columns:1fr 1fr; }.workflow-section,.control-section { grid-template-columns:1fr; }.workflow-copy,.control-panel { max-width:720px; }.workflow-ui,.guardrail-card { width:min(100%,760px); justify-self:center; }
}
@media (max-width:720px) {
  .site-header { height:68px; padding:0 18px; }.header-actions .login-link { display:none; }.button-small { min-height:38px; padding:0 13px; }.brand { font-size:10px; }.brand-mark { transform:scale(.9); transform-origin:left center; }
  .hero { padding:66px 14px 0; }.announcement { max-width:100%; font-size:9px; } h1 { font-size:clamp(48px,14vw,70px); }.hero-lede { font-size:15px; }.hero-actions { flex-direction:column; align-items:stretch; max-width:360px; margin-left:auto; margin-right:auto; }.hero-note { flex-wrap:wrap; margin-bottom:36px; }
  .app-shell { border-radius:11px 11px 0 0; }.app-topbar { height:38px; }.app-layout { display:block; min-height:0; }.sidebar { display:none; }.app-main { padding:18px 13px 20px; }.dashboard-head h2 { font-size:16px; }.dashboard-head button { padding:7px 9px; }.stats-row>div { min-height:74px; padding:10px; }.stats-row strong { font-size:18px; }.rate-stat .spark { display:none; }.table-head,.account-row { grid-template-columns:1.25fr .8fr .3fr; }.table-head span:last-child,.account-row>.status { display:none; }.account-row { min-height:58px; }.account-name .avatar { display:none; }.account-name small { display:none; }
  .integration-strip { padding:35px 18px; }.integration-strip>div { gap:21px 28px; }.integration-strip b { font-size:12px; }
  .section { padding:90px 18px; }.section h2 { font-size:42px; }.section-heading { margin-bottom:42px; }.feature-grid { grid-template-columns:1fr; }.feature-grid article { min-height:270px; }.feature-grid h3 { margin-top:35px; }
  .workflow-section,.control-section { gap:60px; }.workflow-ui { padding:13px; }.automation-line { padding:0 9px; grid-template-columns:34px 1fr auto; }.automation-line em { font-size:6px; }.control-points { grid-template-columns:1fr; }.guardrail-head,.settings-list,.audit-row { padding-left:14px; padding-right:14px; }.settings-list small { max-width:200px; }.audit-row a { display:none; }
  .cta-section { padding:95px 18px; }.cta-section h2 { font-size:47px; } footer { grid-template-columns:1fr; text-align:left; } footer p { text-align:left; } footer>div { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { transition:none!important; } }