:root{--bg:#f4efe5;--surface:#fffdf9;--surface-soft:#f9f4ea;--surface-strong:#f0e5d2;--text:#1c1917;--muted:#57534e;--line:#dfd1bb;--line-strong:#c8b390;--primary:#a97f3f;--primary-strong:#8f662d;--primary-soft:#f2e5d1;--accent:#6b1f2a;--success:#166534;--danger:#b42318;--shadow-soft:0 18px 44px rgba(82,59,25,0.10);--shadow-card:0 12px 28px rgba(28,25,23,0.06);--radius-lg:30px;--radius-md:22px;--radius-sm:16px;--shell:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(169,127,63,0.10),transparent 28%),linear-gradient(180deg,#faf7f1 0%,var(--bg)100%);color:var(--text);font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.shell{width:min(calc(100% - 32px),var(--shell));margin:0 auto}.matlek-main{padding:32px 0 56px}.public-header{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);background:rgba(255,252,247,0.88);border-bottom:1px solid rgba(223,209,187,0.9)}.public-header__bar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-size:1.25rem}.brand img{height:46px;width:auto}.brand span{color:var(--primary-strong)}.desktop-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.desktop-nav a,.mobile-menu__inner a{text-decoration:none;color:var(--muted);font-weight:700;padding:10px 14px;border-radius:999px;transition:0.2s ease}.desktop-nav a:hover,.desktop-nav a.is-active,.mobile-menu__inner a:hover,.mobile-menu__inner a.is-active{background:var(--primary-soft);color:var(--primary-strong)}.public-header__actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:800;cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease,color 0.18s ease}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.menu-toggle:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(169,127,63,0.22);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-strong)100%);color:#fff;box-shadow:0 14px 30px rgba(169,127,63,0.24)}.btn-secondary{background:rgba(255,255,255,0.86);color:var(--text);border-color:var(--line)}.btn-ghost{background:transparent;color:var(--primary-strong);border-color:rgba(169,127,63,0.24)}.btn.is-disabled,.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.menu-toggle{display:none;width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:20px;height:2px;border-radius:999px;background:var(--text)}.mobile-menu{display:none;border-top:1px solid rgba(223,209,187,0.9);background:rgba(255,252,247,0.98)}.mobile-menu.is-open{display:block}.mobile-menu__inner{width:min(calc(100% - 32px),var(--shell));margin:0 auto;padding:14px 0 18px;display:grid;gap:4px}.mobile-menu__divider{height:1px;background:var(--line);margin:6px 0}.public-footer{background:#fffaf3;border-top:1px solid rgba(223,209,187,0.95)}.public-footer__grid{padding:26px 0 20px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.public-footer h2{margin:0 0 12px;font-size:1rem}.public-footer p,.public-footer li,.public-footer a{color:var(--muted);line-height:1.9;text-decoration:none}.public-footer ul{list-style:none;margin:0;padding:0}.public-footer__bottom{text-align:center;color:var(--muted);font-size:0.92rem;padding:14px 16px 20px;border-top:1px solid rgba(223,209,187,0.8)}.page-hero{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(280px,0.8fr);gap:22px;align-items:stretch;margin-bottom:28px}.page-hero--single{grid-template-columns:1fr}.hero-panel,.surface-card,.info-card,.story-card,.plan-card,.legal-card,.contact-card,.step-card,.highlight-card,.faq-card,.metric-card,.onboarding-card{background:rgba(255,253,249,0.96);border:1px solid rgba(223,209,187,0.95);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.hero-panel{padding:32px}.hero-panel--accent{background:linear-gradient(180deg,rgba(255,253,249,0.96)0%,rgba(250,243,229,0.96)100%)}.kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:0.9rem;font-weight:800}.hero-title,.page-title,.legal-title,.contact-title,.onboarding-title{margin:16px 0 12px;line-height:1.15;font-size:3rem}.hero-copy,.page-lead,.legal-intro,.contact-lead,.onboarding-lead{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.9}.hero-actions,.final-actions,.contact-actions,.thank-you-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.metrics-grid,.highlights-grid,.story-grid,.steps-grid,.faq-grid,.legal-grid,.contact-grid,.onboarding-grid,.plan-grid{display:grid;gap:18px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.metric-card{padding:18px}.metric-card strong{display:block;font-size:1.25rem;margin-bottom:8px}.metric-card span{color:var(--muted);line-height:1.7}.hero-visual{padding:26px;display:grid;gap:14px}.mock-window,.highlight-card,.story-card,.step-card,.faq-card,.plan-card,.legal-card,.contact-card,.onboarding-card,.surface-card,.info-card{padding:22px}.mock-window{background:linear-gradient(180deg,#fff 0%,#faf3e7 100%);border:1px solid var(--line);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8)}.mock-window__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mock-dots{display:flex;gap:6px}.mock-dots span{width:10px;height:10px;border-radius:999px;background:#dcc7a2}.mock-line{height:10px;border-radius:999px;background:#e5d7bf;margin-bottom:10px}.mock-line.wide{width:100%}.mock-line.mid{width:72%}.mock-line.short{width:48%}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.mock-card{padding:14px;border-radius:18px;background:rgba(255,255,255,0.84);border:1px solid rgba(223,209,187,0.95)}.mock-card strong{display:block;margin-bottom:10px}.section-block{margin-bottom:22px}.section-header{margin-bottom:16px}.section-title{margin:12px 0 8px;font-size:clamp(1.6rem,2.3vw,2.4rem)}.section-title--flush{margin-top:0}.section-copy{margin:0;color:var(--muted);line-height:1.9}.highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid,.steps-grid,.faq-grid,.legal-grid,.contact-grid,.onboarding-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-card h3,.story-card h3,.step-card h3,.faq-card h3,.plan-card h3,.legal-card h3,.info-card h3,.contact-card h3,.onboarding-card h3,.surface-card h3{margin:0 0 10px;font-size:1.2rem}.highlight-card p,.story-card p,.step-card p,.faq-card p,.plan-card p,.legal-card p,.info-card p,.contact-card p,.onboarding-card p,.surface-card p,.surface-card li,.plan-card li,.legal-card li{margin:0;color:var(--muted);line-height:1.9}.story-card ul,.plan-card ul,.legal-card ul,.surface-card ul{margin:12px 0 0;padding-right:18px}.story-card--full,.legal-card--full{grid-column:1 / -1}.step-number{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-strong)100%);margin-bottom:14px}.notice-band,.status-pill,.price-note,.form-note,.section-note{border-radius:999px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-weight:700;font-size:0.9rem}.notice-band,.price-note,.section-note{background:rgba(169,127,63,0.1);color:var(--primary-strong)}.status-pill{background:#f5f5f4;color:#57534e}.status-pill--success{background:#ecfdf3;color:var(--success)}.status-pill--error{background:#fef3f2;color:var(--danger)}.status-pill--loading{background:#fff7ed;color:#c2410c}.status-pill--idle{background:#f5f5f4;color:#57534e}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{position:relative}.plan-card--featured{background:linear-gradient(180deg,rgba(255,253,249,0.96)0%,rgba(248,239,221,0.96)100%);border-color:var(--line-strong)}.plan-badge{display:inline-flex;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(107,31,42,0.1);color:var(--accent);font-weight:800}.plan-price{display:flex;align-items:baseline;gap:8px;margin:14px 0}.plan-price strong{font-size:2.4rem;color:var(--primary-strong)}.plan-price span{color:var(--muted);font-weight:700}.plan-card ul{margin-bottom:18px}.content-shell{width:min(calc(100% - 32px),980px);margin:0 auto}.legal-shell{width:min(calc(100% - 32px),1080px);margin:0 auto}.legal-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1.1fr 0.9fr;align-items:start}.contact-form,.onboarding-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.field--full{grid-column:1 / -1}label{font-weight:800;color:var(--text)}input,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:18px;padding:14px 16px;transition:border-color 0.18s ease,box-shadow 0.18s ease}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(169,127,63,0.14)}textarea{min-height:150px;resize:vertical}.form-help,.inline-help{color:var(--muted);font-size:0.92rem;line-height:1.8}.alert-box{border-radius:20px;padding:16px 18px;border:1px solid;margin-bottom:16px}.alert-box--success{background:#ecfdf3;color:var(--success);border-color:#b7ebc6}.alert-box--danger{background:#fef3f2;color:var(--danger);border-color:#f7c6c1}.errors-list{margin:0;padding-right:18px}.hp-field{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.turnstile-wrap{margin-top:6px}.password-meter{display:grid;gap:8px}.password-meter-bar{height:10px;border-radius:999px;background:#ede7dc;overflow:hidden}.password-meter-fill{height:100%;width:0;background:#cbd5e1;transition:width 0.2s ease,background-color 0.2s ease}.password-meter-text{color:var(--muted);font-size:0.92rem;font-weight:700}.final-banner{padding:28px;background:linear-gradient(135deg,#a97f3f 0%,#7d5b2a 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.final-banner h2{margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.5rem)}.final-banner p{margin:0;color:rgba(255,255,255,0.86);line-height:1.9}.thank-you-box{text-align:center;padding:36px 28px}.thank-you-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:#ecfdf3;color:var(--success);font-size:2rem;font-weight:900}@media(max-width:1100px){.page-hero,.contact-grid,.plan-grid,.highlights-grid,.metrics-grid,.story-grid,.steps-grid,.faq-grid,.onboarding-grid,.public-footer__grid{grid-template-columns:1fr 1fr}.page-hero,.contact-grid,.public-footer__grid,.plan-grid{grid-template-columns:1fr}}@media(max-width:980px){.desktop-nav,.public-header__actions .btn-secondary{display:none}.menu-toggle{display:inline-flex}.hero-panel,.hero-visual,.surface-card,.info-card,.story-card,.step-card,.faq-card,.legal-card,.contact-card,.onboarding-card,.plan-card,.highlight-card,.metric-card,.final-banner,.thank-you-box{padding:20px}}@media(max-width:720px){.matlek-main{padding-top:20px}.public-header__bar{min-height:76px}.public-header__actions{gap:8px}.public-header__actions .btn-primary{min-height:42px;padding:0 14px;font-size:0.92rem}.brand img{height:40px}.brand{font-size:1.1rem}.page-title,.hero-title,.legal-title,.contact-title,.onboarding-title{font-size:2rem}.highlights-grid,.story-grid,.steps-grid,.faq-grid,.metrics-grid,.onboarding-grid,.form-grid,.public-footer__grid{grid-template-columns:1fr}.hero-actions,.final-actions,.contact-actions,.thank-you-actions{flex-direction:column}.btn{width:100%}}
.story-card--featured{border-color:var(--primary-strong)!important;background:rgba(169,127,63,0.04)!important}
.faq-note{margin-top:24px;text-align:center;color:var(--muted);line-height:1.8}
.btn-ghost--dark{border-color:rgba(255,255,255,0.4)!important;color:#fff!important}
.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
.comparison-table th,.comparison-table td{padding:14px 16px;text-align:right;border-bottom:1px solid var(--line)}
.comparison-table th{background:var(--primary-soft);color:var(--primary-strong);font-weight:800}
.comparison-table tr:last-child td{border-bottom:none}
.hero-highlights{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;justify-content:center;font-weight:700;color:var(--primary-strong);font-size:0.95rem}
.hero-highlights div{background:var(--primary-soft);padding:8px 14px;border-radius:999px}
.trust-strip{display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px;padding:20px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:24px;font-weight:800;color:var(--primary-strong);font-size:0.95rem;text-align:center}
.surface-card--large{padding:24px!important;line-height:1.9!important;color:var(--muted)!important}
.surface-card--large p{margin-bottom:16px!important}
.surface-card--large p:last-child{margin-bottom:0!important}
.text-danger{color:var(--danger)!important}
.text-success{color:var(--success)!important}

/* Hero Visual Mockup Custom styles */
.mock-window {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px !important;
}
.mock-window__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
  margin-bottom: 16px !important;
}
.mock-tabs {
  display: flex;
  gap: 8px;
}
.mock-tab-btn {
  background: rgba(169, 127, 63, 0.08);
  border: 1px solid transparent;
  color: var(--muted);
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.mock-tab-btn:hover {
  background: rgba(169, 127, 63, 0.15);
  color: var(--primary-strong);
}
.mock-tab-btn.active {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 4px 12px rgba(169, 127, 63, 0.2);
}
.mock-tab-content {
  display: none;
  animation: fadeInMock 0.3s ease forwards;
}
.mock-tab-content.active {
  display: block;
}
@keyframes fadeInMock {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.mock-dashboard, .mock-storefront {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mock-dashboard__header, .mock-storefront__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 800;
  font-size: 0.95rem;
  color: var(--text);
}
.mock-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.mock-stat {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.mock-stat__label {
  font-size: 0.75rem;
  color: var(--muted);
}
.mock-stat__value {
  font-size: 1.05rem;
  color: var(--primary-strong);
  font-weight: 900;
}
.mock-orders-title {
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--muted);
  margin-top: 4px;
}
.mock-orders {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mock-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 0.8rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
}
.mock-order__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mock-order__info strong {
  color: var(--text);
  font-weight: 800;
}
.mock-order__info span {
  color: var(--muted);
  font-size: 0.75rem;
}
.mock-storefront__header {
  border-bottom: 1px dashed var(--line);
  padding-bottom: 8px;
  margin-bottom: 4px;
}
.mock-cart-icon {
  background: var(--primary-soft);
  color: var(--primary-strong);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 800;
}
.mock-product {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: transform 0.2s ease;
}
.mock-product:hover {
  transform: translateY(-2px);
}
.mock-product__img {
  background: linear-gradient(135deg, var(--surface-soft) 0%, var(--primary-soft) 100%);
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  position: relative;
}
.mock-flower {
  animation: floatFlower 3s ease-in-out infinite;
}
@keyframes floatFlower {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-6px) rotate(10deg); }
}
.mock-product__details {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mock-product__details h3 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--text);
}
.mock-product__price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mock-product__price strong {
  color: var(--accent);
  font-size: 1rem;
  font-weight: 900;
}
.mock-product__price .old-price {
  color: var(--muted);
  text-decoration: line-through;
  font-size: 0.75rem;
}
.mock-buy-btn {
  width: 100%;
  min-height: 36px !important;
  font-size: 0.85rem !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
}

