@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/be-vietnam-400-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/be-vietnam-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/be-vietnam-500-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/be-vietnam-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/be-vietnam-600-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/be-vietnam-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/be-vietnam-700-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/be-vietnam-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/be-vietnam-800-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/be-vietnam-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--blue:#0874c9;--blue-dark:#005a9f;--ink:#12283e;--muted:#617183;--line:#e3e9ee;--mint:#d2f3ea;--navy:#0e2238;--font:'Be Vietnam Pro',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:var(--reading-body);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25;font-weight:700}a,button,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #1684e1}::selection{background:#bce9ff;color:#0e2238}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;color:#fff;background:var(--blue);z-index:100}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fff;font-size:16px;font-weight:600;line-height:1.5;box-shadow:0 4px 10px #0874c914;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 18px #0874c929}.button .icon{width:18px;height:18px}.button-small{padding:12px 16px;font-size:16px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;transition:color .2s}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover{color:var(--blue)}.text-link:hover span{transform:translate(2px,-2px)}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:1.65px;color:var(--blue);line-height:1.6}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}.section-heading h2{font-size:clamp(32px, 3.1vw, 42px);letter-spacing:-1.5px;margin-top:15px;line-height:1.4}.section-heading h2 span{color:var(--muted)}.section-heading>p{max-width:367px;color:var(--muted);font-size:var(--reading-body);line-height:1.9;padding-bottom:6px}
.site-header{height:94px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid #e9eef3;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand img{width:76px;height:auto;display:block}.brand-divider{height:30px;width:1px;background:var(--line)}.brand-name{font-size:23px;font-weight:700;letter-spacing:-.9px;line-height:1.2}.brand-name>span{color:var(--blue);margin-left:5px}.main-nav{display:flex;align-items:center;gap:27px}.main-nav>a:not(.button){font-size:16px;font-weight:500;transition:color .2s;white-space:nowrap}.main-nav>a:hover{color:var(--blue)}.main-nav>a.button:hover{color:#fff}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:6px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:19px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 35%,#dfeffb8c,transparent 58%),linear-gradient(110deg,#fbfcfd 0%,#f5f9fc 100%)}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(#d9e2ec66 1px,transparent 1px),linear-gradient(90deg,#d9e2ec66 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 25%,#000)}.hero-grid{display:grid;grid-template-columns:.93fr 1.2fr;gap:42px;align-items:center;position:relative;padding-top:83px;padding-bottom:74px}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;background:#e9f2fb;border:1px solid #d7e7f4;border-radius:5px;font-size:12px;letter-spacing:1.35px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #0874c916}.hero h1{font-size:clamp(45px,4.25vw,60px);line-height:1.27;letter-spacing:-2.7px;margin-top:23px;font-weight:800}.hero h1>span{color:var(--blue);position:relative;display:inline-block}.hero h1>span:after{content:'';position:absolute;bottom:1px;left:1px;right:-8px;height:9px;background:#8fd8eb55;border-radius:50%;transform:rotate(-2deg)}.hero-description{margin-top:24px;max-width:452px;font-size:var(--reading-lead);line-height:1.95;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.hero-actions .button{padding:16px 18px;font-size:16px;gap:12px}.hero-actions .text-link{font-size:16px;gap:8px}.hero-benefits{display:flex;gap:19px;margin-top:24px;font-size:14px;color:var(--muted)}.hero-benefits>span{display:flex;align-items:center;gap:5px}.hero-benefits .icon{width:15px;height:15px;color:#068376;stroke-width:2}.product-figure{position:relative;min-width:0;padding-bottom:42px;padding-top:24px}.preview-label{display:flex;align-items:center;gap:7px;margin-bottom:15px;color:#56748e;font-size:12px;letter-spacing:1.35px}.mini-spark{font-size:23px;color:var(--blue);line-height:1}.dashboard{background:var(--navy);border:1px solid #263d55;border-radius:12px;box-shadow:0 24px 65px #1c41622d,0 0 0 7px #fff9;overflow:hidden;transform:perspective(1800px) rotateY(-3deg) rotateX(1deg);color:#e8eef6;font-family:var(--font)}.dash-top{height:54px;display:flex;align-items:center;padding:0 18px;gap:18px;border-bottom:1px solid #27394d;background:#12273e}.dash-brand{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:15px;font-weight:600}.dash-brand b{color:#4dccbd}.dash-mark{display:grid;place-items:center;font-size:13px;background:var(--blue);width:24px;height:24px;border-radius:5px;margin-right:4px}.dash-site{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:11px;color:#a9bfd2;background:#1a3149;padding:5px 8px;border:1px solid #2b4258;border-radius:4px}.dash-site .icon{width:13px;height:13px}.dash-avatar{font-size:10px;background:#284c66;display:grid;place-items:center;border-radius:50%;width:25px;height:25px}.dash-body{display:flex;min-height:354px}.dash-sidebar{display:flex;flex-direction:column;align-items:center;width:51px;padding:18px 8px;gap:13px;border-right:1px solid #27394d;flex-shrink:0}.side-item{display:grid;place-items:center;width:31px;height:31px;color:#7b94ac;border-radius:5px}.side-item .icon{width:16px;height:16px}.side-item.selected{color:#59b6fa;background:#1a4063}.side-bottom{margin-top:auto}.dash-main{padding:21px 20px 20px;flex:1;min-width:0}.dash-heading{display:flex;align-items:center;justify-content:space-between}.dash-breadcrumb{font-size:10px;letter-spacing:1.3px;color:#9bafc4}.dash-heading h2{font-size:22px;margin-top:4px;letter-spacing:-.5px}.dash-date{font-size:11px;color:#b5c6d8;border:1px solid #30455c;padding:4px 7px;border-radius:4px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.dash-metrics>div{padding:11px 12px 8px;border:1px solid #2b4056;border-radius:6px;background:#152a41;position:relative;overflow:hidden}.dash-metrics>div>span:first-child{font-size:11px;display:block;color:#b3c3d5}.dash-metrics strong{display:flex;align-items:baseline;gap:5px;font-size:26px;line-height:1.8;font-weight:600;letter-spacing:-.8px}.dash-metrics strong small{font-size:11px;font-weight:400;color:#54d2b8;white-space:nowrap;letter-spacing:0}.sparkline{display:block;width:100%;height:18px;fill:none;stroke:#49cab3;stroke-width:1.8;margin-top:4px}.sparkline.blue{stroke:#64a9ef}.health-metric strong em{font-style:normal;font-size:14px;letter-spacing:0;color:#8fa6be}.health-bar{display:block;height:4px;background:#30495b;border-radius:3px;margin:9px 0 6px}.health-bar i{display:block;width:92%;height:100%;background:#48c5af;border-radius:3px}.health-metric>small{font-size:11px;color:#a1b6c9;display:block}.chart-card{border:1px solid #2b4056;background:#14283f;padding:13px 13px 10px;border-radius:6px;margin-top:12px}.chart-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px}.chart-heading strong{font-weight:500}.chart-heading>span{font-size:11px;color:#a5bbcd;display:flex;gap:5px;align-items:center}.chart-heading i{width:5px;height:5px;border-radius:50%;background:#48d4bc}.main-chart{display:flex;margin-top:16px;gap:10px;height:105px}.main-chart>svg{width:calc(100% - 30px);overflow:visible}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding:7px 0 22px;font-size:10px;color:#8ea4ba;width:24px}.chart-grid{stroke:#2a3d52;stroke-width:1;fill:none;stroke-dasharray:3 4}.chart-line{stroke:#48d4bc;stroke-width:2.2;fill:none}.chart-dates{display:flex;justify-content:space-between;margin-left:35px;color:#8ea4ba;font-size:10px}.dash-ai{display:flex;align-items:center;gap:10px;margin-top:12px;background:#1b3548;border:1px solid #2e4b5d;border-radius:6px;padding:11px 10px}.ai-icon{display:grid;place-items:center;width:27px;height:27px;color:#72d8c9;background:#264c57;border-radius:6px;flex-shrink:0}.ai-icon .icon{width:17px;height:17px}.dash-ai strong{font-size:13px;display:block;font-weight:500}.dash-ai div>span{display:block;font-size:11px;color:#a2bbcb;margin-top:2px}.pending-tag{font-size:11px;color:#f1cf87;background:#54462d;border-radius:3px;padding:3px 6px;white-space:nowrap;margin-left:auto}.floating-note{position:absolute;right:-15px;bottom:25px;display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;border:1px solid #e2eaf0;border-radius:10px;box-shadow:0 12px 30px #25476817;transform:rotate(-2deg)}.note-icon{display:grid;place-items:center;width:37px;height:37px;background:#e7f6f0;color:#05836b;border-radius:9px}.note-icon .icon{width:21px;height:21px}.floating-note strong{display:block;font-size:14px;font-weight:600}.floating-note div>span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.note-check{color:#0e997b;margin-left:5px;font-size:17px}.product-figure figcaption{font-size:12px;color:#778696;position:absolute;bottom:0;left:0}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfe7ee;padding-top:19px;padding-bottom:23px;font-size:12px;color:#788898;letter-spacing:1.6px}.hero-bottom>a{font-size:12px;letter-spacing:0}.hero-bottom>a span{font-size:19px;padding-left:9px}.integrations{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:35px;gap:25px;border-bottom:1px solid var(--line)}.integrations>p{font-size:14px;color:var(--muted);line-height:1.8;border-right:1px solid var(--line);padding-right:30px}.integrations>p strong{font-weight:500;color:var(--ink)}.integration-brand{display:flex;align-items:center;gap:9px;font-size:20px;line-height:1.2;font-weight:600;color:#536477;letter-spacing:-.6px}.integration-brand:first-of-type{font-size:17px;letter-spacing:-.4px}.integration-brand small{font-size:14px;font-weight:500;letter-spacing:0}.integration-brand>.icon{width:24px;height:24px}.google-bars{stroke-width:5}.wp-mark{display:grid;place-items:center;border:1.8px solid currentColor;outline:1px solid currentColor;outline-offset:2px;border-radius:50%;width:26px;height:26px;font-family:Georgia,serif;font-size:23px;line-height:1}.gemini-mark{font-size:33px;color:#768dc1;line-height:1}
.features{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:1px solid var(--line);border-radius:13px;padding:29px 27px;overflow:hidden;background:#fff;transition:box-shadow .25s,border-color .25s}.feature-card:hover{border-color:#b6cfe4;box-shadow:0 8px 24px #163d6310}.feature-card h3{font-size:clamp(24px, 2vw, 27px);line-height:1.5;letter-spacing:-.65px;margin-top:20px}.feature-card p{font-size:var(--reading-body);line-height:1.95;color:var(--muted);margin-top:12px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#0874c9;background:#edf5fc;border:1px solid #d9e9f8}.feature-icon.violet{color:#8062c7;background:#f2effb;border-color:#e6dff5}.feature-icon.cyan{color:#087e95;background:#e9f7fa;border-color:#d1ebf0}.feature-icon.amber{color:#b37923;background:#fff7e9;border-color:#f6e8cb}.feature-icon.green{color:#168774;background:#ecf7f2;border-color:#d7eee5}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;background:linear-gradient(120deg,#f0f7fe,#f9fcff);border-color:#d9e7f3;align-items:center}.feature-wide h3{font-size:clamp(27px, 2.3vw, 31px);letter-spacing:-1px;margin-top:18px}.feature-wide .text-link{margin-top:20px;font-size:16px;color:var(--blue)}.goal-visual{background:#fff;border:1px solid #dfebf6;border-radius:10px;padding:20px;box-shadow:0 8px 24px #3068990b;transform:rotate(2deg)}.visual-label{display:flex;gap:6px;align-items:center;color:#7b8b9c;font-size:12px;letter-spacing:1px}.visual-label .icon{width:13px;height:13px}.goal-visual>p{font-size:16px;color:var(--ink);line-height:1.9;margin-top:13px}.goal-visual>p b{font-weight:600;color:var(--blue)}.goal-divider{height:1px;background:var(--line);margin:18px 0 15px}.goal-line{display:flex;align-items:center;gap:8px;font-size:14px;margin:11px 0;color:#526b81;white-space:nowrap}.goal-step{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:12px;background:#eef3f7;color:#72869a}.goal-step.active{background:#dceefd;color:var(--blue)}.goal-line>span:last-child{margin-left:auto;color:#219b83}.goal-line>.icon{width:13px;height:13px;margin-left:auto;color:var(--blue)}.mini-caption{display:block;margin-top:15px;font-size:12px;color:#7c8d9d}.keyword-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.keyword-chips>span{font-size:14px;border:1px solid #e4def0;background:#fbfaff;border-radius:5px;padding:6px 9px;color:#796391;white-space:nowrap}.keyword-chips>span span{margin-left:13px;color:#8b68b8}.mini-editor{margin-top:24px;background:#f7fafc;border:1px solid #e7eef3;border-radius:8px;padding:14px}.mini-editor>span{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.8px;color:#7f94a5}.mini-editor i{width:5px;height:5px;background:#1c9ca7;border-radius:50%}.mini-editor b{display:block;margin-top:10px;font-weight:500;font-size:14px}.editor-line{height:4px;background:#e4ebf1;margin-top:9px;border-radius:2px}.editor-line.short{width:72%;margin-top:6px}.mini-editor small{font-size:14px;color:#078774;display:flex;align-items:center;gap:4px;margin-top:12px}.mini-editor small .icon{width:12px;height:12px}.tech-visual{display:flex;align-items:center;justify-content:space-between;margin-top:29px;gap:0}.tech-visual>span{display:flex;align-items:center;gap:7px;font-size:14px;padding:11px 9px;border:1px solid var(--line);border-radius:6px;background:#fafbfc;white-space:nowrap}.tech-visual .icon{width:16px;height:16px;color:#b58031}.tech-visual>i{flex:1;border-top:1px dashed #c7d2df;min-width:5px}.subtle-tags{display:flex;gap:7px;flex-wrap:wrap;font-size:14px;color:#7c8c9b;margin-top:20px}.subtle-tags>span{border:1px solid #e7edf2;border-radius:4px;padding:3px 7px}.measurement{display:flex;align-items:center;font-size:14px;margin-top:34px;gap:5px}.measurement>span{white-space:nowrap;background:#f0f7f4;border:1px solid #d9ebe3;border-radius:5px;padding:8px 7px;color:#5a7d6f}.measurement>i{flex:1;height:1px;background:#bedfd1;min-width:4px}.measurement .measure-end{background:#e1f2e9;color:#187754}.learn-note{display:flex;align-items:center;gap:5px;color:#6c867b;font-size:14px;margin-top:22px}.learn-note .icon{width:13px;height:13px}
.workspace-section{background:#f5f8fb;border-block:1px solid #e8eef4}.center-heading{text-align:center}.center-heading h2{font-size:clamp(32px, 3.1vw, 42px);letter-spacing:-1.5px;line-height:1.4;margin-top:16px}.center-heading>p{margin-top:16px;color:var(--muted);font-size:var(--reading-body)}.workspace-tabs{display:flex;justify-content:center;gap:6px;margin:32px auto 38px;padding:5px;background:#e9eef4;border-radius:9px;width:fit-content}.workspace-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 23px;border-radius:6px;border:1px solid transparent;background:transparent;font-size:16px;color:#65778b;font-weight:500;transition:background .2s,color .2s}.workspace-tabs .icon{width:17px;height:17px}.workspace-tabs button:hover{color:var(--blue);background:#f6f9fc}.workspace-tabs button[aria-selected=true]{color:var(--blue);background:#fff;border-color:#e1e9f1;box-shadow:0 2px 4px #163d6309}.workspace-panel{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:75px;background:#fff;border:1px solid #e1e9f1;border-radius:16px;padding:48px 58px;min-height:395px}.workspace-panel[hidden]{display:none}html:not(.js-ready) .workspace-panel[hidden]{display:grid;margin-top:20px}html:not(.js-ready) .workspace-tabs{display:none}.panel-number{font-size:12px;letter-spacing:1.3px;color:#7c8fa0;font-weight:500}.workspace-copy h3{font-size:clamp(27px, 2.3vw, 31px);line-height:1.4;letter-spacing:-1px;margin:12px 0}.workspace-copy>p{font-size:var(--reading-body);color:var(--muted);line-height:1.95}.check-list{list-style:none;padding:0;margin:22px 0;color:#526b81;font-size:16px}.check-list li{position:relative;padding-left:22px;margin:9px 0}.check-list li:before{content:'✓';color:#219780;position:absolute;left:0;top:0}.workspace-copy>.text-link{font-size:16px;color:var(--blue)}.workspace-visual{border:1px solid #dfe8f0;border-radius:10px;background:#fafcfe;box-shadow:0 10px 26px #143c5b0a;overflow:hidden}.board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid #e4ebf2;font-size:16px;background:#fff}.board-head>span:first-child{display:flex;align-items:center;gap:7px;font-weight:600}.board-head .icon{width:16px;height:16px;color:#8499ac}.tag-green{font-size:12px;background:#eaf7ef;color:#298464;border:1px solid #d7edde;padding:3px 7px;border-radius:4px;white-space:nowrap}.overview-question{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8edf2;margin:13px;border-radius:7px;padding:14px 12px}.question-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.question-icon .icon{width:18px;height:18px}.question-icon.blue{background:#eaf4fc;color:#328ace}.question-icon.amber{background:#fff4df;color:#b48a32}.question-icon.green{background:#eaf6ef;color:#1b9072}.overview-question strong{font-weight:600;font-size:16px;display:block}.overview-question div>span{display:block;font-size:14px;color:#78899b;margin-top:3px}.overview-question>span:last-child{margin-left:auto;color:#a2b4c3;font-size:17px}.board-footer{display:block;font-size:14px;color:#8898a7;padding:3px 16px 16px}.content-flow{padding:3px 18px}.content-flow>div{display:grid;grid-template-columns:32px 1fr;gap:1px 12px;padding:17px 0;border-bottom:1px solid #e8eef4}.content-flow>div:last-child{border-bottom:0}.content-flow>div>span{grid-row:span 2;align-self:center;width:32px;height:32px;background:#e9f1fc;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#4185b8}.content-flow strong{font-size:16px;font-weight:600}.content-flow small{font-size:14px;color:#8292a2}.opportunity-row{display:flex;gap:10px;align-items:center;padding:19px 14px;border-bottom:1px solid #e8eef4}.opportunity-row strong{font-size:16px;display:block;font-weight:600}.opportunity-row div>span{font-size:14px;color:#7d8c9d;display:block;margin-top:4px}.opportunity-dot{width:7px;height:7px;border-radius:50%;background:#3893d7;flex-shrink:0}.opportunity-dot.purple{background:#9982d0}.opportunity-dot.orange{background:#d8a24e}.tag-outline{margin-left:auto;white-space:nowrap;font-size:12px;padding:3px 6px;border:1px solid #e0e7f0;color:#7e92a4;border-radius:4px}.opportunity-row~.board-footer{padding-top:15px}
.workflow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:53px 0 0}.workflow>li{border-top:1px solid #d9e6f1;padding:24px 23px 0 0;position:relative}.workflow>li:before{content:'';position:absolute;width:7px;height:7px;border:2px solid var(--blue);background:#fff;border-radius:50%;left:0;top:-4px}.step-top{display:flex;align-items:center;gap:50px;color:#93a9be;margin-bottom:14px}.step-top>span{font-size:12px;letter-spacing:1px;color:#7093b0}.step-top .icon{width:20px;height:20px}.workflow h3{font-size:18px;letter-spacing:-.4px}.workflow p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:10px;max-width:162px}.workflow-loop{margin-top:34px;border-bottom:1px dashed #d6e3ee;border-left:1px dashed #d6e3ee;border-right:1px dashed #d6e3ee;border-radius:0 0 12px 12px;padding:6px 20px 16px;text-align:center;font-size:14px;color:#7490a6}.workflow-loop>span{display:inline-block;margin-right:7px;font-size:20px;line-height:1;vertical-align:middle;color:var(--blue)}
.control-section{padding:85px 0;background:var(--navy);position:relative;overflow:hidden;color:#fff}.control-section:before{position:absolute;content:'';width:620px;height:620px;border-radius:50%;border:1px solid #244057;right:-250px;top:-250px;box-shadow:0 0 0 85px #18304760,0 0 0 170px #18304730;pointer-events:none}.control-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:115px;position:relative}.control-copy>.eyebrow{color:#70c5dc}.control-copy h2{font-size:clamp(37px, 3.3vw, 46px);line-height:1.4;letter-spacing:-1.7px;margin-top:19px}.control-copy h2>span{color:#75d3c3}.control-copy>p{color:#aebed0;font-size:var(--reading-body);line-height:1.95;margin-top:20px;max-width:398px}.control-points{display:flex;flex-direction:column;gap:13px;margin-top:25px;color:#d4e1ed;font-size:16px}.control-points>span{display:flex;align-items:center;gap:11px}.control-points .icon{width:16px;height:16px;color:#78cabb}.control-visual{background:#152c43;border:1px solid #355168;border-radius:13px;box-shadow:0 16px 40px #061a2c66;overflow:hidden;transform:rotate(1deg)}.control-window-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #30495e}.control-window-head>span:first-child{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:500}.control-window-head .icon{width:18px;height:18px;color:#82cebf}.secure-dot{width:6px;height:6px;border-radius:50%;background:#6bccb0;box-shadow:0 0 0 4px #5eccb011}.policy-title{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 13px;font-size:12px;letter-spacing:1.1px;color:#8da5bc}.policy-title>span:last-child{letter-spacing:0;font-size:12px}.policy-option{margin:0 20px 10px;padding:14px 13px;display:flex;align-items:center;gap:10px;border:1px solid #344d65;border-radius:7px}.policy-option:first-of-type{border-color:#418eaf;background:#1c3950}.radio-circle{width:14px;height:14px;border:1px solid #71879c;border-radius:50%;flex-shrink:0}.radio-circle.selected{border-color:#6abde0;box-shadow:inset 0 0 0 3px #203d55;background:#6abde0}.policy-option strong{font-size:16px;font-weight:500}.policy-option p{font-size:14px;color:#98b0c7;margin-top:3px}.recommended{margin-left:auto;white-space:nowrap;font-size:12px;color:#95d7ed;background:#24506a;border:1px solid #356981;border-radius:3px;padding:3px 6px}.audit-example{padding:16px;margin:22px 20px 18px;border-radius:7px;background:#10263a;border:1px solid #2a4359}.audit-example>div{display:flex;align-items:center;gap:7px;font-size:16px}.audit-example .icon{width:14px;height:14px;color:#8cabc4}.audit-example strong{font-weight:500}.audit-example>div>span{font-size:12px;color:#83a0b8;margin-left:auto}.audit-example p{display:flex;gap:9px;align-items:center;font-size:14px;color:#afc1d3;margin-top:13px}.audit-example p>span{color:#66849e;font-size:12px}.audit-example p>b{margin-left:auto;color:#7ad2b8;font-weight:400}.control-foot{display:flex;align-items:center;gap:7px;padding:14px 24px;background:#19374b;border-top:1px solid #2c4c5f;font-size:14px;color:#95c8c6}.control-foot .icon{width:14px;height:14px}
.audience-section{border-bottom:1px solid var(--line)}.audience-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:115px;align-items:center}.audience-grid h2,.faq-grid h2{font-size:clamp(32px, 3.1vw, 42px);letter-spacing:-1.3px;line-height:1.45;margin-top:15px}.audience-grid>div>p,.faq-grid>div>p{font-size:var(--reading-body);line-height:1.95;color:var(--muted);margin-top:18px;max-width:345px}.audience-cards{display:flex;flex-direction:column;gap:12px}.audience-cards article{display:flex;align-items:center;gap:20px;background:#fafcfe;border:1px solid var(--line);border-radius:8px;padding:23px 24px}.audience-cards article>span{font-size:12px;color:#8da4b8;align-self:flex-start;padding-top:2px}.audience-cards h3{font-size:18px}.audience-cards p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:6px}.audience-cards .icon{width:17px;height:17px;color:#8b9faf;margin-left:auto}.faq-section{padding-bottom:90px}.faq-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:115px}.faq-grid .text-link{margin-top:20px;color:var(--blue);font-size:16px}.faq-list details{border-bottom:1px solid var(--line);padding:0 0 0 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:18px;font-weight:500;line-height:1.7;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;transition:color .2s}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--blue)}.faq-list summary>span{font-size:23px;line-height:1;color:#7a8fa2;font-weight:400;transition:transform .2s;flex-shrink:0}.faq-list details[open] summary{color:var(--blue)}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--blue)}.faq-list details>p{font-size:var(--reading-body);color:var(--muted);line-height:1.95;padding:0 25px 23px 0}
.closing-section{padding-bottom:64px}.closing-card{background:linear-gradient(115deg,#0966ae,#057cbf 70%,#138fac);border-radius:18px;text-align:center;padding:57px 25px 49px;position:relative;overflow:hidden;color:#fff}.closing-card>.eyebrow{color:#c1e4f5;font-size:12px;position:relative}.closing-card h2{font-size:clamp(32px, 3.1vw, 42px);letter-spacing:-1.4px;line-height:1.4;margin-top:18px;position:relative}.closing-card>p{font-size:var(--reading-body);color:#cce6f6;margin-top:18px;position:relative}.button-white{background:#fff;color:#0767ab;position:relative;margin-top:26px;font-size:16px;padding:15px 22px}.button-white:hover{background:#e9f7ff;color:#034a7c}.closing-note{display:block;font-size:14px;color:#c3e4f5;margin-top:15px;position:relative}.closing-decoration{position:absolute;inset:0;pointer-events:none}.closing-decoration>span{position:absolute;border:1px solid #fff2;transform:rotate(-28deg);width:420px;height:420px;border-radius:55px;right:-200px;top:-110px}.closing-decoration>span:nth-child(2){width:530px;height:530px;right:-240px;top:-163px}.closing-decoration>span:nth-child(3){width:510px;height:510px;left:-310px;top:40px;border-radius:50%;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff05}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:30px}.footer-top .brand img{width:61px}.footer-top .brand-name{font-size:21px}.footer-top .brand{gap:12px}.footer-top .brand-divider{height:25px}.footer-top>p{color:var(--muted);font-size:14px;margin-right:auto}.footer-top>a:not(.brand){font-size:16px;white-space:nowrap;color:#50657a}.footer-top>a:not(.brand):hover{color:var(--blue)}.footer-top>a>span{margin-left:5px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 25px;color:#8191a1;font-size:13px}.footer-bottom a{color:#56748d}
@media(min-width:1500px){.hero-grid{padding-top:100px;padding-bottom:90px}.hero h1{font-size:62px}}
@media(max-width:1200px){.container{width:calc(100% - 60px)}.main-nav{gap:17px}.main-nav>a:not(.button){font-size:16px}.brand{gap:12px}.brand-name{font-size:21px}.brand img{width:68px}.hero-grid{gap:25px;grid-template-columns:1fr 1.15fr;padding-top:65px;padding-bottom:60px}.hero h1{font-size:51px}.hero-description{font-size:var(--reading-lead)}.hero-actions{gap:15px}.hero-actions .button{font-size:16px;padding:15px 14px}.hero-actions .text-link{font-size:16px}.hero-benefits{font-size:14px;gap:12px}.dash-main{padding:16px 13px}.dash-metrics{gap:6px}.dash-metrics>div{padding:9px 8px}.dash-metrics strong{font-size:26px}.dash-metrics strong small{font-size:11px}.dash-metrics>div>span:first-child{font-size:11px}.dash-sidebar{width:43px}.dash-ai{gap:6px;padding:10px 7px}.dash-ai strong{font-size:13px}.dash-ai div>span{font-size:11px}.preview-label{font-size:12px;letter-spacing:1px}.floating-note{right:-5px}.integrations{gap:17px}.integration-brand{font-size:18px}.integrations>p{padding-right:20px;font-size:14px}.feature-card{padding:24px 22px}.feature-wide{gap:20px}.goal-visual{padding:15px}.goal-line{font-size:14px;gap:6px}.feature-card h3{font-size:clamp(24px, 2vw, 27px)}.feature-wide h3{font-size:clamp(27px, 2.3vw, 31px)}.section-heading h2,.center-heading h2{font-size:clamp(32px, 3.1vw, 42px)}.section-heading>p{max-width:335px;font-size:var(--reading-body)}.workspace-panel{gap:45px;padding:40px}.control-grid,.audience-grid,.faq-grid{gap:70px}.measurement{font-size:14px;gap:3px}.measurement>span{padding:7px 5px}.control-copy h2{font-size:clamp(37px, 3.3vw, 46px)}.step-top{gap:35px}}
@media(max-width:1200px){.site-header{height:82px}.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:81px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 30px;box-shadow:0 15px 20px #12344b0a;align-items:stretch;gap:0}.main-nav.is-open{display:flex;flex-direction:column}.main-nav>a:not(.button){font-size:16px;padding:13px 0}.main-nav>.button{margin-top:12px;align-self:flex-start;font-size:16px}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-grid{grid-template-columns:1fr;gap:45px;padding-top:55px;padding-bottom:38px}.hero-copy{text-align:center}.hero h1{font-size:61px}.hero h1 br:nth-child(2){display:none}.hero h1>span{margin-left:12px}.hero-description{max-width:535px;margin-inline:auto;font-size:var(--reading-lead)}.hero-actions,.hero-benefits{justify-content:center}.hero-actions{gap:24px}.hero-actions .button{font-size:16px;padding:16px 20px}.hero-actions .text-link{font-size:16px}.hero-benefits{font-size:14px;gap:20px}.product-figure{width:min(670px,100%);margin:auto;padding-top:0}.dashboard{transform:none}.dash-main{padding:20px 22px}.dash-metrics{gap:12px}.dash-metrics>div{padding:12px 14px}.dash-metrics strong{font-size:26px}.dash-metrics strong small{font-size:11px}.dash-metrics>div>span:first-child{font-size:11px}.dash-sidebar{width:54px}.dash-ai{padding:12px;gap:10px}.dash-ai strong{font-size:13px}.dash-ai div>span{font-size:11px}.dash-body{min-height:390px}.main-chart{height:110px}.dash-date{font-size:11px}.dash-breadcrumb{font-size:10px}.dash-heading h2{font-size:22px}.preview-label{font-size:12px}.floating-note{right:-12px;bottom:20px}.hero-bottom{font-size:12px}.integrations{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;justify-items:center}.integrations>p{border:0;justify-self:start;padding:0;font-size:14px}.integration-brand{font-size:20px}.section{padding:75px 0}.section-heading{gap:30px}.section-heading h2{font-size:clamp(32px, 3.1vw, 42px)}.section-heading>p{max-width:300px;font-size:var(--reading-body)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-wide{grid-column:span 2}.feature-card{padding:28px}.feature-wide{gap:35px}.feature-wide h3{font-size:clamp(27px, 2.3vw, 31px)}.feature-card h3{font-size:clamp(24px, 2vw, 27px)}.feature-card p{font-size:var(--reading-body)}.goal-visual{padding:25px}.goal-line{font-size:14px}.measurement{font-size:14px;gap:6px}.measurement>span{padding:9px}.tech-visual>span{font-size:14px;padding:14px}.workspace-panel{gap:25px;padding:32px}.workspace-copy h3{font-size:clamp(27px, 2.3vw, 31px)}.workspace-copy>p{font-size:var(--reading-body)}.check-list{font-size:16px}.overview-question{gap:8px;padding:12px 8px;margin:10px}.overview-question strong{font-size:16px}.overview-question div>span{font-size:14px}.question-icon{width:30px;height:30px}.board-head{font-size:16px;padding:15px}.workflow{grid-template-columns:repeat(3,1fr);row-gap:35px}.workflow p{max-width:200px;font-size:16px}.workflow h3{font-size:18px}.control-grid{gap:40px}.control-copy h2{font-size:clamp(37px, 3.3vw, 46px)}.control-copy>p{font-size:var(--reading-body)}.policy-title{padding-inline:18px;font-size:12px}.policy-title>span:last-child{font-size:12px}.policy-option{margin-inline:14px;padding:13px 10px;gap:7px}.policy-option strong{font-size:16px}.policy-option p{font-size:14px}.recommended{font-size:12px}.audit-example{margin-inline:14px}.control-window-head{padding:18px}.control-window-head>span:first-child{font-size:16px}.control-foot{padding:14px 18px;font-size:14px}.audience-grid,.faq-grid{gap:40px}.audience-grid h2,.faq-grid h2{font-size:clamp(32px, 3.1vw, 42px)}.audience-cards article{padding:20px 16px;gap:14px}.audience-cards h3{font-size:18px}.audience-cards p{font-size:16px}.faq-list summary{font-size:18px}.footer-top{gap:20px;flex-wrap:wrap}.footer-top>p{flex:1}.footer-top>a:not(.brand){font-size:16px}}
@media(max-width:700px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.site-header{height:76px}.brand img{width:63px}.brand-name{font-size:21px}.brand-divider{height:26px}.main-nav{top:75px;padding-inline:20px}.hero-grid{padding-top:43px;gap:36px}.hero h1{font-size:47px;letter-spacing:-2px;line-height:1.32;margin-top:20px}.hero h1 br:nth-child(2){display:block}.hero h1>span{margin-left:0}.hero-eyebrow{font-size:12px;letter-spacing:1.1px;padding:6px 10px}.hero-description{font-size:var(--reading-lead);line-height:1.95;max-width:425px;margin-top:20px}.hero-actions{gap:17px;flex-wrap:wrap;margin-top:25px}.hero-actions .button{font-size:16px;padding:15px 16px}.hero-actions .text-link{font-size:16px}.hero-benefits{font-size:14px;gap:12px;margin-top:19px;flex-wrap:wrap}.hero-benefits .icon{width:13px;height:13px}.product-figure{padding-bottom:49px}.preview-label{font-size:12px;letter-spacing:.8px;justify-content:center;margin-bottom:12px}.mini-spark{font-size:20px}.dashboard{border-radius:9px;box-shadow:0 16px 32px #1c416222,0 0 0 4px #fff9}.dash-top{height:42px;padding:0 12px;gap:10px}.dash-brand{font-size:15px;gap:4px}.dash-mark{width:21px;height:21px;font-size:11px;margin-right:3px}.dash-site{font-size:11px;gap:4px;padding:3px 6px}.dash-site .icon{width:11px;height:11px}.dash-avatar{width:21px;height:21px;font-size:8px}.dash-sidebar{display:none}.dash-main{padding:15px 12px}.dash-body{min-height:0}.dash-breadcrumb{font-size:10px;letter-spacing:1px}.dash-heading h2{font-size:22px}.dash-date{font-size:11px;padding:3px 5px}.dash-metrics{gap:6px;margin-top:13px}.dash-metrics>div{padding:9px 8px}.dash-metrics>div>span:first-child{font-size:11px}.dash-metrics strong{font-size:26px;gap:4px;line-height:1.8}.dash-metrics strong small{font-size:11px}.health-metric strong em{font-size:14px}.health-metric>small{font-size:11px}.sparkline{height:14px}.health-bar{margin:8px 0 6px;height:3px}.chart-card{padding:11px 10px 9px;margin-top:9px}.chart-heading{font-size:13px}.chart-heading>span{font-size:11px}.main-chart{height:85px;margin-top:12px}.chart-axis{font-size:10px;padding-bottom:17px}.chart-dates{font-size:10px}.dash-ai{padding:9px 8px;margin-top:9px;gap:7px}.ai-icon{width:25px;height:25px}.dash-ai strong{font-size:13px}.dash-ai div>span{font-size:11px}.pending-tag{font-size:11px;padding:3px 5px}.floating-note{right:2px;bottom:18px;padding:11px 12px;gap:9px;border-radius:8px}.note-icon{width:30px;height:30px;border-radius:7px}.note-icon .icon{width:18px;height:18px}.floating-note strong{font-size:14px}.floating-note div>span{font-size:12px}.note-check{font-size:14px}.product-figure figcaption{font-size:12px;bottom:-4px}.hero-bottom{padding-top:15px;padding-bottom:18px;gap:20px}.hero-bottom>span{font-size:12px;letter-spacing:.6px;max-width:185px}.hero-bottom>a{font-size:12px;white-space:nowrap}.hero-bottom>a span{font-size:15px;padding-left:5px}.integrations{grid-template-columns:repeat(2,1fr);gap:29px 20px;padding-top:29px;padding-bottom:32px;justify-items:start}.integrations>p{font-size:14px}.integration-brand{font-size:19px;gap:10px}.integration-brand:first-of-type{font-size:16px}.integration-brand small{font-size:14px}.section{padding:58px 0}.eyebrow{font-size:12px;letter-spacing:1.2px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:clamp(32px, 3.1vw, 42px);line-height:1.45;letter-spacing:-1px;margin-top:12px}.section-heading>p{margin-top:18px;max-width:none;font-size:var(--reading-body);line-height:1.9}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:25px}.feature-wide{grid-column:auto;grid-template-columns:1fr;gap:26px}.feature-card h3{font-size:clamp(24px, 2vw, 27px);margin-top:17px;line-height:1.4}.feature-card p{font-size:var(--reading-body);line-height:1.9;max-width:470px}.feature-wide h3{font-size:clamp(27px, 2.3vw, 31px)}.feature-wide .text-link{margin-top:17px}.feature-icon{width:39px;height:39px}.feature-icon .icon{width:21px;height:21px}.goal-visual{transform:rotate(1deg);padding:21px}.goal-line{font-size:14px;margin:12px 0}.visual-label{font-size:12px}.goal-visual>p{font-size:16px}.mini-caption{font-size:12px}.keyword-chips{margin-top:22px}.keyword-chips>span{font-size:14px}.mini-editor{margin-top:20px;padding:18px}.mini-editor>span{font-size:12px}.mini-editor b{font-size:14px}.mini-editor small{font-size:14px}.tech-visual{margin-top:22px}.tech-visual>span{font-size:14px;padding:14px}.subtle-tags{font-size:14px}.measurement{font-size:14px;margin-top:24px;gap:7px}.measurement>span{padding:9px 8px}.learn-note{font-size:14px;margin-top:17px}.center-heading h2{font-size:clamp(32px, 3.1vw, 42px);letter-spacing:-1px;line-height:1.45}.center-heading>p{font-size:var(--reading-body);line-height:1.9;margin-top:14px}.workspace-tabs{width:100%;margin:25px 0 24px;gap:2px;padding:4px}.workspace-tabs button{padding:10px 5px;font-size:16px;gap:4px;flex:1;white-space:nowrap}.workspace-tabs .icon{width:13px;height:13px}.workspace-panel{grid-template-columns:1fr;padding:25px;gap:27px;border-radius:12px;min-height:0}.workspace-copy h3{font-size:clamp(27px, 2.3vw, 31px)}.workspace-copy>p{font-size:var(--reading-body)}.check-list{font-size:16px;margin:18px 0}.workspace-copy>.text-link{font-size:16px}.board-head{font-size:16px;padding:15px 12px}.overview-question{padding:13px 9px}.overview-question strong{font-size:16px}.overview-question div>span{font-size:14px}.board-footer{font-size:14px;padding-left:13px}.workspace-visual{margin-inline:-8px}.content-flow{padding-inline:14px}.content-flow strong{font-size:16px}.content-flow small{font-size:14px}.opportunity-row{padding:17px 12px;gap:8px}.opportunity-row strong{font-size:16px}.opportunity-row div>span{font-size:14px}.tag-outline{font-size:12px}.workflow{grid-template-columns:repeat(2,1fr);row-gap:31px;margin-top:34px}.workflow>li{padding:18px 15px 0 0}.workflow h3{font-size:18px}.workflow p{font-size:16px}.step-top{justify-content:space-between;margin-right:15px;margin-bottom:13px}.workflow-loop{font-size:14px;margin-top:25px;padding:5px 10px 13px}.control-section{padding:58px 0}.control-grid{grid-template-columns:1fr;gap:35px}.control-copy h2{font-size:clamp(37px, 3.3vw, 46px);letter-spacing:-1.4px;margin-top:16px}.control-copy>p{font-size:var(--reading-body);max-width:450px}.control-points{font-size:16px;gap:12px}.control-visual{transform:none;max-width:460px;width:100%;margin-inline:auto}.control-window-head{padding:20px}.control-window-head>span:first-child{font-size:16px}.policy-title{padding:20px 18px 12px;font-size:12px}.policy-option{margin-inline:14px;padding:14px 12px}.policy-option strong{font-size:16px}.policy-option p{font-size:14px}.recommended{font-size:12px}.audit-example{padding:16px}.audit-example p{font-size:14px}.control-foot{font-size:14px}.audience-grid,.faq-grid{grid-template-columns:1fr;gap:29px}.audience-grid h2,.faq-grid h2{font-size:clamp(32px, 3.1vw, 42px);letter-spacing:-1px}.audience-grid>div>p,.faq-grid>div>p{font-size:var(--reading-body);margin-top:14px;max-width:450px}.audience-cards article{padding:20px;gap:17px}.audience-cards h3{font-size:18px}.audience-cards p{font-size:16px}.audience-cards .icon{width:15px;height:15px}.faq-list summary{font-size:18px;padding:19px 0}.faq-list details>p{font-size:var(--reading-body);padding-right:15px;padding-bottom:20px}.closing-section{padding-bottom:40px}.closing-card{padding:39px 20px 34px;border-radius:12px}.closing-card>.eyebrow{font-size:12px;letter-spacing:.8px}.closing-card h2{font-size:clamp(32px, 3.1vw, 42px);letter-spacing:-1px;line-height:1.5;margin-top:17px}.closing-card>p{font-size:var(--reading-body);line-height:1.9;max-width:285px;margin:15px auto 0}.button-white{font-size:16px;margin-top:22px;padding:14px 18px}.closing-note{font-size:14px;margin-top:14px}.footer-top{gap:19px 25px;padding-bottom:23px}.footer-top .brand{width:100%}.footer-top .brand img{width:65px}.footer-top>p{flex-basis:100%;margin-top:-5px;font-size:14px}.footer-top>a:not(.brand){font-size:16px}.footer-bottom{align-items:flex-start;gap:8px;flex-direction:column;font-size:13px;padding:19px 0 24px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:43px}.hero-actions{gap:13px}.hero-actions .button{font-size:16px;padding:14px 12px}.hero-actions .text-link{font-size:16px}.dash-metrics strong{font-size:26px}.dash-metrics>div{padding:8px 6px}.dash-metrics strong small{font-size:11px}.dash-site{font-size:11px}.dash-ai div>span{font-size:11px}.hero-benefits{font-size:14px}.workspace-panel{padding:23px 19px}.workspace-tabs button{font-size:16px}.workspace-tabs .icon{width:12px;height:12px}.section-heading h2,.center-heading h2{font-size:clamp(32px, 3.1vw, 42px)}.measurement{font-size:14px;gap:4px}.recommended{display:none}.closing-card h2{font-size:clamp(32px, 3.1vw, 42px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Reading sizes stay consistent across sections and adapt without tiny mobile text. */
.faq-checklist {
  margin: -8px 0 22px;
  padding-left: 24px;
  color: var(--muted);
  font-size: var(--reading-body);
  line-height: 1.85;
}
.faq-checklist li { padding-left: 4px; margin-bottom: 12px; }
.faq-checklist strong { color: var(--ink); font-weight: 600; }
.faq-checklist a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
:root {
  --reading-body: 17px;
  --reading-lead: 19px;
  --muted: #536579;
}
.section-heading > p { max-width: 425px; }
.hero-description { max-width: 520px; line-height: 1.85; }
.hero-actions, .hero-benefits { flex-wrap: wrap; }
.main-nav { gap: 23px; }
.hero-bottom { gap: 24px; }
.hero-bottom > span { max-width: none; }
.hero-bottom > a { flex-shrink: 0; }
.feature-card p, .workspace-copy > p, .faq-list details > p,
.control-copy > p, .audience-grid > div > p, .faq-grid > div > p {
  line-height: 1.85;
}
.feature-text, .feature-wide > *, .workspace-panel > *,
.control-grid > *, .audience-grid > *, .faq-grid > * { min-width: 0; }
.feature-wide { grid-template-columns: 1fr 1fr; gap: 24px; }
.goal-line { white-space: normal; }
.goal-step { flex-shrink: 0; }
.goal-visual { padding: 18px; }
.measurement { flex-wrap: wrap; gap: 5px; }
.measurement > span { padding: 8px 5px; }
.tech-visual > span { white-space: normal; }
.workspace-panel { gap: 40px; padding: 44px; }
.workspace-tabs button { min-height: 48px; }
.overview-question { align-items: flex-start; }
.overview-question > span:last-child { flex-shrink: 0; }
.opportunity-row { flex-wrap: wrap; }
.opportunity-row > div { flex: 1; min-width: 160px; }
.opportunity-row .tag-outline { margin-left: 17px; }
.workflow { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
.workflow p { max-width: 310px; }
.workflow > li { padding-right: 32px; }
.control-grid, .audience-grid, .faq-grid { gap: 72px; }
.policy-title { gap: 10px; flex-wrap: wrap; }
.policy-option { align-items: flex-start; }
.policy-option .radio-circle { margin-top: 7px; }
.recommended { align-self: flex-start; }
.control-foot { align-items: flex-start; }
.control-foot .icon { margin-top: 5px; }
.audience-cards article { align-items: flex-start; }
.audience-cards h3 { line-height: 1.5; }
.audience-cards .icon { margin-top: 5px; }
.audience-grid > div > p, .faq-grid > div > p, .control-copy > p { max-width: none; }
.footer-top { flex-wrap: wrap; }
.footer-top > p { flex: 1; min-width: 220px; }
.eyebrow, .preview-label { letter-spacing: 1px; }

/* Let the product illustration grow to fit its larger labels. */
.product-figure { padding-bottom: 0; }
.dash-top { min-height: 58px; height: auto; padding-block: 12px; flex-wrap: wrap; gap: 12px; }
.dash-site { margin-left: auto; }
.dash-heading { gap: 12px; flex-wrap: wrap; }
.dash-metrics strong { flex-wrap: wrap; line-height: 1.6; gap: 0 6px; }
.dash-metrics > div > span:first-child { min-height: 38px; }
.health-metric > small { line-height: 1.5; }
.chart-heading { gap: 12px; }
.chart-heading > span { white-space: nowrap; }
.main-chart { height: 125px; gap: 12px; }
.chart-axis { width: 32px; }
.chart-dates { margin-left: 42px; gap: 8px; }
.dash-ai { flex-wrap: wrap; }
.dash-ai > div:nth-child(2) { flex: 1; min-width: 190px; }
.dash-ai .pending-tag { margin-left: 37px; }
.floating-note {
  position: relative;
  width: fit-content;
  max-width: 100%;
  right: auto;
  bottom: auto;
  margin: -14px -10px 0 auto;
}
.product-figure figcaption { position: static; margin-top: 18px; color: #617183; }

@media (max-width: 1200px) {
  .main-nav { gap: 0; }
  .main-nav > a:not(.button) { padding-block: 14px; }
  .hero-description { max-width: 640px; }
  .workspace-panel { padding: 32px; gap: 28px; }
  .control-grid, .audience-grid, .faq-grid { gap: 36px; }
  .integrations { gap: 30px; }
  .recommended { display: none; }
}
@media (max-width: 800px) {
  .workspace-panel { grid-template-columns: 1fr; }
  .control-grid, .audience-grid, .faq-grid { grid-template-columns: 1fr; }
  .control-visual { width: 100%; max-width: 580px; margin-inline: auto; }
  .workspace-copy > p { max-width: 560px; }
}
@media (max-width: 700px) {
  :root { --reading-body: 16px; --reading-lead: 17px; }
  .hero-actions { gap: 16px 24px; }
  .hero-actions .button { padding: 16px 20px; }
  .hero-benefits { gap: 10px 16px; }
  .hero-benefits > span { font-size: 13px; }
  .hero-bottom { flex-wrap: wrap; gap: 8px; }
  .integrations { gap: 26px 18px; }
  .integrations > p { font-size: 14px; }
  .integration-brand { font-size: 18px; }
  .integration-brand small { font-size: 12px; }
  .feature-wide { grid-template-columns: 1fr; }
  .feature-card { padding: 24px; }
  .goal-visual { padding: 18px 15px; }
  .measurement { font-size: 13px; }
  .measurement > span { padding: 7px 4px; }
  .tech-visual > span { font-size: 13px; padding: 12px 9px; }
  .workspace-tabs { flex-direction: column; gap: 4px; padding: 6px; }
  .workspace-tabs button { justify-content: flex-start; gap: 10px; padding: 12px 16px; }
  .workspace-tabs .icon { width: 18px; height: 18px; }
  .workspace-panel { padding: 26px 22px; }
  .workspace-visual { margin-inline: -6px; }
  .board-head { flex-wrap: wrap; }
  .board-head > span:first-child { font-size: 15px; }
  .overview-question strong, .content-flow strong, .opportunity-row strong { font-size: 15px; }
  .overview-question div > span, .content-flow small, .opportunity-row div > span { font-size: 13px; }
  .overview-question > span:last-child { display: none; }
  .board-footer { font-size: 12px; }
  .workflow { grid-template-columns: repeat(2, 1fr); }
  .workflow > li { padding-right: 18px; }
  .workflow h3 { font-size: 17px; line-height: 1.5; }
  .workflow p { font-size: 15px; }
  .workflow-loop { font-size: 13px; }
  .policy-title { font-size: 11px; }
  .policy-title > span:last-child { font-size: 11px; }
  .policy-option { padding: 15px 12px; }
  .policy-option strong { font-size: 15px; }
  .policy-option p, .audit-example p, .control-foot { font-size: 13px; }
  .audit-example > div { font-size: 14px; }
  .control-window-head > span:first-child { font-size: 16px; }
  .audience-cards article { gap: 14px; padding: 20px 18px; }
  .audience-cards p { font-size: 16px; }
  .faq-list summary { font-size: 17px; }
  .closing-card h2 { font-size: 30px; }
  .closing-card > p { max-width: none; }
  .closing-note { font-size: 13px; }
  .footer-top > p { font-size: 15px; }
  .footer-bottom { font-size: 13px; gap: 12px; }
  .dash-top { gap: 8px; padding-inline: 12px; }
  .dash-brand { font-size: 14px; }
  .dash-site { font-size: 10px; }
  .dash-avatar { display: none; }
  .dash-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dash-metrics > div { padding: 12px; }
  .dash-metrics .health-metric { grid-column: 1 / -1; }
  .dash-metrics > div > span:first-child { min-height: 0; }
  .health-metric { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; align-items: center; }
  .health-metric strong { grid-column: 2; grid-row: span 2; }
  .health-metric .health-bar { width: 100%; }
  .health-metric > small { grid-column: 1 / -1; }
  .chart-heading { flex-wrap: wrap; gap: 5px 12px; }
  .chart-dates { flex-wrap: wrap; justify-content: space-between; }
  .chart-dates > span:nth-child(2), .chart-dates > span:nth-child(3) { display: none; }
  .floating-note { margin: 14px 0 0; transform: none; padding: 14px 12px; gap: 10px; }
  .floating-note strong { font-size: 13px; }
  .floating-note .note-check { display: none; }
  .preview-label { line-height: 1.7; text-align: left; font-size: 11px; }
  .product-figure figcaption { margin-top: 12px; }
}