.mod-hero { padding: 120px 0 60px; position: relative; overflow: hidden; text-align: center; }
.mod-hero h1 { font-family: 'Inter', sans-serif; font-weight: 800; font-size: clamp(32px, 5vw, 56px); line-height: 1.05; color:#fff; margin-top:8px; max-width: 880px; margin-left:auto; margin-right:auto; }
.mod-hero .mod-hook { font-family: 'DM Sans', sans-serif; font-size: 18px; line-height: 1.55; color: #aaa; margin-top: 18px; max-width: 640px; margin-left:auto; margin-right:auto; }
.mod-hero .mod-cta { margin-top: 32px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }

.mod-problem { background: #0a0a0a; padding: 80px 0; }
.mod-problem .container { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.mod-problem h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:clamp(28px,3.5vw,38px); line-height:1.15; color:#fff; }
.mod-problem .mod-problem-img { background:#080808; border-radius:16px; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; color:#444; font-family:'Inter',sans-serif; font-size:14px; border:1px dashed rgba(255,255,255,.06); }
@media (max-width: 900px) { .mod-problem .container { grid-template-columns: 1fr; } }

.mod-solution { padding: 100px 0; background: #080808; text-align:center; }
.mod-solution h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:clamp(28px,3.5vw,38px); color:#fff; }
.mod-solution-screen {
  border-radius: 20px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 32px 80px rgba(0,0,0,.6);
  max-width: 1080px; margin: 48px auto 0;
  background:#0d0d0d;
}
.mod-solution-screen img { width:100%; height:auto; display:block; }

.mod-features { padding: 80px 0; background: #0a0a0a; }
.mod-features h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:clamp(28px,3.5vw,38px); color:#fff; text-align:center; margin-bottom:48px; }
.mod-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.mod-feature {
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px; padding: 28px;
}
.mod-feature h3 { font-family:'Inter',sans-serif; font-weight:700; font-size:17px; color:#fff; margin-bottom:10px; }
.mod-feature p { font-family:'DM Sans',sans-serif; font-size:14px; line-height:1.55; color:#aaa; }

.mod-comparison { padding: 80px 0; background: #050505; }
.mod-comparison h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:clamp(28px,3.5vw,38px); color:#fff; text-align:center; margin-bottom:48px; }
.mod-comparison-table {
  width: 100%; border-collapse: collapse; max-width: 880px; margin: 0 auto;
  font-family: 'DM Sans', sans-serif; font-size: 15px; color: #aaa;
}
.mod-comparison-table th, .mod-comparison-table td {
  padding: 16px 12px; border-bottom: 1px solid rgba(255,255,255,.06);
  text-align: center;
}
.mod-comparison-table th:first-child, .mod-comparison-table td:first-child { text-align: left; }
.mod-comparison-table th { color: #fff; font-weight: 700; font-family: 'Inter', sans-serif; }
.mod-comparison-table th.is-us, .mod-comparison-table td.is-us { background: rgba(167,139,250,.08); color: #fff; }
.mod-check { color: #4ade80; font-weight: 700; }
.mod-cross { color: #ef4444; font-weight: 700; }
.mod-partial { color: #facc15; font-weight: 600; font-size: 13px; }

.mod-disclaimer {
  margin: 40px auto; max-width: 720px;
  background: rgba(250,204,21,.05);
  border: 1px solid rgba(250,204,21,.15);
  border-radius: 12px; padding: 18px 22px;
  font-family: 'DM Sans', sans-serif; font-size: 14px; color: #d4b53a;
  text-align:center;
}

.mod-faq { padding: 80px 0; background: #080808; }
.mod-faq h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:clamp(28px,3.5vw,38px); color:#fff; text-align:center; margin-bottom:48px; }
.mod-faq-list { max-width: 720px; margin: 0 auto; }
.mod-faq-item {
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 20px 0;
}
.mod-faq-q {
  font-family:'Inter',sans-serif; font-weight:700; font-size:16px; color:#fff;
  cursor: pointer; display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.mod-faq-q::after { content:'+'; color:#a78bfa; font-size:24px; line-height:1; transition:transform .2s; }
.mod-faq-item[open] .mod-faq-q::after { transform: rotate(45deg); }
.mod-faq-a {
  font-family:'DM Sans',sans-serif; font-size:14.5px; line-height:1.6; color:#aaa;
  padding-top:12px;
}

.mod-cta-final {
  position: relative; overflow: hidden;
  padding: 100px 0; background: #080808; text-align: center;
}
.mod-cta-final h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:clamp(28px,3.5vw,38px); color:#fff; }
.mod-cta-final .mod-cta-buttons { margin-top: 32px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }