@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root { --ink:#15202d; --muted:#65717e; --line:#e1e5e9; --paper:#fff; --orange:#e98a37; --navy:#111b28; --soft:#f5f7f9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'DM Sans',Arial,sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; cursor:pointer; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button:focus-visible,a:focus-visible { outline:3px solid #e98a37; outline-offset:5px; }
[hidden] { display:none!important; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { line-height:1.08; font-weight:500; letter-spacing:-.045em; }
.wrap { max-width:1240px; margin:0 auto; padding:0 48px; }
.skip-link { position:absolute; top:-100px; left:20px; padding:12px 20px; background:white; z-index:100; }.skip-link:focus { top:10px; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); }
.nav-wrap { height:88px; max-width:1340px; margin:auto; padding:0 48px; display:flex; align-items:center; gap:48px; }
.brand { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; }.brand span { font-size:32px; letter-spacing:-.06em; font-weight:600; }.brand img { width:38px; height:38px; }
.nav-wrap nav { display:flex; align-items:center; gap:30px; margin-left:35px; }.nav-wrap nav a,.nav-actions a,.site-footer nav a { font-size:14px; font-weight:500; }
.nav-wrap nav a:hover,.site-footer nav a:hover { color:#b45d17; }
.nav-actions { display:flex; align-items:center; gap:24px; margin-left:auto; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 24px; color:#fff; background:var(--ink); border:1px solid var(--ink); border-radius:6px; font-size:14px; font-weight:600; transition:background .2s,transform .2s; }
.button:hover { background:#31445a; transform:translateY(-1px); }.button-small { min-height:40px; padding:9px 17px; }
.menu-toggle { display:none; border:0; background:none; width:44px; height:44px; }.menu-toggle span { display:block; background:var(--ink); height:2px; width:23px; margin:6px auto; }.mobile-nav { padding:16px 24px 24px; border-top:1px solid var(--line); }.mobile-nav a { display:block; padding:12px 0; }
.eyebrow { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:600; letter-spacing:.12em; line-height:1.5; }.orange-line { width:28px; height:2px; background:var(--orange); }
.hero { padding-top:72px; }.hero-copy { display:grid; grid-template-columns:1.55fr 1fr; gap:60px; align-items:end; margin:30px 0 56px; }.hero h1 { font-size:clamp(54px,5.8vw,82px); line-height:1.04; letter-spacing:-.06em; }.hero h1 span { color:#83909b; }
.hero-right { padding:5px 0 4px; }.hero-right > p:first-child { font-size:21px; line-height:1.5; max-width:360px; letter-spacing:-.02em; }.hero-secondary { margin:15px 0 24px; font-size:15px; color:var(--muted); max-width:365px; }.hero-right .text-link { display:inline-flex; margin-left:15px; font-size:13px; }
.text-link { display:inline-block; font-size:14px; font-weight:600; border-bottom:1px solid currentColor; padding-bottom:3px; }.text-link:hover { color:#b45d17; }
.product-window { border:1px solid #d9dfe5; border-radius:10px; overflow:hidden; box-shadow:0 24px 65px -35px rgba(16,30,50,.3); background:#fff; scroll-margin-top:105px; }
.window-bar { display:flex; align-items:center; gap:24px; height:57px; padding:0 24px; border-bottom:1px solid var(--line); background:#fafbfc; font-size:13px; }
.window-brand { display:flex; align-items:center; gap:8px; font-weight:600; }.window-breadcrumb { color:var(--muted); }.window-breadcrumb span { margin:0 10px; color:#c1c8ce; }.sample-label { margin-left:auto; font-size:10px; letter-spacing:.12em; color:#6c7783; }
.workspace-layout { display:grid; grid-template-columns:195px minmax(0,1fr); }.app-sidebar { border-right:1px solid var(--line); background:#fafbfc; padding:24px 18px; display:flex; flex-direction:column; gap:5px; font-size:13px; }.workspace-name { display:flex; align-items:center; gap:9px; font-weight:600; margin-bottom:26px; }.workspace-name i { width:25px; height:25px; background:#333e36; color:#fff; display:grid; place-items:center; border-radius:5px; font-style:normal; }.sidebar-label { font-size:10px; letter-spacing:.08em; color:#81909e; margin-bottom:8px; }.sidebar-item { padding:8px 10px; color:#56626f; }.sidebar-item.active { background:#eaf0f4; border-radius:5px; color:var(--ink); font-weight:600; }.sidebar-item b { float:right; font-size:11px; font-weight:400; }.sidebar-bottom { margin-top:auto; padding-top:45px; }.brand-setting { display:flex; flex-direction:column; color:#87919b; margin:10px 0; font-size:11px; }.brand-setting b { color:#5b6773; font-weight:500; font-size:12px; }
.app-main { min-width:0; padding:30px 34px; }.campaign-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }.micro-label { font-size:10px; letter-spacing:.09em; font-weight:600; color:#7b8591; }.campaign-heading h2 { font-size:26px; margin-top:8px; letter-spacing:-.035em; }.status-pill { display:inline-flex; align-items:center; padding:5px 10px; border-radius:5px; background:#edf3ef; color:#496554; font-size:11px; white-space:nowrap; }.status-pill.amber { background:#fff1df; color:#926526; }
.demo-tabs { display:flex; border-bottom:1px solid var(--line); margin:24px 0; gap:25px; }.demo-tabs button { color:#7a8590; background:none; border:0; border-bottom:2px solid transparent; padding:10px 0 13px; font-size:13px; }.demo-tabs button span { font-size:10px; margin-right:5px; }.demo-tabs button[aria-selected=true] { color:var(--ink); border-color:var(--orange); }
.demo-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; min-height:320px; }.creative-preview { position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:5px; max-height:350px; background:#d1d6cf; }.product-photo { width:100%; height:100%; object-fit:cover; }.creative-tag { position:absolute; left:14px; bottom:14px; padding:5px 8px; font-size:10px; letter-spacing:.07em; background:rgba(255,255,255,.91); border-radius:3px; }
.copy-preview { padding:5px 0; }.copy-preview h3 { font-size:32px; line-height:1.1; margin:13px 0 15px; }.copy-preview > p { font-size:13px; line-height:1.7; color:#697481; }.copy-divider { height:1px; background:var(--line); margin:20px 0 14px; }.copy-preview dl { margin:0; font-size:11px; }.copy-preview dl div { display:flex; justify-content:space-between; gap:14px; margin:9px 0; }.copy-preview dt { color:#8b95a0; }.copy-preview dd { margin:0; text-align:right; color:#4a5663; }.small-status { display:inline-block; font-size:10px; margin-top:18px; color:#7c878f; }.review-note { display:flex; gap:10px; padding:16px 0; border-block:1px solid var(--line); margin:20px 0; font-size:12px; }.avatar { flex-shrink:0; width:27px; height:27px; background:#dce6eb; border-radius:50%; display:grid; place-items:center; font-size:10px; }.review-note p { margin-top:6px; color:var(--muted); }.copy-preview .demo-footnote { font-size:10px; margin-top:20px; color:#8c969e; }
.launch-summary { background:var(--soft); padding:24px; border-radius:5px; }.launch-summary h3 { font-size:27px; margin:12px 0 22px; }.launch-row { display:flex; justify-content:space-between; gap:12px; font-size:11px; padding:14px 0; border-bottom:1px solid var(--line); }.launch-row span { color:var(--muted); }.launch-row strong { font-weight:500; }.inspector-preview { background:var(--soft); padding:16px; border-radius:5px; }.inspector-photo { height:150px; margin-bottom:16px; overflow:hidden; border-radius:3px; }.inspector-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 43%; }.inspector-preview h3 { font-size:20px; margin:9px 0 20px; }.sample-metrics { display:flex; justify-content:space-between; gap:10px; }.sample-metrics div { display:flex; flex-direction:column; }.sample-metrics span { font-size:10px; color:var(--muted); }.sample-metrics strong { font-size:23px; font-weight:500; letter-spacing:-.04em; }.inspector-preview small { display:block; font-size:9px; color:#8c969e; margin-top:12px; }
.window-footer { border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:15px; padding:12px 24px; font-size:11px; color:#7d8792; }.hero-bottom { display:flex; justify-content:space-between; gap:20px; font-size:12px; color:var(--muted); padding:24px 0 0; }.hero-bottom > span:last-child { font-size:10px; letter-spacing:.08em; }.hero-bottom i { font-style:normal; margin:0 9px; color:#b6bdc4; }
.workflow-section { padding-top:130px; padding-bottom:110px; }.section-heading { max-width:790px; }.section-heading h2 { font-size:clamp(35px,4vw,52px); margin:24px 0; }.section-heading > p { font-size:18px; color:var(--muted); max-width:520px; line-height:1.65; }.workflow-list { margin-top:56px; border-top:1px solid var(--line); }.workflow-list article { display:grid; grid-template-columns:65px 1fr 190px; gap:25px; align-items:center; padding:29px 0; border-bottom:1px solid var(--line); }.step-number { font-size:14px; color:#9aa4ad; }.workflow-list h3 { font-size:24px; letter-spacing:-.035em; margin-bottom:10px; }.workflow-list p { color:var(--muted); font-size:15px; max-width:580px; }.step-detail { font-size:11px; letter-spacing:.07em; color:#8d969f; text-align:right; }
.creative-section { background:var(--navy); color:#f5f7fa; padding:105px 0 40px; }.light .eyebrow { color:#b2bcc9; }.light h2 { font-size:clamp(38px,4.3vw,58px); }.light > p { color:#9eacbb; }.studio-display { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:58px; align-items:center; }.studio-photo { position:relative; aspect-ratio:4/5; overflow:hidden; border-radius:4px; }.studio-photo img { width:100%; height:100%; object-fit:cover; }.photo-caption { position:absolute; bottom:22px; left:22px; right:22px; font-size:10px; letter-spacing:.12em; color:white; text-shadow:0 1px 3px black; }.studio-tools article { display:flex; gap:20px; border-top:1px solid #35414f; padding:30px 0; }.studio-tools article > span { color:#798da0; font-size:12px; }.studio-tools h3 { font-size:24px; line-height:1.2; margin-bottom:12px; }.studio-tools p { font-size:15px; color:#a7b4c2; line-height:1.7; }.tool-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.tool-tags span { font-size:11px; padding:4px 10px; border:1px solid #3c4b5b; border-radius:4px; color:#acbbcb; }.video-timeline { display:flex; margin-top:20px; gap:4px; height:37px; }.video-timeline span { display:flex; align-items:center; justify-content:center; flex:1; background:#34485e; border:1px solid #516379; color:#c9d6e1; font-size:10px; border-radius:3px; }.video-timeline span:last-child { flex:.9; background:#544631; border-color:#766349; }.creative-foot { display:flex; justify-content:space-between; gap:35px; padding-top:35px; margin-top:50px; border-top:1px solid #35414f; color:#9eacbb; font-size:13px; }.creative-foot > span { max-width:600px; }.creative-foot a { color:#edf1f5; font-size:13px; flex-shrink:0; }
.approval-section { display:grid; grid-template-columns:1fr .9fr; gap:100px; align-items:center; padding-top:120px; padding-bottom:120px; }.approval-copy h2,.insights-copy h2 { font-size:clamp(38px,4vw,54px); margin:23px 0; }.approval-copy > p,.insights-copy > p { font-size:18px; max-width:420px; }.approval-copy .muted,.insights-copy .muted { font-size:16px; color:var(--muted); margin:15px 0 26px; }.approval-visual { padding:25px; border:1px solid var(--line); background:#fafbfc; border-radius:8px; }.review-header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:23px; }.review-ad { border:1px solid #e1e5e9; background:#fff; border-radius:5px; overflow:hidden; }.review-ad > img { width:100%; height:270px; object-fit:cover; }.review-ad > div { padding:20px; }.review-ad h3 { font-size:22px; margin:9px 0; }.review-ad p { color:var(--muted); font-size:13px; }.approval-actions { display:flex; gap:10px; margin-top:16px; }.approval-option { border:1px solid #bfcac1; background:#e6eee8; color:#3e5d47; padding:10px 15px; text-align:center; flex:1; font-size:12px; border-radius:5px; }.approval-option.secondary { color:#6c7480; background:#fff; border-color:#d4dbe0; }.visual-note { display:block; font-size:10px; color:#8d969f; text-align:center; margin-top:15px; }
.insights-section { background:var(--soft); border-block:1px solid var(--line); padding:95px 0; }.insights-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }.insights-visual { background:#fff; border:1px solid #dce2e7; border-radius:7px; padding:30px; }.insights-top { display:flex; justify-content:space-between; gap:12px; }.insights-ad { display:flex; align-items:center; gap:18px; margin:25px 0; }.insights-ad img { width:80px; height:90px; object-fit:cover; border-radius:4px; }.insights-ad h3 { font-size:20px; }.insights-ad p { font-size:12px; color:var(--muted); margin-top:7px; }.insights-rows > div { display:flex; justify-content:space-between; gap:16px; padding:17px 0; font-size:13px; border-top:1px solid var(--line); }.insights-rows span { color:var(--muted); }.insights-rows strong { font-weight:500; text-align:right; }.insights-copy h2 { font-size:47px; }
.founder-section { display:grid; grid-template-columns:1fr 1.8fr; gap:55px; padding-top:110px; padding-bottom:110px; }.founder-section > .eyebrow { align-self:start; margin-top:8px; }.founder-section h2 { font-size:43px; }.founder-section p { margin-top:22px; color:var(--muted); max-width:575px; font-size:17px; }.founder-signature { display:block; font-size:14px; margin-top:26px; font-weight:600; }.founder-signature span { font-weight:400; color:#8a95a0; margin-left:15px; }
.closing-section { background:#eaf0f4; padding:70px 0 80px; }.closing-inner { display:grid; grid-template-columns:1.5fr 1fr; column-gap:100px; }.closing-inner > .eyebrow { grid-column:1/-1; margin-bottom:25px; }.closing-inner h2 { font-size:70px; letter-spacing:-.055em; }.closing-inner > div { align-self:end; }.closing-inner p { font-size:18px; color:#607182; margin-bottom:24px; }.closing-inner .button { display:flex; width:fit-content; }.closing-inner .text-link { margin-top:18px; font-size:13px; }
.site-footer { display:flex; align-items:center; flex-wrap:wrap; gap:25px; padding-top:40px; padding-bottom:35px; }.site-footer .brand span { font-size:27px; }.site-footer .brand img { width:30px; height:30px; }.site-footer > p { font-size:13px; color:#7b8792; }.site-footer nav { display:flex; gap:22px; margin-left:auto; }.site-footer nav a { font-size:12px; }.copyright { width:100%; border-top:1px solid var(--line); padding-top:23px; font-size:11px; color:#8b969f; margin-top:12px; }
@media(min-width:1500px) { .wrap { max-width:1340px; }.hero h1 { font-size:92px; }.app-main { padding:35px 40px; }.demo-panel { min-height:360px; }.creative-preview { max-height:390px; }.copy-preview h3 { font-size:38px; }.copy-preview > p { font-size:14px; } }
@media(max-width:1100px) { .nav-wrap { gap:25px; padding:0 32px; }.nav-wrap nav { margin-left:10px; gap:22px; }.wrap { padding-left:32px; padding-right:32px; }.hero-copy { gap:35px; grid-template-columns:1.35fr 1fr; }.hero h1 { font-size:65px; }.hero-right > p:first-child { font-size:18px; }.hero-right .text-link { display:table; margin:16px 0 0; }.workspace-layout { grid-template-columns:165px minmax(0,1fr); }.app-main { padding:25px; }.copy-preview h3 { font-size:28px; }.demo-panel { gap:20px; }.demo-tabs { gap:20px; }.studio-display { gap:40px; }.approval-section,.insights-grid { gap:55px; }.closing-inner { gap:40px; } }
@media(max-width:800px) { .nav-wrap { height:72px; }.nav-wrap nav { display:none; }.nav-actions { margin-left:auto; }.hero { padding-top:50px; }.hero-copy { grid-template-columns:1fr; gap:25px; margin-bottom:40px; }.hero h1 { font-size:70px; }.hero-right { max-width:570px; }.hero-right > p:first-child,.hero-secondary { max-width:none; }.hero-right .text-link { display:inline-block; margin:0 0 0 20px; }.app-sidebar { display:none; }.workspace-layout { grid-template-columns:minmax(0,1fr); }.window-breadcrumb { margin-left:auto; }.window-bar > .sample-label { display:none; }.app-main { padding:27px; }.hero-bottom { flex-direction:column; gap:10px; }.workflow-section { padding-top:90px; padding-bottom:85px; }.workflow-list article { grid-template-columns:40px 1fr; gap:15px; }.step-detail { display:none; }.studio-display { gap:35px; }.studio-tools h3 { font-size:21px; }.studio-tools p { font-size:14px; }.studio-tools article { padding:22px 0; gap:12px; }.studio-photo { aspect-ratio:3/5; }.creative-foot { flex-direction:column; gap:20px; }.approval-section { gap:35px; padding-top:85px; padding-bottom:85px; }.approval-visual { padding:18px; }.review-header { align-items:flex-start; flex-direction:column; gap:8px; }.review-ad > img { height:230px; }.insights-grid { gap:35px; }.insights-visual { padding:20px; }.insights-copy h2 { font-size:38px; }.insights-rows > div { font-size:12px; }.founder-section { grid-template-columns:1fr; gap:25px; padding-top:80px; padding-bottom:80px; }.closing-inner h2 { font-size:58px; }.site-footer nav { width:100%; margin:0; } }
@media(max-width:580px) { html { scroll-padding-top:80px; }.wrap { padding-left:22px; padding-right:22px; }.nav-wrap { padding:0 20px; height:68px; gap:10px; }.brand span { font-size:29px; }.brand img { width:32px; height:32px; }.nav-actions { gap:12px; }.nav-actions .sign-in { font-size:13px; }.nav-actions .button { display:none; }.menu-toggle { display:block; }.hero { padding-top:42px; }.eyebrow { font-size:10px; letter-spacing:.1em; }.hero h1 { font-size:clamp(43px,11vw,64px); line-height:1.08; }.hero-copy { gap:22px; margin-top:24px; }.hero-right > p:first-child { font-size:19px; line-height:1.55; }.hero-secondary { font-size:15px; }.hero-right .text-link { display:table; margin:18px 0 0; font-size:14px; }.button { width:100%; min-height:49px; font-size:15px; }.product-window { border-radius:7px; }.window-bar { padding:0 14px; gap:12px; height:48px; font-size:10px; }.window-brand { font-size:11px; }.window-brand img { width:19px; height:19px; }.window-breadcrumb span { margin:0 4px; }.app-main { padding:19px 16px; }.campaign-heading h2 { font-size:22px; }.campaign-heading .status-pill { font-size:9px; padding:4px 7px; }.micro-label { font-size:9px; }.demo-tabs { gap:0; justify-content:space-between; margin:19px 0; }.demo-tabs button { font-size:12px; min-height:44px; }.demo-tabs button span { display:none; }.demo-panel { grid-template-columns:1fr; gap:19px; min-height:auto; }.creative-preview { aspect-ratio:4/3; max-height:none; }.copy-preview { padding:0; }.copy-preview h3 { font-size:32px; }.copy-preview > p { font-size:14px; }.copy-preview h3 br { display:none; }.copy-preview dl { font-size:12px; }.copy-preview .demo-footnote { font-size:11px; }.copy-preview .small-status { font-size:11px; }.creative-tag { font-size:10px; }.window-footer { padding:12px 16px; font-size:10px; }.window-footer span:last-child { display:none; }.hero-bottom { font-size:12px; padding-top:20px; }.hero-bottom > span:last-child { font-size:9px; }.hero-bottom i { margin:0 5px; }.workflow-section { padding-top:76px; padding-bottom:76px; }.section-heading h2 { font-size:35px; margin:20px 0; }.section-heading > p { font-size:16px; }.workflow-list { margin-top:35px; }.workflow-list article { padding:26px 0; grid-template-columns:25px 1fr; gap:15px; }.workflow-list h3 { font-size:22px; }.workflow-list p { font-size:15px; }.creative-section { padding:73px 0 32px; }.light h2 { font-size:36px; }.studio-display { grid-template-columns:1fr; gap:34px; margin-top:35px; }.studio-photo { aspect-ratio:4/3; }.studio-tools h3 { font-size:24px; }.studio-tools p { font-size:15px; }.studio-tools article { padding:26px 0; gap:20px; }.tool-tags span { font-size:12px; }.video-timeline span { font-size:11px; }.creative-foot { margin-top:20px; font-size:14px; }.creative-foot a { font-size:14px; }.approval-section,.insights-grid { grid-template-columns:1fr; gap:35px; }.approval-section { padding-top:74px; padding-bottom:74px; }.approval-copy h2 { font-size:43px; }.approval-copy > p { font-size:17px; }.approval-copy .muted { font-size:16px; }.approval-visual { padding:20px; }.review-header { flex-direction:row; align-items:center; }.review-ad > img { height:280px; }.review-ad h3 { font-size:24px; }.review-ad p { font-size:14px; }.approval-option { font-size:13px; }.insights-section { padding:70px 0; }.insights-copy { grid-row:1; }.insights-copy h2 { font-size:42px; }.insights-visual { padding:25px; }.insights-rows > div { font-size:13px; }.founder-section { padding-top:73px; padding-bottom:73px; gap:24px; }.founder-section h2 { font-size:36px; }.founder-section p { font-size:16px; }.founder-signature { font-size:14px; }.closing-section { padding:58px 0; }.closing-inner { grid-template-columns:1fr; gap:28px; }.closing-inner > .eyebrow { margin-bottom:0; }.closing-inner h2 { font-size:57px; }.closing-inner .button { width:100%; }.closing-inner p { font-size:17px; }.closing-inner .text-link { font-size:14px; }.site-footer { padding-top:32px; gap:15px; }.site-footer > p { margin-left:auto; }.site-footer nav { flex-wrap:wrap; gap:17px; margin-top:13px; }.site-footer nav a { font-size:13px; }.copyright { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button { transition:none; }.button:hover { transform:none; } }

/* Shared dark foundation. Product surfaces stay quiet against the atmospheric sections. */
:root { --ink:#f0f3f7; --muted:#a0adbc; --line:#283240; --paper:#0c1119; --soft:#121b28; --navy:#101827; color-scheme:dark; }
:root { --orange:#f28b26; --orange-light:#f7a640; --orange-text:#f5ae65; --orange-gradient:linear-gradient(135deg,#f7a640,#f28b26); }
body { background:#0c1119; background-image:radial-gradient(ellipse 90% 700px at 65% 0,rgba(65,79,121,.25),transparent 72%); }
.site-header { background:rgba(12,17,25,.94); backdrop-filter:blur(16px); }.button { background:#edf1f6; border-color:#edf1f6; color:#15202d; }.button:hover { background:#d3deec; }.nav-actions .button { background:#263346; border-color:#41526b; color:#edf2f8; }.text-link:hover,.site-footer nav a:hover,.nav-wrap nav a:hover { color:#efb27d; }
.hero h1 span { color:#8291a7; }.hero-right > p:first-child { color:#d7dfe9; }.hero-secondary { color:#9baac0; }.product-window { background:#101926; border-color:#334155; box-shadow:0 35px 100px -35px rgba(0,0,0,.8),0 0 70px -35px rgba(86,108,164,.4); }.window-bar,.app-sidebar { background:#101822; }.window-brand { color:#d2dce7; }.window-breadcrumb { color:#8f9fb1; }.app-main { background:#131d2b; }.sidebar-item { color:#9caabd; }.sidebar-item.active { background:#253448; color:#eef2f8; }.sidebar-bottom .brand-setting b { color:#a0b0c4; }.campaign-heading h2 { color:#edf1f8; }.micro-label,.sample-label { color:#9ba9bc; }.demo-tabs button { color:#8495ab; }.demo-tabs button[aria-selected=true] { color:#edf1f8; }.copy-preview > p { color:#aab8cb; }.copy-preview dd { color:#bcc8d8; }.copy-preview dt { color:#8797ad; }.small-status,.window-footer { color:#9cabc0; }.status-pill { background:#21352c; color:#b1d3bd; }.status-pill.amber { background:#3a2d1d; color:#eac494; }.creative-tag { color:#192331; }.review-note { color:#dce4ee; }.avatar { background:#31425b; color:#dce4ee; }.launch-summary,.inspector-preview { background:#1a2637; }.launch-row strong { color:#d1dce9; }.copy-preview .demo-footnote,.inspector-preview small { color:#9aaaBF; }.step-number,.step-detail { color:#8798af; }
.creative-section { background:radial-gradient(ellipse at 90% 0,rgba(47,70,110,.34),transparent 55%),radial-gradient(ellipse at 0 90%,rgba(77,54,106,.19),transparent 60%),#101827; border-block:1px solid #2b3545; }.approval-visual { background:#152031; border-color:#354258; }.review-ad { border-color:#354258; background:#101a29; }.review-ad p { color:#9fb0c7; }.approval-option { background:#243d31; border-color:#385341; color:#bad7c4; }.approval-option.secondary { background:#1a273a; border-color:#3e4c62; color:#b7c3d5; }.insights-section { background:radial-gradient(ellipse at 20% 50%,rgba(56,70,111,.2),transparent 70%),#0f1723; }.insights-visual { background:#162131; border-color:#344258; }.closing-section { background:radial-gradient(ellipse at 80% 50%,rgba(78,65,121,.28),transparent 60%),radial-gradient(ellipse at 0 0,rgba(51,91,133,.3),transparent 70%),#141e2e; border-block:1px solid #2b394f; }.closing-inner p { color:#a8b7cc; }.site-footer > p,.copyright { color:#96a5ba; }.founder-signature span { color:#93a3b9; }.skip-link { background:#162131; }
.product-menu { position:relative; }.product-menu summary { font-size:14px; font-weight:500; cursor:pointer; list-style:none; padding:12px 0; }.product-menu summary::-webkit-details-marker { display:none; }.product-menu summary::after { content:'⌄'; margin-left:8px; color:#8798af; }.product-links { position:absolute; top:49px; left:-20px; width:250px; padding:12px; background:#152031; border:1px solid #344258; border-radius:7px; box-shadow:0 18px 40px #0006; }.product-links a { display:block; padding:12px 10px; border-radius:4px; }.product-links a:hover { background:#24334a; }.site-footer nav { max-width:700px; flex-wrap:wrap; }
.page-hero { padding-top:70px; padding-bottom:80px; position:relative; }.breadcrumb { font-size:10px; letter-spacing:.14em; color:#7f91aa; display:inline-block; margin-bottom:35px; }.page-hero h1 { font-size:clamp(45px,6vw,78px); letter-spacing:-.055em; margin:25px 0; }.page-hero > p { font-size:21px; color:#a6b5c9; max-width:690px; margin-bottom:30px; line-height:1.65; }.page-hero .button { width:fit-content; }.feature-split { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding-top:55px; padding-bottom:85px; }.feature-copy h2 { font-size:44px; margin:22px 0; }.feature-copy > p { font-size:17px; color:#c0cbd9; margin-bottom:20px; }.feature-copy > .muted { color:#96a7bf; font-size:16px; }.feature-visual { min-width:0; }.page-photo { position:relative; overflow:hidden; border-radius:6px; border:1px solid #344258; }.page-photo img { width:100%; aspect-ratio:4/5; object-fit:cover; }.page-photo > span { position:absolute; bottom:18px; left:18px; font-size:11px; color:#fff; padding:5px 9px; background:#101827cc; border-radius:4px; }.detail-rows article { display:flex; gap:23px; padding:25px 0; border-top:1px solid var(--line); }.detail-rows h3 { font-size:23px; margin-bottom:12px; }.detail-rows p { font-size:16px; color:#a0afc4; line-height:1.7; }.detail-rows .step-number { min-width:25px; font-size:12px; margin-top:5px; }.feature-band { padding:80px 0; background:radial-gradient(ellipse at 85% 30%,rgba(72,60,118,.23),transparent 65%),#121c2b; border-block:1px solid #2d384a; margin:30px 0 60px; }.feature-band h2,.feature-text h2 { font-size:48px; margin:24px 0; }.band-intro { font-size:19px; color:#a9b8cd; max-width:680px; }.large-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid #3a4559; margin:45px 0 30px; }.large-timeline > div { padding:28px 28px 28px 0; }.large-timeline > div+div { padding-left:28px; border-left:1px solid #3a4559; }.large-timeline span { font-size:11px; letter-spacing:.1em; color:#99aac3; }.large-timeline h3 { font-size:24px; margin:22px 0 13px; }.large-timeline p { font-size:15px; color:#9faec4; }.quiet-note { font-size:13px!important; color:#899cb7!important; line-height:1.7; margin-top:22px; }.copy-board,.agency-board { padding:32px; background:#162133; border:1px solid #344258; border-radius:7px; }.copy-board article { border-top:1px solid #364257; margin-top:24px; padding-top:24px; }.copy-board article > span { font-size:10px; letter-spacing:.12em; color:#9aabc1; }.copy-board h3 { font-size:27px; margin:13px 0; }.copy-board p { color:#9cacC3; font-size:14px; }.flow-page { padding-bottom:55px; }.flow-page .detail-rows article { padding:33px 0; gap:40px; }.flow-page .detail-rows p { max-width:830px; }.flow-page .detail-rows h3 { font-size:27px; }.feature-text { padding-top:30px; padding-bottom:80px; }.feature-text .detail-rows { margin-top:38px; }.feature-text .detail-rows article { max-width:900px; }.agency-board > div { padding:24px 0; border-top:1px solid #364257; display:flex; flex-direction:column; gap:8px; margin-top:17px; }.agency-board > div > span { font-size:20px; }.agency-board b { font-size:14px; font-weight:400; color:#9db0c8; }.page-cta { padding-top:70px; padding-bottom:85px; border-top:1px solid var(--line); }.page-cta h2 { font-size:52px; margin:23px 0; }.page-cta p { color:#a3b4cb; font-size:18px; margin-bottom:25px; }.page-cta .button { width:fit-content; }
.early-access-layout { display:grid; grid-template-columns:1fr 1fr; gap:95px; padding-top:80px; padding-bottom:100px; align-items:start; }.early-access-layout h1 { font-size:77px; margin:25px 0; }.early-access-layout > div > p { color:#a2b3ca; font-size:20px; }.access-expectations { margin-top:48px; border-top:1px solid #344258; padding-top:25px; }.access-expectations h2 { font-size:23px; margin-bottom:15px; }.access-expectations p { margin-top:15px; font-size:16px; color:#96a8c1; }.access-form { padding:32px; border:1px solid #344258; background:#151f2f; border-radius:8px; }.access-form h2 { font-size:26px; margin-bottom:25px; }.access-form > label { display:block; margin-top:20px; font-size:14px; color:#c5d0e0; }.access-form label > span { font-size:12px; color:#94a6bf; }.access-form :is(input:not([type=checkbox]),select,textarea) { display:block; width:100%; min-width:0; padding:12px; margin-top:8px; border:1px solid #40516b; border-radius:5px; background:#0f1827; color:#edf2f8; font:inherit; }.access-form textarea { resize:vertical; }.access-form input:focus,.access-form select:focus,.access-form textarea:focus { outline:2px solid #7899c9; outline-offset:2px; }.access-form .consent { display:flex; gap:12px; align-items:flex-start; }.access-form .consent input { flex-shrink:0; width:18px; height:18px; margin-top:3px; accent-color:#dca167; }.access-form .consent span { font-size:14px; line-height:1.6; color:#b3c2d7; }.honeypot { display:none!important; }.form-privacy { font-size:12px; color:#94a6bf; margin:15px 0 24px; }.form-privacy a,.legal-content a { border-bottom:1px solid #647893; }.access-form .button { width:100%; }.button:disabled { opacity:.65; cursor:wait; }.access-form #form-status { font-size:15px; margin-top:20px; color:#d9b087; }.access-form #form-status[data-state=success] { color:#b0d4bf; }.legal-content { max-width:860px; padding-top:75px; padding-bottom:90px; }.legal-content h1 { font-size:65px; margin:25px 0; }.legal-content h2 { font-size:25px; margin:36px 0 17px; }.legal-content p { font-size:17px; color:#a6b7ce; line-height:1.8; }
@media(max-width:900px) { .feature-split { gap:40px; }.feature-copy h2 { font-size:36px; }.feature-band h2,.feature-text h2 { font-size:40px; }.early-access-layout { gap:40px; }.early-access-layout h1 { font-size:58px; }.access-form { padding:24px; }.large-timeline h3 { font-size:21px; } }
@media(max-width:650px) { .page-hero { padding-top:40px; padding-bottom:35px; }.breadcrumb { margin-bottom:25px; }.page-hero h1 { font-size:42px; line-height:1.1; }.page-hero > p { font-size:18px; }.page-hero .button { width:100%; }.feature-split { grid-template-columns:1fr; gap:30px; padding-top:35px; padding-bottom:50px; }.feature-copy h2 { font-size:35px; }.feature-copy > p { font-size:16px; }.page-photo img { aspect-ratio:4/3; }.feature-band { padding:50px 0; margin-bottom:25px; }.feature-band h2,.feature-text h2 { font-size:35px; }.band-intro { font-size:17px; }.large-timeline { grid-template-columns:1fr; margin-top:30px; }.large-timeline > div,.large-timeline > div+div { padding:25px 0; border-left:0; border-top:1px solid #3a4559; }.large-timeline > div:first-child { border-top:0; }.large-timeline h3 { margin-top:14px; }.copy-board,.agency-board { padding:24px; }.feature-text { padding-top:30px; padding-bottom:50px; }.page-cta { padding-top:50px; padding-bottom:60px; }.page-cta h2 { font-size:37px; }.page-cta .button { width:100%; }.early-access-layout { grid-template-columns:1fr; padding-top:45px; padding-bottom:65px; gap:35px; }.early-access-layout h1 { font-size:60px; }.early-access-layout > div > p { font-size:18px; }.access-expectations { margin-top:30px; }.access-form { padding:23px; }.legal-content { padding-top:45px; padding-bottom:60px; }.legal-content h1 { font-size:43px; }.legal-content p { font-size:16px; }.site-footer nav { gap:16px; }.flow-page .detail-rows article { gap:20px; } }

.hero-copy.agency-hero { grid-template-columns:minmax(0,1fr); gap:25px; align-items:start; margin-bottom:45px; }
.agency-hero h1 { font-size:clamp(46px,5.6vw,76px); max-width:1080px; }
.agency-hero .hero-right { max-width:870px; }
.agency-hero .hero-right > p:first-child { max-width:870px; font-size:21px; line-height:1.6; }
.agency-hero .hero-secondary { max-width:850px; margin:15px 0 24px; }
.agency-hero .hero-right .text-link { display:inline-block; margin-left:22px; font-size:14px; }
.agency-origin { padding-top:85px; padding-bottom:80px; border-bottom:1px solid var(--line); }
.agency-origin h2 { font-size:39px; }
.agency-problems { padding-top:75px; }
.pain-rows { margin-top:40px; border-top:1px solid var(--line); }
.pain-rows article { display:grid; grid-template-columns:1fr 1.5fr; gap:60px; border-bottom:1px solid var(--line); padding:27px 0; align-items:center; }
.pain-rows h3 { font-size:25px; line-height:1.2; }
.pain-rows p { font-size:16px; color:var(--muted); max-width:640px; line-height:1.75; }
.workflow-section > .text-link { margin-top:30px; }
.agency-operations { padding-top:90px; padding-bottom:90px; }
.agency-operations .pain-rows { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.agency-operations .pain-rows article { display:block; border-bottom:0; }
.agency-operations .pain-rows h3 { margin-bottom:19px; }
.operations-throughline { border-top:1px solid var(--line); padding-top:25px; color:#bac7d9; font-size:17px; margin-bottom:22px; max-width:820px; }
/* Product screenshots keep their light application surfaces inside the dark site. */
.product-screenshot { margin:0; min-width:0; overflow:hidden; border:1px solid #354253; border-radius:12px; background:#111b29; }
.product-screenshot > a { display:block; background:#f4f6f9; }
.product-screenshot img { display:block; width:100%; height:auto; }
.product-screenshot figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; padding:16px 20px; color:#d8e1ec; font-size:14px; line-height:1.5; }
.product-screenshot figcaption > span:last-child { color:#9cabc0; font-size:12px; }
.screenshot-window .demo-tabs { padding:0 24px; margin:0; }
.screenshot-panel { padding:20px; }
.screenshot-panel[hidden] { display:none; }
.screenshot-panel .product-screenshot { border-color:#3b495b; }
.screenshot-panel img { max-height:650px; object-fit:contain; }
.studio-screen { min-width:0; align-self:center; }
.studio-display:has(.studio-screen) { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; }
.screenshot-inspector { padding:0; background:none; border:0; box-shadow:none; }
.screenshot-feature { padding-bottom:30px; }
.screenshot-feature .product-screenshot { max-width:1100px; margin:0 auto; }
.feature-visual:has(.product-screenshot) { min-width:0; }
@media(max-width:800px) { .studio-display:has(.studio-screen) { grid-template-columns:1fr; }.studio-screen { width:100%; }.screenshot-panel { padding:12px; }.screenshot-window .demo-tabs { padding:0 12px; }.screenshot-window .demo-tabs button { flex:1; min-width:0; padding:16px 6px; font-size:14px; }.product-screenshot figcaption { padding:12px 14px; } }
@media(max-width:580px) { .screenshot-window .window-bar { padding:14px; gap:12px; }.screenshot-window .sample-label { font-size:12px; }.screenshot-window .demo-tabs button span { display:none; }.screenshot-panel { padding:6px; }.product-screenshot { border-radius:8px; }.product-screenshot figcaption { font-size:13px; }.product-screenshot figcaption > span:last-child { font-size:12px; } }
/* App orange: primary actions, selected details and quiet section accents. */
.button,.nav-actions .button { background:var(--orange-gradient); border-color:var(--orange); color:#21160c; box-shadow:0 7px 22px rgba(242,139,38,.13); }
.button:hover,.nav-actions .button:hover { background:linear-gradient(135deg,#f39b32,#e77917); border-color:#e77917; color:#21160c; box-shadow:0 8px 26px rgba(242,139,38,.22); }
a:focus-visible,button:focus-visible { outline-color:var(--orange); }
.text-link { text-decoration-color:var(--orange); border-bottom-color:rgba(242,139,38,.65); }
.text-link:hover,.nav-wrap nav a:hover,.site-footer nav a:hover { color:var(--orange-text); }
.eyebrow,.light .eyebrow,.step-number,.step-detail,.studio-tools article > span,.large-timeline > div > span { color:var(--orange-text); }
.demo-tabs button[aria-selected=true] { border-color:var(--orange); }
.demo-tabs button[aria-selected=true] span { color:var(--orange-text); }
.sidebar-item.active { box-shadow:inset 2px 0 0 var(--orange); }
.tool-tags span { border-color:rgba(242,139,38,.28); background:rgba(242,139,38,.04); }
.copy-board article > span,.copy-preview > .micro-label,.insights-top > .micro-label,.review-header > .micro-label { color:var(--orange-text); }
.product-window { border-top-color:rgba(242,139,38,.55); }
.page-cta { border-top-color:rgba(242,139,38,.35); }
.access-form { border-top:2px solid var(--orange); }
.access-form .consent input { accent-color:var(--orange); }
.access-form :is(input,select,textarea):focus { outline-color:var(--orange); }
.hero,.page-hero { background:radial-gradient(ellipse 65% 65% at 100% 0,rgba(242,139,38,.055),transparent 75%); }
.closing-section { background:radial-gradient(ellipse at 95% 20%,rgba(242,139,38,.10),transparent 60%),radial-gradient(ellipse at 0 0,rgba(51,91,133,.25),transparent 70%),#141e2e; }
@media(max-width:800px) { .agency-origin { gap:30px; }.agency-hero h1 { font-size:59px; }.agency-operations .pain-rows { gap:25px; }.agency-operations .pain-rows h3 { font-size:22px; } }
@media(max-width:580px) { .hero-copy.agency-hero { gap:17px; }.agency-hero h1 { font-size:clamp(35px,9vw,48px); line-height:1.12; }.agency-hero .hero-right > p:first-child { font-size:18px; line-height:1.55; }.agency-hero .hero-secondary { font-size:14px; }.agency-hero .hero-right .text-link { display:table; margin:16px 0 0; }.agency-origin { padding-top:60px; padding-bottom:55px; }.agency-origin h2 { font-size:32px; }.agency-origin .founder-signature span { display:block; margin:4px 0 0; }.agency-problems { padding-top:55px; }.pain-rows article { grid-template-columns:1fr; gap:15px; padding:24px 0; }.pain-rows h3 { font-size:24px; }.pain-rows h3 br { display:none; }.agency-operations { padding-top:60px; padding-bottom:60px; }.agency-operations .pain-rows { grid-template-columns:1fr; gap:0; }.agency-operations .pain-rows article { border-bottom:1px solid var(--line); }.operations-throughline { border:0; font-size:16px; } }