:root{--ink:#071632;--muted:#536581;--blue:#0b63f6;--blue2:#216fff;--purple:#7538ff;--line:#dbe8fb;--soft:#f5f9ff;--card:#fff;--shadow:0 28px 80px rgba(19,74,153,.12),0 8px 22px rgba(10,38,85,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff;letter-spacing:-.02em}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(217,229,247,.72)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:30px;font-weight:800;letter-spacing:-.05em}.main-nav{display:flex;gap:38px;font-size:14px;font-weight:600}.main-nav a{color:#111b30}.main-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:18px}.login{font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:700;transition:.2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#0b67ff,#0755dd);color:#fff;box-shadow:0 14px 28px rgba(0,96,255,.18)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 20px 36px rgba(0,96,255,.22)}.btn-secondary{background:#fff;color:#075ee7;border-color:#d7e3f4}.btn-white{background:#fff;color:#075ee7;padding:18px 34px;border-radius:12px}.nav-actions .btn{padding:14px 22px}.btn-lg{height:58px;padding:0 34px;font-size:16px}.section-pad{padding:72px 0 72px}.section-tight{padding:44px 0}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 26%,#eef3ff 0,#fff 36%,#fff 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,107,215,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(40,107,215,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.hero-bg{position:absolute;border-radius:999px;filter:blur(8px);opacity:.7}.orb-one{right:120px;top:150px;width:460px;height:430px;background:linear-gradient(135deg,rgba(42,115,255,.18),rgba(132,73,255,.15))}.orb-two{right:0;top:280px;width:230px;height:230px;background:radial-gradient(circle,rgba(16,113,255,.16),transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:8px 14px;border-radius:999px;background:#f0f5ff;color:#075fee;border:1px solid #d8e6ff;font-size:13px;font-weight:800}.mini-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#075fee}.hero h1{font-size:clamp(48px,5vw,76px);line-height:.98;margin:0 0 24px;font-weight:800;letter-spacing:-.065em}.gradient-text{background:linear-gradient(90deg,#0b67ff 0%,#315df5 52%,#7b3ff2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:20px;line-height:1.65;color:#4b5d7a;margin:0 0 28px;max-width:590px;letter-spacing:-.025em}.trust-pills{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.pill{height:38px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid #d9e7fa;box-shadow:0 10px 26px rgba(22,75,150,.06);display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#1d2e4a}.pill-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f1ff,#fff);color:#0b63f6;border:1px solid #bbd5ff;font-size:14px}.pill-icon.template,.pill-icon.device{position:relative;border-radius:7px}.pill-icon.template:before{content:"";width:10px;height:12px;border:2px solid #0b63f6;border-radius:3px}.pill-icon.device:before{content:"";width:8px;height:14px;border:2px solid #0b63f6;border-radius:3px}.hero-actions{display:flex;gap:18px;margin-bottom:26px}.social-proof{display:flex;align-items:center;gap:14px;color:#5c6b82;font-size:14px}.avatars{display:flex}.avatars span{width:32px;height:32px;border-radius:50%;border:3px solid #fff;margin-left:-8px;background:linear-gradient(135deg,#ffd0b3,#7ea6ff)}.avatars span:first-child{margin-left:0}.avatars span:nth-child(2){background:linear-gradient(135deg,#f9b7c7,#ffd299)}.avatars span:nth-child(3){background:linear-gradient(135deg,#c8f2d7,#4087ff)}.avatars span:nth-child(4){background:linear-gradient(135deg,#ffd9ad,#17233d)}.stars{color:#ffae18;font-size:20px;letter-spacing:.04em}.hero-visual{position:relative;min-height:560px}.app-panel{position:absolute;right:72px;top:35px;width:650px;height:440px;border-radius:24px;background:#fff;display:grid;grid-template-columns:150px 1fr;box-shadow:0 38px 110px rgba(37,91,179,.18),0 8px 26px rgba(6,22,60,.08);border:1px solid #dde9fa;overflow:hidden;transform:perspective(900px) rotateY(-4deg) rotateX(1deg)}.app-sidebar{background:#0a1428;color:#dce8ff;padding:28px 20px}.app-logo{font-weight:800;margin-bottom:26px}.side-link{display:block;padding:11px 12px;border-radius:10px;margin-bottom:6px;font-size:12px;color:#dce8ff}.side-link.active{background:#0b63f6;color:#fff}.invoice-card{padding:34px 38px;background:linear-gradient(180deg,#fff,#fbfdff)}.invoice-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.invoice-head h3{font-size:28px;margin:0}.invoice-head span,.phone-mock h4 span{background:#dff8e8;color:#07964d;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:24px}.invoice-meta small{display:block;color:#70809a;font-size:11px;margin-bottom:4px}.invoice-meta b{display:block;font-size:13px;margin-bottom:6px}.invoice-meta p{font-size:12px;line-height:1.5;color:#52627d;margin:0}table{width:100%;border-collapse:collapse;font-size:12px}th{color:#394d70;text-align:left;padding:12px 0;border-bottom:1px solid #e7edf6}td{padding:14px 0;border-bottom:1px solid #edf2fa;color:#10203c}td:not(:first-child),th:not(:first-child){text-align:right}.invoice-total{display:flex;justify-content:flex-end;gap:32px;margin:22px 0 26px;font-size:14px}.invoice-total b{color:#075ee7;font-size:18px}.invoice-actions{display:flex;justify-content:flex-end;gap:14px}.invoice-actions button{height:44px;padding:0 24px;border-radius:9px;border:1px solid #dbe7f8;background:#fff;font-weight:800;color:#075ee7}.invoice-actions .send{background:#0b63f6;color:#fff;border-color:#0b63f6}.phone-mock{position:absolute;right:0;top:160px;width:170px;height:360px;border:8px solid #06132b;border-radius:34px;background:#fff;box-shadow:0 30px 70px rgba(9,33,86,.25);padding:42px 17px 16px;z-index:4}.notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:70px;height:20px;background:#06132b;border-radius:0 0 14px 14px}.phone-mock h4{font-size:20px;margin:0 0 18px;display:flex;justify-content:space-between}.phone-mock small{display:block;color:#70809a;font-size:10px}.phone-mock b,.phone-mock p{font-size:12px}.phone-total{margin-top:22px;text-align:right}.phone-total strong{display:block;color:#075ee7;font-size:17px}.phone-mock button{width:100%;height:40px;border:0;border-radius:8px;background:#0b63f6;color:#fff;font-weight:800;margin:18px 0 10px}.phone-mock a{display:block;text-align:center;font-size:11px}.metric{position:absolute;z-index:5;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid #dfeafa;border-radius:16px;box-shadow:var(--shadow);padding:16px}.metric strong{display:block;font-size:11px;color:#5d6c84}.metric b{display:block;font-size:18px;margin:4px 0;color:#071632}.metric em{display:block;font-style:normal;color:#00aa62;font-size:11px;font-weight:800}.metric-top{left:40px;top:24px;display:flex;gap:12px;align-items:center}.ring{width:44px;height:44px;border-radius:50%;background:conic-gradient(#5c44ff 0 84%,#e4ecff 0)}.metric-left{left:35px;top:250px;width:140px}.metric-left svg{width:100%;height:36px;margin-top:8px}.section-title{text-align:center;margin-bottom:32px}.section-title h2{font-size:30px;line-height:1.15;margin:0 0 10px;font-weight:800;letter-spacing:-.045em}.section-title p{margin:0;color:#5a6b86;font-size:16px}.feature-grid{display:grid;gap:18px}.feature-grid.six{grid-template-columns:repeat(6,1fr)}.feature-card{background:#fff;border:1px solid #e3edf9;border-radius:18px;padding:28px 24px;box-shadow:0 18px 50px rgba(32,78,141,.07)}.feature-card h3{font-size:16px;margin:22px 0 12px}.feature-card p{color:#52627d;line-height:1.65;font-size:13px;margin:0}.slick-icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 14px 30px rgba(20,70,150,.1)}.slick-icon svg,.step-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.purple{background:linear-gradient(135deg,#f0e7ff,#fff);color:#6b3dff}.green{background:linear-gradient(135deg,#ddfae9,#fff);color:#10a862}.violet{background:linear-gradient(135deg,#efe8ff,#fff);color:#6e42ff}.amber{background:linear-gradient(135deg,#fff0dc,#fff);color:#f28b14}.rose{background:linear-gradient(135deg,#ffe7ef,#fff);color:#ee3364}.blue{background:linear-gradient(135deg,#e5efff,#fff);color:#075ee7}.template-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.template-card{background:#fff;border:1px solid #e3edf9;border-radius:16px;padding:12px 12px 18px;text-align:center;box-shadow:0 14px 40px rgba(32,78,141,.06);transition:.2s}.template-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(32,78,141,.1)}.template-card img{width:100%;height:auto;display:block;border-radius:10px}.template-card b{display:block;margin-top:12px;font-size:14px}.center-link{text-align:center;margin-top:22px}.center-link a{color:#075ee7;font-weight:800}.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;position:relative}.steps-row:before{content:"";position:absolute;left:14%;right:14%;top:44px;border-top:2px dashed #cfe0f7}.step{text-align:center;position:relative}.step-icon{position:relative;z-index:1;margin:auto;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef4ff;border:3px solid #cddfff;color:#075ee7}.step-icon.green{background:#e8fbf0;border-color:#bdf0d3;color:#13a866}.step-icon.violet{background:#f0eaff;border-color:#d7c8ff;color:#7547ff}.step-icon.amber{background:#fff2df;border-color:#ffd7a0;color:#ee8b13}.step h3{font-size:16px;margin:18px 0 8px}.step p{font-size:13px;color:#5b6d87;line-height:1.6;margin:0}.stats-bar{margin-top:44px;background:linear-gradient(90deg,#f6faff,#fff,#f4f8ff);border:1px solid #e1ecfb;border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 16px 48px rgba(30,76,148,.07)}.stats-bar div{padding:28px 32px;display:grid;grid-template-columns:48px 1fr;column-gap:16px;align-items:center;border-right:1px solid #dbe6f5}.stats-bar div:last-child{border-right:0}.stats-bar b{font-size:28px;color:#075ee7;letter-spacing:-.05em}.stats-bar small{color:#52637e;font-weight:600}.stat-icon{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:#eef4ff;position:relative}.testimonial-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-row article{background:#fff;border:1px solid #e3edf9;border-radius:18px;padding:30px;box-shadow:0 16px 42px rgba(32,78,141,.06)}.testimonial-row article>span{font-size:58px;line-height:.6;color:#d6e0ef;font-weight:800}.testimonial-row p{font-size:14px;line-height:1.65;color:#233554}.testimonial-row img{width:42px;height:42px;border-radius:50%;float:left;margin-right:12px}.testimonial-row b,.testimonial-row small{display:block}.testimonial-row small{color:#62738f}.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.slider-dots span{width:10px;height:10px;border-radius:999px;background:#cbd9ec}.slider-dots .active{width:24px;background:#0b63f6}.bottom-area{padding:36px 0 0}.cta-banner{border-radius:18px;background:linear-gradient(135deg,#075fe7,#6930e9);color:#fff;padding:34px 44px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:26px;box-shadow:0 26px 70px rgba(36,80,213,.25)}.cta-banner h2{margin:0 0 8px;font-size:30px}.cta-banner p{margin:0 0 14px;color:#dbe7ff}.cta-banner ul{list-style:none;display:flex;gap:34px;padding:0;margin:0;color:#dbe7ff;font-weight:700;font-size:13px}.cta-banner li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#10c67a;border-radius:50%;margin-right:8px;color:#fff}.paper-plane{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.18);position:relative}.paper-plane:before{content:"";position:absolute;left:22px;top:22px;border-left:36px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;transform:rotate(-35deg);opacity:.9}.readmore-card{margin-top:24px;border:1px solid #dce8f8;border-radius:18px;background:linear-gradient(135deg,#fff,#f7fbff);padding:34px 42px;display:grid;grid-template-columns:1fr 210px;gap:28px;align-items:center}.readmore-card h2{margin:0 0 14px;font-size:22px}.readmore-card p{color:#2f425f;line-height:1.7;margin:0 0 14px}.readmore-card button{border:0;background:transparent;color:#075ee7;font-weight:800;padding:0;font-size:15px}.readmore-visual{height:140px;position:relative}.readmore-visual span{position:absolute;right:20px;top:20px;width:120px;height:100px;border-radius:16px;background:#fff;border:1px solid #dce8f8;box-shadow:var(--shadow)}.readmore-visual span:before{content:"";position:absolute;left:20px;right:20px;top:30px;height:8px;border-radius:99px;background:#cfddf2;box-shadow:0 24px 0 #cfddf2}.readmore-visual span:after{content:"";position:absolute;left:20px;bottom:22px;width:75px;height:30px;border-bottom:6px solid #0b63f6;border-radius:50%}.readmore-visual b{position:absolute;right:0;top:64px;width:50px;height:50px;border-radius:50%;background:#31c77d}.readmore-visual b:before{content:"✓";position:absolute;inset:0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px}.site-footer{margin-top:34px;padding:56px 0 28px;background:#fff;border-top:1px solid #e2ebf7}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:56px}.site-footer h2{margin:0 0 16px;font-size:28px}.site-footer h3{font-size:14px;margin:0 0 16px;font-weight:700;color:#071632}.site-footer p{color:#60708a;line-height:1.7;margin:0 0 22px}.site-footer a{display:block;margin-bottom:12px;color:#233c62;font-size:14px;font-weight:500}.social{display:flex;gap:14px}.social a{width:28px;height:28px;border-radius:50%;background:#eef4ff;display:flex;align-items:center;justify-content:center;margin:0}.footer-bottom{margin-top:44px;padding-top:24px;border-top:1px solid #e2ebf7;display:flex;justify-content:space-between;color:#71819a;font-size:13px}.footer-bottom nav{display:flex;gap:34px}.footer-bottom a{margin:0;color:#61738e}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:520px}.app-panel{left:0;right:auto}.feature-grid.six,.template-row{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.container{width:min(100% - 32px,1180px)}.main-nav{display:none}.hero h1{font-size:48px}.hero-actions,.trust-pills,.cta-banner ul{flex-direction:column}.app-panel{position:relative;width:100%;height:auto;grid-template-columns:1fr;transform:none}.app-sidebar{display:none}.phone-mock,.metric{display:none}.hero-visual{min-height:auto}.feature-grid.six,.template-row,.steps-row,.testimonial-row,.stats-bar{grid-template-columns:1fr}.steps-row:before{display:none}.cta-banner,.readmore-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom nav{margin-top:18px}}

/* v2 locked fixes: no header arrows, real portrait assets, finished stat icons, long SEO content */
.main-nav a span{display:none!important}
.avatars{display:flex;align-items:center}
.avatars img{width:34px;height:34px;border-radius:50%;border:3px solid #fff;margin-left:-9px;object-fit:cover;box-shadow:0 6px 14px rgba(8,28,70,.12)}
.avatars img:first-child{margin-left:0}
.stat-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef4ff,#fff);border:1px solid #dce8fb;box-shadow:0 12px 28px rgba(28,82,168,.08)}
.stat-icon svg{width:27px;height:27px;fill:none;stroke:#0b63f6;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.stat-icon.people{background:linear-gradient(135deg,#efe9ff,#fff)}
.stat-icon.people svg{stroke:#6d44ff}
.stat-icon.doc{background:linear-gradient(135deg,#e9f2ff,#fff)}
.stat-icon.shield{background:linear-gradient(135deg,#e5fbef,#fff)}
.stat-icon.shield svg{stroke:#12a86a}
.stat-icon.star{background:linear-gradient(135deg,#fff1dc,#fff)}
.stat-icon.star svg{stroke:#f49a16}
#moreText{margin-top:18px;max-width:980px}
#moreText p{margin:0 0 16px;color:#334765;line-height:1.78;font-size:15px;letter-spacing:-.01em}
#moreText a{color:#075ee7;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(7,94,231,.25)}
.site-footer{padding-top:68px;padding-bottom:38px}
.footer-grid{align-items:start;gap:60px}
.site-footer a{font-weight:400;line-height:1.45;margin-bottom:11px}
.site-footer h3{font-weight:600;margin-bottom:18px}
.footer-bottom{padding-top:28px;margin-top:52px}

/* v3 hero separation + punch-word headings */
.container{width:min(1320px,calc(100% - 72px));}
.hero-grid{grid-template-columns:.84fr 1.16fr;gap:88px;align-items:center;}
.hero-copy{position:relative;z-index:3;max-width:560px;}
.hero h1{font-size:clamp(52px,4.85vw,78px);line-height:.98;letter-spacing:-.07em;}
.hero-sub{max-width:520px;font-size:19px;line-height:1.55;}
.hero-visual{position:relative;z-index:1;transform:translateX(74px);min-height:560px;}
.app-panel{right:-12px;width:640px;}
.phone-mock{right:-86px;}
.metric-top{left:10px;}
.metric-left{left:8px;}

.steps .section-title h2{font-size:34px;}
@media(max-width:1280px){
  .hero-grid{grid-template-columns:.88fr 1.12fr;gap:64px;}
  .hero-visual{transform:translateX(44px);}
  .app-panel{width:610px;right:-8px;}
  .phone-mock{right:-62px;}
  .hero h1{font-size:clamp(50px,4.6vw,72px);}
}
@media(max-width:1050px){
  .container{width:min(100% - 40px,1180px)}
  .hero-grid{grid-template-columns:1fr;gap:42px;}
  .hero-copy{max-width:720px;}
  .hero-visual{transform:none;}
  .app-panel{left:0;right:auto;width:min(100%,650px);}
  .phone-mock{right:0;}
}

/* Final heading rule: gradient text is reserved for hero headlines only. */
.section-title .gradient-text,
.readmore-card .gradient-text,
.site-footer .gradient-text {
  background: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}


/* Added inner pages */
.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,#eef4ff 0,#fff 42%,#fff 100%);padding:76px 0 52px;border-bottom:1px solid #e5eefb}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,107,215,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(40,107,215,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.page-hero .container{position:relative;z-index:1}.breadcrumb{display:inline-flex;gap:8px;align-items:center;color:#60708a;font-size:13px;font-weight:700;margin-bottom:20px}.breadcrumb a{color:#075ee7}.page-hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1;margin:0 0 18px;font-weight:800;letter-spacing:-.065em;max-width:820px}.page-hero p{font-size:19px;line-height:1.6;color:#4f607b;max-width:760px;margin:0 0 28px}.hero-card-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.mini-card{background:#fff;border:1px solid #e1ebf8;border-radius:18px;padding:22px;box-shadow:0 18px 50px rgba(32,78,141,.07)}.mini-card b{display:block;margin-bottom:8px}.mini-card span{color:#5b6d87;font-size:14px;line-height:1.55}.page-section{padding:56px 0}.page-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px;align-items:start}.content-panel,.side-panel{background:#fff;border:1px solid #e2ebf7;border-radius:20px;box-shadow:0 18px 50px rgba(32,78,141,.06);padding:34px}.content-panel h2{font-size:30px;line-height:1.16;margin:0 0 14px;letter-spacing:-.045em}.content-panel h3{font-size:20px;margin:28px 0 10px}.content-panel p{color:#334765;line-height:1.75;margin:0 0 16px;letter-spacing:-.01em}.content-panel ul{margin:0 0 20px;padding-left:20px;color:#334765;line-height:1.8}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card{display:block;background:#fff;border:1px solid #e2ebf7;border-radius:18px;padding:24px;box-shadow:0 14px 40px rgba(32,78,141,.055);transition:.2s}.resource-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(32,78,141,.10)}.resource-card small{display:inline-flex;color:#075ee7;font-weight:800;margin-bottom:12px;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.resource-card b{display:block;font-size:18px;margin-bottom:10px}.resource-card span{display:block;color:#5b6d87;font-size:14px;line-height:1.6}.side-panel h3{margin:0 0 16px;font-size:18px}.side-panel a{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf2fa;color:#233c62;font-weight:600}.side-panel a:last-child{border-bottom:0}.side-panel a:after{content:"→";color:#075ee7}.page-cta{margin-top:34px;background:linear-gradient(135deg,#075fe7,#6930e9);border-radius:22px;padding:36px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.page-cta h2{margin:0 0 8px;font-size:28px}.page-cta p{margin:0;color:#dbe7ff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pricing-card{border:1px solid #e2ebf7;border-radius:22px;padding:30px;background:#fff;box-shadow:0 18px 50px rgba(32,78,141,.06)}.pricing-card.featured{border-color:#9dc3ff;box-shadow:0 26px 70px rgba(7,95,231,.13)}.price{font-size:42px;font-weight:800;color:#075ee7;margin:16px 0}.price small{font-size:14px;color:#60708a}.pricing-card ul{padding-left:18px;line-height:2;color:#334765}.blog-list{display:grid;gap:18px}.blog-list article{border:1px solid #e2ebf7;border-radius:18px;padding:24px;background:#fff;box-shadow:0 14px 40px rgba(32,78,141,.055)}
@media(max-width:900px){.page-grid,.resource-grid,.hero-card-strip,.pricing-grid{grid-template-columns:1fr}.page-cta{display:block}.page-cta .btn{margin-top:20px}}



/* ZINTEGO_HOME_UPGRADE_V1
   Mirrors the polished invoice-generator section system while preserving homepage header, hero, and footer.
*/
.home-final-page .home-upgrade-section{
  position:relative;
  padding:70px 0;
  overflow:hidden;
}

.home-final-page .home-upgrade-section--features,
.home-final-page .home-upgrade-section--steps{
  background:#ffffff;
}

.home-final-page .home-upgrade-section--templates,
.home-final-page .home-upgrade-section--testimonials{
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.055), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

.home-final-page .zg-home-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin:0 0 32px;
}

.home-final-page .zg-home-section-header--center{
  justify-content:center;
  text-align:center;
}

.home-final-page .zg-home-section-header--center > div{
  max-width:780px;
}

.home-final-page .zg-home-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:#1d4ed8;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-final-page .zg-home-eyebrow::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 0 5px rgba(37,99,235,.12);
}

.home-final-page .zg-home-section-header h2,
.home-final-page .zg-home-final-cta h2{
  max-width:760px;
  margin:0 0 10px;
  color:#021f4f;
  font-size:clamp(2rem,3.8vw,3.35rem);
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:900;
}

.home-final-page .zg-home-section-header p:not(.zg-home-eyebrow),
.home-final-page .zg-home-final-cta__copy > p:not(.zg-home-eyebrow){
  max-width:640px;
  margin:0;
  color:#496887;
  font-size:1.06rem;
  line-height:1.55;
}

.home-final-page .zg-home-top-cta,
.home-final-page .zg-home-final-cta__primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  color:#ffffff;
  background:linear-gradient(135deg,#1d4ed8 0%,#2672ff 100%);
  font-size:.95rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 14px 28px rgba(37,99,235,.24);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.home-final-page .zg-home-top-cta:hover,
.home-final-page .zg-home-final-cta__primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(37,99,235,.30);
}

.home-final-page .zg-home-card-grid,
.home-final-page .zg-home-template-grid,
.home-final-page .zg-home-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.home-final-page .zg-home-step-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.home-final-page .zg-home-feature-card,
.home-final-page .zg-home-template-card,
.home-final-page .zg-home-step-card,
.home-final-page .zg-home-testimonial-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid #dbe7f6;
  border-radius:22px;
  background:#ffffff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(15,23,42,.065);
  transition:transform .19s ease, box-shadow .19s ease, border-color .19s ease;
}

.home-final-page .zg-home-feature-card:hover,
.home-final-page .zg-home-template-card:hover,
.home-final-page .zg-home-testimonial-card:hover{
  transform:translateY(-4px);
  border-color:#bfd6fb;
  box-shadow:0 20px 48px rgba(15,23,42,.11);
}

.home-final-page .zg-home-feature-card:focus-visible,
.home-final-page .zg-home-template-card:focus-visible,
.home-final-page .zg-home-top-cta:focus-visible,
.home-final-page .zg-home-final-cta__primary:focus-visible,
.home-final-page .zg-home-final-cta__secondary:focus-visible{
  outline:4px solid rgba(37,99,235,.24);
  outline-offset:4px;
}

.home-final-page .zg-home-feature-card{
  padding:22px;
}

.home-final-page .zg-home-premium-icon{
  width:72px;
  height:72px;
  object-fit:contain;
  display:block;
  margin:0 0 18px;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0;
}

.home-final-page .zg-home-card-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}

.home-final-page .zg-home-card-title-row h3,
.home-final-page .zg-home-step-card h3,
.home-final-page .zg-home-testimonial-card h3{
  margin:0;
  color:#07346d;
  font-size:1.12rem;
  line-height:1.2;
  letter-spacing:-.018em;
  font-weight:900;
}

.home-final-page .zg-home-card-title-row span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  color:#1d4ed8;
  background:#eff6ff;
  font-size:.72rem;
  font-weight:850;
  white-space:nowrap;
}

.home-final-page .zg-home-feature-card p,
.home-final-page .zg-home-template-card p,
.home-final-page .zg-home-step-card p,
.home-final-page .zg-home-testimonial-card p{
  margin:0 0 15px;
  color:#5d728c;
  font-size:.93rem;
  line-height:1.45;
}

.home-final-page .zg-home-feature-card b{
  margin-top:auto;
  color:#2563eb;
  font-size:.9rem;
  font-weight:850;
}

.home-final-page .zg-home-template-card__stage{
  padding:16px 16px 8px;
  background:
    radial-gradient(circle at 50% 12%, rgba(37,99,235,.075), transparent 56%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%);
}

.home-final-page .zg-home-template-card__frame{
  aspect-ratio:5 / 5.35;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:17px;
  background:#ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.82),
    0 14px 30px rgba(15,23,42,.045);
}

.home-final-page .zg-home-template-card__frame picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}

.home-final-page .zg-home-template-card__frame img{
  display:block;
  width:92%;
  height:92%;
  max-width:92%;
  max-height:92%;
  object-fit:contain;
  object-position:center;
  transition:transform .22s ease;
}

.home-final-page .zg-home-template-card:hover .zg-home-template-card__frame img{
  transform:scale(1.022);
}

.home-final-page .zg-home-template-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:17px 19px 19px;
}

.home-final-page .zg-home-card-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:auto;
}

.home-final-page .zg-home-card-actions strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  color:#1d4ed8;
  background:#eff6ff;
  font-size:.9rem;
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
}

.home-final-page .zg-home-card-actions b{
  color:#2563eb;
  font-size:.9rem;
  font-weight:850;
  white-space:nowrap;
}

.home-final-page .zg-home-step-card{
  padding:22px;
}

.home-final-page .zg-home-step-card__number{
  position:absolute;
  top:18px;
  right:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  color:#1d4ed8;
  background:#eff6ff;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
}

.home-final-page .zg-home-testimonial-card{
  flex-direction:row;
  gap:16px;
  padding:22px;
}

.home-final-page .zg-home-testimonial-card img{
  flex:0 0 auto;
  width:68px;
  height:68px;
  border-radius:999px;
  object-fit:cover;
  box-shadow:0 12px 24px rgba(15,23,42,.12);
}

.home-final-page .zg-home-testimonial-card small{
  display:block;
  margin:4px 0 8px;
  color:#64748b;
  font-weight:700;
}

.home-final-page .zg-home-testimonial-card .stars{
  color:#f59e0b;
  letter-spacing:.05em;
  margin-bottom:8px;
}

.home-final-page .home-upgrade-section--final-cta{
  padding:76px 0 84px;
  background:
    radial-gradient(circle at 20% 0%, rgba(96,165,250,.22), transparent 32rem),
    linear-gradient(135deg,#06295b 0%,#0b3f82 52%,#0b63f6 100%);
}

.home-final-page .zg-home-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:36px;
  align-items:center;
  min-height:360px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:30px;
  padding:44px;
  background:rgba(255,255,255,.08);
  box-shadow:0 30px 80px rgba(2,18,48,.25);
}

.home-final-page .zg-home-final-cta .zg-home-eyebrow,
.home-final-page .zg-home-final-cta h2,
.home-final-page .zg-home-final-cta__copy > p{
  color:#ffffff;
}

.home-final-page .zg-home-final-cta .zg-home-eyebrow::before{
  box-shadow:0 0 0 5px rgba(255,255,255,.16);
}

.home-final-page .zg-home-final-cta__checks{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 26px;
}

.home-final-page .zg-home-final-cta__checks span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  color:#eaf3ff;
  background:rgba(255,255,255,.12);
  font-weight:700;
}

.home-final-page .zg-home-final-cta__checks b{
  color:#7dd3fc;
}

.home-final-page .zg-home-final-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.home-final-page .zg-home-final-cta__primary{
  background:#ffffff;
  color:#0b63f6;
  box-shadow:0 14px 34px rgba(2,18,48,.18);
}

.home-final-page .zg-home-final-cta__secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  color:#ffffff;
  font-weight:800;
  text-decoration:none;
}

.home-final-page .zg-home-final-cta__visual{
  display:flex;
  align-items:center;
  justify-content:center;
}

.home-final-page .zg-home-final-cta__visual img{
  display:block;
  max-width:100%;
  max-height:300px;
  object-fit:contain;
  filter:drop-shadow(0 24px 32px rgba(2,18,48,.28));
}

@media(max-width:1040px){
  .home-final-page .zg-home-section-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .home-final-page .zg-home-card-grid,
  .home-final-page .zg-home-template-grid,
  .home-final-page .zg-home-testimonial-grid,
  .home-final-page .zg-home-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-final-page .zg-home-final-cta{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .home-final-page .home-upgrade-section{
    padding:52px 0 58px;
  }

  .home-final-page .zg-home-section-header{
    margin-bottom:24px;
  }

  .home-final-page .zg-home-section-header h2,
  .home-final-page .zg-home-final-cta h2{
    font-size:clamp(2rem,10vw,2.65rem);
  }

  .home-final-page .zg-home-section-header p:not(.zg-home-eyebrow),
  .home-final-page .zg-home-final-cta__copy > p:not(.zg-home-eyebrow){
    font-size:1rem;
  }

  .home-final-page .zg-home-top-cta{
    width:100%;
  }

  .home-final-page .zg-home-card-grid,
  .home-final-page .zg-home-template-grid,
  .home-final-page .zg-home-step-grid,
  .home-final-page .zg-home-testimonial-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .home-final-page .zg-home-testimonial-card{
    flex-direction:column;
  }

  .home-final-page .zg-home-template-card__frame{
    aspect-ratio:5 / 5.15;
  }

  .home-final-page .zg-home-template-card__frame img{
    width:90%;
    height:90%;
    max-width:90%;
    max-height:90%;
  }

  .home-final-page .zg-home-final-cta{
    padding:28px;
    border-radius:24px;
  }

  .home-final-page .zg-home-final-cta__visual img{
    max-height:240px;
  }
}



/* ZINTEGO_HOME_TYPOGRAPHY_POLISH_V1
   Typography-only normalization for upgraded homepage sections.
   Header, hero, and footer remain untouched.
*/
.home-final-page .home-upgrade-section,
.home-final-page .home-upgrade-section *{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home-final-page .zg-home-section-header h2,
.home-final-page .zg-home-final-cta h2{
  font-size:clamp(2rem,3vw,2.75rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:850 !important;
}

.home-final-page .zg-home-section-header p:not(.zg-home-eyebrow),
.home-final-page .zg-home-final-cta__copy > p:not(.zg-home-eyebrow){
  font-size:1.02rem !important;
  line-height:1.6 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.home-final-page .zg-home-eyebrow{
  font-size:.78rem !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  font-weight:800 !important;
}

.home-final-page .zg-home-card-title-row h3,
.home-final-page .zg-home-step-card h3,
.home-final-page .zg-home-testimonial-card h3{
  font-size:1.08rem !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
  font-weight:850 !important;
}

.home-final-page .zg-home-feature-card p,
.home-final-page .zg-home-template-card p,
.home-final-page .zg-home-step-card p,
.home-final-page .zg-home-testimonial-card p{
  font-size:.94rem !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.home-final-page .zg-home-card-title-row span{
  font-size:.7rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:800 !important;
}

.home-final-page .zg-home-top-cta,
.home-final-page .zg-home-final-cta__primary,
.home-final-page .zg-home-final-cta__secondary,
.home-final-page .zg-home-card-actions strong,
.home-final-page .zg-home-card-actions b,
.home-final-page .zg-home-feature-card b{
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:800 !important;
}

.home-final-page .zg-home-testimonial-card small{
  font-size:.82rem !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
}

.home-final-page .zg-home-final-cta__checks span{
  font-size:.9rem !important;
  line-height:1.2 !important;
}

@media(max-width:680px){
  .home-final-page .zg-home-section-header h2,
  .home-final-page .zg-home-final-cta h2{
    font-size:clamp(1.85rem,8.5vw,2.35rem) !important;
    line-height:1.1 !important;
    letter-spacing:-.032em !important;
  }

  .home-final-page .zg-home-section-header p:not(.zg-home-eyebrow),
  .home-final-page .zg-home-final-cta__copy > p:not(.zg-home-eyebrow){
    font-size:.98rem !important;
    line-height:1.58 !important;
  }
}



/* ZINTEGO_HOME_TYPOGRAPHY_POLISH_V2
   Screenshot benchmark typography:
   large premium H2, larger section intro, strong card titles, readable card copy.
   Header, hero, and footer remain untouched.
*/
.home-final-page .home-upgrade-section,
.home-final-page .home-upgrade-section *{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.home-final-page .zg-home-section-header h2,
.home-final-page .zg-home-final-cta h2{
  font-size:clamp(2.6rem,4vw,3.75rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  color:#021f4f !important;
}

.home-final-page .zg-home-section-header p:not(.zg-home-eyebrow),
.home-final-page .zg-home-final-cta__copy > p:not(.zg-home-eyebrow){
  font-size:clamp(1.1rem,1.6vw,1.35rem) !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  color:#455f86 !important;
}

.home-final-page .zg-home-eyebrow{
  font-size:.82rem !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
}

.home-final-page .zg-home-card-title-row h3,
.home-final-page .zg-home-step-card h3,
.home-final-page .zg-home-testimonial-card h3{
  font-size:clamp(1.35rem,1.8vw,1.65rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
  color:#021f4f !important;
}

.home-final-page .zg-home-feature-card p,
.home-final-page .zg-home-template-card p,
.home-final-page .zg-home-step-card p,
.home-final-page .zg-home-testimonial-card p{
  font-size:clamp(1.05rem,1.3vw,1.22rem) !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  color:#405a82 !important;
}

.home-final-page .zg-home-card-title-row span{
  font-size:.76rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:850 !important;
}

.home-final-page .zg-home-top-cta,
.home-final-page .zg-home-final-cta__primary,
.home-final-page .zg-home-final-cta__secondary,
.home-final-page .zg-home-card-actions strong,
.home-final-page .zg-home-card-actions b,
.home-final-page .zg-home-feature-card b{
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.home-final-page .zg-home-feature-card,
.home-final-page .zg-home-step-card{
  padding:26px !important;
}

.home-final-page .zg-home-template-card__body{
  padding:22px 24px 24px !important;
}

.home-final-page .zg-home-testimonial-card{
  padding:26px !important;
}

.home-final-page .zg-home-testimonial-card small{
  font-size:.92rem !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
}

.home-final-page .zg-home-final-cta__checks span{
  font-size:1rem !important;
  line-height:1.2 !important;
}

@media(max-width:1040px){
  .home-final-page .zg-home-section-header h2,
  .home-final-page .zg-home-final-cta h2{
    font-size:clamp(2.3rem,5vw,3.25rem) !important;
  }
}

@media(max-width:680px){
  .home-final-page .zg-home-section-header h2,
  .home-final-page .zg-home-final-cta h2{
    font-size:clamp(2.05rem,9.5vw,2.75rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.048em !important;
  }

  .home-final-page .zg-home-section-header p:not(.zg-home-eyebrow),
  .home-final-page .zg-home-final-cta__copy > p:not(.zg-home-eyebrow){
    font-size:1.04rem !important;
    line-height:1.52 !important;
  }

  .home-final-page .zg-home-card-title-row h3,
  .home-final-page .zg-home-step-card h3,
  .home-final-page .zg-home-testimonial-card h3{
    font-size:1.35rem !important;
  }

  .home-final-page .zg-home-feature-card p,
  .home-final-page .zg-home-template-card p,
  .home-final-page .zg-home-step-card p,
  .home-final-page .zg-home-testimonial-card p{
    font-size:1.03rem !important;
  }
}



/* ZINTEGO_CARD_SYSTEM_FIX_V1
   Feature/benefit cards are informational panels, not action/template cards.
   This matches the approved ideal polish screenshot: icon → title → paragraph.
*/
.home-final-page .home-upgrade-section--features{
  padding-top:72px !important;
  padding-bottom:76px !important;
  background:#ffffff !important;
}

.home-final-page .home-upgrade-section--features .zg-home-section-header{
  justify-content:center !important;
  text-align:center !important;
  margin-bottom:34px !important;
}

.home-final-page .home-upgrade-section--features .zg-home-section-header > div{
  max-width:850px !important;
}

.home-final-page .zg-benefit-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
}

.home-final-page .zg-benefit-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:350px !important;
  padding:48px 46px 42px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 48px rgba(15,23,42,.06) !important;
  overflow:hidden !important;
}

.home-final-page .zg-benefit-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 18% 10%, rgba(37,99,235,.055), transparent 16rem) !important;
}

.home-final-page .zg-benefit-card__icon{
  position:relative !important;
  z-index:1 !important;
  width:96px !important;
  height:96px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 0 28px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.home-final-page .zg-benefit-card h3{
  position:relative !important;
  z-index:1 !important;
  max-width:420px !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:clamp(1.45rem,1.7vw,1.75rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.home-final-page .zg-benefit-card p{
  position:relative !important;
  z-index:1 !important;
  max-width:430px !important;
  margin:0 !important;
  color:#405a82 !important;
  font-size:clamp(1.08rem,1.35vw,1.25rem) !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.home-final-page .zg-benefit-card:hover{
  transform:none !important;
  border-color:#dbe7f6 !important;
  box-shadow:0 18px 48px rgba(15,23,42,.06) !important;
}

@media(max-width:1040px){
  .home-final-page .zg-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px !important;
  }
  .home-final-page .zg-benefit-card{
    padding:42px 38px 38px !important;
  }
}

@media(max-width:680px){
  .home-final-page .home-upgrade-section--features{
    padding-top:58px !important;
    padding-bottom:62px !important;
  }
  .home-final-page .zg-benefit-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .home-final-page .zg-benefit-card{
    min-height:auto !important;
    padding:34px 30px 32px !important;
  }
  .home-final-page .zg-benefit-card__icon{
    width:84px !important;
    height:84px !important;
    margin-bottom:24px !important;
  }
  .home-final-page .zg-benefit-card h3{
    font-size:1.45rem !important;
    line-height:1.16 !important;
  }
  .home-final-page .zg-benefit-card p{
    font-size:1.06rem !important;
    line-height:1.48 !important;
  }
}



/* ZINTEGO_HOME_IDEAL_STEPS_AND_CTA_V1
   Matches approved reference screenshots:
   - step/workflow cards: centered heading, numbered circles, premium icons, dotted connectors
   - bottom CTA: blue-purple gradient banner with two large CTA buttons
*/
.home-final-page .home-ideal-steps-section{
  padding:72px 0 82px !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.home-final-page .home-ideal-steps-header{
  max-width:1100px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.home-final-page .home-ideal-steps-header h2{
  margin:0 0 16px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(2.75rem,4.3vw,4rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.058em !important;
  font-weight:900 !important;
}

.home-final-page .home-ideal-steps-header p{
  margin:0 !important;
  color:#455f86 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.25rem,1.7vw,1.55rem) !important;
  line-height:1.45 !important;
  font-weight:450 !important;
}

.home-final-page .home-ideal-steps-grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:44px !important;
  align-items:stretch !important;
}

.home-final-page .home-ideal-step-card{
  position:relative !important;
  min-height:430px !important;
  padding:92px 42px 40px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  text-align:center !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
}

.home-final-page .home-ideal-step-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:radial-gradient(circle at 50% 0%, rgba(37,99,235,.075), transparent 14rem) !important;
}

.home-final-page .home-ideal-step-card:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:-44px !important;
  width:44px !important;
  border-top:4px dotted #9bc2ff !important;
  transform:translateY(-50%) !important;
  z-index:0 !important;
}

.home-final-page .home-ideal-step-number{
  position:absolute !important;
  top:-28px !important;
  left:50% !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:60px !important;
  height:60px !important;
  border-radius:999px !important;
  color:#ffffff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:1.55rem !important;
  font-weight:900 !important;
  transform:translateX(-50%) !important;
}

.home-final-page .home-ideal-step-card--blue .home-ideal-step-number{ background:#0b63f6 !important; }
.home-final-page .home-ideal-step-card--green .home-ideal-step-number{ background:#15b87a !important; }
.home-final-page .home-ideal-step-card--purple .home-ideal-step-number{ background:#7336e8 !important; }
.home-final-page .home-ideal-step-card--orange .home-ideal-step-number{ background:#ff7800 !important; }

.home-final-page .home-ideal-step-icon{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:138px !important;
  height:138px !important;
  object-fit:contain !important;
  margin:0 auto 42px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.home-final-page .home-ideal-step-card h3{
  position:relative !important;
  z-index:1 !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.55rem,1.9vw,1.95rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.045em !important;
  font-weight:900 !important;
}

.home-final-page .home-ideal-step-card p{
  position:relative !important;
  z-index:1 !important;
  max-width:290px !important;
  margin:0 auto !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.08rem,1.25vw,1.28rem) !important;
  line-height:1.45 !important;
  font-weight:450 !important;
}

.home-final-page .home-ideal-cta-section{
  padding:74px 0 88px !important;
  background:#ffffff !important;
}

.home-final-page .home-ideal-cta-banner{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(380px,.75fr) !important;
  gap:54px !important;
  align-items:center !important;
  min-height:380px !important;
  padding:76px 88px !important;
  border-radius:40px !important;
  background:linear-gradient(115deg,#0b63f6 0%,#2f7cf4 42%,#7b34f4 100%) !important;
  box-shadow:0 28px 72px rgba(37,99,235,.22) !important;
  overflow:hidden !important;
}

.home-final-page .home-ideal-cta-copy h2{
  max-width:760px !important;
  margin:0 0 24px !important;
  color:#ffffff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(2.6rem,4vw,4rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
}

.home-final-page .home-ideal-cta-copy p{
  margin:0 0 34px !important;
  color:rgba(255,255,255,.92) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.22rem,1.6vw,1.48rem) !important;
  line-height:1.45 !important;
  font-weight:450 !important;
}

.home-final-page .home-ideal-cta-checks{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:34px !important;
  color:#ffffff !important;
}

.home-final-page .home-ideal-cta-checks span{
  color:#ffffff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.05rem,1.25vw,1.25rem) !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}

.home-final-page .home-ideal-cta-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:26px !important;
}

.home-final-page .home-ideal-cta-primary,
.home-final-page .home-ideal-cta-secondary{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  min-height:104px !important;
  padding:0 36px !important;
  border-radius:22px !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.28rem,1.55vw,1.55rem) !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
  font-weight:900 !important;
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.home-final-page .home-ideal-cta-primary{
  color:#0b63f6 !important;
  background:#ffffff !important;
  box-shadow:0 18px 42px rgba(2,18,48,.14) !important;
}

.home-final-page .home-ideal-cta-secondary{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.30) !important;
}

.home-final-page .home-ideal-cta-primary:hover,
.home-final-page .home-ideal-cta-secondary:hover{
  transform:translateY(-2px) !important;
}

.home-final-page .home-ideal-cta-primary:focus-visible,
.home-final-page .home-ideal-cta-secondary:focus-visible{
  outline:4px solid rgba(255,255,255,.36) !important;
  outline-offset:4px !important;
}

@media(max-width:1180px){
  .home-final-page .home-ideal-steps-grid{
    gap:28px !important;
  }
  .home-final-page .home-ideal-step-card{
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .home-final-page .home-ideal-step-card:not(:last-child)::after{
    right:-28px !important;
    width:28px !important;
  }
}

@media(max-width:1040px){
  .home-final-page .home-ideal-steps-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:46px !important;
  }
  .home-final-page .home-ideal-step-card:not(:last-child)::after{
    display:none !important;
  }
  .home-final-page .home-ideal-cta-banner{
    grid-template-columns:1fr !important;
    padding:58px !important;
  }
}

@media(max-width:680px){
  .home-final-page .home-ideal-steps-section{
    padding:58px 0 66px !important;
  }
  .home-final-page .home-ideal-steps-header h2{
    font-size:clamp(2.1rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }
  .home-final-page .home-ideal-steps-header p{
    font-size:1.08rem !important;
  }
  .home-final-page .home-ideal-steps-grid{
    grid-template-columns:1fr !important;
    gap:46px !important;
  }
  .home-final-page .home-ideal-step-card{
    min-height:auto !important;
    padding:78px 28px 34px !important;
  }
  .home-final-page .home-ideal-step-icon{
    width:112px !important;
    height:112px !important;
    margin-bottom:30px !important;
  }
  .home-final-page .home-ideal-step-card h3{
    font-size:1.55rem !important;
  }
  .home-final-page .home-ideal-step-card p{
    font-size:1.04rem !important;
  }
  .home-final-page .home-ideal-cta-section{
    padding:58px 0 66px !important;
  }
  .home-final-page .home-ideal-cta-banner{
    min-height:auto !important;
    padding:38px 28px !important;
    border-radius:28px !important;
    gap:32px !important;
  }
  .home-final-page .home-ideal-cta-copy h2{
    font-size:clamp(2.05rem,10vw,2.8rem) !important;
    line-height:1.08 !important;
  }
  .home-final-page .home-ideal-cta-copy p{
    font-size:1.05rem !important;
    margin-bottom:24px !important;
  }
  .home-final-page .home-ideal-cta-checks{
    gap:12px 18px !important;
    flex-direction:column !important;
  }
  .home-final-page .home-ideal-cta-checks span{
    font-size:1rem !important;
  }
  .home-final-page .home-ideal-cta-actions{
    gap:14px !important;
  }
  .home-final-page .home-ideal-cta-primary,
  .home-final-page .home-ideal-cta-secondary{
    min-height:68px !important;
    border-radius:18px !important;
    font-size:1.06rem !important;
  }
}



/* ZINTEGO_HOME_MASTER_REBUILD_V1
   Brand-new homepage master sections below the preserved hero.
   Preserves header, hero banner, and footer.
   Reuses existing invoice-generator artwork/assets only.
*/
.home-final-page .zg-home-master-section,
.home-final-page .zg-home-master-cta-section{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:#ffffff;
  color:#021f4f;
  overflow:hidden;
}

.home-final-page .zg-home-master-section{
  padding:74px 0 82px;
}

.home-final-page .zg-home-master-section--benefits{
  padding-top:70px;
  padding-bottom:74px;
}

.home-final-page .zg-home-master-section--workflow{
  padding-top:72px;
  padding-bottom:82px;
}

.home-final-page .zg-home-master-section--templates{
  padding-top:74px;
  padding-bottom:84px;
}

.home-final-page .zg-home-master-section--industries{
  padding-top:74px;
  padding-bottom:70px;
}

.home-final-page .zg-home-master-section--shortcuts{
  padding-top:58px;
  padding-bottom:78px;
}

.home-final-page .zg-home-master-header{
  max-width:1180px;
  margin:0 auto 42px;
  text-align:center;
}

.home-final-page .zg-home-master-header h2{
  max-width:1120px;
  margin:0 auto 16px;
  color:#021f4f;
  font-size:clamp(2.75rem,4.3vw,4rem);
  line-height:1.04;
  letter-spacing:-.058em;
  font-weight:900;
  text-align:center;
  text-wrap:balance;
}

.home-final-page .zg-home-master-header p{
  max-width:860px;
  margin:0 auto;
  color:#455f86;
  font-size:clamp(1.22rem,1.65vw,1.48rem);
  line-height:1.46;
  font-weight:450;
  text-align:center;
  text-wrap:balance;
}

.home-final-page .zg-home-master-header--compact{
  margin-bottom:34px;
}

.home-final-page .zg-home-master-header--compact h2{
  max-width:1120px;
  font-size:clamp(2.35rem,3.5vw,3.25rem);
  line-height:1.06;
  letter-spacing:-.052em;
}

.home-final-page .zg-home-master-header--compact p{
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.5;
}

/* Benefit cards */
.home-final-page .zg-home-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

.home-final-page .zg-home-benefit-card{
  position:relative;
  min-height:350px;
  padding:48px 46px 42px;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 18px 48px rgba(15,23,42,.06);
  overflow:hidden;
}

.home-final-page .zg-home-benefit-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 10%, rgba(37,99,235,.055), transparent 16rem);
}

.home-final-page .zg-home-benefit-card__icon{
  position:relative;
  z-index:1;
  display:block;
  width:96px;
  height:96px;
  margin:0 0 28px;
  object-fit:contain;
  background:transparent;
}

.home-final-page .zg-home-benefit-card h2,
.home-final-page .zg-home-benefit-card h3{
  position:relative;
  z-index:1;
  margin:0 0 18px;
  color:#021f4f;
  font-size:clamp(1.45rem,1.7vw,1.75rem);
  line-height:1.15;
  letter-spacing:-.04em;
  font-weight:900;
}

.home-final-page .zg-home-benefit-card p{
  position:relative;
  z-index:1;
  max-width:430px;
  margin:0;
  color:#405a82;
  font-size:clamp(1.08rem,1.35vw,1.25rem);
  line-height:1.5;
  font-weight:450;
}

/* Workflow */
.home-final-page .zg-home-workflow-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:44px;
  align-items:stretch;
}

.home-final-page .zg-home-workflow-card{
  position:relative;
  min-height:430px;
  padding:92px 42px 40px;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#ffffff;
  text-align:center;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
}

.home-final-page .zg-home-workflow-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 0%, rgba(37,99,235,.075), transparent 14rem);
}

.home-final-page .zg-home-workflow-card:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  right:-44px;
  width:44px;
  border-top:4px dotted #9bc2ff;
  transform:translateY(-50%);
  z-index:0;
}

.home-final-page .zg-home-workflow-card__number{
  position:absolute;
  top:-28px;
  left:50%;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  border-radius:999px;
  color:#ffffff;
  font-size:1.55rem;
  font-weight:900;
  transform:translateX(-50%);
}

.home-final-page .zg-home-workflow-card--blue .zg-home-workflow-card__number{ background:#0b63f6; }
.home-final-page .zg-home-workflow-card--green .zg-home-workflow-card__number{ background:#15b87a; }
.home-final-page .zg-home-workflow-card--purple .zg-home-workflow-card__number{ background:#7336e8; }
.home-final-page .zg-home-workflow-card--orange .zg-home-workflow-card__number{ background:#ff7800; }

.home-final-page .zg-home-workflow-card__icon{
  position:relative;
  z-index:1;
  display:block;
  width:138px;
  height:138px;
  object-fit:contain;
  margin:0 auto 42px;
}

.home-final-page .zg-home-workflow-card h3{
  position:relative;
  z-index:1;
  margin:0 0 18px;
  color:#021f4f;
  font-size:clamp(1.55rem,1.9vw,1.95rem);
  line-height:1.12;
  letter-spacing:-.045em;
  font-weight:900;
}

.home-final-page .zg-home-workflow-card p{
  position:relative;
  z-index:1;
  max-width:290px;
  margin:0 auto;
  color:#405a82;
  font-size:clamp(1.08rem,1.25vw,1.28rem);
  line-height:1.45;
  font-weight:450;
}

/* Template showcase */
.home-final-page .zg-home-template-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}

.home-final-page .zg-home-template-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#ffffff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
  transition:transform .19s ease, border-color .19s ease, box-shadow .19s ease;
}

.home-final-page .zg-home-template-card:hover{
  transform:translateY(-4px);
  border-color:#bfd6fb;
  box-shadow:0 22px 58px rgba(15,23,42,.10);
}

.home-final-page .zg-home-template-card:focus-visible{
  outline:4px solid rgba(37,99,235,.24);
  outline-offset:4px;
}

.home-final-page .zg-home-template-card__media{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 18px 10px;
  background:radial-gradient(circle at 50% 10%, rgba(37,99,235,.08), transparent 54%), linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%);
}

.home-final-page .zg-home-template-card__media picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:5 / 5.35;
  overflow:hidden;
  border-radius:18px;
  background:#ffffff;
  box-shadow:inset 0 0 0 1px rgba(219,234,254,.84), 0 18px 36px rgba(15,23,42,.045);
}

.home-final-page .zg-home-template-card__media img{
  display:block;
  width:92%;
  height:92%;
  max-width:92%;
  max-height:92%;
  object-fit:contain;
  object-position:center;
  transition:transform .22s ease;
}

.home-final-page .zg-home-template-card:hover .zg-home-template-card__media img{
  transform:scale(1.022);
}

.home-final-page .zg-home-template-card__content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:22px 24px 24px;
}

.home-final-page .zg-home-template-card__content h3{
  margin:0 0 10px;
  color:#021f4f;
  font-size:clamp(1.34rem,1.45vw,1.54rem);
  line-height:1.14;
  letter-spacing:-.035em;
  font-weight:900;
}

.home-final-page .zg-home-template-card__content p{
  margin:0 0 20px;
  color:#405a82;
  font-size:clamp(.98rem,1.02vw,1.05rem);
  line-height:1.48;
  font-weight:450;
}

.home-final-page .zg-home-template-card__content span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:40px;
  margin-top:auto;
  padding:0 15px;
  border-radius:999px;
  color:#1d4ed8;
  background:#eff6ff;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
  font-size:.92rem;
  line-height:1;
  letter-spacing:-.005em;
  font-weight:850;
}

.home-final-page .zg-home-template-footer{
  display:flex;
  justify-content:center;
  margin-top:34px;
}

.home-final-page .zg-home-template-footer a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:50px;
  padding:0 22px;
  border-radius:999px;
  color:#ffffff;
  background:linear-gradient(135deg,#1d4ed8 0%,#2672ff 100%);
  box-shadow:0 14px 28px rgba(37,99,235,.24);
  font-size:.98rem;
  line-height:1;
  letter-spacing:-.005em;
  font-weight:850;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease;
}

.home-final-page .zg-home-template-footer a:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(37,99,235,.30);
}

/* Industries */
.home-final-page .zg-home-industry-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  max-width:1120px;
  margin:0 auto;
}

.home-final-page .zg-home-industry-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:220px;
  padding:32px 34px;
  border:1px solid #dbe7f6;
  border-radius:20px;
  background:#ffffff;
  color:inherit;
  text-align:center;
  text-decoration:none;
  box-shadow:0 16px 44px rgba(15,23,42,.045);
}

.home-final-page .zg-home-industry-card img{
  display:block;
  width:76px;
  height:76px;
  object-fit:contain;
  margin:0 0 20px;
}

.home-final-page .zg-home-industry-card h3{
  margin:0 0 10px;
  color:#021f4f;
  font-size:1.22rem;
  line-height:1.16;
  letter-spacing:-.035em;
  font-weight:900;
}

.home-final-page .zg-home-industry-card p{
  max-width:300px;
  margin:0;
  color:#405a82;
  font-size:.98rem;
  line-height:1.45;
}

/* Shortcuts */
.home-final-page .zg-home-shortcut-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  max-width:1120px;
  margin:0 auto;
}

.home-final-page .zg-home-shortcut-card{
  display:grid;
  grid-template-columns:74px 1fr auto;
  gap:18px;
  align-items:center;
  min-height:126px;
  padding:24px 28px;
  border:1px solid #dbe7f6;
  border-radius:18px;
  background:#ffffff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 14px 40px rgba(15,23,42,.04);
}

.home-final-page .zg-home-shortcut-card img{
  width:58px;
  height:58px;
  object-fit:contain;
}

.home-final-page .zg-home-shortcut-card strong{
  display:block;
  margin:0 0 7px;
  color:#021f4f;
  font-size:1.08rem;
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:900;
}

.home-final-page .zg-home-shortcut-card small{
  display:block;
  color:#405a82;
  font-size:.92rem;
  line-height:1.35;
}

.home-final-page .zg-home-shortcut-card b{
  color:#0b63f6;
  font-size:1.05rem;
}

/* Final CTA */
.home-final-page .zg-home-master-cta-section{
  padding:74px 0 88px;
  background:#ffffff;
}

.home-final-page .zg-home-master-cta{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(380px,.75fr);
  gap:54px;
  align-items:center;
  min-height:380px;
  padding:76px 88px;
  border-radius:40px;
  background:linear-gradient(115deg,#0b63f6 0%,#2f7cf4 42%,#7b34f4 100%);
  box-shadow:0 28px 72px rgba(37,99,235,.22);
  overflow:hidden;
}

.home-final-page .zg-home-master-cta__copy h2{
  max-width:760px;
  margin:0 0 24px;
  color:#ffffff;
  font-size:clamp(2.6rem,4vw,4rem);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:900;
}

.home-final-page .zg-home-master-cta__copy p{
  margin:0 0 34px;
  color:rgba(255,255,255,.92);
  font-size:clamp(1.22rem,1.6vw,1.48rem);
  line-height:1.45;
  font-weight:450;
}

.home-final-page .zg-home-master-cta__checks{
  display:flex;
  flex-wrap:wrap;
  gap:34px;
  color:#ffffff;
}

.home-final-page .zg-home-master-cta__checks span{
  color:#ffffff;
  font-size:clamp(1.05rem,1.25vw,1.25rem);
  line-height:1.2;
  font-weight:850;
}

.home-final-page .zg-home-master-cta__actions{
  display:flex;
  flex-direction:column;
  gap:26px;
}

.home-final-page .zg-home-master-cta__primary,
.home-final-page .zg-home-master-cta__secondary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:104px;
  padding:0 36px;
  border-radius:22px;
  font-size:clamp(1.28rem,1.55vw,1.55rem);
  line-height:1;
  letter-spacing:-.025em;
  font-weight:900;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.home-final-page .zg-home-master-cta__primary{
  color:#0b63f6;
  background:#ffffff;
  box-shadow:0 18px 42px rgba(2,18,48,.14);
}

.home-final-page .zg-home-master-cta__secondary{
  color:#ffffff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.30);
}

.home-final-page .zg-home-master-cta__primary:hover,
.home-final-page .zg-home-master-cta__secondary:hover{
  transform:translateY(-2px);
}

@media(max-width:1180px){
  .home-final-page .zg-home-workflow-grid{
    gap:28px;
  }
  .home-final-page .zg-home-workflow-card{
    padding-left:28px;
    padding-right:28px;
  }
  .home-final-page .zg-home-workflow-card:not(:last-child)::after{
    right:-28px;
    width:28px;
  }
}

@media(max-width:1040px){
  .home-final-page .zg-home-benefit-grid,
  .home-final-page .zg-home-template-grid,
  .home-final-page .zg-home-industry-grid,
  .home-final-page .zg-home-shortcut-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-final-page .zg-home-workflow-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:46px;
  }

  .home-final-page .zg-home-workflow-card:not(:last-child)::after{
    display:none;
  }

  .home-final-page .zg-home-master-cta{
    grid-template-columns:1fr;
    padding:58px;
  }
}

@media(max-width:680px){
  .home-final-page .zg-home-master-section{
    padding:58px 0 66px;
  }

  .home-final-page .zg-home-master-header{
    margin-bottom:30px;
  }

  .home-final-page .zg-home-master-header h2{
    font-size:clamp(2.08rem,10vw,2.9rem);
    line-height:1.08;
    letter-spacing:-.05em;
  }

  .home-final-page .zg-home-master-header p{
    font-size:1.06rem;
    line-height:1.52;
  }

  .home-final-page .zg-home-benefit-grid,
  .home-final-page .zg-home-template-grid,
  .home-final-page .zg-home-industry-grid,
  .home-final-page .zg-home-shortcut-grid,
  .home-final-page .zg-home-workflow-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .home-final-page .zg-home-benefit-card{
    min-height:auto;
    padding:34px 30px 32px;
  }

  .home-final-page .zg-home-benefit-card__icon{
    width:84px;
    height:84px;
    margin-bottom:24px;
  }

  .home-final-page .zg-home-benefit-card h2,
  .home-final-page .zg-home-benefit-card h3{
    font-size:1.45rem;
    line-height:1.16;
  }

  .home-final-page .zg-home-benefit-card p{
    font-size:1.06rem;
    line-height:1.48;
  }

  .home-final-page .zg-home-workflow-card{
    min-height:auto;
    padding:78px 28px 34px;
  }

  .home-final-page .zg-home-workflow-card__icon{
    width:112px;
    height:112px;
    margin-bottom:30px;
  }

  .home-final-page .zg-home-workflow-card h3{
    font-size:1.55rem;
  }

  .home-final-page .zg-home-workflow-card p{
    font-size:1.04rem;
  }

  .home-final-page .zg-home-template-card__media picture{
    aspect-ratio:5 / 5.15;
  }

  .home-final-page .zg-home-template-card__content{
    padding:22px;
  }

  .home-final-page .zg-home-template-card__content h3{
    font-size:1.36rem;
  }

  .home-final-page .zg-home-template-card__content p{
    font-size:1.02rem;
  }

  .home-final-page .zg-home-template-footer a{
    width:100%;
  }

  .home-final-page .zg-home-shortcut-card{
    grid-template-columns:64px 1fr auto;
    padding:22px;
  }

  .home-final-page .zg-home-master-cta-section{
    padding:58px 0 66px;
  }

  .home-final-page .zg-home-master-cta{
    min-height:auto;
    grid-template-columns:1fr;
    padding:38px 28px;
    border-radius:28px;
    gap:32px;
  }

  .home-final-page .zg-home-master-cta__copy h2{
    font-size:clamp(2.05rem,10vw,2.8rem);
    line-height:1.08;
  }

  .home-final-page .zg-home-master-cta__copy p{
    font-size:1.05rem;
    margin-bottom:24px;
  }

  .home-final-page .zg-home-master-cta__checks{
    gap:12px 18px;
    flex-direction:column;
  }

  .home-final-page .zg-home-master-cta__checks span{
    font-size:1rem;
  }

  .home-final-page .zg-home-master-cta__actions{
    gap:14px;
  }

  .home-final-page .zg-home-master-cta__primary,
  .home-final-page .zg-home-master-cta__secondary{
    min-height:68px;
    border-radius:18px;
    font-size:1.06rem;
  }
}



/* ZINTEGO_HOME_INVOICE_SECTION_MIRROR_V1
   Homepage below-hero sections mirror invoice-generator sections exactly.
   Header, hero, and footer stay outside this scoped wrapper.
*/
.home-final-page .zg-home-mirror{
  display:block;
  width:100%;
}

.home-final-page .zg-home-mirror .invoice-page:first-child{
  margin-top:0;
}

.home-final-page .zg-home-mirror .container{
  width:min(1180px, calc(100% - 48px));
  margin-inline:auto;
}

@media(max-width:680px){
  .home-final-page .zg-home-mirror .container{
    width:min(100% - 32px, 1180px);
  }
}



/* ZINTEGO_INVOICE_TEMPLATE_PAGE_UPGRADE_V1
   Page-specific polish for invoice-template/index.html.
   Uses zintego-master-sections.css blocks wherever possible.
*/
.zg-template-page-hero{
  padding:96px 0 74px;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.10), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  overflow:hidden;
}

.zg-template-page-hero__inner{
  max-width:1050px;
  margin:0 auto;
  text-align:center;
}

.zg-template-page-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 16px;
  color:#1d4ed8;
  font-size:.82rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.zg-template-page-hero__eyebrow::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 0 5px rgba(37,99,235,.12);
}

