/* Approved Ocean Blue dashboard scroll treatment for the public sales page. */
:root{--scroll-ink:#132033;--scroll-ink-2:#344155;--scroll-muted:#697386;--scroll-blue:#315ff4;--scroll-blue-2:#dce5ff;--scroll-navy:#101b2d;--scroll-paper:#fffdf8;--scroll-line:rgba(19,32,51,.14)}
.site-nav{background:rgba(238,244,249,.94);color:var(--scroll-ink);border-bottom-color:transparent;box-shadow:none}.site-nav.scrolled{border-bottom-color:var(--scroll-line);box-shadow:0 8px 24px -22px rgba(16,27,45,.8)}.site-nav .brand{color:var(--scroll-ink)}.site-nav .brand-mark{border-color:rgba(49,95,244,.5);color:var(--scroll-blue)}.site-nav .nav-links{color:var(--scroll-ink-2)}.site-nav .nav-links a:hover{color:var(--scroll-blue)}.site-nav .sign-in{color:var(--scroll-ink)}.site-nav .button-small.primary{background:var(--scroll-blue);color:#fff;box-shadow:0 14px 30px -16px rgba(49,95,244,.8)}.site-nav .button-small.primary:hover{background:#244ddb}.site-nav .menu-toggle{border-color:rgba(19,32,51,.3);color:var(--scroll-ink)}
.dashboard-scroll-story{height:235svh;position:relative;overflow:visible;background:radial-gradient(circle at 12% 18%,rgba(32,167,157,.14),transparent 32%),radial-gradient(circle at 88% 12%,rgba(49,95,244,.18),transparent 34%),radial-gradient(circle at 64% 82%,rgba(245,200,75,.13),transparent 26%),linear-gradient(180deg,#fff 0%,#f5f7fb 100%);color:var(--scroll-ink)}
.dashboard-scroll-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden}.dashboard-scroll-offer{position:absolute;z-index:2;left:max(24px,calc((100vw - 1240px)/2));top:var(--scroll-offer-top,clamp(150px,20vh,190px));width:min(46vw,590px);opacity:var(--scroll-offer-opacity,1);transform:translateY(var(--scroll-offer-y,0px))}.dashboard-scroll-kicker{display:flex;align-items:center;gap:9px;color:var(--scroll-blue);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.dashboard-scroll-kicker>span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(49,95,244,.14)}.dashboard-scroll-offer h1{font:400 clamp(46px,4.55vw,68px)/.94 'DM Serif Display',Georgia,serif;letter-spacing:-.042em;margin:20px 0 24px;max-width:760px}.dashboard-scroll-offer h1 span,.dashboard-scroll-offer h1 em{display:block;white-space:nowrap}.dashboard-scroll-offer h1 span{color:var(--scroll-ink)}.dashboard-scroll-offer h1 em{color:var(--scroll-blue);font-style:italic;font-weight:400}.dashboard-scroll-lede{font-size:17px;line-height:1.58;color:var(--scroll-ink-2);max-width:650px;margin:0 0 18px}.dashboard-scroll-lede strong{color:var(--scroll-ink)}.dashboard-scroll-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 24px}.dashboard-scroll-tools>span{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--scroll-muted);margin-right:3px}.dashboard-scroll-tools b{padding:6px 9px;border:1px solid rgba(19,32,51,.12);border-radius:999px;background:rgba(255,255,255,.72);font-size:10px;font-weight:700;color:var(--scroll-ink-2)}.dashboard-scroll-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dashboard-scroll-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;background:var(--scroll-blue);color:#fff;font-size:14px;font-weight:700;box-shadow:0 14px 30px -16px rgba(49,95,244,.8);transition:transform .2s,background .2s}.dashboard-scroll-button:hover{background:#244ddb;transform:translateY(-2px)}.dashboard-scroll-demo{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--scroll-ink)}.dashboard-scroll-demo>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--scroll-line);border-radius:50%;background:var(--scroll-paper);font-size:13px}.dashboard-scroll-trust{display:flex;align-items:center;gap:14px;margin-top:22px;color:var(--scroll-muted);font-size:13px;line-height:1.6}.dashboard-scroll-trust>div{display:flex}.dashboard-scroll-trust b{width:34px;height:34px;display:grid;place-items:center;border:3px solid var(--scroll-paper);border-radius:50%;margin-left:-9px;color:#fff;font-size:11px}.dashboard-scroll-trust b:first-child{margin-left:0;background:var(--scroll-blue)}.dashboard-scroll-trust b:nth-child(2){background:#b47d23}.dashboard-scroll-trust b:nth-child(3){background:#20a79d}
.dashboard-scroll-title{position:absolute;left:max(24px,calc((100vw - 1240px)/2));top:calc(92px + var(--scroll-intro-overflow,0px));opacity:var(--scroll-title-opacity,0);transform:translateY(var(--scroll-title-y,12px));color:var(--scroll-ink)}.dashboard-scroll-title small{font-size:9px;letter-spacing:.12em;color:var(--scroll-blue);font-weight:700}.dashboard-scroll-title h2{font:400 32px/1 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;margin:8px 0}.dashboard-scroll-title p{font-size:12px;color:var(--scroll-muted)}
.dashboard-scroll-frame{position:absolute;z-index:1;top:var(--scroll-frame-top,165px);left:var(--scroll-frame-left,53vw);width:var(--scroll-frame-width,min(1000px,calc(47vw - 24px)));height:var(--scroll-frame-height,460px);margin:0;overflow:hidden;border:1px solid rgba(19,32,51,.14);border-radius:var(--scroll-frame-radius,15px);background:#f4f6fa;box-shadow:0 28px 80px -28px rgba(16,27,45,.3)}.dashboard-scroll-image-wrap{width:100%;height:100%;overflow:var(--scroll-image-overflow,hidden);background:#f4f6fa}.dashboard-scroll-image-wrap img{display:block;width:100%;height:auto;max-width:none}.dashboard-scroll-badge{position:absolute;z-index:2;bottom:10px;left:12px;padding:5px 9px;border:1px solid #d9e1ec;border-radius:5px;background:#f4f6fa;color:#285783;font:10px/1.3 Arial,sans-serif;pointer-events:none}.dashboard-scroll-caption{position:absolute;left:0;right:0;bottom:13px;margin:0;text-align:center;color:var(--scroll-muted);font-size:9px;opacity:var(--scroll-title-opacity,0)}
.dashboard-replace-stack{padding:100px 0;background:var(--scroll-paper);border-top:1px solid var(--scroll-line);border-bottom:1px solid var(--scroll-line);color:var(--scroll-ink);scroll-margin-top:82px}.dashboard-section-copy{max-width:810px;text-align:center;margin:0 auto}.dashboard-section-copy h2{font:400 clamp(42px,6vw,78px)/.98 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;margin:0 0 24px}.dashboard-section-copy p{font-size:18px;line-height:1.7;color:var(--scroll-muted);margin:0}.dashboard-stack-compare{display:grid;grid-template-columns:1fr 90px 1fr;gap:20px;align-items:stretch;margin-top:54px}.dashboard-replacement-card{border-radius:28px;padding:36px;border:1px solid var(--scroll-line)}.dashboard-replacement-card.old{background:#f1f3f7}.dashboard-replacement-card.crm{background:var(--scroll-navy);color:#fff;box-shadow:0 28px 80px -42px rgba(16,27,45,.38)}.dashboard-replacement-card h3{font:400 38px/1.05 'DM Serif Display',Georgia,serif;margin:0 0 24px}.dashboard-replacement-card.old h3{font-size:42px}.dashboard-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-tool-grid>div{display:flex;align-items:center;gap:11px;padding:13px;border-radius:13px;background:#fff;border:1px solid rgba(19,32,51,.08)}.dashboard-tool-grid>div>b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--scroll-blue-2);color:var(--scroll-blue);font-size:10px;flex:0 0 auto}.dashboard-tool-grid strong{display:block;font-size:12px}.dashboard-tool-grid small{display:block;margin-top:2px;color:var(--scroll-muted);font-size:10px}.dashboard-stack-equals{display:grid;place-items:center}.dashboard-stack-equals span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#f5c84b;color:var(--scroll-navy);font-size:26px;font-weight:700;box-shadow:0 14px 30px -18px rgba(16,27,45,.7)}.dashboard-replacement-card.crm>p{font-size:14px;line-height:1.65;color:rgba(255,255,255,.65);margin:0 0 24px}.dashboard-crm-includes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-crm-includes span{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.88);font-size:14px;font-weight:600}.dashboard-crm-includes span:before{content:'✓';width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(32,167,157,.18);color:#66d9cf;font-size:10px;flex:0 0 auto}.dashboard-replacement-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;color:rgba(255,255,255,.52)}.dashboard-replacement-foot strong{color:#fff;font-size:13px}
.legacy-replaces{display:none!important}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.dashboard-scroll-offer{top:var(--scroll-offer-top,clamp(165px,26vh,240px))}}
@media(max-width:1100px) and (min-width:761px){.dashboard-scroll-offer{width:46vw}.dashboard-scroll-offer h1{font-size:46px}.dashboard-scroll-lede{font-size:15px}.dashboard-scroll-button{font-size:12px;padding:0 17px}.dashboard-scroll-demo{font-size:12px}.dashboard-scroll-trust{font-size:11px}.dashboard-stack-compare{grid-template-columns:1fr 48px 1fr;gap:16px}.dashboard-replacement-card{padding:28px}.dashboard-replacement-card h3,.dashboard-replacement-card.old h3{font-size:34px}.dashboard-stack-equals span{width:44px;height:44px}.dashboard-replacement-foot{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:760px){.dashboard-scroll-story{height:var(--scroll-story-height,250svh)}.dashboard-scroll-stage{height:var(--scroll-stage-height,100svh);min-height:0;top:calc(-1 * var(--scroll-intro-overflow,0px))}.dashboard-scroll-offer{left:20px;top:100px;width:calc(100% - 40px);max-width:none}.dashboard-scroll-kicker{font-size:10px}.dashboard-scroll-offer h1{font-size:clamp(36px,10.2vw,58px);line-height:.98;margin:20px 0 23px}.dashboard-scroll-lede{font-size:15px;line-height:1.6;margin-bottom:18px}.dashboard-scroll-tools{gap:6px;margin-bottom:22px}.dashboard-scroll-tools b{font-size:9px;padding:6px 8px}.dashboard-scroll-actions{gap:16px}.dashboard-scroll-button{font-size:12px;min-height:48px;padding:0 18px}.dashboard-scroll-demo{font-size:12px}.dashboard-scroll-demo>span{width:34px;height:34px}.dashboard-scroll-trust{font-size:11px;gap:11px;margin-top:20px}.dashboard-scroll-trust b{width:30px;height:30px;font-size:10px}.dashboard-scroll-title{left:16px;top:calc(81px + var(--scroll-intro-overflow,0px))}.dashboard-scroll-title h2{font-size:27px;margin:7px 0}.dashboard-scroll-title p{font-size:10px}.dashboard-scroll-frame{left:var(--scroll-frame-left,16px);top:var(--scroll-frame-top,550px);width:var(--scroll-frame-width,calc(100% - 32px));height:var(--scroll-frame-height,500px);box-shadow:0 15px 45px rgba(16,27,45,.25)}.dashboard-scroll-caption{font-size:7px;bottom:9px}.dashboard-replace-stack{padding:64px 0}.dashboard-section-copy h2{font-size:clamp(40px,11vw,58px);margin-bottom:22px}.dashboard-section-copy p{font-size:16px;line-height:1.65}.dashboard-stack-compare{grid-template-columns:1fr;gap:22px;margin-top:36px}.dashboard-replacement-card{padding:25px;border-radius:22px}.dashboard-replacement-card h3,.dashboard-replacement-card.old h3{font-size:34px}.dashboard-stack-equals span{width:46px;height:46px;transform:rotate(90deg)}.dashboard-tool-grid>div{padding:11px;gap:8px}.dashboard-tool-grid>div>b{width:26px;height:28px;font-size:9px}.dashboard-tool-grid strong{font-size:11px}.dashboard-tool-grid small{font-size:9px}.dashboard-crm-includes span{font-size:12px}.dashboard-replacement-foot{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:359px){.dashboard-tool-grid{grid-template-columns:1fr}.dashboard-scroll-offer h1{font-size:35px}.dashboard-scroll-actions{gap:12px}.dashboard-scroll-trust{align-items:flex-start}.dashboard-scroll-button{padding-inline:14px;font-size:11px}.dashboard-scroll-demo{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dashboard-scroll-story{height:auto}.dashboard-scroll-stage{height:auto;min-height:0;position:relative;top:0;overflow:visible;padding:120px 0 35px}.dashboard-scroll-offer{position:relative;top:auto!important;left:auto;width:100%;opacity:1!important;transform:none!important}.dashboard-scroll-title{position:relative;top:auto;left:auto;margin:55px 0 25px;opacity:1!important;transform:none!important}.dashboard-scroll-frame{position:relative;top:auto!important;left:auto!important;width:100%!important;height:650px!important}.dashboard-scroll-caption{position:static;opacity:1;margin-top:18px}.dashboard-scroll-image-wrap{overflow:auto}.dashboard-scroll-story + .dashboard-replace-stack{display:block}}

/* The dashboard is a fixed hero preview. Keep the copy and image in a stable
   layout so the first page view does not depend on scroll position. */
.dashboard-scroll-story{height:auto;min-height:clamp(700px,calc(100svh - 78px),860px);overflow:hidden}
.dashboard-scroll-stage{width:min(1480px,calc(100% - 48px));min-height:clamp(700px,calc(100svh - 78px),860px);height:auto;margin:0 auto;padding:clamp(132px,11vw,170px) 0 clamp(64px,7vw,96px);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(36px,5vw,78px);position:relative;top:auto;overflow:visible}
.dashboard-scroll-offer{position:relative;left:auto;top:auto;width:auto;max-width:none;opacity:1!important;transform:none!important;z-index:2}
.dashboard-scroll-offer h1 span,.dashboard-scroll-offer h1 em{white-space:normal}
.dashboard-scroll-title,.dashboard-scroll-caption{display:none}
.dashboard-scroll-frame{position:relative;z-index:1;grid-column:2;grid-row:1;left:auto;top:auto;width:100%;height:auto;max-width:none;align-self:center;margin:0;overflow:hidden;border-radius:18px}
.dashboard-scroll-image-wrap{width:100%;height:auto;overflow:hidden;background:#f4f6fa}
.dashboard-scroll-image-wrap img{display:block;width:100%;height:auto;max-width:100%;image-rendering:auto}

@media(max-width:760px){
  .dashboard-scroll-story{min-height:0;height:auto}
  .dashboard-scroll-stage{display:flex;flex-direction:column;align-items:stretch;width:min(100% - 30px,1180px);min-height:0;height:auto;padding:104px 0 52px;gap:32px}
  .dashboard-scroll-offer{width:100%;max-width:none}
  .dashboard-scroll-kicker{font-size:10px}
  .dashboard-scroll-offer h1{font-size:clamp(42px,12.6vw,58px);line-height:.98;margin:20px 0 23px}
  .dashboard-scroll-lede{font-size:15px;line-height:1.6;margin-bottom:18px}
  .dashboard-scroll-tools{gap:6px;margin-bottom:22px}
  .dashboard-scroll-tools b{font-size:9px;padding:6px 8px}
  .dashboard-scroll-actions{flex-direction:column;align-items:stretch;gap:12px}
  .dashboard-scroll-button{width:100%;font-size:12px;min-height:48px;padding:0 18px}
  .dashboard-scroll-demo{font-size:12px}
  .dashboard-scroll-demo>span{width:34px;height:34px}
  .dashboard-scroll-trust{align-items:flex-start;font-size:11px;gap:11px;margin-top:20px}
  .dashboard-scroll-trust b{width:30px;height:30px;font-size:10px}
  .dashboard-scroll-frame{grid-column:auto;grid-row:auto;width:100%;max-width:100%;margin:0;border-radius:15px;box-shadow:0 15px 45px rgba(16,27,45,.25)}
  .dashboard-scroll-image-wrap{height:auto;overflow:hidden}
}

@media(max-width:359px){
  .dashboard-scroll-offer h1{font-size:35px}
  .dashboard-scroll-button{padding-inline:14px;font-size:11px}
  .dashboard-scroll-demo{font-size:10px}
}