
.agency-hero{padding:76px 0 64px;background:#fff}.hero-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:54px}.agency-hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.04;letter-spacing:-.035em;margin:20px 0 24px}.agency-hero h1 em{font-weight:400;color:#0063a3}.agency-hero .lead{font-size:19px;line-height:1.65;max-width:520px}.hero-price{margin-top:28px;font-size:16px}.hero-price strong{font-size:24px}.hero-price span{display:block;font-size:13px;color:#52677a;margin-top:3px}.hero-layout>.hero-software{min-width:0}.hero-software{margin:0;border:1px solid #dce5ed;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px -35px #183b6150;background:#fff}.screen-top{display:flex;align-items:center;gap:9px;padding:16px;font-size:12px;border-bottom:1px solid #e3eaf0}.screen-dot{height:7px;width:7px;border-radius:50%;background:#0063a3}.sample-label{margin-left:auto;color:#52677a;font-size:11px}.hero-software img{display:block;width:100%;height:auto}.hero-software figcaption,.wide-product figcaption{padding:16px;font-size:12px;color:#52677a;display:flex;gap:10px;justify-content:space-between}.agency-connections{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:26px;border-top:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0}.agency-connections>span{font-size:13px}.agency-connections small{color:#52677a}.agency-connections img{width:auto;max-width:145px;height:30px;object-fit:contain}.agency-connections>a{font-size:13px}.agency-section{padding:76px 0;background:#fff}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:36px}.agency-section h2,.agency-end h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:14px 0 20px;letter-spacing:-.02em}.section-intro>.lead{max-width:370px;font-size:17px}.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.workflow-cards>a{border-top:2px solid #0e1f33;padding:25px 0;color:inherit}.step-number{font-size:12px;color:#52677a;letter-spacing:.05em}.workflow-cards h3{font-size:25px;margin:14px 0}.workflow-cards p{font-size:16px;color:#52677a;line-height:1.65}.card-link{display:block;color:#0063a3;margin-top:20px;font-weight:600;font-size:14px}.wide-product{margin:34px 0 0;border:1px solid #dce5ed;border-radius:18px;overflow:hidden}.wide-product img{display:block;width:100%;height:auto}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-image{position:relative}.story-image img{width:100%;height:400px;object-fit:cover;border-radius:14px}.story-image span{position:absolute;bottom:20px;left:20px;background:white;padding:7px 12px;border-radius:6px;font-size:12px}.story-grid p{margin:18px 0}.story-grid .hbtns{align-items:center}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-grid article{border:1px solid #dce5ed;border-radius:14px;padding:30px}.product-grid h3{font-size:27px;margin:16px 0}.product-grid p{color:#52677a;line-height:1.7;margin-bottom:20px}.product-grid a,.migration-summary a,.price-summary a{font-weight:600;color:#0063a3}.migration-summary{display:grid;grid-template-columns:1fr 1fr;gap:70px}.migration-summary ol{list-style:none;counter-reset:migration;padding:0}.migration-summary li{counter-increment:migration;border-top:1px solid #dce5ed;padding:22px 0 22px 44px;position:relative}.migration-summary li:before{content:counter(migration);position:absolute;left:0;color:#0063a3}.migration-summary li strong,.migration-summary li span{display:block}.migration-summary li span{color:#52677a;margin-top:8px}.price-summary{display:grid;grid-template-columns:1fr 1fr;gap:70px;border:1px solid #dce5ed;border-radius:18px;padding:45px}.price-summary p{line-height:1.7;margin-bottom:20px}.price-amount{border-left:1px solid #dce5ed;padding-left:45px}.price-amount>strong{font-family:Fraunces,serif;font-size:74px;line-height:1.1;display:block}.price-amount>span{font-size:15px;color:#52677a}.price-amount p{margin-top:20px}.price-amount small{color:#52677a;line-height:1.6;display:block}.agency-end{text-align:center;padding:76px 0;background:#f6f8fa}.agency-end .hbtns{justify-content:center}.agency-end p{color:#52677a}.agency-hero .muted{font-size:12px;max-width:420px;margin-top:12px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8c9d7;border-radius:10px;padding:13px 20px;font-weight:500;color:#0e1f33;background:#fff}.btn-outline:hover{border-color:#0063a3;background:#f6f8fa}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0063a3;outline-offset:4px}@media(max-width:1000px){.hero-layout{grid-template-columns:1fr;gap:36px}.hero-software{max-width:850px}.hero-layout .lead{max-width:650px}}@media(max-width:760px){.agency-hero,.agency-section,.agency-end{padding:42px 0}.agency-hero h1{font-size:46px}.hero-layout{gap:30px}.agency-connections{justify-content:center;gap:24px}.agency-connections>span{flex-basis:100%;text-align:center}.agency-connections img{max-width:95px;height:25px}.section-intro{display:block;margin-bottom:22px}.section-intro>.lead{max-width:none}.workflow-cards,.story-grid,.product-grid,.migration-summary,.price-summary{grid-template-columns:1fr;gap:22px}.story-image img{height:260px}.price-summary{padding:24px}.price-amount{border-left:0;border-top:1px solid #dce5ed;padding:25px 0 0}.hero-software figcaption,.wide-product figcaption{display:block;font-size:11px}.hero-software figcaption a,.wide-product figcaption a{display:block;margin-top:8px}.wide-product{overflow:auto}.wide-product img{min-width:740px}.workflow-cards>a{padding:20px 0}.agency-hero .hbtns{gap:12px}.agency-hero .hbtns>a{flex:1;min-width:140px;font-size:14px}.product-grid article{padding:24px}}

/* Homepage hero: bright brand blue, with the product on a white surface. */
.home .agency-hero{background:linear-gradient(115deg,#123952 0%,#075a8b 65%,#0879b0 100%);color:#fff;padding:88px 0 82px}
.home .agency-hero .eyebrow{color:#d7f2ff}
.home .agency-hero h1{color:#fff}
.home .agency-hero h1 em{color:#b5edff}
.home .agency-hero .lead{color:#edf7fc}
.home .agency-hero .hero-price span,.home .agency-hero .muted{color:#d7eaf5}
.home .agency-hero .btn-blue{background:#fff;color:#064e79;border:1px solid #fff;box-shadow:0 8px 24px #002b4526}
.home .agency-hero .btn-blue:hover{background:#e8f7ff;border-color:#e8f7ff}
.home .agency-hero .btn-outline{background:transparent;border-color:#b0cddf;color:#fff}
.home .agency-hero .btn-outline:hover{background:#ffffff15;border-color:#fff}
.home .agency-hero .hero-software{color:#0e1f33;border-color:#ffffff80;box-shadow:0 28px 65px -24px #001d3c80}
.home .agency-hero a:focus-visible{outline-color:#b5edff}
@media(max-width:760px){.home .agency-hero{padding:48px 0;background:#124365}}

/* Keep the channel strip in the opening desktop view. */
@media(min-width:1001px){
 .home .agency-hero{padding:40px 0}
 .home .agency-hero h1{font-size:clamp(44px,4.2vw,58px);line-height:1.05;margin:16px 0 20px}
 .home .agency-hero .lead{font-size:17px;line-height:1.6}
 .home .agency-hero .hbtns{margin-top:24px}
 .home .agency-hero .hero-price{margin-top:20px}
 .home .agency-hero .muted{margin-top:8px}
 .home .agency-connections{padding-top:22px;padding-bottom:22px}
}

/* Shared circular accents for the homepage, behind the hero content. */
.home .agency-hero,.home .agency-end{position:relative;isolation:isolate;overflow:hidden}
.home .agency-hero>.wrap,.home .agency-end>.wrap{position:relative;z-index:1}
.home .agency-hero::before,.home .agency-hero::after,.home .agency-end::before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.home .agency-hero::before{width:560px;height:560px;right:-240px;top:-330px;background:#8bdef00d;border:1px solid #bdefff26;box-shadow:0 0 0 48px #a7eaff09,0 0 0 49px #bdefff20,0 0 0 100px #a7eaff06,0 0 0 101px #bdefff14}
.home .agency-hero::after{width:310px;height:310px;left:-245px;bottom:-190px;background:#a7eaff0a;border:1px solid #bdefff20;box-shadow:0 0 0 35px #a7eaff08,0 0 0 36px #bdefff18}
.home .agency-end::before{width:370px;height:370px;right:-230px;top:80px;border:1px solid #b4d4e466;box-shadow:0 0 0 38px #dcecf433,0 0 0 39px #b4d4e444}
@media(max-width:760px){.home .agency-hero::before{right:-450px;top:-390px}.home .agency-end::before{right:-330px;opacity:.6}}
