/* V342 — visual product showcase, additive only */
.feature-hero{padding:72px 0 56px;background:linear-gradient(180deg,#f7f9ff 0,#fff 100%)}
.feature-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:44px;align-items:center}.feature-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.02;margin:.35em 0}.feature-hero h1 em{font-style:normal;color:#3157c8}.feature-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.feature-proof span{background:#fff;border:1px solid #e2e7f3;border-radius:999px;padding:8px 12px;font-size:.92rem}.ui-shot{background:#fff;border:1px solid #dfe5f0;border-radius:22px;box-shadow:0 22px 65px rgba(26,42,89,.14);overflow:hidden}.ui-shot-hero{transform:rotate(1deg)}.ui-bar{height:42px;background:#152344;color:#dce4ff;display:flex;align-items:center;gap:7px;padding:0 15px;font-size:.78rem}.ui-bar i{width:9px;height:9px;border-radius:50%;background:#7e8fb9;display:block}.ui-bar span{margin-left:7px}.ui-canvas{padding:22px;background:#f7f9fc}.ui-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.ui-title small,.ui-title strong{display:block}.ui-title b{background:#e7f7ed;color:#177a3e;padding:7px 10px;border-radius:999px;font-size:.72rem}.ui-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ui-kpis div{background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:13px}.ui-kpis small,.ui-kpis strong,.ui-kpis span{display:block}.ui-kpis strong{font-size:1.18rem;margin:4px 0}.ui-kpis span{font-size:.72rem;color:#697386}.ui-tasks{margin-top:14px;display:grid;gap:8px}.ui-tasks>div{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e6eaf2;border-radius:13px;padding:11px}.ui-tasks b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#edf1ff;color:#3157c8}.ui-tasks strong,.ui-tasks small{display:block}.ui-tasks small{color:#697386}.feature-showcase{padding:64px 0}.feature-showcase.alt{background:#f7f9fc}.feature-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:52px;align-items:center}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .ui-shot{order:1}.feature-copy h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.1;margin:.35em 0 .5em}.feature-copy p{font-size:1.05rem;color:#536078}.feature-checks{padding:0;list-style:none;display:grid;gap:9px;margin:22px 0}.feature-checks li:before{content:'✓';font-weight:700;margin-right:9px;color:#3157c8}.feature-link{font-weight:700}.ui-list,.ui-bank,.ui-table,.ui-kanban{display:grid;gap:8px}.ui-list p,.ui-bank>div,.ui-table>div,.ui-kanban>div{margin:0;background:#fff;border:1px solid #e6eaf2;border-radius:11px;padding:10px 12px}.ui-stepper{display:grid;grid-template-columns:auto 1fr 36px auto 1fr;gap:8px;align-items:center;margin-bottom:14px}.ui-stepper b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3157c8;color:#fff}.ui-stepper i{height:2px;background:#cfd7ea}.ui-formline{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e6eaf2;border-radius:11px;padding:11px 12px;margin:8px 0}.ui-table>div{display:grid;grid-template-columns:1fr auto}.ui-tabs{display:flex;gap:8px;margin-bottom:14px}.ui-tabs span,.ui-tabs b{padding:8px 13px;border-radius:9px}.ui-tabs b{background:#3157c8;color:#fff}.ui-tabs span{background:#e9edf5}.ui-note{margin-top:12px;background:#eef3ff;border:1px solid #d8e2ff;color:#334b89;border-radius:11px;padding:11px}.ui-bank>div{display:grid;grid-template-columns:1fr auto}.ui-bank small{grid-column:1/-1;color:#697386;margin-top:4px}.ui-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.ui-tags span{font-size:.75rem;background:#fff;border:1px solid #e0e6f1;border-radius:999px;padding:6px 9px}.ui-kanban{grid-template-columns:repeat(3,1fr)}.ui-kanban strong,.ui-kanban p,.ui-kanban small{display:block}.ui-kanban p{border:0;padding:7px 0}.ui-kanban small{color:#697386}.feature-final{padding:56px 0;background:#17264f;color:#fff}.feature-final-in{display:flex;justify-content:space-between;align-items:center;gap:30px}.feature-final h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:.3em 0}.feature-final p{color:#d7def2}.btn.light-outline{background:transparent!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important}.quote-success{background:linear-gradient(180deg,#f0fff6,#fff);border:2px solid #9ed8b4;border-radius:18px;padding:22px;margin-bottom:18px}.quote-success-badge{display:inline-block;background:#177a3e;color:#fff;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.quote-success h3{font-size:1.45rem;margin:12px 0 7px}.quote-success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.quote-success-grid>div{background:#fff;border:1px solid #d9eee0;border-radius:12px;padding:11px}.quote-success-grid small,.quote-success-grid strong{display:block}.quote-success-grid small{color:#697386;margin-bottom:4px}
@media(max-width:900px){.feature-hero-grid,.feature-row{grid-template-columns:1fr}.feature-row.reverse .feature-copy,.feature-row.reverse .ui-shot{order:initial}.ui-shot-hero{transform:none}.feature-final-in{display:block}.feature-final .actions{margin-top:20px}.quote-success-grid{grid-template-columns:1fr}.ui-kanban{grid-template-columns:1fr}}
@media(max-width:560px){.feature-hero{padding-top:46px}.ui-kpis{grid-template-columns:1fr}.ui-canvas{padding:14px}.ui-shot{border-radius:16px}.feature-showcase{padding:44px 0}.feature-row{gap:28px}}