.zg-template-page-hero h1{
  margin:0 auto 20px;
  color:#021f4f;
  font-size:clamp(3rem,5vw,5.3rem);
  line-height:.98;
  letter-spacing:-.066em;
  font-weight:900;
  text-wrap:balance;
}

.zg-template-page-hero p:not(.zg-template-page-hero__eyebrow){
  max-width:790px;
  margin:0 auto;
  color:#455f86;
  font-size:clamp(1.15rem,1.65vw,1.42rem);
  line-height:1.52;
  font-weight:450;
}

.zg-template-page-hero__actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:30px;
  flex-wrap:wrap;
}

.zg-template-page-tabs{
  padding:22px 0;
  background:#ffffff;
}

.zg-template-page-tabs__nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.zg-template-page-tabs__nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid #dbe7f6;
  border-radius:999px;
  color:#07346d;
  background:#ffffff;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}

.zg-template-page-tabs__nav a.active{
  color:#ffffff;
  background:#0b63f6;
  border-color:#0b63f6;
}

.zg-template-page-shared .invoice-page:first-child{
  margin-top:0;
}

.zg-template-page-library{
  padding:76px 0 78px;
  background:#ffffff;
}

.zg-template-page-library__head{
  max-width:1080px;
  margin:0 auto 34px;
  text-align:center;
}

