.blog-site{--blog-ink:#071126;--blog-muted:#596a7e;--blog-orange:#e95b13;--blog-line:#e1e7ec;background:#fff;color:var(--blog-ink);font-family:Satoshi,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.blog-site *{box-sizing:border-box}.blog-site h1,.blog-site h2,.blog-site h3,.blog-site p{margin:0}.blog-site a{color:inherit;text-decoration:none}.blog-site a:focus-visible{outline:3px solid var(--blog-orange);outline-offset:4px}.blog-container{width:min(1480px,calc(100% - 9vw));margin-inline:auto}.blog-header{position:sticky;top:0;z-index:50;background:rgba(255,249,245,.94);backdrop-filter:blur(16px)}.blog-nav{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}.blog-logo{display:inline-block;flex-shrink:0}.blog-logo img{display:block;width:auto;height:39px;max-width:205px;object-fit:contain}.blog-nav-links,.blog-nav-actions{display:flex;align-items:center;gap:clamp(18px,2.3vw,36px);font-size:15px;font-weight:700}.blog-nav-links a:hover,.blog-login:hover{color:var(--blog-orange)}.blog-nav-links a[aria-current]{color:var(--blog-orange)}.blog-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:13px;padding:17px 23px;background:var(--blog-orange);color:#fff!important;font-size:14px;font-weight:750;box-shadow:0 12px 28px rgba(233,91,19,.18)}.blog-button:hover{background:#bf450c}.blog-hero{background:radial-gradient(circle at 83% 38%,rgba(255,204,170,.5),transparent 35%),linear-gradient(125deg,#fff9f5,#fff4ec)}.blog-hero-grid{min-height:590px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.6fr);align-items:center;gap:clamp(50px,8vw,140px);padding-block:100px}.blog-eyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;color:var(--blog-orange);text-transform:uppercase}.blog-hero h1,.blog-article-hero h1{max-width:950px;margin-top:22px;font-size:clamp(48px,5.2vw,82px);line-height:1.04;letter-spacing:-.055em}.blog-hero h1 em{font-style:normal;color:var(--blog-orange)}.blog-lead{max-width:720px;margin:26px 0 32px!important;color:var(--blog-muted);font-size:19px;line-height:1.7}.blog-hero-note{padding:36px 38px;border:1px solid rgba(227,140,87,.22);border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 28px 65px rgba(63,44,32,.08)}.blog-hero-note span,.blog-product-link>span{color:var(--blog-orange);font-size:11px;font-weight:800;letter-spacing:.1em}.blog-hero-note p{margin-top:22px;font-size:clamp(23px,2vw,31px);font-weight:650;line-height:1.3;letter-spacing:-.03em}.blog-hero-note strong{display:block;margin-top:24px;color:#738194;font-size:13px}.blog-archive{padding-block:110px 120px}.blog-archive-head,.blog-more-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.blog-archive-head h2,.blog-more h2{margin-top:14px;font-size:clamp(36px,3.2vw,52px);letter-spacing:-.05em}.blog-filters{display:flex;flex-wrap:wrap;gap:8px}.blog-filters a{padding:10px 15px;border:1px solid var(--blog-line);border-radius:999px;color:#47566b;font-size:13px;font-weight:700}.blog-filters a:hover{border-color:#e95b13;color:#b83e04}.blog-category{padding-top:75px;scroll-margin-top:24px}.blog-category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:24px}.blog-category-heading h2{font-size:25px;letter-spacing:-.035em}.blog-category-heading p{color:var(--blog-muted);font-size:14px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{display:flex;min-width:0;min-height:300px;flex-direction:column;border:1px solid var(--blog-line);border-radius:16px;padding:27px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:#f2c6ac;box-shadow:0 20px 40px rgba(15,32,54,.08)}.blog-card-top{display:flex;justify-content:space-between;gap:12px;color:var(--blog-orange);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.blog-card-number{color:#bdc7d1}.blog-card h3{margin-top:26px;font-size:23px;line-height:1.25;letter-spacing:-.035em}.blog-card p{margin-top:13px;color:var(--blog-muted);font-size:14px;line-height:1.65}.blog-read{margin-top:auto;padding-top:25px;color:#b64209;font-size:13px;font-weight:800}.blog-read span{margin-left:5px}.blog-article-hero{background:linear-gradient(120deg,#fff8f3,#fff4eb);padding-block:56px 90px}.blog-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:65px!important;color:#69788a;font-size:13px}.blog-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.blog-article-hero h1{max-width:1100px;font-size:clamp(43px,5vw,75px)}.blog-article-intro{max-width:780px;margin-top:27px!important;color:var(--blog-muted);font-size:20px;line-height:1.65}.blog-byline{margin-top:28px!important;color:#69788a;font-size:13px;font-weight:700}.blog-article-layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:center;gap:clamp(45px,7vw,110px);padding-block:85px 100px}.blog-toc{align-self:start;position:sticky;top:35px;padding:22px 0;border-top:2px solid #ed6b28}.blog-toc strong{font-size:13px}.blog-toc nav{display:grid;gap:14px;margin-top:20px}.blog-toc a{color:#64748b;font-size:13px;line-height:1.45}.blog-toc a:hover{color:#b64209}.blog-prose section{scroll-margin-top:25px;margin-bottom:52px}.blog-prose h2{font-size:clamp(27px,2.5vw,35px);line-height:1.2;letter-spacing:-.04em}.blog-prose p{margin-top:18px;color:#35455a;font-size:17px;line-height:1.85}.blog-source{padding-top:16px;border-top:1px solid var(--blog-line);font-size:14px!important}.blog-source a,.blog-product-link a{color:#b64209;text-decoration:underline;text-underline-offset:4px}.blog-product-link{margin-top:45px;padding:30px;border-radius:15px;background:#fff5ed}.blog-product-link h2{margin-top:13px;font-size:25px}.blog-product-link p{margin:12px 0 20px;font-size:15px}.blog-product-link a{font-weight:800;font-size:14px}.blog-more{padding-bottom:115px}.blog-more-head{margin-bottom:30px}.blog-more-head>a{color:#b64209;font-size:14px;font-weight:800}.blog-footer{padding-block:65px;background:#f8fafb;border-top:1px solid var(--blog-line)}.blog-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.blog-footer-grid>div{display:grid;align-content:start;gap:12px}.blog-footer-grid p{max-width:260px;color:var(--blog-muted);font-size:14px;line-height:1.65}.blog-footer-grid strong{margin-bottom:5px;font-size:13px}.blog-footer-grid a:not(.blog-logo){color:var(--blog-muted);font-size:14px}.blog-footer-grid a:hover{color:var(--blog-orange)}
.blog-site h1,.blog-site h2,.blog-site h3{font-weight:700}
.blog-card-cover{display:block;width:calc(100% + 54px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-27px -27px 22px;border-radius:15px 15px 0 0}.blog-article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:clamp(36px,6vw,86px)}.blog-article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(15,32,54,.08);border-radius:18px;box-shadow:0 24px 55px rgba(48,35,24,.13)}
.blog-cta-short{display:none}.blog-mobile-menu{display:none;position:relative}.blog-mobile-menu summary{display:grid;place-items:center;width:41px;height:41px;border:1px solid var(--blog-line);border-radius:10px;background:white;cursor:pointer;list-style:none;font-size:19px}.blog-mobile-menu summary::-webkit-details-marker{display:none}.blog-mobile-menu>div{position:absolute;z-index:5;right:0;top:calc(100% + 10px);display:grid;min-width:205px;padding:8px;border:1px solid var(--blog-line);border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(15,32,54,.13)}.blog-mobile-menu a{padding:10px 12px;font-size:14px}.blog-mobile-menu a:hover{color:var(--blog-orange);background:#fff6ef}
.blog-prose .blog-example{border-left:3px solid var(--blog-orange);border-radius:0 10px 10px 0;background:#fff5ed;padding:18px 22px;color:#26364b}
.blog-waterfall{margin:32px 0 0;padding:26px;border:1px solid #e1e7ec;border-radius:16px;background:#fff;box-shadow:0 14px 40px rgba(15,32,54,.05)}.blog-waterfall-heading{display:grid;gap:8px}.blog-waterfall-heading span{color:#b64209;font-size:11px;font-weight:800;letter-spacing:.08em}.blog-waterfall-heading strong{font-size:19px;line-height:1.3}.blog-waterfall img{display:block;width:100%;max-width:540px;height:auto;margin:18px auto 0}.blog-waterfall figcaption{margin-top:8px;color:#64748b;font-size:13px;line-height:1.6}
@media(max-width:900px){.blog-nav-links{display:none}.blog-mobile-menu{display:block}.blog-hero-grid{grid-template-columns:1fr;gap:35px;min-height:0;padding-block:75px}.blog-hero-note{max-width:620px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{grid-template-columns:1fr;gap:35px}.blog-toc{position:static}.blog-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.blog-article-hero-grid{grid-template-columns:1fr;gap:28px}.blog-article-cover{max-width:680px}}
@media(max-width:600px){.blog-container{width:calc(100% - 36px)}.blog-nav{min-height:76px;gap:10px}.blog-logo img{height:30px;max-width:155px}.blog-login{display:none}.blog-nav .blog-button{padding:12px;font-size:12px;gap:7px}.blog-hero-grid{padding-block:62px}.blog-hero h1,.blog-article-hero h1{font-size:clamp(38px,9.5vw,55px)}.blog-lead,.blog-article-intro{font-size:17px}.blog-hero-note{padding:25px}.blog-archive{padding-block:75px}.blog-archive-head,.blog-category-heading,.blog-more-head{align-items:start;flex-direction:column}.blog-category{padding-top:55px}.blog-card-grid{grid-template-columns:1fr}.blog-card{min-height:245px}.blog-article-hero{padding-block:36px 60px}.blog-breadcrumb{margin-bottom:46px!important}.blog-article-layout{padding-block:55px 70px}.blog-toc nav{grid-template-columns:1fr}.blog-prose p{font-size:16px;line-height:1.75}.blog-more{padding-bottom:75px}.blog-footer-grid{gap:32px 20px}.blog-footer-grid>div:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}
@media(max-width:600px){.blog-nav .blog-logo img{max-width:125px;height:auto}.blog-nav-actions{gap:8px}}
@media(max-width:400px){.blog-cta-full{display:none}.blog-cta-short{display:inline}}
@media(max-width:600px){.blog-waterfall{padding:18px 12px}.blog-waterfall-heading{padding-inline:4px}}

/* Align blog measure and headline scale with the Commetriq landing page. */
@media (min-width: 901px) {
  .blog-container {
    width: min(1680px, calc(100% - 11vw));
  }

  .blog-hero h1,
  .blog-article-hero h1 {
    font-size: clamp(57.6px, 4.7vw, 88px);
    line-height: 1.02;
    letter-spacing: -.055em;
  }

  .blog-lead,
  .blog-article-intro {
    font-size: clamp(18.4px, 1.45vw, 24px);
    line-height: 1.55;
  }

  .blog-archive-head h2,
  .blog-more h2 {
    font-size: clamp(36px, 3.4vw, 60px);
    line-height: 1.06;
    letter-spacing: -.055em;
  }
}

@media (min-width: 901px) and (max-width: 1399px) {
  .blog-hero h1,
  .blog-article-hero h1 {
    font-size: clamp(51.2px, 4.5vw, 70.4px);
  }
}

@media (min-width: 901px) {
  .blog-hero-grid {
    min-height: min(700px, calc(100svh - 100px));
    padding-block: clamp(64px, 7vh, 88px);
  }

  .blog-hero h1,
  .blog-article-hero h1 {
    font-size: clamp(48px, 3.8vw, 72px);
    line-height: 1.04;
  }

  .blog-lead,
  .blog-article-intro {
    font-size: clamp(17px, 1.25vw, 21px);
    line-height: 1.6;
  }

  .blog-archive-head h2,
  .blog-more h2 {
    font-size: clamp(34px, 3vw, 52px);
  }
}

@media (min-width: 901px) and (max-width: 1399px) {
  .blog-hero h1,
  .blog-article-hero h1 {
    font-size: clamp(48px, 3.8vw, 66px);
  }
}

/* Keep the marketing header in step with the landing-page navigation. */
.blog-nav{width:min(1680px,calc(100% - 11vw));min-height:100px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px}
.blog-nav .blog-logo img{height:40px;max-width:190px}
.blog-nav-links{justify-content:center;gap:clamp(20px,2.5vw,48px);font-size:14px;font-weight:600;color:#334155;white-space:nowrap}
.blog-nav-actions{justify-content:flex-end;gap:12px;font-size:14px;font-weight:600;color:#334155;white-space:nowrap}
.blog-login{padding:10px 16px}
.blog-nav .blog-button{gap:0;border-radius:18px;padding:16px 28px;background:#ea580c;font-size:14px;font-weight:600;box-shadow:0 16px 34px rgba(229,92,26,.24)}
.blog-nav-dropdown{position:relative}
.blog-nav-dropdown summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
.blog-nav-dropdown summary::-webkit-details-marker{display:none}
.blog-nav-dropdown summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.blog-nav-dropdown[open] summary,.blog-nav-dropdown summary:hover{color:#0f172a}
.blog-nav-options{position:absolute;top:calc(100% + 22px);left:-18px;z-index:20;display:grid;min-width:230px;gap:2px;padding:8px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(17,32,55,.13)}
.blog-nav-options a{padding:12px;border-radius:9px;color:#334155}
.blog-nav-options a:hover,.blog-nav-options a[aria-current]{background:#fff7ed;color:#c2410c}
.blog-mobile-menu>div{min-width:240px;max-height:calc(100vh - 105px);overflow:auto}
@media(max-width:1100px){.blog-nav{grid-template-columns:1fr auto}.blog-nav-links{display:none}.blog-mobile-menu{display:block}}
@media(max-width:640px){.blog-nav{width:calc(100% - 36px);min-height:76px}.blog-nav .blog-logo img{height:30px;max-width:155px}.blog-nav .blog-button{display:none}.blog-login{display:none}}
@media(min-width:641px){.blog-nav{min-height:0;padding-block:24px;gap:16px}.blog-nav .blog-logo img{height:40px;max-width:190px}.blog-nav-links{gap:clamp(24px,2.4vw,48px);font-size:14px}.blog-nav-actions{gap:8px}.blog-login{padding:10px 16px;font-size:14px}.blog-nav .blog-button{border-radius:18px;padding:16px 28px;font-size:14px}}
@media(min-width:641px) and (max-height:900px){.blog-nav{padding-block:16px}.blog-nav .blog-button{border-radius:16px;padding:12px 24px}}
@media(min-width:1120px) and (max-width:1679px){.blog-site{width:100%;zoom:.8}}
.blog-quick-answer{margin:0 0 38px;padding:20px 22px;border-left:3px solid var(--blog-orange);border-radius:0 12px 12px 0;background:#fff6ef}
.blog-quick-answer strong{color:#b64209;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.blog-prose .blog-quick-answer p{margin-top:8px;color:#26364b;font-size:16px;line-height:1.7}

/* Soft scroll reveals, matching the product pages without hiding content when JS is unavailable. */
.blog-site.blog-motion-ready .blog-reveal{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.2,1)}
.blog-site.blog-motion-ready .blog-reveal.is-visible{opacity:1;transform:translateY(0)}
.blog-site.blog-motion-ready .blog-card:nth-child(2){transition-delay:.07s}
.blog-site.blog-motion-ready .blog-card:nth-child(3){transition-delay:.14s}
.blog-site.blog-motion-ready .blog-card:nth-child(4){transition-delay:.21s}
@media(prefers-reduced-motion:reduce){.blog-site.blog-motion-ready .blog-reveal,.blog-site.blog-motion-ready .blog-reveal.is-visible{opacity:1;transform:none;transition:none}}

/* Blog hero editorial image */
.blog-hero-image-wrap{position:relative;justify-self:end;width:min(100%,590px);min-width:0;animation:blog-hero-image-in .85s cubic-bezier(.2,.8,.2,1) both}
.blog-hero-image{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 24px 34px rgba(36,39,44,.14))}
@keyframes blog-hero-image-in{from{opacity:0;transform:translate3d(24px,12px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:900px){.blog-hero-image-wrap{justify-self:center;width:min(100%,700px)}}
@media(max-width:600px){.blog-hero-image{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.blog-hero-image-wrap{animation:none}}