/* Highlight cards and icon styles */
.highlight-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.highlight-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(169, 127, 63, 0.1);
  border-color: var(--line-strong);
}
.highlight-icon {
  width: 46px;
  height: 46px;
  padding: 10px;
  border-radius: 14px;
  background: var(--primary-soft);
  color: var(--primary-strong);
  margin-bottom: 4px;
  transition: transform 0.2s ease;
}
.highlight-card:hover .highlight-icon {
  transform: scale(1.08);
}

/* Showcase Section Styles */
.showcase-section {
  padding: 40px 0;
  border-top: 1px solid var(--line);
  margin-top: 32px;
}
.showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 24px;
}
.showcase-card {
  background: rgba(255, 253, 249, 0.96);
  border: 1px solid rgba(223, 209, 187, 0.95);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  padding: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.showcase-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-soft);
  border-color: var(--line-strong);
}
.showcase-logo {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--surface-soft) 0%, var(--primary-soft) 100%);
  display: grid;
  place-items: center;
  font-size: 2.2rem;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
}
.showcase-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}
.showcase-meta h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--text);
}
.showcase-tag {
  align-self: center;
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(169, 127, 63, 0.1);
  color: var(--primary-strong);
  font-size: 0.8rem;
  font-weight: 800;
}
.showcase-meta p {
  margin: 0;
  font-size: 0.92rem;
  color: var(--muted);
  line-height: 1.7;
}
.showcase-btn {
  width: 100%;
  min-height: 42px !important;
  font-size: 0.9rem !important;
  font-weight: 800;
  border-radius: 12px !important;
}