.zg-template-page-library__head h2{
  max-width:1000px;
  margin:0 auto 14px;
  color:#021f4f;
  font-size:clamp(2.35rem,3.5vw,3.25rem);
  line-height:1.06;
  letter-spacing:-.052em;
  font-weight:900;
}

.zg-template-page-library__head p{
  max-width:760px;
  margin:0 auto;
  color:#455f86;
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.5;
}

.zg-template-page-library__shell{
  max-width:1120px;
  margin:0 auto;
  padding:26px;
  border:1px solid #dbe7f6;
  border-radius:26px;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
  box-shadow:0 18px 54px rgba(15,23,42,.055);
}

.zg-template-page-library__search{
  width:100%;
  min-height:54px;
  margin:0 0 22px;
  padding:0 18px;
  border:1px solid #dbe7f6;
  border-radius:16px;
  color:#07346d;
  background:#ffffff;
  font:inherit;
  font-size:1rem;
  outline:none;
}

.zg-template-page-library__search:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

.zg-template-page-library__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.zg-template-page-library__grid a{
  display:flex;
  flex-direction:column;
  min-height:178px;
  padding:22px;
  border:1px solid #dbe7f6;
  border-radius:18px;
  color:inherit;
  background:#ffffff;
  text-decoration:none;
  box-shadow:0 12px 34px rgba(15,23,42,.04);
}

.zg-template-page-library__grid strong{
  margin:0 0 8px;
  color:#021f4f;
  font-size:1.12rem;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:900;
}

.zg-template-page-library__grid small{
  display:block;
  color:#405a82;
  font-size:.96rem;
  line-height:1.42;
}

.zg-template-page-library__grid span{
  margin-top:auto;
  color:#0b63f6;
  font-size:.92rem;
  font-weight:850;
}

@media(max-width:1040px){
  .zg-template-page-library__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .zg-template-page-hero{
    padding:70px 0 56px;
  }
  .zg-template-page-hero h1{
    font-size:clamp(2.4rem,12vw,3.35rem);
    line-height:1.03;
  }
  .zg-template-page-hero p:not(.zg-template-page-hero__eyebrow){
    font-size:1.04rem;
  }
  .zg-template-page-hero__actions{
    flex-direction:column;
  }
  .zg-template-page-hero__actions .btn{
    width:100%;
  }
  .zg-template-page-tabs__nav a{
    width:100%;
  }
  .zg-template-page-library{
    padding:58px 0 64px;
  }
  .zg-template-page-library__grid{
    grid-template-columns:1fr;
  }
  .zg-template-page-library__shell{
    padding:18px;
    border-radius:22px;
  }
}


/* FORMAT_SECTION_ARTWORK_INTEGRATION_V1 */
.zg-template-page-format .invoice-page__shortcut-card{
  grid-template-columns:94px minmax(0,1fr) 28px;
  gap:20px;
  min-height:132px;
}

.zg-template-page-format .invoice-page__premium-icon--shortcut{
  width:80px;
  height:80px;
}



/* FORMAT_SECTION_ICON_SIZE_FIX_V2
   Larger, tighter presentation for the generated format-section artwork.
*/
.zg-template-page-format .invoice-page__shortcut-card{
  grid-template-columns:118px minmax(0,1fr) 28px !important;
  gap:22px !important;
  min-height:150px !important;
  padding:26px 30px !important;
}

.zg-template-page-format .invoice-page__premium-icon--shortcut{
  width:104px !important;
  height:104px !important;
  object-fit:contain !important;
}

@media(max-width:680px){
  .zg-template-page-format .invoice-page__shortcut-card{
    grid-template-columns:90px minmax(0,1fr) 24px !important;
    min-height:132px !important;
    padding:22px !important;
  }

  .zg-template-page-format .invoice-page__premium-icon--shortcut{
    width:78px !important;
    height:78px !important;
  }
}



/* FORMAT_CARD_LAYOUT_POLISH_V3
   Approved layout for horizontal format shortcut cards with generated artwork.
   Uses a balanced 2-column layout, absolute arrow, and controlled text widths.
*/
.zg-template-page-format .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-template-page-format .invoice-page__premium-icon--shortcut{
  width:92px !important;
  height:92px !important;
  object-fit:contain !important;
  justify-self:start !important;
}

.zg-template-page-format .invoice-page__shortcut-card span{
  display:block !important;
  min-width:0 !important;
}

.zg-template-page-format .invoice-page__shortcut-card strong{
  display:block !important;
  max-width:310px !important;
  margin:0 0 10px !important;
  font-size:clamp(1.38rem,1.45vw,1.62rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.zg-template-page-format .invoice-page__shortcut-card small{
  display:block !important;
  max-width:330px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.12vw,1.18rem) !important;
  line-height:1.38 !important;
}

.zg-template-page-format .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#0b63f6 !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

@media(max-width:1040px){
  .zg-template-page-format .invoice-page__shortcut-card{
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:20px !important;
    padding:26px 60px 26px 28px !important;
  }

  .zg-template-page-format .invoice-page__premium-icon--shortcut{
    width:86px !important;
    height:86px !important;
  }
}

@media(max-width:680px){
  .zg-template-page-format .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-template-page-format .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
  }

  .zg-template-page-format .invoice-page__shortcut-card strong{
    max-width:none !important;
    font-size:1.2rem !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
  }

  .zg-template-page-format .invoice-page__shortcut-card small{
    max-width:none !important;
    font-size:.96rem !important;
    line-height:1.35 !important;
  }

  .zg-template-page-format .invoice-page__shortcut-card b{
    right:22px !important;
  }
}

/* HOME_TESTIMONIALS_SECTION_V2
   Contractor-focused testimonials for homepage, rebuilt with stronger layout constraints
   so the section stays stable inside the shared sitewide CSS system.
*/
.home-final-page .zg-home-testimonials{
  padding:72px 0 78px;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.045), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

.home-final-page .zg-home-testimonials__header{
  margin-bottom:38px;
}

.home-final-page .zg-home-testimonials__header h2{
  max-width:1180px;
  margin-inline:auto;
}

.home-final-page .zg-home-testimonials__header p{
  max-width:880px;
}

.home-final-page .zg-home-testimonial-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.home-final-page .zg-home-testimonial-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  min-width:0 !important;
  min-height:430px !important;
  padding:30px 30px 28px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  overflow:hidden !important;
}

.home-final-page .zg-home-testimonial-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 12%, rgba(37,99,235,.045), transparent 15rem);
}

.home-final-page .zg-home-testimonial-card__top{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
  margin:0 0 22px !important;
}

.home-final-page .zg-home-testimonial-card picture{
  display:block !important;
  width:112px !important;
  height:112px !important;
  min-width:112px !important;
  min-height:112px !important;
  max-width:112px !important;
  max-height:112px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  box-shadow:0 12px 30px rgba(15,23,42,.10) !important;
  background:#eaf3ff !important;
}

.home-final-page .zg-home-testimonial-card picture source{
  display:none !important;
}

.home-final-page .zg-home-testimonial-card img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:999px !important;
}

