/* ZINTEGO_MASTER_SECTIONS_CSS_V2
   Governance: ZINTEGO_VISUAL_SYSTEM_RULES.md
   Shared master styling layer for approved Zintego page sections.

   Used by:
   - index.html homepage post-hero mirrored sections
   - invoice-generator/index.html shared post-hero sections

   This file is now the source of truth for the approved shared section system.
   It intentionally preserves the approved invoice-generator section CSS behavior
   from the visually accepted package to avoid sizing drift.
*/

/* =========================================================
   Zintego Invoice Generator — fresh rebuild
   Scope: /invoice-generator/
   Hero uses locked global .z-simple-hero direction.
   ========================================================= */

.invoice-generator-v3 .invoice-page__icons{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.invoice-generator-v3 .invoice-page{
  padding:44px 0;
  background:#fff;
  color:var(--z-navy);
}

.invoice-generator-v3 .invoice-page__section-title{
  text-align:center;
  margin:0 auto 28px;
}

.invoice-generator-v3 .invoice-page__section-title h2{
  margin:0 0 10px;
  font-size:clamp(32px,3vw,48px);
  line-height:1.08;
  letter-spacing:-.055em;
  color:var(--z-navy);
}

.invoice-generator-v3 .invoice-page__section-title p{
  margin:0 auto;
  max-width:720px;
  color:var(--z-muted);
  font-size:18px;
  line-height:1.55;
}

/* SVG icon system */

.invoice-generator-v3 .invoice-page__icon{
  width:34px;
  height:34px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.invoice-generator-v3 .invoice-page__icon-tile,
.invoice-generator-v3 .invoice-page__step-icon,
.invoice-generator-v3 .invoice-page__industry-icon,
.invoice-generator-v3 .invoice-page__shortcut-icon{
  display:grid;
  place-items:center;
  color:#fff;
  position:relative;
  box-shadow:0 16px 34px rgba(32,78,141,.12), inset 0 1px 0 rgba(255,255,255,.35);
}

.invoice-generator-v3 .invoice-page__icon-tile{
  width:66px;
  height:66px;
  border-radius:18px;
  margin:0 0 18px;
}

.invoice-generator-v3 .invoice-page__step-icon{
  width:82px;
  height:82px;
  border-radius:50%;
  margin:26px auto 20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 18px 38px rgba(32,78,141,.10);
}

.invoice-generator-v3 .invoice-page__step-icon .invoice-page__icon,
.invoice-generator-v3 .invoice-page__industry-icon .invoice-page__icon{
  width:38px;
  height:38px;
}

.invoice-generator-v3 .invoice-page__industry-icon{
  width:78px;
  height:78px;
  border-radius:22px;
  margin:0 auto 18px;
}

.invoice-generator-v3 .invoice-page__shortcut-icon{
  width:64px;
  height:64px;
  border-radius:18px;
}

.invoice-generator-v3 .invoice-page__icon-tile--blue,
.invoice-generator-v3 .invoice-page__industry-icon--blue,
.invoice-generator-v3 .invoice-page__shortcut-icon--blue{background:linear-gradient(135deg,#0b67ff,#4f8bff);}
.invoice-generator-v3 .invoice-page__icon-tile--green,
.invoice-generator-v3 .invoice-page__industry-icon--green,
.invoice-generator-v3 .invoice-page__shortcut-icon--green{background:linear-gradient(135deg,#17b978,#58d99a);}
.invoice-generator-v3 .invoice-page__icon-tile--purple,
.invoice-generator-v3 .invoice-page__industry-icon--purple,
.invoice-generator-v3 .invoice-page__shortcut-icon--purple{background:linear-gradient(135deg,#7437e8,#a78bfa);}
.invoice-generator-v3 .invoice-page__icon-tile--orange,
.invoice-generator-v3 .invoice-page__industry-icon--orange,
.invoice-generator-v3 .invoice-page__shortcut-icon--orange{background:linear-gradient(135deg,#ff7a00,#ffb35c);}
.invoice-generator-v3 .invoice-page__icon-tile--pink,
.invoice-generator-v3 .invoice-page__industry-icon--pink,
.invoice-generator-v3 .invoice-page__shortcut-icon--pink{background:linear-gradient(135deg,#f43f5e,#fb7185);}
.invoice-generator-v3 .invoice-page__icon-tile--teal,
.invoice-generator-v3 .invoice-page__industry-icon--teal,
.invoice-generator-v3 .invoice-page__shortcut-icon--teal{background:linear-gradient(135deg,#08a9b8,#2dd4bf);}
.invoice-generator-v3 .invoice-page__industry-icon--yellow,
.invoice-generator-v3 .invoice-page__shortcut-icon--yellow{background:linear-gradient(135deg,#f59e0b,#facc15);}

.invoice-generator-v3 .invoice-page__step-icon--blue{background:#edf5ff;color:#0b63f6;}
.invoice-generator-v3 .invoice-page__step-icon--green{background:#eafaf1;color:#17b978;}
.invoice-generator-v3 .invoice-page__step-icon--purple{background:#f1ebff;color:#7437e8;}
.invoice-generator-v3 .invoice-page__step-icon--orange{background:#fff2e4;color:#ff7a00;}


/* Premium PNG icon integration */

.invoice-generator-v3 .invoice-page__premium-icon{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

.invoice-generator-v3 .invoice-page__premium-icon--benefit{
  width:72px;
  height:72px;
  margin:0 0 18px;
}

.invoice-generator-v3 .invoice-page__premium-icon--step{
  width:96px;
  height:96px;
  margin:26px auto 20px;
}

.invoice-generator-v3 .invoice-page__premium-icon--industry{
  width:86px;
  height:86px;
  margin:0 auto 18px;
}

.invoice-generator-v3 .invoice-page__premium-icon--shortcut{
  width:64px;
  height:64px;
  justify-self:start;
}

/* Benefits */

.invoice-generator-v3 .invoice-page--benefits{
  padding-top:38px;
}

.invoice-generator-v3 .invoice-page__benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.invoice-generator-v3 .invoice-page__benefit-card{
  min-height:205px;
  padding:28px 30px;
  border:1px solid #dce8f8;
  border-radius:22px;
  background:radial-gradient(circle at 16% 12%, rgba(11,99,246,.035), transparent 28%), #fff;
  box-shadow:0 18px 46px rgba(32,78,141,.065);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__benefit-card:hover{
  transform:translateY(-3px);
  border-color:#bdd3f7;
  box-shadow:0 26px 66px rgba(32,78,141,.105);
}

.invoice-generator-v3 .invoice-page__benefit-card h3{
  margin:0 0 10px;
  font-size:21px;
  line-height:1.14;
  letter-spacing:-.03em;
}

.invoice-generator-v3 .invoice-page__benefit-card p{
  margin:0;
  color:var(--z-muted);
  font-size:15.5px;
  line-height:1.58;
  max-width:390px;
}

/* Steps */

.invoice-generator-v3 .invoice-page--steps{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__step-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px;
  position:relative;
}

.invoice-generator-v3 .invoice-page__step-card{
  min-height:250px;
  padding:34px 26px 28px;
  text-align:center;
  position:relative;
  border:1px solid #dce8f8;
  border-radius:22px;
  background:radial-gradient(circle at 50% 16%, rgba(11,99,246,.04), transparent 30%), #fff;
  box-shadow:0 18px 46px rgba(32,78,141,.06);
}

.invoice-generator-v3 .invoice-page__step-card:after{
  content:"";
  position:absolute;
  top:49%;
  right:-32px;
  width:34px;
  border-top:3px dotted #8db7ff;
  opacity:.85;
}

.invoice-generator-v3 .invoice-page__step-card:last-child:after{
  display:none;
}

.invoice-generator-v3 .invoice-page__step-number{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  font-size:17px;
  box-shadow:0 12px 28px rgba(11,99,246,.18);
}

.invoice-generator-v3 .invoice-page__step-number--blue{background:#0b63f6;}
.invoice-generator-v3 .invoice-page__step-number--green{background:#17b978;}
.invoice-generator-v3 .invoice-page__step-number--purple{background:#7437e8;}
.invoice-generator-v3 .invoice-page__step-number--orange{background:#ff7a00;}

.invoice-generator-v3 .invoice-page__step-card h3{
  margin:0 0 10px;
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.03em;
}

.invoice-generator-v3 .invoice-page__step-card p{
  margin:0 auto;
  max-width:260px;
  color:var(--z-muted);
  font-size:15px;
  line-height:1.55;
}

/* Template previews: HTML/CSS mini invoices */

.invoice-generator-v3 .invoice-page--templates{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__template-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.invoice-generator-v3 .invoice-page__template-card{
  text-align:center;
}

.invoice-generator-v3 .invoice-page__template{
  height:280px;
  border:1px solid #dce8f8;
  border-radius:20px;
  background:#fff;
  padding:28px;
  box-shadow:0 18px 48px rgba(32,78,141,.08);
  display:flex;
  flex-direction:column;
  gap:13px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__template-card:hover .invoice-page__template{
  transform:translateY(-4px);
  border-color:#bdd3f7;
  box-shadow:0 28px 72px rgba(32,78,141,.13);
}

.invoice-generator-v3 .invoice-page__template-bar{
  height:8px;
  border-radius:999px;
  background:#dbe8fb;
}

.invoice-generator-v3 .invoice-page__template-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  text-align:left;
}

.invoice-generator-v3 .invoice-page__template-head strong{
  font-size:22px;
  letter-spacing:-.04em;
}

.invoice-generator-v3 .invoice-page__template-head span{
  color:#536581;
  font-size:14px;
}

.invoice-generator-v3 .invoice-page__template-lines{
  display:grid;
  gap:8px;
}

.invoice-generator-v3 .invoice-page__template-lines i,
.invoice-generator-v3 .invoice-page__template-table b{
  display:block;
  height:10px;
  border-radius:999px;
  background:#edf3fb;
}

.invoice-generator-v3 .invoice-page__template-lines i:nth-child(2){width:84%;}
.invoice-generator-v3 .invoice-page__template-lines i:nth-child(3){width:68%;}

.invoice-generator-v3 .invoice-page__template-table{
  margin-top:8px;
  display:grid;
  grid-template-columns:1.4fr .6fr .8fr;
  gap:10px 12px;
}

.invoice-generator-v3 .invoice-page__template-total{
  margin-top:auto;
  text-align:right;
  color:#0b63f6;
  font-size:20px;
  font-weight:900;
}

.invoice-generator-v3 .invoice-page__template-card h3{
  margin:16px 0 0;
  color:#536581;
  font-size:18px;
  font-weight:800;
}

.invoice-generator-v3 .invoice-page__template--blue .invoice-page__template-bar{background:#0b63f6;}
.invoice-generator-v3 .invoice-page__template--green .invoice-page__template-bar{background:#16a56f;}
.invoice-generator-v3 .invoice-page__template--elegant{background:#fffaf0;}
.invoice-generator-v3 .invoice-page__template--elegant .invoice-page__template-bar{background:#d6b074;}
.invoice-generator-v3 .invoice-page__template--creative .invoice-page__template-bar{background:#7c3aed;}
.invoice-generator-v3 .invoice-page__template--dark{background:#101828;color:#fff;}
.invoice-generator-v3 .invoice-page__template--dark .invoice-page__template-lines i,
.invoice-generator-v3 .invoice-page__template--dark .invoice-page__template-table b{background:#344054;}
.invoice-generator-v3 .invoice-page__template--dark .invoice-page__template-head span{color:#98a2b3;}

/* Industries */

.invoice-generator-v3 .invoice-page--industries{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__industry-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.invoice-generator-v3 .invoice-page__industry-card{
  min-height:230px;
  padding:32px 28px;
  text-align:center;
  text-decoration:none;
  color:var(--z-navy);
  border:1px solid #dce8f8;
  border-radius:22px;
  background:radial-gradient(circle at 50% 15%, rgba(11,99,246,.035), transparent 32%), #fff;
  box-shadow:0 18px 46px rgba(32,78,141,.065);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__industry-card:hover{
  transform:translateY(-3px);
  border-color:#bdd3f7;
  box-shadow:0 28px 68px rgba(32,78,141,.12);
}

.invoice-generator-v3 .invoice-page__industry-card strong{
  display:block;
  margin:0 0 10px;
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.035em;
}

.invoice-generator-v3 .invoice-page__industry-card small{
  display:block;
  max-width:340px;
  margin:0 auto;
  color:var(--z-muted);
  font-size:15px;
  line-height:1.55;
}

/* Shortcuts */

.invoice-generator-v3 .invoice-page--shortcuts{
  padding-top:54px;
}

.invoice-generator-v3 .invoice-page__shortcut-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.invoice-generator-v3 .invoice-page__shortcut-card{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 28px;
  gap:18px;
  align-items:center;
  min-height:128px;
  padding:22px 24px;
  text-decoration:none;
  color:var(--z-navy);
  border:1px solid #dce8f8;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(32,78,141,.055);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.invoice-generator-v3 .invoice-page__shortcut-card:hover{
  transform:translateY(-2px);
  border-color:#bdd3f7;
  box-shadow:0 24px 58px rgba(32,78,141,.10);
}

.invoice-generator-v3 .invoice-page__shortcut-card strong{
  display:block;
  margin:0 0 6px;
  font-size:19px;
  line-height:1.15;
  letter-spacing:-.03em;
}

.invoice-generator-v3 .invoice-page__shortcut-card small{
  display:block;
  color:var(--z-muted);
  font-size:14px;
  line-height:1.45;
}

.invoice-generator-v3 .invoice-page__shortcut-card b{
  color:#0b63f6;
  font-size:20px;
}

/* CTA */

.invoice-generator-v3 .invoice-page--cta{
  padding:54px 0 72px;
}

.invoice-generator-v3 .invoice-page__cta{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) 270px 320px;
  gap:36px;
  align-items:center;
  border-radius:28px;
  padding:42px 52px;
  color:#fff;
  background:
    radial-gradient(circle at 62% 35%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(90deg,#0b63f6 0%,#345ef4 52%,#7a3cff 100%);
  box-shadow:0 24px 64px rgba(41,78,171,.22);
  overflow:hidden;
}

.invoice-generator-v3 .invoice-page__cta h2{
  margin:0 0 14px;
  font-size:clamp(34px,3vw,46px);
  line-height:1.06;
  letter-spacing:-.055em;
}

.invoice-generator-v3 .invoice-page__cta p{
  margin:0 0 22px;
  color:rgba(255,255,255,.92);
  font-size:18px;
  line-height:1.55;
}

.invoice-generator-v3 .invoice-page__checks{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.invoice-generator-v3 .invoice-page__checks span{
  font-size:15px;
  font-weight:900;
}

.invoice-generator-v3 .invoice-page__cta-visual{
  position:relative;
  min-height:160px;
}

.invoice-generator-v3 .invoice-page__mini-invoice{
  position:absolute;
  left:18px;
  top:10px;
  width:160px;
  height:150px;
  border-radius:20px;
  background:#fff;
  color:var(--z-navy);
  padding:20px;
  transform:rotate(-5deg);
  box-shadow:0 22px 44px rgba(8,20,60,.22);
}

.invoice-generator-v3 .invoice-page__mini-invoice strong{
  display:block;
  margin-bottom:28px;
  font-size:18px;
}

.invoice-generator-v3 .invoice-page__mini-invoice span{
  display:block;
  margin-bottom:14px;
  color:#0b63f6;
  font-size:22px;
  font-weight:900;
}

.invoice-generator-v3 .invoice-page__mini-invoice i{
  display:block;
  height:8px;
  margin-top:8px;
  border-radius:999px;
  background:#edf3fb;
}

.invoice-generator-v3 .invoice-page__paid-chip{
  position:absolute;
  right:10px;
  bottom:20px;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  background:#19bd75;
  font-weight:900;
  box-shadow:0 16px 34px rgba(25,189,117,.24);
}

.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid;
  gap:14px;
}

.invoice-generator-v3 .invoice-page__cta-actions .btn{
  justify-content:center;
}

.invoice-generator-v3 .invoice-page__ghost-btn{
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
  background:rgba(255,255,255,.08);
}

/* Responsive */

@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__benefit-grid,
  .invoice-generator-v3 .invoice-page__template-grid,
  .invoice-generator-v3 .invoice-page__industry-grid,
  .invoice-generator-v3 .invoice-page__shortcut-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .invoice-generator-v3 .invoice-page__step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .invoice-generator-v3 .invoice-page__step-card:after{
    display:none;
  }
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .invoice-generator-v3 .invoice-page{
    padding:34px 0;
  }
  .invoice-generator-v3 .invoice-page__benefit-grid,
  .invoice-generator-v3 .invoice-page__template-grid,
  .invoice-generator-v3 .invoice-page__industry-grid,
  .invoice-generator-v3 .invoice-page__shortcut-grid,
  .invoice-generator-v3 .invoice-page__step-grid{
    grid-template-columns:1fr;
  }
  .invoice-generator-v3 .invoice-page__template{
    height:245px;
  }
  .invoice-generator-v3 .invoice-page__shortcut-card{
    grid-template-columns:64px minmax(0,1fr);
  }
  .invoice-generator-v3 .invoice-page__shortcut-card b{
    display:none;
  }
  .invoice-generator-v3 .invoice-page__cta{
    padding:32px 24px;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    display:none;
  }
}



/* CTA visual integration: live text/buttons with extracted visual asset */
.invoice-generator-v3 .invoice-page__cta{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.75fr) minmax(280px,.55fr) !important;
  gap:34px !important;
  align-items:center !important;
  position:relative !important;
  min-height:300px !important;
  border-radius:28px !important;
  padding:42px 52px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 56% 34%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(90deg,#0b63f6 0%,#345ef4 52%,#7a3cff 100%) !important;
  box-shadow:0 24px 64px rgba(41,78,171,.22) !important;
  overflow:hidden !important;
}
.invoice-generator-v3 .invoice-page__cta:before{
  content:"" !important;
  position:absolute !important;
  inset:auto auto -42px 16% !important;
  width:360px !important;
  height:180px !important;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%) !important;
  pointer-events:none !important;
}
.invoice-generator-v3 .invoice-page__cta-copy,
.invoice-generator-v3 .invoice-page__cta-actions,
.invoice-generator-v3 .invoice-page__cta-visual{
  position:relative !important;
  z-index:1 !important;
}
.invoice-generator-v3 .invoice-page__cta-visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:220px !important;
}
.invoice-generator-v3 .invoice-page__cta-image{
  display:block !important;
  width:min(100%,430px) !important;
  max-height:300px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 26px 46px rgba(8,20,60,.28)) !important;
  transform:translateY(2px) rotate(-1deg) !important;
}
.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid !important;
  gap:16px !important;
}
.invoice-generator-v3 .invoice-page__cta-actions .btn{
  min-height:68px !important;
  border-radius:16px !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:18px !important;
}
.invoice-generator-v3 .invoice-page__ghost-btn{
  border:1px solid rgba(255,255,255,.42) !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.invoice-generator-v3 .invoice-page__ghost-btn:hover{
  background:rgba(255,255,255,.14) !important;
}
.invoice-generator-v3 .invoice-page__mini-invoice,
.invoice-generator-v3 .invoice-page__paid-chip{
  display:none !important;
}
@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr !important;
    text-align:left !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    order:2 !important;
    min-height:180px !important;
  }
  .invoice-generator-v3 .invoice-page__cta-actions{
    order:3 !important;
    max-width:420px !important;
  }
}
@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__cta{
    padding:32px 24px !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    display:none !important;
  }
}



/* Final CTA fix: controlled HTML/CSS mini invoice visual, no pasted image asset */
.invoice-generator-v3 .invoice-page__cta{
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(220px,.62fr) minmax(280px,.58fr) !important;
  gap:34px !important;
  align-items:center !important;
  min-height:292px !important;
  padding:42px 52px !important;
  background:
    radial-gradient(circle at 54% 36%, rgba(255,255,255,.13), transparent 27%),
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(90deg,#0b63f6 0%,#365bf4 52%,#7737f5 100%) !important;
}
.invoice-generator-v3 .invoice-page__cta-image,
.invoice-generator-v3 .invoice-page__cta-visual > img{
  display:none !important;
}
.invoice-generator-v3 .invoice-page__cta-visual{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-height:220px !important;
  position:relative !important;
  z-index:1 !important;
}
.invoice-generator-v3 .invoice-page__css-visual{
  position:relative !important;
  width:270px !important;
  height:220px !important;
}
.invoice-generator-v3 .invoice-page__visual-invoice{
  position:absolute !important;
  inset:18px 42px 18px 26px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%) !important;
  color:#071632 !important;
  padding:20px !important;
  transform:rotate(-5deg) !important;
  box-shadow:0 26px 52px rgba(7,22,50,.24) !important;
  border:1px solid rgba(255,255,255,.85) !important;
}
.invoice-generator-v3 .invoice-page__visual-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin-bottom:18px !important;
}
.invoice-generator-v3 .invoice-page__visual-top strong{
  font-size:18px !important;
  letter-spacing:-.04em !important;
}
.invoice-generator-v3 .invoice-page__visual-top span{
  font-size:10px !important;
  color:#536581 !important;
  font-weight:800 !important;
}
.invoice-generator-v3 .invoice-page__visual-client{
  display:grid !important;
  gap:7px !important;
  margin-bottom:18px !important;
}
.invoice-generator-v3 .invoice-page__visual-client i,
.invoice-generator-v3 .invoice-page__visual-lines b{
  display:block !important;
  height:8px !important;
  border-radius:999px !important;
  background:#e8f0fb !important;
}
.invoice-generator-v3 .invoice-page__visual-client i:first-child{
  width:74% !important;
}
.invoice-generator-v3 .invoice-page__visual-client i:last-child{
  width:54% !important;
}
.invoice-generator-v3 .invoice-page__visual-lines{
  display:grid !important;
  gap:8px !important;
  margin-bottom:18px !important;
}
.invoice-generator-v3 .invoice-page__visual-lines b:nth-child(1){
  width:92% !important;
}
.invoice-generator-v3 .invoice-page__visual-lines b:nth-child(2){
  width:82% !important;
}
.invoice-generator-v3 .invoice-page__visual-lines b:nth-child(3){
  width:68% !important;
}
.invoice-generator-v3 .invoice-page__visual-total{
  margin-top:auto !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:14px !important;
}
.invoice-generator-v3 .invoice-page__visual-total small{
  color:#536581 !important;
  font-size:10px !important;
  font-weight:800 !important;
}
.invoice-generator-v3 .invoice-page__visual-total strong{
  color:#0b63f6 !important;
  font-size:20px !important;
  font-weight:900 !important;
}
.invoice-generator-v3 .invoice-page__visual-paid{
  position:absolute !important;
  left:0 !important;
  bottom:34px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:12px 16px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#0f7a4f !important;
  font-weight:900 !important;
  box-shadow:0 18px 38px rgba(7,22,50,.18) !important;
  border:1px solid rgba(255,255,255,.8) !important;
}
.invoice-generator-v3 .invoice-page__visual-paid::first-letter{
  color:#19bd75 !important;
}
.invoice-generator-v3 .invoice-page__glass-tile{
  position:absolute !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(91,202,255,.18)) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 18px 42px rgba(7,22,50,.16), inset 0 1px 0 rgba(255,255,255,.28) !important;
  backdrop-filter:blur(8px) !important;
}
.invoice-generator-v3 .invoice-page__glass-tile--one{
  width:58px !important;
  height:58px !important;
  top:20px !important;
  left:12px !important;
  transform:rotate(-18deg) !important;
}
.invoice-generator-v3 .invoice-page__glass-tile--two{
  width:64px !important;
  height:64px !important;
  right:10px !important;
  bottom:18px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(161,96,255,.34)) !important;
  transform:rotate(18deg) !important;
}
.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid !important;
  gap:16px !important;
  position:relative !important;
  z-index:1 !important;
}
.invoice-generator-v3 .invoice-page__cta-actions .btn{
  min-height:68px !important;
  border-radius:16px !important;
  justify-content:center !important;
  font-size:18px !important;
  font-weight:900 !important;
}
@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    order:2 !important;
  }
  .invoice-generator-v3 .invoice-page__cta-actions{
    order:3 !important;
    max-width:420px !important;
  }
}
@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__cta{
    padding:32px 24px !important;
  }
  .invoice-generator-v3 .invoice-page__cta-visual{
    display:none !important;
  }
}



/* Final CTA cleanup: no visual artwork, clean two-column conversion banner */
.invoice-generator-v3 .invoice-page__cta{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
  gap:42px !important;
  align-items:center !important;
  min-height:250px !important;
  padding:46px 56px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.16), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(90deg,#0b63f6 0%,#315df5 54%,#7437f5 100%) !important;
}
.invoice-generator-v3 .invoice-page__cta-visual,
.invoice-generator-v3 .invoice-page__css-visual,
.invoice-generator-v3 .invoice-page__mini-invoice,
.invoice-generator-v3 .invoice-page__paid-chip,
.invoice-generator-v3 .invoice-page__cta-image{
  display:none !important;
}
.invoice-generator-v3 .invoice-page__cta-copy{
  max-width:720px !important;
}
.invoice-generator-v3 .invoice-page__cta h2{
  max-width:560px !important;
}
.invoice-generator-v3 .invoice-page__checks{
  display:grid !important;
  grid-template-columns:repeat(3,max-content) !important;
  gap:16px 24px !important;
  align-items:center !important;
}
.invoice-generator-v3 .invoice-page__cta-actions{
  display:grid !important;
  gap:16px !important;
  justify-self:stretch !important;
  max-width:360px !important;
  width:100% !important;
}
.invoice-generator-v3 .invoice-page__cta-actions .btn{
  min-height:68px !important;
  border-radius:16px !important;
  justify-content:center !important;
  font-size:18px !important;
  font-weight:900 !important;
}
.invoice-generator-v3 .invoice-page__ghost-btn{
  border:1px solid rgba(255,255,255,.42) !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16) !important;
}
@media(max-width:980px){
  .invoice-generator-v3 .invoice-page__cta{
    grid-template-columns:1fr !important;
    padding:36px 28px !important;
  }
  .invoice-generator-v3 .invoice-page__checks{
    grid-template-columns:1fr !important;
  }
  .invoice-generator-v3 .invoice-page__cta-actions{
    max-width:none !important;
  }
}



/* Premium icon transparency cleanup safety */
.invoice-generator-v3 .invoice-page__premium-icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
}
.invoice-generator-v3 .invoice-page__benefit-card .invoice-page__premium-icon,
.invoice-generator-v3 .invoice-page__step-card .invoice-page__premium-icon,
.invoice-generator-v3 .invoice-page__industry-card .invoice-page__premium-icon,
.invoice-generator-v3 .invoice-page__shortcut-card .invoice-page__premium-icon{
  background:transparent !important;
}



/* Template Preview Fix Phase A: tight real invoice previews */
.invoice-generator-v3 .invoice-page--templates{
  padding-top:46px !important;
}

.invoice-generator-v3 .invoice-page__template-grid{
  gap:24px !important;
}

.invoice-generator-v3 .invoice-page__real-template-frame--tight{
  height:300px !important;
  border:1px solid #dce8f8 !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  padding:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-shadow:0 18px 48px rgba(32,78,141,.08) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.invoice-generator-v3 .invoice-page__template-card:hover .invoice-page__real-template-frame--tight{
  transform:translateY(-4px) !important;
  border-color:#bdd3f7 !important;
  box-shadow:0 28px 72px rgba(32,78,141,.13) !important;
}

.invoice-generator-v3 .invoice-page__real-template-frame--tight picture{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.invoice-generator-v3 .invoice-page__real-template-frame--tight img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  border-radius:12px !important;
}

.invoice-generator-v3 .invoice-page__template-card h3{
  margin-top:12px !important;
  font-size:18px !important;
}

.invoice-generator-v3 .invoice-page__center-link{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:max-content !important;
  margin:24px auto 0 !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__real-template-frame--tight{ height:315px !important; }
}

@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__real-template-frame--tight{
    height:250px !important;
    padding:12px !important;
  }
}


/* Template gallery polish: integrated clickable cards, larger previews, cleaner CTA */
.invoice-generator-v3 .invoice-page--templates{
  padding-top:56px !important;
  padding-bottom:56px !important;
}

.invoice-generator-v3 .invoice-page__template-gallery{
  gap:28px !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:1px solid #d8e8ff !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
  text-decoration:none !important;
  color:inherit !important;
  text-align:left !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery:hover{
  transform:translateY(-4px) !important;
  border-color:#93c5fd !important;
  box-shadow:0 24px 60px rgba(15,23,42,.12) !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery:hover .invoice-page__real-template-frame--tight{
  transform:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight{
  height:270px !important;
  min-height:270px !important;
  width:100% !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 50% 24%, rgba(219,234,254,.9), transparent 54%),
    linear-gradient(180deg,#f8fbff 0%,#fff 100%) !important;
  padding:24px 28px 20px !important;
  box-shadow:none !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight picture{
  width:100% !important;
  height:100% !important;
}

.invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight img{
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:225px !important;
  object-fit:contain !important;
  border-radius:10px !important;
  filter:drop-shadow(0 16px 20px rgba(15,23,42,.16)) !important;
}

.invoice-generator-v3 .invoice-page__template-card-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:18px 22px 20px !important;
  border-top:1px solid #eef5ff !important;
  background:#fff !important;
}

.invoice-generator-v3 .invoice-page__template-card-footer h3,
.invoice-generator-v3 .invoice-page__template-card--gallery h3{
  margin:0 !important;
  color:#183b67 !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

.invoice-generator-v3 .invoice-page__template-card-footer span{
  color:#2563eb !important;
  font-size:14px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.invoice-generator-v3 .invoice-page__templates-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  margin:30px auto 0 !important;
  padding:14px 22px !important;
  border:1px solid #bfdbfe !important;
  border-radius:999px !important;
  background:#0b63f6 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 14px 34px rgba(11,99,246,.22) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.invoice-generator-v3 .invoice-page__templates-cta:hover{
  transform:translateY(-2px) !important;
  background:#084fbf !important;
  box-shadow:0 18px 42px rgba(11,99,246,.28) !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight{
    height:260px !important;
    min-height:260px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight img{
    max-height:215px !important;
  }
}

@media(max-width:760px){
  .invoice-generator-v3 .invoice-page__template-gallery{
    gap:20px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight{
    height:250px !important;
    min-height:250px !important;
    padding:20px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card--gallery .invoice-page__real-template-frame--tight img{
    max-height:210px !important;
  }
  .invoice-generator-v3 .invoice-page__template-card-footer{
    padding:16px 18px 18px !important;
  }
}

/* ZG_TEMPLATE_GALLERY_V2 */
.invoice-generator-v3 .zg-template-gallery{
  padding:10px 0 6px;
}
.invoice-generator-v3 .zg-template-gallery__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:34px;
}
.invoice-generator-v3 .zg-template-gallery__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;
}
.invoice-generator-v3 .zg-template-gallery__eyebrow::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 0 0 5px rgba(37,99,235,.12);
}
.invoice-generator-v3 .zg-template-gallery h2{
  max-width:760px;
  margin:0 0 12px;
  color:#021f4f;
  font-size:clamp(2.15rem,4.4vw,4rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:900;
}
.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:650px;
  margin:0;
  color:#496887;
  font-size:clamp(1rem,1.7vw,1.18rem);
  line-height:1.65;
}
.invoice-generator-v3 .zg-template-gallery__top-cta,
.invoice-generator-v3 .zg-template-card__primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.invoice-generator-v3 .zg-template-gallery__top-cta{
  min-height:50px;
  padding:0 21px;
  color:#fff;
  background:linear-gradient(135deg,#1d4ed8 0%,#2672ff 100%);
  box-shadow:0 14px 28px rgba(37,99,235,.24);
}
.invoice-generator-v3 .zg-template-gallery__top-cta:hover{ transform:translateY(-2px); box-shadow:0 18px 36px rgba(37,99,235,.30); }
.invoice-generator-v3 .zg-template-gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.invoice-generator-v3 .zg-template-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 14px 36px rgba(15,23,42,.07);
  transition:transform .19s ease, box-shadow .19s ease, border-color .19s ease;
}
.invoice-generator-v3 .zg-template-card:hover{ transform:translateY(-5px); border-color:#bfd6fb; box-shadow:0 22px 56px rgba(15,23,42,.12); }
.invoice-generator-v3 .zg-template-card:focus-visible{ outline:4px solid rgba(37,99,235,.24); outline-offset:4px; }
.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px;
  background:radial-gradient(circle at 50% 12%, rgba(37,99,235,.10), transparent 58%), linear-gradient(180deg,#f8fbff 0%,#f1f7ff 100%);
}
.invoice-generator-v3 .zg-template-card__frame{
  position:relative;
  aspect-ratio:5 / 6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:18px;
  background:#f8fbff;
  box-shadow:inset 0 0 0 1px rgba(219,234,254,.86), 0 18px 34px rgba(15,23,42,.05);
}
.invoice-generator-v3 .zg-template-card__frame picture{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.invoice-generator-v3 .zg-template-card__frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transition:transform .22s ease;
}
.invoice-generator-v3 .zg-template-card:hover .zg-template-card__frame img{ transform:scale(1.025); }
.invoice-generator-v3 .zg-template-card__body{ display:flex; flex:1; flex-direction:column; padding:20px 22px 22px; }
.invoice-generator-v3 .zg-template-card__title-row{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:8px; }
.invoice-generator-v3 .zg-template-card h3{ margin:0 !important; color:#07346d; font-size:1.23rem !important; line-height:1.2; letter-spacing:-.018em; font-weight:900; }
.invoice-generator-v3 .zg-template-card__badge{ display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border-radius:999px; color:#1d4ed8; background:#eff6ff; font-size:.75rem; font-weight:850; }
.invoice-generator-v3 .zg-template-card p{ margin:0 0 18px; color:#5d728c; font-size:.98rem; line-height:1.52; }
.invoice-generator-v3 .zg-template-card__actions{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:auto; }
.invoice-generator-v3 .zg-template-card__primary{ min-height:42px; padding:0 15px; color:#1d4ed8; background:#eff6ff; box-shadow:inset 0 0 0 1px rgba(37,99,235,.10); }
.invoice-generator-v3 .zg-template-card:hover .zg-template-card__primary{ background:#dbeafe; }
.invoice-generator-v3 .zg-template-card__secondary{ color:#2563eb; font-size:.94rem; font-weight:850; white-space:nowrap; }
@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__header{ align-items:flex-start; flex-direction:column; }
  .invoice-generator-v3 .zg-template-gallery__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px){
  .invoice-generator-v3 .zg-template-gallery__grid{ grid-template-columns:1fr; gap:18px; }
  .invoice-generator-v3 .zg-template-gallery__top-cta{ width:100%; }
  .invoice-generator-v3 .zg-template-card__stage{ padding:16px 16px 10px; }
}

/* ZG_TEMPLATE_GALLERY_VISUAL_POLISH_V3 */
.invoice-generator-v3 .invoice-page--templates{
  padding-top:64px !important;
  padding-bottom:72px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.055), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}

.invoice-generator-v3 .zg-template-gallery{
  padding:0 !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  max-width:1180px !important;
  margin:0 auto 32px !important;
  align-items:center !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:760px !important;
  margin-bottom:10px !important;
  font-size:clamp(2rem,3.8vw,3.35rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.045em !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:620px !important;
  font-size:1.06rem !important;
  line-height:1.55 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  min-height:46px !important;
  padding:0 18px !important;
  font-size:.95rem !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.invoice-generator-v3 .zg-template-card{
  border-radius:22px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.065) !important;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 48px rgba(15,23,42,.11) !important;
}

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

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.35 !important;
  border-radius:17px !important;
  background:#ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.82),
    0 14px 30px rgba(15,23,42,.045) !important;
}

.invoice-generator-v3 .zg-template-card__frame img{
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
}

.invoice-generator-v3 .zg-template-card:hover .zg-template-card__frame img{
  transform:scale(1.022) !important;
}

.invoice-generator-v3 .zg-template-card__body{
  padding:17px 19px 19px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  margin-bottom:6px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  font-size:1.12rem !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  min-height:24px !important;
  padding:0 9px !important;
  font-size:.72rem !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin-bottom:15px !important;
  font-size:.93rem !important;
  line-height:1.45 !important;
}

.invoice-generator-v3 .zg-template-card__primary{
  min-height:38px !important;
  padding:0 13px !important;
  font-size:.9rem !important;
}

.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.9rem !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__header{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:52px !important;
    padding-bottom:58px !important;
  }
  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:24px !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2rem,10vw,2.65rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1rem !important;
  }
  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .invoice-generator-v3 .zg-template-card__frame{
    aspect-ratio:5 / 5.15 !important;
  }
  .invoice-generator-v3 .zg-template-card__frame img{
    width:90% !important;
    height:90% !important;
    max-width:90% !important;
    max-height:90% !important;
  }
}



/* ZINTEGO_INVOICE_TEMPLATE_GALLERY_TYPOGRAPHY_POLISH_V1
   Typography-only normalization for the invoice-generator template gallery.
*/
.invoice-generator-v3 .zg-template-gallery,
.invoice-generator-v3 .zg-template-gallery *{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.invoice-generator-v3 .zg-template-gallery h2{
  font-size:clamp(2rem,3vw,2.75rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  font-size:1.02rem !important;
  line-height:1.6 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  font-size:.78rem !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-card h3{
  font-size:1.08rem !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card p{
  font-size:.94rem !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  font-size:.7rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta,
.invoice-generator-v3 .zg-template-card__primary,
.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:800 !important;
}

@media(max-width:680px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(1.85rem,8.5vw,2.35rem) !important;
    line-height:1.1 !important;
    letter-spacing:-.032em !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:.98rem !important;
    line-height:1.58 !important;
  }
}



/* ZINTEGO_INVOICE_TEMPLATE_GALLERY_TYPOGRAPHY_POLISH_V2
   Screenshot benchmark typography for invoice-generator template gallery.
*/
.invoice-generator-v3 .zg-template-gallery,
.invoice-generator-v3 .zg-template-gallery *{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.invoice-generator-v3 .zg-template-gallery 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;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  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;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  font-size:.82rem !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-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;
}

.invoice-generator-v3 .zg-template-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;
}

.invoice-generator-v3 .zg-template-card__badge{
  font-size:.76rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta,
.invoice-generator-v3 .zg-template-card__primary,
.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card__body{
  padding:22px 24px 24px !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.3rem,5vw,3.25rem) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.05rem,9.5vw,2.75rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.048em !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.04rem !important;
    line-height:1.52 !important;
  }

  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.35rem !important;
  }

  .invoice-generator-v3 .zg-template-card p{
    font-size:1.03rem !important;
  }
}



/* ZINTEGO_INVOICE_BENEFIT_CARD_GUARD_V1
   Keep invoice-generator benefit cards as simple informational panels:
   no template-card typography, no action-card treatment.
*/
.invoice-generator-v3 .invoice-page__benefit-card h3{
  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;
}

.invoice-generator-v3 .invoice-page__benefit-card p{
  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;
}

.invoice-generator-v3 .invoice-page__benefit-card .invoice-page__premium-icon{
  width:96px !important;
  height:96px !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
}



/* ZINTEGO_INVOICE_TEMPLATE_SECTION_SCREENSHOT_POLISH_V1
   Match the premium font feel and polish of the approved screenshot:
   larger bold section heading, calmer subtitle, stronger card titles,
   readable card copy, refined spacing, and premium card presentation.
*/
.invoice-generator-v3 .invoice-page--templates{
  padding-top:72px !important;
  padding-bottom:82px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.055), transparent 34rem),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
}

.invoice-generator-v3 .zg-template-gallery{
  padding:0 !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  max-width:1220px !important;
  margin:0 auto 36px !important;
  align-items:center !important;
  gap:28px !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:880px !important;
  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;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:760px !important;
  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.22rem,1.65vw,1.48rem) !important;
  line-height:1.46 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  margin-bottom:14px !important;
  font-size:.82rem !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  min-height:52px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  font-size:1rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}

.invoice-generator-v3 .zg-template-card{
  border-radius:24px !important;
  box-shadow:0 18px 48px rgba(15,23,42,.075) !important;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 24px 58px rgba(15,23,42,.115) !important;
}

.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(37,99,235,.09), transparent 54%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%) !important;
}

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.45 !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.84),
    0 18px 36px rgba(15,23,42,.045) !important;
}

.invoice-generator-v3 .zg-template-card__frame img{
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
}

.invoice-generator-v3 .zg-template-card__body{
  display:flex !important;
  flex:1 !important;
  flex-direction:column !important;
  padding:24px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  align-items:flex-start !important;
  gap:14px !important;
  margin-bottom:10px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  margin:0 !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.48rem,1.8vw,1.82rem) !important;
  line-height:1.13 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  min-height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  font-size:.78rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin:0 0 18px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.02rem,1.18vw,1.12rem) !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__actions{
  gap:14px !important;
  margin-top:auto !important;
}

.invoice-generator-v3 .zg-template-card__primary{
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  font-weight:850 !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__header{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.4rem,5vw,3.35rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:clamp(1.1rem,1.8vw,1.28rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }
  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:28px !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }
  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
  }
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .invoice-generator-v3 .zg-template-card__frame{
    aspect-ratio:5 / 5.15 !important;
  }
  .invoice-generator-v3 .zg-template-card__body{
    padding:22px 22px 22px !important;
  }
  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.5rem !important;
  }
  .invoice-generator-v3 .zg-template-card p{
    font-size:1.03rem !important;
  }
}



/* ZINTEGO_INVOICE_TEMPLATE_SECTION_FONT_MATCH_V2
   More closely matches the approved workflow screenshot typography:
   centered H2/subtitle, no eyebrow distraction, controlled premium scale,
   card copy adjusted so template cards do not feel oversized or mismatched.
*/
.invoice-generator-v3 .invoice-page--templates{
  padding-top:72px !important;
  padding-bottom:82px !important;
  background:#ffffff !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  display:block !important;
  max-width:1160px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__header > div{
  max-width:100% !important;
  margin:0 auto !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  display:none !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:1120px !important;
  margin:0 auto 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;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:900px !important;
  margin:0 auto !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;
  letter-spacing:0 !important;
  font-weight:450 !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  display:inline-flex !important;
  margin:28px auto 0 !important;
  min-height:48px !important;
  padding:0 20px !important;
  font-size:.98rem !important;
  line-height:1 !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  gap:28px !important;
}

.invoice-generator-v3 .zg-template-card{
  border-radius:24px !important;
  box-shadow:0 18px 54px rgba(15,23,42,.055) !important;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 22px 58px rgba(15,23,42,.10) !important;
}

.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px !important;
}

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.35 !important;
  border-radius:18px !important;
}

.invoice-generator-v3 .zg-template-card__body{
  padding:22px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  align-items:center !important;
  margin-bottom:8px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.38rem,1.55vw,1.62rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  min-height:26px !important;
  padding:0 10px !important;
  font-size:.74rem !important;
  line-height:1 !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin:0 0 18px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1rem,1.08vw,1.08rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__primary,
.invoice-generator-v3 .zg-template-card__secondary{
  font-size:.94rem !important;
  line-height:1 !important;
  font-weight:850 !important;
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.4rem,5vw,3.35rem) !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:clamp(1.12rem,1.8vw,1.3rem) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }
  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:30px !important;
  }
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }
  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }
  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
    margin-top:22px !important;
  }
  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.42rem !important;
  }
  .invoice-generator-v3 .zg-template-card p{
    font-size:1.02rem !important;
  }
}



/* ZINTEGO_TEMPLATE_SECTION_REBUILD_V3
   Final scoped typography rebuild for invoice-generator template section.
   Purpose: match approved step-section typography feel while preserving the template-gallery layout/artwork.
*/
.invoice-generator-v3 .invoice-page--templates{
  padding-top:72px !important;
  padding-bottom:84px !important;
  background:#ffffff !important;
}

.invoice-generator-v3 .zg-template-gallery{
  max-width:100% !important;
  padding:0 !important;
}

.invoice-generator-v3 .zg-template-gallery__header{
  display:block !important;
  max-width:1280px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-gallery__header > div{
  max-width:1280px !important;
  margin:0 auto !important;
}

.invoice-generator-v3 .zg-template-gallery__eyebrow{
  display:none !important;
}

.invoice-generator-v3 .zg-template-gallery h2{
  max-width:1240px !important;
  margin:0 auto 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.55rem,3.8vw,3.7rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-gallery__intro{
  max-width:900px !important;
  margin:0 auto !important;
  color:#455f86 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.18rem,1.45vw,1.38rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-gallery__top-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:24px auto 0 !important;
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.96rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-gallery__grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

.invoice-generator-v3 .zg-template-card{
  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;
}

.invoice-generator-v3 .zg-template-card:hover{
  transform:translateY(-4px) !important;
  border-color:#bfd6fb !important;
  box-shadow:0 22px 58px rgba(15,23,42,.10) !important;
}

.invoice-generator-v3 .zg-template-card__stage{
  padding:18px 18px 10px !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(37,99,235,.08), transparent 54%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%) !important;
}

.invoice-generator-v3 .zg-template-card__frame{
  aspect-ratio:5 / 5.35 !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(219,234,254,.84),
    0 18px 36px rgba(15,23,42,.045) !important;
}

.invoice-generator-v3 .zg-template-card__frame picture{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
}

.invoice-generator-v3 .zg-template-card__frame img{
  display:block !important;
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
}

.invoice-generator-v3 .zg-template-card__body{
  display:flex !important;
  flex:1 !important;
  flex-direction:column !important;
  padding:22px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-card__title-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 0 10px !important;
}

.invoice-generator-v3 .zg-template-card h3{
  margin:0 !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.32rem,1.45vw,1.52rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-card__badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.72rem !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

.invoice-generator-v3 .zg-template-card p{
  margin:0 0 18px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(.98rem,1.02vw,1.05rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-card__actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-top:auto !important;
}

.invoice-generator-v3 .zg-template-card__primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-card__secondary{
  color:#2563eb !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.35rem,4.8vw,3.3rem) !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:clamp(1.1rem,1.7vw,1.28rem) !important;
  }
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .invoice-page--templates{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }

  .invoice-generator-v3 .zg-template-gallery__header{
    margin-bottom:30px !important;
  }

  .invoice-generator-v3 .zg-template-gallery h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }

  .invoice-generator-v3 .zg-template-gallery__intro{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }

  .invoice-generator-v3 .zg-template-gallery__top-cta{
    width:100% !important;
    margin-top:22px !important;
  }

  .invoice-generator-v3 .zg-template-gallery__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .invoice-generator-v3 .zg-template-card__frame{
    aspect-ratio:5 / 5.15 !important;
  }

  .invoice-generator-v3 .zg-template-card__body{
    padding:22px !important;
  }

  .invoice-generator-v3 .zg-template-card h3{
    font-size:1.36rem !important;
  }

  .invoice-generator-v3 .zg-template-card p{
    font-size:1.02rem !important;
  }
}



/* ZINTEGO_TEMPLATE_SHOWCASE_REBUILD_V1
   Fresh isolated invoice-generator template section.
   This component intentionally avoids old .zg-template-gallery and .zg-template-card classes.
*/
.invoice-generator-v3 .zg-template-showcase{
  padding:74px 0 86px !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.invoice-generator-v3 .zg-template-showcase__header{
  max-width:1260px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.invoice-generator-v3 .zg-template-showcase__header h2{
  max-width:1220px !important;
  margin:0 auto 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.55rem,3.7vw,3.55rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-showcase__header p{
  max-width:920px !important;
  margin:0 auto !important;
  color:#455f86 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.16rem,1.4vw,1.34rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
  text-align:center !important;
  text-wrap:balance !important;
}

.invoice-generator-v3 .zg-template-showcase__grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}

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

.invoice-generator-v3 .zg-template-showcase-card:hover{
  transform:translateY(-4px) !important;
  border-color:#bfd6fb !important;
  box-shadow:0 22px 58px rgba(15,23,42,.10) !important;
}

.invoice-generator-v3 .zg-template-showcase-card:focus-visible{
  outline:4px solid rgba(37,99,235,.24) !important;
  outline-offset:4px !important;
}

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

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

.invoice-generator-v3 .zg-template-showcase-card__media img{
  display:block !important;
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  transition:transform .22s ease !important;
}

.invoice-generator-v3 .zg-template-showcase-card:hover .zg-template-showcase-card__media img{
  transform:scale(1.022) !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content{
  display:flex !important;
  flex:1 !important;
  flex-direction:column !important;
  padding:22px 24px 24px !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content h3{
  margin:0 0 10px !important;
  color:#021f4f !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(1.34rem,1.45vw,1.54rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.035em !important;
  font-weight:900 !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content p{
  margin:0 0 20px !important;
  color:#405a82 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(.98rem,1.02vw,1.05rem) !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  font-weight:450 !important;
}

.invoice-generator-v3 .zg-template-showcase-card__content span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  min-height:40px !important;
  margin-top:auto !important;
  padding:0 15px !important;
  border-radius:999px !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.92rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
}

.invoice-generator-v3 .zg-template-showcase__footer{
  display:flex !important;
  justify-content:center !important;
  margin-top:34px !important;
}

.invoice-generator-v3 .zg-template-showcase__footer a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:50px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#1d4ed8 0%,#2672ff 100%) !important;
  box-shadow:0 14px 28px rgba(37,99,235,.24) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:.98rem !important;
  line-height:1 !important;
  letter-spacing:-.005em !important;
  font-weight:850 !important;
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

.invoice-generator-v3 .zg-template-showcase__footer a:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 36px rgba(37,99,235,.30) !important;
}

.invoice-generator-v3 .zg-template-showcase__footer a:focus-visible{
  outline:4px solid rgba(37,99,235,.24) !important;
  outline-offset:4px !important;
}

@media(max-width:1180px){
  .invoice-generator-v3 .zg-template-showcase__header h2{
    font-size:clamp(2.35rem,4.8vw,3.3rem) !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header p{
    font-size:clamp(1.1rem,1.7vw,1.28rem) !important;
  }
}

@media(max-width:1040px){
  .invoice-generator-v3 .zg-template-showcase__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:680px){
  .invoice-generator-v3 .zg-template-showcase{
    padding:58px 0 66px !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header{
    margin-bottom:30px !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header h2{
    font-size:clamp(2.08rem,10vw,2.9rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
  }

  .invoice-generator-v3 .zg-template-showcase__header p{
    font-size:1.06rem !important;
    line-height:1.52 !important;
  }

  .invoice-generator-v3 .zg-template-showcase__grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__media picture{
    aspect-ratio:5 / 5.15 !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__content{
    padding:22px !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__content h3{
    font-size:1.36rem !important;
  }

  .invoice-generator-v3 .zg-template-showcase-card__content p{
    font-size:1.02rem !important;
  }

  .invoice-generator-v3 .zg-template-showcase__footer a{
    width:100% !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;
}


/* =========================================================
   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;}
}


/* =========================================================
   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;
  }
}


/* V71: master category card text polish */
.industry-category-page .z-category-card small{
  font-weight:500 !important;
  color:#5c6d86 !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;}
}

/* V108: no-hero text-first utility/legal pages */
.z-text-page .z-text-page-v108{padding:72px 0 86px;background:linear-gradient(180deg,#f8fbff 0%,#fff 44%);}
.z-text-page-v108__wrap{max-width:1040px;margin:0 auto;}
.z-text-page-v108__head{max-width:780px;margin:0 auto 34px;text-align:center;}
.z-text-page-v108__eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border:1px solid #d9e8ff;border-radius:999px;background:#fff;color:#0b63f6;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 30px rgba(27,88,185,.07);margin-bottom:16px;}
.z-text-page-v108__head h1{margin:0;color:#061b45;font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.06em;font-weight:850;}
.z-text-page-v108__head p{margin:16px auto 0;color:#526581;font-size:17px;line-height:1.7;max-width:700px;}
.z-text-page-v108__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.z-text-page-v108__card{border:1px solid #dce8f7;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(29,72,138,.08);padding:28px;}
.z-text-page-v108__card h2{margin:0 0 14px;color:#071f4d;font-size:22px;line-height:1.18;letter-spacing:-.035em;}
.z-text-page-v108__card ul{margin:0;padding:0;list-style:none;display:grid;gap:12px;}
.z-text-page-v108__card li{position:relative;padding-left:22px;color:#435773;font-size:15px;line-height:1.65;}
.z-text-page-v108__card li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:99px;background:#0b63f6;box-shadow:0 0 0 4px #eaf2ff;}
@media(max-width:900px){.z-text-page .z-text-page-v108{padding:54px 0 64px}.z-text-page-v108__grid{grid-template-columns:1fr}.z-text-page-v108__card{padding:24px}}

/* V109: clean text-first support/legal pages and contact form */
.z-text-page-v109{padding:64px 0 86px;background:linear-gradient(180deg,#f8fbff 0%,#fff 38%)}
.z-text-wrap-v109{max-width:1120px;margin:0 auto}.z-text-head-v109{max-width:820px;margin:0 auto 34px;text-align:center}.z-text-eyebrow-v109{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border:1px solid #d9e8ff;border-radius:999px;background:#fff;color:#0b63f6;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 30px rgba(27,88,185,.07);margin-bottom:16px}.z-text-head-v109 h1{margin:0;color:#061b45;font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.055em;font-weight:850}.z-text-head-v109 p{margin:16px auto 0;color:#526581;font-size:17px;line-height:1.7;max-width:760px}.z-content-card-v109{border:1px solid #dce8f7;border-radius:30px;background:#fff;box-shadow:0 22px 70px rgba(29,72,138,.08);padding:42px}.z-content-card-v109 h2{margin:34px 0 12px;color:#071f4d;font-size:25px;letter-spacing:-.035em;line-height:1.18}.z-content-card-v109 h2:first-child{margin-top:0}.z-content-card-v109 h3{margin:26px 0 10px;color:#122a56;font-size:18px;letter-spacing:-.02em}.z-content-card-v109 p,.z-content-card-v109 li{color:#394e6b;font-size:15.5px;line-height:1.82}.z-content-card-v109 p{margin:0 0 16px}.z-content-card-v109 ul,.z-content-card-v109 ol{margin:0 0 18px 22px;padding:0}.z-content-card-v109 a{color:#0b63f6;font-weight:750;text-decoration:none}.z-faq-list-v109{display:grid;gap:14px}.z-faq-list-v109 details{border:1px solid #dce8f7;border-radius:20px;background:#fff;box-shadow:0 14px 42px rgba(29,72,138,.06);overflow:hidden}.z-faq-list-v109 summary{cursor:pointer;list-style:none;padding:20px 24px;color:#071f4d;font-size:18px;font-weight:800;letter-spacing:-.02em}.z-faq-list-v109 summary::-webkit-details-marker{display:none}.z-faq-list-v109 summary:before{content:'+';display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:999px;background:#eef5ff;color:#0b63f6;font-weight:900}.z-faq-list-v109 details[open] summary:before{content:'–'}.z-faq-list-v109 details p{margin:0;padding:0 24px 22px 58px;color:#435773;font-size:15.5px;line-height:1.72}.z-contact-layout-v109{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:28px;align-items:start}.z-contact-aside-v109{border:1px solid #dce8f7;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 20px 60px rgba(29,72,138,.08);padding:30px}.z-contact-aside-v109 h2{margin:0 0 14px;color:#071f4d;font-size:24px;letter-spacing:-.035em}.z-contact-aside-v109 p,.z-contact-aside-v109 li{color:#435773;font-size:15px;line-height:1.72}.z-contact-aside-v109 ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}.z-contact-aside-v109 li{position:relative;padding-left:22px}.z-contact-aside-v109 li:before{content:'';position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:99px;background:#0b63f6;box-shadow:0 0 0 4px #eaf2ff}.z-contact-form-v109{border:1px solid #dce8f7;border-radius:30px;background:#fff;box-shadow:0 22px 70px rgba(29,72,138,.08);padding:34px}.z-contact-form-v109 .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.z-contact-form-v109 label{display:block;color:#102a57;font-size:13px;font-weight:800;margin-bottom:8px}.z-contact-form-v109 input,.z-contact-form-v109 select,.z-contact-form-v109 textarea{width:100%;border:1px solid #cfdced;border-radius:14px;background:#fff;color:#102a57;font:inherit;font-size:15px;padding:14px 15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.z-contact-form-v109 input:focus,.z-contact-form-v109 select:focus,.z-contact-form-v109 textarea:focus{border-color:#0b63f6;box-shadow:0 0 0 4px #eaf2ff}.z-contact-form-v109 textarea{min-height:150px;resize:vertical}.z-contact-form-v109 .full{grid-column:1/-1}.z-contact-form-v109 .required{color:#0b63f6}.z-contact-form-v109 .form-note{margin:14px 0 22px;color:#60718c;font-size:13px;line-height:1.6}.z-contact-form-v109 button{border:0;cursor:pointer}.z-legal-date-v109{margin:0 0 26px;color:#536581;font-size:14px;font-weight:800;font-style:italic}@media(max-width:900px){.z-text-page-v109{padding:50px 0 64px}.z-content-card-v109,.z-contact-form-v109,.z-contact-aside-v109{padding:24px}.z-contact-layout-v109{grid-template-columns:1fr}.z-contact-form-v109 .form-grid{grid-template-columns:1fr}}

/* V99: first reusable tool-detail page template */
.tool-detail-page{
  background:#fff;
}
.tool-detail-page .tool-hero-v99{
  position:relative;
  overflow:hidden;
  padding:86px 0 78px;
  border-bottom:1px solid #e5eefb;
  background:
          radial-gradient(circle at 18% 18%,rgba(48,112,255,.10),transparent 26%),
          radial-gradient(circle at 82% 10%,rgba(115,72,255,.10),transparent 30%),
          linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.tool-detail-page .tool-hero-v99:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.72),rgba(255,255,255,.2));
}
.tool-detail-page .tool-hero-v99__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);
  gap:58px;
  align-items:center;
}
.tool-detail-page .tool-eyebrow-v99,
.tool-detail-page .tool-section-eyebrow-v99{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 15px;
  border:1px solid #eadcff;
  border-radius:999px;
  background:rgba(246,239,255,.9);
  color:#6b35f6;
  font-size:12px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(91,70,180,.08);
}
.tool-detail-page .tool-hero-v99 h1{
  max-width:820px;
  margin:22px 0 18px;
  color:#061b45;
  font-size:clamp(46px,5.4vw,76px);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:850;
}
.tool-detail-page .tool-gradient-v99{
  background:linear-gradient(90deg,#176bff 0%,#6d44ff 80%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.tool-detail-page .tool-hero-v99 p{
  max-width:720px;
  margin:0;
  color:#536581;
  font-size:20px;
  line-height:1.62;
}
.tool-detail-page .tool-hero-v99__actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:30px;
}
.tool-detail-page .tool-hero-v99__proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.tool-detail-page .tool-hero-v99__proof span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border:1px solid #dce9fb;
  border-radius:999px;
  background:rgba(255,255,255,.8);
  color:#425977;
  font-size:13px;
  font-weight:750;
}
.tool-detail-page .tool-hero-v99__art{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
}
.tool-detail-page .tool-hero-v99__art:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,112,255,.15),rgba(107,68,255,.05) 54%,transparent 70%);
  filter:blur(2px);
}
.tool-detail-page .tool-hero-v99__icon{
  position:relative;
  width:min(360px,84vw);
  height:auto;
  display:block;
  filter:drop-shadow(0 30px 58px rgba(19,62,130,.18));
}
.tool-detail-page .tool-hero-v99__float{
  position:absolute;
  left:2%;
  bottom:36px;
  width:215px;
  padding:16px;
  border:1px solid #d9e8fb;
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:0 22px 56px rgba(31,76,143,.12);
  backdrop-filter:blur(14px);
}
.tool-detail-page .tool-hero-v99__float strong{
  display:block;
  color:#071f4d;
  font-size:14px;
  margin-bottom:8px;
}
.tool-detail-page .tool-hero-v99__float span{
  color:#5c6e88;
  font-size:12px;
  line-height:1.45;
}
.tool-detail-page .tool-section-v99{
  position:relative;
  padding:76px 0;
}
.tool-detail-page .tool-section-v99--soft{
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}
.tool-detail-page .tool-section-head-v99{
  max-width:800px;
  margin:0 auto 34px;
  text-align:center;
}
.tool-detail-page .tool-section-head-v99 h2{
  margin:16px 0 0;
  color:#061b45;
  font-size:clamp(34px,3.8vw,54px);
  line-height:1.04;
  letter-spacing:-.06em;
  font-weight:850;
}
.tool-detail-page .tool-section-head-v99 p{
  margin:14px auto 0;
  max-width:690px;
  color:#536581;
  font-size:17px;
  line-height:1.65;
}
.tool-detail-page .tool-demo-v99{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:26px;
  align-items:stretch;
}
.tool-detail-page .tool-demo-card-v99,
.tool-detail-page .tool-panel-v99{
  border:1px solid #dce8f7;
  border-radius:32px;
  background:#fff;
  box-shadow:0 24px 70px rgba(29,72,138,.08);
}
.tool-detail-page .tool-demo-card-v99{
  padding:28px;
}
.tool-detail-page .tool-demo-card-v99 h3,
.tool-detail-page .tool-panel-v99 h3{
  margin:0 0 12px;
  color:#071f4d;
  font-size:26px;
  line-height:1.12;
  letter-spacing:-.04em;
}
.tool-detail-page .tool-demo-card-v99 p{
  margin:0 0 24px;
  color:#536581;
  font-size:15px;
  line-height:1.65;
}
.tool-detail-page .tool-prompt-box-v99{
  padding:18px;
  border:1px solid #dce8f7;
  border-radius:22px;
  background:linear-gradient(180deg,#fbfdff,#fff);
}
.tool-detail-page .tool-prompt-box-v99 label{
  display:block;
  color:#071f4d;
  font-size:13px;
  font-weight:850;
  margin-bottom:10px;
}
.tool-detail-page .tool-prompt-v99{
  min-height:122px;
  padding:16px;
  border:1px solid #dfeaf8;
  border-radius:18px;
  background:#fff;
  color:#536581;
  font-size:15px;
  line-height:1.6;
}
.tool-detail-page .tool-style-grid-v99{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:18px 0 22px;
}
.tool-detail-page .tool-style-grid-v99 span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:1px solid #dce8f7;
  border-radius:14px;
  background:#f8fbff;
  color:#425977;
  font-size:13px;
  font-weight:800;
}
.tool-detail-page .tool-style-grid-v99 span:first-child{
  color:#0b63f6;
  border-color:#bdd7ff;
  background:#eef5ff;
}
.tool-detail-page .tool-panel-v99{
  overflow:hidden;
}
.tool-detail-page .tool-panel-v99__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border-bottom:1px solid #e7effa;
}
.tool-detail-page .tool-panel-v99__browser{
  display:flex;
  gap:7px;
}
.tool-detail-page .tool-panel-v99__browser i{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#d8e3f4;
}
.tool-detail-page .tool-video-preview-v99{
  padding:24px;
}
.tool-detail-page .tool-video-frame-v99{
  position:relative;
  min-height:310px;
  border-radius:26px;
  overflow:hidden;
  background:
          radial-gradient(circle at 25% 20%,rgba(255,208,80,.75),transparent 17%),
          radial-gradient(circle at 72% 20%,rgba(136,91,255,.55),transparent 20%),
          linear-gradient(135deg,#176bff 0%,#6d44ff 58%,#ff5a8a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 20px 45px rgba(57,76,180,.18);
}
.tool-detail-page .tool-video-frame-v99:before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:20%;
  height:38%;
  clip-path:polygon(0 100%,34% 38%,52% 70%,70% 28%,100% 100%);
  background:rgba(255,255,255,.42);
}
.tool-detail-page .tool-play-v99{
  position:absolute;
  inset:0;
  margin:auto;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 40px rgba(6,27,69,.24);
  color:#176bff;
  font-size:32px;
}
.tool-detail-page .tool-video-meta-v99{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  margin-top:18px;
  padding:16px;
  border:1px solid #e5eefb;
  border-radius:18px;
  background:#fbfdff;
}
.tool-detail-page .tool-video-meta-v99 b{
  display:block;
  color:#071f4d;
  font-size:14px;
}
.tool-detail-page .tool-video-meta-v99 span{
  color:#6b7b94;
  font-size:12px;
}
.tool-detail-page .tool-card-grid-v99{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.tool-detail-page .tool-mini-card-v99{
  padding:26px;
  border:1px solid #dfeaf8;
  border-radius:26px;
  background:#fff;
  box-shadow:0 20px 52px rgba(34,83,157,.07);
}
.tool-detail-page .tool-mini-card-v99__icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  margin-bottom:18px;
  color:#fff;
  box-shadow:0 14px 26px rgba(31,76,143,.12);
}
.tool-detail-page .tool-mini-card-v99__icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tool-detail-page .tool-mini-card-v99 h3{
  margin:0 0 10px;
  color:#071f4d;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.035em;
}
.tool-detail-page .tool-mini-card-v99 p{
  margin:0;
  color:#536581;
  font-size:14px;
  line-height:1.65;
}
.tool-detail-page .tool-icon-blue{background:linear-gradient(135deg,#176bff,#6946ff);}
.tool-detail-page .tool-icon-green{background:linear-gradient(135deg,#16b85f,#0b8c69);}
.tool-detail-page .tool-icon-orange{background:linear-gradient(135deg,#ff9f1c,#ff5a2f);}
.tool-detail-page .tool-icon-purple{background:linear-gradient(135deg,#8b5cf6,#5b2ad8);}
.tool-detail-page .tool-steps-v99{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.tool-detail-page .tool-step-v99{
  position:relative;
  padding:30px;
  border:1px solid #dfeaf8;
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 58px rgba(34,83,157,.07);
}
.tool-detail-page .tool-step-v99 em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#eef5ff;
  color:#0b63f6;
  font-size:13px;
  font-style:normal;
  font-weight:900;
  margin-bottom:18px;
}
.tool-detail-page .tool-step-v99 h3{
  margin:0 0 10px;
  color:#071f4d;
  font-size:22px;
  letter-spacing:-.04em;
}
.tool-detail-page .tool-step-v99 p{
  margin:0;
  color:#536581;
  font-size:14px;
  line-height:1.68;
}
.tool-detail-page .tool-related-v99{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  text-align:center;
}
.tool-detail-page .tool-related-v99 a{
  text-decoration:none;
  color:inherit;
}
.tool-detail-page .tool-related-v99 img{
  width:150px;
  height:150px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(22,53,107,.10));
  transition:transform .2s ease,filter .2s ease;
}
.tool-detail-page .tool-related-v99 a:hover img{
  transform:translateY(-4px);
  filter:drop-shadow(0 24px 34px rgba(22,53,107,.14));
}
.tool-detail-page .tool-related-v99 h3{
  margin:12px 0 6px;
  color:#071f4d;
  font-size:19px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.tool-detail-page .tool-related-v99 p{
  max-width:220px;
  margin:0 auto;
  color:#536581;
  font-size:14px;
  line-height:1.55;
}
.tool-detail-page .tool-faq-v99{
  max-width:940px;
  margin:0 auto;
  display:grid;
  gap:14px;
}
.tool-detail-page .tool-faq-v99 details{
  border:1px solid #dfeaf8;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(34,83,157,.05);
  padding:18px 20px;
}
.tool-detail-page .tool-faq-v99 summary{
  cursor:pointer;
  color:#071f4d;
  font-weight:850;
  font-size:16px;
}
.tool-detail-page .tool-faq-v99 p{
  margin:12px 0 0;
  color:#536581;
  line-height:1.65;
}
@media(max-width:1080px){
  .tool-detail-page .tool-hero-v99__grid,
  .tool-detail-page .tool-demo-v99{grid-template-columns:1fr;}
  .tool-detail-page .tool-hero-v99__art{min-height:340px;}
  .tool-detail-page .tool-card-grid-v99,
  .tool-detail-page .tool-related-v99{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
  .tool-detail-page .tool-hero-v99{padding:62px 0 58px;}
  .tool-detail-page .tool-hero-v99 h1{font-size:clamp(39px,12vw,54px);}
  .tool-detail-page .tool-hero-v99 p{font-size:17px;}
  .tool-detail-page .tool-hero-v99__actions .btn{width:100%;}
  .tool-detail-page .tool-hero-v99__icon{width:min(290px,82vw);}
  .tool-detail-page .tool-hero-v99__float{display:none;}
  .tool-detail-page .tool-section-v99{padding:56px 0;}
  .tool-detail-page .tool-style-grid-v99,
  .tool-detail-page .tool-card-grid-v99,
  .tool-detail-page .tool-steps-v99,
  .tool-detail-page .tool-related-v99{grid-template-columns:1fr;}
  .tool-detail-page .tool-related-v99 img{width:138px;height:138px;}
}

/* V100: AI Video tool-detail template polish */
.tool-detail-page .tool-hero-v99{
  padding:68px 0 62px;
}
.tool-detail-page .tool-hero-v99__grid{
  grid-template-columns:minmax(0,1.02fr) minmax(300px,.68fr);
  gap:42px;
}
.tool-detail-page .tool-hero-v99 h1{
  max-width:760px;
  margin:18px 0 16px;
  font-size:clamp(44px,5vw,68px);
  line-height:1.02;
}
.tool-detail-page .tool-hero-v99 p{
  max-width:680px;
  font-size:19px;
  line-height:1.58;
}
.tool-detail-page .tool-hero-v99__actions{
  margin-top:26px;
}
.tool-detail-page .tool-hero-v99__proof{
  margin-top:18px;
}
.tool-detail-page .tool-hero-v99__art{
  min-height:360px;
}
.tool-detail-page .tool-hero-v99__art:before{
  width:360px;
  height:360px;
}
.tool-detail-page .tool-hero-v99__icon{
  width:min(318px,76vw);
}
.tool-detail-page .tool-hero-v99__float{
  left:0;
  bottom:24px;
  width:205px;
  padding:14px 15px;
}
.tool-detail-page .tool-section-v99{
  padding:62px 0;
}
.tool-detail-page .tool-section-head-v99{
  margin-bottom:28px;
}
.tool-detail-page .tool-section-head-v99 h2{
  margin-top:14px;
  font-size:clamp(32px,3.4vw,48px);
  line-height:1.06;
}
.tool-detail-page .tool-section-head-v99 p{
  margin-top:12px;
  font-size:16px;
  line-height:1.62;
}
.tool-detail-page .tool-demo-v99{
  gap:22px;
}
.tool-detail-page .tool-demo-card-v99{
  padding:24px;
}
.tool-detail-page .tool-demo-card-v99 h3,
.tool-detail-page .tool-panel-v99 h3{
  font-size:24px;
}
.tool-detail-page .tool-demo-card-v99 p{
  margin-bottom:20px;
}
.tool-detail-page .tool-prompt-box-v99{
  padding:16px;
}
.tool-detail-page .tool-prompt-v99{
  min-height:104px;
}
.tool-detail-page .tool-style-grid-v99{
  margin:16px 0 18px;
}
.tool-detail-page .tool-panel-v99__top{
  padding:18px 22px;
}
.tool-detail-page .tool-video-preview-v99{
  padding:20px;
}
.tool-detail-page .tool-video-frame-v99{
  min-height:250px;
  border-radius:24px;
}
.tool-detail-page .tool-play-v99{
  width:66px;
  height:66px;
  font-size:28px;
}
.tool-detail-page .tool-video-meta-v99{
  margin-top:16px;
  padding:14px;
}
.tool-detail-page .tool-mini-card-v99{
  padding:24px;
  border-radius:24px;
  box-shadow:0 18px 46px rgba(34,83,157,.06);
}
.tool-detail-page .tool-mini-card-v99__icon{
  width:50px;
  height:50px;
  margin-bottom:16px;
}
.tool-detail-page .tool-mini-card-v99 h3{
  font-size:19px;
}
.tool-detail-page .tool-step-v99{
  padding:26px;
  border-radius:24px;
  box-shadow:0 18px 46px rgba(34,83,157,.06);
}
.tool-detail-page .tool-step-v99 em{
  margin-bottom:16px;
}
.tool-detail-page .tool-step-v99 h3{
  font-size:20px;
}
.tool-detail-page .tool-related-v99{
  gap:24px;
}
.tool-detail-page .tool-related-v99 img{
  width:140px;
  height:140px;
}
.tool-detail-page .tool-faq-v99{
  gap:12px;
}
.tool-detail-page .tool-faq-v99 details{
  padding:15px 18px;
  border-radius:18px;
}
.tool-detail-page .tool-faq-v99 details[open]{
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 16px 36px rgba(34,83,157,.07);
}
.tool-detail-page .tool-faq-v99 p{
  margin-top:10px;
  font-size:15px;
}
@media(max-width:1080px){
  .tool-detail-page .tool-hero-v99__art{min-height:320px;}
}
@media(max-width:720px){
  .tool-detail-page .tool-hero-v99{padding:54px 0 50px;}
  .tool-detail-page .tool-hero-v99 h1{font-size:clamp(38px,11vw,52px);}
  .tool-detail-page .tool-hero-v99__icon{width:min(250px,74vw);}
  .tool-detail-page .tool-section-v99{padding:48px 0;}
  .tool-detail-page .tool-video-frame-v99{min-height:210px;}
}


/* V101: final tool-detail template rhythm polish */
.tool-detail-page .tool-hero-v99{
  padding:58px 0 54px;
}
.tool-detail-page .tool-hero-v99__grid{
  grid-template-columns:minmax(0,1.03fr) minmax(280px,.62fr);
  gap:34px;
}
.tool-detail-page .tool-hero-v99 h1{
  max-width:720px;
  margin:16px 0 14px;
  font-size:clamp(42px,4.75vw,64px);
  line-height:1.01;
}
.tool-detail-page .tool-hero-v99 p{
  max-width:650px;
  font-size:18px;
  line-height:1.55;
}
.tool-detail-page .tool-hero-v99__actions{
  margin-top:22px;
}
.tool-detail-page .tool-hero-v99__proof{
  margin-top:16px;
  gap:8px;
}
.tool-detail-page .tool-hero-v99__proof span{
  min-height:30px;
  padding:0 12px;
  font-size:13px;
}
.tool-detail-page .tool-hero-v99__art{
  min-height:318px;
  padding-right:10px;
}
.tool-detail-page .tool-hero-v99__art:before{
  width:318px;
  height:318px;
}
.tool-detail-page .tool-hero-v99__icon{
  width:min(292px,70vw);
}
.tool-detail-page .tool-hero-v99__float{
  left:6px;
  bottom:18px;
  width:194px;
  padding:13px 14px;
  border-radius:18px;
}
.tool-detail-page .tool-hero-v99__float strong{
  font-size:14px;
}
.tool-detail-page .tool-hero-v99__float span{
  font-size:12px;
  line-height:1.45;
}
.tool-detail-page .tool-section-v99{
  padding:52px 0;
  scroll-margin-top:96px;
}
.tool-detail-page .tool-section-v99 + .tool-section-v99{
  border-top:1px solid #edf3fb;
}
.tool-detail-page .tool-section-head-v99{
  margin-bottom:22px;
}
.tool-detail-page .tool-section-head-v99 h2{
  max-width:980px;
  margin-top:12px;
  font-size:clamp(30px,3.05vw,44px);
  line-height:1.08;
}
.tool-detail-page .tool-section-head-v99 p{
  max-width:770px;
  margin-top:10px;
  font-size:15.5px;
  line-height:1.58;
}
.tool-detail-page .tool-demo-v99{
  gap:18px;
}
.tool-detail-page .tool-demo-card-v99,
.tool-detail-page .tool-panel-v99{
  border-radius:25px;
}
.tool-detail-page .tool-demo-card-v99{
  padding:22px;
}
.tool-detail-page .tool-demo-card-v99 h3,
.tool-detail-page .tool-panel-v99 h3{
  font-size:22px;
  letter-spacing:-.04em;
}
.tool-detail-page .tool-demo-card-v99 p{
  margin-bottom:16px;
  font-size:15px;
  line-height:1.58;
}
.tool-detail-page .tool-prompt-box-v99{
  padding:14px;
  border-radius:20px;
}
.tool-detail-page .tool-prompt-v99{
  min-height:88px;
  padding:16px;
  font-size:14.5px;
  line-height:1.55;
}
.tool-detail-page .tool-style-grid-v99{
  margin:14px 0 16px;
  gap:8px;
}
.tool-detail-page .tool-style-grid-v99 span{
  min-height:38px;
  font-size:13px;
}
.tool-detail-page .tool-panel-v99__top{
  padding:16px 20px;
}
.tool-detail-page .tool-video-preview-v99{
  padding:18px;
}
.tool-detail-page .tool-video-frame-v99{
  min-height:218px;
  border-radius:22px;
}
.tool-detail-page .tool-play-v99{
  width:58px;
  height:58px;
  font-size:24px;
}
.tool-detail-page .tool-video-meta-v99{
  margin-top:14px;
  padding:12px 14px;
  border-radius:18px;
}
.tool-detail-page .tool-card-grid-v99{
  gap:18px;
}
.tool-detail-page .tool-mini-card-v99{
  min-height:0;
  padding:22px;
  border-radius:22px;
  box-shadow:0 15px 38px rgba(34,83,157,.055);
}
.tool-detail-page .tool-mini-card-v99__icon{
  width:46px;
  height:46px;
  margin-bottom:14px;
  border-radius:15px;
  box-shadow:0 10px 24px rgba(24,82,170,.08);
}
.tool-detail-page .tool-mini-card-v99 h3{
  font-size:18px;
  margin-bottom:9px;
}
.tool-detail-page .tool-mini-card-v99 p{
  font-size:14px;
  line-height:1.58;
}
.tool-detail-page .tool-steps-v99{
  gap:18px;
}
.tool-detail-page .tool-step-v99{
  padding:22px;
  border-radius:22px;
  box-shadow:0 15px 38px rgba(34,83,157,.055);
}
.tool-detail-page .tool-step-v99 em{
  width:40px;
  height:40px;
  margin-bottom:14px;
  font-size:13px;
}
.tool-detail-page .tool-step-v99 h3{
  font-size:19px;
  margin-bottom:8px;
}
.tool-detail-page .tool-step-v99 p{
  font-size:14px;
  line-height:1.58;
}
.tool-detail-page .tool-related-v99{
  gap:18px;
  align-items:start;
}
.tool-detail-page .tool-related-v99 img{
  width:132px;
  height:132px;
  object-fit:contain;
}
.tool-detail-page .tool-related-v99 h3{
  margin-top:12px;
  font-size:18px;
}
.tool-detail-page .tool-related-v99 p{
  max-width:230px;
  margin:7px auto 0;
  font-size:14px;
  line-height:1.45;
}
.tool-detail-page .tool-faq-v99{
  max-width:980px;
  gap:10px;
}
.tool-detail-page .tool-faq-v99 details{
  padding:13px 16px;
  border-radius:16px;
}
.tool-detail-page .tool-faq-v99 summary{
  font-size:15px;
}
.tool-detail-page .tool-faq-v99 p{
  margin-top:8px;
  font-size:14px;
  line-height:1.55;
}
@media(max-width:1080px){
  .tool-detail-page .tool-hero-v99{padding:52px 0 50px;}
  .tool-detail-page .tool-hero-v99__art{min-height:290px;}
  .tool-detail-page .tool-hero-v99__icon{width:min(260px,68vw);}
  .tool-detail-page .tool-section-v99{padding:46px 0;}
}
@media(max-width:720px){
  .tool-detail-page .tool-hero-v99{padding:44px 0 44px;}
  .tool-detail-page .tool-hero-v99__grid{gap:26px;}
  .tool-detail-page .tool-hero-v99 h1{font-size:clamp(34px,10vw,48px);}
  .tool-detail-page .tool-hero-v99 p{font-size:16px;}
  .tool-detail-page .tool-hero-v99__art{min-height:250px;}
  .tool-detail-page .tool-hero-v99__icon{width:min(220px,70vw);}
  .tool-detail-page .tool-hero-v99__float{position:relative;left:auto;bottom:auto;margin:-18px auto 0;}
  .tool-detail-page .tool-section-v99{padding:40px 0;scroll-margin-top:82px;}
  .tool-detail-page .tool-demo-card-v99,.tool-detail-page .tool-panel-v99{padding:18px;}
  .tool-detail-page .tool-video-frame-v99{min-height:180px;}
  .tool-detail-page .tool-related-v99 img{width:124px;height:124px;}
}

.tool-detail-page .tool-doc-preview-v173{padding:28px;border-radius:26px;background:#fff;border:1px solid #d9e8fb;box-shadow:0 18px 42px rgba(24,74,145,.10)}
.tool-detail-page .tool-doc-preview-v173__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#061b45;font-weight:850;font-size:22px}
.tool-detail-page .tool-doc-preview-v173__head span{font-size:12px;color:#1262ff;background:#eef5ff;border-radius:999px;padding:8px 12px}
.tool-detail-page .tool-doc-preview-v173__line{height:12px;border-radius:999px;background:#d8e5f6;margin:12px 0;width:68%}.tool-detail-page .tool-doc-preview-v173__line.wide{width:86%}
.tool-detail-page .tool-doc-preview-v173__table{display:grid;grid-template-columns:1.4fr .6fr .8fr;margin-top:24px;border:1px solid #dce8f8;border-radius:18px;overflow:hidden;color:#244064;font-weight:700}.tool-detail-page .tool-doc-preview-v173__table div{padding:13px 14px;border-bottom:1px solid #e9f1fb}.tool-detail-page .tool-doc-preview-v173__table div:nth-child(-n+3){background:#1262ff;color:#fff}.tool-detail-page .tool-doc-preview-v173__table div:nth-last-child(-n+3){border-bottom:0}
.tool-detail-page .tool-doc-preview-v173__total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 18px;border-radius:18px;background:#f1f6ff;color:#061b45}.tool-detail-page .tool-doc-preview-v173__total strong{color:#1262ff}
.tool-detail-page .tool-related-v99 img,.tool-detail-page .tool-hero-v99__icon{max-width:100%;height:auto;object-fit:contain}

/* V309: polished related tools cards */
.tool-detail-page .tool-related-v99{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  text-align:left;
}
.tool-detail-page .tool-related-v99 a{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:100%;
  padding:22px 18px 20px;
  border:1px solid rgba(203,216,237,.88);
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 18px 48px rgba(24,82,170,.075);
  text-align:center;
  text-decoration:none;
  color:inherit;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.tool-detail-page .tool-related-v99 a::after{
  content:"";
  position:absolute;
  inset:auto 22px 0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#176bff,#7c3aed);
  opacity:0;
  transform:scaleX(.72);
  transform-origin:center;
  transition:opacity .22s ease,transform .22s ease;
}
.tool-detail-page .tool-related-v99 a:hover,
.tool-detail-page .tool-related-v99 a:focus-visible{
  transform:translateY(-5px);
  border-color:#b9cdf0;
  background:#fff;
  box-shadow:0 26px 64px rgba(24,82,170,.13);
}
.tool-detail-page .tool-related-v99 a:hover::after,
.tool-detail-page .tool-related-v99 a:focus-visible::after{
  opacity:1;
  transform:scaleX(1);
}
.tool-detail-page .tool-related-v99 picture{
  display:flex;
  align-items:center;
  justify-content:center;
  width:132px;
  height:132px;
  margin:0 auto 14px;
}
.tool-detail-page .tool-related-v99 img{
  display:block;
  width:132px;
  height:132px;
  object-fit:contain;
  filter:drop-shadow(0 16px 24px rgba(22,53,107,.10));
  transition:transform .22s ease,filter .22s ease;
}
.tool-detail-page .tool-related-v99 a:hover img,
.tool-detail-page .tool-related-v99 a:focus-visible img{
  transform:translateY(-3px) scale(1.02);
  filter:drop-shadow(0 22px 30px rgba(22,53,107,.16));
}
.tool-detail-page .tool-related-v99 h3,
.tool-detail-page .tool-related-v99 span{
  display:block;
  margin:0;
  color:#071f4d;
  font-size:18px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.tool-detail-page .tool-related-v99 p{
  max-width:230px;
  margin:8px auto 0;
  color:#536581;
  font-size:14px;
  line-height:1.45;
}
@media (max-width:900px){
  .tool-detail-page .tool-related-v99{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .tool-detail-page .tool-related-v99{grid-template-columns:1fr;gap:14px;}
  .tool-detail-page .tool-related-v99 a{padding:20px 16px;}
  .tool-detail-page .tool-related-v99 picture,
  .tool-detail-page .tool-related-v99 img{width:118px;height:118px;}
}

.contact-info{
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 12px;
  color: #435773;
  font-size: 15px;
  line-height: 1.72;
}
.contact-info p{
  margin: 0;
}
.contact-info p {
  font-size: 18px;
}
.blueLink{
  color: var(--blue);
}

/* V93: Business Tools main page master-system refresh */
.business-tools-page{
  background:#fff;
}
.business-tools-page .z-simple-hero{
  padding-top:86px;
  padding-bottom:64px;
}
.business-tools-page .z-simple-hero-inner{
  max-width:980px;
}
.business-tools-page .z-simple-hero h1{
  max-width:930px;
}
.business-tools-page .z-simple-hero p{
  max-width:760px;
}
.business-tools-page .tools-overview-v93{
  position:relative;
  padding:66px 0 34px;
  background:linear-gradient(180deg,#fff 0%,#f7faff 100%);
}
.business-tools-page .tools-overview-v93:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 12% 18%,rgba(29,98,255,.09),transparent 28%),radial-gradient(circle at 88% 18%,rgba(107,70,255,.08),transparent 30%);
}
.business-tools-page .tools-v93-container{
  position:relative;
}
.business-tools-page .tools-v93-heading{
  max-width:760px;
  margin:0 auto 34px;
  text-align:center;
}
.business-tools-page .tools-v93-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border:1px solid #d9e8ff;
  border-radius:999px;
  background:#fff;
  color:#0b63f6;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 12px 32px rgba(27,88,185,.07);
  margin-bottom:16px;
}
.business-tools-page .tools-v93-heading h2{
  margin:0;
  color:#061b45;
  font-size:clamp(34px,3.4vw,52px);
  line-height:1.06;
  letter-spacing:-.055em;
  font-weight:850;
}
.business-tools-page .tools-v93-heading p{
  margin:14px auto 0;
  color:#526581;
  font-size:17px;
  line-height:1.65;
  max-width:670px;
}
.business-tools-page .tools-v93-feature-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:24px;
  align-items:stretch;
}
.business-tools-page .tools-v93-feature-card{
  position:relative;
  overflow:hidden;
  border:1px solid #dce8f8;
  border-radius:30px;
  background:#fff;
  box-shadow:0 26px 80px rgba(34,83,157,.1);
}
.business-tools-page .tools-v93-feature-card--primary{
  min-height:410px;
  padding:34px;
  display:grid;
  grid-template-columns:1fr 300px;
  gap:26px;
  align-items:center;
}
.business-tools-page .tools-v93-feature-card--primary:after{
  content:"";
  position:absolute;
  right:-120px;
  top:-110px;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(33,100,255,.18),transparent 68%);
}
.business-tools-page .tools-v93-feature-card--primary h3,
.business-tools-page .tools-v93-feature-card h3{
  position:relative;
  margin:0;
  color:#071f4d;
  font-size:clamp(28px,2.4vw,42px);
  line-height:1.08;
  letter-spacing:-.05em;
  font-weight:850;
}
.business-tools-page .tools-v93-feature-card--primary p{
  position:relative;
  margin:16px 0 24px;
  color:#526581;
  font-size:16px;
  line-height:1.72;
  max-width:520px;
}
.business-tools-page .tools-v93-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:26px;
}
.business-tools-page .tools-v93-chip-row span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid #dbe8fb;
  border-radius:999px;
  background:#f8fbff;
  color:#415875;
  font-size:12px;
  font-weight:800;
}
.business-tools-page .tools-v93-visual{
  position:relative;
  z-index:1;
  min-height:300px;
}
.business-tools-page .tools-v93-dashboard{
  position:absolute;
  inset:0;
  border:1px solid #dbe8fb;
  border-radius:26px;
  background:linear-gradient(180deg,#fff,#f7fbff);
  box-shadow:0 28px 70px rgba(26,78,154,.13);
  padding:20px;
}
.business-tools-page .tools-v93-dashboard-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid #e8f0fb;
}
.business-tools-page .tools-v93-dashboard-top strong{
  color:#071f4d;
  font-size:15px;
}
.business-tools-page .tools-v93-dashboard-top span{
  color:#0b63f6;
  font-size:12px;
  font-weight:850;
}
.business-tools-page .tools-v93-mini-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.business-tools-page .tools-v93-mini-item{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid #e5eefb;
  border-radius:18px;
  background:#fff;
}
.business-tools-page .tools-v93-mini-icon,
.business-tools-page .tools-v93-tool-icon,
.business-tools-page .tools-v93-step-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#eaf2ff,#fff);
  color:#0b63f6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 22px rgba(26,85,169,.08);
}
.business-tools-page .tools-v93-mini-icon svg,
.business-tools-page .tools-v93-tool-icon svg,
.business-tools-page .tools-v93-step-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.business-tools-page .tools-v93-mini-item b{
  display:block;
  color:#102a57;
  font-size:13px;
  line-height:1.15;
}
.business-tools-page .tools-v93-mini-item small{
  color:#71809a;
  font-size:11px;
  font-weight:750;
}
.business-tools-page .tools-v93-mini-item em{
  font-style:normal;
  color:#10a862;
  font-size:11px;
  font-weight:850;
}
.business-tools-page .tools-v93-side-stack{
  display:grid;
  gap:24px;
}
.business-tools-page .tools-v93-feature-card--side{
  padding:28px;
  min-height:193px;
}
.business-tools-page .tools-v93-feature-card--side h3{
  font-size:24px;
  letter-spacing:-.04em;
}
.business-tools-page .tools-v93-feature-card--side p{
  margin:10px 0 20px;
  color:#526581;
  font-size:14px;
  line-height:1.65;
}
.business-tools-page .tools-v93-card-link{
  color:#0b63f6;
  font-weight:850;
  text-decoration:none;
}
.business-tools-page .tools-v93-card-link span{
  margin-left:4px;
}
.business-tools-page .tools-v93-section{
  padding:64px 0;
}
.business-tools-page .tools-v93-section--soft{
  background:#f8fbff;
}
.business-tools-page .tools-v93-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:26px;
  margin-bottom:26px;
}
.business-tools-page .tools-v93-section-head h2{
  margin:0;
  color:#061b45;
  font-size:clamp(32px,3vw,46px);
  line-height:1.08;
  letter-spacing:-.055em;
  font-weight:850;
}
.business-tools-page .tools-v93-section-head p{
  margin:10px 0 0;
  color:#536581;
  font-size:16px;
  line-height:1.6;
  max-width:620px;
}
.business-tools-page .tools-v93-section-head a{
  flex:0 0 auto;
}
.business-tools-page .tools-v93-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.business-tools-page .tools-v93-grid--ai{
  grid-template-columns:repeat(5,1fr);
}
.business-tools-page .tools-v93-tool-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:238px;
  padding:24px;
  border:1px solid #dfeaf8;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 52px rgba(34,83,157,.07);
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.business-tools-page .tools-v93-tool-card:hover{
  transform:translateY(-3px);
  border-color:#c8dbf6;
  box-shadow:0 26px 70px rgba(34,83,157,.12);
}
.business-tools-page .tools-v93-tool-card h3{
  margin:18px 0 8px;
  color:#071f4d;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:850;
}
.business-tools-page .tools-v93-tool-card p{
  margin:0 0 18px;
  color:#536581;
  font-size:14px;
  line-height:1.62;
  flex:1;
}
.business-tools-page .tools-v93-tool-card strong{
  color:#0b63f6;
  font-size:13px;
  font-weight:900;
}
.business-tools-page .tools-v93-tool-card--compact{
  min-height:204px;
  padding:22px;
}
.business-tools-page .tools-v93-tool-card--compact h3{
  font-size:17px;
}
.business-tools-page .tools-v93-tool-card--compact p{
  font-size:13px;
}
.business-tools-page .tools-v93-flow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.business-tools-page .tools-v93-step{
  padding:28px;
  border:1px solid #dfeaf8;
  border-radius:26px;
  background:#fff;
  box-shadow:0 20px 52px rgba(34,83,157,.07);
}
.business-tools-page .tools-v93-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:18px;
  border-radius:999px;
  background:#eef5ff;
  color:#0b63f6;
  font-size:12px;
  font-weight:900;
}
.business-tools-page .tools-v93-step h3{
  margin:0 0 10px;
  color:#071f4d;
  font-size:21px;
  letter-spacing:-.035em;
}
.business-tools-page .tools-v93-step p{
  margin:0;
  color:#536581;
  font-size:14px;
  line-height:1.65;
}
.business-tools-page .tools-v93-seo-card{
  border:1px solid #dbe8fb;
  border-radius:30px;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 22px 70px rgba(32,78,141,.08);
  padding:42px 48px;
}
.business-tools-page .tools-v93-seo-card h2{
  margin:0 0 16px;
  color:#071f4d;
  font-size:clamp(30px,2.8vw,44px);
  line-height:1.1;
  letter-spacing:-.055em;
  font-weight:850;
}
.business-tools-page .tools-v93-seo-card p{
  margin:0 0 16px;
  color:#344762;
  font-size:16px;
  line-height:1.8;
}
.business-tools-page .tools-v93-seo-card p:last-child{
  margin-bottom:0;
}
.business-tools-page .tools-v93-seo-card a{
  color:#0b63f6;
  font-weight:850;
}
.business-tools-page .bottom-area{
  padding-top:54px;
}
@media(max-width:1180px){
  .business-tools-page .tools-v93-feature-grid{grid-template-columns:1fr;}
  .business-tools-page .tools-v93-feature-card--primary{grid-template-columns:1fr 280px;}
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:900px){
  .business-tools-page .z-simple-hero{padding-top:62px;padding-bottom:46px;}
  .business-tools-page .tools-v93-feature-card--primary{grid-template-columns:1fr;min-height:auto;}
  .business-tools-page .tools-v93-visual{min-height:300px;}
  .business-tools-page .tools-v93-grid,
  .business-tools-page .tools-v93-flow{grid-template-columns:1fr 1fr;}
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:1fr 1fr;}
  .business-tools-page .tools-v93-section-head{display:block;}
  .business-tools-page .tools-v93-section-head a{margin-top:18px;}
}
@media(max-width:640px){
  .business-tools-page .tools-v93-feature-card--primary,
  .business-tools-page .tools-v93-feature-card--side,
  .business-tools-page .tools-v93-seo-card{padding:24px;}
  .business-tools-page .tools-v93-grid,
  .business-tools-page .tools-v93-grid--ai,
  .business-tools-page .tools-v93-flow{grid-template-columns:1fr;}
  .business-tools-page .tools-v93-tool-card{min-height:auto;}
  .business-tools-page .tools-v93-section{padding:46px 0;}
}


/* V95: tools list section visual polish */
.business-tools-page #tools-list{
  position:relative;
  padding-top:56px;
  padding-bottom:86px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.business-tools-page #tools-list:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
          radial-gradient(circle at 14% 8%,rgba(30,102,255,.08),transparent 24%),
          radial-gradient(circle at 88% 14%,rgba(93,68,255,.07),transparent 24%);
}
.business-tools-page #tools-list .container{
  position:relative;
}
.business-tools-page .tools-v95-shell{
  position:relative;
  padding:34px;
  border:1px solid #dce8f7;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(249,252,255,.98) 100%);
  box-shadow:0 24px 70px rgba(29,72,138,.08);
  overflow:hidden;
}
.business-tools-page .tools-v95-shell:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:34px;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(205,225,255,.14) 42%,rgba(255,255,255,0) 72%);
}
.business-tools-page .tools-v93-section-head{
  position:relative;
  z-index:1;
  margin-bottom:30px;
}
.business-tools-page .tools-v93-section-head > div{
  max-width:760px;
}
.business-tools-page .tools-v93-section-head h2{
  max-width:680px;
}
.business-tools-page .tools-v93-section-head p{
  max-width:640px;
  margin-top:14px;
  font-size:16px;
  line-height:1.7;
}
.business-tools-page .tools-v93-grid--ai{
  position:relative;
  z-index:1;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.business-tools-page .tools-v93-tool-card{
  min-height:214px;
  padding:22px;
  border:1px solid #dbe7f7;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 18px 46px rgba(32,79,149,.08);
  overflow:hidden;
}
.business-tools-page .tools-v93-tool-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(91,141,255,.55),rgba(255,255,255,.95));
}
.business-tools-page .tools-v93-tool-card:hover{
  transform:translateY(-5px);
  border-color:#c8daf6;
  box-shadow:0 28px 64px rgba(32,79,149,.14);
}
.business-tools-page .tools-v95-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.business-tools-page .tools-v95-card-meta{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.business-tools-page .tools-v93-tool-icon{
  width:50px;
  height:50px;
  border-radius:16px;
  flex:0 0 auto;
  background:linear-gradient(135deg,#edf4ff 0%,#ffffff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px rgba(30,84,163,.10);
}
.business-tools-page .tools-v93-tool-icon svg{
  width:23px;
  height:23px;
}
.business-tools-page .tools-v95-card-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.business-tools-page .tools-v95-card-badge--billing,
.business-tools-page .tools-v95-card-badge--document{
  color:#0b63f6;
  background:#eef5ff;
  border:1px solid #d8e7ff;
}
.business-tools-page .tools-v95-card-badge--utility{
  color:#047857;
  background:#ecfdf3;
  border:1px solid #ccefd9;
}
.business-tools-page .tools-v95-card-badge--ai{
  color:#6d28d9;
  background:#f3ecff;
  border:1px solid #e3d5ff;
}
.business-tools-page .tools-v95-card-arrow{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:999px;
  background:#f3f7ff;
  border:1px solid #dbe7f8;
  color:#0b63f6;
  font-size:15px;
  font-weight:800;
}
.business-tools-page .tools-v93-tool-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.16;
  letter-spacing:-.035em;
}
.business-tools-page .tools-v93-tool-card p{
  margin:0 0 18px;
  font-size:14px;
  line-height:1.65;
}
.business-tools-page .tools-v93-tool-card strong{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid #edf2fb;
  color:#0b63f6;
  font-size:13px;
  font-weight:850;
}
.business-tools-page .tools-v93-tool-card--compact h3{
  font-size:17px;
}
.business-tools-page .tools-v95-shell .tools-v93-eyebrow{
  margin-bottom:14px;
}
@media(max-width:1180px){
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:900px){
  .business-tools-page #tools-list{padding-top:44px;padding-bottom:66px;}
  .business-tools-page .tools-v95-shell{padding:26px;}
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .business-tools-page .tools-v95-shell{padding:20px; border-radius:24px;}
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:1fr; gap:16px;}
  .business-tools-page .tools-v93-tool-card{padding:20px; min-height:auto;}
  .business-tools-page .tools-v95-card-top{margin-bottom:14px;}
}


/* V96: cleaner tools list cards without badges or detached arrow buttons */
.business-tools-page #tools-list{
  padding-top:58px;
  padding-bottom:88px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.business-tools-page .tools-v95-shell{
  padding:36px;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(248,251,255,.98) 100%);
  border:1px solid #dce8f7;
  box-shadow:0 24px 70px rgba(29,72,138,.08);
}
.business-tools-page .tools-v93-grid--ai{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.business-tools-page .tools-v93-tool-card,
.business-tools-page .tools-v93-tool-card--compact{
  min-height:224px;
  padding:26px 24px 24px;
  border-radius:24px;
  border:1px solid #dfe9f7;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 18px 48px rgba(31,79,150,.075);
}
.business-tools-page .tools-v93-tool-card:hover{
  transform:translateY(-4px);
  border-color:#c9dcf7;
  box-shadow:0 26px 64px rgba(31,79,150,.13);
}
.business-tools-page .tools-v93-tool-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  margin-bottom:22px;
  background:linear-gradient(135deg,#eef5ff 0%,#ffffff 100%);
  color:#0b63f6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px rgba(30,84,163,.09);
}
.business-tools-page .tools-v93-tool-icon svg{
  width:24px;
  height:24px;
}
.business-tools-page .tools-v93-tool-card h3,
.business-tools-page .tools-v93-tool-card--compact h3{
  margin:0 0 10px;
  color:#061b45;
  font-size:20px;
  line-height:1.16;
  letter-spacing:-.04em;
  font-weight:850;
}
.business-tools-page .tools-v93-tool-card p,
.business-tools-page .tools-v93-tool-card--compact p{
  margin:0 0 22px;
  color:#4c5f7d;
  font-size:15px;
  line-height:1.62;
}
.business-tools-page .tools-v93-tool-card strong{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:100%;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid #edf2fb;
  color:#0b63f6;
  font-size:14px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.01em;
}
.business-tools-page .tools-v93-tool-card strong span{
  transition:transform .18s ease;
}
.business-tools-page .tools-v93-tool-card:hover strong span{
  transform:translateX(3px);
}
.business-tools-page .tools-v95-card-top,
.business-tools-page .tools-v95-card-badge,
.business-tools-page .tools-v95-card-arrow,
.business-tools-page .tools-v95-card-meta{
  display:none !important;
}
@media(max-width:1180px){
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:900px){
  .business-tools-page .tools-v95-shell{padding:28px;}
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .business-tools-page #tools-list{padding-top:44px;padding-bottom:66px;}
  .business-tools-page .tools-v95-shell{padding:20px;border-radius:24px;}
  .business-tools-page .tools-v93-grid--ai{grid-template-columns:1fr;gap:16px;}
  .business-tools-page .tools-v93-tool-card,
  .business-tools-page .tools-v93-tool-card--compact{min-height:auto;padding:22px;}
}


/* V97: Business Tools colorful glossy icon gallery */
.business-tools-page #tools-list{
  position:relative;
  padding:78px 0 96px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  overflow:hidden;
}
.business-tools-page #tools-list:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
          radial-gradient(circle at 18% 8%,rgba(33,104,255,.07),transparent 24%),
          radial-gradient(circle at 82% 12%,rgba(128,80,255,.06),transparent 26%);
}
.business-tools-page .tools-gallery-v97{
  position:relative;
  max-width:1280px;
  margin:0 auto;
  text-align:center;
}
.business-tools-page .tools-gallery-v97__head{
  max-width:760px;
  margin:0 auto 46px;
}
.business-tools-page .tools-gallery-v97__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 24px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(237,226,255,.95),rgba(246,240,255,.95));
  color:#6d38ec;
  font-size:14px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 12px 30px rgba(115,74,230,.08);
  margin-bottom:20px;
}
.business-tools-page .tools-gallery-v97__head h2{
  margin:0;
  color:#061b45;
  font-size:clamp(34px,3.4vw,54px);
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:850;
}
.business-tools-page .tools-gallery-v97__head p{
  margin:16px auto 0;
  color:#53627b;
  font-size:18px;
  line-height:1.65;
  max-width:720px;
}
.business-tools-page .tools-gallery-v97__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:54px;
  row-gap:58px;
  align-items:start;
}
.business-tools-page .tools-gallery-v97__item{
  display:block;
  min-width:0;
  text-decoration:none;
  color:inherit;
  outline:none;
}
.business-tools-page .tools-gallery-v97__art{
  width:190px;
  height:190px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:42px;
  transition:transform .22s ease,filter .22s ease;
}
.business-tools-page .tools-gallery-v97__art picture,
.business-tools-page .tools-gallery-v97__art img{
  display:block;
  width:100%;
  height:100%;
}
.business-tools-page .tools-gallery-v97__art img{
  object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(31,57,110,.10));
}
.business-tools-page .tools-gallery-v97__item:hover .tools-gallery-v97__art{
  transform:translateY(-6px) scale(1.025);
  filter:saturate(1.04);
}
.business-tools-page .tools-gallery-v97__item:focus-visible .tools-gallery-v97__art{
  box-shadow:0 0 0 4px rgba(11,99,246,.18);
}
.business-tools-page .tools-gallery-v97__item h3{
  margin:0;
  color:#071f4d;
  font-size:22px;
  line-height:1.16;
  letter-spacing:-.035em;
  font-weight:850;
}
.business-tools-page .tools-gallery-v97__item p{
  margin:8px auto 0;
  color:#52627b;
  font-size:16px;
  line-height:1.42;
  max-width:260px;
}
@media(max-width:1180px){
  .business-tools-page .tools-gallery-v97__grid{grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:42px;}
}
@media(max-width:860px){
  .business-tools-page #tools-list{padding:60px 0 78px;}
  .business-tools-page .tools-gallery-v97__grid{grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; row-gap:46px;}
  .business-tools-page .tools-gallery-v97__art{width:166px;height:166px;margin-bottom:16px;}
  .business-tools-page .tools-gallery-v97__item h3{font-size:20px;}
  .business-tools-page .tools-gallery-v97__item p{font-size:15px;}
}
@media(max-width:540px){
  .business-tools-page #tools-list{padding:46px 0 64px;}
  .business-tools-page .tools-gallery-v97__head{margin-bottom:34px;}
  .business-tools-page .tools-gallery-v97__grid{grid-template-columns:1fr; row-gap:38px;}
  .business-tools-page .tools-gallery-v97__art{width:156px;height:156px;}
}


/* V98: Business Tools icon gallery spacing polish */
.business-tools-page #tools-list{
  padding-top:52px;
  padding-bottom:86px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 42%,#f8fbff 100%);
}
.business-tools-page .tools-gallery-v97__head{
  margin-bottom:38px;
}
.business-tools-page .tools-gallery-v97__eyebrow{
  margin-bottom:16px;
}
.business-tools-page .tools-gallery-v97__head h2{
  line-height:1.06;
}
.business-tools-page .tools-gallery-v97__head p{
  margin-top:13px;
}
.business-tools-page .tools-gallery-v97__grid{
  column-gap:48px;
  row-gap:50px;
}
.business-tools-page .tools-gallery-v97__art{
  width:184px;
  height:184px;
  margin-bottom:16px;
}
.business-tools-page .tools-gallery-v97__art img{
  object-fit:contain;
  object-position:center;
}
.business-tools-page .tools-gallery-v97__item:nth-last-child(2):nth-child(4n+1){
  grid-column:2;
}
.business-tools-page .tools-gallery-v97__item h3{
  line-height:1.14;
}
.business-tools-page .tools-gallery-v97__item p{
  margin-top:7px;
  max-width:245px;
}
@media(max-width:1180px){
  .business-tools-page .tools-gallery-v97__item:nth-last-child(2):nth-child(4n+1){grid-column:auto;}
}
@media(max-width:860px){
  .business-tools-page #tools-list{padding-top:44px;padding-bottom:70px;}
  .business-tools-page .tools-gallery-v97__head{margin-bottom:34px;}
  .business-tools-page .tools-gallery-v97__grid{row-gap:42px;}
}
@media(max-width:540px){
  .business-tools-page #tools-list{padding-top:38px;padding-bottom:58px;}
  .business-tools-page .tools-gallery-v97__head{margin-bottom:30px;}
}

/* V55: first individual invoice template page pattern */
.template-detail-page .z-simple-hero{
  padding-top:72px;
  padding-bottom:76px;
}
.template-detail-page .z-simple-hero-inner{
  max-width:940px;
}
.template-detail-page .z-simple-hero-kicker{
  display:inline-flex;
  align-items:center;
  margin:0 0 18px;
  padding:7px 13px;
  border:1px solid rgba(11,99,246,.14);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#0b63f6;
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(25,70,135,.06);
}
.template-detail-page .z-template-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.template-detail-page .template-preview-section{
  padding:74px 0;
  background:linear-gradient(180deg,#fff,#f7fbff);
}
.template-detail-page .template-preview-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1fr);
  gap:34px;
  align-items:stretch;
}
.template-detail-page .template-summary-card,
.template-detail-page .invoice-preview-card{
  border:1px solid rgba(204,218,238,.88);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.92));
  box-shadow:0 18px 44px rgba(26,75,142,.08), inset 0 1px 0 rgba(255,255,255,.94);
}
.template-detail-page .template-summary-card{
  padding:30px;
}
.template-detail-page .template-summary-card h2,
.template-detail-page .content-panel h2{
  margin:0 0 14px;
  color:#071632;
  font-size:clamp(28px,2.6vw,40px);
  line-height:1.12;
  letter-spacing:-.045em;
}
.template-detail-page .template-summary-card p,
.template-detail-page .content-panel p{
  margin:0;
  color:#52637d;
  font-size:16px;
  line-height:1.68;
}
.template-detail-page .template-fit-list{
  display:grid;
  gap:12px;
  margin-top:24px;
}
.template-detail-page .template-fit-list span{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#31435f;
  font-size:14.5px;
  line-height:1.5;
  font-weight:700;
}
.template-detail-page .template-fit-list span:before{
  content:"✓";
  flex:none;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#eef5ff;
  color:#0b63f6;
  font-weight:900;
}
.template-detail-page .invoice-preview-card{
  padding:26px;
}
.template-detail-page .invoice-sheet{
  min-height:520px;
  padding:30px;
  border:1px solid #d9e5f5;
  border-radius:22px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}
.template-detail-page .invoice-sheet__top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:30px;
}
.template-detail-page .invoice-sheet__logo{
  width:58px;
  height:58px;
  border-radius:17px;
  background:linear-gradient(135deg,#0b72ff,#4535f3);
  box-shadow:0 14px 28px rgba(11,99,246,.20);
}
.template-detail-page .invoice-sheet__title{
  text-align:right;
}
.template-detail-page .invoice-sheet__title strong{
  display:block;
  color:#071632;
  font-size:28px;
  line-height:1;
  letter-spacing:-.045em;
}
.template-detail-page .invoice-sheet__title span{
  display:block;
  margin-top:8px;
  color:#65748c;
  font-size:12px;
  font-weight:800;
}
.template-detail-page .invoice-sheet__lines{
  display:grid;
  gap:10px;
  margin:0 0 26px;
}
.template-detail-page .invoice-sheet__lines span{
  height:11px;
  border-radius:999px;
  background:#e7eef9;
}
.template-detail-page .invoice-sheet__lines span:nth-child(1){width:78%;}
.template-detail-page .invoice-sheet__lines span:nth-child(2){width:58%;}
.template-detail-page .invoice-sheet__lines span:nth-child(3){width:68%;}
.template-detail-page .invoice-table{
  border:1px solid #dfe8f5;
  border-radius:16px;
  overflow:hidden;
}
.template-detail-page .invoice-table-row{
  display:grid;
  grid-template-columns:1fr 90px;
  gap:18px;
  padding:14px 16px;
  border-bottom:1px solid #edf3fb;
  color:#31435f;
  font-size:13px;
  font-weight:750;
}
.template-detail-page .invoice-table-row:first-child{
  background:#f4f8ff;
  color:#0b63f6;
}
.template-detail-page .invoice-table-row:last-child{
  border-bottom:0;
}
.template-detail-page .invoice-total{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:26px;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef5ff,#f8fbff);
  color:#071632;
  font-weight:850;
}
.template-detail-page .invoice-total strong{
  color:#0b63f6;
  font-size:24px;
}
.template-detail-page .content-section{
  padding:74px 0;
  background:#fff;
}
.template-detail-page .content-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.template-detail-page .content-panel{
  min-height:260px;
  padding:26px;
  border:1px solid rgba(204,218,238,.88);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.92));
  box-shadow:0 16px 38px rgba(26,75,142,.075), inset 0 1px 0 rgba(255,255,255,.94);
}
.template-detail-page .content-panel h3{
  margin:0 0 10px;
  color:#071632;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.025em;
}
.template-detail-page .content-panel ul{
  margin:14px 0 0;
  padding-left:18px;
  color:#52637d;
  font-size:15px;
  line-height:1.65;
  font-weight:600;
}
.template-detail-page .related-template-section{
  padding:74px 0;
  background:linear-gradient(180deg,#f7fbff,#fff);
}
.template-detail-page .related-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.template-detail-page .related-template-card{
  display:flex;
  flex-direction:column;
  min-height:190px;
  padding:22px;
  border:1px solid rgba(204,218,238,.9);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.92));
  box-shadow:0 14px 34px rgba(26,75,142,.07), inset 0 1px 0 rgba(255,255,255,.94);
  text-decoration:none;
}
.template-detail-page .related-template-card strong{
  color:#071632;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.024em;
}
.template-detail-page .related-template-card small{
  margin-top:10px;
  color:#52637d;
  font-size:13.5px;
  line-height:1.5;
  font-weight:620;
}
.template-detail-page .related-template-card span{
  margin-top:auto;
  padding-top:18px;
  color:#0b63f6;
  font-size:14px;
  font-weight:850;
}
.template-detail-page .invoice-generator-v3.zg-home-mirror{
  margin-top:0;
}
@media(max-width:980px){
  .template-detail-page .template-preview-grid,
  .template-detail-page .content-grid{
    grid-template-columns:1fr;
  }
  .template-detail-page .related-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .template-detail-page .z-simple-hero{
    padding-top:48px;
    padding-bottom:54px;
  }
  .template-detail-page .template-preview-section,
  .template-detail-page .content-section,
  .template-detail-page .related-template-section{
    padding:54px 0;
  }
  .template-detail-page .invoice-preview-card,
  .template-detail-page .invoice-sheet,
  .template-detail-page .template-summary-card,
  .template-detail-page .content-panel{
    padding:22px;
  }
  .template-detail-page .related-card-grid{
    grid-template-columns:1fr;
  }
}

/* V56: individual template page hero/content polish */
.template-detail-page .z-simple-hero{
  padding-top:58px;
  padding-bottom:64px;
}
.template-detail-page .z-simple-hero-inner{
  max-width:860px;
}
.template-detail-page .z-simple-hero h1{
  max-width:850px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(40px, 4.2vw, 62px);
  line-height:1.04;
  letter-spacing:-.055em;
}
.template-detail-page .z-simple-hero h1 span{
  display:inline;
}
.template-detail-page .z-simple-hero p{
  max-width:820px;
  font-size:18px;
  line-height:1.62;
}
.template-detail-page .z-template-hero-actions{
  justify-content:center;
}
.template-detail-page .template-preview-section,
.template-detail-page .template-preview-grid,
.template-detail-page .template-summary-card,
.template-detail-page .invoice-preview-card{
  display:none !important;
}
.template-detail-page .z-template-detail-info{
  padding:74px 0 78px;
  background:
          radial-gradient(circle at 90% 12%, rgba(11,99,246,.045), transparent 34%),
          linear-gradient(180deg,#fff,#f7fbff);
}
.template-detail-page .z-template-detail-info .invoice-page__section-title{
  max-width:820px;
  margin:0 auto 30px;
  text-align:center;
}
.template-detail-page .z-template-detail-info .invoice-page__section-title h2{
  margin:0 0 10px;
  font-size:clamp(28px, 2.5vw, 40px);
  line-height:1.12;
  letter-spacing:-.045em;
}
.template-detail-page .z-template-detail-info .invoice-page__section-title p{
  margin:0 auto;
  max-width:720px;
  color:#5c6d86;
  font-size:17px;
  line-height:1.56;
}
.template-detail-page .content-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch;
}
.template-detail-page .content-panel{
  min-height:unset;
  padding:26px !important;
  border:1px solid rgba(204,218,238,.9) !important;
  border-radius:24px !important;
  background:
          radial-gradient(circle at 88% 8%, rgba(11,99,246,.055), transparent 28%),
          linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.92)) !important;
  box-shadow:0 16px 38px rgba(26,75,142,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
.template-detail-page .content-panel__label{
  display:inline-flex;
  align-items:center;
  margin:0 0 18px;
  padding:7px 10px;
  border-radius:999px;
  background:#eef5ff;
  color:#0b63f6;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.template-detail-page .content-panel h3{
  margin:0 0 10px;
  color:#071632;
  font-size:21px;
  line-height:1.2;
  letter-spacing:-.028em;
  font-weight:850;
}
.template-detail-page .content-panel p{
  margin:0;
  color:#52637d;
  font-size:15px;
  line-height:1.62;
  font-weight:600;
}
.template-detail-page .content-panel__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.template-detail-page .content-panel__chips span{
  display:inline-flex;
  align-items:center;
  padding:7px 9px;
  border:1px solid rgba(204,218,238,.85);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#31435f;
  font-size:12px;
  line-height:1;
  font-weight:750;
}
@media(max-width:980px){
  .template-detail-page .content-grid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:560px){
  .template-detail-page .z-simple-hero{
    padding-top:42px;
    padding-bottom:50px;
  }
  .template-detail-page .z-simple-hero h1{
    font-size:clamp(36px, 10vw, 48px);
  }
  .template-detail-page .z-simple-hero p{
    font-size:16.5px;
  }
}


/* V57: related template section refresh */
.template-detail-page .z-related-template-refresh{
  padding:74px 0 78px;
  background:
          radial-gradient(circle at 12% 10%, rgba(11,99,246,.04), transparent 28%),
          linear-gradient(180deg,#fff,#f7fbff);
}
.template-detail-page .z-related-template-refresh .invoice-page__section-title{
  max-width:760px;
  margin:0 auto 30px;
  text-align:center;
}
.template-detail-page .z-related-template-refresh .invoice-page__section-title h2{
  margin:0 0 10px;
  font-size:clamp(28px,2.5vw,40px);
  line-height:1.12;
  letter-spacing:-.045em;
}
.template-detail-page .z-related-template-refresh .invoice-page__section-title p{
  margin:0 auto;
  max-width:680px;
  color:#5c6d86;
  font-size:17px;
  line-height:1.58;
}
.template-detail-page .z-related-template-refresh .related-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.template-detail-page .z-related-template-refresh .related-template-card{
  display:flex;
  flex-direction:column;
  min-height:220px;
  padding:24px;
  border:1px solid rgba(204,218,238,.9);
  border-radius:24px;
  background:
          radial-gradient(circle at 88% 10%, rgba(11,99,246,.045), transparent 26%),
          linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.92));
  box-shadow:0 16px 38px rgba(26,75,142,.08), inset 0 1px 0 rgba(255,255,255,.94);
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.template-detail-page .z-related-template-refresh .related-template-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 40px rgba(26,75,142,.12), inset 0 1px 0 rgba(255,255,255,.94);
  border-color:rgba(168,189,220,.95);
}
.template-detail-page .z-related-template-refresh .related-template-card__eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 16px;
  padding:7px 10px;
  border-radius:999px;
  background:#eef5ff;
  color:#0b63f6;
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.template-detail-page .z-related-template-refresh .related-template-card strong{
  color:#071632;
  font-size:18px;
  line-height:1.22;
  letter-spacing:-.025em;
}
.template-detail-page .z-related-template-refresh .related-template-card small{
  margin-top:10px;
  color:#52637d;
  font-size:14px;
  line-height:1.58;
  font-weight:620;
}
.template-detail-page .z-related-template-refresh .related-template-card__action{
  margin-top:auto;
  padding-top:18px;
  color:#0b63f6;
  font-size:14px;
  line-height:1;
  font-weight:850;
}
.template-detail-page .z-related-template-refresh .related-template-card--browse{
  background:
          radial-gradient(circle at 88% 10%, rgba(76,63,243,.06), transparent 26%),
          linear-gradient(180deg,#f8fbff,#eef5ff);
}
@media(max-width:980px){
  .template-detail-page .z-related-template-refresh .related-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .template-detail-page .z-related-template-refresh{
    padding:54px 0 58px;
  }
  .template-detail-page .z-related-template-refresh .related-card-grid{
    grid-template-columns:1fr;
  }
}


/* V58: individual template hero height normalized with Invoice Template page */
.template-detail-page .z-simple-hero{
  padding-top:64px;
  padding-bottom:66px;
}
.template-detail-page .z-simple-hero-kicker{
  margin-bottom:16px;
}
@media(max-width:560px){
  .template-detail-page .z-simple-hero{
    padding-top:46px;
    padding-bottom:50px;
  }
}


/* V59: individual template hero aligned to master category hero */
.template-detail-page .z-simple-hero{
  padding-top:64px;
  padding-bottom:66px;
}
.template-detail-page .z-simple-hero-kicker{
  display:none !important;
}
.template-detail-page .z-simple-hero h1{
  margin-top:0;
}
@media(max-width:560px){
  .template-detail-page .z-simple-hero{
    padding-top:46px;
    padding-bottom:50px;
  }
}


/* V69: individual page text weight normalization */
.template-detail-page .content-panel p,
.template-detail-page .related-template-card small,
.template-detail-page .z-template-detail-info .invoice-page__section-title p,
.template-detail-page .z-related-template-refresh .invoice-page__section-title p{
  font-weight:500 !important;
}
.template-detail-page .content-panel__chips span{
  font-weight:600 !important;
}
.template-detail-page .content-panel h3,
.template-detail-page .related-template-card strong{
  font-weight:800 !important;
}
.template-detail-page .related-template-card__action{
  font-weight:800 !important;
}

.login-page{
  background:#f7fbff;
}
.login-page .auth-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 92px;
  background:
          radial-gradient(circle at 12% 18%, rgba(11,99,246,.10), transparent 32%),
          radial-gradient(circle at 92% 10%, rgba(80,94,255,.075), transparent 34%),
          linear-gradient(180deg,#f7fbff 0%,#ffffff 54%,#f4f8ff 100%);
}
.login-page .auth-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
          linear-gradient(rgba(11,99,246,.024) 1px, transparent 1px),
          linear-gradient(90deg, rgba(11,99,246,.024) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.42), transparent 84%);
  pointer-events:none;
}
.login-page .auth-hero:after{
  content:"";
  position:absolute;
  right:-160px;
  top:80px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(11,99,246,.11), rgba(11,99,246,.04) 43%, transparent 72%);
  pointer-events:none;
}
.login-page .auth-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(420px, 500px);
  gap:56px;
  align-items:center;
}
.login-page .auth-copy{
  max-width:560px;
}
.login-page .auth-copy__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  padding:7px 11px;
  border:1px solid rgba(11,99,246,.14);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#0b63f6;
  font-size:12px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(25,70,135,.055);
}
.login-page .auth-copy h1{
  margin:0;
  max-width:620px;
  color:#071632;
  font-size:clamp(38px, 4.1vw, 58px);
  line-height:1.02;
  letter-spacing:-.058em;
  font-weight:850;
}
.login-page .auth-copy p{
  max-width:510px;
  margin:20px 0 0;
  color:#52637d;
  font-size:18px;
  line-height:1.72;
  letter-spacing:-.018em;
}
.login-page .auth-benefits{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  max-width:560px;
  margin:34px 0 0;
}
.login-page .auth-benefit{
  min-height:126px;
  padding:18px 16px;
  border:1px solid rgba(204,218,238,.86);
  border-radius:18px;
  background:rgba(255,255,255,.76);
  box-shadow:0 14px 34px rgba(26,75,142,.07), inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.login-page .auth-benefit:hover{
  transform:translateY(-3px);
  border-color:rgba(11,99,246,.22);
  box-shadow:0 18px 42px rgba(26,75,142,.10), inset 0 1px 0 rgba(255,255,255,.94);
}
.login-page .auth-benefit svg{
  width:24px;
  height:24px;
  margin-bottom:12px;
  fill:none;
  stroke:#0b63f6;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.login-page .auth-benefit strong{
  display:block;
  color:#071632;
  font-size:14px;
  line-height:1.25;
  font-weight:820;
  letter-spacing:-.018em;
}
.login-page .auth-benefit span{
  display:block;
  margin-top:5px;
  color:#65748c;
  font-size:12.5px;
  line-height:1.45;
  font-weight:600;
}
.login-page .auth-card{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:38px 38px 32px;
  border:1px solid rgba(198,214,235,.86);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.985), rgba(255,255,255,.95));
  box-shadow:
          0 28px 68px rgba(30,77,140,.12),
          0 8px 22px rgba(30,77,140,.065),
          inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(16px);
}
.login-page .auth-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
          radial-gradient(circle at 96% -12%, rgba(11,99,246,.08), transparent 31%),
          radial-gradient(circle at 0% 104%, rgba(91,141,255,.045), transparent 34%);
  pointer-events:none;
}
.login-page .auth-card > *{
  position:relative;
  z-index:1;
}
.login-page .auth-eyebrow{
  display:block;
  margin:0 0 14px;
  color:#0b63f6;
  font-size:12px;
  line-height:1;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.login-page .auth-subtitle{
  max-width:380px;
  margin:0 0 26px;
  color:#071632;
  font-size:18px;
  line-height:1.5;
  letter-spacing:-.03em;
  font-weight:650;
}
.login-page .auth-form{
  display:grid;
  gap:18px;
}
.login-page .field-group{
  display:grid;
  gap:8px;
  text-align:left;
}
.login-page .field-group label{
  color:#071632;
  font-size:13.5px;
  font-weight:820;
  letter-spacing:-.01em;
}
.login-page .input-shell{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 15px;
  border:1px solid #c9d9ef;
  border-radius:13px;
  background:linear-gradient(180deg,#fff,#fcfdff);
  box-shadow:
          inset 0 1px 0 rgba(255,255,255,.96),
          inset 0 -1px 0 rgba(232,239,249,.72),
          0 8px 18px rgba(26,75,142,.03);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.login-page .input-shell:focus-within{
  border-color:#67a0fb;
  background:#fff;
  box-shadow:
          0 0 0 4px rgba(11,99,246,.095),
          0 14px 28px rgba(26,75,142,.075),
          inset 0 1px 0 rgba(255,255,255,.98);
  transform:translateY(-1px);
}
.login-page .input-shell svg{
  flex:none;
  width:19px;
  height:19px;
  fill:none;
  stroke:#7486a0;
  stroke-width:2.05;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.login-page .input-shell input{
  width:100%;
  min-width:0;
  height:52px;
  border:0;
  outline:0;
  background:transparent;
  color:#071632;
  font:inherit;
  font-size:15.5px;
  font-weight:620;
  letter-spacing:-.012em;
}
.login-page .input-shell input::placeholder{
  color:#8b9bb3;
  font-weight:620;
}
.login-page .password-toggle{
  flex:none;
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  padding:0;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background-color .18s ease, transform .18s ease;
}
.login-page .password-toggle:hover{
  background:rgba(11,99,246,.07);
  transform:translateY(-1px);
}
.login-page .password-toggle svg{
  width:19px;
  height:19px;
}
.login-page .form-options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0;
  color:#2f405c;
  font-size:14px;
  font-weight:720;
}
.login-page .remember-line{
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
}
.login-page .remember-line input{
  appearance:none;
  width:18px;
  height:18px;
  margin:0;
  border:1.4px solid #aebbd0;
  border-radius:5px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.login-page .remember-line input:checked{
  border-color:#0b63f6;
  background:#0b63f6;
  box-shadow:inset 0 0 0 4px #fff;
}
.login-page .remember-line input:focus-visible{
  outline:3px solid rgba(11,99,246,.18);
  outline-offset:2px;
}
.login-page .form-options a,
.login-page .signup-note a{
  color:#0b63f6;
  font-weight:850;
  text-decoration:none;
}
.login-page .form-options a:hover,
.login-page .signup-note a:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}
.login-page .auth-submit{
  position:relative;
  width:100%;
  min-height:54px;
  margin-top:1px;
  border:0;
  border-radius:13px;
  background:linear-gradient(105deg,#0b72ff 0%,#1558ef 60%,#4535f3 100%);
  color:#fff;
  font-size:16px;
  font-weight:850;
  letter-spacing:-.018em;
  box-shadow:
          0 15px 30px rgba(11,99,246,.23),
          0 4px 10px rgba(11,99,246,.14),
          inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.login-page .auth-submit span{
  position:absolute;
  right:21px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}
.login-page .auth-submit:hover{
  transform:translateY(-2px);
  filter:saturate(1.04);
  box-shadow:
          0 20px 38px rgba(11,99,246,.28),
          0 6px 13px rgba(11,99,246,.16),
          inset 0 1px 0 rgba(255,255,255,.28);
}
.login-page .auth-submit:hover span{
  transform:translate(3px,-50%);
}
.login-page .signup-note{
  margin:0;
  color:#31435f;
  text-align:center;
  font-size:14px;
  font-weight:650;
}
.login-page .trust-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  margin-top:24px;
  padding:12px 10px;
  border:1px solid #d6e4f6;
  border-radius:15px;
  background:linear-gradient(180deg,#fbfdff,#f4f8ff);
  box-shadow:
          0 10px 22px rgba(25,70,135,.045),
          inset 0 1px 0 rgba(255,255,255,.92);
}
.login-page .trust-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  padding:0 8px;
  color:#172640;
  font-size:11px;
  font-weight:760;
  line-height:1.22;
  text-align:left;
  letter-spacing:-.01em;
}
.login-page .trust-item + .trust-item{
  border-left:1px solid #d8e3f2;
}
.login-page .trust-item svg{
  flex:none;
  width:22px;
  height:22px;
  fill:none;
  stroke:#0b63f6;
  stroke-width:2.05;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.login-page .trust-item span{
  display:block;
}

.login-page .auth-benefit{
  display:flex;
  flex-direction:column;
}
.login-page .auth-benefit__art{
  width:64px;
  height:64px;
  object-fit:contain;
  margin-bottom:14px;
  filter:drop-shadow(0 14px 24px rgba(11,99,246,.12));
}
.login-page .auth-benefit__body{
  display:block;
}
.login-page .auth-benefit strong{
  font-size:14.5px;
  line-height:1.22;
}
.login-page .auth-benefit span{
  margin-top:6px;
  font-size:13px;
  line-height:1.48;
}
.login-page .trust-strip{
  gap:10px;
  padding:14px;
}
.login-page .trust-item{
  gap:10px;
  justify-content:flex-start;
  padding:4px 8px;
  font-size:11.5px;
}
.login-page .trust-item img{
  flex:none;
  width:42px;
  height:42px;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(11,99,246,.10));
}
.login-page .trust-item span{
  display:block;
}
@media(max-width:760px){
  .login-page .auth-benefit{
    min-height:auto;
    flex-direction:row;
    align-items:center;
    gap:14px;
  }
  .login-page .auth-benefit__art{
    width:58px;
    height:58px;
    margin-bottom:0;
  }
  .login-page .auth-benefit__body{
    flex:1;
  }
}
@media(max-width:560px){
  .login-page .trust-item img{
    width:38px;
    height:38px;
  }
}


.login-page .auth-benefit,
.login-page .trust-item{
  background:transparent;
}
.login-page .auth-benefit__art,
.login-page .trust-item img{
  background:transparent !important;
  mix-blend-mode:normal;
}
.login-page .auth-benefit__art{
  width:72px;
  height:72px;
}
.login-page .trust-item img{
  width:46px;
  height:46px;
}

@media (prefers-reduced-motion: reduce){
  .login-page .auth-benefit,
  .login-page .input-shell,
  .login-page .password-toggle,
  .login-page .auth-submit,
  .login-page .auth-submit span{
    transition:none;
  }
  .login-page .auth-benefit:hover,
  .login-page .input-shell:focus-within,
  .login-page .password-toggle:hover,
  .login-page .auth-submit:hover{
    transform:none;
  }
  .login-page .auth-submit:hover span{
    transform:translateY(-50%);
  }
}
@media(max-width:980px){
  .login-page .auth-shell{
    grid-template-columns:1fr;
    max-width:640px;
    gap:34px;
  }
  .login-page .auth-copy{
    text-align:center;
    margin:0 auto;
  }
  .login-page .auth-copy p{
    margin-left:auto;
    margin-right:auto;
  }
  .login-page .auth-benefits{
    max-width:620px;
  }
}
@media(max-width:760px){
  .login-page .auth-hero{
    padding:52px 0 60px;
  }
  .login-page .auth-copy h1{
    font-size:36px;
  }
  .login-page .auth-copy p{
    font-size:16px;
    line-height:1.65;
  }
  .login-page .auth-benefits{
    grid-template-columns:1fr;
  }
  .login-page .auth-benefit{
    min-height:auto;
    display:flex;
    align-items:flex-start;
    gap:12px;
  }
  .login-page .auth-benefit svg{
    margin-bottom:0;
  }
}
@media(max-width:560px){
  .login-page .auth-card{
    padding:32px 22px 28px;
    border-radius:24px;
  }
  .login-page .auth-subtitle{
    font-size:17px;
    line-height:1.44;
  }
  .login-page .form-options{
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
  }
  .login-page .trust-strip{
    grid-template-columns:1fr;
    gap:13px;
    padding:16px;
  }
  .login-page .trust-item{
    justify-content:flex-start;
    padding:0;
    font-size:12px;
  }
  .login-page .trust-item + .trust-item{
    border-left:0;
    border-top:1px solid #d8e3f2;
    padding-top:13px;
  }
}


/* V31 login layout polish */
.login-page .auth-hero{
  padding:74px 0 84px;
}
.login-page .auth-shell{
  grid-template-columns:minmax(0, .94fr) minmax(400px, 476px);
  gap:52px;
}
.login-page .auth-copy__eyebrow{
  margin-bottom:16px;
  padding:7px 12px;
  box-shadow:0 10px 24px rgba(25,70,135,.06);
}
.login-page .auth-copy h1{
  max-width:560px;
  font-size:clamp(36px, 3.65vw, 52px);
  line-height:1.055;
  letter-spacing:-.052em;
}
.login-page .auth-copy p{
  max-width:530px;
  margin-top:18px;
  font-size:17px;
  line-height:1.68;
}
.login-page .auth-benefits{
  gap:14px;
  margin-top:32px;
}
.login-page .auth-benefit{
  min-height:172px;
  padding:18px 18px 17px;
  border-radius:20px;
  background:
          radial-gradient(circle at 24% 18%, rgba(11,99,246,.06), transparent 32%),
          linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74));
}
.login-page .auth-benefit__art{
  width:70px;
  height:70px;
  margin:-4px 0 12px;
  align-self:flex-start;
  object-fit:contain;
  filter:drop-shadow(0 14px 22px rgba(11,99,246,.13));
}
.login-page .auth-benefit strong{
  font-size:15px;
  line-height:1.18;
  letter-spacing:-.024em;
}
.login-page .auth-benefit span{
  max-width:150px;
  margin-top:7px;
  font-size:13.25px;
  line-height:1.45;
}
.login-page .auth-card{
  padding:36px 36px 30px;
  border-radius:24px;
  box-shadow:
          0 26px 60px rgba(30,77,140,.115),
          0 8px 20px rgba(30,77,140,.055),
          inset 0 1px 0 rgba(255,255,255,.98);
}
.login-page .auth-eyebrow{
  margin-bottom:12px;
}
.login-page .auth-subtitle{
  max-width:365px;
  margin-bottom:24px;
  font-size:17px;
  line-height:1.48;
}
.login-page .auth-form{
  gap:17px;
}
.login-page .input-shell{
  min-height:52px;
  border-radius:14px;
  padding:0 15px;
}
.login-page .input-shell input{
  height:50px;
  font-size:15px;
}
.login-page .form-options{
  font-size:13.5px;
}
.login-page .auth-submit{
  min-height:52px;
  border-radius:14px;
  margin-top:0;
}
.login-page .signup-note{
  margin-top:-1px;
  font-size:13.5px;
}
.login-page .trust-strip{
  margin-top:22px;
  padding:12px 12px;
  border-radius:16px;
  background:
          radial-gradient(circle at 20% 0%, rgba(11,99,246,.05), transparent 36%),
          linear-gradient(180deg,#fbfdff,#f5f9ff);
}
.login-page .trust-item{
  gap:9px;
  padding:4px 7px;
  font-size:11.25px;
  line-height:1.18;
}
.login-page .trust-item img{
  width:40px;
  height:40px;
  filter:drop-shadow(0 8px 14px rgba(11,99,246,.10));
}
@media(max-width:1120px){
  .login-page .auth-shell{
    gap:38px;
    grid-template-columns:minmax(0, .9fr) minmax(380px, 460px);
  }
  .login-page .auth-copy h1{
    font-size:clamp(34px, 3.8vw, 48px);
  }
  .login-page .auth-benefit{
    padding:16px 14px;
  }
  .login-page .auth-benefit__art{
    width:62px;
    height:62px;
  }
}
@media(max-width:980px){
  .login-page .auth-shell{
    grid-template-columns:1fr;
    max-width:680px;
    gap:34px;
  }
  .login-page .auth-copy h1{
    margin-left:auto;
    margin-right:auto;
  }
  .login-page .auth-benefit span{
    max-width:none;
  }
  .login-page .auth-card{
    max-width:500px;
    margin:0 auto;
  }
}
@media(max-width:760px){
  .login-page .auth-hero{
    padding:48px 0 56px;
  }
  .login-page .auth-copy h1{
    font-size:34px;
    letter-spacing:-.044em;
  }
  .login-page .auth-benefit{
    min-height:auto;
    padding:16px;
  }
  .login-page .auth-benefit__art{
    width:58px;
    height:58px;
    margin:0;
  }
}
@media(max-width:560px){
  .login-page .auth-card{
    padding:30px 20px 26px;
  }
  .login-page .auth-subtitle{
    font-size:16px;
  }
}


/* V32 login integration: form-first layout, tighter viewport fit */
.login-page .auth-hero{
  padding:42px 0 68px;
}
.login-page .auth-shell{
  grid-template-columns:minmax(392px, 474px) minmax(0, .98fr);
  gap:58px;
  align-items:center;
}
.login-page .auth-card{
  grid-column:1;
  grid-row:1;
}
.login-page .auth-copy{
  grid-column:2;
  grid-row:1;
  max-width:620px;
}
.login-page .auth-copy h1{
  max-width:590px;
  font-size:clamp(34px, 3.45vw, 50px);
  line-height:1.055;
}
.login-page .auth-copy p{
  max-width:545px;
  margin-top:17px;
  font-size:16.5px;
  line-height:1.62;
}
.login-page .auth-benefits{
  margin-top:28px;
  gap:14px;
}
.login-page .auth-benefit{
  min-height:154px;
  padding:16px 16px 15px;
}
.login-page .auth-benefit__art{
  width:62px;
  height:62px;
  margin:-5px 0 10px;
}
.login-page .auth-benefit strong{
  font-size:14.5px;
}
.login-page .auth-benefit span{
  font-size:12.75px;
  line-height:1.42;
}
.login-page .auth-card{
  padding:34px 34px 28px;
}
.login-page .auth-subtitle{
  margin-bottom:22px;
}
.login-page .trust-strip{
  margin-top:20px;
}
@media(max-width:1120px){
  .login-page .auth-shell{
    grid-template-columns:minmax(376px, 456px) minmax(0, 1fr);
    gap:42px;
  }
  .login-page .auth-copy h1{
    font-size:clamp(32px, 3.45vw, 46px);
  }
  .login-page .auth-benefits{
    grid-template-columns:1fr;
    max-width:520px;
  }
  .login-page .auth-benefit{
    min-height:auto;
    flex-direction:row;
    align-items:center;
    gap:14px;
  }
  .login-page .auth-benefit__art{
    width:58px;
    height:58px;
    margin:0;
  }
}
@media(max-width:980px){
  .login-page .auth-hero{
    padding:38px 0 56px;
  }
  .login-page .auth-shell{
    grid-template-columns:1fr;
    max-width:660px;
    gap:34px;
  }
  .login-page .auth-card{
    grid-column:auto;
    grid-row:auto;
    max-width:500px;
    margin:0 auto;
  }
  .login-page .auth-copy{
    grid-column:auto;
    grid-row:auto;
    max-width:640px;
    text-align:center;
    margin:0 auto;
  }
  .login-page .auth-copy h1,
  .login-page .auth-copy p,
  .login-page .auth-benefits{
    margin-left:auto;
    margin-right:auto;
  }
  .login-page .auth-benefits{
    grid-template-columns:repeat(3, minmax(0,1fr));
    max-width:640px;
  }
  .login-page .auth-benefit{
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
  }
}
@media(max-width:760px){
  .login-page .auth-hero{
    padding:30px 0 48px;
  }
  .login-page .auth-copy h1{
    font-size:32px;
  }
  .login-page .auth-benefits{
    grid-template-columns:1fr;
  }
  .login-page .auth-benefit{
    flex-direction:row;
    align-items:center;
  }
}
@media(max-width:560px){
  .login-page .auth-hero{
    padding:24px 0 42px;
  }
  .login-page .auth-card{
    padding:28px 20px 24px;
  }
}