/* Monster Design — ChatGPT Ads article styles. Scoped to .mdgpt. */
.mdgpt{--bg:#090912;--panel:#171523;--line:#363246;--txt:#f7f5fc;--muted:#bcb7cc;--pink:#ff5ab6;--violet:#a983ff;--mint:#8cebd2;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;margin:0 auto;color:var(--txt);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}
  .mdgpt *, .mdgpt *::before,.mdgpt *::after{box-sizing:border-box}
  .mdgpt :is(h1,h2,h3,p){color:inherit;margin:0}
  .mdgpt a{color:inherit;text-decoration:none}
  .mdgpt a:focus-visible,.mdgpt summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
  .mdgpt .wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}
  .mdgpt .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .mdgpt .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}
  .mdgpt .pink{color:var(--pink)}
  .mdgpt .muted{color:var(--muted)}
  .mdgpt .btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:12px 22px;border-radius:13px;font-size:14px;font-weight:800;line-height:1.3;text-align:center;transition:transform .2s,box-shadow .2s,background .2s}
  .mdgpt .btn:hover{transform:translateY(-3px)}
  .mdgpt .btn-primary{color:#16101f;background:linear-gradient(110deg,#ff8bc8,#e46aff 64%,#b897ff);box-shadow:0 10px 32px #ed68d938}
  .mdgpt .btn-line{border:1px solid #70677f;background:#ffffff08}
  .mdgpt .btn-line:hover{background:#ffffff16}
  .mdgpt .hero{position:relative;min-height:580px;padding:80px 0 82px;background:radial-gradient(ellipse 54% 70% at 78% 37%,#56306683,transparent 76%),radial-gradient(ellipse 48% 55% at 0% 100%,#133f4780,transparent 78%),#0b0a14}
  .mdgpt .hero::after{position:absolute;inset:0;content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#b29ecc12 1px,transparent 1px),linear-gradient(90deg,#b29ecc12 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}
  .mdgpt .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}
  .mdgpt .hero h1{max-width:680px;margin:18px 0 20px;font-size:clamp(38px,5.1vw,72px);line-height:1.07;letter-spacing:-.055em;font-weight:850}
  .mdgpt .hero h1 em{font-style:normal;background:linear-gradient(105deg,#ff93ce,#bba0ff);background-clip:text;-webkit-background-clip:text;color:transparent}
  .mdgpt .hero .intro{max-width:610px;color:#d7d1e1;font-size:clamp(16px,1.4vw,19px)}
  .mdgpt .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
  .mdgpt .proof{display:flex;flex-wrap:wrap;gap:11px 22px;margin-top:23px;color:#c8c2d1;font-size:13px}
  .mdgpt .proof span::before{content:"✓";padding-right:8px;color:var(--mint);font-weight:900}
  .mdgpt .visual{position:relative;min-height:380px;}
  .mdgpt section.content{padding:90px 0}.mdgpt section.alt{background:#11101b}
  .mdgpt .section-head{max-width:755px;margin-bottom:32px}
  .mdgpt h2{margin:12px 0 13px;font-size:clamp(29px,3.5vw,46px);line-height:1.16;letter-spacing:-.04em}
  .mdgpt .section-head p{color:var(--muted);font-size:17px}
  .mdgpt .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .mdgpt .card{min-width:0;padding:27px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#201c2c,#151320);transition:transform .25s,border-color .25s}
  .mdgpt .card:hover{transform:translateY(-5px);border-color:#b98adf}
  .mdgpt .card .num{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;margin-bottom:17px;border-radius:11px;background:#a987ff24;color:#cbb4ff;font-weight:900}
  .mdgpt .card h3{margin:0 0 9px;font-size:20px;line-height:1.3}.mdgpt .card p{color:var(--muted);font-size:14px}
  .mdgpt .flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:stage}
  .mdgpt .step{position:relative;padding:25px 21px;border:1px solid var(--line);border-radius:17px;background:#191722;counter-increment:stage}
  .mdgpt .step::before{content:"0" counter(stage);display:block;margin-bottom:20px;color:var(--pink);font-size:32px;font-weight:850;letter-spacing:-.07em}
  .mdgpt .step h3{font-size:18px;margin-bottom:7px}.mdgpt .step p{color:var(--muted);font-size:14px}
  .mdgpt .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:start}
  .mdgpt .service-list{display:grid;gap:11px}
  .mdgpt .service-row{display:flex;gap:13px;padding:15px 18px;border:1px solid var(--line);border-radius:13px;background:#201b2b;font-size:15px}
  .mdgpt .service-row b{color:var(--mint)}
  .mdgpt .faq{max-width:880px}.mdgpt details{border-bottom:1px solid var(--line)}
  .mdgpt summary{position:relative;cursor:pointer;list-style:none;padding:19px 38px 19px 0;font-size:17px;font-weight:750}
  .mdgpt summary::-webkit-details-marker{display:none}.mdgpt summary::after{content:"+";position:absolute;right:6px;top:16px;color:var(--pink);font-size:24px;font-weight:400}.mdgpt details[open] summary::after{content:"−"}
  .mdgpt details p{padding:0 30px 19px 0;color:var(--muted);font-size:15px}
  .mdgpt .cta{padding:68px 0;background:radial-gradient(ellipse at 85% 0%,#79356688,transparent 58%),linear-gradient(115deg,#241b38,#17121f)}
  .mdgpt .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.mdgpt .cta h2{max-width:690px;margin:8px 0 10px}
  .mdgpt .cta p{max-width:630px;color:#d4cbdb}.mdgpt .cta .btn{flex:none}
  .mdgpt .foot{padding:20px 0;background:#0b0a12;color:#aaa4b7;font-size:12px}.mdgpt .foot a{text-decoration:underline}
  .mdgpt .hero-photo{position:relative;z-index:1;display:block;width:100%;max-width:435px;max-height:500px;margin:auto;object-fit:contain;border-radius:24px;filter:drop-shadow(0 22px 42px #0805148c)}
  .mdgpt .media-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin-top:38px}
  .mdgpt .media-grid.reverse{grid-template-columns:1.05fr .95fr}
  .mdgpt .media-box{overflow:hidden;padding:10px;border:1px solid #6b5d7f;border-radius:20px;background:#ffffff0a;box-shadow:0 20px 44px #0004}
  .mdgpt .media-box img{display:block;width:100%;height:auto;border-radius:12px}
  .mdgpt figure{margin:0}.mdgpt figcaption{padding:10px 5px 3px;color:#bcb7cc;font-size:12px;line-height:1.5}
  .mdgpt .media-copy h3{margin:10px 0;font-size:clamp(24px,2.7vw,34px);line-height:1.2;letter-spacing:-.035em}.mdgpt .media-copy p{color:var(--muted)}
  @media(max-width:700px){.mdgpt .media-grid,.mdgpt .media-grid.reverse{grid-template-columns:1fr}.mdgpt .hero-photo{max-height:420px}.mdgpt .media-grid.reverse .media-copy{order:-1}}
  @media(max-width:900px){.mdgpt .hero-grid{grid-template-columns:1fr}.mdgpt .hero{padding:62px 0}.mdgpt .visual{min-height:350px;max-width:510px;width:100%;margin:auto}.mdgpt .flow{grid-template-columns:repeat(2,minmax(0,1fr))}.mdgpt .split{grid-template-columns:1fr}.mdgpt .cta-inner{align-items:flex-start;flex-direction:column}}
  @media(max-width:640px){.mdgpt .wrap{width:min(100% - 32px,1160px)}.mdgpt .hero{padding:54px 0 58px}.mdgpt .hero h1{font-size:clamp(36px,10vw,51px)}.mdgpt .hero-actions{display:grid;grid-template-columns:1fr}.mdgpt .hero-actions .btn{width:100%}.mdgpt .visual{min-height:315px}.mdgpt section.content{padding:65px 0}.mdgpt .three,.mdgpt .flow{grid-template-columns:1fr}.mdgpt .card{padding:23px}.mdgpt .cta{padding:55px 0}.mdgpt .cta .btn{width:100%}}
  @media(prefers-reduced-motion:reduce){.mdgpt .btn,.mdgpt .card{transition:none}}

/* Reveal only elements prepared by JavaScript. Content stays visible without JS. */
.mdgpt .md-reveal.md-pending{opacity:0;transform:translate3d(0,32px,0) scale(.985);filter:blur(4px)}
.mdgpt .md-reveal{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1),filter .72s ease;transition-delay:var(--md-delay,0ms)}
.mdgpt .md-reveal.md-visible{opacity:1;transform:none;filter:none}
.mdgpt .hero .eyebrow,.mdgpt .hero h1,.mdgpt .hero .intro,.mdgpt .hero .hero-actions,.mdgpt .hero .proof,.mdgpt .hero .visual{animation:md-entry .75s both}
.mdgpt .hero h1{animation-delay:.08s}.mdgpt .hero .intro{animation-delay:.16s}.mdgpt .hero .hero-actions{animation-delay:.24s}.mdgpt .hero .proof{animation-delay:.32s}.mdgpt .hero .visual{animation-delay:.18s}
@keyframes md-entry{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.mdgpt .md-reveal,.mdgpt .md-reveal.md-pending,.mdgpt .hero .eyebrow,.mdgpt .hero h1,.mdgpt .hero .intro,.mdgpt .hero .hero-actions,.mdgpt .hero .proof,.mdgpt .hero .visual{animation:none;opacity:1;transform:none;filter:none;transition:none}}
.itemid-804 .entry-header.has-post-format, .itemid-804 .tags {display:none;}
.itemid-804 #sp-main-body {padding-top:0;}