.home-final-page .zg-home-testimonial-card__stars{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  align-self:center !important;
  min-width:0 !important;
  color:#f4b322 !important;
  font-size:1.55rem !important;
  letter-spacing:.06em !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.home-final-page .zg-home-testimonial-card blockquote{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:148px !important;
  margin:0 !important;
  padding-right:10px !important;
  color:#061c45 !important;
  font-size:clamp(1.05rem,1.2vw,1.22rem) !important;
  line-height:1.58 !important;
  letter-spacing:-.02em !important;
  font-weight:500 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-wrap:pretty;
}

.home-final-page .zg-home-testimonial-card__quote{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:1 !important;
  display:block !important;
  margin:0 !important;
  color:#bfdbf7 !important;
  font-size:3.2rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-align:right !important;
}

.home-final-page .zg-home-testimonial-card__footer{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin-top:auto !important;
  padding-top:22px !important;
  border-top:1px solid #dbe7f6 !important;
}

.home-final-page .zg-home-testimonial-card__badge{
  display:grid !important;
  place-items:center !important;
  width:54px !important;
  height:54px !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
  color:#3a65a4 !important;
  background:#eef6ff !important;
}

.home-final-page .zg-home-testimonial-card__badge svg{
  width:29px !important;
  height:29px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.home-final-page .zg-home-testimonial-card__footer strong,
.home-final-page .zg-home-testimonial-card strong{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  color:#021f4f !important;
  font-size:1.08rem !important;
  line-height:1.18 !important;
  letter-spacing:-.03em !important;
  font-weight:900 !important;
}

.home-final-page .zg-home-testimonial-card__footer small,
.home-final-page .zg-home-testimonial-card small{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin-top:4px !important;
  color:#536d95 !important;
  font-size:.98rem !important;
  line-height:1.3 !important;
}

@media(max-width:1180px){
  .home-final-page .zg-home-testimonial-grid{
    grid-template-columns:1fr !important;
    max-width:760px !important;
    margin-inline:auto !important;
  }

  .home-final-page .zg-home-testimonial-card{
    min-height:auto !important;
  }
}

@media(max-width:680px){
  .home-final-page .zg-home-testimonials{
    padding:58px 0 64px;
  }

  .home-final-page .zg-home-testimonial-card{
    padding:24px 22px 24px !important;
  }

  .home-final-page .zg-home-testimonial-card__top{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:14px !important;
    margin-bottom:18px !important;
  }

  .home-final-page .zg-home-testimonial-card picture{
    width:88px !important;
    height:88px !important;
    min-width:88px !important;
    min-height:88px !important;
    max-width:88px !important;
    max-height:88px !important;
  }

  .home-final-page .zg-home-testimonial-card__stars{
    font-size:1.22rem !important;
    letter-spacing:.05em !important;
  }

  .home-final-page .zg-home-testimonial-card blockquote{
    min-height:auto !important;
    font-size:1rem !important;
    line-height:1.52 !important;
  }
}



/* RECEIPT_ESTIMATE_ASSET_REFRESH_V1
   Canonical asset mapping and layout for "Need a Receipt or Estimate Instead?"
   Uses versioned v2 artwork and fixes picture/srcset handling.
*/
.zg-template-page-related .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-template-page-related .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  justify-self:start !important;
}

.zg-template-page-related .zg-related-icon-picture img,
.zg-template-page-related .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.zg-template-page-related .invoice-page__shortcut-card span{
  display:block !important;
  min-width:0 !important;
}

.zg-template-page-related .invoice-page__shortcut-card strong{
  display:block !important;
  max-width:310px !important;
  margin:0 0 10px !important;
  font-size:clamp(1.38rem,1.45vw,1.62rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.zg-template-page-related .invoice-page__shortcut-card small{
  display:block !important;
  max-width:330px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.12vw,1.18rem) !important;
  line-height:1.38 !important;
}

.zg-template-page-related .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#0b63f6 !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

@media(max-width:1040px){
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:20px !important;
    padding:26px 60px 26px 28px !important;
  }

  .zg-template-page-related .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    min-height:86px !important;
    max-height:86px !important;
  }
}

@media(max-width:680px){
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-template-page-related .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-template-page-related .invoice-page__shortcut-card strong{
    max-width:none !important;
    font-size:1.2rem !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
  }

  .zg-template-page-related .invoice-page__shortcut-card small{
    max-width:none !important;
    font-size:.96rem !important;
    line-height:1.35 !important;
  }

  .zg-template-page-related .invoice-page__shortcut-card b{
    right:22px !important;
  }
}



/* RECEIPT_ESTIMATE_MASTER_BLOCK_GUARD_V1
   Sitewide master treatment for "Need a Receipt or Estimate Instead?"
   Supports homepage, invoice-generator, and invoice-template placements.
*/
.zg-template-page-related .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-template-page-related .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  justify-self:start !important;
}

.zg-template-page-related .zg-related-icon-picture img,
.zg-template-page-related .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.zg-template-page-related .invoice-page__shortcut-card span{
  display:block !important;
  min-width:0 !important;
}

.zg-template-page-related .invoice-page__shortcut-card strong{
  display:block !important;
  max-width:310px !important;
  margin:0 0 10px !important;
  font-size:clamp(1.38rem,1.45vw,1.62rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.zg-template-page-related .invoice-page__shortcut-card small{
  display:block !important;
  max-width:330px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.12vw,1.18rem) !important;
  line-height:1.38 !important;
}

.zg-template-page-related .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#0b63f6 !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

@media(max-width:1040px){
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:20px !important;
    padding:26px 60px 26px 28px !important;
  }

  .zg-template-page-related .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    min-height:86px !important;
    max-height:86px !important;
  }
}

@media(max-width:680px){
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-template-page-related .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-template-page-related .invoice-page__shortcut-card strong{
    max-width:none !important;
    font-size:1.2rem !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
  }

  .zg-template-page-related .invoice-page__shortcut-card small{
    max-width:none !important;
    font-size:.96rem !important;
    line-height:1.35 !important;
  }

  .zg-template-page-related .invoice-page__shortcut-card b{
    right:22px !important;
  }
}



/* RECEIPT_TEMPLATE_PAGE_UPGRADE_V1
   Receipt-template page upgraded using locked Zintego master blocks.
*/
.zg-receipt-template-shared .zg-template-showcase-card__media picture{
  background:#ffffff !important;
}

.zg-receipt-template-shared .zg-template-showcase-card__media img{
  object-fit:contain !important;
}

/* Reuse invoice-template library shell treatment for receipt use-case browsing */
.zg-template-page-library{
  padding:76px 0 78px;
  background:#ffffff;
}

.zg-template-page-library__head{
  max-width:1080px;
  margin:0 auto 34px;
  text-align:center;
}

.zg-template-page-library__head h2{
  max-width:1000px;
  margin:0 auto 14px;
  color:#021f4f;
  font-size:clamp(2.35rem,3.5vw,3.25rem);
  line-height:1.06;
  letter-spacing:-.052em;
  font-weight:900;
}

.zg-template-page-library__head p{
  max-width:760px;
  margin:0 auto;
  color:#455f86;
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.5;
}

.zg-template-page-library__shell{
  max-width:1120px;
  margin:0 auto;
  padding:26px;
  border:1px solid #dbe7f6;
  border-radius:26px;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
  box-shadow:0 18px 54px rgba(15,23,42,.055);
}

.zg-template-page-library__search{
  width:100%;
  min-height:54px;
  margin:0 0 22px;
  padding:0 18px;
  border:1px solid #dbe7f6;
  border-radius:16px;
  color:#07346d;
  background:#ffffff;
  font:inherit;
  font-size:1rem;
  outline:none;
}

.zg-template-page-library__search:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

.zg-template-page-library__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.zg-template-page-library__grid a{
  display:flex;
  flex-direction:column;
  min-height:178px;
  padding:22px;
  border:1px solid #dbe7f6;
  border-radius:18px;
  color:inherit;
  background:#ffffff;
  text-decoration:none;
  box-shadow:0 12px 34px rgba(15,23,42,.04);
}

.zg-template-page-library__grid strong{
  margin:0 0 8px;
  color:#021f4f;
  font-size:1.12rem;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:900;
}

.zg-template-page-library__grid small{
  display:block;
  color:#405a82;
  font-size:.96rem;
  line-height:1.42;
}

.zg-template-page-library__grid span{
  margin-top:auto;
  color:#0b63f6;
  font-size:.92rem;
  font-weight:850;
}

/* Master horizontal shortcut-card treatment for receipt page related/shortcut blocks */
.zg-receipt-template-popular .invoice-page__shortcut-card,
.zg-template-page-related .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-receipt-template-popular .zg-related-icon-picture,
.zg-template-page-related .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  justify-self:start !important;
}

.zg-receipt-template-popular .zg-related-icon-picture img,
.zg-template-page-related .zg-related-icon-picture img,
.zg-receipt-template-popular .invoice-page__premium-icon--shortcut,
.zg-template-page-related .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.zg-receipt-template-popular .invoice-page__shortcut-card span,
.zg-template-page-related .invoice-page__shortcut-card span{
  display:block !important;
  min-width:0 !important;
}

.zg-receipt-template-popular .invoice-page__shortcut-card strong,
.zg-template-page-related .invoice-page__shortcut-card strong{
  display:block !important;
  max-width:310px !important;
  margin:0 0 10px !important;
  font-size:clamp(1.38rem,1.45vw,1.62rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.zg-receipt-template-popular .invoice-page__shortcut-card small,
.zg-template-page-related .invoice-page__shortcut-card small{
  display:block !important;
  max-width:330px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.12vw,1.18rem) !important;
  line-height:1.38 !important;
}

.zg-receipt-template-popular .invoice-page__shortcut-card b,
.zg-template-page-related .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#0b63f6 !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

@media(max-width:1040px){
  .zg-template-page-library__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .zg-receipt-template-popular .invoice-page__shortcut-card,
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:20px !important;
    padding:26px 60px 26px 28px !important;
  }

  .zg-receipt-template-popular .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture,
  .zg-receipt-template-popular .zg-related-icon-picture img,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-receipt-template-popular .invoice-page__premium-icon--shortcut,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    min-height:86px !important;
    max-height:86px !important;
  }
}

@media(max-width:680px){
  .zg-template-page-library{
    padding:58px 0 64px;
  }

  .zg-template-page-library__grid{
    grid-template-columns:1fr;
  }

  .zg-template-page-library__shell{
    padding:18px;
    border-radius:22px;
  }

  .zg-receipt-template-popular .invoice-page__shortcut-card,
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-receipt-template-popular .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture,
  .zg-receipt-template-popular .zg-related-icon-picture img,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-receipt-template-popular .invoice-page__premium-icon--shortcut,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-receipt-template-popular .invoice-page__shortcut-card strong,
  .zg-template-page-related .invoice-page__shortcut-card strong{
    max-width:none !important;
    font-size:1.2rem !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
  }

  .zg-receipt-template-popular .invoice-page__shortcut-card small,
  .zg-template-page-related .invoice-page__shortcut-card small{
    max-width:none !important;
    font-size:.96rem !important;
    line-height:1.35 !important;
  }

  .zg-receipt-template-popular .invoice-page__shortcut-card b,
  .zg-template-page-related .invoice-page__shortcut-card b{
    right:22px !important;
  }
}


/* SITEWIDE_ICON_TRANSPARENCY_CLEANUP_V1 */
.zg-feature-card__icon,
.zg-feature-card__icon img,
.zg-step-card__icon,
.zg-step-card__icon img,
.zg-industry-card__icon,
.zg-industry-card__icon img,
.zg-shortcut-card__icon,
.zg-shortcut-card__icon img,
.zg-shortcut-card__art,
.zg-shortcut-card__art img,
.zg-format-card__icon,
.zg-format-card__icon img,
.zg-related-icon-picture,
.zg-related-icon-picture img,
.zg-related-card__icon,
.zg-related-card__icon img,
.zg-receipt-template-popular__icon,
.zg-receipt-template-popular__icon img,
.zg-template-page-related__icon,
.zg-template-page-related__icon img {
  background: transparent !important;
}



/* ESTIMATE_TEMPLATE_PAGE_UPGRADE_V1
   Estimate-template page upgraded using locked Zintego master blocks.
*/
.zg-estimate-template-shared .zg-template-showcase-card__media picture{
  background:#ffffff !important;
}

.zg-estimate-template-shared .zg-template-showcase-card__media img{
  object-fit:contain !important;
}

/* Reusable library shell treatment */
.zg-template-page-library{
  padding:76px 0 78px;
  background:#ffffff;
}

.zg-template-page-library__head{
  max-width:1080px;
  margin:0 auto 34px;
  text-align:center;
}

.zg-template-page-library__head h2{
  max-width:1000px;
  margin:0 auto 14px;
  color:#021f4f;
  font-size:clamp(2.35rem,3.5vw,3.25rem);
  line-height:1.06;
  letter-spacing:-.052em;
  font-weight:900;
}

.zg-template-page-library__head p{
  max-width:760px;
  margin:0 auto;
  color:#455f86;
  font-size:clamp(1rem,1.35vw,1.16rem);
  line-height:1.5;
}

.zg-template-page-library__shell{
  max-width:1120px;
  margin:0 auto;
  padding:26px;
  border:1px solid #dbe7f6;
  border-radius:26px;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
  box-shadow:0 18px 54px rgba(15,23,42,.055);
}

.zg-template-page-library__search{
  width:100%;
  min-height:54px;
  margin:0 0 22px;
  padding:0 18px;
  border:1px solid #dbe7f6;
  border-radius:16px;
  color:#07346d;
  background:#ffffff;
  font:inherit;
  font-size:1rem;
  outline:none;
}

.zg-template-page-library__search:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

.zg-template-page-library__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.zg-template-page-library__grid a{
  display:flex;
  flex-direction:column;
  min-height:178px;
  padding:22px;
  border:1px solid #dbe7f6;
  border-radius:18px;
  color:inherit;
  background:#ffffff;
  text-decoration:none;
  box-shadow:0 12px 34px rgba(15,23,42,.04);
}

.zg-template-page-library__grid strong{
  margin:0 0 8px;
  color:#021f4f;
  font-size:1.12rem;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:900;
}

.zg-template-page-library__grid small{
  display:block;
  color:#405a82;
  font-size:.96rem;
  line-height:1.42;
}

.zg-template-page-library__grid span{
  margin-top:auto;
  color:#0b63f6;
  font-size:.92rem;
  font-weight:850;
}

/* Master horizontal shortcut-card treatment for estimate page */
.zg-estimate-template-popular .invoice-page__shortcut-card,
.zg-template-page-related .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-estimate-template-popular .zg-related-icon-picture,
.zg-template-page-related .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  justify-self:start !important;
  background:transparent !important;
}

.zg-estimate-template-popular .zg-related-icon-picture img,
.zg-template-page-related .zg-related-icon-picture img,
.zg-estimate-template-popular .invoice-page__premium-icon--shortcut,
.zg-template-page-related .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.zg-estimate-template-popular .invoice-page__shortcut-card span,
.zg-template-page-related .invoice-page__shortcut-card span{
  display:block !important;
  min-width:0 !important;
}

.zg-estimate-template-popular .invoice-page__shortcut-card strong,
.zg-template-page-related .invoice-page__shortcut-card strong{
  display:block !important;
  max-width:310px !important;
  margin:0 0 10px !important;
  font-size:clamp(1.38rem,1.45vw,1.62rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.zg-estimate-template-popular .invoice-page__shortcut-card small,
.zg-template-page-related .invoice-page__shortcut-card small{
  display:block !important;
  max-width:330px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.12vw,1.18rem) !important;
  line-height:1.38 !important;
}

.zg-estimate-template-popular .invoice-page__shortcut-card b,
.zg-template-page-related .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#0b63f6 !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

@media(max-width:1040px){
  .zg-template-page-library__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .zg-estimate-template-popular .invoice-page__shortcut-card,
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:20px !important;
    padding:26px 60px 26px 28px !important;
  }

  .zg-estimate-template-popular .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture,
  .zg-estimate-template-popular .zg-related-icon-picture img,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-estimate-template-popular .invoice-page__premium-icon--shortcut,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    min-height:86px !important;
    max-height:86px !important;
  }
}

@media(max-width:680px){
  .zg-template-page-library{
    padding:58px 0 64px;
  }

  .zg-template-page-library__grid{
    grid-template-columns:1fr;
  }

  .zg-template-page-library__shell{
    padding:18px;
    border-radius:22px;
  }

  .zg-estimate-template-popular .invoice-page__shortcut-card,
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-estimate-template-popular .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture,
  .zg-estimate-template-popular .zg-related-icon-picture img,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-estimate-template-popular .invoice-page__premium-icon--shortcut,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-estimate-template-popular .invoice-page__shortcut-card strong,
  .zg-template-page-related .invoice-page__shortcut-card strong{
    max-width:none !important;
    font-size:1.2rem !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
  }

  .zg-estimate-template-popular .invoice-page__shortcut-card small,
  .zg-template-page-related .invoice-page__shortcut-card small{
    max-width:none !important;
    font-size:.96rem !important;
    line-height:1.35 !important;
  }

  .zg-estimate-template-popular .invoice-page__shortcut-card b,
  .zg-template-page-related .invoice-page__shortcut-card b{
    right:22px !important;
  }
}



/* FORMAT_SWITCHER_SYNC_V1
   Shared format switcher synchronized across invoice, receipt, and estimate template pages.
*/
.zg-format-switcher,
.template-format-switcher,
.page-format-switcher{
  padding:28px 0 8px;
}

.zg-format-switcher .container,
.template-format-switcher .container,
.page-format-switcher .container{
  display:flex;
  justify-content:center;
}

.zg-format-switcher__list,
.template-format-switcher__list,
.page-format-switcher__list{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  justify-content:center;
  align-items:center;
}

.zg-format-switcher__pill,
.template-format-switcher__pill,
.page-format-switcher__pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:0 30px;
  border:1px solid #d8e4f4;
  border-radius:999px;
  background:#ffffff;
  color:#06245a;
  text-decoration:none;
  font-size:1rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-.02em;
  box-shadow:none;
  transition:all .2s ease;
}

.zg-format-switcher__pill.is-active,
.template-format-switcher__pill.is-active,
.page-format-switcher__pill.is-active{
  background:#0b63f6;
  border-color:#0b63f6;
  color:#ffffff;
}

.zg-format-switcher__pill:not(.is-active):hover,
.template-format-switcher__pill:not(.is-active):hover,
.page-format-switcher__pill:not(.is-active):hover{
  border-color:#bfd3ef;
  color:#08346d;
  transform:translateY(-1px);
}

@media (max-width: 680px){
  .zg-format-switcher,
  .template-format-switcher,
  .page-format-switcher{
    padding:20px 0 4px;
  }

  .zg-format-switcher__list,
  .template-format-switcher__list,
  .page-format-switcher__list{
    gap:12px;
  }

  .zg-format-switcher__pill,
  .template-format-switcher__pill,
  .page-format-switcher__pill{
    min-height:54px;
    padding:0 22px;
    font-size:.96rem;
  }
}


/* FORMAT_SWITCHER_SIZE_MATCH_V3
   Keeps receipt/estimate switchers at the exact compact sizing of invoice-template.
*/
.zg-format-switcher{
  display:block !important;
  position:relative !important;
  z-index:2 !important;
}

.zg-format-switcher .is-active,
.zg-format-switcher .active{
  background:#0b63f6 !important;
  border-color:#0b63f6 !important;
  color:#ffffff !important;
}

.zg-format-switcher a{
  text-decoration:none !important;
}


/* FORMAT_SWITCHER_SPACING_FIX_V4
   Aligns invoice-template spacing after the pill switcher with receipt/estimate pages.
*/
body:has(.zg-template-page-tabs + .invoice-generator-v3) .zg-template-page-tabs{
  padding-bottom:14px !important;
}

body:has(.zg-template-page-tabs + .invoice-generator-v3) .zg-template-page-tabs + .invoice-generator-v3 .invoice-page:first-child,
body:has(.zg-template-page-tabs + .invoice-generator-v3) .zg-template-page-tabs + .invoice-generator-v3 .zg-template-showcase:first-child{
  padding-top:76px !important;
}

body:has(.zg-template-page-tabs + .invoice-generator-v3) .zg-template-tabs-spacer,
body:has(.zg-template-page-tabs + .invoice-generator-v3) .zg-template-page-tabs + .zg-template-tabs-spacer{
  display:none !important;
}

@media(max-width:680px){
  body:has(.zg-template-page-tabs + .invoice-generator-v3) .zg-template-page-tabs + .invoice-generator-v3 .invoice-page:first-child,
  body:has(.zg-template-page-tabs + .invoice-generator-v3) .zg-template-page-tabs + .invoice-generator-v3 .zg-template-showcase:first-child{
    padding-top:58px !important;
  }
}


/* FORMAT_SWITCHER_SPACING_FIX_V4_FALLBACK */
.page-invoice-template .zg-template-page-tabs{
  padding-bottom:14px !important;
}

.page-invoice-template .zg-template-page-tabs + .invoice-generator-v3 .invoice-page:first-child,
.page-invoice-template .zg-template-page-tabs + .invoice-generator-v3 .zg-template-showcase:first-child{
  padding-top:76px !important;
}

.page-invoice-template .zg-template-tabs-spacer,
.page-invoice-template .zg-template-page-tabs + .zg-template-tabs-spacer{
  display:none !important;
}

@media(max-width:680px){
  .page-invoice-template .zg-template-page-tabs + .invoice-generator-v3 .invoice-page:first-child,
  .page-invoice-template .zg-template-page-tabs + .invoice-generator-v3 .zg-template-showcase:first-child{
    padding-top:58px !important;
  }
}


/* ESTIMATE_ARTWORK_REFRESH_V2
   Dedicated transparent icon assets for Estimate Generator, Quote Generator, and Pricing.
*/
.zg-estimate-template-shared .zg-related-icon-picture,
.zg-estimate-template-shared .zg-related-icon-picture img,
.zg-estimate-template-popular .zg-related-icon-picture,
.zg-estimate-template-popular .zg-related-icon-picture img{
  background:transparent !important;
}

.zg-estimate-template-shared .zg-template-showcase-card__media picture,
.zg-estimate-template-shared .zg-template-showcase-card__media img{
  background:transparent !important;
}

.zg-estimate-template-shared .zg-template-showcase-card__media img{
  object-fit:contain !important;
}



/* QUOTE_GENERATOR_PAGE_UPGRADE_V1
   Quote-generator page upgraded using locked Zintego master blocks.
*/
.zg-quote-generator-shared .zg-template-showcase-card__media picture{
  background:#ffffff !important;
}

.zg-quote-generator-shared .zg-template-showcase-card__media img{
  object-fit:contain !important;
  background:transparent !important;
}

/* Master horizontal shortcut-card treatment for quote generator */
.zg-quote-generator-popular .invoice-page__shortcut-card,
.zg-template-page-related .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-quote-generator-popular .zg-related-icon-picture,
.zg-template-page-related .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  justify-self:start !important;
  background:transparent !important;
}

.zg-quote-generator-popular .zg-related-icon-picture img,
.zg-template-page-related .zg-related-icon-picture img,
.zg-quote-generator-popular .invoice-page__premium-icon--shortcut,
.zg-template-page-related .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.zg-quote-generator-popular .invoice-page__shortcut-card span,
.zg-template-page-related .invoice-page__shortcut-card span{
  display:block !important;
  min-width:0 !important;
}

.zg-quote-generator-popular .invoice-page__shortcut-card strong,
.zg-template-page-related .invoice-page__shortcut-card strong{
  display:block !important;
  max-width:310px !important;
  margin:0 0 10px !important;
  font-size:clamp(1.38rem,1.45vw,1.62rem) !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.zg-quote-generator-popular .invoice-page__shortcut-card small,
.zg-template-page-related .invoice-page__shortcut-card small{
  display:block !important;
  max-width:330px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.12vw,1.18rem) !important;
  line-height:1.38 !important;
}

.zg-quote-generator-popular .invoice-page__shortcut-card b,
.zg-template-page-related .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#0b63f6 !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

@media(max-width:1040px){
  .zg-quote-generator-popular .invoice-page__shortcut-card,
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:86px minmax(0,1fr) !important;
    gap:20px !important;
    padding:26px 60px 26px 28px !important;
  }

  .zg-quote-generator-popular .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture,
  .zg-quote-generator-popular .zg-related-icon-picture img,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-quote-generator-popular .invoice-page__premium-icon--shortcut,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    min-height:86px !important;
    max-height:86px !important;
  }
}

@media(max-width:680px){
  .zg-quote-generator-popular .invoice-page__shortcut-card,
  .zg-template-page-related .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-quote-generator-popular .zg-related-icon-picture,
  .zg-template-page-related .zg-related-icon-picture,
  .zg-quote-generator-popular .zg-related-icon-picture img,
  .zg-template-page-related .zg-related-icon-picture img,
  .zg-quote-generator-popular .invoice-page__premium-icon--shortcut,
  .zg-template-page-related .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-quote-generator-popular .invoice-page__shortcut-card strong,
  .zg-template-page-related .invoice-page__shortcut-card strong{
    max-width:none !important;
    font-size:1.2rem !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
  }

  .zg-quote-generator-popular .invoice-page__shortcut-card small,
  .zg-template-page-related .invoice-page__shortcut-card small{
    max-width:none !important;
    font-size:.96rem !important;
    line-height:1.35 !important;
  }

  .zg-quote-generator-popular .invoice-page__shortcut-card b,
  .zg-template-page-related .invoice-page__shortcut-card b{
    right:22px !important;
  }
}



/* PRICING_PAGE_UPGRADE_V1
   Pricing page using locked Zintego master visual system.
*/
.zg-pricing-section{
  padding:74px 0 82px;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.045), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

.zg-pricing-section__head{
  margin-bottom:36px !important;
}

.zg-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.zg-pricing-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:610px;
  padding:34px 32px 32px;
  border:1px solid #dbe7f6;
  border-radius:28px;
  background:#ffffff;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
  overflow:hidden;
}

.zg-pricing-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 12%, rgba(37,99,235,.045), transparent 15rem);
}

.zg-pricing-card--featured{
  border-color:#a9c7fb;
  box-shadow:0 24px 68px rgba(37,99,235,.12);
}

.zg-pricing-card--featured::before{
  background:radial-gradient(circle at 18% 12%, rgba(37,99,235,.10), transparent 15rem);
}

.zg-pricing-card__ribbon{
  position:absolute;
  top:24px;
  right:24px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  color:#ffffff;
  background:#0b63f6;
  font-size:.78rem;
  line-height:1;
  font-weight:850;
}

