/* QoreBuilt connected journey — one motion language, three useful stories. */
:root{--motion-ease:cubic-bezier(.22,.8,.2,1)}
.connected-demo{min-width:0;padding-top:14px;position:relative}.motion-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 16px;color:#b5c0d0;font-size:.75rem;line-height:1.5}.motion-heading>span{letter-spacing:.075em;text-transform:uppercase}.motion-toggle{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;padding:9px 0 9px 9px;font-size:.75rem;color:#c5ccd6;flex-shrink:0;min-height:40px}.motion-toggle:before{content:'';display:block;width:7px;height:9px;border-inline:2px solid currentColor}.motion-toggle[aria-pressed=true]:before{width:0;height:0;border:5px solid transparent;border-right:0;border-left:7px solid currentColor}.motion-toggle:hover{color:#ffae72}.journey-window{border:1px solid #859cc044;border-radius:13px;overflow:hidden;background:#151c28;box-shadow:0 35px 100px #0004;position:relative}.journey-chrome{height:42px;display:flex;align-items:center;gap:12px;padding:0 17px;background:#202734;color:#b2bccb;font-size:.75rem}.journey-address{flex:1;text-align:center}.journey-brand{font-size:.625rem;letter-spacing:.12em;color:#718095}.journey-canvas{height:410px;position:relative;overflow:hidden;isolation:isolate;background:#eef0f3}.journey-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transition:opacity .6s var(--motion-ease),transform .8s var(--motion-ease),visibility .6s;overflow:hidden}.journey-scene[data-active=true]{opacity:1;visibility:visible;transform:none}.scene-ad{background:#111b25}.journey-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}.ad-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04131bcc,#04131b22 80%),linear-gradient(0deg,#05131bd9,transparent 75%)}.hero-ad-brand{position:absolute;inset:20px 24px auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-ad-brand img{width:88px;height:54px;object-fit:contain}.hero-ad-brand>span{border:1px solid #fff5;background:#1118;padding:5px 9px;border-radius:4px;font-size:.75rem;color:#f5f5f5}.hero-ad-copy{position:absolute;left:32px;bottom:34px;right:25px}.ad-location{display:block;font-size:.75rem;letter-spacing:.12em;margin-bottom:15px;color:#eee}.hero-ad-copy h3{font-size:clamp(2.3rem,3.8vw,4rem);line-height:1.04;letter-spacing:-.055em;color:white}.hero-ad-copy h3>span{display:block;transform:translateY(18px);opacity:0;transition:transform .9s var(--motion-ease),opacity .7s}.connected-demo[data-beat=settled] .hero-ad-copy h3>span{transform:none;opacity:1}.hero-ad-copy h3>span+span{transition-delay:.12s}.demo-cta{display:inline-flex;padding:11px 18px;background:var(--orange);color:#141414;font-size:.8125rem;font-weight:700;border-radius:5px;margin-top:23px;transform:translateY(10px);opacity:0;transition:.6s var(--motion-ease)}.connected-demo[data-beat=settled] .demo-cta{opacity:1;transform:none}.scene-site img{width:100%;height:100%;object-fit:cover;object-position:top}.real-project-label{position:absolute;bottom:15px;left:15px;padding:7px 11px;border:1px solid #ffffff50;background:#0e181ce8;color:white;border-radius:4px;font-size:.75rem}.scene-inquiry{background:#f3f4f5;padding:27px}.mini-form{max-width:380px;margin:auto;color:#191c22}.ui-kicker{font-size:.6875rem;letter-spacing:.085em;color:#7f8794;font-weight:600}.mini-form h3{font-size:1.8rem;line-height:1.13;margin-top:9px;letter-spacing:-.045em}.mini-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0 0}.mini-options>span{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #d6d9df;border-radius:6px;font-size:.75rem;background:#fff;line-height:1.4}.mini-options .selected{border-color:#ce7a35;box-shadow:0 0 0 1px #ce7a35;color:#8a3f06}.mini-options svg{width:17px;height:17px;flex-shrink:0}.mini-field{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #d8dce1;font-size:.75rem;margin-top:5px}.mini-field>span{color:#7a808a}.mini-field>strong{font-weight:500}.mini-send{display:block;background:#1b232d;color:white;padding:11px 16px;font-size:.8125rem;border-radius:5px;margin-top:90px;text-align:center}.scene-crm{background:#e9edf2;padding:25px}.mini-crm{background:#fff;border:1px solid #d7dce3;border-radius:8px;height:100%;color:#20242a;overflow:hidden}.mini-crm-heading{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid #e6e9ed;font-size:.75rem;font-weight:600}.mini-crm-heading svg{width:22px;height:22px;color:#9b4b11}.mini-stage-label{display:flex;gap:25px;margin:17px 20px;color:#7c8490;font-size:.6875rem}.mini-stage-label>span:last-child{color:#a35013}.mini-customer-details{margin:100px 21px 0;display:flex;justify-content:space-between;gap:10px;font-size:.6875rem;color:#697280}.mini-next{display:flex;align-items:center;gap:11px;background:#fff4ea;border-top:1px solid #f0d4bc;border-bottom:1px solid #f0d4bc;padding:18px;margin-top:24px;transform:translateY(22px);opacity:0;transition:.7s var(--motion-ease)}.mini-next>svg{height:24px;width:24px;flex-shrink:0;color:#a65315}.mini-next strong{font-size:.8125rem;font-weight:600}.mini-next span{display:block;font-size:.75rem;color:#8a715e;margin-top:5px}.connected-demo[data-step="3"][data-beat=settled] .mini-next{opacity:1;transform:none}.journey-customer{position:absolute;top:260px;left:calc(50% - 174px);width:348px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d3d8e0;border-radius:7px;padding:12px 15px;z-index:3;opacity:0;transform:translateY(20px);transition:top .9s var(--motion-ease),left .9s var(--motion-ease),width .9s var(--motion-ease),transform .8s var(--motion-ease),opacity .5s;pointer-events:none;box-shadow:0 7px 15px #13223b09;color:#20252c}.customer-avatar{display:grid;place-items:center;background:#f0ddcd;color:#9d501b;border:1px solid #d3ac8d;border-radius:50%;width:37px;height:37px;flex-shrink:0;font-size:.875rem;font-weight:600}.journey-customer>div{flex:1}.journey-customer strong{display:block;font-size:.8125rem}.journey-customer div>span{display:block;font-size:.75rem;color:#6d7784;margin-top:3px}.journey-customer>svg{width:20px;height:20px;color:#b66023}.connected-demo[data-step="2"] .journey-customer{opacity:1;transform:none}.connected-demo[data-step="3"] .journey-customer{opacity:1;transform:none;top:121px;left:45px;width:calc(100% - 90px);border-color:#dda579}.motion-progress{height:2px;background:#ffffff10;overflow:hidden}.motion-progress i{display:block;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.journey-controls,.creative-controls,.crm-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:15px}.journey-controls button,.creative-controls button,.crm-controls button{border:0;border-radius:5px;background:transparent;padding:11px 5px;color:#a6b2c3;font-size:.75rem;line-height:1.4;min-height:44px;transition:color .25s,background .25s}.journey-controls button[aria-selected=true],.creative-controls button[aria-pressed=true],.crm-controls button[aria-pressed=true]{color:#fff;background:#ffffff10}.journey-controls button[aria-selected=true]{box-shadow:inset 0 -2px var(--orange)}.journey-note{color:#8494ab;font-size:.6875rem;line-height:1.6;margin-top:13px;text-align:center}.service .service-category{font-size:.75rem;color:#a25018;letter-spacing:.035em;font-weight:600;margin-bottom:13px}.service h3{font-size:1.9rem;line-height:1.2}.service-icon{width:43px;height:43px;stroke-width:1.15}.service p{line-height:1.7}.service li{line-height:1.6}
/* A real piece of footage, deliberately shaped into a concept. */
.creative-story{padding-block:98px;background:#101318;overflow:hidden}.creative-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}.creative-copy>.eyebrow{color:#9aa7ba;margin-bottom:23px}.creative-copy h2{font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.08;margin-bottom:25px}.creative-copy h2 span{color:#9cabc1}.creative-copy>p:not(.eyebrow){max-width:480px;color:#b5becb;line-height:1.8}.creative-scope{display:grid;gap:20px;margin:30px 0}.creative-scope>div{border-top:1px solid #333944;padding-top:15px}.creative-scope h3{font-size:1rem;letter-spacing:-.02em;margin-bottom:5px}.creative-scope p{font-size:.875rem;color:#929eaf;line-height:1.7}.creative-copy>.text-link{color:#ffae72}.creative-player{margin:0;min-width:0}.creative-stage{height:545px;background:#1d2531;position:relative;isolation:isolate;overflow:hidden;border-radius:9px;border:1px solid #3a4658}.creative-type{position:absolute;left:30px;top:28px;font-size:clamp(3rem,5.5vw,6rem);line-height:.99;letter-spacing:-.07em;color:#72809855;font-weight:600}.creative-type span{display:block}.creative-film{position:absolute;width:252px;height:448px;right:28px;top:42px;overflow:hidden;border-radius:5px;background:#192531;box-shadow:0 15px 35px #0004;transition:transform 1s var(--motion-ease);transform:translateX(-10px) rotate(-3deg)}.creative-film video{width:100%;height:100%;object-fit:cover}.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#04141ce8,transparent 70%);opacity:0;transition:opacity .7s}.film-logo{position:absolute;left:18px;top:16px;width:74px;height:48px;object-fit:contain;opacity:0;transition:opacity .6s}.film-hook{position:absolute;left:20px;right:18px;top:90px;color:white;font-size:2rem;line-height:1.07;letter-spacing:-.055em;text-shadow:0 2px 10px #0006}.film-hook>span,.film-hook>strong{display:block;opacity:0;transform:translateY(18px);transition:transform .7s var(--motion-ease),opacity .7s}.film-hook strong{font-weight:700;transition-delay:.15s}.film-caption{position:absolute;left:16px;right:16px;bottom:117px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.film-caption>span{background:#f5f5f5;color:#111;padding:6px 10px;font-weight:700;font-size:1.05rem;opacity:0;transform:translateY(20px);transition:.55s var(--motion-ease)}.film-caption>span:last-child{background:var(--orange);transition-delay:.12s}.film-action{position:absolute;left:20px;right:20px;bottom:35px;text-align:center;opacity:0;transform:translateY(15px);transition:.6s var(--motion-ease)}.film-action>span{font-size:.6875rem;display:block;margin-bottom:10px;color:#ddd}.film-action>strong{font-size:.8125rem;background:var(--orange);color:#111;display:block;padding:11px;border-radius:4px}.film-concept{position:absolute;bottom:12px;right:15px;font-size:.625rem;color:white;text-shadow:0 1px 4px #000}.creative-annotation{position:absolute;left:28px;bottom:37px;max-width:170px;z-index:-1}.creative-state{font-size:.75rem;color:#ffa56b}.creative-caption{font-size:1.2rem;line-height:1.5;color:#cad3df;margin-top:12px;letter-spacing:-.025em}.creative-player[data-step="1"] .creative-film,.creative-player[data-step="2"] .creative-film,.creative-player[data-step="3"] .creative-film{transform:translateX(0) rotate(0)}.creative-player:not([data-step="0"]) .film-shade,.creative-player:not([data-step="0"]) .film-logo{opacity:1}.creative-player:not([data-step="0"])[data-beat=settled] .film-hook>span,.creative-player:not([data-step="0"])[data-beat=settled] .film-hook>strong{opacity:1;transform:none}.creative-player[data-step="2"][data-beat=settled] .film-caption>span,.creative-player[data-step="3"] .film-caption>span{opacity:1;transform:none}.creative-player[data-step="3"][data-beat=settled] .film-action{opacity:1;transform:none}.creative-player figcaption{font-size:.75rem;line-height:1.7;color:#8996a9;margin-top:16px;max-width:550px}.creative-controls{padding-top:9px}.creative-controls button[aria-pressed=true]{color:#ffb47b}
/* Customer workspace: familiar information gains context as it advances. */
.crm-story{background:#f0f2f5;padding-block:100px}.crm-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:70px;align-items:center}.crm-copy>.eyebrow{color:#737c8a;margin-bottom:22px}.crm-copy h2{font-size:clamp(2.7rem,4vw,4.1rem);line-height:1.09;margin-bottom:24px}.crm-copy h2 span{color:#697485}.crm-copy>p:not(.eyebrow){color:#626c7a;max-width:450px;line-height:1.8}.crm-benefits{margin:28px 0 26px;display:grid;gap:20px}.crm-benefits p{font-size:.9375rem;line-height:1.7}.crm-benefits strong,.crm-benefits span{display:block}.crm-benefits strong{font-weight:600;color:#29313e}.crm-benefits span{color:#737d8b;max-width:420px}.crm-player{min-width:0;margin:0;border-radius:12px;border:1px solid #344050;background:#17202d;color:#fff;padding:22px;box-shadow:0 25px 55px #25304412}.crm-player .motion-heading{font-size:.6875rem}.crm-workspace{border:1px solid #d4dae2;border-radius:7px;background:#f3f5f7;position:relative;overflow:hidden;color:#232b38}.crm-appbar{display:flex;align-items:center;gap:9px;padding:15px 18px;border-bottom:1px solid #dbe1e8;font-size:.875rem;background:white}.crm-appbar>svg{width:22px;height:22px;color:#a25119}.crm-appbar>strong{font-weight:600}.crm-appbar>span{margin-left:auto;color:#778291;font-size:.6875rem}.crm-pipeline{display:grid;grid-template-columns:repeat(3,1fr);position:relative;border-bottom:1px solid #d8dee6;padding:0 12px}.pipeline-stage{position:relative;z-index:1;font-size:.75rem;padding:15px 5px;text-align:center;color:#788291;transition:color .5s}.crm-pipeline>i{position:absolute;bottom:0;left:12px;width:calc((100% - 24px)/3);height:2px;background:#d27737;transform:translateX(0);transition:transform .9s var(--motion-ease)}.crm-player[data-step="2"] .crm-pipeline>i{transform:translateX(100%)}.crm-player[data-step="3"] .crm-pipeline>i{transform:translateX(200%)}.crm-player[data-step="0"] .pipeline-stage:nth-child(1),.crm-player[data-step="1"] .pipeline-stage:nth-child(1),.crm-player[data-step="2"] .pipeline-stage:nth-child(2),.crm-player[data-step="3"] .pipeline-stage:nth-child(3){color:#9d4a11}.crm-record{margin:19px;padding:21px;border:1px solid #dae0e6;border-radius:6px;background:white;transition:transform .9s var(--motion-ease),box-shadow .9s;transform:translateY(0)}.crm-person{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.crm-person>div{flex:1;min-width:120px}.crm-person h3{font-size:1rem;letter-spacing:-.025em}.crm-person p{font-size:.6875rem;line-height:1.5;color:#86909c;margin-top:4px}.crm-badge{font-size:.625rem;background:#f1e5d9;color:#9a511d;padding:5px 7px;border-radius:4px;white-space:nowrap}.crm-record-details{display:grid;grid-template-columns:1fr 1fr;gap:17px;border-block:1px solid #e6e9ed;margin-top:20px;padding-block:15px}.crm-record-details>div>span{display:block;color:#8993a0;font-size:.6875rem;margin-bottom:5px}.crm-record-details strong{font-size:.8125rem;font-weight:500}.crm-context{padding-block:16px;border-bottom:1px solid #e6e9ed;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s}.crm-context>span{font-size:.625rem;letter-spacing:.08em;color:#8993a0}.crm-context p{font-size:.75rem;line-height:1.7;color:#656f7e;margin-top:5px}.crm-activity{padding-top:15px}.crm-activity>.ui-kicker{font-size:.625rem}.activity-row{display:flex;align-items:center;gap:10px;padding-top:15px;transition:opacity .6s,transform .7s var(--motion-ease)}.activity-row>svg{width:18px;height:18px;color:#9f6a44;flex-shrink:0}.activity-row>div{flex:1}.activity-row strong{display:block;font-size:.75rem;font-weight:600}.activity-row div>span{display:block;color:#8993a0;font-size:.6875rem;line-height:1.5;margin-top:4px}.activity-row small{font-size:.625rem;color:#939da9}.activity-estimate{opacity:0;transform:translateY(10px)}.crm-task{display:flex;align-items:center;gap:10px;padding:13px;margin-top:17px;border:1px solid #e4c5ac;border-radius:5px;background:#fff5ed;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .7s var(--motion-ease)}.task-check{display:grid;place-items:center;height:22px;width:22px;border:1px solid #d29a70;border-radius:4px;color:#9e531e;flex-shrink:0}.task-check svg{width:16px;height:16px}.crm-task strong{display:block;font-size:.75rem;font-weight:600}.crm-task div>span{display:block;font-size:.6875rem;color:#a28066;margin-top:5px}.crm-player:not([data-step="0"])[data-beat=settled] .crm-context{opacity:1;transform:none}.crm-player[data-step="2"][data-beat=settled] .activity-estimate,.crm-player[data-step="3"] .activity-estimate{opacity:1;transform:none}.crm-player[data-step="3"][data-beat=settled] .crm-task{opacity:1;transform:none}.crm-arrival{display:flex;align-items:center;gap:8px;position:absolute;bottom:25px;left:50%;transform:translate(-50%,25px);white-space:nowrap;padding:11px 16px;background:#243044;color:#eee;border:1px solid #4a586b;border-radius:6px;font-size:.75rem;box-shadow:0 10px 30px #20304430;opacity:0;transition:opacity .5s,transform .8s var(--motion-ease)}.crm-arrival svg{width:17px;height:17px;color:#ffae72}.crm-player[data-step="0"][data-beat=settled] .crm-arrival{opacity:1;transform:translate(-50%,0)}.crm-controls{gap:3px;padding-top:12px}.crm-controls button{font-size:.6875rem}.crm-caption{color:#c5cfdd;font-size:.8125rem;line-height:1.7;padding:14px 5px 0;min-height:58px}.crm-example-note{font-size:.6875rem;line-height:1.7;color:#8291a7;padding:5px}
@media(min-width:1500px){.journey-canvas{height:430px}.creative-film{right:40px}.creative-annotation{max-width:210px}}
@media(max-width:1150px){.creative-grid{gap:40px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.creative-film{right:20px;width:230px;height:409px;top:50px}.creative-stage{height:510px}.creative-annotation{left:20px;bottom:25px;max-width:135px}.creative-caption{font-size:1rem}.crm-grid{gap:35px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.crm-player{padding:15px}.crm-record{margin:13px;padding:17px}.journey-brand{display:none}.mini-form h3{font-size:1.6rem}.journey-customer{left:27px;width:calc(100% - 54px)}.mini-options>span{padding:10px}.hero-ad-copy h3{font-size:3rem}}
@media(max-width:850px){.connected-demo{padding-top:5px;max-width:680px;width:100%;margin:auto}.journey-canvas{height:440px}.hero-ad-copy h3{font-size:3.8rem}.mini-form{max-width:420px;padding-top:12px}.mini-form h3{font-size:2rem}.journey-customer{width:390px;left:calc(50% - 195px);top:283px}.mini-send{margin-top:98px}.mini-next{margin-top:45px}.creative-grid,.crm-grid{grid-template-columns:minmax(0,1fr);gap:38px}.creative-story,.crm-story{padding-block:70px}.creative-copy>p:not(.eyebrow),.crm-copy>p:not(.eyebrow){max-width:590px}.creative-copy h2,.crm-copy h2{font-size:3.3rem}.creative-scope{grid-template-columns:1fr 1fr;gap:25px}.creative-player{width:100%;max-width:650px;margin:auto}.creative-stage{height:550px}.creative-film{width:264px;height:469px;right:45px;top:37px}.creative-annotation{left:35px;bottom:45px;max-width:220px}.creative-caption{font-size:1.25rem}.creative-type{font-size:5.8rem;left:35px}.crm-player{padding:23px;width:100%;max-width:650px;margin:auto}.crm-record{margin:20px;padding:23px}.crm-benefits{grid-template-columns:repeat(3,1fr);gap:22px}.crm-benefits p{font-size:.875rem}.crm-benefits strong{margin-bottom:5px}.service h3{font-size:1.5rem}.journey-note{font-size:.75rem}}
@media(max-width:600px){.hero-description{font-size:1rem;max-width:400px}.connected-demo{padding:12px 0 0}.motion-heading{font-size:.6875rem;gap:8px;padding-bottom:10px}.motion-toggle{font-size:.6875rem;min-height:42px}.journey-canvas{height:400px}.journey-chrome{height:37px;padding-inline:12px;font-size:.6875rem}.hero-ad-brand{inset:16px 18px auto}.hero-ad-brand img{width:79px;height:47px}.hero-ad-brand>span{font-size:.625rem}.hero-ad-copy{left:24px;bottom:29px}.hero-ad-copy h3{font-size:3rem}.ad-location{font-size:.6875rem}.journey-controls{gap:3px;padding-top:9px}.journey-controls button{font-size:.6875rem;padding:11px 3px;min-height:50px}.journey-note{font-size:.625rem;line-height:1.7;margin-top:9px;max-width:320px;margin-inline:auto}.scene-inquiry{padding:22px 20px}.mini-form{padding:0}.mini-form h3{font-size:1.6rem}.mini-options{margin-top:20px}.mini-options>span{font-size:.6875rem;padding:10px 8px}.mini-field{font-size:.6875rem}.journey-customer{left:20px;width:calc(100% - 40px);top:254px;padding:10px 12px}.mini-send{margin-top:91px}.scene-crm{padding:17px}.mini-crm-heading{padding:13px;font-size:.6875rem}.mini-stage-label{margin:16px 13px;gap:20px}.connected-demo[data-step="3"] .journey-customer{top:111px;left:31px;width:calc(100% - 62px)}.mini-customer-details{margin:100px 13px 0;flex-direction:column;gap:6px;font-size:.6875rem}.mini-next{padding:15px 12px;margin-top:20px;gap:8px}.mini-next strong{font-size:.75rem}.mini-next span{font-size:.6875rem}.service h3{font-size:1.7rem}.service .service-category{font-size:.75rem}.creative-story,.crm-story{padding-block:55px}.creative-copy h2,.crm-copy h2{font-size:2.55rem}.creative-copy>p:not(.eyebrow),.crm-copy>p:not(.eyebrow){font-size:1rem}.creative-scope{gap:18px}.creative-scope h3{font-size:.9375rem}.creative-scope p{font-size:.8125rem}.creative-stage{height:505px}.creative-type{font-size:3.5rem;top:20px;left:18px;color:#a0adbf44}.creative-film{width:212px;height:377px;right:20px;top:28px}.creative-annotation{bottom:24px;left:19px;right:19px;max-width:none;display:flex;gap:17px;align-items:baseline}.creative-state{font-size:.6875rem;flex:0 0 75px;line-height:1.5}.creative-caption{font-size:.9375rem;margin:0;line-height:1.6;max-width:220px}.film-hook{font-size:1.7rem;left:16px;top:80px}.film-logo{width:64px;left:15px;top:12px}.film-caption{bottom:105px;gap:4px}.film-caption>span{font-size:.875rem;padding:5px 8px}.film-action{left:16px;right:16px;bottom:30px}.film-action>span{font-size:.625rem}.film-action>strong{font-size:.75rem;padding:10px}.creative-player figcaption{font-size:.6875rem}.creative-controls button{font-size:.75rem}.crm-benefits{grid-template-columns:1fr;gap:16px;margin-block:25px}.crm-benefits p{font-size:.9375rem}.crm-benefits strong{margin-bottom:2px}.crm-player{padding:12px;border-radius:9px}.crm-player .motion-heading{font-size:.5625rem;padding-inline:3px}.crm-appbar{padding:13px 12px;font-size:.8125rem}.crm-appbar>span{font-size:.5625rem}.crm-pipeline{padding:0 7px}.pipeline-stage{font-size:.625rem;line-height:1.5;padding:13px 3px}.crm-pipeline>i{left:7px;width:calc((100% - 14px)/3)}.crm-record{margin:11px;padding:14px}.crm-person{gap:9px}.crm-person>div{min-width:100px}.crm-person h3{font-size:.875rem}.crm-person p{font-size:.625rem}.crm-badge{font-size:.5625rem;padding:4px 6px}.crm-person .customer-avatar{height:31px;width:31px}.crm-record-details{gap:12px;margin-top:16px;padding-block:13px}.crm-record-details strong{font-size:.75rem}.crm-context p{font-size:.75rem}.activity-row small{display:none}.activity-row{gap:8px}.activity-row div>span{font-size:.625rem}.activity-row strong{font-size:.6875rem}.crm-task{padding:11px 8px;gap:8px}.crm-task strong{font-size:.6875rem}.crm-task div>span{font-size:.625rem;line-height:1.6}.crm-arrival{font-size:.6875rem;padding:11px 12px;bottom:23px}.crm-controls button{font-size:.625rem;padding:9px 3px}.crm-caption{font-size:.75rem;min-height:61px}.crm-example-note{font-size:.625rem}.inquiry-options{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.journey-canvas{height:420px}.hero-ad-copy h3{font-size:2.65rem}.mini-options{grid-template-columns:1fr}.mini-options>span{padding:9px 10px}.mini-options .selected{justify-content:space-between}.mini-form h3{font-size:1.45rem}.journey-customer{top:280px}.mini-send{margin-top:90px}.creative-film{right:15px;width:205px;height:364px}.creative-type{font-size:3rem;left:15px}.creative-annotation{gap:10px;left:15px}.creative-caption{font-size:.875rem}.crm-person .crm-badge{margin-left:40px}.crm-player .motion-heading>span{max-width:145px}.crm-record{padding:12px}.crm-record-details{grid-template-columns:1fr;gap:10px}.crm-record-details>div{display:flex;justify-content:space-between;gap:10px}.crm-record-details>div>span{margin:0}.crm-arrival{font-size:.625rem}.creative-scope{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.journey-scene,.journey-customer,.creative-film,.film-hook>*,.film-caption>*,.film-action,.crm-pipeline>i,.crm-context,.activity-row,.crm-task,.crm-arrival,.mini-next,.hero-ad-copy h3>span,.demo-cta{transition:none!important;animation:none!important}.creative-film{transform:none}}
/* Preserve the approved blue light behind the hero and its glass controls. */
.connected-demo{isolation:isolate}
.connected-demo:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-170px -240px -110px -180px;background:radial-gradient(ellipse at 50% 54%,rgba(48,111,199,.82) 0%,rgba(48,111,199,.50) 36%,rgba(48,111,199,.16) 56%,rgba(48,111,199,0) 76%)}
.journey-controls{padding:5px;margin-top:16px;border:1px solid #a0b6d430;border-radius:10px;background:#151e2c78;box-shadow:inset 0 1px 0 #ffffff09;backdrop-filter:blur(12px)}
.journey-controls button[aria-selected=true]{background:linear-gradient(145deg,#ffffff14,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff18;color:#fff}
.journey-controls button[aria-selected=true]:after{content:'';display:block;width:14px;height:2px;background:var(--orange);margin:5px auto -7px;border-radius:2px}
@media(max-width:850px){.connected-demo:before{inset:-100px -120px -70px}}
@media(max-width:600px){.connected-demo:before{inset:-75px -80px -65px}.journey-controls{margin-top:12px}}

/* Revision: open compositions, full-size footage, fewer containers. */
.creative-story{background:#fff;color:#15181d;padding-block:110px 100px}
.creative-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}
.creative-copy>.eyebrow{color:#767e89}
.creative-copy h2{font-size:clamp(2.7rem,4.1vw,4.4rem);line-height:1.07;max-width:520px}
.creative-copy h2 span{color:#15181d}
.creative-copy>p:not(.eyebrow){color:#69717d;max-width:430px}
.creative-scope{gap:23px;max-width:430px}
.creative-scope>div{border:0;padding:0}
.creative-scope h3{font-size:1rem}
.creative-scope p{color:#69717d}
.creative-copy>.text-link{color:#9b4b13}
.creative-player{max-width:none}
.creative-player .motion-heading{color:#68717d;padding-bottom:14px;font-size:.6875rem}
.creative-player .motion-toggle{color:#68717d}
.creative-stage{height:auto;aspect-ratio:1.42;border:0;border-radius:0;background:#18242e;overflow:hidden;box-shadow:none}
.creative-film{inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;transform:none!important}
.creative-film video{object-fit:cover;object-position:center}
.film-shade{background:linear-gradient(90deg,#061722a6,transparent 90%),linear-gradient(0deg,#071923cc,transparent 65%)}
.film-logo{left:26px;top:22px;width:94px;height:58px}
.film-hook{left:30px;right:30px;top:25%;font-size:clamp(2.2rem,3.8vw,4rem);line-height:1.04;letter-spacing:-.06em;text-shadow:none}
.film-caption{left:30px;right:auto;bottom:126px;justify-content:flex-start;gap:8px}
.film-caption>span{font-size:1rem;padding:7px 12px}
.film-action{left:30px;right:auto;bottom:34px;text-align:left;width:auto;max-width:calc(100% - 60px)}
.film-action>span{font-size:.75rem;margin-bottom:12px;line-height:1.5}
.film-action>strong{font-size:.875rem;padding:12px 23px;display:inline-block;border-radius:4px}
.film-concept{bottom:auto;right:23px;top:23px;font-size:.6875rem;letter-spacing:.03em}
.creative-annotation{position:static;max-width:none;display:flex;align-items:baseline;gap:20px;padding-block:21px 11px;z-index:auto;min-height:75px}
.creative-state{font-size:.75rem;flex:0 0 105px;line-height:1.5;color:#9c4a10}
.creative-caption{color:#525d6b;margin:0;font-size:.9375rem;letter-spacing:0;line-height:1.7;max-width:none}
.creative-controls,.crm-controls{gap:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.creative-controls button,.crm-controls button{background:transparent!important;border-radius:0;font-size:.75rem;color:#858d99;padding:12px 5px;position:relative;min-height:45px}
.creative-controls button[aria-pressed=true],.crm-controls button[aria-pressed=true]{color:#202936;box-shadow:inset 0 -2px #c47031}
.creative-player figcaption{color:#8b939e;font-size:.6875rem;line-height:1.7;max-width:600px;margin-top:15px}
.creative-player>.motion-progress,.crm-player>.motion-progress{background:#e9ecf0;height:1px}
.creative-player>.motion-progress i,.crm-player>.motion-progress i{background:#ce7e43}
.crm-story{background:#f2f3f5}
.crm-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px}
.crm-player{padding:0;border:0;border-radius:0;background:transparent;color:#202936;box-shadow:none}
.crm-player .motion-heading{color:#68717d;font-size:.6875rem;padding-bottom:14px}
.crm-player .motion-toggle{color:#68717d}
.crm-workspace{border:0;border-radius:0;background:#fff;min-height:550px}
.crm-appbar{border-color:#eceef1;padding:20px 26px;background:transparent}
.crm-pipeline{padding-inline:18px;border-color:#eceef1}
.pipeline-stage{padding-block:17px}
.crm-pipeline>i{left:18px;width:calc((100% - 36px)/3)}
.crm-record{margin:0;padding:26px;border:0;border-radius:0;background:transparent}
.crm-badge{padding:0;background:transparent;color:#a85920;border-radius:0;font-size:.6875rem}
.crm-record-details{border-color:#eceef1;transition:color .5s}
.crm-context{opacity:1;transform:none;border-color:#eceef1}
.crm-context>span,.crm-activity>.ui-kicker{font-size:.6875rem}
.crm-context p{font-size:.8125rem;line-height:1.7}
.activity-row strong{font-size:.8125rem}
.activity-row div>span{font-size:.75rem}
.activity-estimate{max-height:0;padding-top:0;overflow:hidden;transition:opacity .5s,transform .6s var(--motion-ease),max-height .6s var(--motion-ease),padding .6s}
.crm-player[data-step="2"][data-beat=settled] .activity-estimate,.crm-player[data-step="3"] .activity-estimate{max-height:100px;padding-top:17px}
.crm-task{padding:0 0 0 13px;border:0;border-left:2px solid #d58b54;border-radius:0;background:transparent;max-height:0;margin-top:0;overflow:hidden;transition:opacity .5s,transform .7s var(--motion-ease),max-height .7s var(--motion-ease),margin .7s}
.crm-player[data-step="3"][data-beat=settled] .crm-task{max-height:100px;margin-top:24px}
.crm-task strong{font-size:.8125rem}
.crm-task div>span{font-size:.75rem;line-height:1.6}
.crm-arrival{border:0;border-radius:0;background:#273548;box-shadow:none;bottom:25px}
.crm-controls{margin-top:4px}
.crm-caption{color:#626d7d;font-size:.8125rem;padding:16px 0 0;min-height:62px}
.crm-example-note{color:#929ba7;padding:5px 0 0}
@media(max-width:1150px){.creative-grid,.crm-grid{gap:40px}.creative-stage{aspect-ratio:1.18}.film-hook{font-size:2.8rem;left:25px}.film-action{left:25px;max-width:calc(100% - 50px)}.film-caption{left:25px}.crm-workspace{min-height:570px}}
@media(max-width:850px){.creative-story{padding-block:75px}.creative-grid,.crm-grid{grid-template-columns:minmax(0,1fr);gap:35px}.creative-copy h2{font-size:3.5rem}.creative-copy>p:not(.eyebrow){max-width:580px}.creative-scope{grid-template-columns:1fr 1fr;max-width:none;gap:30px;margin-block:26px}.creative-player,.crm-player{width:100%;max-width:720px;margin:auto}.creative-stage{aspect-ratio:1.6}.film-hook{font-size:3.5rem;top:25%}.film-logo{width:84px;height:52px}.creative-annotation{min-height:72px}.crm-workspace{min-height:560px}}
@media(max-width:600px){.creative-story{padding-block:58px}.creative-copy h2{font-size:2.7rem}.creative-scope{gap:24px;margin-block:23px}.creative-scope p{font-size:.8125rem;line-height:1.7}.creative-stage{aspect-ratio:.8;max-height:520px}.creative-film video{object-position:center}.film-logo{left:20px;top:18px;width:80px;height:49px}.film-hook{left:22px;right:18px;top:27%;font-size:2.45rem}.film-caption{left:22px;right:20px;bottom:129px;gap:6px}.film-caption>span{font-size:.9375rem;padding:6px 10px}.film-action{left:22px;right:22px;bottom:34px;max-width:none}.film-action>span{font-size:.6875rem;max-width:240px;margin-bottom:12px}.film-action>strong{font-size:.8125rem;padding:11px 20px}.film-concept{right:18px;top:21px;font-size:.625rem}.creative-annotation{padding-top:17px;gap:14px;min-height:76px;align-items:flex-start}.creative-state{font-size:.6875rem;flex-basis:80px}.creative-caption{font-size:.8125rem;line-height:1.6}.creative-controls button,.crm-controls button{font-size:.6875rem;padding:11px 3px}.creative-player .motion-heading,.crm-player .motion-heading{font-size:.625rem;gap:12px}.creative-player .motion-heading>span{max-width:210px}.crm-workspace{min-height:620px}.crm-record{padding:20px}.crm-appbar{padding:18px 20px}.crm-appbar>span{font-size:.625rem}.crm-pipeline{padding-inline:12px}.crm-pipeline>i{left:12px;width:calc((100% - 24px)/3)}.pipeline-stage{font-size:.6875rem;line-height:1.5;padding-block:15px}.crm-person h3{font-size:1rem}.crm-person p{font-size:.75rem}.crm-person .customer-avatar{width:37px;height:37px}.crm-person .crm-badge{font-size:.6875rem;margin-left:46px}.crm-context p{font-size:.8125rem}.crm-record-details strong{font-size:.8125rem}.activity-row strong{font-size:.75rem}.activity-row div>span{font-size:.6875rem}.crm-task strong{font-size:.75rem}.crm-task div>span{font-size:.6875rem}.crm-caption{font-size:.75rem}.crm-example-note{font-size:.625rem}.crm-arrival{font-size:.6875rem}}
@media(max-width:360px){.creative-scope{grid-template-columns:1fr 1fr;gap:18px}.creative-scope h3{font-size:.875rem}.creative-scope p{font-size:.75rem}.creative-stage{aspect-ratio:.72}.film-hook{font-size:2.15rem;top:26%;left:18px}.film-caption{left:18px;bottom:141px;gap:4px}.film-caption>span{font-size:.875rem}.film-action{left:18px;right:18px}.film-action>span{max-width:190px}.creative-annotation{gap:12px}.creative-state{flex-basis:70px}.crm-record{padding:16px}.crm-appbar{padding:16px}.crm-workspace{min-height:680px}.crm-task div>span{font-size:.625rem}.crm-pipeline{padding-inline:7px}.crm-pipeline>i{left:7px;width:calc((100% - 14px)/3)}}

/* Service CRM concept: accounting context and customer work share one surface. */
.crm-grid{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:60px}
.crm-desk{min-height:0;background:#fff;overflow:hidden;color:#25313b;box-shadow:0 18px 55px #26344708}
.crm-desk-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;border-bottom:1px solid #eef0f2}
.crm-desk-header>div{display:flex;align-items:center;gap:11px;font-size:.8125rem;letter-spacing:-.02em}
.crm-desk-header svg{width:23px;height:23px;color:#48667a}
.crm-desk-header>span{font-size:.625rem;letter-spacing:.04em;color:#65717b}
.crm-summary{display:grid;grid-template-columns:1fr 1fr;padding:25px 28px 21px;gap:24px;border-bottom:1px solid #eef0f2}
.crm-summary>div>span{display:block;font-size:.6875rem;color:#5f6c76;margin-bottom:8px}
.crm-summary strong{display:flex;align-items:baseline;gap:12px;font-size:1.875rem;font-weight:500;line-height:1.15;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.crm-summary strong small{font-size:.625rem;font-weight:400;letter-spacing:0;color:#71808b}
.crm-summary p{font-size:.625rem;color:#71808b;margin-top:7px}
.crm-pages{display:grid;min-height:425px}
.crm-pages>div{grid-area:1/1;min-width:0;transition:opacity .35s,visibility .35s,transform .5s var(--motion-ease)}
.crm-pages>div[aria-hidden=true]{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}
.crm-overview{padding:24px 28px 28px}
.crm-chart-heading,.crm-mini-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.crm-chart-heading h3,.crm-mini-heading h3{font-size:.75rem;font-weight:600;letter-spacing:-.02em}
.crm-chart-readout{font-size:.6875rem;color:#8c4e20;font-variant-numeric:tabular-nums}
.crm-chart{margin-top:20px;aspect-ratio:600/185}
.crm-chart svg{width:100%;height:100%;overflow:visible}
.crm-chart-grid path{stroke:#e8edf0;stroke-dasharray:3 5;stroke-width:1}
.crm-chart-axis{font-family:inherit;font-size:11px;fill:#697984}
.crm-revenue-line{stroke:#426d8a;stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--motion-ease)}
.crm-player[data-beat=settled] .crm-revenue-line{stroke-dashoffset:0}
.crm-chart-points{fill:#426d8a;stroke:#fff;stroke-width:1.5}
.crm-chart-selected{fill:#bd733d;stroke:#fff;stroke-width:2;transition:cx .35s var(--motion-ease),cy .35s var(--motion-ease)}
.crm-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding-left:6.5%;margin-top:-9px}
.crm-months button{border:0;background:transparent;color:#6b7983;font-size:.625rem;padding:12px 0;min-height:40px;position:relative}
.crm-months button:first-child{text-align:left}.crm-months button:last-child{text-align:right}
.crm-months button[aria-pressed=true]{color:#9d5725;font-weight:600}
.crm-months button:focus-visible,.crm-open-customer:focus-visible{outline:2px solid #b9692d;outline-offset:3px}
.crm-overview-bottom{display:grid;grid-template-columns:1.08fr 1fr;gap:28px;border-top:1px solid #eef0f2;padding-top:24px;margin-top:15px}
.crm-mini-heading>span{font-size:.625rem;color:#6b7983}
.crm-service-row{display:grid;grid-template-columns:1fr 26px;align-items:center;gap:5px 14px;margin-top:16px}
.crm-service-row>span{font-size:.6875rem;grid-column:1;line-height:1.4}
.crm-service-row>strong{font-size:.6875rem;font-weight:500;grid-column:2;grid-row:1/3;text-align:right;font-variant-numeric:tabular-nums}
.crm-service-row>i{display:block;height:4px;background:linear-gradient(90deg,#b8794c var(--bar),#edf0f2 var(--bar));grid-column:1;transform:scaleX(.05);transform-origin:left;transition:transform .85s var(--motion-ease)}
.crm-service-row:nth-child(3)>i{background:linear-gradient(90deg,#678396 var(--bar),#edf0f2 var(--bar));transition-delay:.1s}
.crm-service-row:nth-child(4)>i{background:linear-gradient(90deg,#a1aeb6 var(--bar),#edf0f2 var(--bar));transition-delay:.2s}
.crm-player[data-beat=settled] .crm-service-row>i{transform:none}
.crm-today{padding-left:25px;border-left:1px solid #eef0f2}
.crm-today p{margin-top:22px;display:grid;grid-template-columns:8px 1fr;gap:8px;font-size:.6875rem;line-height:1.5}
.crm-today p>strong{font-size:.6875rem;font-weight:500}
.crm-today p>span:last-child{grid-column:2;color:#6b7983;font-size:.625rem;line-height:1.6}
.crm-task-dot{width:5px;height:5px;background:#bd733d;border-radius:50%;margin-top:5px}
.crm-open-customer{display:inline-flex;align-items:center;gap:9px;margin:19px 0 0 16px;padding:8px 0;font-size:.6875rem;color:#875023;background:transparent;border:0;min-height:40px}
.crm-open-customer svg{width:15px;height:15px;transition:transform .2s}
.crm-open-customer:hover svg{transform:translateX(3px)}
.crm-customer-view .crm-record{padding:24px 28px}
.crm-customer-view .crm-person{margin-bottom:20px}
.crm-customer-view .crm-pipeline{margin-inline:-10px;padding-inline:0;border-bottom:1px solid #edf0f2}
.crm-customer-view .crm-pipeline>i{left:0;width:33.333%}
.crm-customer-view .pipeline-stage{padding:11px 3px;font-size:.625rem}
.crm-customer-view .crm-record-details{padding:18px 0 16px;margin-top:0}
.crm-customer-view .crm-context{padding-top:16px;margin-top:0}
.crm-customer-view .crm-context p{font-size:.75rem;margin-top:8px}
.crm-customer-view .crm-activity{margin-top:18px}
.crm-customer-view .activity-row{padding-top:13px}
.crm-customer-view .activity-row strong{font-size:.75rem}
.crm-customer-view .activity-row div>span{font-size:.6875rem}
.crm-customer-view .activity-row small{font-size:.625rem;color:#6b7983;font-variant-numeric:tabular-nums}
.crm-customer-view .crm-task strong{font-size:.75rem}
.crm-customer-view .crm-task div>span{font-size:.6875rem}
.crm-controls button{font-size:.75rem}
@media(max-width:1150px){.crm-grid{gap:35px;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)}.crm-summary{padding-inline:22px}.crm-summary strong{font-size:1.7rem;gap:9px}.crm-overview{padding-inline:22px}.crm-overview-bottom{gap:20px}.crm-today{padding-left:20px}.crm-pages{min-height:460px}}
@media(max-width:850px){.crm-grid{grid-template-columns:minmax(0,1fr);gap:35px}.crm-pages{min-height:460px}.crm-desk{min-height:0}.crm-summary strong{font-size:2rem}.crm-overview{padding-inline:28px}.crm-overview-bottom{gap:30px}.crm-today{padding-left:30px}.crm-chart{max-height:190px}}
@media(max-width:600px){.crm-desk-header{padding:18px 20px}.crm-desk-header>div{font-size:.75rem;gap:8px}.crm-desk-header>span{font-size:.5625rem}.crm-summary{padding:22px 20px 18px;gap:15px}.crm-summary strong{font-size:1.65rem;display:block}.crm-summary strong small{display:block;margin-top:7px;font-size:.625rem}.crm-summary>div>span{font-size:.625rem}.crm-pages{min-height:480px}.crm-overview{padding:23px 20px}.crm-chart-heading{gap:8px}.crm-chart-heading h3{font-size:.6875rem}.crm-chart-readout{font-size:.625rem}.crm-chart{aspect-ratio:600/220;margin-top:20px}.crm-chart svg{height:100%;width:100%}.crm-chart-axis{font-size:13px}.crm-months{margin-top:-6px}.crm-months button{font-size:.5625rem;min-height:40px}.crm-overview-bottom{grid-template-columns:1fr;gap:21px;padding-top:18px;margin-top:8px}.crm-service-row{margin-top:13px}.crm-service-row>i{height:4px}.crm-service-row>span{font-size:.625rem}.crm-mini-heading h3{font-size:.6875rem}.crm-today{padding:18px 0 0;border-left:0;border-top:1px solid #eef0f2}.crm-today p{margin-top:14px}.crm-today .crm-open-customer{margin-top:3px}.crm-customer-view .crm-record{padding:23px 20px}.crm-customer-view .crm-badge{margin-left:0;max-width:86px;line-height:1.5}.crm-customer-view .crm-person{flex-wrap:nowrap;gap:10px}.crm-customer-view .customer-avatar{width:30px;height:30px}.crm-customer-view .crm-person h3{font-size:.9375rem}.crm-customer-view .crm-person p{font-size:.625rem}.crm-customer-view .crm-record-details strong{font-size:.75rem}.crm-customer-view .crm-task div>span{font-size:.625rem}.crm-controls button{font-size:.625rem}.crm-caption{min-height:68px}.crm-example-note{line-height:1.6;color:#6f7985}}
@media(max-width:360px){.crm-desk-header{padding-inline:16px}.crm-desk-header>span{max-width:65px;line-height:1.5;text-align:right}.crm-summary{padding-inline:16px}.crm-summary strong{font-size:1.45rem}.crm-overview{padding-inline:16px}.crm-chart-heading{align-items:flex-start}.crm-chart-readout{font-size:.5625rem}.crm-customer-view .crm-record{padding-inline:16px}.crm-customer-view .crm-person h3{font-size:.8125rem}.crm-customer-view .crm-badge{font-size:.5625rem;max-width:72px}.crm-pages{min-height:495px}}
@media(prefers-reduced-motion:reduce){.crm-pages>div,.crm-revenue-line,.crm-chart-selected,.crm-service-row>i{transition:none}.crm-revenue-line{stroke-dashoffset:0}.crm-service-row>i{transform:none}}
.crm-desk .crm-summary p,.crm-desk .crm-summary small,.crm-desk .crm-mini-heading>span{color:#657581}
.crm-customer-view .crm-person p,.crm-customer-view .crm-record-details span,.crm-customer-view .crm-context>span,.crm-customer-view .ui-kicker{color:#61727f}
@media(max-width:600px){.crm-chart-axis{font-size:22px}.crm-revenue-line{stroke-width:3.5}.crm-chart-points circle{r:4}.crm-customer-view .crm-activity{padding-top:18px;margin-top:0}}

/* Ad creative and reporting share a stage; the footage remains the first view. */
.ads-view-switch{display:flex;gap:26px;margin-bottom:20px;border-bottom:1px solid #e9ecef}
.ads-view-switch button{border:0;background:transparent;color:#687581;font-size:.8125rem;padding:12px 0;min-height:44px;position:relative}
.ads-view-switch button[aria-selected=true]{color:#1a2630}
.ads-view-switch button[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#b87745}
.ads-creative-view[hidden],.ads-campaign-view[hidden],.ads-demo-note [hidden]{display:none}
.ads-creative-view>.motion-progress{height:1px;background:#e9ecf0}.ads-creative-view>.motion-progress i{background:#ce7e43}
.ads-campaign-view:not([hidden]){animation:campaign-enter .4s var(--motion-ease) both}
@keyframes campaign-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.campaign-workspace{background:#182129;color:#edf1f4;padding:24px 28px 26px;min-height:585px}
.campaign-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}
.campaign-header strong{font-size:.8125rem;font-weight:500;letter-spacing:-.015em}
.campaign-header>span{font-size:.625rem;letter-spacing:.025em;color:#c5a58b}
.campaign-platforms{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff18;margin-bottom:24px}
.campaign-platforms button{background:transparent;border:0;position:relative;color:#aebbc5;font-size:.75rem;padding:12px 0;min-height:44px}
.campaign-platforms button[aria-selected=true]{color:#fff}
.campaign-platforms button[aria-selected=true]:after{content:'';display:block;position:absolute;height:2px;bottom:-1px;left:0;right:0;background:#d09566}
.campaign-platforms>span{margin-left:auto;color:#b2bfc9;font-size:.625rem}
.campaign-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}
.campaign-metrics>div>span{display:block;font-size:.6875rem;color:#b9c5ce;margin-bottom:9px;line-height:1.5}
.campaign-metrics strong{display:block;font-size:1.875rem;font-weight:500;letter-spacing:-.05em;line-height:1.15;font-variant-numeric:tabular-nums}
.campaign-metrics strong>span{font-size:1.1rem;color:#d6aa87;margin-left:4px}
.campaign-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.campaign-chart-heading h3{font-size:.75rem;letter-spacing:-.015em;font-weight:500}
.campaign-legend{display:flex;align-items:center;gap:16px;font-size:.625rem;color:#b9c5ce}
.campaign-legend>span{display:flex;align-items:center;gap:7px}.campaign-legend>span:before{content:'';width:12px;height:2px;background:#85b9d2}.campaign-legend>span:last-child:before{background:#adb8bf}
.campaign-chart{aspect-ratio:600/205;margin-top:19px}
.campaign-chart svg{width:100%;height:100%;overflow:visible}
.campaign-chart-grid path{stroke:#ffffff12;stroke-dasharray:3 5;stroke-width:1}
.campaign-chart-axis{font-family:inherit;font-size:12px;fill:#b2bfc9}
.campaign-area{fill:#82b4cc;fill-opacity:.065}
.campaign-revenue-line{stroke:#85b9d2;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.campaign-spend-line{stroke:#adb8bf;stroke-width:1.4;stroke-dasharray:4 5;stroke-linecap:round;stroke-linejoin:round}
.campaign-last-point{fill:#dfaa7e;stroke:#182129;stroke-width:2}
.campaign-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-left:6.8%;margin-top:-10px;font-size:.625rem;color:#aebbc5;text-align:center}
.campaign-days>span:first-child{text-align:left}.campaign-days>span:last-child{text-align:right}
.campaign-results{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;align-items:center;padding-block:21px;margin-top:24px;border-block:1px solid #ffffff18}
.campaign-results>div>span{display:block;font-size:.625rem;color:#b9c5ce;margin-bottom:7px;line-height:1.5}
.campaign-results strong{font-size:1.1rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.campaign-results>p{font-size:.625rem;color:#b9c5ce;line-height:1.7;max-width:140px;justify-self:end}
.campaign-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:22px;align-items:center}
.campaign-asset{display:flex;align-items:center;gap:12px;min-width:0}
.campaign-asset img{width:59px;height:54px;object-fit:cover;flex-shrink:0}
.campaign-asset img[hidden],.campaign-search-mark[hidden]{display:none}
.campaign-search-mark{width:59px;height:54px;background:#ffffff08;color:#b3bfca;padding:14px;flex-shrink:0}
.campaign-asset div>span,.campaign-inquiry>span:first-child{display:block;font-size:.625rem;color:#b9c5ce;line-height:1.5}
.campaign-asset strong,.campaign-inquiry>strong{display:block;font-size:.75rem;font-weight:500;line-height:1.5;margin-top:3px}
.campaign-inquiry{display:block;padding-left:25px;border-left:1px solid #ffffff18;color:#edf1f4;text-decoration:none}
.campaign-inquiry>span:last-child{display:flex;align-items:center;gap:9px;font-size:.625rem;line-height:1.5;color:#dfaa7e;margin-top:6px}
.campaign-inquiry svg{width:14px;height:14px;transition:transform .2s}.campaign-inquiry:hover svg{transform:translateX(3px)}
.campaign-inquiry:focus-visible,.campaign-platforms button:focus-visible{outline:2px solid #dfaa7e;outline-offset:4px}
.ads-demo-note{color:#6e7984!important;max-width:none!important}
@media(max-width:1150px){.campaign-workspace{padding:22px;min-height:555px}.campaign-metrics{gap:13px}.campaign-metrics strong{font-size:1.6rem}.campaign-metrics>div>span{font-size:.625rem}.campaign-platforms{gap:20px}.campaign-bottom{gap:18px}.campaign-inquiry{padding-left:18px}.campaign-asset{gap:9px}.campaign-asset strong,.campaign-inquiry>strong{font-size:.6875rem}.campaign-results{gap:16px}}
@media(max-width:850px){.campaign-workspace{padding:26px 28px;min-height:0}.campaign-metrics strong{font-size:1.875rem}.campaign-metrics>div>span{font-size:.6875rem}.campaign-chart{max-height:235px}.campaign-bottom{gap:30px}.campaign-inquiry{padding-left:30px}}
@media(max-width:600px){.ads-view-switch{margin-bottom:15px;gap:24px}.ads-view-switch button{font-size:.75rem}.campaign-workspace{padding:23px 20px;min-height:0}.campaign-header strong{font-size:.75rem}.campaign-header>span{font-size:.5625rem}.campaign-platforms{gap:20px;margin-bottom:24px}.campaign-platforms button{font-size:.6875rem}.campaign-platforms>span{font-size:.5625rem;max-width:90px;line-height:1.5;text-align:right}.campaign-metrics{gap:13px;grid-template-columns:1fr 1fr;margin-bottom:26px}.campaign-metrics>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;margin-top:4px}.campaign-metrics>div:last-child>span{margin-bottom:0}.campaign-metrics strong{font-size:1.6rem}.campaign-metrics>div:last-child strong{font-size:1.25rem}.campaign-metrics>div>span{font-size:.625rem}.campaign-chart-heading{gap:8px}.campaign-chart-heading h3{font-size:.6875rem}.campaign-legend{font-size:.5625rem;gap:12px}.campaign-legend>span{gap:5px}.campaign-chart{margin-top:21px;aspect-ratio:600/220}.campaign-chart-axis{font-size:22px}.campaign-revenue-line{stroke-width:3.5}.campaign-spend-line{stroke-width:2.5}.campaign-days{font-size:.5625rem;margin-top:-7px}.campaign-results{grid-template-columns:1fr 1fr;margin-top:25px;gap:15px;padding-block:19px}.campaign-results>p{grid-column:1/-1;justify-self:start;max-width:none;font-size:.5625rem}.campaign-bottom{grid-template-columns:1fr;gap:19px;padding-top:22px}.campaign-inquiry{padding:18px 0 0;border-left:0;border-top:1px solid #ffffff18}.campaign-inquiry>span:last-child{min-height:35px}.campaign-asset strong,.campaign-inquiry>strong{font-size:.75rem}}
@media(max-width:360px){.campaign-workspace{padding-inline:16px}.campaign-platforms{gap:18px}.campaign-metrics{gap:12px}.campaign-metrics strong{font-size:1.45rem}.campaign-legend{gap:9px}.campaign-chart-heading h3{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){.ads-campaign-view:not([hidden]){animation:none}.campaign-inquiry svg{transition:none}}