/* Hadel Patterns: makes the pattern look modern in editor + frontend */
:root{
  --hd-primary:#0B5FFF;
  --hd-accent:#7C7CFF;
  --hd-ink:#0A1020;
  --hd-text:#475569;
  --hd-soft:#F5F7FF;
  --hd-radius:16px;
}

.hd-container{ max-width:1200px; margin:0 auto; padding-left:24px; padding-right:24px; }
.hd-section{ padding:96px 0; }
.hd-hero{ padding:96px 0 72px; }
.hd-problems{ background:var(--hd-soft); padding:72px 0; }
.hd-services, .hd-process, .hd-faq{ padding:88px 0; }
.hd-cta{ padding:72px 0; background:linear-gradient(180deg, var(--hd-soft), #fff); }

.hd-h1{ color:var(--hd-ink); font-size:clamp(36px, 4vw, 56px); line-height:1.05; letter-spacing:-0.02em; margin:0 0 18px; }
.hd-h2{ color:var(--hd-ink); font-size:clamp(28px, 2.4vw, 38px); line-height:1.15; letter-spacing:-0.01em; margin:0 0 14px; }
.hd-h3{ color:var(--hd-ink); font-size:20px; line-height:1.25; margin:0 0 8px; }
.hd-lead{ color:var(--hd-text); font-size:18px; line-height:1.6; margin:0 0 18px; max-width:60ch; }
.hd-text{ color:var(--hd-text); font-size:16px; line-height:1.7; margin:0; }
.hd-micro{ color:var(--hd-text); font-size:14px; line-height:1.6; margin:14px 0 0; opacity:.9; }

.hd-iconlist{ margin:14px 0 18px; padding-left:1.1em; }
.hd-iconlist li{ color:var(--hd-text); margin:0 0 8px; }
.hd-iconlist li::marker{ color:var(--hd-primary); }

.hd-buttons{ gap:14px; }
.hd-btn .wp-block-button__link{
  border-radius:12px;
  padding:14px 18px;
  font-weight:600;
  text-decoration:none;
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
}
.hd-btn-primary .wp-block-button__link{
  background:var(--hd-primary);
  border:1px solid var(--hd-primary);
  box-shadow:0 10px 24px rgba(11,95,255,.14);
  color:#fff;
}
.hd-btn-primary .wp-block-button__link:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(11,95,255,.18);
  border-color:var(--hd-accent);
}
.hd-btn-ghost .wp-block-button__link{
  background:transparent;
  border:1px solid rgba(10,16,32,0.10);
  color:var(--hd-ink);
}
.hd-btn-ghost .wp-block-button__link:hover{
  transform:translateY(-2px);
  border-color:rgba(124,124,255,0.60);
  box-shadow:0 12px 28px rgba(10,16,32,0.06);
}

.hd-visual .hd-image img{
  border-radius:14px;
  box-shadow:0 12px 34px rgba(10,16,32,0.06);
}
.hd-visual-note{ margin:10px 0 0; font-size:13px; color:var(--hd-text); opacity:.85; }

.hd-problem-list{ display:flex; flex-direction:column; gap:14px; }
.hd-problem-item{
  padding:18px 20px;
  border-radius:14px;
  background:rgba(255,255,255,0.65);
  border-left:4px solid rgba(11,95,255,0.14);
  box-shadow:0 10px 28px rgba(10,16,32,0.04);
}
.hd-problem-item .hd-h3{ font-size:18px; margin-bottom:6px; }

.hd-cards .hd-cardbox{
  background:#fff;
  border-radius:14px;
  padding:22px;
  box-shadow:0 10px 28px rgba(10,16,32,0.05);
  height:100%;
}
.hd-step{
  background:#fff;
  border-radius:14px;
  padding:18px;
  box-shadow:0 10px 28px rgba(10,16,32,0.04);
  height:100%;
}
.hd-step-kicker{
  margin:0 0 8px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(71,85,105,0.9);
}
.hd-step-highlight{
  border:2px solid rgba(11,95,255,0.35);
  box-shadow:0 14px 36px rgba(11,95,255,0.08);
}

.hd-accordion{
  border:1px solid rgba(10,16,32,0.08);
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(10,16,32,0.03);
  margin:12px 0 0;
}
.hd-accordion summary{ cursor:pointer; font-weight:600; color:var(--hd-ink); }
.hd-accordion[open] summary{ color:var(--hd-primary); }
.hd-accordion p{ margin:10px 0 0; color:var(--hd-text); }

@media (max-width: 900px){
  .hd-section{ padding:56px 0; }
  .hd-hero{ padding:56px 0; }
  .hd-problems{ padding:56px 0; }
  .hd-services, .hd-process, .hd-faq{ padding:64px 0; }
  .wp-block-columns.hd-columns{ flex-wrap:wrap; }
  .wp-block-columns.hd-columns > .wp-block-column{ flex-basis:100% !important; }
  .hd-buttons{ flex-wrap:wrap; }
}