.zg-pricing-card__top,
.zg-pricing-card__price,
.zg-pricing-card ul,
.zg-pricing-card .btn{
  position:relative;
  z-index:1;
}

.zg-pricing-card__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  margin-bottom:18px;
  padding:0 12px;
  border-radius:999px;
  color:#1d4ed8;
  background:#eff6ff;
  font-size:.78rem;
  font-weight:850;
}

.zg-pricing-card h3{
  margin:0 0 12px;
  color:#021f4f;
  font-size:clamp(1.75rem,2vw,2.15rem);
  line-height:1.08;
  letter-spacing:-.05em;
  font-weight:900;
}

.zg-pricing-card p{
  min-height:70px;
  margin:0;
  color:#405a82;
  font-size:1.05rem;
  line-height:1.48;
}

.zg-pricing-card__price{
  display:flex;
  align-items:flex-end;
  gap:9px;
  margin:28px 0 22px;
  color:#021f4f;
}

.zg-pricing-card__price span{
  font-size:3.2rem;
  line-height:.9;
  letter-spacing:-.06em;
  font-weight:900;
}

.zg-pricing-card__price small{
  color:#536d95;
  font-size:1rem;
  line-height:1.2;
  font-weight:650;
}

.zg-pricing-card ul{
  display:grid;
  gap:13px;
  margin:0 0 30px;
  padding:0;
  list-style:none;
}

.zg-pricing-card li{
  position:relative;
  padding-left:30px;
  color:#304b70;
  font-size:1rem;
  line-height:1.42;
}

.zg-pricing-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:999px;
  color:#ffffff;
  background:#0b63f6;
  font-size:.72rem;
  font-weight:900;
}

.zg-pricing-card .btn{
  margin-top:auto;
  width:100%;
  min-height:58px;
}

.zg-pricing-shared .zg-related-icon-picture,
.zg-pricing-shared .zg-related-icon-picture img,
.zg-pricing-shortcuts .zg-related-icon-picture,
.zg-pricing-shortcuts .zg-related-icon-picture img{
  background:transparent !important;
}

.zg-pricing-shortcuts .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-pricing-shortcuts .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
}

.zg-pricing-shortcuts .zg-related-icon-picture img,
.zg-pricing-shortcuts .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
}

.zg-pricing-shortcuts .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

@media(max-width:1040px){
  .zg-pricing-grid{
    grid-template-columns:1fr;
    max-width:720px;
    margin-inline:auto;
  }

  .zg-pricing-card{
    min-height:auto;
  }

  .zg-pricing-card p{
    min-height:auto;
  }
}

@media(max-width:680px){
  .zg-pricing-section{
    padding:58px 0 64px;
  }

  .zg-pricing-card{
    padding:28px 24px;
    border-radius:24px;
  }

  .zg-pricing-card__price span{
    font-size:2.8rem;
  }

  .zg-pricing-shortcuts .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-pricing-shortcuts .zg-related-icon-picture,
  .zg-pricing-shortcuts .zg-related-icon-picture img,
  .zg-pricing-shortcuts .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-pricing-shortcuts .invoice-page__shortcut-card b{
    right:22px !important;
  }
}


/* PRICING_TESTIMONIALS_SWAP_V2
   Replaces pricing shortcut cards with the locked testimonial card system,
   adapted for pricing page and broad audience messaging.
*/
.zg-pricing-testimonials{
  padding:72px 0 78px;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.045), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

.zg-pricing-testimonials__header{
  margin-bottom:38px;
}

.zg-pricing-testimonials__header h2{
  max-width:1180px;
  margin-inline:auto;
}

.zg-pricing-testimonials__header p{
  max-width:880px;
}

.zg-pricing-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.zg-pricing-testimonial-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:430px;
  padding:30px 30px 28px;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
  overflow:hidden;
}

.zg-pricing-testimonial-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 12%, rgba(37,99,235,.045), transparent 15rem);
}

.zg-pricing-testimonial-card__top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin:0 0 22px;
}

.zg-pricing-testimonial-card picture{
  display:block;
  width:112px;
  height:112px;
  min-width:112px;
  min-height:112px;
  max-width:112px;
  max-height:112px;
  border-radius:999px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  background:#eaf3ff;
}

.zg-pricing-testimonial-card picture source{display:none;}

.zg-pricing-testimonial-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:999px;
}

.zg-pricing-testimonial-card__stars{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  align-self:center;
  min-width:0;
  color:#f4b322;
  font-size:1.55rem;
  letter-spacing:.06em;
  line-height:1;
  white-space:nowrap;
}

.zg-pricing-testimonial-card blockquote{
  position:relative;
  z-index:1;
  width:100%;
  min-height:148px;
  margin:0;
  padding-right:10px;
  color:#061c45;
  font-size:clamp(1.05rem,1.2vw,1.22rem);
  line-height:1.58;
  letter-spacing:-.02em;
  font-weight:500;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}

.zg-pricing-testimonial-card__quote{
  position:absolute;
  top:18px;
  right:18px;
  z-index:1;
  color:#bfdbf7;
  font-size:3.2rem;
  line-height:1;
  font-weight:900;
}

.zg-pricing-testimonial-card__footer{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid #dbe7f6;
}

.zg-pricing-testimonial-card__badge{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 auto;
  border-radius:999px;
  color:#3a65a4;
  background:#eef6ff;
}

.zg-pricing-testimonial-card__badge svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.zg-pricing-testimonial-card__footer strong,
.zg-pricing-testimonial-card strong{
  display:block;
  color:#021f4f;
  font-size:1.08rem;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:900;
}

.zg-pricing-testimonial-card__footer small,
.zg-pricing-testimonial-card small{
  display:block;
  margin-top:4px;
  color:#536d95;
  font-size:.98rem;
  line-height:1.3;
}

@media(max-width:1180px){
  .zg-pricing-testimonial-grid{
    grid-template-columns:1fr;
    max-width:760px;
    margin-inline:auto;
  }
  .zg-pricing-testimonial-card{min-height:auto;}
}

@media(max-width:680px){
  .zg-pricing-testimonials{padding:58px 0 64px;}
  .zg-pricing-testimonial-card{padding:24px 22px 24px;}
  .zg-pricing-testimonial-card__top{
    grid-template-columns:88px minmax(0,1fr);
    gap:14px;
    margin-bottom:18px;
  }
  .zg-pricing-testimonial-card picture{
    width:88px;height:88px;min-width:88px;min-height:88px;max-width:88px;max-height:88px;
  }
  .zg-pricing-testimonial-card__stars{font-size:1.22rem;letter-spacing:.05em;}
  .zg-pricing-testimonial-card blockquote{min-height:auto;font-size:1rem;line-height:1.52;}
}



/* PRICING_PLANS_TOGGLE_V3
   Updated pricing cards with monthly/yearly toggle and refined plan features.
*/
.zg-pricing-section--toggle{
  padding:74px 0 82px;
}

.zg-pricing-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  margin:0 auto 28px;
  padding:7px;
  border-radius:999px;
  background:#e6ebf3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}

.zg-pricing-toggle__note{
  margin:0 8px 0 12px;
  color:#6a7485;
  font-size:.92rem;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.zg-pricing-toggle__button{
  appearance:none;
  border:0;
  min-height:44px;
  padding:0 20px;
  border-radius:999px;
  color:#071632;
  background:transparent;
  font:inherit;
  font-size:1rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-.02em;
  cursor:pointer;
}

.zg-pricing-toggle__button.is-active{
  background:#ffffff;
  color:#071632;
  box-shadow:0 10px 24px rgba(15,23,42,.10);
}

.zg-pricing-grid{
  align-items:stretch;
}

.zg-pricing-card{
  border-radius:0 !important;
  border:1px solid #dbe7f6 !important;
  min-height:520px !important;
  padding:32px 28px 30px !important;
}

.zg-pricing-card--featured{
  border-color:#9fc1fb !important;
}

.zg-pricing-card h3{
  font-size:clamp(1.55rem,1.8vw,1.95rem) !important;
}

.zg-pricing-card p{
  min-height:auto !important;
}

.zg-pricing-card__price{
  margin:34px 0 12px !important;
}

.zg-pricing-card__price span{
  font-size:clamp(2.65rem,3.8vw,3.25rem) !important;
  letter-spacing:-.06em !important;
}

.zg-pricing-card__price small{
  color:#061c45 !important;
  font-size:1.24rem !important;
  font-weight:650 !important;
}

.zg-pricing-card__limit{
  min-height:0 !important;
  margin:0 0 24px !important;
  color:#304b70 !important;
  font-size:1rem !important;
  font-weight:800 !important;
}

.zg-pricing-card ul{
  margin-top:0 !important;
}

.zg-pricing-card .btn{
  border-radius:999px !important;
  min-height:66px !important;
  font-size:1rem !important;
}

.zg-pricing-card .btn-primary,
.zg-pricing-card .btn-secondary{
  background:#08c75b !important;
  color:#ffffff !important;
  border-color:#08c75b !important;
  box-shadow:0 16px 34px rgba(8,199,91,.18) !important;
}

.zg-pricing-card .btn-primary:hover,
.zg-pricing-card .btn-secondary:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 42px rgba(8,199,91,.24) !important;
}

@media(max-width:680px){
  .zg-pricing-toggle{
    width:100%;
    max-width:420px;
    gap:4px;
  }

  .zg-pricing-toggle__note{
    display:none;
  }

  .zg-pricing-toggle__button{
    flex:1;
    padding:0 12px;
    font-size:.94rem;
  }
}



/* PRICING_POLISH_CLEANUP_V4
   Pricing page cleanup: no hero CTAs, no billing toggle, approved Zintego buttons.
*/
body.pricing-page .z-simple-hero-actions{
  display:none !important;
}

.zg-pricing-toggle{
  display:none !important;
}

.zg-pricing-card{
  border-radius:28px !important;
  border:1px solid #dbe7f6 !important;
  min-height:560px !important;
  padding:34px 32px 32px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
}

.zg-pricing-card--featured{
  border-color:#a9c7fb !important;
  box-shadow:0 24px 68px rgba(37,99,235,.12) !important;
}

.zg-pricing-card .btn{
  border-radius:14px !important;
  min-height:58px !important;
  font-size:1rem !important;
}

.zg-pricing-card .btn-primary{
  background:linear-gradient(135deg,#0b67ff,#315df5 58%,#6d3df2) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:0 18px 36px rgba(37,99,235,.18) !important;
}

.zg-pricing-card .btn-secondary{
  background:#ffffff !important;
  color:#075ee7 !important;
  border-color:#d7e3f4 !important;
  box-shadow:0 12px 28px rgba(15,23,42,.035) !important;
}

.zg-pricing-card .btn-primary:hover,
.zg-pricing-card .btn-secondary:hover{
  transform:translateY(-1px) !important;
}

.zg-pricing-card .btn-primary:hover{
  box-shadow:0 22px 42px rgba(37,99,235,.24) !important;
}

.zg-pricing-card .btn-secondary:hover{
  border-color:#bcd0eb !important;
  box-shadow:0 18px 34px rgba(15,23,42,.06) !important;
}

.zg-pricing-card__price{
  margin:30px 0 12px !important;
}

.zg-pricing-card__price span{
  color:#021f4f !important;
}

.zg-pricing-card__price small{
  color:#536d95 !important;
  font-size:1.05rem !important;
}

@media(max-width:680px){
  .zg-pricing-card{
    min-height:auto !important;
    padding:28px 24px !important;
  }
}



/* PRICING_TOGGLE_POLISH_V5
   Compact premium billing toggle, no duplicate second heading, approved Zintego buttons.
*/
.zg-pricing-section--compact{
  padding:44px 0 82px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.045), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}

.zg-pricing-section--compact .invoice-page__section-title{
  display:none !important;
}

.zg-pricing-controls{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0 auto 34px;
  text-align:center;
}

.zg-pricing-controls__label{
  margin:0 0 12px;
  color:#405a82;
  font-size:1.05rem;
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.025em;
}

.zg-pricing-controls__hint{
  margin:10px 0 0;
  color:#6a7485;
  font-size:.94rem;
  line-height:1.35;
  font-weight:700;
}

.zg-pricing-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:auto !important;
  margin:0 !important;
  padding:6px !important;
  border:1px solid #d8e4f4 !important;
  border-radius:999px !important;
  background:#eef3fa !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 14px 32px rgba(15,23,42,.045) !important;
}

.zg-pricing-toggle__note{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  margin:0 4px 0 8px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  color:#0b63f6 !important;
  background:#ffffff !important;
  font-size:.86rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:0 8px 20px rgba(37,99,235,.08) !important;
}

.zg-pricing-toggle__button{
  appearance:none !important;
  border:0 !important;
  min-height:38px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  color:#06245a !important;
  background:transparent !important;
  font:inherit !important;
  font-size:.94rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
  cursor:pointer !important;
}

.zg-pricing-toggle__button.is-active{
  background:#0b63f6 !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(37,99,235,.20) !important;
}

.zg-pricing-section--compact .zg-pricing-card{
  border-radius:28px !important;
  border:1px solid #dbe7f6 !important;
  min-height:560px !important;
  padding:34px 32px 32px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
}

.zg-pricing-section--compact .zg-pricing-card--featured{
  border-color:#a9c7fb !important;
  box-shadow:0 24px 68px rgba(37,99,235,.12) !important;
}

.zg-pricing-section--compact .zg-pricing-card .btn{
  border-radius:14px !important;
  min-height:58px !important;
  font-size:1rem !important;
}

.zg-pricing-section--compact .zg-pricing-card .btn-primary{
  background:linear-gradient(135deg,#0b67ff,#315df5 58%,#6d3df2) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:0 18px 36px rgba(37,99,235,.18) !important;
}

.zg-pricing-section--compact .zg-pricing-card .btn-secondary{
  background:#ffffff !important;
  color:#075ee7 !important;
  border-color:#d7e3f4 !important;
  box-shadow:0 12px 28px rgba(15,23,42,.035) !important;
}

.zg-pricing-section--compact .zg-pricing-card .btn-primary:hover,
.zg-pricing-section--compact .zg-pricing-card .btn-secondary:hover{
  transform:translateY(-1px) !important;
}

.zg-pricing-section--compact .zg-pricing-card .btn-primary:hover{
  box-shadow:0 22px 42px rgba(37,99,235,.24) !important;
}

.zg-pricing-section--compact .zg-pricing-card .btn-secondary:hover{
  border-color:#bcd0eb !important;
  box-shadow:0 18px 34px rgba(15,23,42,.06) !important;
}

.zg-pricing-section--compact .zg-pricing-card__price{
  margin:30px 0 12px !important;
}

.zg-pricing-section--compact .zg-pricing-card__price span{
  color:#021f4f !important;
}

.zg-pricing-section--compact .zg-pricing-card__price small{
  color:#536d95 !important;
  font-size:1.05rem !important;
}

@media(max-width:680px){
  .zg-pricing-section--compact{
    padding:34px 0 64px !important;
  }

  .zg-pricing-toggle{
    max-width:100%;
    flex-wrap:wrap;
  }

  .zg-pricing-toggle__note{
    width:100%;
    margin:0 0 4px !important;
  }

  .zg-pricing-toggle__button{
    flex:1;
    min-width:130px;
  }

  .zg-pricing-section--compact .zg-pricing-card{
    min-height:auto !important;
    padding:28px 24px !important;
  }
}



/* ONLINE_INVOICE_MAKER_PAGE_UPGRADE_V1
   Online invoice maker feature page using locked Zintego master blocks.
*/
.zg-online-invoice-maker-shared .zg-related-icon-picture,
.zg-online-invoice-maker-shared .zg-related-icon-picture img,
.zg-online-invoice-maker-shortcuts .zg-related-icon-picture,
.zg-online-invoice-maker-shortcuts .zg-related-icon-picture img{
  background:transparent !important;
}

.zg-online-invoice-maker-shortcuts .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-online-invoice-maker-shortcuts .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
}

.zg-online-invoice-maker-shortcuts .zg-related-icon-picture img,
.zg-online-invoice-maker-shortcuts .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
}

.zg-online-invoice-maker-shortcuts .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.zg-feature-testimonials{
  padding:72px 0 78px;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.045), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

.zg-feature-testimonials__header{
  margin-bottom:38px;
}

.zg-feature-testimonials__header h2{
  max-width:1180px;
  margin-inline:auto;
}

.zg-feature-testimonials__header p{
  max-width:880px;
}

.zg-feature-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.zg-feature-testimonial-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:430px;
  padding:30px 30px 28px;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
  overflow:hidden;
}

.zg-feature-testimonial-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 12%, rgba(37,99,235,.045), transparent 15rem);
}

.zg-feature-testimonial-card__top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin:0 0 22px;
}

.zg-feature-testimonial-card picture{
  display:block;
  width:112px;
  height:112px;
  min-width:112px;
  min-height:112px;
  max-width:112px;
  max-height:112px;
  border-radius:999px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  background:#eaf3ff;
}

.zg-feature-testimonial-card picture source{
  display:none;
}

.zg-feature-testimonial-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:999px;
}

.zg-feature-testimonial-card__stars{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  align-self:center;
  color:#f4b322;
  font-size:1.55rem;
  letter-spacing:.06em;
  line-height:1;
  white-space:nowrap;
}

.zg-feature-testimonial-card blockquote{
  position:relative;
  z-index:1;
  width:100%;
  min-height:148px;
  margin:0;
  padding-right:10px;
  color:#061c45;
  font-size:clamp(1.05rem,1.2vw,1.22rem);
  line-height:1.58;
  letter-spacing:-.02em;
  font-weight:500;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}

.zg-feature-testimonial-card__quote{
  position:absolute;
  top:18px;
  right:18px;
  z-index:1;
  color:#bfdbf7;
  font-size:3.2rem;
  line-height:1;
  font-weight:900;
}

.zg-feature-testimonial-card__footer{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid #dbe7f6;
}

.zg-feature-testimonial-card__badge{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 auto;
  border-radius:999px;
  color:#3a65a4;
  background:#eef6ff;
}

.zg-feature-testimonial-card__badge svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.zg-feature-testimonial-card__footer strong,
.zg-feature-testimonial-card strong{
  display:block;
  color:#021f4f;
  font-size:1.08rem;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:900;
}

.zg-feature-testimonial-card__footer small,
.zg-feature-testimonial-card small{
  display:block;
  margin-top:4px;
  color:#536d95;
  font-size:.98rem;
  line-height:1.3;
}

@media(max-width:1180px){
  .zg-feature-testimonial-grid{
    grid-template-columns:1fr;
    max-width:760px;
    margin-inline:auto;
  }

  .zg-feature-testimonial-card{
    min-height:auto;
  }
}

@media(max-width:680px){
  .zg-online-invoice-maker-shortcuts .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-online-invoice-maker-shortcuts .zg-related-icon-picture,
  .zg-online-invoice-maker-shortcuts .zg-related-icon-picture img,
  .zg-online-invoice-maker-shortcuts .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-online-invoice-maker-shortcuts .invoice-page__shortcut-card b{
    right:22px !important;
  }

  .zg-feature-testimonials{
    padding:58px 0 64px;
  }

  .zg-feature-testimonial-card{
    padding:24px 22px 24px;
  }

  .zg-feature-testimonial-card__top{
    grid-template-columns:88px minmax(0,1fr);
    gap:14px;
    margin-bottom:18px;
  }

  .zg-feature-testimonial-card picture{
    width:88px;
    height:88px;
    min-width:88px;
    min-height:88px;
    max-width:88px;
    max-height:88px;
  }

  .zg-feature-testimonial-card__stars{
    font-size:1.22rem;
    letter-spacing:.05em;
  }

  .zg-feature-testimonial-card blockquote{
    min-height:auto;
    font-size:1rem;
    line-height:1.52;
  }
}



/* HERO_CTA_SCOPE_FIX_V1
   Hero CTA buttons should be hidden on pricing page only.
   Locked non-pricing pages keep their approved hero CTA buttons.
*/
body:not(.pricing-page) .z-simple-hero .z-simple-hero-actions{
  display:flex !important;
}
body.pricing-page .z-simple-hero .z-simple-hero-actions{
  display:none !important;
}



/* INVOICE_MOBILE_APP_PAGE_UPGRADE_V1
   Invoice mobile app feature page using locked Zintego master blocks.
*/
.zg-invoice-mobile-app-shared .zg-related-icon-picture,
.zg-invoice-mobile-app-shared .zg-related-icon-picture img,
.zg-invoice-mobile-app-shortcuts .zg-related-icon-picture,
.zg-invoice-mobile-app-shortcuts .zg-related-icon-picture img{
  background:transparent !important;
}

.zg-invoice-mobile-app-shortcuts .invoice-page__shortcut-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  min-height:150px !important;
  padding:28px 66px 28px 30px !important;
}

.zg-invoice-mobile-app-shortcuts .zg-related-icon-picture{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
}

.zg-invoice-mobile-app-shortcuts .zg-related-icon-picture img,
.zg-invoice-mobile-app-shortcuts .invoice-page__premium-icon--shortcut{
  display:block !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
}

.zg-invoice-mobile-app-shortcuts .invoice-page__shortcut-card b{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.zg-mobile-testimonials{
  padding:72px 0 78px;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.045), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

.zg-mobile-testimonials__header{
  margin-bottom:38px;
}

.zg-mobile-testimonials__header h2{
  max-width:1180px;
  margin-inline:auto;
}

.zg-mobile-testimonials__header p{
  max-width:880px;
}

.zg-mobile-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.zg-mobile-testimonial-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  min-height:430px;
  padding:30px 30px 28px;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
  overflow:hidden;
}

.zg-mobile-testimonial-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 12%, rgba(37,99,235,.045), transparent 15rem);
}

.zg-mobile-testimonial-card__top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin:0 0 22px;
}

.zg-mobile-testimonial-card picture{
  display:block;
  width:112px;
  height:112px;
  min-width:112px;
  min-height:112px;
  max-width:112px;
  max-height:112px;
  border-radius:999px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  background:#eaf3ff;
}

.zg-mobile-testimonial-card picture source{
  display:none;
}

.zg-mobile-testimonial-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:999px;
}

.zg-mobile-testimonial-card__stars{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  align-self:center;
  color:#f4b322;
  font-size:1.55rem;
  letter-spacing:.06em;
  line-height:1;
  white-space:nowrap;
}

.zg-mobile-testimonial-card blockquote{
  position:relative;
  z-index:1;
  width:100%;
  min-height:148px;
  margin:0;
  padding-right:10px;
  color:#061c45;
  font-size:clamp(1.05rem,1.2vw,1.22rem);
  line-height:1.58;
  letter-spacing:-.02em;
  font-weight:500;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:pretty;
}

.zg-mobile-testimonial-card__quote{
  position:absolute;
  top:18px;
  right:18px;
  z-index:1;
  color:#bfdbf7;
  font-size:3.2rem;
  line-height:1;
  font-weight:900;
}

.zg-mobile-testimonial-card__footer{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid #dbe7f6;
}

.zg-mobile-testimonial-card__badge{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 auto;
  border-radius:999px;
  color:#3a65a4;
  background:#eef6ff;
}

.zg-mobile-testimonial-card__badge svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.zg-mobile-testimonial-card__footer strong,
.zg-mobile-testimonial-card strong{
  display:block;
  color:#021f4f;
  font-size:1.08rem;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:900;
}

.zg-mobile-testimonial-card__footer small,
.zg-mobile-testimonial-card small{
  display:block;
  margin-top:4px;
  color:#536d95;
  font-size:.98rem;
  line-height:1.3;
}

@media(max-width:1180px){
  .zg-mobile-testimonial-grid{
    grid-template-columns:1fr;
    max-width:760px;
    margin-inline:auto;
  }

  .zg-mobile-testimonial-card{
    min-height:auto;
  }
}

