@font-face { font-family: "WG ChatGPT Arabic"; src: url("noto-sans-arabic.woff2") format("woff2"); font-weight: 400 700; font-display: swap; unicode-range: U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFC; }
.wg-chatgpt-ads {
  color-scheme: dark;
  --night: #0a0a0f;
  --deep: #12121a;
  --recessed: #0d0d12;
  --red: #ff3b3b;
  --coral: #ff6b6b;
  --text: #f8f9fb;
  --muted: #adb5bd;
  --line: #343a40;
  --headline: "Space Grotesk", Inter, sans-serif;
  --body: Inter, system-ui, sans-serif;
  --width: 1200px;
  --section: clamp(60px, 8vw, 118px);
}
.wg-chatgpt-ads { background: var(--night); color: var(--text); font: 400 1rem/1.65 var(--body); }
html[dir="rtl"] .wg-chatgpt-ads { --headline: "WG ChatGPT Arabic", Inter, Tahoma, sans-serif; --body: "WG ChatGPT Arabic", Inter, Tahoma, sans-serif; }
html[dir="rtl"] .wg-chatgpt-ads :is(h1, h2, h3) { letter-spacing: 0; line-height: 1.23; }
.wg-chatgpt-ads :is(#methode, #tarifs, #faq, #cadrage) { scroll-margin-block-start: 100px; }
.wg-chatgpt-ads [hidden] { display: none !important; }
.wg-chatgpt-ads .source-link, .wg-chatgpt-ads .related a { text-decoration: underline; }
.wg-chatgpt-ads .related { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-block: 22px; color: var(--muted); }
.wg-chatgpt-ads .related a { min-height: 44px; display: inline-flex; align-items: center; }
.wg-chatgpt-ads .service-pricing { text-align: center; }
.wg-chatgpt-ads .wg-pricing-grid { grid-template-columns: minmax(0, 1fr); max-width: 510px; margin: 32px auto 0; }
.wg-chatgpt-ads .wg-pricing-card { text-align: center; }
.wg-chatgpt-ads .wg-pricing-features { text-align: start; }
.wg-chatgpt-ads .wg-pricing-price { margin-top: 12px; }
.wg-chatgpt-ads .setup-fee, .wg-chatgpt-ads .pricing-note { color: var(--muted); }
.wg-chatgpt-ads .pricing-note { margin: 20px auto 0; max-width: 60ch; font-size: .93rem; }
.wg-chatgpt-ads .service-pricing .wg-btn { width: 100%; }
.wg-chatgpt-ads *, .wg-chatgpt-ads *::before, .wg-chatgpt-ads *::after { box-sizing: border-box; }
.wg-chatgpt-ads a { color: inherit; text-underline-offset: .23em; }
.wg-chatgpt-ads a:focus-visible, .wg-chatgpt-ads summary:focus-visible, .wg-chatgpt-ads input:focus-visible + span { outline: 2px solid var(--coral); outline-offset: 4px; }
.wg-chatgpt-ads img, .wg-chatgpt-ads svg { display: block; max-width: 100%; }
.wg-chatgpt-ads h1, .wg-chatgpt-ads h2, .wg-chatgpt-ads h3, .wg-chatgpt-ads p, .wg-chatgpt-ads figure, .wg-chatgpt-ads dl, .wg-chatgpt-ads dd { margin: 0; }
.wg-chatgpt-ads h1, .wg-chatgpt-ads h2, .wg-chatgpt-ads h3 { font-family: var(--headline); font-weight: 700; }
.wg-chatgpt-ads h1 { font-size: clamp(2.55rem, 5.9vw, 5.5rem); line-height: 1; letter-spacing: -.04em; text-wrap: balance; }
.wg-chatgpt-ads h2 { font-size: clamp(2rem, 4vw, 3.65rem); line-height: 1.08; letter-spacing: -.025em; text-wrap: balance; }
.wg-chatgpt-ads h3 { font-size: clamp(1.21rem, 1.8vw, 1.55rem); line-height: 1.23; }
.wg-chatgpt-ads .wrap { width: min(calc(100% - 48px), var(--width)); margin-inline: auto; }
.wg-chatgpt-ads .muted { color: var(--muted); }
.wg-chatgpt-ads .accent { color: var(--coral); }
.wg-chatgpt-ads .num { direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wg-chatgpt-ads .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border-radius: 12px; border: 1px solid transparent; text-decoration: none; font-weight: 700; line-height: 1.25; transition: background .18s ease, border-color .18s ease; }
.wg-chatgpt-ads .btn-primary { background: linear-gradient(135deg, var(--red), var(--coral)); color: var(--night); }
.wg-chatgpt-ads .btn-primary:hover { background: #ff8585; }
.wg-chatgpt-ads .btn-secondary { color: var(--text); border-color: var(--line); background: var(--deep); }
.wg-chatgpt-ads .btn-secondary:hover { border-color: var(--coral); }
.wg-chatgpt-ads .hero { position: relative; isolation: isolate; display: grid; align-items: center; min-height: min(700px, 78svh); overflow: clip; }
.wg-chatgpt-ads .hero-media, .wg-chatgpt-ads .hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wg-chatgpt-ads .hero-media { z-index: -2; }
.wg-chatgpt-ads .hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, #0a0a0f7d 0%, #0a0a0fb8 69%, var(--night) 100%); }
.wg-chatgpt-ads .hero-content { padding-block: clamp(68px, 9vw, 132px); text-align: center; }
.wg-chatgpt-ads .hero h1 { max-width: 1050px; margin-inline: auto; }
.wg-chatgpt-ads .hero p { max-width: 62ch; margin: 22px auto 0; font-size: clamp(1rem, 1.6vw, 1.15rem); color: #dce1e5; text-wrap: pretty; }
.wg-chatgpt-ads .hero-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.wg-chatgpt-ads .hero .btn-secondary { background: #12121ae8; }
.wg-chatgpt-ads .hero-context { margin-top: 33px; display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: center; color: #d2d7df; font-size: .85rem; }
.wg-chatgpt-ads .hero-context span { padding: 6px 12px; border: 1px solid #626471; border-radius: 999px; background: var(--recessed); }
.wg-chatgpt-ads .band { border-top: 1px solid var(--line); padding-block: var(--section); }
.wg-chatgpt-ads .band-recessed { background: var(--recessed); }
.wg-chatgpt-ads .split { display: grid; grid-template-columns: .84fr 1.16fr; gap: clamp(28px, 6vw, 88px); align-items: start; }
.wg-chatgpt-ads .measure-copy { max-width: 69ch; }
.wg-chatgpt-ads .lede { margin-top: 16px; color: var(--muted); max-width: 69ch; }
.wg-chatgpt-ads .method { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.wg-chatgpt-ads .method li { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding-block: 20px; border-bottom: 1px solid var(--line); }
.wg-chatgpt-ads .method li p { margin-top: 6px; color: var(--muted); }
.wg-chatgpt-ads .method .step { color: var(--coral); font: 700 1.05rem/1.55 var(--headline); }
.wg-chatgpt-ads .checklist { padding-inline-start: 1.1em; color: var(--muted); }
.wg-chatgpt-ads .checklist li + li { margin-top: 8px; }
.wg-chatgpt-ads .checklist li::marker { color: var(--coral); }
.wg-chatgpt-ads .source-link { display: inline-flex; align-items: center; min-height: 44px; font-size: .91rem; color: var(--coral); }
.wg-chatgpt-ads .faq-list { border-top: 1px solid var(--line); }
.wg-chatgpt-ads .faq-list details { border-bottom: 1px solid var(--line); }
.wg-chatgpt-ads .faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 56px; padding-block: 14px; cursor: pointer; font-weight: 680; list-style: none; }
.wg-chatgpt-ads .faq-list summary::-webkit-details-marker { display: none; }
.wg-chatgpt-ads .faq-list summary svg { width: 16px; height: 16px; flex: none; color: var(--coral); }
.wg-chatgpt-ads .faq-list details[open] summary .plus-vertical { display: none; }
.wg-chatgpt-ads .faq-list p { color: var(--muted); max-width: 65ch; margin-block-end: 16px; }
.wg-chatgpt-ads .references { display: flex; flex-wrap: wrap; gap: 6px 20px; padding: 0; margin: 12px 0 0; list-style: none; }
.wg-chatgpt-ads .contact-band { background: var(--deep); }
.wg-chatgpt-ads .contact-summary { padding: 17px 0; border-block: 1px solid var(--line); }
.wg-chatgpt-ads .contact-summary p { color: var(--muted); margin-top: 8px; }
.wg-chatgpt-ads .contact-band .btn { margin-top: 20px; }
@media (max-width: 800px) {
.wg-chatgpt-ads .hero { min-height: auto; }
.wg-chatgpt-ads .hero-content { padding-block: 70px 74px; }
.wg-chatgpt-ads .split { grid-template-columns: 1fr; gap: 24px; }
.wg-chatgpt-ads section[id] { scroll-margin-block-start: 78px; }
}
@media (max-width: 560px) {
.wg-chatgpt-ads .wrap { width: calc(100% - 32px); }
.wg-chatgpt-ads .price-list { grid-template-columns: 1fr; }
.wg-chatgpt-ads .hero h1 { font-size: clamp(2.2rem, 10.5vw, 3.1rem); }
.wg-chatgpt-ads .hero p { margin-top: 17px; }
.wg-chatgpt-ads .hero-actions .btn { min-height: 48px; }
.wg-chatgpt-ads .hero-context { margin-top: 22px; gap: 6px; }
.wg-chatgpt-ads .hero-context span { font-size: .79rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wg-chatgpt-ads *, .wg-chatgpt-ads *::before, .wg-chatgpt-ads *::after { transition-duration: 0s !important; }
}