*{box-sizing:border-box}html{scroll-behavior:smooth}#how-it-works,#industries,#about,#faq,#contact,#contact-info{scroll-margin-top:90px}body{margin:0;color:#0a1b31;background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.6}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e7edf3}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#071b32}.brand strong{display:block;letter-spacing:.12em;font-size:18px;line-height:1}.brand small{display:block;letter-spacing:.34em;font-size:8px;margin-top:6px;color:#607086}.brand-mark,.mini-logo{display:grid;place-items:center;width:39px;height:39px;font-weight:800;font-size:24px;font-style:italic;background:linear-gradient(135deg,#071d37,#1679ef);color:white;clip-path:polygon(50% 0,100% 18%,78% 100%,48% 82%,22% 100%,0 18%)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:#43546a;text-decoration:none;font-size:14px;font-weight:600}.nav-links a:hover{color:#0868db}.nav-cta{background:#0056c7;color:#fff!important;padding:11px 18px;border-radius:8px}.nav-contact{color:#0056c7!important;padding:11px 18px;border:2px solid #0056c7;border-radius:8px;font-weight:600;transition:.2s}.nav-contact:hover{background:#0056c7;color:#fff!important}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#071b32 0%,#0b2948 60%,#071a30 100%);color:#fff;padding:92px 0 105px}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(26,130,255,.23),transparent 68%);right:-120px;top:-220px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#187cf0;margin-bottom:17px}.hero .eyebrow{color:#58a9ff}.hero h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.05;margin:0}.hero h1{font-size:clamp(48px,6vw,78px);letter-spacing:-.035em}.hero h1 em,h2 em{font-style:italic;color:#48a4ff}.hero-text{font-size:19px;color:#c5d4e4;max-width:620px;margin:26px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.btn-primary{background:#1377ee;color:#fff;box-shadow:0 10px 25px rgba(19,119,238,.22)}.btn-ghost{border-color:#607991;color:#fff}.microcopy{font-size:11px;color:#8ea4ba;max-width:560px;margin-top:18px}.hero-card{min-height:280px;display:flex;flex-direction:column;justify-content:center;min-height:440px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));overflow:hidden;position:relative;box-shadow:0 35px 70px rgba(0,0,0,.24)}.card-top{display:flex;justify-content:space-between;padding:22px 25px;font-size:9px;letter-spacing:.18em;color:#9eb3c9}.city-lines{position:absolute;inset:0;opacity:.35;background:linear-gradient(90deg,transparent 0 10%,rgba(60,154,240,.2) 10.2% 11%,transparent 11.2% 24%,rgba(255,255,255,.12) 24.2% 25%,transparent 25.2% 42%,rgba(60,154,240,.15) 42.2% 43%,transparent 43.2% 61%,rgba(255,255,255,.1) 61.2% 62%,transparent 62.2%),linear-gradient(180deg,transparent 0 48%,rgba(255,255,255,.08) 48.2% 48.6%,transparent 49%)}.hero-card-content{padding:0 36px 38px;margin-top:auto}.pill{font-size:9px;letter-spacing:.18em;color:#63b2ff}.hero-card h2{font-size:45px;margin:14px 0}.hero-card p{color:#b8c9da;max-width:450px}.trust-strip{border-bottom:1px solid #e5ebf1;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.trust-grid div{padding:0 25px;border-right:1px solid #e2e8ee}.trust-grid div:first-child{padding-left:0}.trust-grid div:last-child{border:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:14px;color:#0b6ddf}.trust-grid span{font-size:12px;color:#718096;margin-top:2px}.section{padding:105px 0}.section-heading{max-width:720px;margin-bottom:50px}.section-heading h2{font-size:52px;letter-spacing:-.025em}.section-heading p{color:#68798c;max-width:620px;margin-top:20px}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution{border:1px solid #e2e9f0;border-radius:14px;padding:30px;min-height:260px;transition:.25s;background:#fff}.solution:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(9,38,67,.08);border-color:#b9d6f5}.icon{font-size:28px;color:#0d72e5}.solution h3{font-size:19px;margin:18px 0 8px}.solution p{font-size:13px;color:#697b8f;margin:0 0 18px}.solution a,.text-link{color:#0b6fe4;text-decoration:none;font-weight:700;font-size:13px}.dark{background:#071b31;color:#fff}.light h2{color:#fff}.light p{color:#aebfd0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.step{padding:0 45px 0 0;border-right:1px solid rgba(255,255,255,.15);margin-right:45px}.step:last-child{border:0;margin:0}.step span{font-size:12px;color:#4ca5ff;font-weight:800;letter-spacing:.16em}.step h3{font-size:20px;margin:15px 0 8px}.step p{color:#a9bbcf;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.split h2{font-size:54px}.split>div>p{color:#65768a}.industry-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dfe7ee;border-left:1px solid #dfe7ee}.industry-grid div{padding:22px;border-right:1px solid #dfe7ee;border-bottom:1px solid #dfe7ee;font-weight:700;font-size:14px}.soft{background:#f5f8fb}.about-panel{background:#0a2039;color:#fff;border-radius:18px;padding:50px;min-height:350px;display:flex;flex-direction:column;justify-content:flex-end}.about-panel .eyebrow{margin-top:auto}.about-panel h2{font-size:45px}.small-note{font-size:12px!important;color:#7a8999!important}.narrow{max-width:850px}.narrow .section-heading{margin-left:auto;margin-right:auto}.narrow details{border-top:1px solid #dce5ed;padding:23px 0}.narrow details:last-child{border-bottom:1px solid #dce5ed}.narrow summary{cursor:pointer;font-weight:700;list-style:none}.narrow summary::-webkit-details-marker{display:none}.narrow summary:after{content:"+";float:right;color:#0d73e8;font-size:22px}.narrow details[open] summary:after{content:"–"}.narrow details p{color:#68798c;font-size:14px;max-width:750px}.cta-section{background:linear-gradient(125deg,#0a223c,#0c3357);color:#fff;padding:90px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.cta-section h2{font-size:55px}.cta-section p{color:#afc1d3}.lead-form{background:#fff;color:#102238;border-radius:16px;padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:12px;font-weight:700;margin-bottom:14px;color:#46586d}input,select{display:block;width:100%;margin-top:6px;border:1px solid #d9e2eb;border-radius:7px;padding:12px 13px;font:inherit;font-size:13px;color:#102238;background:#fff}input:focus,select:focus{outline:2px solid #a9d2ff;border-color:#3b95f0}.check{display:flex;gap:9px;align-items:flex-start;font-weight:500;color:#6b7a8c}.check input{width:auto;margin-top:3px}.full{width:100%}.form-message{font-size:12px!important;color:#1877e9!important;margin:12px 0 0}.footer{background:#041322;color:#8fa2b7;padding:45px 0 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.light-brand{color:#fff}.light-brand small{color:#8fa2b7}.footer-links{display:flex;gap:24px}.footer a{color:#9eb0c3;text-decoration:none;font-size:12px}.footer-contact-item{display:flex;align-items:center;gap:10px;font-size:13px}.footer-icon{width:18px;height:18px;flex-shrink:0}.legal{padding-top:24px;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;font-size:10px;line-height:1.6}.legal p{margin:0}.legal div{display:flex;gap:15px;align-items:start}.menu-toggle{color:#0a2039}@media(max-width:850px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px 4%;flex-direction:column;align-items:stretch;gap:10px;border-bottom:1px solid #e5ebf1}.nav-links.open{display:flex}.nav-links a{text-align:center}.nav-contact,.nav-cta{width:100%;text-align:center}.menu-toggle{display:block}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:45px}.hero{padding:70px 0}.solutions-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr;gap:20px}.trust-grid div{border:0;padding:0}.steps{grid-template-columns:1fr;gap:35px}.step{border:0;border-bottom:1px solid rgba(255,255,255,.15);padding:0 0 30px;margin:0}.legal{grid-template-columns:1fr}.footer-top{align-items:flex-start;gap:25px;flex-direction:column}}/* === TEXTAREA (matches input styling) === */
.textarea-wrapper{display:block;width:100%}.form-label{display:block;font-size:12px;font-weight:700;margin-bottom:14px;color:#46586d}.textarea-wrapper textarea{display:block;width:100%;min-height:120px;max-height:400px;padding:12px 13px;border:1px solid #d9e2eb;border-radius:7px;font:inherit;font-size:13px;color:#102238;background:#fff;line-height:1.6;resize:none;transition:border-color .2s,box-shadow .2s}.textarea-wrapper textarea::placeholder{color:#9ca3af}.textarea-wrapper textarea:focus{outline:2px solid #a9d2ff;border-color:#3b95f0}.form-hint{display:block;font-size:12px;color:#9ca3af;margin-top:6px;font-weight:500}

/* === AMOUNT INPUT (matches input styling) === */
#amount-input{background:#fff;color:#102238;font-size:13px;letter-spacing:.5px}.amount-hint{display:block;font-size:12px;color:#9ca3af;margin-top:6px;font-weight:500}

/* === STAR RATING (Clickable Half-Star) === */
.star-rating-wrapper {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
  flex-wrap: wrap;
  min-height: 48px;
}

.star {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  vertical-align: middle;
}

.star .star-bg {
  color: #d9d9d9;
}

.star .star-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--fill, 0%);
  overflow: hidden;
  white-space: nowrap;
  color: #f5a623; /* Golden yellow */
}

