/* Inline styles for transactional-email-infrastructure.html — preserved from original */

.svc-hero{background:linear-gradient(135deg,#1a1035 0%,#2d1f6e 60%,#150d2e 100%);padding:72px 0 60px;color:#fff}
.svc-hero .eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a78bfa;margin-bottom:14px;display:block}
.svc-hero h1{font-size:clamp(26px,3.8vw,42px);line-height:1.18;color:#fff;margin-bottom:18px;max-width:680px}
.svc-hero p{color:rgba(255,255,255,.72);font-size:16px;max-width:600px;line-height:1.65;margin-bottom:28px}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.hero-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:500}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:32px 0}
.kpi{background:#fff;border:1px solid #e0ddf8;border-radius:10px;padding:20px 16px;text-align:center}
.kpi .num{font-size:28px;font-weight:800;color:#6A47ED;line-height:1;margin-bottom:4px}
.kpi .lbl{font-size:12px;color:#666;line-height:1.3}
.section-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6A47ED;background:#f4f3ff;border:1px solid #e0ddf8;padding:4px 12px;border-radius:4px;margin-bottom:12px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}
.feature-card{background:#fff;border:1px solid #e0ddf8;border-radius:10px;padding:24px;transition:box-shadow .2s}
.feature-card:hover{box-shadow:0 6px 24px rgba(106,71,237,.1)}
.feature-card .icon{width:44px;height:44px;background:linear-gradient(135deg,#6A47ED,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.feature-card .icon i{color:#fff;font-size:18px}
.feature-card h4{font-size:16px;font-weight:700;color:#111;margin-bottom:8px}
.feature-card p{font-size:14px;color:#555;line-height:1.55;margin:0}
.process-list{list-style:none;padding:0;margin:0;counter-reset:step}
.process-list li{counter-increment:step;display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #f0f0f8}
.process-list li:last-child{border-bottom:none}
.process-list li::before{content:counter(step);flex-shrink:0;width:32px;height:32px;background:#6A47ED;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:2px}
.process-list li h5{font-size:15px;font-weight:700;color:#111;margin-bottom:3px}
.process-list li p{font-size:14px;color:#555;margin:0;line-height:1.5}
.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.comparison-table th{background:#1a1035;color:#fff;padding:12px 16px;text-align:left;font-weight:600;font-size:13px}
.comparison-table td{padding:11px 16px;border-bottom:1px solid #f0f0f8;color:#444}
.comparison-table tr:last-child td{border-bottom:none}
.comparison-table tr:nth-child(even) td{background:#f9f8ff}
.comparison-table .yes{color:#16a34a;font-weight:700}
.comparison-table .no{color:#dc2626}
.comparison-table .our{background:#f0fdf4 !important}
.config-block{background:#1a1a2e;border-radius:8px;padding:20px;font-family:monospace;font-size:13px;color:#a0c8ff;overflow-x:auto;margin:16px 0;line-height:1.6}
.insight-box{border-left:4px solid #6A47ED;background:#f9f8ff;padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0;font-size:14px;color:#333;line-height:1.6}
.cta-strip{background:linear-gradient(135deg,#1a1035,#2d1f6e);border-radius:12px;padding:40px;text-align:center;color:#fff;margin:32px 0}
.cta-strip h3{color:#fff;font-size:22px;margin-bottom:10px}
.cta-strip p{color:rgba(255,255,255,.7);font-size:14px;margin-bottom:22px;max-width:520px;margin-left:auto;margin-right:auto}
.faq-item{border-bottom:1px solid #f0f0f8;padding:18px 0}
.faq-item:last-child{border-bottom:none}
.faq-item h5{font-size:15px;font-weight:700;color:#111;margin-bottom:8px;cursor:pointer}
.faq-item p{font-size:14px;color:#555;line-height:1.6;margin:0}
.sidebar-cta{background:linear-gradient(135deg,#1a1035,#2d1f6e);border-radius:12px;padding:28px;color:#fff}
.sidebar-cta h4{color:#fff;font-size:18px;margin-bottom:10px}
.sidebar-cta p{color:rgba(255,255,255,.65);font-size:13px;margin-bottom:18px;line-height:1.5}
.related-services a{display:block;padding:10px 0;border-bottom:1px solid #f0f0f8;font-size:14px;color:#333;text-decoration:none;transition:color .2s}
.related-services a:last-child{border-bottom:none}
.related-services a:hover{color:#6A47ED}
.related-services a i{margin-right:8px;color:#6A47ED;font-size:12px}