html { scroll-behavior: smooth; }
body { color: #24335a; font-family: "Open Sans", sans-serif; overflow-x: hidden; }
.site-content { min-height: 45vh; }
.validation-summary-errors, .field-validation-error { color: var(--bs-danger); }

.brand-mark { align-items: center; color: #fff; display: inline-flex; font-family: Montserrat, sans-serif; font-size: 1.35rem; font-weight: 700; gap: .65rem; letter-spacing: -.04em; text-decoration: none; }
.brand-mark:hover { color: #fff; }
.brand-mark > span:last-child > span { color: #bfe9ff; }
.brand-icon { align-items: center; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.35); border-radius: 12px; display: inline-flex; font-size: 1rem; height: 38px; justify-content: center; letter-spacing: 0; width: 38px; }
.brand-mark-footer { width: max-content; }
.site-logo { display: inline-flex; flex: 0 0 auto; }
.site-logo img { display: block; height: auto; width: 215px; }
.footer-logo { display: inline-flex; width: min(100%, 245px); }
.footer-logo img { display: block; width: 100%; height: auto; }

.home-page .site-header { left: 0; position: absolute !important; right: 0; top: 0; z-index: 20; }
.home-page .navigation-bar { background-image: linear-gradient(to right, rgba(78,99,215,.9) 0%, #76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.home-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-size: .91rem; font-weight: 600; }
.home-page .navigation-bar .nav-link:hover { color: #fff !important; }
.navbar-reset { min-height: 84px; }
.home-page .section-hero .banner { min-height: 850px; padding-top: 85px; }
.home-page .section-hero::before { background-image: url("/assets/images/theme/shapes/banner-bg2.svg"); }
.home-page .section-hero .banner-text { position: relative; z-index: 2; }
.home-page .section-hero .banner-text > p { color: #fff; font-size: 1rem; line-height: 1.75; max-width: 590px; }
.home-page .section-hero .banner-img img { filter: drop-shadow(0 24px 30px rgba(25,45,120,.18)); max-width: 100%; }
.hero-eyebrow, .section-kicker { font-size: .76rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.hero-eyebrow { align-items: center; color: #fff; display: inline-flex; gap: .65rem; margin-bottom: 1.2rem; }
.hero-eyebrow::before { background: #bfe9ff; content: ""; height: 2px; width: 30px; }
.home-page .banner-text h1 { color: #fff; font-family: Montserrat, sans-serif; font-size: clamp(2.25rem, 3.6vw, 3.35rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.12; margin-bottom: 1.4rem; max-width: 650px; }
.hero-benefits { color: #fff; display: grid; font-size: .86rem; gap: .5rem 1.2rem; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; margin: 1.4rem 0 1.8rem; padding: 0; }
.hero-benefits li { padding-left: 1.35rem; position: relative; }
.hero-benefits li::before, .check-list li::before { color: #bfe9ff; content: "\2713"; font-weight: 700; left: 0; position: absolute; }
.hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1.6rem; justify-content: center; margin-top: 2rem; }
.hero-proof { display: flex; flex-wrap: wrap; font-size: .78rem; gap: 1.3rem; justify-content: center; margin-top: 2rem; }
.hero-proof span::before { color: #bfe9ff; content: "\2713"; font-weight: 700; margin-right: .4rem; }

.trust-strip { background: #fff; padding: 2rem 0 5.5rem; }
.trust-label { color: #8a94af; font-size: .75rem; font-weight: 700; letter-spacing: .12em; margin-bottom: 1.8rem; text-align: center; text-transform: uppercase; }
.trust-grid { border: 1px solid #edf0fa; border-radius: 16px; box-shadow: 0 18px 55px rgba(48,67,128,.08); display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; }
.trust-item { align-items: center; background: #fff; display: flex; flex-direction: column; padding: 1.6rem 1rem; text-align: center; }
.trust-item + .trust-item { border-left: 1px solid #edf0fa; }
.trust-item strong { color: #4359c7; font-family: Montserrat, sans-serif; font-size: 1.05rem; }
.trust-item span { color: #78839e; font-size: .8rem; margin-top: .2rem; }

.workflow-section { background: #f8faff; padding: 7rem 0; }
.section-heading { margin: 0 auto 3.5rem; max-width: 720px; }
.section-kicker { color: #5a70dc; }
.section-heading h2, .cta-panel h2 { color: #202e58; font-family: Montserrat, sans-serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -.045em; margin: .75rem 0 1rem; }
.section-heading p { color: #77819b; font-size: 1.05rem; }
.feature-card { background: #fff; border: 1px solid #edf0fa; border-radius: 18px; box-shadow: 0 16px 45px rgba(45,63,124,.07); display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 2.35rem 2rem 1.5rem; position: relative; transition: transform .25s ease, box-shadow .25s ease; }
.feature-card:hover, .feature-card.featured { box-shadow: 0 22px 55px rgba(57,76,151,.14); transform: translateY(-7px); }
.feature-card.featured { border-top: 4px solid #617ae1; }
.feature-number { color: #edf0fa; font-family: Montserrat, sans-serif; font-size: 4.5rem; font-weight: 700; line-height: 1; position: absolute; right: 1rem; top: 1rem; }
.feature-icon { align-items: center; background: #edf1ff; border-radius: 14px; color: #566dda; display: flex; font-size: 1.65rem; height: 54px; justify-content: center; margin-bottom: 1.7rem; position: relative; width: 54px; }
.feature-card h3 { color: #24335a; font-family: Montserrat, sans-serif; font-size: 1.2rem; font-weight: 700; }
.feature-card p { color: #78839e; line-height: 1.75; margin: 0; }
.feature-visual { align-items: center; background: linear-gradient(145deg,rgba(241,245,255,.82),rgba(255,255,255,.4)); border-radius: 15px; display: flex; justify-content: center; margin-top: auto; min-height: 245px; overflow: hidden; padding: .5rem; }
.feature-illustration { display: block; height: auto; max-width: 100%; width: 235px; }
.home-section { padding: 6.5rem 0; }
.soft-section { background: #f8faff; }
.home-section h2 { color: #202e58; font-family: Montserrat, sans-serif; font-size: clamp(1.8rem,3vw,2.7rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; margin-bottom: 1.25rem; }
.home-section p { color: #697690; line-height: 1.8; }
.combined-download-copy h2 + p + h2 { margin-top: 4rem; }
.combined-video-preview { margin-top: 5rem; }
.content-illustration { border-radius: 18px; display: block; margin: 0 auto; max-height: 430px; max-width: 100%; object-fit: contain; }
.plan-card { background: #fff; border: 1px solid #edf0fa; border-radius: 18px; box-shadow: 0 16px 45px rgba(45,63,124,.07); display: flex; flex-direction: column; height: 100%; padding: 2rem; text-align: center; }
.plan-card img { height: 155px; margin-bottom: 1.5rem; max-width: 100%; object-fit: contain; }
.plan-card h3 { color: #24335a; font-family: Montserrat,sans-serif; font-size: 1.05rem; font-weight: 700; }
.plan-card .plan-card-button { align-self: center; color: #fff; font-weight: 700; margin-top: auto; min-width: 155px; }
.plans-gradient-section .stage-intro h2,.plans-gradient-section .stage-intro p,.plans-gradient-section .section-heading h2,.plans-gradient-section .section-heading p { color: #fff; }
.plans-gradient-section .plan-card p { color: #697690; }
.check-list { color: #697690; list-style: none; margin: 1.5rem 0 2rem; padding: 0; }
.check-list li { margin-bottom: .65rem; padding-left: 1.5rem; position: relative; }
.check-list li::before { color: #566dda; }
.video-preview { display: block; margin: 0 auto; max-width: 620px; position: relative; text-align: center; }
.video-preview img { border-radius: 22px; box-shadow: 0 20px 55px rgba(45,63,124,.15); max-height: 420px; max-width: 100%; }
.video-preview .play-btn { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.video-guide-section { background-color: #f4f6ff; overflow: hidden; position: relative; z-index: 0; }
.video-guide-section::before { background: url("/assets/images/theme/shapes/bg-overlay.svg") top center / cover no-repeat; content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -1; }
.video-guide-preview { border-radius: 20px; display: block; overflow: hidden; position: relative; text-decoration: none; }
.video-guide-preview::after { background: linear-gradient(180deg,transparent 45%,rgba(24,39,91,.7)); content: ""; inset: 0; position: absolute; transition: background .3s ease; }
.video-guide-preview .content-illustration { border-radius: 20px; box-shadow: 0 20px 55px rgba(45,63,124,.18); transition: transform .35s ease; width: 100%; }
.video-guide-preview .play-btn { align-items: center; background: #fff; border-radius: 50%; box-shadow: 0 0 0 12px rgba(255,255,255,.22),0 12px 30px rgba(37,54,118,.3); color: #4e63d7; display: flex; font-size: 2rem; height: 78px; justify-content: center; left: 50%; padding-left: 4px; position: absolute; top: 50%; transform: translate(-50%,-50%); transition: transform .3s ease,box-shadow .3s ease; width: 78px; z-index: 2; }
.video-guide-label { bottom: 1.4rem; color: #fff; font-family: Montserrat,sans-serif; font-size: .95rem; font-weight: 700; left: 0; position: absolute; right: 0; text-align: center; z-index: 2; }
.video-guide-preview:hover .content-illustration,.video-guide-preview:focus .content-illustration { transform: scale(1.025); }
.video-guide-preview:hover .play-btn,.video-guide-preview:focus .play-btn { box-shadow: 0 0 0 16px rgba(255,255,255,.2),0 14px 36px rgba(37,54,118,.35); transform: translate(-50%,-50%) scale(1.08); }
.video-guide-preview:focus-visible { outline: 3px solid #4e63d7; outline-offset: 5px; }
.mfp-iframe-holder .mfp-content { max-width: 1100px; }
.mfp-iframe-scaler iframe { border-radius: 14px; }
.simplest-download-section { overflow: hidden; padding-bottom: 8rem; position: relative; }
.simplest-download-section::after { background: #f4f6ff; border-radius: 50%; bottom: -5.5rem; content: ""; height: 7rem; left: 8%; position: absolute; right: 8%; transform: scaleX(1.15); }
.simplest-download-copy { margin: 0 auto; max-width: 760px; position: relative; z-index: 1; }
.simplest-download-copy p { font-size: 1.05rem; margin: 0 auto; max-width: 650px; }
.signup-ready-section { padding: 2rem 0 7rem; }
.signup-ready-panel { border-radius: 24px; box-shadow: 0 24px 65px rgba(56,76,158,.22); overflow: hidden; padding: clamp(2.5rem,5vw,5rem); position: relative; }
.signup-ready-panel::before { border: 55px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 310px; left: -100px; position: absolute; top: -130px; width: 310px; }
.signup-ready-panel h2 { color: #fff; font-family: Montserrat,sans-serif; font-size: clamp(2rem,3vw,2.7rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.15; margin-bottom: 1.25rem; position: relative; }
.signup-ready-panel p { color: rgba(255,255,255,.9); font-size: 1.03rem; line-height: 1.8; max-width: 570px; position: relative; }
.signup-ready-panel .check-list { color: #fff; position: relative; }
.signup-ready-panel .check-list li::before { color: #76f0c0; }
.signup-ready-panel .btn-light { position: relative; }
.signup-ready-visual { aspect-ratio: 1; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: 0 22px 55px rgba(27,43,105,.24); display: block; margin: 0 auto; max-width: 560px; overflow: hidden; padding: 1rem; position: relative; transition: transform .3s ease,box-shadow .3s ease; }
.signup-ready-visual img { border-radius: 50%; display: block; height: 100%; object-fit: cover; width: 100%; }
.signup-ready-visual:hover { box-shadow: 0 28px 65px rgba(27,43,105,.32); transform: translateY(-5px); }
.signup-ready-visual:focus-visible { outline: 4px solid #fff; outline-offset: 6px; }
.cta-section { background: #f8faff; padding: 0 0 7rem; }
.cta-panel { align-items: center; background: linear-gradient(115deg,#4d5bd5,#70b4e3); border-radius: 22px; box-shadow: 0 22px 60px rgba(51,70,145,.2); display: flex; justify-content: space-between; overflow: hidden; padding: 3.2rem 3.5rem; position: relative; }
.cta-panel::after { border: 50px solid rgba(255,255,255,.07); border-radius: 50%; content: ""; height: 260px; position: absolute; right: 16%; top: -90px; width: 260px; }
.cta-panel .section-kicker, .cta-panel h2 { color: #fff; position: relative; z-index: 1; }
.cta-panel h2 { font-size: clamp(1.65rem,3vw,2.4rem); margin-bottom: 0; max-width: 650px; }
.cta-panel .btn { flex: 0 0 auto; margin-left: 2rem; position: relative; z-index: 2; }

/* Feature Highlights page: Bootbox inner-page hero and alternating media sections. */
.feature-highlights-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.feature-highlights-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.feature-highlights-page .navigation-bar .nav-link:hover { color: #fff !important; }
.feature-page-hero { min-height: 330px; padding: 112px 0 78px; }
.feature-page-hero h1 { color: #fff; font-family: Montserrat,sans-serif; font-size: clamp(2rem,4vw,3.15rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.15; margin: 0 auto; max-width: 980px; position: relative; z-index: 2; }
.feature-page-hero .breadcrumb { position: relative; z-index: 2; }
.feature-page-hero .breadcrumb-item,.feature-page-hero .breadcrumb-item a { color: rgba(255,255,255,.83); }
.feature-page-hero .breadcrumb-item.active { color: #fff; }
.feature-page-hero .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.65); }
.feature-highlight-section { overflow: hidden; padding: 7rem 0; position: relative; }
.feature-highlight-section > .container { position: relative; z-index: 2; }
.feature-highlight-copy { max-width: 680px; }
.feature-highlight-copy h2 { color: #202e58; font-family: Montserrat,sans-serif; font-size: clamp(1.85rem,3vw,2.65rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.18; margin: 0 0 1.35rem; }
.feature-highlight-copy p { color: #697690; font-size: 1rem; line-height: 1.82; }
.feature-highlight-media { align-items: center; background: #fff; border: 1px solid #edf0fa; border-radius: 22px; box-shadow: 0 20px 55px rgba(45,63,124,.12); display: flex; justify-content: center; overflow: hidden; padding: 1rem; }
.feature-highlight-media img { border-radius: 15px; display: block; height: auto; max-height: 440px; max-width: 100%; object-fit: contain; width: 100%; }
.feature-highlight-media-wide { min-height: 330px; }
.feature-highlight-media-portrait { margin-left: auto; margin-right: auto; max-width: 475px; }
.feature-highlight-media-square { background: linear-gradient(145deg,#f0f4ff,#fff); margin-left: auto; margin-right: auto; max-width: 485px; padding: 1.8rem; }
.pipeline-benefits { display: grid; gap: .75rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 1.75rem 0; }
.pipeline-benefits > div { background: #f5f7ff; border: 1px solid #e9edfb; border-radius: 14px; padding: 1rem 1.05rem; }
.pipeline-benefits strong { color: #27365f; display: block; font-family: Montserrat,sans-serif; font-size: .93rem; margin-bottom: .35rem; }
.pipeline-benefits span { color: #737f9a; display: block; font-size: .82rem; line-height: 1.55; }
.sms-feature-gallery { display: grid; gap: 1.25rem; }
.sms-feature-gallery .feature-highlight-media:first-child { margin-left: 3rem; }
.sms-feature-gallery .feature-highlight-media:last-child { margin-right: 3rem; }
.sms-feature-gallery .feature-highlight-media img { max-height: 270px; }
.feature-highlights-cta { overflow: hidden; padding: 5.5rem 0; position: relative; }
.feature-highlights-cta::before { border: 58px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 330px; left: -100px; position: absolute; top: -145px; width: 330px; }
.feature-highlights-cta .container { position: relative; z-index: 1; }
.feature-highlights-cta .cta-kicker { color: rgba(255,255,255,.82); display: block; font-size: .78rem; font-weight: 700; letter-spacing: .15em; margin-bottom: .75rem; text-transform: uppercase; }
.feature-highlights-cta h2 { color: #fff; font-family: Montserrat,sans-serif; font-size: clamp(1.9rem,3vw,2.75rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.18; margin: 0; max-width: 780px; }
.feature-highlights-cta .btn-light { min-width: 150px; }

/* Agencies page: Bootbox gradient, overlay, service-card, counter, and CTA patterns. */
.agencies-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.agencies-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.agencies-page .navigation-bar .nav-link:hover { color: #fff !important; }
.agencies-hero { overflow: hidden; padding: 8.5rem 0 7rem; position: relative; }
.agencies-hero::before { border: 75px solid rgba(255,255,255,.07); border-radius: 50%; content: ""; height: 430px; left: -150px; position: absolute; top: -180px; width: 430px; }
.agencies-hero::after { background: rgba(255,255,255,.08); border-radius: 52% 48% 0 0; bottom: -190px; content: ""; height: 330px; position: absolute; right: -5%; transform: rotate(-9deg); width: 48%; }
.agencies-hero .container { position: relative; z-index: 1; }
.agencies-hero h1.agencies-hero-label { color: rgba(255,255,255,.88); font-family: "Open Sans",sans-serif; font-size: .82rem; font-weight: 700; letter-spacing: .16em; line-height: 1.4; margin-bottom: 1rem; text-transform: uppercase; }
.agencies-hero-headline { color: #fff; font-family: Montserrat,sans-serif; font-size: clamp(2.45rem,5vw,4.35rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.08; margin: 0 auto 1.4rem; max-width: 1000px; }
.agencies-hero-copy { color: rgba(255,255,255,.9); font-size: 1.15rem; line-height: 1.75; margin: 0 auto; max-width: 730px; }
.agencies-hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 2.2rem; }
.agencies-outline-button { border: 1px solid rgba(255,255,255,.7); color: #fff; }
.agencies-outline-button:hover,.agencies-outline-button:focus { background: #fff; color: #4e63d7; }
.agency-section,.agency-flow-section,.agency-simple-section { overflow: hidden; padding: 7rem 0; position: relative; }
.agency-section > .container,.agency-simple-section > .container { position: relative; z-index: 2; }
.agency-copy { max-width: 720px; }
.agency-copy h2,.agency-flow-section h2,.agency-simple-section h2,.agency-visibility-section h2,.agency-final-cta h2 { color: #202e58; font-family: Montserrat,sans-serif; font-size: clamp(1.9rem,3.2vw,2.75rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.18; margin: .75rem 0 1.3rem; }
.agency-copy h3 { color: #2a3962; font-family: Montserrat,sans-serif; font-size: 1.1rem; font-weight: 600; line-height: 1.55; margin: 1.8rem 0 1rem; }
.agency-copy p,.agency-simple-section p { color: #697690; line-height: 1.8; }
.agency-eyebrow { color: #566dda; display: inline-block; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.agency-check-list,.agency-question-list,.agency-feature-list,.agency-scale-list,.agency-simple-list { list-style: none; margin: 1.4rem 0; padding: 0; }
.agency-check-list { display: grid; gap: .7rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.agency-check-list li,.agency-question-list li { color: #596681; padding-left: 1.65rem; position: relative; }
.agency-check-list li::before { color: #566dda; content: "\2713"; font-weight: 700; left: 0; position: absolute; }
.agency-check-list-problems li::before { color: #ed7b7b; content: "\00d7"; font-size: 1.2rem; line-height: 1; }
.agency-question-list { display: flex; flex-wrap: wrap; gap: .65rem; }
.agency-question-list li { background: #f3f6ff; border: 1px solid #e8ecfa; border-radius: 50px; padding: .55rem 1rem; }
.agency-trial-note { font-size: .8rem; margin: .8rem 0 0; }
.agency-media { background: #fff; border: 1px solid #edf0fa; border-radius: 22px; box-shadow: 0 20px 55px rgba(45,63,124,.12); margin-left: auto; margin-right: auto; max-width: 720px; overflow: hidden; padding: .8rem; }
.agency-media img { border-radius: 15px; display: block; height: auto; max-height: 480px; object-fit: contain; width: 100%; }
.agency-media figcaption { color: #66728d; font-size: .8rem; font-weight: 600; padding: .85rem .5rem .2rem; text-align: center; }
.agency-media-illustration { background: linear-gradient(145deg,#eef3ff,#fff); max-width: 485px; padding: 1.5rem; }
.agency-media-viewer img { min-height: 360px; object-fit: cover; object-position: right center; }
.agency-flow-section .section-heading { max-width: 800px; }
.agency-step-card { background: #fff; border: 1px solid #e8ecfa; border-radius: 18px; box-shadow: 0 16px 45px rgba(45,63,124,.08); height: 100%; overflow: hidden; padding: 2.2rem 1.8rem; position: relative; transition: transform .25s ease,box-shadow .25s ease; }
.agency-step-card:hover { box-shadow: 0 22px 55px rgba(57,76,151,.15); transform: translateY(-7px); }
.agency-step-number { color: #eef1fb; font-family: Montserrat,sans-serif; font-size: 4.5rem; font-weight: 700; line-height: 1; position: absolute; right: .9rem; top: .65rem; }
.agency-step-icon { align-items: center; background: #566dda; border: 9px solid #e6eaff; border-radius: 50%; color: #fff; display: flex; font-size: 1.35rem; height: 68px; justify-content: center; margin-bottom: 1.5rem; position: relative; width: 68px; }
.agency-step-card h3 { color: #26355e; font-family: Montserrat,sans-serif; font-size: 1.08rem; font-weight: 700; line-height: 1.45; position: relative; }
.agency-step-card p { color: #6f7b95; line-height: 1.75; margin: 0; position: relative; }
.agency-feature-list { display: grid; gap: .75rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.agency-feature-list li { background: #fff; border: 1px solid #e8ecfa; border-radius: 13px; padding: 1rem; }
.agency-feature-list strong { color: #2a3962; display: block; font-family: Montserrat,sans-serif; font-size: .9rem; margin-bottom: .3rem; }
.agency-feature-list span { color: #737f98; display: block; font-size: .8rem; line-height: 1.55; }
.agency-visibility-section { overflow: hidden; padding: 6.5rem 0; position: relative; }
.agency-visibility-section h2,.agency-visibility-section p { color: #fff; }
.agency-visibility-section p { font-size: 1.02rem; line-height: 1.8; }
.agency-eyebrow-light { color: #d9efff; }
.agency-counter-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.agency-counter { background: #fff; border-radius: 16px; box-shadow: 0 18px 42px rgba(36,53,121,.2); padding: 1.6rem .75rem; text-align: center; }
.agency-counter strong { color: #26355e; display: block; font-family: Montserrat,sans-serif; font-size: clamp(1.7rem,3vw,2.35rem); }
.agency-counter span { color: #6c7791; display: block; font-size: .78rem; font-weight: 700; margin-top: .25rem; }
.agency-scale-list { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.agency-scale-list li { align-items: center; background: #f5f7ff; border: 1px solid #e8ecfa; border-radius: 15px; color: #4f5d7a; display: flex; font-weight: 600; gap: .9rem; min-height: 94px; padding: 1.1rem; }
.agency-scale-list i { align-items: center; background: #566dda; border-radius: 12px; color: #fff; display: flex; flex: 0 0 45px; font-size: 1.25rem; height: 45px; justify-content: center; }
.agency-simple-section h2 { margin-bottom: 1.1rem; }
.agency-simple-list { display: grid; gap: 1rem; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 2rem auto; max-width: 1000px; }
.agency-simple-list li { background: #fff; border: 1px solid #e6eaf8; border-radius: 14px; box-shadow: 0 12px 30px rgba(45,63,124,.07); color: #344367; font-weight: 700; padding: 1.3rem 1rem; }
.agency-simple-list li::before { color: #566dda; content: "\2713"; display: block; font-size: 1.35rem; margin-bottom: .5rem; }
.agency-final-cta { overflow: hidden; padding: 6rem 0; position: relative; }
.agency-final-cta::before { border: 60px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 340px; left: -110px; position: absolute; top: -150px; width: 340px; }
.agency-final-cta .container { position: relative; z-index: 1; }
.agency-final-cta h2,.agency-final-cta h3 { color: #fff; }
.agency-final-cta h3 { font-family: Montserrat,sans-serif; font-size: 1.05rem; font-weight: 500; line-height: 1.65; margin: 0; }

/* Pricing page: native Bootbox pricing cards with a responsive comparison matrix. */
.pricing-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.pricing-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.pricing-page .navigation-bar .nav-link:hover { color: #fff !important; }
.pricing-intro-section { overflow: hidden; padding: 7rem 0; }
.pricing-intro-copy { max-width: 680px; }
.pricing-eyebrow,.pricing-cta-kicker { color: #566dda; display: inline-block; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.pricing-intro-copy h2,.pricing-final-cta h2 { color: #202e58; font-family: Montserrat,sans-serif; font-size: clamp(1.95rem,3.4vw,2.8rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.18; margin: .75rem 0 1.35rem; }
.pricing-intro-copy p { color: #697690; line-height: 1.8; }
.pricing-benefit-list { display: grid; gap: .7rem; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; margin: 2rem 0 0; padding: 0; }
.pricing-benefit-list li { color: #596681; font-size: .9rem; padding-left: 1.6rem; position: relative; }
.pricing-benefit-list li::before { color: #566dda; content: "\2713"; font-weight: 700; left: 0; position: absolute; }
.pricing-product-image { background: #fff; border: 1px solid #edf0fa; border-radius: 22px; box-shadow: 0 20px 55px rgba(45,63,124,.12); overflow: hidden; padding: .75rem; }
.pricing-product-image img { border-radius: 16px; display: block; height: auto; width: 100%; }
.pricing-product-image-link { border-radius: 16px; display: block; overflow: hidden; position: relative; }
.pricing-product-image-link img { transition: transform .3s ease; }
.pricing-product-image-link:hover img,.pricing-product-image-link:focus img { transform: scale(1.015); }
.pricing-product-image-link:focus-visible { box-shadow: 0 0 0 4px rgba(86,109,218,.3); outline: 2px solid #4e63d7; outline-offset: 3px; }
.pricing-image-zoom { align-items: center; background: rgba(32,46,88,.9); border-radius: 50px; bottom: 1.25rem; color: #fff; display: flex; font-size: .78rem; font-weight: 700; gap: .45rem; padding: .65rem 1rem; position: absolute; right: 1.25rem; transition: background .2s ease,transform .2s ease; }
.pricing-product-image-link:hover .pricing-image-zoom,.pricing-product-image-link:focus .pricing-image-zoom { background: #4e63d7; transform: translateY(-2px); }
.pricing-image-zoom i { font-size: 1.05rem; }
.pricing-plans-section { overflow: hidden; padding: 7rem 0; position: relative; }
.pricing-plans-section > .container { position: relative; z-index: 2; }
.pricing-card-row { align-items: stretch; }
.pricing-page .price-item { display: flex; flex-direction: column; height: 100%; margin: 0; padding-top: 20px; }
.pricing-page .price-item .price-top { margin-left: -14px; margin-right: -14px; min-height: 270px; padding: 40px 20px 28px; }
.pricing-page .price-item .price-top h2 { font-family: Montserrat,sans-serif; font-size: 1.35rem; margin-bottom: .65rem; }
.pricing-page .price-item .price-top .pricing-tier-audience { color: rgba(255,255,255,.84); font-size: .84rem; line-height: 1.55; margin: 0 auto 1.15rem; max-width: 265px; min-height: 42px; }
.pricing-page .popular .price-top .pricing-tier-audience { color: #67728b; }
.pricing-tier-price { color: #fff; font-family: Montserrat,sans-serif; font-size: 3.35rem; font-weight: 700; line-height: 1; }
.pricing-tier-price sup { font-size: .35em; left: -.2rem; top: .2rem; vertical-align: top; }
.popular .pricing-tier-price { color: #4e63d7; }
.pricing-page .price-content { display: flex; flex: 1 1 auto; flex-direction: column; padding: 35px 28px 38px; }
.pricing-tier-features { border-bottom: 1px solid rgba(113,126,160,.2); flex: 1 1 auto; margin: 0 0 1.8rem; padding: 0 0 1rem; }
.pricing-page .price-item .price-content li { margin: 0 0 .9rem; padding-left: 1.6rem; text-align: left; }
.pricing-page .price-item .price-content li i { left: 0; position: absolute; top: .2rem; }
.pricing-page .price-content .btn { align-self: center; margin-top: auto; min-width: 155px; }
.pricing-agency-label { background: #fff; border-radius: 50px; color: #4e63d7 !important; font-size: .68rem; font-weight: 700; letter-spacing: .11em; padding: .35rem .75rem; position: absolute; right: 1rem; text-transform: uppercase; top: 1rem; }
.pricing-comparison-wrap { background: #fff; border: 1px solid #e7ebf7; border-radius: 20px; box-shadow: 0 20px 55px rgba(45,63,124,.1); margin-top: 5.5rem; overflow: hidden; padding-bottom: 2.5rem; }
.pricing-comparison-table { color: #57647f; min-width: 900px; }
.pricing-comparison-table th,.pricing-comparison-table td { border-color: #edf0f8; padding: 1rem 1.1rem; text-align: center; vertical-align: middle; }
.pricing-comparison-table thead tr:first-child th { background: #26355e; color: #fff; font-family: Montserrat,sans-serif; font-size: .92rem; padding-bottom: 1.25rem; padding-top: 1.25rem; }
.pricing-comparison-table thead tr:first-child th:nth-child(3) { background: #4e63d7; }
.pricing-comparison-table th:first-child { min-width: 245px; text-align: left; }
.pricing-comparison-table tbody th { color: #344261; font-weight: 600; }
.pricing-audience-row th,.pricing-audience-row td { background: #f7f9ff; color: #6b7690; font-size: .82rem; }
.pricing-group-row th { background: linear-gradient(to right,#edf1ff,#f6fbff); color: #4e63d7 !important; font-family: Montserrat,sans-serif; font-size: .78rem; letter-spacing: .09em; padding-bottom: .8rem; padding-top: .8rem; text-transform: uppercase; }
.pricing-comparison-table tbody tr:not(.pricing-group-row):hover > * { background: #fafbff; }
.pricing-final-cta { overflow: hidden; padding: 6rem 0; position: relative; }
.pricing-final-cta::before { border: 60px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 340px; left: -110px; position: absolute; top: -150px; width: 340px; }
.pricing-final-cta .container { position: relative; z-index: 1; }
.pricing-final-cta h2 { color: #fff; margin-left: auto; margin-right: auto; max-width: 900px; }
.pricing-cta-kicker { color: rgba(255,255,255,.82); }

/* Contact page: Bootbox contact form structure with LeadSavvy Pro delivery details. */
.contact-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.contact-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.contact-page .navigation-bar .nav-link:hover { color: #fff !important; }
.contact-intro-section { padding: 6rem 0 3.75rem; }
.contact-intro-section h2,.contact-form-card h2 { color: #202e58; font-family: Montserrat,sans-serif; font-size: clamp(1.9rem,3vw,2.65rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; }
.contact-intro-section h2 { margin: .75rem 0 1rem; }
.contact-intro-section p,.contact-form-card > p { color: #697690; line-height: 1.8; }
.contact-eyebrow { color: #566dda; display: inline-block; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.contact-form-section { overflow: hidden; padding: 3.75rem 0 7rem; position: relative; }
.contact-form-section > .container { position: relative; z-index: 2; }
.contact-form-card { background: #fff; border: 1px solid #e7ebf7; border-radius: 20px; box-shadow: 0 20px 55px rgba(45,63,124,.1); height: 100%; padding: clamp(2rem,4vw,3.25rem); }
.contact-form-card h2 { font-size: clamp(1.55rem,2.6vw,2.15rem); margin-bottom: 1rem; }
.contact-form-card > p { margin-bottom: 2rem; }
.contact-form .form-label { color: #344261; font-size: .86rem; font-weight: 700; margin-bottom: .55rem; }
.contact-form .form-control { background: #f8f9fe; border: 1px solid #e2e7f4; border-radius: 10px; color: #344261; min-height: 54px; padding: .8rem 1rem; transition: border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.contact-form textarea.form-control { min-height: 190px; resize: vertical; }
.contact-field .form-control { padding-left: 3rem; }
.contact-field i { color: #566dda; font-size: 1.15rem; left: 1rem; position: absolute; top: 50%; transform: translateY(-50%); }
.contact-form .form-control:focus { background: #fff; border-color: #7082dd; box-shadow: 0 0 0 .2rem rgba(86,109,218,.13); }
.contact-form .field-validation-error { display: block; font-size: .78rem; margin-top: .4rem; }
.contact-form .validation-summary-valid { display: none; }
.contact-form-status { border-radius: 10px; margin-bottom: 2rem; }
.contact-submit-button { min-width: 158px; }
.contact-submit-button[aria-busy="true"] { cursor: wait; opacity: .88; }
.contact-privacy-note { color: #78839b; font-size: .76rem; line-height: 1.6; max-width: 520px; }
.contact-privacy-note a { color: #566dda; font-weight: 700; }
.contact-honeypot { height: 0; left: -10000px; overflow: hidden; position: absolute; width: 0; }
.contact-detail-panel { display: flex; flex-direction: column; gap: 1rem; height: 100%; }
.contact-detail-item { background: #566dda; border-radius: 16px; box-shadow: 0 16px 38px rgba(57,76,151,.18); color: #fff; overflow: hidden; padding: 2rem; position: relative; }
.contact-detail-item > i { bottom: -.35rem; color: #fff; font-size: 5rem; opacity: .08; position: absolute; right: .7rem; }
.contact-detail-item > span { display: block; font-family: Montserrat,sans-serif; font-size: 1.05rem; font-weight: 700; margin-bottom: .7rem; position: relative; }
.contact-detail-item a:not(.btn),.contact-detail-item p { color: rgba(255,255,255,.9); line-height: 1.7; margin: 0; position: relative; }
.contact-detail-item a:not(.btn) { font-weight: 600; overflow-wrap: anywhere; }
.contact-detail-cta { background-image: linear-gradient(135deg,#4e63d7,#76bfe9); flex: 1 1 auto; }
.contact-detail-cta .btn { margin-top: 1.4rem; position: relative; }

/* Facebook lead form download guide: Bootbox process, services, feature and video blocks. */
.facebook-lead-guide-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.facebook-lead-guide-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.facebook-lead-guide-page .navigation-bar .nav-link:hover { color: #fff !important; }
.guide-page-hero h1 { margin-left: auto; margin-right: auto; max-width: 1000px; }
.guide-intro-section,.guide-challenge-section,.guide-organize-section,.guide-video-section { padding: 6.5rem 0; }
.guide-steps-section { overflow: hidden; padding: 6.5rem 0; position: relative; }
.guide-steps-section > .container { position: relative; z-index: 2; }
.guide-eyebrow { color: #566dda; display: inline-block; font-size: .76rem; font-weight: 700; letter-spacing: .14em; margin-bottom: .8rem; text-transform: uppercase; }
.guide-eyebrow-light { color: rgba(255,255,255,.82); }
.guide-intro-section p,.guide-challenge-section p,.guide-organize-section p,.guide-video-section p { color: #697690; font-size: 1rem; line-height: 1.82; }
.guide-intro-section p:first-of-type { color: #344261; font-size: 1.2rem; }
.guide-media { background: #fff; border: 1px solid #e8ecf8; border-radius: 22px; box-shadow: 0 20px 55px rgba(45,63,124,.11); overflow: hidden; padding: .75rem; }
.guide-media img { border-radius: 16px; display: block; height: auto; width: 100%; }
.guide-media-light { border: 8px solid rgba(255,255,255,.2); box-shadow: 0 22px 58px rgba(25,41,107,.25); padding: 0; }
.guide-step-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; margin: 3.25rem 0 0; padding: 0; }
.guide-step-grid li { background: #fff; border: 1px solid #dfe5f6; border-radius: 15px; box-shadow: 0 14px 35px rgba(45,63,124,.07); min-height: 155px; padding: 1.65rem; position: relative; }
.guide-step-number { align-items: center; background: #566dda; border: 7px solid #e1e6fb; border-radius: 50%; color: #fff; display: flex; font-family: Montserrat,sans-serif; font-size: .8rem; font-weight: 700; height: 52px; justify-content: center; margin-bottom: 1rem; width: 52px; }
.guide-step-grid p { color: #344261; font-weight: 600; line-height: 1.65; margin: 0; }
.guide-step-wide { grid-column: span 3; }
.guide-challenge-section h2,.guide-organize-section h2,.guide-video-section h2 { color: #202e58; font-family: Montserrat,sans-serif; font-size: clamp(1.9rem,3vw,2.65rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; }
.guide-challenge-section h2,.guide-organize-section h2 { margin-bottom: 1.25rem; }
.guide-challenge-card { background: #fff; border: 1px solid #e2e7f5; border-radius: 16px; box-shadow: 0 15px 38px rgba(45,63,124,.08); height: 100%; padding: 2rem; }
.guide-challenge-card .icon-box { align-items: center; background: #566dda; border: 8px solid #e2e7fb; border-radius: 50%; color: #fff; display: flex; font-size: 1.35rem; height: 64px; justify-content: center; margin-bottom: 1.35rem; width: 64px; }
.guide-challenge-card h3 { color: #26355e; font-family: Montserrat,sans-serif; font-size: 1.05rem; font-weight: 700; line-height: 1.5; margin-bottom: .85rem; }
.guide-challenge-card p { font-size: .9rem; margin: 0; }
.guide-problem-note { align-items: flex-start; background: #f5f7ff; border-left: 4px solid #566dda; border-radius: 0 15px 15px 0; display: flex; gap: 1.25rem; margin-top: 3rem; padding: 2rem; }
.guide-problem-note > i { color: #566dda; flex: 0 0 auto; font-size: 2rem; margin-top: .15rem; }
.guide-problem-note p:last-child { margin-bottom: 0; }
.guide-automation-section { overflow: hidden; padding: 6.5rem 0; position: relative; }
.guide-automation-section::before { border: 65px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 380px; position: absolute; right: -120px; top: -180px; width: 380px; }
.guide-automation-section .container { position: relative; z-index: 1; }
.guide-automation-copy h2 { color: #fff; font-family: Montserrat,sans-serif; font-size: clamp(1.9rem,3vw,2.65rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; margin-bottom: 1.25rem; }
.guide-automation-copy p { color: rgba(255,255,255,.9); line-height: 1.8; }
.guide-video-section { overflow: hidden; position: relative; }
.guide-video-section > .container { position: relative; z-index: 2; }
.guide-video-section .video-guide-preview { margin-left: auto; max-width: 620px; }
.guide-final-cta { overflow: hidden; padding: 6rem 0; position: relative; }
.guide-final-cta::before { border: 60px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 340px; left: -110px; position: absolute; top: -150px; width: 340px; }
.guide-final-cta .container { position: relative; z-index: 1; }
.guide-final-cta h2 { color: #fff; font-family: Montserrat,sans-serif; font-size: clamp(1.9rem,3vw,2.65rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; margin: .5rem auto 1rem; max-width: 850px; }
.guide-final-cta p { color: rgba(255,255,255,.9); font-size: 1.05rem; }
.guide-cta-actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 2rem; }
.guide-outline-button { border: 1px solid rgba(255,255,255,.75); color: #fff; }
.guide-outline-button:hover,.guide-outline-button:focus { background: #fff; color: #566dda; }

/* Zapier alternative page: Bootbox article, video, feature-card and CTA composition. */
.zapier-alternative-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.zapier-alternative-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.zapier-alternative-page .navigation-bar .nav-link:hover { color: #fff !important; }
.zapier-page-hero h1 { max-width: 1080px; }
.zapier-intro-section,.zapier-video-section,.zapier-comparison-section,.zapier-conclusion-section { padding: 6.5rem 0; }
.zapier-eyebrow { color: #566dda; display: inline-block; font-size: .76rem; font-weight: 700; letter-spacing: .14em; margin-bottom: .8rem; text-transform: uppercase; }
.zapier-intro-section p { color: #53617f; font-size: 1.1rem; line-height: 1.9; }
.zapier-media { background: #fff; border: 1px solid #e8ecf8; border-radius: 22px; box-shadow: 0 20px 55px rgba(45,63,124,.11); overflow: hidden; padding: .75rem; }
.zapier-media img { border-radius: 16px; display: block; height: auto; width: 100%; }
.zapier-video-section,.zapier-comparison-section { overflow: hidden; position: relative; }
.zapier-video-section > .container,.zapier-comparison-section > .container { position: relative; z-index: 2; }
.zapier-video-lead { color: #202e58; font-family: Montserrat,sans-serif; font-size: clamp(1.8rem,3vw,2.55rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.22; margin-bottom: 2rem; }
.zapier-video-section .video-guide-preview { margin-left: auto; max-width: 620px; }
.zapier-premium-section { overflow: hidden; padding: 6.5rem 0; position: relative; }
.zapier-premium-section::before { border: 65px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 380px; position: absolute; right: -120px; top: -180px; width: 380px; }
.zapier-premium-section .container { position: relative; z-index: 1; }
.zapier-media-light { border: 8px solid rgba(255,255,255,.2); box-shadow: 0 22px 58px rgba(25,41,107,.25); padding: 0; }
.zapier-premium-copy p { color: rgba(255,255,255,.92); font-size: 1rem; line-height: 1.85; margin: 0; }
.zapier-premium-copy strong { color: #fff; display: block; font-family: Montserrat,sans-serif; font-size: clamp(1.75rem,3vw,2.55rem); letter-spacing: -.04em; line-height: 1.22; margin-bottom: 1.25rem; }
.zapier-feature-box { background: #fff; border: 1px solid #e1e6f5; border-radius: 16px; box-shadow: 0 16px 42px rgba(45,63,124,.08); height: 100%; padding: 2.25rem; transition: box-shadow .25s ease,transform .25s ease; }
.zapier-feature-box:hover { box-shadow: 0 22px 50px rgba(45,63,124,.14); transform: translateY(-5px); }
.zapier-feature-box .icon-box { align-items: center; background: #566dda; border: 8px solid #e2e7fb; border-radius: 50%; color: #fff; display: flex; font-size: 1.35rem; height: 66px; justify-content: center; margin-bottom: 1.4rem; width: 66px; }
.zapier-feature-box p { color: #697690; line-height: 1.8; margin: 0; }
.zapier-feature-box strong { color: #26355e; display: block; font-family: Montserrat,sans-serif; font-size: 1.08rem; line-height: 1.5; margin-bottom: .7rem; }
.zapier-conclusion-card { background: #fff; border: 1px solid #e6eaf7; border-radius: 20px; box-shadow: 0 20px 55px rgba(45,63,124,.1); margin: 0 auto; max-width: 1050px; padding: clamp(2rem,5vw,4rem); }
.zapier-conclusion-card p { color: #596783; font-size: 1.05rem; line-height: 1.9; margin: 0; }
.zapier-final-cta { overflow: hidden; padding: 5.5rem 0; position: relative; }
.zapier-final-cta::before { border: 60px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 340px; left: -110px; position: absolute; top: -150px; width: 340px; }
.zapier-final-cta .container { position: relative; z-index: 1; }
.zapier-final-cta p { color: rgba(255,255,255,.93); font-size: clamp(1.15rem,2.2vw,1.5rem); line-height: 1.8; margin: 0 auto; max-width: 1050px; }
.zapier-final-cta a { color: #fff; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(255,255,255,.45); text-underline-offset: .22em; }
.zapier-final-cta a:hover,.zapier-final-cta a:focus { text-decoration-color: #fff; }

.privacy-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.privacy-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.privacy-page .navigation-bar .nav-link:hover { color: #fff !important; }
.privacy-hero { padding: 8rem 0 5rem; text-align: center; }
.privacy-hero h1 { margin: .75rem 0 1rem; color: #fff; font-size: clamp(2.5rem,5vw,4rem); }
.privacy-eyebrow { margin-bottom: .75rem; color: #dce7ff; font-size: .8rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.privacy-hero-summary { max-width: 760px; margin: 0 auto 1.25rem; font-size: 1.08rem; line-height: 1.75; opacity: .92; }
.privacy-updated { margin: 0; font-size: .88rem; opacity: .86; }
.privacy-breadcrumb { justify-content: center; margin-bottom: 1.25rem; }
.privacy-breadcrumb .breadcrumb-item, .privacy-breadcrumb .breadcrumb-item::before { color: rgba(255,255,255,.78); }
.privacy-breadcrumb a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.privacy-section { padding: 5rem 0 6rem; }
.privacy-summary-card { margin-bottom: 3.5rem; padding: 2rem; border: 1px solid #e3e7f1; border-radius: 1rem; background: #fff; box-shadow: 0 14px 35px rgba(36,48,68,.08); }
.privacy-summary-card > h2 { margin-bottom: 1.5rem; color: #243044; font-size: 1.35rem; text-align: center; }
.privacy-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.privacy-summary-grid > div { padding: 1.25rem; border-radius: .8rem; background: #f5f7ff; }
.privacy-summary-grid strong, .privacy-summary-grid span { display: block; }
.privacy-summary-grid strong { margin-bottom: .5rem; color: #3449bd; font-family: "Montserrat",sans-serif; font-size: .92rem; }
.privacy-summary-grid span { color: #596579; font-size: .86rem; line-height: 1.6; }
.privacy-layout { display: grid; grid-template-columns: 16rem minmax(0,1fr); gap: 3rem; align-items: start; }
.privacy-toc { position: sticky; top: 6.5rem; padding: 1.5rem; border: 1px solid #e3e7f1; border-radius: .9rem; background: #fff; box-shadow: 0 10px 25px rgba(36,48,68,.06); }
.privacy-toc h2 { margin-bottom: 1rem; color: #243044; font-size: 1rem; }
.privacy-toc nav { display: grid; gap: .4rem; }
.privacy-toc a { padding: .4rem .55rem; border-radius: .45rem; color: #596579; font-size: .78rem; font-weight: 600; line-height: 1.4; }
.privacy-toc a:hover, .privacy-toc a:focus-visible { background: #eef1ff; color: #4e63d7; }
.privacy-content { min-width: 0; padding: 2.5rem 3rem; border: 1px solid #e3e7f1; border-radius: 1rem; background: #fff; box-shadow: 0 14px 35px rgba(36,48,68,.07); color: #465267; font-size: 1rem; line-height: 1.78; }
.privacy-content section { scroll-margin-top: 7rem; }
.privacy-content section + section { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #e3e7f1; }
.privacy-content h2 { margin-bottom: 1.25rem; color: #243044; font-size: 1.65rem; }
.privacy-content h3 { margin: 1.75rem 0 .75rem; color: #3449bd; font-size: 1.12rem; }
.privacy-content p { margin-bottom: 1.1rem; }
.privacy-content ul { margin: 1rem 0 1.5rem; padding-left: 1.4rem; }
.privacy-content li { margin-bottom: .6rem; padding-left: .2rem; }
.privacy-content li::marker { color: #4e63d7; }
.privacy-content address { padding: 1.25rem 1.5rem; border-left: 4px solid #4e63d7; background: #f5f7ff; color: #465267; font-style: normal; }
.privacy-content a { text-decoration: underline; text-underline-offset: .15em; }

@media (min-width: 992px) { .hero-actions, .hero-proof { justify-content: flex-start; } }
@media (max-width: 991.98px) {
  .home-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .navbar-toggler-lines, .navbar-toggler-lines::before, .navbar-toggler-lines::after { background: #fff !important; }
  .home-page .section-hero .banner { min-height: auto; padding: 135px 0 100px; }
  .home-page .section-hero .banner-img { margin-top: 2.5rem; }
  .trust-grid { grid-template-columns: repeat(2,1fr); }
  .trust-item:nth-child(3) { border-left: 0; border-top: 1px solid #edf0fa; }
  .trust-item:nth-child(4) { border-top: 1px solid #edf0fa; }
  .cta-panel { align-items: flex-start; flex-direction: column; padding: 2.5rem; }
  .cta-panel .btn { margin: 1.8rem 0 0; }
  .signup-ready-panel { text-align: center; }
  .signup-ready-panel p { margin-left: auto; margin-right: auto; }
  .signup-ready-panel .check-list { display: inline-block; text-align: left; }
  .feature-highlights-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .agencies-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .pricing-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .contact-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .facebook-lead-guide-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .zapier-alternative-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .privacy-page .navbar-collapse { background: #465bc5; border-radius: 12px; box-shadow: 0 15px 35px rgba(25,40,100,.25); padding: 1rem 1.2rem; }
  .privacy-summary-grid { grid-template-columns: 1fr; }
  .privacy-layout { grid-template-columns: 1fr; gap: 2rem; }
  .privacy-toc { position: static; }
  .privacy-toc nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .feature-highlight-section { padding: 5.5rem 0; }
  .feature-highlight-copy { margin-left: auto; margin-right: auto; text-align: center; }
  .feature-highlight-media { margin-left: auto; margin-right: auto; max-width: 700px; }
  .sms-feature-gallery { margin: 0 auto; max-width: 700px; }
  .agency-section,.agency-flow-section,.agency-simple-section { padding: 5.5rem 0; }
  .agency-copy { margin-left: auto; margin-right: auto; text-align: center; }
  .agency-check-list,.agency-feature-list { text-align: left; }
  .agency-question-list { justify-content: center; }
  .agency-counter-grid { margin-top: 1rem; }
  .agency-simple-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-intro-section,.pricing-plans-section { padding: 5.5rem 0; }
  .contact-intro-section { padding: 5rem 0 3rem; }
  .contact-form-section { padding: 3rem 0 5.5rem; }
  .guide-intro-section,.guide-challenge-section,.guide-organize-section,.guide-video-section,.guide-steps-section,.guide-automation-section { padding: 5.5rem 0; }
  .guide-intro-section,.guide-organize-section,.guide-video-section { text-align: center; }
  .guide-step-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .guide-step-wide { grid-column: span 2; }
  .zapier-intro-section,.zapier-video-section,.zapier-comparison-section,.zapier-conclusion-section,.zapier-premium-section { padding: 5.5rem 0; }
  .zapier-intro-section,.zapier-video-section,.zapier-premium-section { text-align: center; }
  .zapier-video-section .btn { margin-bottom: 1rem; }
  .pricing-intro-copy { margin-left: auto; margin-right: auto; text-align: center; }
  .pricing-benefit-list { text-align: left; }
  .pricing-product-image { margin-left: auto; margin-right: auto; max-width: 760px; }
}
@media (max-width: 575.98px) {
  .site-logo img { width: 178px; }
  .home-page .section-hero .banner { min-height: auto; padding: 120px 0 90px; }
  .hero-benefits { grid-template-columns: 1fr; text-align: left; }
  .home-section { padding: 4.5rem 0; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-item + .trust-item { border-left: 0; border-top: 1px solid #edf0fa; }
  .workflow-section { padding: 5rem 0; }
  .cta-panel { padding: 2rem 1.5rem; }
  .feature-page-hero { min-height: 285px; padding: 90px 0 60px; }
  .feature-highlight-section { padding: 4.25rem 0; }
  .feature-highlight-media { border-radius: 17px; padding: .6rem; }
  .feature-highlight-media-wide { min-height: 0; }
  .pipeline-benefits { grid-template-columns: 1fr; text-align: left; }
  .sms-feature-gallery .feature-highlight-media:first-child,.sms-feature-gallery .feature-highlight-media:last-child { margin-left: 0; margin-right: 0; }
  .feature-highlights-cta { padding: 4.5rem 0; }
  .agencies-hero { padding: 7.25rem 0 5.5rem; }
  .agency-section,.agency-flow-section,.agency-simple-section { padding: 4.25rem 0; }
  .agency-check-list,.agency-feature-list,.agency-scale-list,.agency-simple-list { grid-template-columns: 1fr; }
  .agency-question-list { align-items: stretch; flex-direction: column; }
  .agency-counter-grid { grid-template-columns: 1fr; }
  .agency-counter { padding: 1.15rem; }
  .agency-media { border-radius: 17px; padding: .55rem; }
  .agency-media-viewer img { min-height: 270px; }
  .agency-visibility-section,.agency-final-cta { padding: 4.5rem 0; }
  .pricing-intro-section,.pricing-plans-section { padding: 4.25rem 0; }
  .pricing-benefit-list { grid-template-columns: 1fr; }
  .pricing-page .price-item .price-top { margin-left: 0; margin-right: 0; }
  .pricing-comparison-wrap { border-radius: 15px; margin-top: 4rem; }
  .pricing-final-cta { padding: 4.5rem 0; }
  .pricing-final-cta .btn { white-space: normal; }
  .contact-intro-section { padding: 4.25rem 0 2.5rem; }
  .contact-form-section { padding: 2.5rem 0 4.25rem; }
  .contact-form-card { border-radius: 16px; padding: 1.5rem; }
  .guide-intro-section,.guide-challenge-section,.guide-organize-section,.guide-video-section,.guide-steps-section,.guide-automation-section { padding: 4.25rem 0; }
  .guide-step-grid { grid-template-columns: 1fr; margin-top: 2.5rem; }
  .guide-step-wide { grid-column: auto; }
  .guide-step-grid li { min-height: 0; }
  .guide-challenge-card { padding: 1.5rem; }
  .guide-problem-note { display: block; padding: 1.5rem; }
  .guide-problem-note > i { display: block; margin-bottom: .75rem; }
  .guide-final-cta { padding: 4.5rem 0; }
  .guide-cta-actions { align-items: stretch; flex-direction: column; }
  .zapier-intro-section,.zapier-video-section,.zapier-comparison-section,.zapier-conclusion-section,.zapier-premium-section { padding: 4.25rem 0; }
  .zapier-feature-box { padding: 1.5rem; }
  .zapier-final-cta { padding: 4.5rem 0; }
}
.blog-hero { padding: 8.5rem 0 5rem; }
.blog-hero h1 { margin: .75rem 0 1rem; }
.blog-list-section { padding: 5rem 0; }
.blog-topic-browser { margin-bottom: 3.5rem; padding: 1.75rem 2rem; border: 1px solid #e3e7f1; border-radius: 1rem; background: #fff; box-shadow: 0 14px 35px rgba(36,48,68,.08); text-align: center; }
.blog-topic-browser h2 { margin-bottom: 1.25rem; color: #243044; font-size: 1.15rem; font-weight: 700; }
.blog-topic-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; }
.blog-topic-nav a { padding: .65rem 1rem; border: 1px solid #dce2f0; border-radius: 999px; background: #f8f9fd; color: #3d4b66; font-size: .88rem; font-weight: 700; line-height: 1.25; transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.blog-topic-nav a:hover, .blog-topic-nav a:focus-visible { border-color: #4e63d7; color: #4e63d7; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(78,99,215,.12); }
.blog-topic-nav a.active { border-color: transparent; background: linear-gradient(135deg, #4e63d7, #7135cc); color: #fff; box-shadow: 0 7px 16px rgba(78,99,215,.24); }
.blog-card { display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 1rem; box-shadow: 0 12px 34px rgba(36,48,68,.09); }
.blog-card-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.blog-card-body { display: flex; flex: 1; flex-direction: column; padding: 1.6rem; }
.blog-card h2 a { color: #243044; }
.blog-card h2 a:hover { color: #4e63d7; }
.blog-card time { margin-bottom: 1rem; color: #667085; font-size: .85rem; }
.blog-card p { color: #596579; }
.blog-card-categories, .blog-post-categories { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .8rem; }
.blog-card-categories a, .blog-post-categories a { padding: .25rem .65rem; border-radius: 999px; background: rgba(78,99,215,.11); color: #4e63d7; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.blog-post-categories a { background: rgba(255,255,255,.16); color: #fff; }
.blog-read-more { margin-top: auto; font-weight: 700; }
.blog-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-top: 3rem; }
.blog-pagination a { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .5rem; background: #fff; color: #4e63d7; font-weight: 700; box-shadow: 0 4px 12px rgba(36,48,68,.08); }
.blog-pagination a.active { background: #4e63d7; color: #fff; }
.blog-post-hero { padding: 9rem 0 5rem; }
.blog-post-header-inner { max-width: 900px; }
.blog-post-hero h1 { max-width: 900px; margin: 1rem 0; font-size: clamp(2.2rem,5vw,4rem); line-height: 1.1; }
.blog-post-summary { max-width: 760px; font-size: 1.15rem; opacity: .9; }
.blog-post-container { max-width: 900px; padding-top: 4rem; padding-bottom: 5rem; }
.blog-post-featured-image { width: 100%; max-height: 520px; margin-bottom: 3rem; border-radius: 1rem; object-fit: cover; }
.blog-post-content { color: #344054; font-size: 1.05rem; line-height: 1.8; }
.blog-post-content h2, .blog-post-content h3, .blog-post-content h4 { margin-top: 2.2rem; color: #243044; }
.blog-post-content ul, .blog-post-content ol { margin: 1.25rem 0 1.75rem; padding-left: 1.8rem; }
.blog-post-content ul { list-style: disc outside; }
.blog-post-content ol { list-style: decimal outside; }
.blog-post-content li { margin-bottom: .55rem; padding-left: .25rem; }
.blog-post-content ul > li { list-style-type: disc; }
.blog-post-content ol > li { list-style-type: decimal; }
.blog-post-content li::marker { color: #4e63d7; font-weight: 700; }
.blog-post-content li > ul, .blog-post-content li > ol { margin: .5rem 0 .75rem; }
.blog-post-content ul ul { list-style-type: circle; }
.blog-post-content ul ul > li { list-style-type: circle; }
.blog-post-content ul ul ul { list-style-type: square; }
.blog-post-content ul ul ul > li { list-style-type: square; }
.blog-post-content img { max-width: 100%; height: auto; border-radius: .75rem; }
.blog-video-embed { position: relative; width: 100%; margin: 1.75rem 0 2.25rem; aspect-ratio: 16 / 9; overflow: hidden; border-radius: .85rem; background: #111827; box-shadow: 0 14px 35px rgba(36,48,68,.14); }
.blog-video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.blog-table-scroll { max-width: 100%; margin: 1.5rem 0 2.25rem; overflow-x: auto; border: 1px solid #dfe5f2; border-radius: .85rem; background: #fff; box-shadow: 0 12px 30px rgba(36,48,68,.08); scrollbar-color: #8795df #eef1fb; scrollbar-width: auto; -webkit-overflow-scrolling: touch; }
.blog-table-scroll:focus-visible { outline: 3px solid rgba(78,99,215,.35); outline-offset: 3px; }
.blog-table-scroll::before { content: "Scroll horizontally to view all columns \2192"; position: sticky; left: 0; z-index: 5; display: block; width: max-content; padding: .55rem .9rem; color: #596579; font-size: .78rem; font-weight: 700; letter-spacing: .01em; }
.blog-table-scroll table { display: table; width: var(--blog-table-min-width, 1100px); min-width: var(--blog-table-min-width, 1100px); margin: 0; overflow: visible; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.blog-table-scroll th, .blog-table-scroll td { min-width: 190px; padding: 1rem 1.05rem; border-right: 1px solid #e4e8f2; border-bottom: 1px solid #e4e8f2; vertical-align: top; text-align: left; line-height: 1.55; overflow-wrap: break-word; }
.blog-table-scroll th { background: #4e63d7; color: #fff; font-size: .92rem; font-weight: 700; }
.blog-table-scroll tr:nth-child(even) td { background: #f7f8fd; }
.blog-table-scroll th:first-child, .blog-table-scroll td:first-child { position: sticky; left: 0; z-index: 2; min-width: 210px; background: #fff; font-weight: 700; box-shadow: 6px 0 12px rgba(36,48,68,.06); }
.blog-table-scroll tr:nth-child(even) td:first-child { background: #f7f8fd; }
.blog-table-scroll th:first-child { z-index: 3; background: #4257c6; }
.blog-table-scroll th:last-child, .blog-table-scroll td:last-child { border-right: 0; }
.blog-table-scroll tr:last-child td { border-bottom: 0; }
.blog-post-content blockquote { margin: 2rem 0; padding: 1rem 1.5rem; border-left: 4px solid #4e63d7; background: #f4f6ff; }
.blog-post-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 4rem; padding-top: 2rem; border-top: 1px solid #e3e7f1; }
.blog-post-navigation-link { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: 1rem; align-items: center; min-height: 8rem; padding: 1rem; border: 1px solid #e3e7f1; border-radius: 1rem; background: #fff; color: #243044; box-shadow: 0 10px 28px rgba(36,48,68,.08); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.blog-post-navigation-link:hover, .blog-post-navigation-link:focus-visible { border-color: #4e63d7; color: #243044; box-shadow: 0 14px 34px rgba(36,48,68,.14); transform: translateY(-2px); }
.blog-post-navigation-link.next:only-child { grid-column: 2; }
.blog-post-navigation-link img { width: 6.5rem; height: 6rem; border-radius: .75rem; object-fit: cover; }
.blog-post-navigation-copy { display: flex; min-width: 0; flex-direction: column; gap: .35rem; }
.blog-post-navigation-label { color: #4e63d7; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.blog-post-navigation-copy strong { font-family: "Montserrat", sans-serif; font-size: .95rem; line-height: 1.35; }
.blog-post-navigation-category { color: #667085; font-size: .76rem; font-weight: 600; }
.blog-post-breadcrumb { justify-content: center; margin-bottom: 1.25rem; }
.blog-post-breadcrumb .breadcrumb-item, .blog-post-breadcrumb .breadcrumb-item::before { color: rgba(255,255,255,.78); }
.blog-post-breadcrumb a, .blog-post-byline a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; }
.blog-post-byline { display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem; margin: 1rem 0 0; }
.author-profile-section { padding: 5rem 0; }
.author-profile-card { display: grid; grid-template-columns: 8rem 1fr; gap: 2rem; max-width: 880px; margin: 0 auto; padding: 2.5rem; border-radius: 1rem; background: #fff; box-shadow: 0 18px 45px rgba(36,48,68,.1); }
.author-profile-monogram { display: grid; width: 8rem; height: 8rem; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #4e63d7, #7135cc); color: #fff; font-family: "Montserrat", sans-serif; font-size: 2rem; font-weight: 700; }
.error-page .navigation-bar { background-image: linear-gradient(to right,rgba(78,99,215,.96) 0%,#76bfe9 100%); box-shadow: 0 0 20px -7px rgba(0,0,0,.6); }
.error-page .navigation-bar .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 600; }
.error-page .navigation-bar .nav-link:hover { color: #fff !important; }
.site-error-section { min-height: 78vh; padding: 8rem 0 5rem; background-color: #fff; }
.site-error-section .container { z-index: 1; }
.site-error-section h1 { margin: 0; color: #4e63d7; font-size: clamp(5rem, 12vw, 9rem); line-height: .85; text-shadow: 0 7px 2px rgba(53,31,174,.16); }
.site-error-section h2 { margin: 1.5rem 0 1rem; color: #243044; font-size: clamp(2rem, 4vw, 3rem); }
.site-error-eyebrow { margin-bottom: 1rem; color: #4e63d7; font-size: .82rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.site-error-message { max-width: 36rem; margin-bottom: 2rem; color: #596579; font-size: 1.1rem; line-height: 1.75; }
.site-error-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .85rem; }
.site-error-actions .btn-custom { margin: 0; }
.site-error-actions .btn-custom-outline { border: 1px solid #4e63d7; background: transparent; color: #4e63d7; box-shadow: none; }
.site-error-actions .btn-custom-outline:hover, .site-error-actions .btn-custom-outline:focus-visible { background: #4e63d7; color: #fff; }
.site-error-blog-link { padding: .75rem .25rem; color: #4e63d7; font-weight: 700; }
.site-error-request-id { margin-top: 1.5rem; color: #667085; font-size: .78rem; }
.site-error-request-id code { color: #3d4b66; overflow-wrap: anywhere; }
.site-error-illustration { position: relative; display: grid; width: min(100%, 31rem); margin-left: auto; aspect-ratio: 1.2; place-items: center; border-radius: 48% 52% 58% 42%; background: linear-gradient(145deg, #eef2ff, #e7f7ff); box-shadow: 0 30px 75px rgba(53,72,145,.16); }
.site-error-illustration > .zmdi { position: absolute; z-index: 2; top: 2.2rem; right: 2.5rem; display: grid; width: 6rem; height: 6rem; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #4e63d7, #7135cc); color: #fff; font-size: 2.8rem; box-shadow: 0 16px 35px rgba(78,99,215,.3); transform: rotate(8deg); }
.site-error-browser { position: relative; z-index: 1; width: 70%; height: 56%; padding: 1.3rem; border: .55rem solid #243044; border-radius: 1.1rem; background: #fff; box-shadow: 1rem 1.2rem 0 rgba(78,99,215,.13); transform: rotate(-4deg); }
.site-error-browser::before { content: ""; position: absolute; inset: 0 0 auto; height: 2.2rem; border-bottom: .2rem solid #dfe5f2; background: #f7f8fd; border-radius: .55rem .55rem 0 0; }
.site-error-browser i { position: relative; z-index: 1; display: inline-block; width: .55rem; height: .55rem; margin-right: .25rem; border-radius: 50%; background: #4e63d7; }
.site-error-browser i:nth-child(2) { background: #7135cc; }
.site-error-browser i:nth-child(3) { background: #66c4e8; }
.site-error-browser span { display: block; width: 78%; height: .7rem; margin-top: 1.2rem; border-radius: 1rem; background: #e5e9f5; }
.site-error-browser span:nth-of-type(1) { width: 52%; margin-top: 2.5rem; background: #4e63d7; }
.site-error-browser span:nth-of-type(3) { width: 62%; }
.site-error-orbit { position: absolute; border: 2px dashed rgba(78,99,215,.22); border-radius: 50%; }
.site-error-orbit.orbit-one { width: 88%; height: 88%; animation: site-error-spin 24s linear infinite; }
.site-error-orbit.orbit-two { width: 106%; height: 70%; animation: site-error-spin 30s linear infinite reverse; }
.site-error-shortcuts { display: flex; flex-wrap: wrap; gap: .8rem 1.5rem; align-items: center; margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid #e3e7f1; }
.site-error-shortcuts span { color: #243044; font-weight: 700; }
.site-error-shortcuts a { color: #596579; font-weight: 600; }
.site-error-shortcuts a:hover { color: #4e63d7; }
@keyframes site-error-spin { to { transform: rotate(360deg); } }

@media (max-width: 767.98px) {
    .blog-topic-browser { margin-bottom: 2.5rem; padding: 1.5rem 1rem; }
    .blog-topic-nav { justify-content: flex-start; gap: .5rem; }
    .blog-topic-nav a { padding: .58rem .8rem; font-size: .8rem; }
    .author-profile-card { grid-template-columns: 1fr; padding: 1.75rem; }
    .author-profile-monogram { width: 6rem; height: 6rem; }
    .blog-hero, .blog-post-hero { padding: 7rem 0 3.5rem; }
    .blog-list-section, .blog-post-container { padding-top: 3rem; padding-bottom: 3rem; }
    .blog-post-navigation { grid-template-columns: 1fr; margin-top: 3rem; }
    .blog-post-navigation-link.next:only-child { grid-column: auto; }
    .blog-post-navigation-link { grid-template-columns: 5.25rem minmax(0, 1fr); min-height: 0; padding: .85rem; }
    .blog-post-navigation-link img { width: 5.25rem; height: 5rem; }
    .error-page .navbar-collapse { padding: 1rem 1.2rem; border-radius: 12px; background: #465bc5; box-shadow: 0 15px 35px rgba(25,40,100,.25); }
    .site-error-section { min-height: 70vh; padding: 6rem 0 4rem; text-align: center; }
    .site-error-message { margin-right: auto; margin-left: auto; }
    .site-error-actions, .site-error-shortcuts { justify-content: center; }
    .site-error-shortcuts { margin-top: 3rem; }
    .privacy-hero { padding: 6.5rem 0 4rem; }
    .privacy-section { padding: 3rem 0 4rem; }
    .privacy-summary-card, .privacy-content, .privacy-toc { padding: 1.5rem; }
    .privacy-toc nav { grid-template-columns: 1fr; }
    .privacy-content { font-size: .94rem; }
    .privacy-content section + section { margin-top: 2.25rem; padding-top: 2.25rem; }
    .privacy-content h2 { font-size: 1.4rem; }
}

@media (prefers-reduced-motion: reduce) {
    .site-error-orbit { animation: none; }
}