/* Multi-page website additions */
.l-nav.solid { background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(14px); box-shadow: 0 6px 30px rgba(15, 23, 42, .06); padding: 12px 0; }
.l-links a.active { color: var(--acc1); position: relative; }
.l-links a.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -8px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--acc1), var(--acc2)); }
.m-link { display: block; padding: 12px 14px; border-radius: 12px; color: var(--text); font-weight: 600; }
.m-link.active, .m-link:hover { background: var(--acc-soft); color: var(--acc1); }
.offcanvas { background: var(--card); color: var(--text); }
.btn-ghost { background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .4); color: #fff; }
.btn-ghost:hover { background: rgba(255, 255, 255, .28); color: #fff; }
.narrow { max-width: 820px; }
.page-hero { position: relative; padding: 140px 0 70px; overflow: hidden; background: radial-gradient(700px 360px at 85% 0%, rgba(168, 85, 247, .18), transparent 60%), radial-gradient(600px 360px at 0% 20%, rgba(99, 102, 241, .16), transparent 60%); }
.page-hero h1 { font-size: clamp(2rem, 4.4vw, 3.2rem); font-weight: 800; letter-spacing: -1.4px; line-height: 1.1; margin-bottom: 14px; }
.page-hero .lead { max-width: 560px; }
.page-hero .lead.mx-auto { max-width: 640px; }
.img-frame { position: relative; padding: 14px; border-radius: 30px; background: linear-gradient(135deg, rgba(99, 102, 241, .18), rgba(236, 72, 153, .16)); box-shadow: 0 30px 60px rgba(79, 70, 229, .16); }
.img-frame img { width: 100%; display: block; border-radius: 22px; background: var(--card); }
.img-frame::after { content: ''; position: absolute; inset: auto -14px -14px auto; width: 90px; height: 90px; border-radius: 24px; background: linear-gradient(135deg, var(--acc1), var(--acc2)); opacity: .18; z-index: -1; }
.showcase h2 { font-weight: 800; letter-spacing: -1px; margin-bottom: 16px; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.tick-list { list-style: none; padding: 0; margin: 0 0 24px; }
.tick-list li { position: relative; padding: 8px 0 8px 34px; font-weight: 500; }
.tick-list li::before { content: '\F26A'; font-family: 'bootstrap-icons'; position: absolute; left: 0; top: 8px; color: #10b981; font-size: 1.15rem; }
.tick-list.sm li { padding: 5px 0 5px 28px; font-size: .9rem; }
.tick-list.sm li::before { top: 5px; font-size: 1rem; }
.trust-strip { padding: 22px 0; border-block: 1px solid var(--border); background: var(--card); }
.trust-strip .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 34px; }
.trust-strip span { color: var(--text-muted); font-weight: 600; font-size: .85rem; }
.trust-strip b { color: var(--text); font-size: .9rem; } .trust-strip b i { color: var(--acc1); }
.quote-card { height: 100%; padding: 28px; border-radius: 24px; background: var(--card); border: 1px solid var(--border); transition: all .25s; }
.quote-card:hover { transform: translateY(-6px); box-shadow: 0 26px 50px rgba(79, 70, 229, .14); }
.quote-card .stars { color: #f59e0b; margin-bottom: 12px; letter-spacing: 2px; }
.quote-card p { font-size: .98rem; }
.who { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.who small { display: block; color: var(--text-muted); }
.who-av { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 700; background: linear-gradient(135deg, var(--acc1), #ec4899); }
.group-card { height: 100%; padding: 28px; border-radius: 24px; background: var(--card); border: 1px solid var(--border); transition: all .25s; }
.group-card:hover { transform: translateY(-6px); box-shadow: 0 26px 50px rgba(79, 70, 229, .14); }
.group-card .f-ico { width: 48px; height: 48px; font-size: 1.3rem; border-radius: 15px; }
.stats-band { background: linear-gradient(135deg, #312e81, #6d28d9); color: #fff; padding: 46px 0; }
.stats-band b { display: block; font-size: 2.4rem; font-weight: 800; letter-spacing: -1px; }
.stats-band span { opacity: .8; font-weight: 600; }
.journey { position: relative; padding-left: 30px; }
.journey::before { content: ''; position: absolute; left: 9px; top: 6px; bottom: 6px; width: 3px; background: linear-gradient(var(--acc1), #ec4899); border-radius: 3px; }
.j-item { position: relative; display: flex; gap: 22px; padding-bottom: 28px; }
.j-item::before { content: ''; position: absolute; left: -30px; top: 6px; width: 21px; height: 21px; border-radius: 50%; background: var(--card); border: 5px solid var(--acc1); }
.j-year { font-size: 1.5rem; font-weight: 800; color: var(--acc1); min-width: 72px; }
.j-item p { color: var(--text-muted); margin: 0; }
.compare table { background: var(--card); border-radius: 20px; overflow: hidden; border: 1px solid var(--border); --bs-table-bg: var(--card); --bs-table-color: var(--text); --bs-table-border-color: var(--border); }
.compare th { background: var(--card-2); padding: 16px; } .compare td { padding: 14px 16px; }
.compare th:not(:first-child), .compare td:not(:first-child) { text-align: center; }
.text-ok { color: #10b981; font-size: 1.2rem; }
.faq .accordion-item { border: 1px solid var(--border); border-radius: 16px !important; margin-bottom: 12px; overflow: hidden; background: var(--card); color: var(--text); }
.faq .accordion-button { font-weight: 700; background: var(--card); color: var(--text); box-shadow: none; padding: 18px 22px; }
.faq .accordion-button:not(.collapsed) { color: var(--acc1); background: var(--acc-soft); }
.faq .accordion-body { color: var(--text-muted); padding: 18px 22px; }
.info-card { display: flex; align-items: center; gap: 16px; padding: 18px 20px; margin-bottom: 14px; border-radius: 20px; background: var(--card); border: 1px solid var(--border); }
.info-card .f-ico { width: 48px; height: 48px; font-size: 1.2rem; margin: 0; border-radius: 15px; flex: none; }
.info-card b { display: block; } .info-card small { color: var(--text-muted); }
.form-panel { padding: 34px; border-radius: 28px; background: var(--card); border: 1px solid var(--border); box-shadow: 0 30px 60px rgba(79, 70, 229, .1); }
.form-panel .form-label { font-weight: 700; font-size: .82rem; }
.form-control, .form-select { border-radius: 13px; background-color: var(--card-2); border: 1px solid var(--border); color: var(--text); padding: .7rem 1rem; }
.form-control:focus, .form-select:focus { border-color: var(--acc1); box-shadow: 0 0 0 4px var(--acc-soft); background-color: var(--card); color: var(--text); }
.l-footer h6 { color: #fff; font-weight: 700; margin-bottom: 14px; }
.l-footer a:not(.btn):not(.l-brand) { display: block; color: #aab4de; padding: 4px 0; font-size: .9rem; }
.l-footer a:not(.btn):hover { color: #fff; }
.foot-bottom { margin-top: 34px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: .82rem; opacity: .7; }
.l-footer { padding: 54px 0 24px; }
.l-footer .l-brand span { color: #fff; }