@media(max-width:680px){
  .zg-invoice-mobile-app-shortcuts .invoice-page__shortcut-card{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:18px !important;
    min-height:126px !important;
    padding:22px 52px 22px 22px !important;
  }

  .zg-invoice-mobile-app-shortcuts .zg-related-icon-picture,
  .zg-invoice-mobile-app-shortcuts .zg-related-icon-picture img,
  .zg-invoice-mobile-app-shortcuts .invoice-page__premium-icon--shortcut{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .zg-invoice-mobile-app-shortcuts .invoice-page__shortcut-card b{
    right:22px !important;
  }

  .zg-mobile-testimonials{
    padding:58px 0 64px;
  }

  .zg-mobile-testimonial-card{
    padding:24px 22px 24px;
  }

  .zg-mobile-testimonial-card__top{
    grid-template-columns:88px minmax(0,1fr);
    gap:14px;
    margin-bottom:18px;
  }

  .zg-mobile-testimonial-card picture{
    width:88px;
    height:88px;
    min-width:88px;
    min-height:88px;
    max-width:88px;
    max-height:88px;
  }

  .zg-mobile-testimonial-card__stars{
    font-size:1.22rem;
    letter-spacing:.05em;
  }

  .zg-mobile-testimonial-card blockquote{
    min-height:auto;
    font-size:1rem;
    line-height:1.52;
  }
}


/* =========================================================
   Master header/footer update — mobile app dropdown + footer access
   ========================================================= */
.main-nav{align-items:center;}
.main-nav > a,
.main-nav .nav-dropdown__trigger{display:inline-flex;align-items:center;line-height:1.1;}
.nav-dropdown{position:relative;display:inline-flex;align-items:center;}
.nav-dropdown__trigger{gap:10px;color:#111b30;padding:10px 0;font-size:14px;font-weight:600;}
.nav-dropdown__trigger::after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;opacity:.72;margin-left:2px;}
.nav-dropdown__menu{position:absolute;top:calc(100% + 18px);left:50%;width:min(360px,calc(100vw - 40px));transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:60;}
.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.nav-dropdown__menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px;}
.nav-dropdown__panel{background:rgba(255,255,255,.98);backdrop-filter:blur(18px);border:1px solid #dbe7fa;border-radius:24px;padding:22px;box-shadow:0 32px 70px rgba(18,67,142,.18),0 10px 28px rgba(5,17,56,.08);}
.nav-dropdown__eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eef4ff;border:1px solid #d8e6ff;color:#0b63f6;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px;}
.nav-dropdown__title{display:block;margin:0 0 8px;font-size:22px;line-height:1.08;font-weight:800;letter-spacing:-.04em;color:#071632;}
.nav-dropdown__text{margin:0 0 16px;color:#566985;font-size:14px;line-height:1.6;}
.nav-dropdown__link{display:inline-flex;align-items:center;gap:8px;color:#0b63f6;font-size:14px;font-weight:800;margin-bottom:16px;}
.nav-dropdown__link span{font-size:16px;line-height:1;}
.nav-dropdown__badges{display:grid;gap:10px;}
.nav-dropdown__badges a{display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(9,29,66,.08);box-shadow:0 12px 28px rgba(9,33,86,.10);background:transparent;}
.nav-dropdown__badges img{display:block;width:100%;height:auto;}
.footer-apps{margin-top:18px;display:grid;gap:10px;max-width:240px;}
.footer-apps strong{font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#071632;}
.footer-apps a{display:block;margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(9,29,66,.08);box-shadow:0 12px 24px rgba(9,33,86,.08);}
.footer-apps img{display:block;width:100%;height:auto;}
@media (max-width:760px){
  .nav-dropdown{display:none;}
}



/* MOBILE_APP_BODY_REFINEMENT_V2
   Dedicated download strip for the Invoice Mobile App page.
*/
.zg-mobile-download-strip{
  padding:34px 0 18px;
  background:#ffffff;
}

.zg-mobile-download-strip__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:center;
  padding:28px 30px;
  border:1px solid #dbe7f6;
  border-radius:28px;
  background:
    radial-gradient(circle at 8% 12%, rgba(37,99,235,.07), transparent 18rem),
    linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
  box-shadow:0 18px 54px rgba(15,23,42,.055);
}

.zg-mobile-download-strip__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin:0 0 12px;
  padding:0 12px;
  border-radius:999px;
  color:#0b63f6;
  background:#eff6ff;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.zg-mobile-download-strip h2{
  margin:0 0 8px;
  color:#021f4f;
  font-size:clamp(1.85rem,2.5vw,2.55rem);
  line-height:1.06;
  letter-spacing:-.055em;
  font-weight:900;
}

.zg-mobile-download-strip p{
  max-width:620px;
  margin:0;
  color:#405a82;
  font-size:1.08rem;
  line-height:1.55;
}

.zg-mobile-download-strip__badges{
  display:grid;
  grid-template-columns:repeat(2,190px);
  gap:14px;
  align-items:center;
}

.zg-mobile-download-strip__badges a{
  display:block;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(9,29,66,.08);
  background:transparent;
  box-shadow:0 12px 28px rgba(9,33,86,.10);
}

.zg-mobile-download-strip__badges img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:960px){
  .zg-mobile-download-strip__inner{
    grid-template-columns:1fr;
    text-align:center;
  }

  .zg-mobile-download-strip p{
    margin-inline:auto;
  }

  .zg-mobile-download-strip__badges{
    justify-content:center;
  }
}

@media(max-width:520px){
  .zg-mobile-download-strip__inner{
    padding:24px 22px;
  }

  .zg-mobile-download-strip__badges{
    grid-template-columns:1fr;
    width:min(260px,100%);
    margin-inline:auto;
  }
}


/* =========================================================
   Master header/footer refinement v2
   Smaller mobile app dropdown + tighter organized footer
   ========================================================= */
.nav-dropdown__menu{top:calc(100% + 12px);width:min(312px,calc(100vw - 40px));}
.nav-dropdown__panel{padding:18px 18px 16px;border-radius:20px;box-shadow:0 24px 56px rgba(18,67,142,.16),0 8px 22px rgba(5,17,56,.07);}
.nav-dropdown__eyebrow{padding:6px 10px;margin-bottom:10px;font-size:10px;}
.nav-dropdown__title{margin:0 0 6px;font-size:18px;line-height:1.12;letter-spacing:-.035em;}
.nav-dropdown__text{margin:0 0 12px;font-size:13px;line-height:1.52;}
.nav-dropdown__link{margin-bottom:12px;font-size:13px;}
.nav-dropdown__badges{gap:8px;}
.nav-dropdown__badges a{border-radius:12px;box-shadow:0 8px 18px rgba(9,33,86,.08);}

.site-footer{margin-top:30px;padding:44px 0 22px;}
.footer-grid{grid-template-columns:1.15fr repeat(4,minmax(0,1fr));gap:40px;align-items:start;}
.site-footer h2{margin:0 0 8px;font-size:26px;}
.site-footer h3{margin:0 0 14px;font-size:13px;}
.site-footer .footer-grid > div:first-child p{display:none;}
.site-footer a{margin-bottom:10px;font-size:14px;line-height:1.35;}
.footer-apps{margin-top:6px;gap:8px;max-width:184px;}
.footer-apps strong{font-size:11px;}
.footer-apps a{max-width:176px;border-radius:12px;box-shadow:0 8px 18px rgba(9,33,86,.08);}
.footer-bottom{margin-top:28px;padding-top:16px;}

@media (max-width:1050px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px 34px;}
  .footer-apps{max-width:170px;}
}

@media (max-width:760px){
  .site-footer{padding:36px 0 20px;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .footer-apps{max-width:180px;}
}


/* =========================================================
   Master mobile app strip + footer cleanup v3
   ========================================================= */
.nav-dropdown__link{display:none !important;}
.footer-bottom{justify-content:flex-start;gap:0;}
.footer-bottom nav{display:none !important;}

.zg-mobile-download-strip{padding:34px 0 10px;}
.zg-mobile-download-strip + .site-footer{margin-top:22px;}

@media (max-width:760px){
  .zg-mobile-download-strip{padding:26px 0 4px;}
}



/* MOBILE_STRIP_SPACING_NORMALIZED_V5
   Mobile app strip placement/spacing normalized after the hero across main marketing pages.
*/
.has-mobile-strip-after-hero .zg-mobile-download-strip{
  padding:30px 0 28px !important;
  background:#ffffff !important;
}

.has-mobile-strip-after-hero .z-simple-hero + .zg-mobile-download-strip,
.has-mobile-strip-after-hero .home-hero-final + .zg-mobile-download-strip{
  margin-top:0 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip + .invoice-generator-v3,
.has-mobile-strip-after-hero .zg-mobile-download-strip + .zg-pricing-section,
.has-mobile-strip-after-hero .zg-mobile-download-strip + .final-page-section,
.has-mobile-strip-after-hero .zg-mobile-download-strip + section,
.has-mobile-strip-after-hero .zg-mobile-download-strip + div{
  margin-top:0 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__inner{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:34px !important;
  align-items:center !important;
  min-height:188px !important;
  padding:28px 30px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(37,99,235,.07), transparent 18rem),
    linear-gradient(180deg,#fbfdff 0%,#ffffff 100%) !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__copy{
  min-width:0 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  margin:0 0 12px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  color:#0b63f6 !important;
  background:#eff6ff !important;
  font-size:.78rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip h2{
  margin:0 0 8px !important;
  color:#021f4f !important;
  font-size:clamp(1.85rem,2.5vw,2.55rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip p{
  max-width:620px !important;
  margin:0 !important;
  color:#405a82 !important;
  font-size:1.08rem !important;
  line-height:1.55 !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__badges{
  display:grid !important;
  grid-template-columns:repeat(2,190px) !important;
  gap:14px !important;
  align-items:center !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__badges a{
  display:block !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(9,29,66,.08) !important;
  background:transparent !important;
  box-shadow:0 12px 28px rgba(9,33,86,.10) !important;
}

.has-mobile-strip-after-hero .zg-mobile-download-strip__badges img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

@media(max-width:960px){
  .has-mobile-strip-after-hero .zg-mobile-download-strip__inner{
    grid-template-columns:1fr !important;
    text-align:center !important;
    gap:24px !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip p{
    margin-inline:auto !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip__badges{
    justify-content:center !important;
  }
}

@media(max-width:520px){
  .has-mobile-strip-after-hero .zg-mobile-download-strip{
    padding:24px 0 22px !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip__inner{
    min-height:0 !important;
    padding:24px 22px !important;
  }

  .has-mobile-strip-after-hero .zg-mobile-download-strip__badges{
    grid-template-columns:1fr !important;
    width:min(260px,100%) !important;
    margin-inline:auto !important;
  }
}



/* BLOG_EDITORIAL_HUB_V1
   Blog main page as an editorial content hub, using locked sitewide header/footer.
*/
.z-blog-hub{
  background:#fff;
}

.z-blog-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  color:#0b63f6;
  background:#eff6ff;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.z-blog-hero{
  padding:76px 0 48px;
  background:
    radial-gradient(circle at 22% 20%, rgba(37,99,235,.08), transparent 26rem),
    radial-gradient(circle at 88% 18%, rgba(109,61,242,.07), transparent 24rem),
    linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
}

.z-blog-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(430px,1fr);
  gap:44px;
  align-items:center;
}

.z-blog-hero__copy h1{
  max-width:760px;
  margin:18px 0 18px;
  color:#021f4f;
  font-size:clamp(3.1rem,5vw,5.3rem);
  line-height:.96;
  letter-spacing:-.074em;
  font-weight:900;
}

.z-blog-hero__copy p{
  max-width:660px;
  margin:0 0 26px;
  color:#405a82;
  font-size:clamp(1.08rem,1.5vw,1.32rem);
  line-height:1.58;
}

.z-blog-search{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  max-width:660px;
  min-height:66px;
  padding:8px 8px 8px 20px;
  border:1px solid #dbe7f6;
  border-radius:999px;
  background:#fff;
  box-shadow:0 18px 54px rgba(15,23,42,.07);
}

.z-blog-search span{
  color:#0b63f6;
  font-size:1.35rem;
  font-weight:900;
}

.z-blog-search input{
  width:100%;
  border:0;
  outline:0;
  color:#071632;
  background:transparent;
  font:inherit;
  font-size:1rem;
}

.z-blog-search button{
  min-height:50px;
  padding:0 22px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#0b67ff,#315df5 58%,#6d3df2);
  font:inherit;
  font-weight:850;
  cursor:pointer;
}

.z-blog-featured{
  display:grid;
  grid-template-columns:1fr;
  overflow:hidden;
  border:1px solid #dbe7f6;
  border-radius:30px;
  color:inherit;
  background:#fff;
  box-shadow:0 26px 78px rgba(15,23,42,.10);
}

.z-blog-featured__media{
  min-height:260px;
  background:#f5f8ff;
}

.z-blog-featured__media img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  display:block;
}

.z-blog-featured__content{
  padding:28px;
}

.z-blog-featured__content span,
.z-blog-card span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  margin-bottom:12px;
  padding:0 10px;
  border-radius:999px;
  color:#0b63f6;
  background:#eff6ff;
  font-size:.74rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.02em;
}

.z-blog-featured h2{
  margin:0 0 12px;
  color:#021f4f;
  font-size:clamp(1.55rem,2.4vw,2.18rem);
  line-height:1.08;
  letter-spacing:-.048em;
  font-weight:900;
}

.z-blog-featured p{
  margin:0 0 18px;
  color:#405a82;
  font-size:1rem;
  line-height:1.55;
}

.z-blog-featured small{
  color:#0b63f6;
  font-size:.95rem;
  font-weight:850;
}

.z-blog-topics{
  padding:18px 0 36px;
  background:#fff;
}

.z-blog-topic-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}

.z-blog-topic-list a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid #dbe7f6;
  border-radius:999px;
  color:#06245a;
  background:#fff;
  font-size:.96rem;
  font-weight:800;
  box-shadow:0 10px 24px rgba(15,23,42,.035);
}

.z-blog-latest{
  padding:48px 0 78px;
  background:#ffffff;
}

.z-blog-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:32px;
}

.z-blog-section-head h2,
.z-blog-resources h2,
.z-blog-newsletter h2{
  margin:12px 0 0;
  color:#021f4f;
  font-size:clamp(2.15rem,3.4vw,3.25rem);
  line-height:1.06;
  letter-spacing:-.055em;
  font-weight:900;
}

.z-blog-section-head > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0b63f6;
  font-weight:850;
}

.z-blog-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.z-blog-card a{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  border:1px solid #dbe7f6;
  border-radius:24px;
  color:inherit;
  background:#fff;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
}

.z-blog-card img{
  width:100%;
  aspect-ratio:1.58/1;
  object-fit:cover;
  display:block;
  background:#f5f8ff;
}

.z-blog-card div{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:24px;
}

.z-blog-card h3{
  margin:0 0 10px;
  color:#021f4f;
  font-size:1.28rem;
  line-height:1.18;
  letter-spacing:-.038em;
  font-weight:900;
}

.z-blog-card p{
  margin:0 0 18px;
  color:#405a82;
  font-size:.98rem;
  line-height:1.52;
}

.z-blog-card small{
  margin-top:auto;
  color:#0b63f6;
  font-size:.92rem;
  font-weight:850;
}

.z-blog-resources{
  padding:74px 0;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
}

.z-blog-resources__inner{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:34px;
  align-items:center;
  padding:34px;
  border:1px solid #dbe7f6;
  border-radius:30px;
  background:#fff;
  box-shadow:0 18px 54px rgba(15,23,42,.055);
}

.z-blog-resources__copy p{
  max-width:520px;
  margin:14px 0 0;
  color:#405a82;
  font-size:1.06rem;
  line-height:1.55;
}

.z-blog-resource-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.z-blog-resource-grid a{
  display:flex;
  flex-direction:column;
  min-height:144px;
  padding:22px;
  border:1px solid #dbe7f6;
  border-radius:18px;
  color:inherit;
  background:#fbfdff;
  text-decoration:none;
}

.z-blog-resource-grid strong{
  color:#021f4f;
  font-size:1.08rem;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:900;
}

.z-blog-resource-grid small{
  margin-top:8px;
  color:#405a82;
  font-size:.95rem;
  line-height:1.4;
}

.z-blog-resource-grid span{
  margin-top:auto;
  color:#0b63f6;
  font-size:.92rem;
  font-weight:850;
}

.z-blog-newsletter{
  padding:0 0 72px;
  background:#fff;
}

.z-blog-newsletter__card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:38px 42px;
  border-radius:28px;
  color:#fff;
  background:linear-gradient(135deg,#0b67ff,#315df5 56%,#6d3df2);
  box-shadow:0 30px 76px rgba(37,99,235,.22);
}

.z-blog-newsletter__card .z-blog-eyebrow{
  color:#ffffff;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
}

.z-blog-newsletter__card h2{
  color:#fff;
}

.z-blog-newsletter__card p{
  max-width:680px;
  margin:12px 0 0;
  color:rgba(255,255,255,.88);
  font-size:1.08rem;
  line-height:1.55;
}

.z-blog-newsletter__card .btn{
  min-height:62px;
  padding:0 28px;
  background:#fff;
  color:#0b63f6;
  white-space:nowrap;
}

@media(max-width:1040px){
  .z-blog-hero__grid,
  .z-blog-resources__inner,
  .z-blog-newsletter__card{
    grid-template-columns:1fr;
  }

  .z-blog-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .z-blog-hero{
    padding:58px 0 38px;
  }

  .z-blog-search{
    grid-template-columns:auto minmax(0,1fr);
    border-radius:22px;
  }

  .z-blog-search button{
    grid-column:1 / -1;
    width:100%;
  }

  .z-blog-section-head{
    display:block;
  }

  .z-blog-section-head > a{
    margin-top:16px;
  }

  .z-blog-card-grid,
  .z-blog-resource-grid{
    grid-template-columns:1fr;
  }

  .z-blog-resources__inner,
  .z-blog-newsletter__card{
    padding:26px 22px;
    border-radius:24px;
  }
}


/* BLOG_LISTING_REDESIGN_V3 */
.z-blog-hero--centered{
  padding:78px 0 30px;
  background:
    radial-gradient(circle at 18% 18%, rgba(37,99,235,.09), transparent 26rem),
    radial-gradient(circle at 86% 12%, rgba(109,61,242,.08), transparent 24rem),
    linear-gradient(180deg,#f7faff 0%,#ffffff 100%);
}

.z-blog-hero__center{
  max-width:1240px;
  margin:0 auto;
  text-align:center;
}

.z-blog-hero--centered h1{
  max-width:1500px;
  margin:0 auto 18px;
  color:#021f4f;
  font-size:clamp(3.3rem,6.2vw,6rem);
  line-height:.93;
  letter-spacing:-.082em;
  font-weight:900;
}

.z-blog-hero--centered p{
  max-width:980px;
  margin:0 auto 22px;
  color:#4b6489;
  font-size:clamp(1rem,1.45vw,1.22rem);
  line-height:1.5;
}

.z-blog-search--centered{
  max-width:720px;
  margin:0 auto;
}

.z-blog-search{
  min-height:72px;
  gap:10px;
  padding:8px 8px 8px 18px;
  border:1px solid #d8e6fb;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 52px rgba(15,23,42,.06);
  transition:box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}

.z-blog-search:hover,
.z-blog-search:focus-within{
  border-color:#bfd6fb;
  box-shadow:0 28px 64px rgba(37,99,235,.12);
  transform:translateY(-1px);
}

.z-blog-search span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#eff5ff;
  color:#0b63f6;
  font-size:1.05rem;
}

.z-blog-search input{
  font-size:1.02rem;
  color:#1d345d;
}

.z-blog-search input::placeholder{
  color:#7a8da9;
}

.z-blog-search button{
  min-width:138px;
  min-height:56px;
  padding:0 24px;
  border-radius:999px;
  font-size:1.02rem;
  box-shadow:0 14px 28px rgba(37,99,235,.18);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.z-blog-search button:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 38px rgba(37,99,235,.24);
  filter:saturate(1.05);
}

.z-blog-topics{
  padding:16px 0 22px;
}

.z-blog-topic-list--expanded{
  justify-content:center;
  gap:14px;
  row-gap:16px;
}

.z-blog-topic-list--expanded a{
  min-height:48px;
  padding:0 20px;
  font-size:1rem;
  font-weight:850;
  border-color:#d8e6fb;
  box-shadow:0 12px 24px rgba(15,23,42,.035);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.z-blog-topic-list--expanded a:hover{
  transform:translateY(-2px);
  border-color:#bfd5fb;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 18px 32px rgba(37,99,235,.1);
  color:#0b63f6;
}

.z-blog-latest--listing{
  padding:12px 0 84px;
}

.z-blog-card-grid--listing{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.z-blog-card-grid--listing .z-blog-card a{
  min-height:100%;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.z-blog-card-grid--listing .z-blog-card a:hover{
  transform:translateY(-6px);
  border-color:#bfd5fb;
  box-shadow:0 28px 56px rgba(37,99,235,.11);
}

.z-blog-card-grid--listing .z-blog-card img{
  aspect-ratio:16 / 9;
  background:#f6f9ff;
}

.z-blog-card-grid--listing .z-blog-card div{
  padding:22px 22px 20px;
}

.z-blog-card-grid--listing .z-blog-card h3{
  font-size:1.18rem;
  line-height:1.18;
}

.z-blog-card-grid--listing .z-blog-card p{
  margin:0 0 16px;
  font-size:.97rem;
  line-height:1.52;
}

.z-blog-card-grid--listing .z-blog-card small{
  font-size:.9rem;
}

.z-blog-pagination{
  margin-top:34px;
}

.z-blog-pagination a,
.z-blog-pagination span{
  min-width:44px;
  min-height:44px;
  border-radius:12px;
}

.z-blog-pagination a:hover{
  border-color:#b9d1fb;
  background:#f7fbff;
  transform:translateY(-1px);
}

.z-blog-pagination a.is-active{
  box-shadow:0 16px 34px rgba(37,99,235,.18);
}

@media(max-width:1040px){
  .z-blog-card-grid--listing{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .z-blog-hero--centered{
    padding:58px 0 24px;
  }
  .z-blog-hero--centered h1{
    font-size:clamp(2.5rem,12vw,4rem);
  }
  .z-blog-search{
    grid-template-columns:auto minmax(0,1fr);
    border-radius:24px;
  }
  .z-blog-search button{
    grid-column:1 / -1;
    width:100%;
  }
  .z-blog-card-grid--listing{
    grid-template-columns:1fr;
  }
  .z-blog-topic-list--expanded a{
    min-height:46px;
    padding:0 17px;
    font-size:.95rem;
  }
}

/* BLOG_ARTICLE_TEMPLATE_V2 */
.z-blog-article{
  background:#ffffff;
}

.z-article-hero{
  padding:40px 0 20px;
  background:
    radial-gradient(circle at 18% 20%, rgba(37,99,235,.08), transparent 26rem),
    radial-gradient(circle at 86% 12%, rgba(109,61,242,.07), transparent 24rem),
    linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
}

.z-article-hero__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  max-width:980px;
  margin:0 auto;
}

.z-article-back{
  display:inline-flex;
  margin-bottom:12px;
  color:#0b63f6;
  font-weight:850;
}

.z-article-hero__copy{
  max-width:980px;
}

.z-article-hero h1{
  margin:0 0 14px;
  color:#021f4f;
  font-size:clamp(2.35rem,4.8vw,3.65rem);
  line-height:1.03;
  letter-spacing:-.062em;
  font-weight:900;
}

.z-article-hero p{
  max-width:860px;
  margin:0;
  color:#405a82;
  font-size:1.02rem;
  line-height:1.62;
}

.z-article-meta,
.z-article-hero .z-blog-eyebrow{
  display:none !important;
}

.z-article-meta-line{
  margin:12px 0 0;
  color:#6a7f9d;
  font-size:.92rem;
  line-height:1.5;
  font-weight:700;
}

.z-article-hero__media{
  overflow:hidden;
  border:1px solid #dbe7f6;
  border-radius:0;
  background:#f5f8ff;
  box-shadow:none;
}

.z-article-hero__media img{
  display:block;
  width:100%;
  aspect-ratio:auto;
  object-fit:cover;
}

.z-article-body-section{
  padding:18px 0 66px;
}

.z-article-layout{
  display:grid;
  grid-template-columns:minmax(0,860px);
  gap:0;
  align-items:start;
  justify-content:center;
}

.z-article-toc{
  display:none;
}

.z-article-content{
  color:#183153;
}

.z-article-lede{
  margin-top:0 !important;
  color:#17345f !important;
  font-size:1.08rem !important;
  line-height:1.7 !important;
  font-weight:650;
}

.z-article-content h2{
  margin:32px 0 12px;
  color:#021f4f;
  font-size:clamp(1.62rem,2.2vw,2.02rem);
  line-height:1.14;
  letter-spacing:-.042em;
  font-weight:900;
}

.z-article-content p{
  margin:0 0 14px;
  color:#405a82;
  font-size:.985rem;
  line-height:1.72;
}

.z-article-content blockquote{
  margin:24px 0;
  padding:18px 22px;
  border-left:4px solid #0b63f6;
  border-radius:16px;
  color:#021f4f;
  background:#f6f9ff;
  font-size:1.03rem;
  line-height:1.66;
  font-weight:750;
}

.z-article-cta-inline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  margin-top:34px;
  padding:24px 26px;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#0b67ff,#315df5 58%,#6d3df2);
  box-shadow:0 24px 64px rgba(37,99,235,.18);
}

.z-article-cta-inline h3{
  margin:0 0 6px;
  font-size:1.38rem;
  line-height:1.1;
  letter-spacing:-.03em;
}

.z-article-cta-inline p{
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:.96rem;
  line-height:1.55;
}

.z-article-cta-inline .btn{
  background:#fff;
  color:#0b63f6;
  min-height:54px;
  padding:0 22px;
  white-space:nowrap;
}

.z-related-posts{
  padding:56px 0 72px;
  background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
}

@media(max-width:1040px){
  .z-article-cta-inline{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .z-article-hero{
    padding:26px 0 14px;
  }
  .z-article-hero h1{
    font-size:2.2rem;
  }
  .z-article-body-section{
    padding:14px 0 56px;
  }
  .z-article-cta-inline{
    padding:22px 20px;
  }
}



/* BLOG_CARD_TYPOGRAPHY_CONSISTENCY_V4
   Tight, consistent blog card typography and spacing for the 3x5 listing grid.
*/
.z-blog-card-grid--listing{
  align-items:stretch !important;
}

.z-blog-card-grid--listing .z-blog-card{
  min-width:0 !important;
}

.z-blog-card-grid--listing .z-blog-card a{
  border-radius:24px !important;
  min-height:100% !important;
  background:#ffffff !important;
}

.z-blog-card-grid--listing .z-blog-card img{
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
}

.z-blog-card__body,
.z-blog-card-grid--listing .z-blog-card > a > div{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  min-height:270px !important;
  padding:22px 22px 20px !important;
}

.z-blog-card__meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:28px !important;
  margin:0 0 14px !important;
}

.z-blog-card__meta span,
.z-blog-card-grid--listing .z-blog-card span{
  margin:0 !important;
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:.72rem !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.z-blog-card__readtime,
.z-blog-card-grid--listing .z-blog-card small.z-blog-card__readtime{
  margin:0 !important;
  color:#6b7f9d !important;
  font-size:.82rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.z-blog-card-grid--listing .z-blog-card h3{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:2.42em !important;
  margin:0 0 10px !important;
  color:#021f4f !important;
  font-size:1.18rem !important;
  line-height:1.21 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.z-blog-card-grid--listing .z-blog-card p{
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:4.56em !important;
  margin:0 0 18px !important;
  color:#405a82 !important;
  font-size:.96rem !important;
  line-height:1.52 !important;
  letter-spacing:-.018em !important;
}

.z-blog-card-grid--listing .z-blog-card__body::after,
.z-blog-card-grid--listing .z-blog-card > a > div::after{
  content:"Read guide →";
  margin-top:auto !important;
  color:#0b63f6 !important;
  font-size:.92rem !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.z-blog-card-grid--listing .z-blog-card a:hover .z-blog-card__body::after,
.z-blog-card-grid--listing .z-blog-card a:hover > div::after{
  transform:translateX(2px);
}

@media(max-width:1040px){
  .z-blog-card__body,
  .z-blog-card-grid--listing .z-blog-card > a > div{
    min-height:250px !important;
  }
}

@media(max-width:720px){
  .z-blog-card__body,
  .z-blog-card-grid--listing .z-blog-card > a > div{
    min-height:auto !important;
  }

  .z-blog-card__meta{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  .z-blog-card-grid--listing .z-blog-card h3,
  .z-blog-card-grid--listing .z-blog-card p{
    min-height:0 !important;
    -webkit-line-clamp:unset !important;
  }
}



/* BLOG_LONGFORM_READABILITY_V5
   Long-form article readability system for 6000-word Zintego blog posts.
*/
.z-blog-article--longform .z-article-hero{
  padding:34px 0 18px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(37,99,235,.07), transparent 24rem),
    radial-gradient(circle at 86% 10%, rgba(109,61,242,.06), transparent 22rem),
    linear-gradient(180deg,#fbfdff 0%,#ffffff 100%) !important;
}

.z-blog-article--longform .z-article-hero__inner{
  display:grid !important;
  grid-template-columns:minmax(0,920px) !important;
  gap:22px !important;
  justify-content:center !important;
  max-width:980px !important;
  margin:0 auto !important;
}

.z-blog-article--longform .z-article-hero__media{
  order:1 !important;
  margin:0 !important;
  overflow:hidden !important;
  border:1px solid #dbe7f6 !important;
  border-radius:0 !important;
  background:#f5f8ff !important;
  box-shadow:none !important;
}

.z-blog-article--longform .z-article-hero__media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
}

.z-blog-article--longform .z-article-hero__media figcaption{
  padding:10px 0 0 !important;
  color:#6b7f9d !important;
  font-size:.82rem !important;
  line-height:1.45 !important;
  font-weight:650 !important;
}

.z-blog-article--longform .z-article-hero__copy{
  order:2 !important;
  max-width:900px !important;
}

.z-blog-article--longform .z-article-back{
  margin-bottom:14px !important;
  font-size:.92rem !important;
  font-weight:850 !important;
}

.z-blog-article--longform .z-article-hero h1{
  max-width:920px !important;
  margin:0 0 12px !important;
  color:#021f4f !important;
  font-size:clamp(2.18rem,4.1vw,3.45rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.06em !important;
  font-weight:900 !important;
}

.z-blog-article--longform .z-article-hero p{
  max-width:820px !important;
  margin:0 !important;
  color:#405a82 !important;
  font-size:1rem !important;
  line-height:1.62 !important;
  letter-spacing:-.018em !important;
}

.z-blog-article--longform .z-article-meta-line{
  margin:12px 0 0 !important;
  color:#6b7f9d !important;
  font-size:.88rem !important;
  line-height:1.45 !important;
  font-weight:750 !important;
}

.z-blog-article--longform .z-article-body-section{
  padding:20px 0 66px !important;
}

.z-blog-article--longform .z-article-layout{
  display:grid !important;
  grid-template-columns:minmax(0,820px) !important;
  justify-content:center !important;
  gap:0 !important;
}

.z-blog-article--longform .z-article-content{
  max-width:820px !important;
  color:#183153 !important;
}

.z-blog-article--longform .z-article-lede{
  margin:0 0 16px !important;
  color:#17345f !important;
  font-size:1.04rem !important;
  line-height:1.7 !important;
  letter-spacing:-.014em !important;
  font-weight:650 !important;
}

.z-article-reading-note{
  margin:0 0 24px !important;
  padding:14px 16px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:16px !important;
  color:#4b6489 !important;
  background:#f8fbff !important;
  font-size:.9rem !important;
  line-height:1.5 !important;
  font-weight:700 !important;
}

.z-blog-article--longform .z-article-content h2{
  margin:34px 0 11px !important;
  color:#021f4f !important;
  font-size:clamp(1.48rem,2.05vw,1.9rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.042em !important;
  font-weight:900 !important;
  scroll-margin-top:110px !important;
}

.z-blog-article--longform .z-article-content h3{
  margin:26px 0 9px !important;
  color:#08265a !important;
  font-size:1.18rem !important;
  line-height:1.22 !important;
  letter-spacing:-.03em !important;
  font-weight:900 !important;
}

.z-blog-article--longform .z-article-content p{
  margin:0 0 13px !important;
  color:#405a82 !important;
  font-size:.965rem !important;
  line-height:1.72 !important;
  letter-spacing:-.012em !important;
}

.z-blog-article--longform .z-article-content ul,
.z-blog-article--longform .z-article-content ol{
  margin:0 0 18px 1.2rem !important;
  padding:0 !important;
  color:#405a82 !important;
  font-size:.965rem !important;
  line-height:1.68 !important;
}

.z-blog-article--longform .z-article-content li{
  margin:0 0 8px !important;
  padding-left:.2rem !important;
}

.z-blog-article--longform .z-article-content blockquote{
  margin:24px 0 !important;
  padding:18px 22px !important;
  border-left:4px solid #0b63f6 !important;
  border-radius:16px !important;
  color:#021f4f !important;
  background:#f6f9ff !important;
  font-size:1rem !important;
  line-height:1.66 !important;
  letter-spacing:-.015em !important;
  font-weight:750 !important;
}

.z-blog-article--longform .z-article-cta-inline{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:22px !important;
  margin-top:32px !important;
  padding:22px 24px !important;
  border-radius:22px !important;
  box-shadow:0 22px 56px rgba(37,99,235,.18) !important;
}

.z-blog-article--longform .z-article-cta-inline h3{
  margin:0 0 6px !important;
  color:#ffffff !important;
  font-size:1.3rem !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
}

.z-blog-article--longform .z-article-cta-inline p{
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  font-size:.94rem !important;
  line-height:1.5 !important;
}

.z-blog-article--longform .z-article-cta-inline .btn{
  min-height:52px !important;
  padding:0 20px !important;
  white-space:nowrap !important;
}

.z-blog-article--longform .z-related-posts{
  padding:54px 0 70px !important;
}

.z-blog-article--longform .z-related-posts .z-blog-section-head{
  margin-bottom:28px !important;
}

.z-blog-article--longform .z-related-posts .z-blog-section-head h2{
  font-size:clamp(2rem,3vw,2.8rem) !important;
}

@media(max-width:900px){
  .z-blog-article--longform .z-article-hero__inner,
  .z-blog-article--longform .z-article-layout,
  .z-blog-article--longform .z-article-content{
    max-width:100% !important;
  }

  .z-blog-article--longform .z-article-cta-inline{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:680px){
  .z-blog-article--longform .z-article-hero{
    padding:24px 0 12px !important;
  }

  .z-blog-article--longform .z-article-hero h1{
    font-size:2.05rem !important;
    line-height:1.07 !important;
  }

  .z-blog-article--longform .z-article-body-section{
    padding:14px 0 54px !important;
  }

  .z-blog-article--longform .z-article-content p,
  .z-blog-article--longform .z-article-content ul,
  .z-blog-article--longform .z-article-content ol{
    font-size:.95rem !important;
    line-height:1.68 !important;
  }

  .z-blog-article--longform .z-article-content h2{
    font-size:1.48rem !important;
  }

  .z-blog-article--longform .z-article-cta-inline{
    padding:20px !important;
  }
}


/* BLOG_MAIN_CARD_POLISH_V6 */
.z-blog-hub--cards-v6 .z-blog-hero--centered{
  padding:56px 0 40px !important;
}

.z-blog-hub--cards-v6 .z-blog-hero__center{
  max-width:1400px !important;
}

.z-blog-hub--cards-v6 .z-blog-hero__center h1{
  max-width:1600px !important;
}

.z-blog-hub--cards-v6 .z-blog-latest--listing{
  padding-top:36px !important;
}

.z-blog-hub--cards-v6 .z-blog-card-grid--listing{
  gap:28px !important;
}

.z-blog-hub--cards-v6 .z-blog-card{
  overflow:hidden !important;
  border:1px solid #dbe7f6 !important;
  border-radius:0 !important;
  background:#ffffff !important;
  box-shadow:none !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.z-blog-hub--cards-v6 .z-blog-card:hover{
  transform:translateY(-4px) !important;
  border-color:#cfe0fb !important;
  box-shadow:0 18px 44px rgba(16,55,117,.10) !important;
}

.z-blog-hub--cards-v6 .z-blog-card > a{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.z-blog-hub--cards-v6 .z-blog-card img{
  width:100% !important;
  aspect-ratio: 1.12 / 1 !important;
  object-fit:cover !important;
  display:block !important;
  background:#eef3ff !important;
}

.z-blog-hub--cards-v6 .z-blog-card__body{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:24px 24px 22px !important;
  min-height:250px !important;
}

.z-blog-hub--cards-v6 .z-blog-card__body h3{
  margin:0 0 14px !important;
  color:#021f4f !important;
  font-size:clamp(1.2rem,1.7vw,1.5rem) !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.z-blog-hub--cards-v6 .z-blog-card__body p{
  margin:0 0 auto !important;
  color:#405a82 !important;
  font-size:1rem !important;
  line-height:1.55 !important;
  letter-spacing:-.015em !important;
}

.z-blog-hub--cards-v6 .z-blog-card__footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-top:26px !important;
  padding-top:10px !important;
}

.z-blog-hub--cards-v6 .z-blog-card__readlink{
  color:#0b63f6 !important;
  font-size:1rem !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
}

.z-blog-hub--cards-v6 .z-blog-card__readtime{
  color:#7083a3 !important;
  font-size:.95rem !important;
  line-height:1 !important;
  letter-spacing:-.018em !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.z-blog-hub--cards-v6 .z-blog-section-head,
.z-blog-hub--cards-v6 .z-blog-latest .eyebrow{
  display:none !important;
}

.z-blog-hub--cards-v6 .z-blog-pagination{
  margin-top:32px !important;
}

.z-blog-hub--cards-v6 .z-blog-pagination a,
.z-blog-hub--cards-v6 .z-blog-pagination span{
  min-width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.z-blog-hub--cards-v6 .z-blog-pagination a{
  color:#0b63f6 !important;
  background:#eef4ff !important;
  border:1px solid #d7e4fb !important;
  font-weight:800 !important;
}

.z-blog-hub--cards-v6 .z-blog-pagination a.is-active{
  background:linear-gradient(135deg,#0b67ff,#6a43f3) !important;
  color:#fff !important;
  border-color:transparent !important;
}

.z-blog-hub--cards-v6 .z-blog-pagination span{
  color:#7d8fac !important;
  background:#f5f8fd !important;
  border:1px solid #e2ebfa !important;
}

@media (max-width: 820px){
  .z-blog-hub--cards-v6 .z-blog-card__body{
    min-height:auto !important;
    padding:22px 20px 20px !important;
  }
  .z-blog-hub--cards-v6 .z-blog-card__body h3{
    font-size:1.05rem !important;
  }
  .z-blog-hub--cards-v6 .z-blog-card__body p{
    font-size:.94rem !important;
  }
  .z-blog-hub--cards-v6 .z-blog-card__footer{
    margin-top:20px !important;
  }
}


/* BLOG_HERO_INVOICE_STYLE_V7 */
.z-simple-hero--blog{
  padding:54px 0 58px !important;
}

.z-simple-hero--blog .z-simple-hero-inner{
  max-width:1180px !important;
}

.z-simple-hero--blog h1{
  max-width:1320px !important;
}

.z-simple-hero--blog p{
  max-width:900px !important;
}

.z-simple-hero--blog .z-blog-search{
  max-width:760px !important;
  margin:0 auto !important;
  min-height:68px !important;
  padding:8px 8px 8px 22px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.07) !important;
}

.z-simple-hero--blog .z-blog-search span{
  color:#0b63f6 !important;
  font-size:1.35rem !important;
  font-weight:900 !important;
}

.z-simple-hero--blog .z-blog-search input{
  font-size:1.02rem !important;
}

.z-simple-hero--blog .z-blog-search button{
  min-width:148px !important;
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#0b67ff,#315df5 58%,#6d3df2) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(37,99,235,.16) !important;
  font-weight:850 !important;
}

.z-simple-hero--blog .z-blog-search button:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 40px rgba(37,99,235,.22) !important;
}

@media (max-width: 760px){
  .z-simple-hero--blog{
    padding:42px 0 46px !important;
  }
  .z-simple-hero--blog .z-blog-search{
    min-height:62px !important;
    padding:8px !important;
    gap:10px !important;
  }
  .z-simple-hero--blog .z-blog-search button{
    min-width:120px !important;
    min-height:46px !important;
  }
}


/* BLOG_HERO_CARD_POLISH_V8 */
.z-simple-hero--blog{
  padding:42px 0 46px !important;
}

.z-simple-hero--blog .z-simple-hero-inner{
  max-width:1120px !important;
}

.z-simple-hero--blog h1{
  max-width:1100px !important;
  font-size:clamp(3.3rem,7.1vw,5.6rem) !important;
  line-height:.96 !important;
  letter-spacing:-.07em !important;
  margin-bottom:18px !important;
}

.z-simple-hero--blog h1 span{
  display:inline-block !important;
}

.z-simple-hero--blog p{
  max-width:860px !important;
  margin-bottom:22px !important;
}

.z-simple-hero--blog .z-blog-search{
  max-width:700px !important;
}

.z-blog-card span{
  all:unset;
}

.z-blog-card__body::after,
.z-blog-card-grid--listing .z-blog-card__body::after,
.z-blog-card-grid--listing .z-blog-card > a > div::after{
  content:none !important;
  display:none !important;
}

.z-blog-card__footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-top:auto !important;
  padding-top:10px !important;
  border-top:1px solid rgba(219,231,246,.65) !important;
}

.z-blog-card__readlink,
.z-blog-card__readtime{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  border-radius:0 !important;
  background:none !important;
  text-transform:none !important;
  box-shadow:none !important;
  letter-spacing:-.01em !important;
}

.z-blog-card__readlink{
  color:#0b63f6 !important;
  font-size:1rem !important;
  font-weight:900 !important;
}

.z-blog-card__readtime{
  color:#7083a3 !important;
  font-size:.95rem !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.z-blog-card-grid--listing .z-blog-card > a > div,
.z-blog-card__body{
  min-height:220px !important;
}

.z-blog-card-grid--listing .z-blog-card h3{
  font-size:1.16rem !important;
  line-height:1.18 !important;
  min-height:2.35em !important;
}

.z-blog-card-grid--listing .z-blog-card p{
  min-height:4.4em !important;
  margin-bottom:16px !important;
}

.z-blog-card-grid--listing .z-blog-card a:hover .z-blog-card__readlink{
  transform:translateX(2px);
}

@media (max-width: 820px){
  .z-simple-hero--blog{
    padding:38px 0 40px !important;
  }
  .z-simple-hero--blog h1{
    font-size:clamp(2.65rem,10vw,4.2rem) !important;
  }
  .z-simple-hero--blog .z-blog-search{
    max-width:100% !important;
  }
}



/* BLOG_HERO_COPY_REFINE_V9 */
.z-simple-hero--blog h1{
  max-width:980px !important;
  font-size:clamp(3.25rem,6.6vw,5.45rem) !important;
  line-height:.97 !important;
  letter-spacing:-.074em !important;
}

.z-simple-hero--blog p{
  max-width:820px !important;
  font-size:clamp(1.05rem,1.55vw,1.26rem) !important;
  line-height:1.5 !important;
}

.z-simple-hero--blog .z-blog-search{
  max-width:660px !important;
  min-height:66px !important;
}

.z-simple-hero--blog .z-blog-search button{
  min-width:132px !important;
}

@media (max-width:760px){
  .z-simple-hero--blog h1{
    font-size:clamp(2.55rem,10vw,4.05rem) !important;
  }

  .z-simple-hero--blog p{
    font-size:1rem !important;
  }
}



/* BLOG_POST_CARDS_MATCH_REFERENCE_V10
   Main blog posts section only: card layout matched to approved reference block.
*/
.z-blog-latest .z-blog-card-grid--listing{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
}

.z-blog-latest .z-blog-card{
  min-width:0 !important;
}

.z-blog-latest .z-blog-card > a{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  border:1px solid #dbe7f6 !important;
  border-radius:24px !important;
  color:inherit !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.z-blog-latest .z-blog-card > a:hover{
  transform:translateY(-5px) !important;
  border-color:#bfd5fb !important;
  box-shadow:0 28px 58px rgba(37,99,235,.12) !important;
}

.z-blog-latest .z-blog-card img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  background:#f6f9ff !important;
  border-radius:0 !important;
}

.z-blog-latest .z-blog-card__body,
.z-blog-latest .z-blog-card > a > div{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  min-height:300px !important;
  padding:28px 30px 26px !important;
}

.z-blog-latest .z-blog-card__body::after,
.z-blog-latest .z-blog-card > a > div::after{
  content:none !important;
  display:none !important;
}

.z-blog-latest .z-blog-card__category{
  display:block !important;
  width:max-content !important;
  min-height:0 !important;
  margin:0 0 18px !important;
  padding:0 !important;
  color:#021f4f !important;
  background:transparent !important;
  border-radius:0 !important;
  font-size:.92rem !important;
  line-height:1.15 !important;
  letter-spacing:-.015em !important;
  font-weight:900 !important;
  text-transform:none !important;
  white-space:normal !important;
}

.z-blog-latest .z-blog-card h3{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  overflow:visible !important;
  min-height:0 !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:clamp(1.35rem,1.65vw,1.62rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.052em !important;
  font-weight:900 !important;
}

.z-blog-latest .z-blog-card p{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  overflow:visible !important;
  min-height:0 !important;
  margin:0 0 28px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.25vw,1.22rem) !important;
  line-height:1.5 !important;
  letter-spacing:-.018em !important;
  font-weight:500 !important;
}

.z-blog-latest .z-blog-card__readtime{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  min-height:0 !important;
  margin:auto 0 0 !important;
  padding:0 !important;
  color:#0b63f6 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

.z-blog-latest .z-blog-card > a:hover .z-blog-card__readtime{
  transform:translateX(2px) !important;
}

@media(max-width:1040px){
  .z-blog-latest .z-blog-card-grid--listing{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .z-blog-latest .z-blog-card__body,
  .z-blog-latest .z-blog-card > a > div{
    min-height:280px !important;
  }
}

@media(max-width:720px){
  .z-blog-latest .z-blog-card-grid--listing{
    grid-template-columns:1fr !important;
  }

  .z-blog-latest .z-blog-card__body,
  .z-blog-latest .z-blog-card > a > div{
    min-height:auto !important;
    padding:24px 22px 24px !important;
  }

  .z-blog-latest .z-blog-card h3{
    font-size:1.28rem !important;
  }

  .z-blog-latest .z-blog-card p{
    font-size:1rem !important;
  }
}



/* BLOG_CARD_SMALL_FIXES_V11
   Small final fixes: remove light outer border and split footer link/read-time.
*/
.z-blog-latest .z-blog-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.z-blog-latest .z-blog-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 58px rgba(37,99,235,.12) !important;
}

.z-blog-latest .z-blog-card > a{
  display:contents !important;
  border:0 !important;
  box-shadow:none !important;
}

.z-blog-latest .z-blog-card img{
  display:block !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.z-blog-latest .z-blog-card__body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  min-height:300px !important;
  padding:28px 30px 26px !important;
}

.z-blog-latest .z-blog-card__footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:auto 0 0 !important;
  padding:0 !important;
  border:0 !important;
}

.z-blog-latest .z-blog-card__readmore{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  color:#0b63f6 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.z-blog-latest .z-blog-card__readmore:hover{
  transform:translateX(2px) !important;
}

.z-blog-latest .z-blog-card__readtime{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin:0 !important;
  padding:0 !important;
  color:#7b8ca8 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:.96rem !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:800 !important;
  text-transform:none !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

@media(max-width:1040px){
  .z-blog-latest .z-blog-card__body{
    min-height:280px !important;
  }
}

@media(max-width:720px){
  .z-blog-latest .z-blog-card__body{
    min-height:auto !important;
    padding:24px 22px 24px !important;
  }
}


/* BLOG_CARD_READMORE_FIX_V12
   Neutralize generic card-link styles on the small Read More link so it doesn't clip.
*/
.z-blog-latest .z-blog-card__readmore{
  all: unset !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  align-self:flex-start !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0b63f6 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

.z-blog-latest .z-blog-card__footer{
  overflow:visible !important;
}



/* BLOG_ARTICLE_PAGE_POLISH_V13
   Article page polish: improved top art, aligned article column, no date/read-time, related cards match locked main blog cards.
*/
.z-blog-article--longform .z-article-hero__inner,
.z-blog-article .z-article-hero__inner{
  max-width:980px !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:22px !important;
}

.z-blog-article--longform .z-article-hero__media,
.z-blog-article .z-article-hero__media{
  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.z-blog-article--longform .z-article-hero__media img,
.z-blog-article .z-article-hero__media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  border:0 !important;
  box-shadow:none !important;
}

.z-blog-article--longform .z-article-hero__copy,
.z-blog-article .z-article-hero__copy{
  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 !important;
}

.z-blog-article--longform .z-article-hero h1,
.z-blog-article .z-article-hero h1{
  max-width:980px !important;
}

.z-blog-article--longform .z-article-meta-line,
.z-blog-article .z-article-meta-line{
  margin:10px 0 0 !important;
  color:#314d75 !important;
  font-size:.94rem !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}

.z-blog-article--longform .z-article-body-section,
.z-blog-article .z-article-body-section{
  padding-top:18px !important;
}

.z-blog-article--longform .z-article-layout,
.z-blog-article .z-article-layout{
  display:grid !important;
  grid-template-columns:minmax(0,860px) !important;
  justify-content:center !important;
  max-width:980px !important;
  margin:0 auto !important;
  gap:0 !important;
}

.z-blog-article--longform .z-article-content,
.z-blog-article .z-article-content{
  width:100% !important;
  max-width:860px !important;
  margin:0 !important;
  padding:0 !important;
}

.z-article-reading-note{
  display:none !important;
}

.z-related-posts .z-blog-card-grid,
.z-related-posts .z-blog-card-grid--listing{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
}

.z-related-posts .z-blog-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.z-related-posts .z-blog-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 58px rgba(37,99,235,.12) !important;
}

.z-related-posts .z-blog-card img{
  display:block !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.z-related-posts .z-blog-card__body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  min-height:300px !important;
  padding:28px 30px 26px !important;
}

.z-related-posts .z-blog-card__category{
  display:block !important;
  width:max-content !important;
  margin:0 0 18px !important;
  padding:0 !important;
  color:#021f4f !important;
  background:transparent !important;
  font-size:.92rem !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  text-transform:none !important;
}

.z-related-posts .z-blog-card h3{
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:clamp(1.35rem,1.65vw,1.62rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.052em !important;
  font-weight:900 !important;
}

.z-related-posts .z-blog-card p{
  margin:0 0 28px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.25vw,1.22rem) !important;
  line-height:1.5 !important;
  letter-spacing:-.018em !important;
  font-weight:500 !important;
}

.z-related-posts .z-blog-card__footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:auto 0 0 !important;
  padding:0 !important;
  border:0 !important;
}

.z-related-posts .z-blog-card__readmore{
  all:unset !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#0b63f6 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}

.z-related-posts .z-blog-card__readtime{
  display:inline-flex !important;
  align-items:center !important;
  color:#7b8ca8 !important;
  font-size:.96rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

@media(max-width:1040px){
  .z-related-posts .z-blog-card-grid,
  .z-related-posts .z-blog-card-grid--listing{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  .z-blog-article--longform .z-article-hero__inner,
  .z-blog-article .z-article-hero__inner,
  .z-blog-article--longform .z-article-layout,
  .z-blog-article .z-article-layout{
    max-width:100% !important;
  }

  .z-related-posts .z-blog-card-grid,
  .z-related-posts .z-blog-card-grid--listing{
    grid-template-columns:1fr !important;
  }

  .z-related-posts .z-blog-card__body{
    min-height:auto !important;
    padding:24px 22px 24px !important;
  }
}



/* BLOG_ARTICLE_CLEANUP_V14
   Remove intro block visually and align related-card footer like locked main blog cards.
*/
.z-article-lede,
.z-article-reading-note{
  display:none !important;
}

.z-related-posts .z-blog-card h3{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  overflow:visible !important;
  min-height:0 !important;
}

.z-related-posts .z-blog-card p{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  overflow:visible !important;
  min-height:0 !important;
}

.z-related-posts .z-blog-card__footer{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:auto 0 0 !important;
  padding:0 !important;
  border:0 !important;
  text-align:left !important;
  overflow:visible !important;
}

.z-related-posts .z-blog-card__readmore{
  all:unset !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0b63f6 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  text-align:left !important;
  cursor:pointer !important;
}

.z-related-posts .z-blog-card__readmore:hover{
  transform:translateX(2px) !important;
}

.z-related-posts .z-blog-card__readtime{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#7b8ca8 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:.96rem !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}



/* BLOG_ARTICLE_ACTUAL_FIX_V15
   Final hard override for article page: remove intro/lede and lock related cards to approved main-blog card footer.
*/
.z-blog-article-page .z-article-lede,
.z-blog-article-page .z-article-reading-note{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.z-blog-article-page .z-article-content > p:first-child{
  margin-top:0 !important;
}

.z-blog-article-page .z-related-posts .z-related-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 58px rgba(37,99,235,.12) !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:300px !important;
  padding:28px 30px 26px !important;
  text-align:left !important;
  overflow:visible !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__body::after{
  content:none !important;
  display:none !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__category{
  all:unset !important;
  display:block !important;
  width:max-content !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:.92rem !important;
  line-height:1.15 !important;
  letter-spacing:-.015em !important;
  font-weight:900 !important;
  white-space:normal !important;
  text-align:left !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked h3{
  display:block !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:clamp(1.35rem,1.65vw,1.62rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.052em !important;
  font-weight:900 !important;
  text-align:left !important;
  overflow:visible !important;
  min-height:0 !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked p{
  display:block !important;
  margin:0 0 28px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.25vw,1.22rem) !important;
  line-height:1.5 !important;
  letter-spacing:-.018em !important;
  font-weight:500 !important;
  text-align:left !important;
  overflow:visible !important;
  min-height:0 !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  width:100% !important;
  margin:auto 0 0 !important;
  padding:0 !important;
  border:0 !important;
  text-align:left !important;
  overflow:visible !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__readmore{
  all:unset !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0b63f6 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  text-align:left !important;
  cursor:pointer !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__readmore:hover{
  transform:translateX(2px) !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__readtime{
  all:unset !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#7b8ca8 !important;
  font-size:.96rem !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  text-align:right !important;
}

@media(max-width:1040px){
  .z-blog-article-page .z-related-posts .z-related-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__body{
    min-height:280px !important;
  }
}

@media(max-width:720px){
  .z-blog-article-page .z-related-posts .z-related-card-grid{
    grid-template-columns:1fr !important;
  }

  .z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__body{
    min-height:auto !important;
    padding:24px 22px 24px !important;
  }
}



/* BLOG_ARTICLE_LAYOUT_FIX_V16
   - remove article byline row
   - move article content flush-left under the article hero
   - lock related-guide footer to left/right layout like main blog page
*/
.z-blog-article-page .z-article-meta-line{
  display:none !important;
}

.z-blog-article-page .z-article-body-section .container{
  width:min(1180px,calc(100% - 64px)) !important;
}

.z-blog-article-page .z-article-layout{
  display:block !important;
  grid-template-columns:none !important;
  justify-content:flex-start !important;
}

.z-blog-article-page .z-article-content{
  width:100% !important;
  max-width:1040px !important;
  margin:0 !important;
  padding:0 !important;
}

.z-blog-article-page .z-article-content > *{
  margin-left:0 !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__footer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  margin-top:auto !important;
  padding-top:0 !important;
  border:0 !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__readmore{
  justify-self:start !important;
  align-self:center !important;
  margin:0 !important;
}

.z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__readtime{
  justify-self:end !important;
  align-self:center !important;
  margin:0 !important;
}

@media(max-width:720px){
  .z-blog-article-page .z-article-body-section .container{
    width:min(100% - 32px,1180px) !important;
  }

  .z-blog-article-page .z-related-posts .z-blog-card--locked .z-blog-card__footer{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
}



/* BLOG_ARTICLE_FINAL_LOCK_V17
   Final locked article page behavior.
   Scope: blog article page only.
*/
body.z-blog-article-final .z-article-meta-line,
body.z-blog-article-final .z-article-meta,
body.z-blog-article-final .z-article-lede,
body.z-blog-article-final .z-article-reading-note{
  display:none !important;
}

body.z-blog-article-final .z-article-hero{
  padding:36px 0 18px !important;
}

body.z-blog-article-final .z-article-hero__inner{
  display:grid !important;
  grid-template-columns:minmax(0,980px) !important;
  justify-content:start !important;
  max-width:1180px !important;
  margin:0 auto !important;
  gap:22px !important;
}

body.z-blog-article-final .z-article-hero__media{
  width:100% !important;
  max-width:980px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

body.z-blog-article-final .z-article-hero__media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
}

body.z-blog-article-final .z-article-hero__copy{
  max-width:980px !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}

body.z-blog-article-final .z-article-hero h1{
  max-width:980px !important;
  margin:0 0 12px !important;
  color:#021f4f !important;
  font-size:clamp(2.35rem,4.7vw,3.75rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.064em !important;
  font-weight:900 !important;
}

body.z-blog-article-final .z-article-hero p{
  max-width:850px !important;
  margin:0 !important;
  color:#405a82 !important;
  font-size:1rem !important;
  line-height:1.62 !important;
  text-align:left !important;
}

body.z-blog-article-final .z-article-body-section{
  padding:20px 0 64px !important;
}

body.z-blog-article-final .z-article-body-section .container{
  width:min(1180px,calc(100% - 64px)) !important;
}

body.z-blog-article-final .z-article-layout{
  display:block !important;
  max-width:1040px !important;
  margin:0 !important;
}

body.z-blog-article-final .z-article-content{
  max-width:1040px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}

body.z-blog-article-final .z-article-content h2{
  margin:34px 0 12px !important;
  color:#021f4f !important;
  font-size:clamp(1.6rem,2.15vw,2.1rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.045em !important;
  font-weight:900 !important;
}

body.z-blog-article-final .z-article-content p{
  max-width:1000px !important;
  margin:0 0 16px !important;
  color:#405a82 !important;
  font-size:1rem !important;
  line-height:1.72 !important;
  text-align:left !important;
}

body.z-blog-article-final .z-related-posts .z-related-card-grid--locked{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 58px rgba(37,99,235,.12) !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked img{
  display:block !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  border:0 !important;
  box-shadow:none !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked .z-blog-card__body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
  min-height:300px !important;
  padding:28px 30px 26px !important;
  text-align:left !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked .z-blog-card__body::after{
  content:none !important;
  display:none !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked .z-blog-card__category{
  all:unset !important;
  display:block !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:.92rem !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  text-align:left !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked h3{
  display:block !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:clamp(1.35rem,1.65vw,1.62rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.052em !important;
  font-weight:900 !important;
  text-align:left !important;
  overflow:visible !important;
  min-height:0 !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked p{
  display:block !important;
  margin:0 0 28px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.25vw,1.22rem) !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  text-align:left !important;
  overflow:visible !important;
  min-height:0 !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked .z-blog-card__footer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  margin:auto 0 0 !important;
  padding:0 !important;
  border:0 !important;
  text-align:left !important;
  overflow:visible !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked .z-blog-card__readmore{
  all:unset !important;
  display:inline-flex !important;
  justify-self:start !important;
  align-items:center !important;
  color:#0b63f6 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  text-align:left !important;
}

body.z-blog-article-final .z-related-posts .z-blog-card--locked .z-blog-card__readtime{
  all:unset !important;
  display:inline-flex !important;
  justify-self:end !important;
  align-items:center !important;
  color:#7b8ca8 !important;
  font-size:.96rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

@media(max-width:1040px){
  body.z-blog-article-final .z-related-posts .z-related-card-grid--locked{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:720px){
  body.z-blog-article-final .z-article-body-section .container{
    width:min(100% - 32px,1180px) !important;
  }

  body.z-blog-article-final .z-related-posts .z-related-card-grid--locked{
    grid-template-columns:1fr !important;
  }

  body.z-blog-article-final .z-related-posts .z-blog-card--locked .z-blog-card__body{
    min-height:auto !important;
    padding:24px 22px 24px !important;
  }
}



/* BLOG_FINAL_CLEANUP_V18
   Final cleanup:
   - article hero description removed in HTML
   - article body moves higher
   - main blog card section tightens below hero banner
*/
body.z-blog-article-final .z-article-hero{
  padding-bottom:10px !important;
}

body.z-blog-article-final .z-article-hero__copy > p{
  display:none !important;
}

body.z-blog-article-final .z-article-body-section{
  padding-top:8px !important;
}

body.z-blog-article-final .z-article-content h2:first-child{
  margin-top:12px !important;
}

.z-blog-hub--cards-v6 .z-blog-latest--listing{
  padding-top:22px !important;
}

.z-blog-hub--cards-v6 .z-simple-hero--blog{
  padding-bottom:42px !important;
}

@media(max-width:720px){
  body.z-blog-article-final .z-article-body-section{
    padding-top:4px !important;
  }

  .z-blog-hub--cards-v6 .z-blog-latest--listing{
    padding-top:18px !important;
  }
}



/* BLOG_CARD_SYSTEM_LOCK_V19
   Shared locked blog-card component used by:
   - main blog listing cards
   - blog article related guide cards
   This block is the source of truth for blog post cards.
*/
.z-blog-card-system-v19 .z-blog-card__body::after,
.z-blog-card-system-v19 .z-blog-card > a > div::after,
.z-blog-card-system-v19 .z-blog-card-grid--listing .z-blog-card__body::after{
  content:none !important;
  display:none !important;
}

.z-blog-card-system-v19 .z-blog-card-grid--system-v19{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 28px 58px rgba(37,99,235,.12) !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:#f6f9ff !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:300px !important;
  padding:28px 30px 26px !important;
  overflow:visible !important;
  text-align:left !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__category{
  all:unset !important;
  display:block !important;
  width:max-content !important;
  min-height:0 !important;
  margin:0 0 18px !important;
  padding:0 !important;
  color:#021f4f !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:.92rem !important;
  line-height:1.15 !important;
  letter-spacing:-.015em !important;
  font-weight:900 !important;
  text-transform:none !important;
  white-space:normal !important;
  text-align:left !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 h3{
  display:block !important;
  margin:0 0 18px !important;
  color:#021f4f !important;
  font-size:clamp(1.35rem,1.65vw,1.62rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.052em !important;
  font-weight:900 !important;
  text-align:left !important;
  overflow:visible !important;
  min-height:0 !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 p{
  display:block !important;
  margin:0 0 28px !important;
  color:#405a82 !important;
  font-size:clamp(1.02rem,1.25vw,1.22rem) !important;
  line-height:1.5 !important;
  letter-spacing:-.018em !important;
  font-weight:500 !important;
  text-align:left !important;
  overflow:visible !important;
  min-height:0 !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__footer{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  margin:auto 0 0 !important;
  padding:0 !important;
  border:0 !important;
  text-align:left !important;
  overflow:visible !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__readmore{
  all:unset !important;
  display:inline-flex !important;
  justify-self:start !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#0b63f6 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  text-align:left !important;
  cursor:pointer !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__readmore:hover{
  transform:translateX(2px) !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__readtime{
  all:unset !important;
  display:inline-flex !important;
  justify-self:end !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#7b8ca8 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:.96rem !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  text-align:right !important;
}

@media(max-width:1040px){
  .z-blog-card-system-v19 .z-blog-card-grid--system-v19{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__body{
    min-height:280px !important;
  }
}

@media(max-width:720px){
  .z-blog-card-system-v19 .z-blog-card-grid--system-v19{
    grid-template-columns:1fr !important;
  }

  .z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__body{
    min-height:auto !important;
    padding:24px 22px 24px !important;
  }
}



/* BLOG_CARD_FINAL_POLISH_V20
   Tiny final polish only: reduce excess card height and add subtle footer divider.
*/
.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__body{
  min-height:270px !important;
  padding:28px 30px 24px !important;
}

.z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__footer{
  margin-top:auto !important;
  padding-top:18px !important;
  border-top:1px solid #e7eef8 !important;
}

@media(max-width:1040px){
  .z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__body{
    min-height:260px !important;
  }
}

@media(max-width:720px){
  .z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__body{
    min-height:auto !important;
    padding:24px 22px 22px !important;
  }

  .z-blog-card-system-v19 .z-blog-card--system-v19 .z-blog-card__footer{
    padding-top:16px !important;
  }
}



/* BLOG_CTA_PAGINATION_POLISH_V21
   Remove article CTA in HTML and polish main blog pagination controls.
*/
.z-article-cta-inline,
.article-footer-cta,
.inline-cta{
  display:none !important;
}

.z-blog-card-system-v19 .z-blog-pagination{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  max-width:100% !important;
  margin:40px auto 0 !important;
  padding:10px !important;
  border:1px solid #dbe7f6 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 16px 42px rgba(15,23,42,.055) !important;
}

.z-blog-card-system-v19 .z-blog-pagination a,
.z-blog-card-system-v19 .z-blog-pagination span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:42px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;
  color:#0b63f6 !important;
  background:#f5f9ff !important;
  font-size:.98rem !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
  box-shadow:none !important;
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.z-blog-card-system-v19 .z-blog-pagination a:hover{
  transform:translateY(-1px) !important;
  border-color:#bfd6fb !important;
  background:#eef5ff !important;
  box-shadow:0 10px 24px rgba(37,99,235,.10) !important;
}

.z-blog-card-system-v19 .z-blog-pagination a.is-active{
  color:#ffffff !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,#0b67ff,#315df5 58%,#6d3df2) !important;
  box-shadow:0 14px 30px rgba(37,99,235,.22) !important;
}

.z-blog-card-system-v19 .z-blog-pagination span{
  color:#7487a3 !important;
  background:#f8fbff !important;
  pointer-events:none !important;
}

.z-blog-card-system-v19 .z-blog-pagination__next{
  min-width:76px !important;
  padding:0 18px !important;
}

@media(max-width:680px){
  .z-blog-card-system-v19 .z-blog-pagination{
    gap:8px !important;
    padding:8px !important;
    border-radius:22px !important;
  }

  .z-blog-card-system-v19 .z-blog-pagination a,
  .z-blog-card-system-v19 .z-blog-pagination span{
    min-width:38px !important;
    height:38px !important;
    padding:0 12px !important;
    font-size:.92rem !important;
  }
}


/* V108: compact Mobile App dropdown sizing polish */
.nav-dropdown__menu{width:min(324px,calc(100vw - 40px));top:calc(100% + 14px);}
.nav-dropdown__panel{padding:20px;border-radius:22px;box-shadow:0 28px 62px rgba(18,67,142,.16),0 9px 24px rgba(5,17,56,.07);}
.nav-dropdown__eyebrow{padding:6px 11px;margin-bottom:10px;font-size:10px;}
.nav-dropdown__title{margin-bottom:7px;font-size:20px;line-height:1.1;}
.nav-dropdown__text{margin-bottom:13px;font-size:13px;line-height:1.52;}
.nav-dropdown__badges{gap:8px;}
.nav-dropdown__badges a{border-radius:13px;}
@media(max-width:900px){
  .nav-dropdown__menu{width:min(292px,calc(100vw - 32px));top:calc(100% + 10px);}
  .nav-dropdown__panel{padding:16px;border-radius:18px;}
  .nav-dropdown__title{font-size:17px;}
  .nav-dropdown__text{font-size:12.5px;}
}

/* =========================================================
   V212H non-blog final UI polish
   Compact mobile-app dropdown scale adjustment and final hover/focus preservation.
   Blog templates remain deferred for WordPress conversion.
   ========================================================= */
.nav-dropdown__menu{
  top:calc(100% + 10px) !important;
  width:min(282px,calc(100vw - 36px)) !important;
}
.nav-dropdown__panel{
  padding:16px 16px 14px !important;
  border-radius:18px !important;
}
.nav-dropdown__eyebrow{
  padding:5px 9px !important;
  margin-bottom:9px !important;
  font-size:9.5px !important;
}
.nav-dropdown__title{
  margin-bottom:5px !important;
  font-size:16.25px !important;
  line-height:1.12 !important;
}
.nav-dropdown__text{
  margin-bottom:10px !important;
  font-size:12px !important;
  line-height:1.48 !important;
}
.nav-dropdown__badges{
  gap:7px !important;
}
.nav-dropdown__badges a{
  border-radius:11px !important;
}


/* =========================================================
   V212L small technical + UI fixes
   Scope: favicon support, header/logo/CTA polish, mobile app dropdown,
   auth input alignment, compact template back-link pattern.
   Blog content/templates remain deferred for WordPress conversion.
   ========================================================= */
.brand,
.site-header .brand,
.site-footer .brand,
.site-footer h2{
  text-shadow:none !important;
  filter:none !important;
  background:transparent !important;
}
.brand::before,
.brand::after,
.site-header .brand::before,
.site-header .brand::after{
  content:none !important;
  display:none !important;
}
.site-header .btn-primary,
.nav-actions .btn-primary,
.site-header .btn-primary:visited,
.nav-actions .btn-primary:visited{
  color:#ffffff !important;
  background:linear-gradient(135deg,#0b67ff 0%,#315df5 58%,#5b35f2 100%) !important;
  box-shadow:0 14px 30px rgba(11,99,246,.22), inset 0 1px 0 rgba(255,255,255,.22) !important;
  opacity:1 !important;
}
.site-header .btn-primary *,
.nav-actions .btn-primary *{
  color:#ffffff !important;
  opacity:1 !important;
}
.site-header .btn-primary::before,
.site-header .btn-primary::after,
.nav-actions .btn-primary::before,
.nav-actions .btn-primary::after{
  background:transparent !important;
  opacity:0 !important;
}
.site-header .btn-primary:hover,
.site-header .btn-primary:focus-visible,
.nav-actions .btn-primary:hover,
.nav-actions .btn-primary:focus-visible{
  color:#ffffff !important;
  background:linear-gradient(135deg,#1672ff 0%,#3965ff 55%,#653af5 100%) !important;
  box-shadow:0 18px 38px rgba(11,99,246,.28), inset 0 1px 0 rgba(255,255,255,.28) !important;
  transform:translateY(-1px) !important;
  filter:none !important;
}
.nav-dropdown__menu{
  width:min(258px,calc(100vw - 34px)) !important;
  top:calc(100% + 9px) !important;
}
.nav-dropdown__panel{
  padding:14px 14px 13px !important;
  border-radius:17px !important;
}
.nav-dropdown__eyebrow{
  padding:4px 8px !important;
  margin-bottom:8px !important;
  font-size:9px !important;
}
.nav-dropdown__title{
  margin-bottom:5px !important;
  font-size:15.25px !important;
  line-height:1.12 !important;
}
.nav-dropdown__text{
  margin-bottom:9px !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
}
.nav-dropdown__badges{
  gap:7px !important;
}
.nav-dropdown__badges a{
  display:block !important;
  border-radius:10px !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
  box-shadow:0 8px 18px rgba(10,25,60,.10) !important;
}
.nav-dropdown__badges a:hover,
.nav-dropdown__badges a:focus-visible{
  transform:translateY(-2px) !important;
  box-shadow:0 13px 26px rgba(10,25,60,.16) !important;
  filter:brightness(1.035) contrast(1.02) !important;
  outline:2px solid rgba(11,99,246,.28) !important;
  outline-offset:3px !important;
}
.nav-dropdown__badges img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}
.login-page .input-shell,
.create-invoice-page .input-shell,
.account-page .input-shell{
  min-height:54px !important;
  padding:0 14px !important;
  gap:12px !important;
  border:1px solid #c9d9ef !important;
  border-radius:15px !important;
  background:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 7px 16px rgba(26,75,142,.035) !important;
  transform:none !important;
  overflow:visible !important;
}
.login-page .input-shell:hover,
.create-invoice-page .input-shell:hover,
.account-page .input-shell:hover{
  border-color:#aecaef !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(26,75,142,.055) !important;
}
.login-page .input-shell:focus-within,
.create-invoice-page .input-shell:focus-within,
.account-page .input-shell:focus-within{
  border-color:#6aa4ff !important;
  box-shadow:0 0 0 3px rgba(11,99,246,.16),0 10px 22px rgba(26,75,142,.08) !important;
  transform:none !important;
}
.login-page .input-shell input,
.create-invoice-page .input-shell input,
.account-page .input-shell input{
  height:52px !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
.login-page .input-shell svg,
.create-invoice-page .input-shell svg,
.account-page .input-shell svg{
  flex:0 0 auto !important;
}
.zg-back-link{
  width:auto !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  font-size:14px !important;
  line-height:1 !important;
  gap:8px !important;
  justify-self:start !important;
  align-self:start !important;
  box-shadow:0 10px 22px rgba(11,99,246,.07) !important;
}
.zg-back-link:hover,
.zg-back-link:focus-visible{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 28px rgba(11,99,246,.11) !important;
}
.zg-back-link span{
  font-size:15px !important;
  line-height:1 !important;
}
@media(max-width:680px){
  .nav-dropdown__menu{width:min(244px,calc(100vw - 28px)) !important;}
  .nav-dropdown__panel{padding:13px !important;}
  .zg-back-link{max-width:100% !important; white-space:normal !important;}
}
@media(prefers-reduced-motion:reduce){
  .site-header .btn-primary,
  .nav-actions .btn-primary,
  .nav-dropdown__badges a,
  .zg-back-link{transition:none !important;}
  .site-header .btn-primary:hover,
  .nav-actions .btn-primary:hover,
  .nav-dropdown__badges a:hover,
  .zg-back-link:hover{transform:none !important;}
}


/* =========================================================
   V212T browser-observed quality fixes
   Remove the remaining header/logo halo at the source. The header
   should be crisp white, not a blurred overlay that picks up page
   gradients behind the Zintego wordmark.
   ========================================================= */
.site-header,
header.site-header,
.zg-site-header,
.z-site-header{
  background:#ffffff !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
.site-header::before,
.site-header::after,
header.site-header::before,
header.site-header::after,
.zg-site-header::before,
.zg-site-header::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
}
.brand,
.site-header .brand,
.nav-wrap .brand,
.site-footer .brand{
  text-shadow:none !important;
  filter:none !important;
  box-shadow:none !important;
  background:transparent !important;
  -webkit-text-stroke:0 transparent !important;
}
.brand::before,
.brand::after,
.site-header .brand::before,
.site-header .brand::after,
.nav-wrap .brand::before,
.nav-wrap .brand::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
}