#output {
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
  color: #46586d;
}

/* === REVIEW CARD - MODERN & STYLISH === */
.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 28px;
  margin-bottom: 40px;
}

.review-hidden {
  display: none;
}

.reviews-more {
  text-align: center;
  margin: -16px 0 8px;
}

#reviews-show-more.btn {
  background: transparent;
  color: #3b95f0;
  border: 2px solid #3b95f0;
  padding: 12px 28px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
  letter-spacing: 0.02em;
}

#reviews-show-more.btn:hover {
  background: #3b95f0;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 149, 240, 0.3);
}

.review-card {
  position: relative;
  background: #0d1f38;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 32px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(7, 27, 50, 0.04);
  overflow: hidden;
}
.review-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #187cf0, #0d6fe8);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.review-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 48px rgba(7, 27, 50, 0.3);
  border-color: rgba(255, 255, 255, 0.16);
}
.review-card:hover::before { opacity: 1; }

.review-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.review-stars {
  font-size: 20px;
  color: #f5a623;
  font-weight: 700;
  letter-spacing: 1px;
}

.review-date {
  font-size: 12px;
  color: #8fa3ba;
  white-space: nowrap;
  flex-shrink: 0;
}

.review-card blockquote {
  margin: 0 0 24px;
  padding: 24px 24px 24px 28px;
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #ffffff;
  font-style: normal;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(24,124,240,0.14), rgba(13,111,232,0.05));
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-left: 3px solid #3b95f0;
}
.review-card blockquote::before {
  content: '\201C';
  position: absolute;
  top: -14px;
  left: 14px;
  font-size: 64px;
  line-height: 1;
  color: #3b95f0;
  font-family: Georgia, serif;
  opacity: 0.9;
  pointer-events: none;
}
.review-card:hover blockquote {
  border-left-color: #5aa9ff;
  background: linear-gradient(135deg, rgba(24,124,240,0.2), rgba(13,111,232,0.08));
}