@media(max-width: 980px) {
  .showcase-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 720px) {
  .showcase-grid {
    grid-template-columns: 1fr;
  }
}

/* Step cards hover and inline icon styles */
.step-card {
  position: relative;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
.step-card:hover {
  transform: translateY(-3px);
  border-color: var(--line-strong);
  box-shadow: 0 14px 30px rgba(169, 127, 63, 0.08);
}
.step-icon-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--primary-strong);
  vertical-align: middle;
  margin-left: 6px;
}
.step-card:hover .step-icon-inline {
  transform: scale(1.1);
}

@media(max-width: 480px) {
  .mock-stats {
    grid-template-columns: 1fr;
  }
}

/* Problem & Solution Split Layout */
.problem-solution-section {
  margin-bottom: 32px;
}
.split-comparison {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 24px;
}
.comparison-card {
  background: rgba(255, 253, 249, 0.96);
  border: 1px solid rgba(223, 209, 187, 0.95);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.comparison-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
}
.comparison-card--problem {
  border-right: 5px solid var(--danger);
  background: linear-gradient(180deg, rgba(254, 243, 242, 0.5) 0%, #fff 100%);
}
.comparison-card--solution {
  border-right: 5px solid var(--success);
  background: linear-gradient(180deg, rgba(236, 253, 243, 0.5) 0%, #fff 100%);
}
.comparison-card__badge {
  display: inline-flex;
  align-self: flex-start;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.85rem;
}
.comparison-card--problem .comparison-card__badge {
  background: rgba(180, 35, 24, 0.1);
  color: var(--danger);
}
.comparison-card--solution .comparison-card__badge {
  background: rgba(22, 101, 52, 0.1);
  color: var(--success);
}
.comparison-card p {
  margin: 0;
  font-size: 1.15rem;
  color: var(--text);
  line-height: 1.8;
  font-weight: 700;
}

@media(max-width: 720px) {
  .split-comparison {
    grid-template-columns: 1fr;
  }
}

/* Trust Banner Styles */
.trust-banner-section {
  margin-bottom: 32px;
}
.trust-banner {
  background: linear-gradient(135deg, var(--surface) 0%, var(--primary-soft) 100%);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  padding: 36px;
  box-shadow: var(--shadow-soft);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.trust-banner::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(169, 127, 63, 0.05) 0%, transparent 70%);
  pointer-events: none;
}
.trust-kicker {
  display: inline-flex;
  padding: 6px 14px;
  border-radius: 999px;
  background: #fff;
  color: var(--primary-strong);
  font-weight: 800;
  font-size: 0.85rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  margin-bottom: 16px;
}
.trust-title {
  margin: 0 0 12px;
  font-size: clamp(1.6rem, 2.3vw, 2.4rem);
  font-weight: 900;
  color: var(--text);
}
.trust-copy {
  margin: 0;
  font-size: 1.15rem;
  color: var(--muted);
  line-height: 1.8;
  max-width: 720px;
  margin: 0 auto;
}

@media(max-width: 980px) {
  .trust-banner {
    padding: 24px;
  }
}