/* IDEEN service detail design — 2026-09-29.
   Scoped to the eight service templates; shared header/footer remain unchanged.
   !important is limited to legacy important rules and inline presentation. */
.service-design-2026 {
  --service-ink: #172338;
  --service-muted: #59677a;
  --service-line: #e4e8ee;
  --service-gold: #dc921f;
  --service-cream: #fffaf2;
}
.service-design-2026 .ideen-service-body { color: var(--service-ink); line-height: 1.75; padding: 28px 0 48px; }
.service-design-2026 .ideen-service-body * { box-sizing: border-box; }
.service-design-2026 .ideen-service-body .ideen-sec { margin-bottom: 84px; }
.service-design-2026 .ideen-service-body .ideen-sec-head { max-width: 860px; margin: 0 auto 38px; }
.service-design-2026 .ideen-service-body .ideen-badge { background: var(--service-cream); border-color: #f1d7ad; color: #a96813; font-size: 12px; letter-spacing: 1px; padding: 6px 16px; }
.service-design-2026 .ideen-service-body .ideen-sec-title { color: var(--service-ink); font-size: clamp(25px, 2.4vw, 34px); line-height: 1.4; margin-bottom: 16px; }
.service-design-2026 .ideen-service-body .ideen-sec-desc { color: var(--service-muted); font-size: 16px; line-height: 1.8; }
/* Hero: existing banner, copy, statistics and responsive header clearance. */
.service-design-2026 .header-section .section-header-1 .header-title-style-16 .header { font-size: clamp(30px, 3vw, 42px) !important; line-height: 1.35 !important; }
.service-design-2026 .header-section .section-header-1 .about-content { min-width: 0; }
.service-design-2026 .header-section .counter-wrapper { gap: 0 !important; background: #fff; border-radius: 14px; padding: 20px 0; box-shadow: 0 12px 30px #5734000d; }
.service-design-2026 .header-section .counter-wrapper .counter-item { padding: 0 14px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; gap: 6px; }
.service-design-2026 .header-section .counter-wrapper .counter-item + .counter-item { border-left: 1px solid #e8e4dd !important; }
.service-design-2026 .header-section .counter-wrapper .counter-item:hover { transform: none !important; box-shadow: none !important; }
.service-design-2026 .header-section .counter-wrapper .counter-item .img { background: transparent !important; margin-bottom: 4px !important; }
/* Pain points: open editorial rows, retaining every alert and solution. */
.service-design-2026 .ideen-service-body .pain-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
.service-design-2026 .ideen-service-body .pain-card { min-width: 0; border: 0; border-bottom: 1px solid var(--service-line); border-radius: 0; padding: 28px 0; box-shadow: none; background: transparent; }
.service-design-2026 .ideen-service-body .pain-card:hover { transform: none; box-shadow: none; border-color: var(--service-line); }
.service-design-2026 .ideen-service-body .pain-icon-wrap { width: 42px; height: 42px; border-radius: 12px; margin-bottom: 16px; background: #fff0ed; }
.service-design-2026 .ideen-service-body .pain-icon-wrap svg { width: 22px; height: 22px; }
.service-design-2026 .ideen-service-body .pain-card :is(.pain-card-title, h3) { color: var(--service-ink); font-size: 19px; line-height: 1.5; }
.service-design-2026 .ideen-service-body .pain-card :is(.pain-card-desc, p) { color: var(--service-muted); font-size: 15px; line-height: 1.8; }
.service-design-2026 .ideen-service-body .pain-alert { background: transparent; border-left: 2px solid #eeb5a7; padding: 2px 0 2px 12px; margin-top: 18px; color: #ac503d; }
.service-design-2026 .ideen-service-body .pain-card[style*="background"] { background: var(--service-cream) !important; border: 1px solid #f1d7ad !important; border-radius: 14px; padding: 28px; margin: 12px 0; }
/* Benefits: soft band with open columns. */
.service-design-2026 .ideen-service-body .benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; background: var(--service-cream); border-radius: 18px; padding: 16px; }
.service-design-2026 .ideen-service-body .benefit-card { min-width: 0; padding: 28px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.service-design-2026 .ideen-service-body .benefit-card:not(:nth-child(3n+1)) { border-left: 1px solid #ece2d2; }
.service-design-2026 .ideen-service-body .benefit-card:nth-child(n+4) { border-top: 1px solid #ece2d2; }
.service-design-2026 .ideen-service-body .benefit-card:hover { transform: none; box-shadow: none; }
.service-design-2026 .ideen-service-body .benefit-card::before { display: none; }
.service-design-2026 .ideen-service-body .benefit-icon-wrap { width: 44px; height: 44px; border-radius: 12px; background: #ffefcf; margin-bottom: 18px; }
.service-design-2026 .ideen-service-body .benefit-card-title { font-size: 19px; line-height: 1.5; }
.service-design-2026 .ideen-service-body .benefit-card-desc { font-size: 15px; line-height: 1.8; }
.service-design-2026 .ideen-service-body .benefit-highlight { background: transparent; padding-left: 12px; }
/* Comparison keeps the complete two-column content. */
.service-design-2026 .ideen-service-body .comp-cards-grid { gap: 24px; align-items: stretch; }
.service-design-2026 .ideen-service-body .comp-card { border-radius: 16px; box-shadow: none; border-color: var(--service-line); }
.service-design-2026 .ideen-service-body .comp-card--traditional { background: #f7f9fb; }
.service-design-2026 .ideen-service-body .comp-card--hero { border-color: #eab965; background: #fffdf8; box-shadow: 0 12px 32px #17304c08; }
.service-design-2026 .ideen-service-body .comp-card__header { padding: 30px 28px; }
.service-design-2026 .ideen-service-body .comp-card__body { padding: 0 28px; }
.service-design-2026 .ideen-service-body .comp-item { border: 0; border-bottom: 1px solid var(--service-line); border-radius: 0; padding: 20px 0; background: transparent; margin: 0; box-shadow: none; }
.service-design-2026 .ideen-service-body .comp-item__desc { font-size: 14px; line-height: 1.75; }
.service-design-2026 .ideen-service-body .comp-card__footer { padding: 24px 28px; }
/* Pricing: equal columns, aligned buttons, no scale-induced overlap. */
.service-design-2026 .ideen-service-body .price-cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; padding-top: 16px; }
.service-design-2026 .ideen-service-body .price-box { min-width: 0; border: 1px solid var(--service-line); border-radius: 16px; padding: 36px 26px 26px; background: #fff; box-shadow: 0 8px 28px #18314906; display: flex; flex-direction: column; }
.service-design-2026 .ideen-service-body .price-box:hover { transform: none; box-shadow: 0 8px 28px #1831490c; }
.service-design-2026 .ideen-service-body .price-box.popular { transform: none; border: 2px solid #e6ad51; background: linear-gradient(180deg, #fff9ee 0, #fff 240px); box-shadow: 0 10px 32px #ad741411; }
.service-design-2026 .ideen-service-body .price-pop-ribbon { max-width: calc(100% - 24px); width: max-content; white-space: normal; text-align: center; font-size: 11px; line-height: 1.5; padding: 6px 14px; background: #e4a139; }
.service-design-2026 .ideen-service-body .price-top { min-height: 150px; padding-bottom: 24px; margin-bottom: 16px; border-color: var(--service-line); }
.service-design-2026 .ideen-service-body .price-title { font-size: 21px; line-height: 1.45; color: var(--service-ink); }
.service-design-2026 .ideen-service-body .price-sub { font-size: 14px; line-height: 1.65; }
.service-design-2026 .ideen-service-body .price-val { font-size: clamp(25px, 2.5vw, 34px); color: #b66b10; overflow-wrap: anywhere; line-height: 1.3; }
.service-design-2026 .ideen-service-body .price-unit { display: inline-block; font-size: 12px; font-weight: 400; }
.service-design-2026 .ideen-service-body .price-feats { flex: 1; }
.service-design-2026 .ideen-service-body .price-feats li { display: block !important; position: relative !important; border-bottom: 0 !important; padding: 9px 0 9px 28px !important; line-height: 1.7 !important; }
.service-design-2026 .ideen-service-body .price-feats li .v-icon { position: absolute !important; left: 0; top: 11px; margin: 0 !important; }
.service-design-2026 .ideen-service-body .btn-choose-plan { border-radius: 9px; padding: 14px 16px; line-height: 1.5; min-height: 50px; }
.service-design-2026 .ideen-service-body :is(.btn-plan-solid, .btn-plan-gold, .btn-submit-touch) { background: linear-gradient(110deg,#e9aa43,#db890d); box-shadow: 0 5px 14px #c8891920; }
/* Process: modest cards, circular badges, retained step order. */
.service-design-2026 .ideen-service-body .steps-grid-box { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.service-design-2026 .ideen-service-body .step-item-card { min-width: 0; padding: 26px 22px; border: 1px solid var(--service-line); border-radius: 12px; box-shadow: none; }
.service-design-2026 .ideen-service-body .step-item-card:hover { transform: none; box-shadow: none; }
.service-design-2026 .ideen-service-body .step-badge-icon { width: 42px; min-width: 42px; height: 42px; border-radius: 50%; margin-bottom: 22px; background: var(--service-cream); border-color: #f0d5a6; align-self: flex-start; }
.service-design-2026 .ideen-service-body .step-item-card :is(.step-name-txt,h3) { font-size: 17px; line-height: 1.5; }
.service-design-2026 .ideen-service-body .step-item-card :is(.step-desc-txt,p) { font-size: 14px; line-height: 1.8; }
/* Assurance: one navy panel, open columns rather than nested cards. */
.service-design-2026 .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap) { padding: 44px; background: radial-gradient(ellipse at top right,#263951 0,#152034 65%); border: 1px solid #26364a; border-radius: 18px; box-shadow: 0 12px 32px #17233812; color: #fff; margin-bottom: 64px; }
.service-design-2026 .ideen-service-body :is(.dark-guar-title,.anti-ai-title,.commit-title) { color: #fff; font-size: 27px; line-height: 1.45; }
.service-design-2026 .ideen-service-body :is(.dark-guar-desc,.anti-ai-sub,.commit-sub) { color: #c5cfdd; font-size: 15px; line-height: 1.85; max-width: 900px; }
.service-design-2026 .ideen-service-body :is(.dark-guar-grid,.anti-ai-cols,.commit-cols) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin-top: 28px; }
.service-design-2026 .ideen-service-body :is(.anti-ai-cols,.commit-cols) { grid-template-columns: repeat(4,minmax(0,1fr)); }
.service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col) { min-width: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 10px 24px; }
.service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col):first-child { padding-left: 0; }
.service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col) + :is(.dark-guar-item,.anti-ai-col,.commit-col) { border-left: 1px solid #ffffff26; }
.service-design-2026 .ideen-service-body :is(.anti-ai-col,.commit-col) h4 { color: #fff; font-size: 16px; line-height: 1.6; }
.service-design-2026 .ideen-service-body :is(.dark-guar-item-desc,.anti-ai-col p,.commit-col p) { color: #c5cfdd; font-size: 14px; line-height: 1.8; }
/* FAQ retains the existing active class and JavaScript behavior. */
.service-design-2026 .ideen-service-body .faq-accordion-box { max-width: 960px; }
.service-design-2026 .ideen-service-body .faq-row { border: 0; border-bottom: 1px solid var(--service-line); border-radius: 0; margin-bottom: 0; background: #fff; box-shadow: none; }
.service-design-2026 .ideen-service-body .faq-row.active { background: var(--service-cream); border-radius: 10px; border-color: #f1dfc2; }
.service-design-2026 .ideen-service-body .faq-q { padding: 23px 24px; background: transparent; color: var(--service-ink); font-size: 17px; line-height: 1.6; gap: 20px; }
.service-design-2026 .ideen-service-body .faq-a { padding: 0 24px 24px; border-top: 0; font-size: 15px; line-height: 1.85; color: var(--service-muted); }
/* Consultation: warm background, one white form, original fields and handlers. */
.service-design-2026 .ideen-service-body .quote-connect-box { padding: 44px; border: 1px solid #f0d7af; border-radius: 18px; background: #fffbf5; box-shadow: none; grid-template-columns: minmax(0,1fr) minmax(0,1.12fr); gap: 44px; }
.service-design-2026 .ideen-service-body .quote-connect-box > * { min-width: 0; }
.service-design-2026 .ideen-service-body .connect-title { font-size: 28px; line-height: 1.5; color: var(--service-ink); }
.service-design-2026 .ideen-service-body :is(.connect-desc,.connect-empathy-p) { font-size: 15px; line-height: 1.85; }
.service-design-2026 .ideen-service-body .connect-form-card { min-width: 0; padding: 30px; border: 1px solid var(--service-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 28px #24324909; }
.service-design-2026 .ideen-service-body .connect-direct-advisor { border-color: #ecd6b5; background: #fff6e6; border-radius: 12px; }
.service-design-2026 .ideen-service-body :is(.form-input-wrap input,.form-input-wrap textarea,.form-input-row input,.connect-form-card textarea) { min-width: 0; border-width: 1px; border-color: #dbe1e8; border-radius: 8px; padding: 13px 14px; font-size: 15px; }
.service-design-2026 .ideen-service-body .pill-goal-label { border-width: 1px; border-color: #dbe1e8; border-radius: 8px; padding: 11px 10px; line-height: 1.5; }
.service-design-2026 .ideen-service-body .pill-goal-item input:focus-visible + .pill-goal-label { outline: 2px solid #b87819; outline-offset: 3px; }
.service-design-2026 .ideen-service-body .btn-submit-touch { border-radius: 9px; white-space: normal; line-height: 1.5; padding: 16px; }
.service-design-2026 .ideen-service-body .partners-strip-box { background: #f8fafb; border: 0; border-radius: 12px; padding: 28px; }
.service-design-2026 .ideen-service-body .partners-logos-flex { gap: 32px; align-items: center; }
.service-design-2026 .ideen-service-body .partners-logos-flex img { max-width: 120px; object-fit: contain; }
@media (max-width: 1100px) {
  .service-design-2026 .ideen-service-body .price-cards-grid { gap: 16px; }
  .service-design-2026 .ideen-service-body .price-box { padding: 34px 20px 22px; }
  .service-design-2026 .ideen-service-body .quote-connect-box { padding: 30px; gap: 28px; }
  .service-design-2026 .ideen-service-body .connect-form-card { padding: 24px; }
  .service-design-2026 .ideen-service-body :is(.anti-ai-cols,.commit-cols) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 0; }
  .service-design-2026 .ideen-service-body :is(.anti-ai-col,.commit-col):nth-child(odd) { border-left: 0; padding-left: 0; }
}
@media (max-width: 991px) {
  .service-design-2026 .ideen-service-body .ideen-sec { margin-bottom: 60px; }
  .service-design-2026 .ideen-service-body .benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-design-2026 .ideen-service-body .benefit-card { padding: 24px; border: 0 !important; }
  .service-design-2026 .ideen-service-body .benefit-card:nth-child(even) { border-left: 1px solid #ece2d2 !important; }
  .service-design-2026 .ideen-service-body .benefit-card:nth-child(n+3) { border-top: 1px solid #ece2d2 !important; }
  .service-design-2026 .ideen-service-body .steps-grid-box { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-design-2026 .ideen-service-body .quote-connect-box { grid-template-columns: minmax(0,1fr); }
  .service-design-2026 .ideen-service-body .price-cards-grid { grid-template-columns: minmax(0,1fr); max-width: 660px; margin-inline: auto; gap: 30px; }
  .service-design-2026 .ideen-service-body .price-top { min-height: 0; }
  .service-design-2026 .ideen-service-body .price-box { padding: 34px 28px 28px; }
  .service-design-2026 .ideen-service-body .price-val { font-size: 32px; }
}
@media (max-width: 767px) {
  .service-design-2026 .ideen-service-body { padding-top: 16px; }
  .service-design-2026 .ideen-service-body .ideen-sec-head { margin-bottom: 24px; }
  .service-design-2026 .header-section .counter-wrapper { grid-template-columns: repeat(3,minmax(0,1fr)) !important; padding: 16px 0; }
  .service-design-2026 .header-section .counter-wrapper .counter-item { padding: 0 8px !important; }
  .service-design-2026 .header-section .counter-wrapper .counter-item :is(.counter-unit,.counter) { font-size: 22px !important; }
  .service-design-2026 .header-section .counter-wrapper .counter-item .counter-heading { font-size: 12px !important; }
  .service-design-2026 .ideen-service-body .pain-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  .service-design-2026 .ideen-service-body .benefit-grid { grid-template-columns: minmax(0,1fr); padding: 8px 20px; }
  .service-design-2026 .ideen-service-body .benefit-card { padding: 24px 0; border: 0 !important; }
  .service-design-2026 .ideen-service-body .benefit-card:nth-child(n+2) { border: 0 !important; border-top: 1px solid #ece2d2 !important; }
  .service-design-2026 .ideen-service-body .comp-cards-grid { grid-template-columns: minmax(0,1fr); }
  .service-design-2026 .ideen-service-body :is(.comp-card__header,.comp-card__footer) { padding: 24px 20px; }
  .service-design-2026 .ideen-service-body .comp-card__body { padding: 0 20px; }
  .service-design-2026 .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap) { padding: 28px 24px; }
  .service-design-2026 .ideen-service-body :is(.dark-guar-grid,.anti-ai-cols,.commit-cols) { grid-template-columns: minmax(0,1fr); gap: 0; }
  .service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col) { padding: 20px 0; border: 0 !important; }
  .service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col) + :is(.dark-guar-item,.anti-ai-col,.commit-col) { border-top: 1px solid #ffffff26 !important; }
  .service-design-2026 .ideen-service-body :is(.dark-guar-title,.anti-ai-title,.commit-title) { font-size: 24px; }
  .service-design-2026 .ideen-service-body .faq-q { padding: 20px 16px; font-size: 16px; }
  .service-design-2026 .ideen-service-body .faq-a { padding: 0 16px 20px; }
  .service-design-2026 .ideen-service-body .quote-connect-box { padding: 24px 16px; gap: 28px; }
  .service-design-2026 .ideen-service-body .connect-form-card { padding: 24px 16px; }
  .service-design-2026 .ideen-service-body .connect-title { font-size: 25px; }
  .service-design-2026 .ideen-service-body :is(.form-fields-grid,.form-input-row,.pills-goal-grid) { grid-template-columns: minmax(0,1fr); }
  .service-design-2026 .ideen-service-body .partners-logos-flex { gap: 24px; }
}
@media (max-width: 480px) {
  .service-design-2026 .ideen-service-body .steps-grid-box { grid-template-columns: minmax(0,1fr); }
  .service-design-2026 .ideen-service-body .step-item-card { grid-column: auto !important; }
  .service-design-2026 .ideen-service-body .price-box { padding: 32px 20px 24px; }
  .service-design-2026 .ideen-service-body .connect-direct-advisor { padding: 14px; gap: 10px; }
  .service-design-2026 .ideen-service-body .advisor-phone { font-size: 15px; overflow-wrap: anywhere; }
}

/* Comfortable page gutters without changing the shared header. */
.service-design-2026 .header-section .container,
.service-design-2026 .container:has(> .object-detail) { width: 100%; max-width: 1248px; padding-left: 24px; padding-right: 24px; }
@media (max-width: 767px) {
 .service-design-2026 .header-section .container,
 .service-design-2026 .container:has(> .object-detail) { padding-left: 20px; padding-right: 20px; }
}
/* Reset article-list indentation only inside the consultation content. */
.service-design-2026 .ideen-service-body :is(.connect-gifts-list,.connect-gift-list) { list-style: none; padding: 0; margin: 24px 0; }
.service-design-2026 .ideen-service-body .connect-gifts-list li { padding-left: 0; }
.service-design-2026 .ideen-service-body .form-head-title { font-size: 21px; line-height: 1.5; color: var(--service-ink); margin-bottom: 12px; }
.service-design-2026 .ideen-service-body .form-head-sub { font-size: 14px; line-height: 1.8; margin-bottom: 24px; }
.service-design-2026 .ideen-service-body .dark-guar-item-title { font-size: 17px; line-height: 1.6; }
.service-design-2026 .ideen-service-body #form-bao-gia { scroll-margin-top: 100px; }
/* Content-writing / website-care templates use a second gift-list variant. */
.service-design-2026 .ideen-service-body .connect-gift-item { display: flex; align-items: flex-start; gap: 12px; padding: 0; margin-bottom: 20px; border: 0; background: transparent; box-shadow: none; }
.service-design-2026 .ideen-service-body .connect-gift-icon { flex: 0 0 28px; font-size: 18px; line-height: 28px; margin: 0; }
.service-design-2026 .ideen-service-body .connect-gift-text { min-width: 0; }
.service-design-2026 .ideen-service-body .connect-gift-text h4 { font-size: 15px; line-height: 1.6; margin: 0 0 5px; }
.service-design-2026 .ideen-service-body .connect-gift-text p { font-size: 14px; line-height: 1.75; margin: 0; }

/* V2 — refinements matched against the approved reference images. */
.service-design-2026 { --service-icon-layers: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205-9%205-9-5Zm0%205%209%205%209-5M3%2018l9%205%209-5%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-shield: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%204v6c0%205-5%209-9%2011-4-2-9-6-9-11V6l9-4Z%22%2F%3E%3Cpath%20d%3D%22m9%209-3%203%203%203m6-6%203%203-3%203m-2-7-2%2010%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-bolt: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202%203%2014h8l-1%209%2011-13h-8l1-8Z%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-chart: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V12m6%208V8m6%2012V4m5%2018H1M3%207l6-4%206%201%205-3%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2012%205%205L21%205%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-lock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M7%2010V7a5%205%200%200%201%2010%200v3m-5%205v3%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-globe: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%2210%22%2F%3E%3Cpath%20d%3D%22M2%2012h20M4%206h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-move: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h17m-4-4%204%204-4%204M21%2017H4m4-4-4%204%204%204%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-chat: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a9%209%200%200%201-9%209H4l-3%203V11a10%2010%200%200%201%2020%200Z%22%2F%3E%3Cpath%20d%3D%22M6%209h10M6%2014h7%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-user: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M3%2022v-3a9%209%200%200%201%2018%200v3%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-target: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22m12%2012%209-9m-4%200h4v4%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-document: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202h9l5%205v15H5V2Zm9%200v6h5M8%2012h8M8%2016h8%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m2%2018%206-6%204%204%204-6%206%208%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 { --service-icon-server: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffb52b%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2214%22%20width%3D%2220%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%206h1M6%2017h1M11%206h7m-7%2011h7%22%2F%3E%3C%2Fsvg%3E"); }
.service-design-2026 .service-icon-layers { --service-icon: var(--service-icon-layers); }
.service-design-2026 .service-icon-shield { --service-icon: var(--service-icon-shield); }
.service-design-2026 .service-icon-bolt { --service-icon: var(--service-icon-bolt); }
.service-design-2026 .service-icon-chart { --service-icon: var(--service-icon-chart); }
.service-design-2026 .service-icon-check { --service-icon: var(--service-icon-check); }
.service-design-2026 .service-icon-lock { --service-icon: var(--service-icon-lock); }
.service-design-2026 .service-icon-globe { --service-icon: var(--service-icon-globe); }
.service-design-2026 .service-icon-move { --service-icon: var(--service-icon-move); }
.service-design-2026 .service-icon-chat { --service-icon: var(--service-icon-chat); }
.service-design-2026 .service-icon-user { --service-icon: var(--service-icon-user); }
.service-design-2026 .service-icon-target { --service-icon: var(--service-icon-target); }
.service-design-2026 .service-icon-document { --service-icon: var(--service-icon-document); }
.service-design-2026 .service-icon-image { --service-icon: var(--service-icon-image); }
.service-design-2026 .service-icon-server { --service-icon: var(--service-icon-server); }
.service-page-thiet-ke-web .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/thiet-ke-web.svg"); }
.service-page-quang-cao-google-adwords .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/quang-cao-google-adwords.svg"); }
.service-page-seo-web .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/seo-web.svg"); }
.service-page-viet-bai-chuan-seo .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/viet-bai-chuan-seo.svg"); }
.service-page-phong-marketing-thue-ngoai .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/phong-marketing-thue-ngoai.svg"); }
.service-page-cham-soc-facebook .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/cham-soc-facebook.svg"); }
.service-page-hosting-ten-mien .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/hosting-ten-mien.svg"); }
.service-page-cham-soc-website .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { background-image: url("../images/service-design/cham-soc-website.svg"); }
/* Explicit margins defeat the legacy article heading/list reset. */
.service-design-2026 .ideen-service-body .ideen-sec { margin-bottom: 56px; }
.service-design-2026 .ideen-service-body .ideen-sec-head { max-width: 1080px; margin-bottom: 30px; }
.service-design-2026 .ideen-service-body .ideen-badge { margin: 0 0 16px; }
.service-design-2026 .ideen-service-body .ideen-sec-title { font-size: clamp(24px,2.3vw,30px); line-height: 1.35; margin: 0 0 12px; }
.service-design-2026 .ideen-service-body .ideen-sec-desc { margin: 0; font-size: 15px; line-height: 1.7; }
/* The reference's statistics are horizontal icon/text pairs in one strip. */
.service-design-2026 .header-section .counter-wrapper { padding: 16px 0; margin-top: 26px !important; }
.service-design-2026 .header-section .counter-wrapper .counter-item { display: grid !important; grid-template-columns: 36px minmax(0,1fr); grid-template-rows: auto auto; gap: 3px 10px; text-align: left !important; padding: 0 18px !important; justify-content: start !important; }
.service-design-2026 .header-section .counter-wrapper .counter-item .img { grid-row: 1 / 3; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; }
.service-design-2026 .header-section .counter-wrapper .counter-item .counter-unit { margin: 0 !important; font-size: 23px !important; }
.service-design-2026 .header-section .counter-wrapper .counter-item .counter { font-size: 23px !important; }
.service-design-2026 .header-section .counter-wrapper .counter-item .counter-heading { grid-column: 2; text-align: left !important; font-size: 12px !important; }
/* Icon at the left of the editorial row, with a continuous text column. */
.service-design-2026 .ideen-service-body .pain-grid { gap: 0 32px; }
.service-design-2026 .ideen-service-body .pain-card { display: grid; grid-template-columns: 48px minmax(0,1fr); column-gap: 18px; align-content: start; padding: 24px 0; }
.service-design-2026 .ideen-service-body .pain-icon-wrap { grid-column: 1; grid-row: 1 / 4; border-radius: 50%; width: 46px; height: 46px; margin: 0; }
.service-design-2026 .ideen-service-body .pain-card > :not(.pain-icon-wrap) { grid-column: 2; }
.service-design-2026 .ideen-service-body .pain-card :is(.pain-card-title,h3) { font-size: 17px; line-height: 1.45; margin: 0 0 10px; }
.service-design-2026 .ideen-service-body .pain-card :is(.pain-card-desc,p) { font-size: 14px; line-height: 1.7; margin: 0; }
.service-design-2026 .ideen-service-body .pain-alert { margin: 12px 0 0; font-size: 13px; padding: 8px 10px; background: #fff4f3; border-radius: 0 4px 4px 0; }
.service-design-2026 .ideen-service-body .pain-card[style*="background"] { padding: 24px; }
.service-design-2026 .ideen-service-body .benefit-grid { background: #fffbf5; padding: 12px; border-radius: 10px; }
.service-design-2026 .ideen-service-body .benefit-card { padding: 24px; }
.service-design-2026 .ideen-service-body .benefit-icon-wrap { border-radius: 50%; margin-bottom: 12px; }
.service-design-2026 .ideen-service-body .benefit-card-title { font-size: 17px; line-height: 1.5; margin: 0 0 10px; }
.service-design-2026 .ideen-service-body .benefit-card-desc { font-size: 14px; line-height: 1.7; margin: 0; }
.service-design-2026 .ideen-service-body .benefit-highlight { margin-top: 12px; font-size: 13px; }
/* Pricing: tighter heading rhythm, complete features, aligned bottom buttons. */
.service-design-2026 .ideen-service-body .price-cards-grid { gap: 16px; padding-top: 12px; }
.service-design-2026 .ideen-service-body .price-box { padding: 32px 22px 24px; border-radius: 10px; }
.service-design-2026 .ideen-service-body .price-top { min-height: 172px; margin: 0 0 12px; padding-bottom: 20px; }
.service-design-2026 .ideen-service-body .price-title { font-size: 20px; line-height: 1.45; margin: 0 0 12px; }
.service-design-2026 .ideen-service-body .price-sub { font-size: 14px; margin: 0 0 14px; min-height: 46px; }
.service-design-2026 .ideen-service-body .price-val { font-size: 34px; line-height: 1.25; }
.service-design-2026 .ideen-service-body .price-unit { display: block; margin-top: 6px; }
.service-design-2026 .ideen-service-body .price-pop-ribbon { padding: 8px 18px; top: -18px; }
.service-design-2026 .ideen-service-body .price-feats li { padding-top: 8px !important; padding-bottom: 8px !important; line-height: 1.65 !important; }
/* Process: numbered circles with a fine horizontal line, as in the reference. */
.service-design-2026 .ideen-service-body .steps-grid-box { counter-reset: service-step; }
.service-design-2026 .ideen-service-body .step-item-card { counter-increment: service-step; position: relative; padding: 22px; border-radius: 10px; }
.service-design-2026 .ideen-service-body .step-item-card::after { content: ''; position: absolute; top: 44px; left: 78px; right: 22px; height: 1px; background: #f0c88b; }
.service-design-2026 .ideen-service-body .step-badge-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; min-width: 44px; padding: 0; margin: 0 0 18px; border: 0; background: #fff0d7 !important; color: #b96a08 !important; font-size: 17px; font-weight: 700; }
.service-design-2026 .ideen-service-body .step-badge-icon svg { display: none; }
.service-design-2026 .ideen-service-body .step-badge-icon:has(svg)::before { content: counter(service-step,decimal-leading-zero); }
.service-design-2026 .ideen-service-body .step-num-bg { display: none !important; }
.service-design-2026 .ideen-service-body .step-item-card :is(.step-name-txt,h3) { font-size: 16px; line-height: 1.5; margin: 0 0 12px; }
.service-design-2026 .ideen-service-body .step-item-card :is(.step-desc-txt,p) { font-size: 14px; line-height: 1.7; margin: 0; }
/* Assurance panel: reserved illustration space, compact typography and gold icons. */
.service-design-2026 .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap) { position: relative; isolation: isolate; overflow: hidden; padding: 34px 40px 30px; margin-bottom: 0; border-radius: 14px; background: radial-gradient(ellipse at 90% 5%,#203c5e 0,transparent 55%),linear-gradient(120deg,#192637,#0b1d34); box-shadow: 0 12px 26px #152c4217; }
.service-design-2026 .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { content: ''; position: absolute; z-index: -1; pointer-events: none; top: -12px; right: 4px; width: 310px; height: 270px; background-size: contain; background-repeat: no-repeat; opacity: .92; }
.service-design-2026 .ideen-service-body .dark-guar-badge { margin: 0 0 18px; padding: 6px 14px; font-size: 12px; line-height: 1.5; }
.service-design-2026 .ideen-service-body :is(.dark-guar-title,.anti-ai-title,.commit-title) { max-width: calc(100% - 240px); font-size: 27px; line-height: 1.3; margin: 0 0 12px; font-weight: 700; text-align: left; }
.service-design-2026 .ideen-service-body :is(.dark-guar-desc,.anti-ai-sub,.commit-sub) { max-width: calc(100% - 180px); margin: 0; font-size: 15px; line-height: 1.65; color: #d0d9e5; text-align: left; }
.service-design-2026 .ideen-service-body :is(.dark-guar-grid,.anti-ai-cols,.commit-cols) { margin-top: 30px; gap: 0; }
.service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col) { padding: 0 26px; text-align: left; }
.service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col):first-child { padding-left: 0; }
.service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col):last-child { padding-right: 0; }
.service-design-2026 .ideen-service-body .dark-guar-item-title { display: flex; align-items: center; gap: 14px; min-height: 42px; font-size: 16px; line-height: 1.5; margin: 0 0 12px; }
.service-design-2026 .ideen-service-body .service-assurance-icon { display: inline-block; flex: 0 0 40px; width: 40px; height: 40px; font-size: 0; background: var(--service-icon) center/contain no-repeat; }
.service-design-2026 .ideen-service-body :is(.anti-ai-col,.commit-col) h4 { font-size: 16px; line-height: 1.5; margin: 12px 0; }
.service-design-2026 .ideen-service-body :is(.dark-guar-item-desc,.anti-ai-col p,.commit-col p) { margin: 0; font-size: 14px; line-height: 1.7; color: #d0d9e5; }
.service-design-2026 .ideen-service-body :is(.anti-ai-banner,.commit-box-wrap) { margin-bottom: 56px; }
/* FAQ: plus/minus symbols, outlined open row and controlled vertical rhythm. */
.service-design-2026 .ideen-service-body .faq-accordion-box { max-width: 1060px; }
.service-design-2026 .ideen-service-body .faq-row.active { border: 1px solid #f6dab0; border-radius: 8px; background: #fffbf5; }
.service-design-2026 .ideen-service-body .faq-q { font-size: 16px; line-height: 1.5; padding: 18px 24px; margin: 0; }
.service-design-2026 .ideen-service-body .faq-a { font-size: 15px; line-height: 1.75; padding: 0 24px 20px; margin: 0; }
.service-design-2026 .ideen-service-body .faq-arr { font-size: 0; flex: 0 0 18px; transform: none !important; text-align: center; }
.service-design-2026 .ideen-service-body .faq-arr::after { content: '+'; font-size: 23px; font-weight: 500; line-height: 1; color: #7d91aa; }
.service-design-2026 .ideen-service-body .faq-row.active .faq-arr::after { content: '−'; color: #e48910; }
/* Consultation section closely follows the approved two-column mockup. */
.service-design-2026 .ideen-service-body .quote-connect-box { padding: 36px; grid-template-columns: minmax(0,1fr) minmax(0,1.08fr); gap: 36px; border-radius: 14px; }
.service-design-2026 .ideen-service-body .connect-badge { margin: 0 0 18px; font-size: 11px; }
.service-design-2026 .ideen-service-body .connect-title { font-size: 27px; line-height: 1.35; margin: 0 0 18px; }
.service-design-2026 .ideen-service-body :is(.connect-desc,.connect-empathy-p) { font-size: 15px; line-height: 1.7; margin: 0 0 24px; }
.service-design-2026 .ideen-service-body :is(.connect-gifts-list,.connect-gift-list) { margin: 0 0 28px; }
.service-design-2026 .ideen-service-body .connect-gifts-list li { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 22px; padding: 0; font-size: 14px; line-height: 1.65; }
.service-design-2026 .ideen-service-body .gift-bullet { display: flex; flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid #ffdda4; border-radius: 50%; background: #fff3d9; position: relative; }
.service-design-2026 .ideen-service-body .gift-bullet::before { content: ''; position: absolute; inset: 11px; background: var(--service-icon) center/contain no-repeat; filter: saturate(1.5); }
.service-design-2026 .ideen-service-body .connect-direct-advisor { padding: 16px; background: #f7faff; border-color: #e0e7ef; }
.service-design-2026 .ideen-service-body .advisor-label { margin: 0 0 5px; font-size: 11px; line-height: 1.5; }
.service-design-2026 .ideen-service-body .advisor-phone { font-size: 17px; line-height: 1.6; color: #d98000; }
.service-design-2026 .ideen-service-body .connect-form-card { padding: 26px; border-color: #e7ecf1; border-radius: 14px; }
.service-design-2026 .ideen-service-body .form-head-title { font-size: 22px; line-height: 1.4; margin: 0 0 8px; }
.service-design-2026 .ideen-service-body .form-head-sub { font-size: 13px; line-height: 1.65; margin: 0 0 20px; }
.service-design-2026 .ideen-service-body .form-sec-label { font-size: 13px; line-height: 1.6; margin: 0 0 10px; }
.service-design-2026 .ideen-service-body .pill-goal-label { font-size: 12px; padding: 10px 8px; }
.service-design-2026 .ideen-service-body :is(.form-input-wrap input,.form-input-wrap textarea,.form-input-row input,.connect-form-card textarea) { font-size: 14px; padding: 12px 14px; }
.service-design-2026 .ideen-service-body .btn-submit-touch { font-size: 14px; padding: 14px; background: linear-gradient(110deg,#f5a213,#ed8100); }
.service-design-2026 .ideen-service-body .form-privacy-note { font-size: 11px; line-height: 1.5; margin: 10px 0 0; }
.service-design-2026 .ideen-service-body .partners-strip-box { border: 1px solid #e0e8f0; border-radius: 12px; }
@media (max-width: 1100px) {
 .service-design-2026 .header-section .counter-wrapper .counter-item { grid-template-columns: 28px minmax(0,1fr); gap: 3px 6px; padding: 0 10px !important; }
 .service-design-2026 .header-section .counter-wrapper .counter-item .img { width: 28px !important; }
 .service-design-2026 .ideen-service-body :is(.dark-guar-title,.anti-ai-title,.commit-title) { font-size: 25px; max-width: calc(100% - 190px); }
 .service-design-2026 .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { width: 260px; height: 230px; right: -16px; }
 .service-design-2026 .ideen-service-body :is(.anti-ai-col,.commit-col):nth-child(odd) { padding-left: 0; }
 .service-design-2026 .ideen-service-body :is(.anti-ai-col,.commit-col):nth-child(n+3) { padding-top: 24px; }
 .service-design-2026 .ideen-service-body .quote-connect-box { gap: 26px; padding: 28px; }
}
@media (max-width: 991px) {
 .service-design-2026 .ideen-service-body .quote-connect-box { grid-template-columns: minmax(0,1fr); }
 .service-design-2026 .ideen-service-body .price-cards-grid { gap: 32px; }
 .service-design-2026 .ideen-service-body .price-top { min-height: 0; }
 .service-design-2026 .ideen-service-body .pain-card { column-gap: 12px; grid-template-columns: 40px minmax(0,1fr); }
 .service-design-2026 .ideen-service-body .pain-icon-wrap { width: 40px; height: 40px; }
 .service-design-2026 .ideen-service-body .dark-guar-item { padding-inline: 18px; }
 .service-design-2026 .ideen-service-body .dark-guar-item-title { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (max-width: 767px) {
 .service-design-2026 .ideen-service-body .ideen-sec { margin-bottom: 44px; }
 .service-design-2026 .header-section .counter-wrapper .counter-item { display: flex !important; align-items: center !important; gap: 5px; text-align: center !important; }
 .service-design-2026 .header-section .counter-wrapper .counter-item .counter-heading { text-align: center !important; }
 .service-design-2026 .ideen-service-body .benefit-card { padding: 24px 4px; }
 .service-design-2026 .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap) { padding: 28px 24px; }
 .service-design-2026 .ideen-service-body :is(.dark-guarantee-card,.anti-ai-banner,.commit-box-wrap)::before { width: 230px; height: 205px; right: -55px; top: -32px; opacity: .24; }
 .service-design-2026 .ideen-service-body :is(.dark-guar-title,.anti-ai-title,.commit-title) { max-width: 100%; font-size: 24px; }
 .service-design-2026 .ideen-service-body :is(.dark-guar-desc,.anti-ai-sub,.commit-sub) { max-width: 100%; font-size: 14px; }
 .service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col) { padding: 20px 0; }
 .service-design-2026 .ideen-service-body :is(.dark-guar-item,.anti-ai-col,.commit-col):last-child { padding-bottom: 0; }
 .service-design-2026 .ideen-service-body .dark-guar-item-title { flex-direction: row; align-items: center; gap: 14px; }
 .service-design-2026 .ideen-service-body .quote-connect-box { padding: 24px 16px; }
 .service-design-2026 .ideen-service-body .connect-title { font-size: 25px; }
 .service-design-2026 .ideen-service-body .connect-form-card { padding: 24px 16px; }
 .service-design-2026 .ideen-service-body .faq-q { padding: 17px 16px; }
 .service-design-2026 .ideen-service-body .faq-a { padding: 0 16px 18px; }
 .service-design-2026 .ideen-service-body .advisor-phone { font-size: 15px; }
}