.review-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.author-avatar {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(135deg, #071b32, #187cf0);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(7, 27, 50, 0.2);
}

.author-info cite {
  display: block;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.author-info span {
  display: block;
  font-size: 14px;
  color: #8fa3ba;
  margin-top: 4px;
  font-weight: 500;
}

.review-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.review-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #dbe7f5;
  background: linear-gradient(135deg, rgba(24,124,240,0.15), rgba(24,124,240,0.08));
  padding: 6px 12px;
  border-radius: 100px;
  border: 1px solid rgba(24,124,240,0.3);
  letter-spacing: 0.3px;
}
.review-tag::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #187cf0;
}

/* Empty state */
.reviews-empty {
  text-align: center;
  padding: 80px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 20px;
  border: 1px dashed #d1d5db;
}
.reviews-empty p { color: #6b7280; font-size: 16px; }
.reviews-empty a { color: #0d6fe8; font-weight: 700; text-decoration: none; }
.reviews-empty a:hover { text-decoration: underline; }

/* === BEAUTIFUL SUCCESS TOAST/MODAL === */
.toast-container {
  position: fixed;
  bottom: 32px;
  right: 32px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}

.toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 20px 50px rgba(7,27,50,0.15), 0 0 0 1px rgba(7,27,50,0.05);
  transform: translateX(400px) scale(0.95);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  min-width: 320px;
  max-width: 420px;
  border-left: 4px solid #22c55e;
}

.toast.show {
  transform: translateX(0) scale(1);
  opacity: 1;
}

.toast.hide {
  transform: translateX(400px) scale(0.95);
  opacity: 0;
}

.toast-icon {
  width: 48px; height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 22px;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(34,197,94,0.3);
}

.toast-content { flex: 1; }
.toast-title {
  font-weight: 700; color: #071b32; font-size: 16px;
  margin-bottom: 4px;
}
.toast-message { color: #6b7280; font-size: 14px; line-height: 1.5; }
.toast-close {
  width: 32px; height: 32px;
  border-radius: 10px;
  background: #f3f4f6;
  border: none; color: #9ca3af;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: all 0.2s;
  flex-shrink: 0;
}
.toast-close:hover { background: #e5e7eb; color: #6b7280; }

.toast-progress {
  position: absolute; bottom: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  border-radius: 0 0 16px 16px;
  animation: toast-progress 5s linear forwards;
}

@keyframes toast-progress { from { transform: scaleX(1); } to { transform: scaleX(0); } }

/* Mobile adjustments */
@media (max-width: 768px) {.hero-card{min-height:220px}
  .star { font-size: 34px; }
  .review-card { padding: 24px; }
  .reviews-grid { grid-template-columns: 1fr; }
  .toast { left: 16px; right: 16px; bottom: 16px; min-width: 0; max-width: none; transform: translateY(200px) scale(0.95); }
  .toast.show { transform: translateY(0) scale(1); }
  .toast.hide { transform: translateY(200px) scale(0.95); }
}

.hero-card { min-height: 280px; }
.hero h1, .hero h2 { line-height: 1.15; }
@media (max-width: 768px) {.hero-card{min-height:220px} .hero-card { min-height: 220px; } }

.legal a { color: #93c5fd; }

/* === SKIP LINK === */
.skip-link {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: #071b32;
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease;
}
.skip-link:focus {
  top: 16px;
  opacity: 1;
  visibility: visible;
}

/* === FOOTER RESOURCES === */
.footer-resources {
  text-align: center;
  margin: 24px 0 16px;
}
.footer-resources-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #93c5fd;
  margin-bottom: 12px;
}
.footer-resources-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 14px;
}
.footer-resources-links a {
  color: #93c5fd;
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-resources-links a:hover {
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .footer-resources-links {
    flex-direction: column;
    gap: 8px;
  }
}

/* === CONTRAST FIXES (WCAG 4.5:1) === */
.btn-primary { background: #0056c7; }
.eyebrow { color: #0060b8; }
.hero .eyebrow { color: #93c5fd; }
.trust-strip strong { color: #071b32; }
.trust-strip span { color: #1a2b4a; }
.solution h3 { color: #071b32; }
.solution p { color: #1a2b4a; }
.hero-copy p.hero-text { color: #e2e8f0; }
.hero-copy h1 { color: #fff; }
.hero-copy h2 { color: #fff; }
#how-it-works .eyebrow { color: #93c5fd; }
#industries .eyebrow { color: #187cf0; }
#about .eyebrow { color: #187cf0; }
#reviews .eyebrow { color: #187cf0; }
#faq .eyebrow { color: #187cf0; }
#contact .eyebrow { color: #187cf0; }
.footer-contact-item address { color: #e2e8f0; }
.footer-contact-item a { color: #93c5fd; }
.legal a { color: #93c5fd; }
/* === BLOG POST & SOLUTION PAGE CONTENT STYLING === */
/* Added: styling for blog-post, breadcrumb, comparison-table, requirement-card,
   and solution-features — these classes existed in markup with no matching rules. */

.breadcrumb{margin-bottom:24px}
.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:0;font-size:13px;color:#6b7280}
.breadcrumb-list li{display:flex;align-items:center;gap:8px}
.breadcrumb-list li:not(:last-child)::after{content:"/";color:#d1d9e2;margin-left:8px}
.breadcrumb-list a{color:#3b95f0;text-decoration:none;font-weight:500}
.breadcrumb-list a:hover{text-decoration:underline}
.breadcrumb-list li[aria-current="page"]{color:#46586d;font-weight:600}

.blog-post{max-width:820px;margin:0 auto;padding:64px 24px 90px}
.blog-post-header{margin-bottom:36px}
.blog-post-header h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(30px,4vw,46px);line-height:1.15;color:#071b32;margin:18px 0 20px}

.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;font-size:13px;color:#6b7280}
.blog-category{display:inline-flex;align-items:center;padding:5px 14px;border-radius:100px;background:#e8f2ff;color:#0d6fe8;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.blog-date,.blog-read-time,.blog-author{position:relative;padding-left:14px}
.blog-date::before,.blog-read-time::before,.blog-author::before{content:"•";position:absolute;left:0;color:#c3cedb}
.blog-post-meta .blog-category{padding-left:14px}
.blog-post-meta .blog-category::before{content:none}

.blog-tldr{background:#f5f8fb;border-left:4px solid #187cf0;border-radius:10px;padding:20px 24px;color:#334155;font-size:16px;line-height:1.65;margin-top:20px}

.blog-post-image{border-radius:16px;overflow:hidden;margin:32px 0 44px;box-shadow:0 20px 45px rgba(7,27,50,.14)}
.blog-post-image svg{display:block;width:100%;height:auto}

.blog-post-body{font-size:17px;line-height:1.75;color:#334155}
.blog-post-body section{margin-bottom:44px}
.blog-post-body section:last-child{margin-bottom:0}
.blog-post-body h2{font-family:"Playfair Display",Georgia,serif;font-size:28px;color:#071b32;margin:0 0 18px}
.blog-post-body h3{font-size:19px;font-weight:700;color:#0d1f38;margin:26px 0 12px}
.blog-post-body p{margin:0 0 16px}
.blog-post-body ul,.blog-post-body ol{margin:0 0 16px;padding-left:22px}
.blog-post-body li{margin-bottom:8px}
.blog-post-body strong{color:#0d1f38}

.comparison-wrapper{overflow-x:auto;margin:24px 0 32px;border-radius:14px;border:1px solid #e5ebf1}
.comparison-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.comparison-table thead th{background:#0d1f38;color:#fff;text-align:left;padding:14px 18px;font-weight:600;font-size:13px;letter-spacing:.02em}
.comparison-table tbody td{padding:14px 18px;border-bottom:1px solid #edf1f5;color:#334155;vertical-align:top}
.comparison-table tbody tr:last-child td{border-bottom:none}
.comparison-table tbody tr:nth-child(even){background:#f8fafc}
.comparison-table strong{color:#0d6fe8}

.blog-cta{margin:36px 0 8px;text-align:center;padding:36px;background:linear-gradient(145deg,#0d1f38,#071b32);border-radius:16px}
.blog-cta .btn{margin:0 auto}

.blog-faq{max-width:820px;margin:0 auto;padding:0 24px 90px}
.blog-faq h2{font-family:"Playfair Display",Georgia,serif;font-size:26px;color:#071b32;margin-bottom:20px}
.blog-faq details{border:1px solid #e5ebf1;border-radius:12px;padding:18px 22px;margin-bottom:12px}
.blog-faq summary{cursor:pointer;font-weight:600;color:#0d1f38;list-style:none}
.blog-faq summary::-webkit-details-marker{display:none}
.blog-faq summary::after{content:"+";float:right;color:#3b95f0;font-weight:700}
.blog-faq details[open] summary::after{content:"–"}
.blog-faq details p{margin:14px 0 0;color:#46586d;line-height:1.65}

.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px}
.requirement-card{background:#f8fafc;border:1px solid #e5ebf1;border-radius:14px;padding:24px}
.requirement-card h3{font-size:16px;font-weight:700;color:#071b32;margin:0 0 12px}
.requirement-card ul{list-style:none;padding:0;margin:0}
.requirement-card li{padding:6px 0 6px 20px;position:relative;font-size:14px;color:#46586d}
.requirement-card li::before{content:"✓";position:absolute;left:0;color:#187cf0;font-weight:700}

.solution-features{list-style:none;padding:0;margin:14px 0}
.solution-features li{padding:6px 0 6px 20px;position:relative;font-size:14px;color:#46586d}
.solution-features li::before{content:"—";position:absolute;left:0;color:#9ca3af}

.blog-grid{display:flex;flex-direction:column;gap:36px;margin-top:36px}
.blog-card{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start;padding-bottom:36px;border-bottom:1px solid #e5ebf1}
.blog-card:last-child{border-bottom:none;padding-bottom:0}
.blog-card-image{border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(7,27,50,.12)}
.blog-card-image svg{display:block;width:100%;height:auto}
.blog-card-content h2{font-family:"Playfair Display",Georgia,serif;font-size:24px;font-weight:600;color:#071b32;margin:12px 0 12px;line-height:1.3}
.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;color:#6b7280}
.blog-card-meta .blog-category{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;background:#e8f2ff;color:#0d6fe8;font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.blog-card-meta .blog-date,.blog-card-meta .blog-read-time{position:relative;padding-left:13px}
.blog-card-meta .blog-date::before,.blog-card-meta .blog-read-time::before{content:"•";position:absolute;left:0;color:#c3cedb}
.blog-excerpt{color:#46586d;font-size:15px;line-height:1.65;margin:0 0 16px}
.blog-link{color:#0d6fe8;font-weight:700;font-size:14px;text-decoration:none}
.blog-link:hover{text-decoration:underline}

@media (max-width: 720px) {
  .blog-card{grid-template-columns:1fr;gap:18px}
}

@media (max-width: 640px) {
  .blog-post,.blog-faq{padding-left:18px;padding-right:18px}
  .comparison-table{font-size:13px}
}