/* Styles for generated pages (blocks not present in the old theme). Uses the theme's tokens/fonts. */
.gen-page .gen-steps,.gen-page .gen-features,.gen-page .gen-faq,.gen-page .gen-numbers{padding:48px 0}
.gen-steps h2,.gen-features h2,.gen-faq h2{margin-bottom:28px}
.gen-lead{max-width:760px;font-size:18px;line-height:1.55;color:#4d4e57;margin:-8px 0 28px}
.gen-steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:s}
.gen-step{background:#fff;border-radius:24px;padding:26px 24px 28px}
.gen-step__n{display:inline-block;font-size:14px;font-weight:700;letter-spacing:.06em;color:#3a6eec;background:#eaf0ff;border-radius:99px;padding:5px 12px;margin-bottom:14px}
.gen-step h3{font-size:20px;line-height:1.2;margin:0 0 10px}
.gen-step p{margin:0;font-size:16px;line-height:1.5;color:#4d4e57}
.gen-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.gen-feature{background:#fff;border-radius:24px;padding:26px 24px;border:1px solid #eceef3}
.gen-feature h3{font-size:19px;line-height:1.25;margin:0 0 10px}
.gen-feature h3 a{color:inherit}
.gen-feature p{margin:0;font-size:16px;line-height:1.5;color:#4d4e57}
.gen-numbers__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.gen-num{background:linear-gradient(135deg,#1a1c3a,#2b3cd9);color:#fff;border-radius:24px;padding:26px 24px}
.gen-num strong{display:block;font-size:clamp(30px,4vw,44px);line-height:1;letter-spacing:-.02em}
.gen-num span{display:block;margin-top:10px;font-size:15px;opacity:.85}
.gen-faq__list{display:grid;gap:12px;max-width:900px}
.gen-faq__item{background:#fff;border-radius:20px;padding:0;border:1px solid #eceef3}
.gen-faq__item summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-weight:700;font-size:18px;line-height:1.3;position:relative}
.gen-faq__item summary::-webkit-details-marker{display:none}
.gen-faq__item summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:#3a6eec}
.gen-faq__item[open] summary:after{content:"–"}
.gen-faq__a{padding:0 24px 22px;font-size:16px;line-height:1.6;color:#4d4e57}
.gen-note{margin-top:18px;font-size:14px;color:#80818a}
.gen-breadcrumbs{font-size:14px;color:#80818a;margin-bottom:14px}

.gen-table__wrap{overflow-x:auto;border-radius:24px;background:#fff;border:1px solid #eceef3}
.gen-table table{width:100%;border-collapse:collapse;font-size:16px}
.gen-table th,.gen-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #eceef3;vertical-align:top}
.gen-table thead th{background:#f4f6fb;font-weight:700;font-size:14px;color:#4d4e57}
.gen-table tbody th{font-weight:700}
.gen-table tbody tr:last-child th,.gen-table tbody tr:last-child td{border-bottom:0}
.gen-callout{padding:32px 0}
.gen-callout__box{background:linear-gradient(135deg,#1a1c3a,#2b3cd9);color:#fff;border-radius:28px;padding:36px 36px}
.gen-callout__box h2{color:#fff;margin:0 0 14px}
.gen-callout__t,.gen-callout__t p,.gen-callout__t li{color:rgba(255,255,255,.9);font-size:17px;line-height:1.55}
.article .content a,.gen-faq__a a,.gen-feature p a{color:#3a6eec;text-decoration:underline}

.gen-legal{padding:56px 0 72px}.gen-legal h1{font-size:clamp(30px,4vw,46px);margin-bottom:28px}.gen-legal .content{max-width:880px;font-size:17px;line-height:1.7}.gen-legal .content h2{font-size:24px;margin:1.6em 0 .5em}.gen-legal .content ul{padding-left:1.2em}

/* case list filter (static, own JS) */
.gen-case-filter{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 28px;padding:0}
.gen-case-filter li{margin:0;padding:0;list-style:none}
.gen-case-filter a{display:inline-block;padding:9px 20px;border-radius:999px;background:#f1f2f7;color:#14142b;font-size:15px;line-height:1.2;text-decoration:none;transition:background .2s,color .2s}
.gen-case-filter a:hover{background:#e3e5f0}
.gen-case-filter a.active{background:#14142b;color:#fff}

/* Lead form — same format as ecom.comon.agency: gradient block + dark glass card with 3 fields */
.gen-cta{padding:40px 0}
.gen-cta-box{border-radius:28px;color:#fff;padding:28px 20px;background:radial-gradient(125% 115% at 22% 24%,#4a4aff 0%,#2e32ff 22%,#1b1b7a 52%,#0c0c2c 100%);display:flex;flex-direction:column;gap:22px}
.gen-cta-l h2{color:#fff;margin:0 0 12px;font-size:clamp(28px,4.6vw,44px);line-height:1.1;letter-spacing:-.02em}
.gen-cta-l p{margin:0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82);max-width:46ch}
.gen-cta-form{position:relative;display:flex;flex-direction:column;gap:10px;background:rgba(9,9,30,.4);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px}
.gen-in{width:100%;font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.1);border:1px solid transparent;border-radius:12px;padding:14px 16px;height:auto;box-shadow:none}
.gen-in::placeholder{color:rgba(255,255,255,.55)}
.gen-in:focus{outline:none;border-color:#7e96ff;background:rgba(255,255,255,.14)}
.gen-in.bad{border-color:#ec676c}
.gen-cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font:inherit;font-size:16px;font-weight:600;color:#fff;background:#2e32ff;border:0;border-radius:12px;padding:15px 18px;cursor:pointer;transition:background .2s,transform .1s}
.gen-cta-btn:hover{background:#4448ff}
.gen-cta-btn:active{transform:translateY(1px)}
.gen-cta-hint{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.68)}
.gen-cta-hint a{color:#fff;text-decoration:underline}
.gen-cta-form .wpcf7-response-output{margin:0;border:0;padding:0;font-size:14px;color:#fff}
.gen-cta-form .wpcf7-response-output.failed{color:#ff9aa0}
.gen-cta-form.sent .gen-in,.gen-cta-form.sent .gen-cta-btn{display:none}
@media (min-width:900px){
  .gen-cta{padding:56px 0}
  .gen-cta-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px;align-items:center;padding:56px}
  .gen-cta-l p{font-size:18px}
  .gen-cta-form{padding:26px;border-radius:24px}
}
/* inside the mega menu (blue column): compact version */
.menu-form .gen-cta-form{background:rgba(9,9,30,.35);padding:14px;border-radius:16px;gap:8px}
.menu-form .gen-in{padding:11px 14px;font-size:15px}
.menu-form .gen-cta-btn{padding:12px 14px;font-size:15px}
.menu-form .gen-cta-hint{font-size:11.5px}

/* thank-you state of the lead form / quiz */
.gen-cta-form.sent{align-items:center;text-align:center;justify-content:center;min-height:230px;gap:8px}
.gen-thanks{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 6px}
.gen-thanks__tick{width:52px;height:52px;border-radius:50%;background:#2e32ff;color:#fff;font-size:26px;line-height:52px;box-shadow:0 0 0 6px rgba(126,150,255,.22)}
.gen-thanks h3{margin:4px 0 0;color:#fff;font-size:22px;line-height:1.25;letter-spacing:-.01em}
.gen-thanks p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.5}
.gen-thanks__ig{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:11px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff!important;font-size:15px;font-weight:600;text-decoration:none!important;transition:background .2s,border-color .2s}
.gen-thanks__ig:hover{background:rgba(255,255,255,.12);border-color:#fff}
.qz-done .gen-thanks__ig{margin-top:10px}