/* * Design Dynamos Suite master stylesheet * Suite version: 1.0.0 * Every module section is gated by a Suite body class. During staged handover, * CSS for original plugins still in shadow mode cannot enter the cascade. */ /* ===== Diagnostic Engine 1.0.0 ===== */ /* Design Dynamos Diagnostic Engine — all selectors are strictly shortcode-scoped. */ body.ddsuite-module-diagnostic .ddde-app{ --ddde-ink: #ffffff; --ddde-body: #f5f5f7; --ddde-muted: #a1a1a8; --ddde-faint: #86868b; --ddde-line: rgba(255, 255, 255, 0.14); --ddde-panel: rgba(24, 24, 29, 0.7); --ddde-panel-solid: #1a1a1f; --ddde-blue: #55b7ff; --ddde-violet: #8c7dff; --ddde-pink: #ff69bc; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif; color: var(--ddde-body); isolation: isolate; line-height: 1.45; margin: 2rem auto; max-width: 1180px; text-align: left; } body.ddsuite-module-diagnostic .ddde-app *,body.ddsuite-module-diagnostic .ddde-app *::before,body.ddsuite-module-diagnostic .ddde-app *::after{ box-sizing: border-box; } body.ddsuite-module-diagnostic .ddde-app button,body.ddsuite-module-diagnostic .ddde-app input{ font: inherit; } body.ddsuite-module-diagnostic .ddde-app button{ cursor: pointer; } body.ddsuite-module-diagnostic .ddde-shell{ background: radial-gradient(circle at 16% 4%, rgba(93, 80, 255, 0.24), transparent 28%), radial-gradient(circle at 90% 20%, rgba(0, 190, 255, 0.16), transparent 30%), #09090b; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 30px; box-shadow: 0 34px 100px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.1); overflow: hidden; padding: clamp(1.2rem, 3vw, 3rem); position: relative; } body.ddsuite-module-diagnostic .ddde-orbit{ border: 1px solid rgba(255,255,255,0.08); border-radius: 999px; filter: blur(0.1px); pointer-events: none; position: absolute; z-index: -1; } body.ddsuite-module-diagnostic .ddde-orbit--one{ height: 540px; right: -190px; top: -270px; transform: rotate(-28deg); width: 540px; } body.ddsuite-module-diagnostic .ddde-orbit--two{ bottom: -270px; height: 500px; left: -260px; transform: rotate(32deg); width: 500px; } body.ddsuite-module-diagnostic .ddde-topline{ align-items: center; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 0.8rem; } body.ddsuite-module-diagnostic .ddde-kicker,body.ddsuite-module-diagnostic .ddde-eyebrow,body.ddsuite-module-diagnostic .ddde-section-label,body.ddsuite-module-diagnostic .ddde-package__type{ color: var(--ddde-blue); font-size: 0.69rem; font-weight: 720; letter-spacing: 0.1em; line-height: 1.3; margin: 0; text-transform: uppercase; } body.ddsuite-module-diagnostic .ddde-duration{ color: var(--ddde-muted); font-size: 0.8rem; font-weight: 500; } body.ddsuite-module-diagnostic .ddde-progress{ background: rgba(255,255,255,0.1); border-radius: 10px; height: 2px; overflow: hidden; width: 100%; } body.ddsuite-module-diagnostic .ddde-progress__bar{ background: linear-gradient(90deg, var(--ddde-violet), var(--ddde-blue), var(--ddde-pink)); border-radius: inherit; display: block; height: 100%; transition: width 420ms cubic-bezier(.2,.75,.2,1); width: 0; } body.ddsuite-module-diagnostic .ddde-stage{ min-height: 500px; position: relative; } body.ddsuite-module-diagnostic .ddde-stage--question,body.ddsuite-module-diagnostic .ddde-stage--details,body.ddsuite-module-diagnostic .ddde-stage--error{ align-items: center; display: flex; justify-content: center; } body.ddsuite-module-diagnostic .ddde-panel{ animation: ddsuite-diagnostic-ddde-in 500ms cubic-bezier(.2,.8,.2,1) both; max-width: 740px; padding: clamp(2.2rem, 6vw, 5rem) 0; width: 100%; } body.ddsuite-module-diagnostic .ddde-panel--quiz{ max-width: 700px; } body.ddsuite-module-diagnostic .ddde-title{ color: var(--ddde-ink); font-size: clamp(2rem, 4.2vw, 3.85rem); font-weight: 720; letter-spacing: -0.055em; line-height: 1.04; margin: 0.65rem 0 1.15rem; text-wrap: balance; } body.ddsuite-module-diagnostic .ddde-title--report{ font-size: clamp(2.1rem, 4vw, 3.45rem); max-width: 880px; } body.ddsuite-module-diagnostic .ddde-copy{ color: var(--ddde-muted); font-size: 1rem; line-height: 1.65; margin: 0; max-width: 670px; } body.ddsuite-module-diagnostic .ddde-options{ display: grid; gap: 0.7rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 2rem 0 1.35rem; } body.ddsuite-module-diagnostic .ddde-option{ align-items: center; background: rgba(255,255,255,0.045); border: 1px solid var(--ddde-line); border-radius: 16px; color: var(--ddde-body); display: flex; font-size: 0.98rem; font-weight: 590; justify-content: space-between; min-height: 64px; padding: 1rem 1.15rem; text-align: left; transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; } body.ddsuite-module-diagnostic .ddde-option::after{ color: var(--ddde-blue); content: "→"; font-size: 1.1rem; opacity: 0; transform: translateX(-6px); transition: opacity 180ms ease, transform 180ms ease; } body.ddsuite-module-diagnostic .ddde-option:hover,body.ddsuite-module-diagnostic .ddde-option:focus-visible,body.ddsuite-module-diagnostic .ddde-option.is-selected{ background: rgba(89, 169, 255, 0.12); border-color: rgba(113, 188, 255, 0.64); box-shadow: 0 0 0 3px rgba(103, 183, 255, 0.1), 0 10px 25px rgba(0,0,0,0.16); outline: none; transform: translateY(-2px); } body.ddsuite-module-diagnostic .ddde-option:hover::after,body.ddsuite-module-diagnostic .ddde-option:focus-visible::after,body.ddsuite-module-diagnostic .ddde-option.is-selected::after{ opacity: 1; transform: translateX(0); } body.ddsuite-module-diagnostic .ddde-quiz-foot{ align-items: center; display: flex; justify-content: space-between; min-height: 2rem; } body.ddsuite-module-diagnostic .ddde-question-count{ color: var(--ddde-faint); font-size: 0.78rem; } body.ddsuite-module-diagnostic .ddde-text-button{ background: transparent; border: 0; color: var(--ddde-blue); font-size: 0.9rem; font-weight: 650; padding: 0.5rem 0.15rem; text-decoration: underline; text-underline-offset: 4px; } body.ddsuite-module-diagnostic .ddde-text-button:focus-visible{ border-radius: 4px; outline: 2px solid var(--ddde-blue); outline-offset: 3px; } body.ddsuite-module-diagnostic .ddde-context-form{ display: grid; gap: 1rem; margin-top: 2rem; } body.ddsuite-module-diagnostic .ddde-field{ display: grid; gap: 0.45rem; } body.ddsuite-module-diagnostic .ddde-field__label{ color: var(--ddde-body); font-size: 0.84rem; font-weight: 600; } body.ddsuite-module-diagnostic .ddde-field input{ background: rgba(255,255,255,0.055); border: 1px solid var(--ddde-line); border-radius: 12px; color: var(--ddde-ink); min-height: 54px; outline: none; padding: 0.8rem 0.95rem; transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; } body.ddsuite-module-diagnostic .ddde-field input::placeholder{ color: #777780; opacity: 1; } body.ddsuite-module-diagnostic .ddde-field input:focus{ background: rgba(255,255,255,0.08); border-color: var(--ddde-blue); box-shadow: 0 0 0 3px rgba(89,183,255,.13); } body.ddsuite-module-diagnostic .ddde-form-actions{ align-items: center; display: flex; gap: 1.25rem; justify-content: space-between; margin-top: 0.8rem; } body.ddsuite-module-diagnostic .ddde-button{ appearance: none; border-radius: 999px; font-size: 0.86rem; font-weight: 650; min-height: 44px; padding: 0.75rem 1.1rem; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; } body.ddsuite-module-diagnostic .ddde-button--primary{ background: linear-gradient(135deg, #5caeff, #9a7cff); border: 1px solid rgba(255,255,255,0.36); box-shadow: 0 8px 24px rgba(73, 135, 255, 0.25); color: #fff; } body.ddsuite-module-diagnostic .ddde-button--soft{ background: rgba(255,255,255,.055); border: 1px solid var(--ddde-line); color: var(--ddde-body); } body.ddsuite-module-diagnostic .ddde-button:hover{ box-shadow: 0 8px 24px rgba(0,0,0,0.24); transform: translateY(-2px); } body.ddsuite-module-diagnostic .ddde-button:focus-visible{ outline: 2px solid var(--ddde-blue); outline-offset: 3px; } body.ddsuite-module-diagnostic .ddde-loader{ align-items: center; animation: ddsuite-diagnostic-ddde-in 450ms ease both; display: flex; flex-direction: column; margin: 0 auto; max-width: 650px; padding: clamp(2.4rem, 5vw, 4rem) 0; text-align: center; } body.ddsuite-module-diagnostic .ddde-loader .ddde-title{ font-size: clamp(2rem, 3.3vw, 3rem); } body.ddsuite-module-diagnostic .ddde-aura-wrap{ height: 220px; margin-bottom: 0.35rem; position: relative; width: 300px; } body.ddsuite-module-diagnostic .ddde-aura{ height: 100%; width: 100%; } body.ddsuite-module-diagnostic .ddde-loader__status{ color: var(--ddde-blue); font-size: 0.94rem; font-weight: 620; margin: 1.35rem 0 0; opacity: 1; transition: opacity 160ms ease; } body.ddsuite-module-diagnostic .ddde-loader__status.is-changing{ opacity: 0; } body.ddsuite-module-diagnostic .ddde-panel--error{ padding: 6rem 0; text-align: center; } body.ddsuite-module-diagnostic .ddde-panel--error .ddde-button{ margin: 1.6rem 0.9rem 0 0; } body.ddsuite-module-diagnostic .ddde-report{ animation: ddsuite-diagnostic-ddde-in 600ms cubic-bezier(.2,.8,.2,1) both; margin: 0 auto; max-width: 1040px; padding: clamp(2.5rem, 6vw, 5rem) 0 1rem; } body.ddsuite-module-diagnostic .ddde-report-header{ border-bottom: 1px solid var(--ddde-line); padding-bottom: clamp(2rem, 4vw, 3.3rem); } body.ddsuite-module-diagnostic .ddde-export-actions{ display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.7rem; } body.ddsuite-module-diagnostic .ddde-report-section{ padding-top: clamp(2.8rem, 6vw, 5rem); } body.ddsuite-module-diagnostic .ddde-section-title{ color: var(--ddde-ink); font-size: clamp(1.45rem, 2.8vw, 2.3rem); font-weight: 680; letter-spacing: -0.04em; line-height: 1.12; margin: 0.62rem 0 1.6rem; max-width: 760px; text-wrap: balance; } body.ddsuite-module-diagnostic .ddde-score-grid{ display: grid; gap: 0.75rem; grid-template-columns: repeat(5, minmax(0, 1fr)); } body.ddsuite-module-diagnostic .ddde-score-card{ background: linear-gradient(148deg, rgba(255,255,255,.095), rgba(255,255,255,.025)); border: 1px solid var(--ddde-line); border-radius: 18px; min-height: 205px; padding: 1rem; } body.ddsuite-module-diagnostic .ddde-score-card__top{ align-items: center; display: flex; gap: 0.52rem; } body.ddsuite-module-diagnostic .ddde-score-ring{ height: 42px; overflow: visible; transform: rotate(-90deg); width: 42px; } body.ddsuite-module-diagnostic .ddde-score-ring circle{ fill: none; stroke-width: 3.5px; } body.ddsuite-module-diagnostic .ddde-score-ring__track{ stroke: rgba(255,255,255,.11); } body.ddsuite-module-diagnostic .ddde-score-ring__value{ stroke: url(#ddde-score-gradient); stroke: var(--ddde-blue); stroke-linecap: round; } body.ddsuite-module-diagnostic .ddde-score-number{ color: var(--ddde-ink); font-size: 1.2rem; letter-spacing: -0.05em; } body.ddsuite-module-diagnostic .ddde-score-label{ color: var(--ddde-body); font-size: 0.92rem; font-weight: 650; margin: 1rem 0 0.4rem; } body.ddsuite-module-diagnostic .ddde-score-detail{ color: var(--ddde-faint); font-size: 0.75rem; line-height: 1.5; margin: 0; } body.ddsuite-module-diagnostic .ddde-roi-card{ align-items: stretch; background: radial-gradient(circle at 90% 10%, rgba(151,122,255,.31), transparent 38%), linear-gradient(120deg, rgba(40,94,160,.43), rgba(35,35,43,.83)); border: 1px solid rgba(167,206,255,.3); border-radius: 24px; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.7fr) minmax(210px, .7fr); margin-top: clamp(2.8rem, 6vw, 5rem); overflow: hidden; padding: clamp(1.4rem, 4vw, 2.8rem); } body.ddsuite-module-diagnostic .ddde-roi-card .ddde-section-title{ margin-bottom: 0.6rem; } body.ddsuite-module-diagnostic .ddde-roi-assumption{ color: rgba(245,245,247,.65); font-size: .79rem; line-height: 1.5; margin: 0; max-width: 570px; } body.ddsuite-module-diagnostic .ddde-roi-card__value{ align-items: flex-start; border-left: 1px solid rgba(255,255,255,.14); display: flex; flex-direction: column; justify-content: center; padding-left: clamp(1rem, 3vw, 2.2rem); } body.ddsuite-module-diagnostic .ddde-roi-card__caption,body.ddsuite-module-diagnostic .ddde-roi-card__detail{ color: var(--ddde-muted); font-size: 0.74rem; } body.ddsuite-module-diagnostic .ddde-roi-card__amount{ color: #fff; font-size: clamp(2rem, 3.9vw, 3rem); letter-spacing: -0.07em; line-height: 1.1; margin: 0.2rem 0; } body.ddsuite-module-diagnostic .ddde-recommendations{ display: grid; gap: 1rem; } body.ddsuite-module-diagnostic .ddde-recommendation{ background: var(--ddde-panel); border: 1px solid var(--ddde-line); border-radius: 20px; display: grid; gap: 1rem; grid-template-columns: 48px minmax(0, 1fr); padding: clamp(1.1rem, 2.7vw, 1.85rem); } body.ddsuite-module-diagnostic .ddde-recommendation__number{ color: rgba(124,194,255,.9); font-size: 0.86rem; font-weight: 720; letter-spacing: .04em; padding-top: .25rem; } body.ddsuite-module-diagnostic .ddde-pill{ background: rgba(96,184,255,.12); border: 1px solid rgba(112,195,255,.25); border-radius: 999px; color: #99d6ff; display: inline-block; font-size: .66rem; font-weight: 680; letter-spacing: .04em; padding: .32rem .55rem; text-transform: uppercase; } body.ddsuite-module-diagnostic .ddde-recommendation__title{ color: var(--ddde-ink); font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 650; letter-spacing: -0.04em; line-height: 1.2; margin: .75rem 0 1.1rem; } body.ddsuite-module-diagnostic .ddde-problem-fix{ display: grid; gap: .8rem; grid-template-columns: 1fr 1fr; } body.ddsuite-module-diagnostic .ddde-problem-fix__item{ background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; padding: .85rem; } body.ddsuite-module-diagnostic .ddde-problem-fix__item--fix{ background: rgba(68,172,255,.08); border-color: rgba(78,183,255,.17); } body.ddsuite-module-diagnostic .ddde-problem-fix__label{ color: var(--ddde-faint); display: block; font-size: .66rem; font-weight: 680; letter-spacing: .075em; margin-bottom: .43rem; text-transform: uppercase; } body.ddsuite-module-diagnostic .ddde-problem-fix__item--fix .ddde-problem-fix__label{ color: #8bd0ff; } body.ddsuite-module-diagnostic .ddde-problem-fix p{ color: #d1d1d6; font-size: .81rem; line-height: 1.55; margin: 0; } body.ddsuite-module-diagnostic .ddde-impact{ color: #9fd8ff; font-size: .74rem; font-weight: 650; margin: 1rem 0 0; } body.ddsuite-module-diagnostic .ddde-locked-section{ padding-top: clamp(2.8rem, 6vw, 5rem); } body.ddsuite-module-diagnostic .ddde-locked-grid{ display: grid; filter: blur(3.2px); gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); opacity: .55; user-select: none; } body.ddsuite-module-diagnostic .ddde-locked-item{ align-items: center; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); border-radius: 11px; color: #d8d8dd; display: flex; font-size: .8rem; font-weight: 600; gap: .55rem; min-height: 49px; padding: .65rem .75rem; } body.ddsuite-module-diagnostic .ddde-lock-icon{ color: #a9a9b0; display: inline-flex; flex: 0 0 15px; height: 15px; width: 15px; } body.ddsuite-module-diagnostic .ddde-lock-icon svg{ height: 100%; width: 100%; } body.ddsuite-module-diagnostic .ddde-teaser{ background: linear-gradient(135deg, rgba(122,101,255,.19), rgba(35,134,200,.1)); border: 1px solid rgba(151,143,255,.26); border-radius: 15px; margin-top: 1rem; padding: 1.05rem 1.15rem; } body.ddsuite-module-diagnostic .ddde-teaser p{ color: #dcdcf3; font-size: .88rem; line-height: 1.55; margin: 0; } body.ddsuite-module-diagnostic .ddde-preview-section{ padding-top: clamp(2.8rem, 6vw, 5rem); } body.ddsuite-module-diagnostic .ddde-hero-preview{ background: #08080a; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; box-shadow: 0 25px 45px rgba(0,0,0,.25); min-height: 380px; overflow: hidden; position: relative; } body.ddsuite-module-diagnostic .ddde-hero-preview::before{ background: radial-gradient(circle at 72% 17%, rgba(119,92,255,.48), transparent 22%), radial-gradient(circle at 85% 76%, rgba(0,196,255,.25), transparent 24%), radial-gradient(circle at 28% 42%, rgba(255,78,170,.16), transparent 27%); content: ""; inset: 0; position: absolute; } body.ddsuite-module-diagnostic .ddde-hero-preview__inner{ display: flex; flex-direction: column; justify-content: center; min-height: 380px; overflow: hidden; padding: clamp(1.8rem, 6vw, 5rem); position: relative; } body.ddsuite-module-diagnostic .ddde-preview-shine{ background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.13) 47%, transparent 60%); height: 160%; left: -50%; position: absolute; top: -25%; transform: rotate(20deg); width: 36%; } body.ddsuite-module-diagnostic .ddde-hero-preview__eyebrow{ color: #a7d9ff; font-size: .72rem; font-weight: 680; letter-spacing: .09em; margin: 0; text-transform: uppercase; } body.ddsuite-module-diagnostic .ddde-hero-preview__brand{ color: #fff; font-size: clamp(1.7rem, 3.5vw, 3.1rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.08; margin: .65rem 0 .85rem; max-width: 660px; } body.ddsuite-module-diagnostic .ddde-hero-preview__headline{ color: #dedee9; font-size: clamp(1rem, 1.8vw, 1.3rem); letter-spacing: -.02em; line-height: 1.38; margin: 0; max-width: 600px; } body.ddsuite-module-diagnostic .ddde-hero-preview__foot{ align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.8rem; } body.ddsuite-module-diagnostic .ddde-hero-preview__badge{ align-items: center; color: #ececf1; display: inline-flex; font-size: .78rem; font-weight: 580; gap: .4rem; } body.ddsuite-module-diagnostic .ddde-hero-preview__badge::before{ background: #7af0d1; border-radius: 50%; box-shadow: 0 0 12px #7af0d1; content: ""; height: 6px; width: 6px; } body.ddsuite-module-diagnostic .ddde-preview-cta,body.ddsuite-module-diagnostic .ddde-package__link{ color: #fff; font-size: .82rem; font-weight: 670; text-decoration: none; } body.ddsuite-module-diagnostic .ddde-preview-cta{ background: #fff; border-radius: 999px; color: #111; padding: .7rem 1rem; } body.ddsuite-module-diagnostic .ddde-preview-cta:hover{ background: #e5e5e8; } body.ddsuite-module-diagnostic .ddde-packages{ padding-top: clamp(2.8rem, 6vw, 5rem); } body.ddsuite-module-diagnostic .ddde-package-grid{ display: grid; gap: .8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } body.ddsuite-module-diagnostic .ddde-package{ background: rgba(255,255,255,.04); border: 1px solid var(--ddde-line); border-radius: 17px; display: flex; flex-direction: column; min-height: 220px; padding: 1.2rem; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; } body.ddsuite-module-diagnostic .ddde-package:hover{ background: rgba(113,131,255,.1); border-color: rgba(154,167,255,.42); transform: translateY(-3px); } body.ddsuite-module-diagnostic .ddde-package__type{ color: #a8cfff; } body.ddsuite-module-diagnostic .ddde-package__title{ color: #fff; font-size: 1.08rem; font-weight: 650; letter-spacing: -.03em; line-height: 1.15; margin: .6rem 0; } body.ddsuite-module-diagnostic .ddde-package__copy{ color: var(--ddde-muted); font-size: .78rem; line-height: 1.55; margin: 0; } body.ddsuite-module-diagnostic .ddde-package__link{ color: var(--ddde-blue); margin-top: auto; padding-top: 1.2rem; } body.ddsuite-module-diagnostic .ddde-package__link::after{ content: " →"; } body.ddsuite-module-diagnostic .ddde-disclaimer{ color: var(--ddde-faint); font-size: .69rem; line-height: 1.55; margin: 3rem 0 0; max-width: 850px; } @keyframes ddsuite-diagnostic-ddde-in { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } } @media (max-width: 760px) { body.ddsuite-module-diagnostic .ddde-shell{ border-radius: 20px; padding: 1.15rem; } body.ddsuite-module-diagnostic .ddde-stage{ min-height: 470px; } body.ddsuite-module-diagnostic .ddde-options,body.ddsuite-module-diagnostic .ddde-problem-fix,body.ddsuite-module-diagnostic .ddde-locked-grid,body.ddsuite-module-diagnostic .ddde-package-grid{ grid-template-columns: 1fr; } body.ddsuite-module-diagnostic .ddde-score-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } body.ddsuite-module-diagnostic .ddde-score-card:last-child{ grid-column: span 2; } body.ddsuite-module-diagnostic .ddde-roi-card{ grid-template-columns: 1fr; } body.ddsuite-module-diagnostic .ddde-roi-card__value{ border-left: 0; border-top: 1px solid rgba(255,255,255,.14); padding: 1rem 0 0; } body.ddsuite-module-diagnostic .ddde-recommendation{ grid-template-columns: 32px minmax(0, 1fr); } body.ddsuite-module-diagnostic .ddde-hero-preview,body.ddsuite-module-diagnostic .ddde-hero-preview__inner{ min-height: 330px; } } @media (max-width: 430px) { body.ddsuite-module-diagnostic .ddde-topline{ align-items: flex-start; flex-direction: column; } body.ddsuite-module-diagnostic .ddde-options{ grid-template-columns: 1fr; } body.ddsuite-module-diagnostic .ddde-score-grid{ grid-template-columns: 1fr; } body.ddsuite-module-diagnostic .ddde-score-card:last-child{ grid-column: auto; } body.ddsuite-module-diagnostic .ddde-title{ font-size: 2rem; } body.ddsuite-module-diagnostic .ddde-form-actions{ align-items: flex-start; flex-direction: column-reverse; } } @media (prefers-reduced-motion: reduce) { body.ddsuite-module-diagnostic .ddde-app *,body.ddsuite-module-diagnostic .ddde-app *::before,body.ddsuite-module-diagnostic .ddde-app *::after{ animation-duration: 0.01ms !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } /* ===== Launch Ads 2.0.4 ===== */ /* Launch Ads product interface — standalone Apple-inspired canvas, locally scoped to .ddal-* elements. */ body.ddsuite-module-launch-ads .ddal-landing,body.ddsuite-module-launch-ads .ddal-app{--ddal-ink:#17131d;--ddal-muted:#746b7d;--ddal-paper:#fbfaff;--ddal-purple:#6d24dc;--ddal-pink:#fb2678;--ddal-line:rgba(23,19,29,.12);--ddal-shadow:0 20px 64px rgba(45,22,75,.10);box-sizing:border-box;color:var(--ddal-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;line-height:1.45}body.ddsuite-module-launch-ads .ddal-landing *,body.ddsuite-module-launch-ads .ddal-app *{box-sizing:border-box}body.ddsuite-module-launch-ads .ddal-landing{overflow:hidden;background:radial-gradient(circle at 85% 5%,rgba(251,38,120,.12),transparent 30%),radial-gradient(circle at 8% 32%,rgba(109,36,220,.10),transparent 30%),var(--ddal-paper)}body.ddsuite-module-launch-ads .ddal-hero{max-width:1180px;margin:0 auto;padding:112px 32px 54px}body.ddsuite-module-launch-ads .ddal-kicker{margin:0 0 13px!important;color:var(--ddal-purple)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.15em!important;line-height:1.2!important;text-transform:uppercase!important}body.ddsuite-module-launch-ads .ddal-hero h1,body.ddsuite-module-launch-ads .ddal-hero h2,body.ddsuite-module-launch-ads .ddal-join h2,body.ddsuite-module-launch-ads .ddal-app h2,body.ddsuite-module-launch-ads .ddal-app h3{color:var(--ddal-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:800!important;letter-spacing:-.055em!important;line-height:1.02!important}body.ddsuite-module-launch-ads .ddal-hero h1{max-width:840px;margin:0!important;font-size:clamp(44px,7vw,86px)!important}body.ddsuite-module-launch-ads .ddal-hero h1 span{color:var(--ddal-purple)!important}body.ddsuite-module-launch-ads .ddal-hero h2{margin:12px 0 0!important;font-size:clamp(24px,3vw,40px)!important}body.ddsuite-module-launch-ads .ddal-hero>p:not(.ddal-kicker){max-width:620px;margin:22px 0 0!important;color:var(--ddal-muted)!important;font-size:18px!important;line-height:1.6!important}body.ddsuite-module-launch-ads .ddal-preview{display:grid;grid-template-columns:minmax(210px,1fr) 2fr;gap:28px;align-items:center;max-width:1040px;margin:54px auto 0;padding:26px 30px;border:1px solid rgba(109,36,220,.15);border-radius:26px;background:rgba(255,255,255,.74);box-shadow:var(--ddal-shadow);backdrop-filter:blur(14px)}body.ddsuite-module-launch-ads .ddal-preview strong{display:block;margin-top:13px;font-size:21px;letter-spacing:-.035em}body.ddsuite-module-launch-ads .ddal-preview small{display:block;color:var(--ddal-muted);font-size:12px}body.ddsuite-module-launch-ads .ddal-status{display:flex;gap:7px;align-items:center;color:#31754f!important;font-size:12px;font-weight:750}body.ddsuite-module-launch-ads .ddal-status i{width:8px;height:8px;border-radius:50%;background:#36b66d;box-shadow:0 0 0 4px rgba(54,182,109,.13)}body.ddsuite-module-launch-ads .ddal-preview__metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}body.ddsuite-module-launch-ads .ddal-preview__metrics b{font-size:21px;letter-spacing:-.04em}body.ddsuite-module-launch-ads .ddal-preview__metrics b small{margin-top:4px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}body.ddsuite-module-launch-ads .ddal-join{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(430px,1.15fr);gap:54px;max-width:1180px;margin:10px auto 0;padding:86px 32px 108px}body.ddsuite-module-launch-ads .ddal-join__intro{padding-top:18px}body.ddsuite-module-launch-ads .ddal-join h2{margin:0!important;font-size:clamp(32px,4vw,55px)!important}body.ddsuite-module-launch-ads .ddal-join__intro>p:not(.ddal-kicker){max-width:420px;color:var(--ddal-muted)!important;font-size:16px!important;line-height:1.7!important}body.ddsuite-module-launch-ads .ddal-disclaimer{font-size:12px!important}body.ddsuite-module-launch-ads .ddal-join form,body.ddsuite-module-launch-ads .ddal-workspace,body.ddsuite-module-launch-ads .ddal-launch,body.ddsuite-module-launch-ads .ddal-reporting{display:grid;gap:17px;padding:28px;border:1px solid var(--ddal-line);border-radius:24px;background:#fff;box-shadow:var(--ddal-shadow)}body.ddsuite-module-launch-ads .ddal-join label,body.ddsuite-module-launch-ads .ddal-workspace label,body.ddsuite-module-launch-ads .ddal-launch label{display:grid;gap:7px;color:var(--ddal-ink);font-size:12px;font-weight:800}body.ddsuite-module-launch-ads .ddal-join input,body.ddsuite-module-launch-ads .ddal-workspace input,body.ddsuite-module-launch-ads .ddal-workspace select,body.ddsuite-module-launch-ads .ddal-launch input,body.ddsuite-module-launch-ads .ddal-launch textarea{width:100%;min-height:48px;border:1px solid var(--ddal-line);border-radius:12px;background:#fff;color:var(--ddal-ink);font:inherit;outline:none;padding:12px 14px;transition:border-color .16s ease,box-shadow .16s ease}body.ddsuite-module-launch-ads .ddal-join input:focus,body.ddsuite-module-launch-ads .ddal-workspace input:focus,body.ddsuite-module-launch-ads .ddal-workspace select:focus,body.ddsuite-module-launch-ads .ddal-launch input:focus,body.ddsuite-module-launch-ads .ddal-launch textarea:focus{border-color:var(--ddal-purple);box-shadow:0 0 0 4px rgba(109,36,220,.12)}body.ddsuite-module-launch-ads .ddal-launch textarea{min-height:92px;resize:vertical}body.ddsuite-module-launch-ads .ddal-button{display:inline-flex!important;justify-content:center;gap:10px;align-items:center;min-height:48px;border:0!important;border-radius:999px!important;background:linear-gradient(110deg,var(--ddal-purple),var(--ddal-pink))!important;color:#fff!important;cursor:pointer;font-size:14px!important;font-weight:850!important;letter-spacing:-.01em!important;padding:0 22px!important;box-shadow:0 12px 28px rgba(123,29,162,.22)!important;transition:transform .16s ease,box-shadow .16s ease}body.ddsuite-module-launch-ads .ddal-button:hover{box-shadow:0 16px 34px rgba(123,29,162,.30)!important;transform:translateY(-2px)}body.ddsuite-module-launch-ads .ddal-button:active{transform:scale(.98)}body.ddsuite-module-launch-ads .ddal-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.ddsuite-module-launch-ads .ddal-pricing--standalone{display:none!important}body.ddsuite-module-launch-ads .ddal-price{position:relative;display:flex;min-height:280px;flex-direction:column;gap:10px;overflow:hidden;padding:23px;border:1px solid var(--ddal-line);border-radius:18px;background:#fcfbff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}body.ddsuite-module-launch-ads .ddal-price:hover,body.ddsuite-module-launch-ads .ddal-price:has(input:checked){border-color:rgba(109,36,220,.56);box-shadow:0 15px 30px rgba(75,30,114,.12);transform:translateY(-2px)}body.ddsuite-module-launch-ads .ddal-price input{position:absolute;opacity:0;pointer-events:none}body.ddsuite-module-launch-ads .ddal-price__badge{position:absolute;top:12px;right:12px;border-radius:999px;background:#251833;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;padding:5px 8px}body.ddsuite-module-launch-ads .ddal-price__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f1eafe;color:var(--ddal-purple);font-size:18px}body.ddsuite-module-launch-ads .ddal-price b{font-size:24px;letter-spacing:-.04em}body.ddsuite-module-launch-ads .ddal-price b em{color:var(--ddal-muted);font-size:13px;font-style:normal;font-weight:650}body.ddsuite-module-launch-ads .ddal-price p{margin:0;color:var(--ddal-muted);font-size:12px}body.ddsuite-module-launch-ads .ddal-price ul{display:grid;gap:7px;margin:3px 0 0;padding:0;list-style:none;color:#50475a;font-size:12px;line-height:1.35}body.ddsuite-module-launch-ads .ddal-price__cta{margin-top:auto;color:var(--ddal-purple);font-size:13px;font-weight:850}body.ddsuite-module-launch-ads .ddal-price--growth{background:linear-gradient(145deg,#fff,#faf4ff)}body.ddsuite-module-launch-ads .ddal-form-message{margin:0;color:#9d285d;font-size:12px;font-weight:700}body.ddsuite-module-launch-ads .ddal-muted{color:var(--ddal-muted)!important}body.ddsuite-module-launch-ads .ddal-app{min-height:100vh;padding:54px 30px 100px;background:radial-gradient(circle at 90% 0,rgba(251,38,120,.10),transparent 30%),var(--ddal-paper)}body.ddsuite-module-launch-ads .ddal-app__header,body.ddsuite-module-launch-ads .ddal-app__grid{max-width:1240px;margin:0 auto}body.ddsuite-module-launch-ads .ddal-app__header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid var(--ddal-line)}body.ddsuite-module-launch-ads .ddal-app__header h2{margin:0!important;font-size:clamp(34px,5vw,61px)!important}body.ddsuite-module-launch-ads .ddal-app__header p:not(.ddal-kicker){margin:11px 0 0!important;color:var(--ddal-muted)!important}body.ddsuite-module-launch-ads .ddal-google-link{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid var(--ddal-line);border-radius:999px;background:#fff;color:var(--ddal-ink)!important;font-size:13px;font-weight:800;padding:12px 16px;text-decoration:none!important}body.ddsuite-module-launch-ads .ddal-app__grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}body.ddsuite-module-launch-ads .ddal-app__grid main{display:grid;gap:22px}body.ddsuite-module-launch-ads .ddal-workspace{grid-template-columns:minmax(190px,.65fr) minmax(350px,1.35fr)}body.ddsuite-module-launch-ads .ddal-workspace>div:first-child{align-self:start}body.ddsuite-module-launch-ads .ddal-workspace h3,body.ddsuite-module-launch-ads .ddal-reporting h3,body.ddsuite-module-launch-ads .ddal-helper h3{margin:0!important;font-size:25px!important}body.ddsuite-module-launch-ads .ddal-domain-list{display:flex;grid-column:1/-1;gap:8px;flex-wrap:wrap}body.ddsuite-module-launch-ads .ddal-domain{display:grid;gap:2px;padding:9px 11px;border:1px solid var(--ddal-line);border-radius:10px;background:#fff;font-size:12px}body.ddsuite-module-launch-ads .ddal-domain small{color:#a45b14}body.ddsuite-module-launch-ads .ddal-domain.is-verified small{color:#21764b}body.ddsuite-module-launch-ads .ddal-launch{display:grid;gap:18px}body.ddsuite-module-launch-ads .ddal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}body.ddsuite-module-launch-ads .ddal-steps article{display:flex;gap:9px;align-items:center;padding:12px;border-radius:12px;background:#f6f2fb;font-size:11px}body.ddsuite-module-launch-ads .ddal-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ddal-purple);color:#fff;font-size:10px}body.ddsuite-module-launch-ads .ddal-copy-grid,body.ddsuite-module-launch-ads .ddal-budget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.ddsuite-module-launch-ads .ddal-copy-grid fieldset,body.ddsuite-module-launch-ads .ddal-budget-mode{min-width:0;margin:0;padding:0;border:0}body.ddsuite-module-launch-ads .ddal-copy-grid legend,body.ddsuite-module-launch-ads .ddal-budget-mode legend{margin-bottom:8px;font-size:12px;font-weight:850}body.ddsuite-module-launch-ads .ddal-copy-grid legend small{color:var(--ddal-muted);font-weight:600}body.ddsuite-module-launch-ads .ddal-copy-grid fieldset>label{position:relative;margin:7px 0}body.ddsuite-module-launch-ads .ddal-copy-grid em{position:absolute;right:10px;bottom:9px;color:var(--ddal-muted);font-size:10px;font-style:normal}body.ddsuite-module-launch-ads .ddal-budget-mode{display:flex;gap:10px;flex-wrap:wrap}body.ddsuite-module-launch-ads .ddal-budget-mode label{display:flex!important;gap:7px;align-items:center;padding:8px 10px;border:1px solid var(--ddal-line);border-radius:999px;font-size:12px}body.ddsuite-module-launch-ads .ddal-budget-mode input{width:auto;min-height:0;padding:0}body.ddsuite-module-launch-ads .ddal-reporting{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end}body.ddsuite-module-launch-ads .ddal-reporting__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:19px}body.ddsuite-module-launch-ads .ddal-reporting__metrics strong{font-size:29px;letter-spacing:-.05em}body.ddsuite-module-launch-ads .ddal-reporting__metrics small{display:block;margin-top:4px;color:var(--ddal-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}body.ddsuite-module-launch-ads .ddal-reporting button{margin:3px;border:1px solid var(--ddal-line);border-radius:999px;background:#fff;color:var(--ddal-ink);cursor:pointer;font-size:11px;font-weight:750;padding:8px 11px}body.ddsuite-module-launch-ads .ddal-reporting a{display:block;margin-top:15px;color:var(--ddal-purple);font-size:12px;font-weight:800;text-decoration:none}body.ddsuite-module-launch-ads .ddal-helper{align-self:start;position:sticky;top:32px;padding:22px;border:1px solid var(--ddal-line);border-radius:20px;background:#21172d;color:#fff;box-shadow:var(--ddal-shadow)}body.ddsuite-module-launch-ads .ddal-helper .ddal-kicker{color:#ff9ac3!important}body.ddsuite-module-launch-ads .ddal-helper h3{color:#fff!important}body.ddsuite-module-launch-ads .ddal-helper p{color:#d6cde0;font-size:13px}body.ddsuite-module-launch-ads .ddal-helper button{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:750;padding:10px}body.ddsuite-module-launch-ads .ddal-helper__toggle{display:none}body.ddsuite-module-launch-ads .ddal-assistant-output{margin-top:14px;color:#e9dffd;font-size:12px;white-space:pre-wrap}body.ddsuite-module-launch-ads .ddal-location-results{display:grid;gap:5px;margin-top:6px}body.ddsuite-module-launch-ads .ddal-location-results button{border:1px solid var(--ddal-line);border-radius:8px;background:#fff;color:var(--ddal-ink);cursor:pointer;font-size:12px;padding:8px;text-align:left}body.ddsuite-module-launch-ads .ddal-selected-locations{display:flex;gap:7px;flex-wrap:wrap}body.ddsuite-module-launch-ads .ddal-selected-locations span{border-radius:999px;background:#eee5fb;color:#56327c;font-size:11px;font-weight:750;padding:7px 9px}body.ddsuite-module-launch-ads .ddal-standalone-frame{display:block;isolation:isolate;min-width:0;background:var(--ddal-paper,#fbfaff)}body.ddsuite-module-launch-ads .ddal-standalone-landing .et_pb_section,body.ddsuite-module-launch-ads .ddal-standalone-landing .et_pb_row{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}body.ddsuite-module-launch-ads .ddal-standalone-landing .entry-content>p:empty{display:none}@media(max-width:980px){body.ddsuite-module-launch-ads .ddal-hero{padding-top:78px}body.ddsuite-module-launch-ads .ddal-preview{grid-template-columns:1fr}body.ddsuite-module-launch-ads .ddal-preview__metrics{grid-template-columns:repeat(3,1fr)}body.ddsuite-module-launch-ads .ddal-join{grid-template-columns:1fr;gap:28px}body.ddsuite-module-launch-ads .ddal-app__grid{grid-template-columns:1fr}body.ddsuite-module-launch-ads .ddal-helper{position:static}body.ddsuite-module-launch-ads .ddal-workspace{grid-template-columns:1fr}body.ddsuite-module-launch-ads .ddal-reporting{grid-template-columns:1fr;gap:22px}}@media(max-width:640px){body.ddsuite-module-launch-ads .ddal-hero,body.ddsuite-module-launch-ads .ddal-join,body.ddsuite-module-launch-ads .ddal-app{padding-left:18px;padding-right:18px}body.ddsuite-module-launch-ads .ddal-hero{padding-top:54px}body.ddsuite-module-launch-ads .ddal-preview{padding:20px}body.ddsuite-module-launch-ads .ddal-preview__metrics,body.ddsuite-module-launch-ads .ddal-pricing,body.ddsuite-module-launch-ads .ddal-copy-grid,body.ddsuite-module-launch-ads .ddal-budget,body.ddsuite-module-launch-ads .ddal-steps,body.ddsuite-module-launch-ads .ddal-reporting__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.ddsuite-module-launch-ads .ddal-join{padding-top:54px;padding-bottom:64px}body.ddsuite-module-launch-ads .ddal-join form,body.ddsuite-module-launch-ads .ddal-workspace,body.ddsuite-module-launch-ads .ddal-launch,body.ddsuite-module-launch-ads .ddal-reporting{padding:19px;border-radius:18px}body.ddsuite-module-launch-ads .ddal-app__header{flex-direction:column}body.ddsuite-module-launch-ads .ddal-reporting__metrics{gap:12px}body.ddsuite-module-launch-ads .ddal-helper__toggle{display:flex;align-items:center;justify-content:space-between}body.ddsuite-module-launch-ads .ddal-helper[data-collapsed="true"] [data-ddal-helper-content]{display:none}} /* ===== Launch Ads sandbox 2.0.4 ===== */ /* Local campaign sandbox — companion layer for the Launch Ads landing page. */ body.ddsuite-module-launch-ads .ddal-sandbox-wrap{padding:0 32px 10px;background:linear-gradient(180deg,transparent,#f5f0fb 34%,transparent)}body.ddsuite-module-launch-ads .ddal-sandbox{max-width:1116px;margin:0 auto;padding:34px;border:1px solid rgba(109,36,220,.22);border-radius:28px;background:#fff;box-shadow:0 22px 58px rgba(70,31,110,.11)}body.ddsuite-module-launch-ads .ddal-sandbox>header{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(380px,1.2fr);gap:34px;align-items:end;margin-bottom:28px}body.ddsuite-module-launch-ads .ddal-sandbox h2{margin:0!important;color:var(--ddal-ink)!important;font-size:clamp(30px,4vw,49px)!important;font-weight:800!important;letter-spacing:-.055em!important;line-height:1!important}body.ddsuite-module-launch-ads .ddal-sandbox>header p:not(.ddal-kicker){margin:0;color:var(--ddal-muted);font-size:15px;line-height:1.65}body.ddsuite-module-launch-ads .ddal-sandbox form{display:grid;gap:19px}body.ddsuite-module-launch-ads .ddal-sandbox__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.ddsuite-module-launch-ads .ddal-sandbox label{display:grid;gap:7px;color:var(--ddal-ink);font-size:12px;font-weight:800}body.ddsuite-module-launch-ads .ddal-sandbox input{width:100%;min-height:48px;border:1px solid var(--ddal-line);border-radius:12px;background:#fcfbff;color:var(--ddal-ink);font:inherit;outline:none;padding:12px 14px}body.ddsuite-module-launch-ads .ddal-sandbox input:focus{border-color:var(--ddal-purple);box-shadow:0 0 0 4px rgba(109,36,220,.12)}body.ddsuite-module-launch-ads .ddal-sandbox__scale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0}body.ddsuite-module-launch-ads .ddal-sandbox__scale legend{grid-column:1/-1;margin-bottom:0;font-size:12px;font-weight:850}body.ddsuite-module-launch-ads .ddal-sandbox__scale label{display:block;padding:13px;border:1px solid var(--ddal-line);border-radius:13px;background:#fcfbff;cursor:pointer}body.ddsuite-module-launch-ads .ddal-sandbox__scale input{width:auto;min-height:0;margin:0 7px 0 0;padding:0;vertical-align:middle}body.ddsuite-module-launch-ads .ddal-sandbox__scale small{display:block;margin:7px 0 0 23px;color:var(--ddal-muted);font-size:11px;font-weight:600}body.ddsuite-module-launch-ads .ddal-sandbox-result{display:grid;gap:20px;margin-top:28px;padding:26px;border:1px solid rgba(109,36,220,.2);border-radius:20px;background:linear-gradient(145deg,#faf7ff,#fff)}body.ddsuite-module-launch-ads .ddal-sandbox-result[hidden]{display:none!important}body.ddsuite-module-launch-ads .ddal-sandbox-result__meta{display:flex;justify-content:space-between;gap:12px;color:var(--ddal-purple);font-size:11px;font-weight:850}body.ddsuite-module-launch-ads .ddal-mock-ad{display:grid;gap:6px;padding:20px;border:1px solid var(--ddal-line);border-radius:14px;background:#fff}body.ddsuite-module-launch-ads .ddal-mock-ad small{color:var(--ddal-muted);font-size:11px}body.ddsuite-module-launch-ads .ddal-mock-ad strong{color:#343a92;font-size:20px;letter-spacing:-.03em}body.ddsuite-module-launch-ads .ddal-mock-ad span{color:#287246;font-size:12px}body.ddsuite-module-launch-ads .ddal-mock-ad p{margin:1px 0 0;color:#4b4355;font-size:13px}body.ddsuite-module-launch-ads .ddal-mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}body.ddsuite-module-launch-ads .ddal-mock-stats b{padding:14px;border-radius:13px;background:#21172d;color:#fff;font-size:23px;letter-spacing:-.04em}body.ddsuite-module-launch-ads .ddal-mock-stats small{display:block;margin-top:5px;color:#d7cde2;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}body.ddsuite-module-launch-ads .ddal-sandbox-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:22px}body.ddsuite-module-launch-ads .ddal-sandbox-modal[hidden]{display:none!important}body.ddsuite-module-launch-ads .ddal-sandbox-modal__backdrop{position:absolute;inset:0;background:rgba(23,19,29,.56);backdrop-filter:blur(10px)}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel{position:relative;z-index:1;display:grid;gap:16px;width:min(100%,480px);padding:31px;border:1px solid rgba(255,255,255,.5);border-radius:24px;background:#fff;box-shadow:0 32px 100px rgba(0,0,0,.30)}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel h2{margin:0!important;color:var(--ddal-ink)!important;font-size:36px!important;font-weight:800!important;letter-spacing:-.055em!important;line-height:1.05!important}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel p{margin:0;color:var(--ddal-muted);font-size:14px;line-height:1.6}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel label{display:grid;gap:7px;font-size:12px;font-weight:800}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel input{min-height:48px;border:1px solid var(--ddal-line);border-radius:12px;padding:12px;font:inherit}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel small{color:var(--ddal-muted);font-size:11px;line-height:1.45}body.ddsuite-module-launch-ads .ddal-sandbox-modal__plan{border-radius:12px;background:#f1eafe;color:var(--ddal-purple);font-size:13px;font-weight:850;padding:12px}body.ddsuite-module-launch-ads .ddal-sandbox-modal__close{position:absolute;top:12px;right:13px;width:30px;height:30px;border:0;border-radius:50%;background:#f4f0f8;color:#4b385a;cursor:pointer;font-size:21px;line-height:1}body.ddsuite-module-launch-ads .ddal-modal-open{overflow:hidden}body.ddsuite-module-launch-ads .ddal-checkout-focus{animation:ddsuite-launch-ads-ddalCheckoutFocus 1.4s ease both}@keyframes ddsuite-launch-ads-ddalCheckoutFocus{0%,100%{box-shadow:none}40%{box-shadow:0 0 0 8px rgba(109,36,220,.18)}}@media(max-width:780px){body.ddsuite-module-launch-ads .ddal-sandbox-wrap{padding:0 18px}body.ddsuite-module-launch-ads .ddal-sandbox{padding:21px}body.ddsuite-module-launch-ads .ddal-sandbox>header,body.ddsuite-module-launch-ads .ddal-sandbox__fields{grid-template-columns:1fr;gap:17px}body.ddsuite-module-launch-ads .ddal-sandbox__scale{grid-template-columns:1fr}body.ddsuite-module-launch-ads .ddal-sandbox-result__meta{align-items:flex-start;flex-direction:column}body.ddsuite-module-launch-ads .ddal-mock-stats{grid-template-columns:1fr}body.ddsuite-module-launch-ads .ddal-sandbox-modal{padding:15px}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel{padding:26px 21px}body.ddsuite-module-launch-ads .ddal-sandbox-modal__panel h2{font-size:31px!important}} /* ===== Mini-Me Copywriter 1.2.0 ===== */ body.ddsuite-module-mini-me .ddmm-app,body.ddsuite-module-mini-me .ddmm-modal,body.ddsuite-module-mini-me .ddmm-floating-cta{ --ddmm-ink: #06070c; --ddmm-surface: rgba(17, 20, 30, .72); --ddmm-surface-strong: rgba(20, 25, 38, .9); --ddmm-line: rgba(255, 255, 255, .14); --ddmm-muted: #86868B; --ddmm-white: #FFFFFF; --ddmm-body: #F5F5F7; --ddmm-violet: #9f7cff; --ddmm-blue: #5da9ff; --ddmm-pink: #fd80c9; --ddmm-green: #7df3c7; } body.ddsuite-module-mini-me .ddmm-app,body.ddsuite-module-mini-me .ddmm-modal,body.ddsuite-module-mini-me .ddmm-floating-cta{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } body.ddsuite-module-mini-me .ddmm-app{ box-sizing: border-box; position: relative; isolation: isolate; overflow: hidden; max-width: 1120px; margin: 40px auto; padding: 1px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 28px; color: var(--ddmm-body); background: linear-gradient(135deg, rgba(157, 124, 255, .38), rgba(255,255,255,.08) 36%, rgba(85, 170, 255, .3)); box-shadow: 0 28px 88px rgba(4, 6, 15, .38); } body.ddsuite-module-mini-me .ddmm-panel{ position: relative; z-index: 2; overflow: hidden; padding: clamp(24px, 4vw, 48px); border-radius: 27px; background: linear-gradient(143deg, rgba(8, 10, 18, .94) 0%, rgba(16, 20, 34, .88) 51%, rgba(10, 13, 23, .96) 100%); backdrop-filter: blur(30px) saturate(120%); } body.ddsuite-module-mini-me .ddmm-orb{ position: absolute; z-index: 1; width: 440px; height: 440px; border-radius: 50%; filter: blur(76px); opacity: .32; pointer-events: none; } body.ddsuite-module-mini-me .ddmm-orb-one{ top: -250px; left: -110px; background: #855dfc; } body.ddsuite-module-mini-me .ddmm-orb-two{ right: -180px; bottom: -320px; background: #218ef3; } body.ddsuite-module-mini-me .ddmm-header,body.ddsuite-module-mini-me .ddmm-output-heading,body.ddsuite-module-mini-me .ddmm-upsell{ display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; } body.ddsuite-module-mini-me .ddmm-header{ margin-bottom: 26px; } body.ddsuite-module-mini-me .ddmm-eyebrow{ display: block; color: #b7a5ff; font-size: 10px; font-weight: 750; letter-spacing: .16em; line-height: 1.35; } body.ddsuite-module-mini-me .ddmm-header h2,body.ddsuite-module-mini-me .ddmm-modal h2{ margin: 9px 0 0; color: #FFFFFF; font-size: clamp(35px, 5vw, 60px); font-weight: 650; letter-spacing: -.065em; line-height: .98; } body.ddsuite-module-mini-me .ddmm-header h2 span{ background: linear-gradient(100deg, #fff 15%, #a2c7ff 54%, #de9cff); -webkit-background-clip: text; background-clip: text; color: transparent; } body.ddsuite-module-mini-me .ddmm-credit-badge{ flex: 0 0 auto; margin-top: 3px; padding: 9px 13px; border: 1px solid var(--ddmm-line); border-radius: 999px; color: #d2d6e0; font-size: 12px; font-weight: 680; background: rgba(255,255,255,.06); } body.ddsuite-module-mini-me .ddmm-credit-badge.is-active{ border-color: rgba(125,243,199,.45); color: #bdfde6; background: rgba(74, 185, 146, .12); } body.ddsuite-module-mini-me .ddmm-persona-banner{ display: flex; align-items: flex-start; gap: 12px; margin: 0 0 30px; padding: 15px 17px; border: 1px solid rgba(188, 168, 255, .24); border-radius: 15px; color: #deddea; background: linear-gradient(90deg, rgba(134,96,255,.17), rgba(48,107,173,.07)); } body.ddsuite-module-mini-me .ddmm-persona-banner p{ margin: 0; color: #F5F5F7; font-size: 14px; line-height: 1.55; } body.ddsuite-module-mini-me .ddmm-persona-dot{ flex: 0 0 auto; width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: var(--ddmm-pink); box-shadow: 0 0 18px var(--ddmm-pink); } body.ddsuite-module-mini-me .ddmm-notice{ margin: -10px 0 24px; padding: 12px 15px; border-radius: 12px; font-size: 14px; } body.ddsuite-module-mini-me .ddmm-notice-success{ border: 1px solid rgba(125,243,199,.32); color: #cefbe9; background: rgba(38, 173, 124, .12); } body.ddsuite-module-mini-me .ddmm-form-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } body.ddsuite-module-mini-me .ddmm-field{ min-width: 0; padding: 0; border: 0; } body.ddsuite-module-mini-me .ddmm-field-wide{ grid-column: 1 / -1; } body.ddsuite-module-mini-me .ddmm-field > label,body.ddsuite-module-mini-me .ddmm-field legend{ display: block; margin: 0 0 10px; color: #F5F5F7; font-size: 13px; font-weight: 650; } body.ddsuite-module-mini-me .ddmm-field > label span{ color: var(--ddmm-muted); font-weight: 500; } body.ddsuite-module-mini-me .ddmm-field input,body.ddsuite-module-mini-me .ddmm-field textarea,body.ddsuite-module-mini-me .ddmm-field select{ box-sizing: border-box; width: 100%; border: 1px solid var(--ddmm-line); border-radius: 12px; outline: none; color: var(--ddmm-white); font: inherit; background: rgba(255,255,255,.055); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; } body.ddsuite-module-mini-me .ddmm-field select{ height: 50px; padding: 0 14px; font-size: 14px; appearance: auto; } body.ddsuite-module-mini-me .ddmm-field select option{ color: #10121b; } body.ddsuite-module-mini-me .ddmm-field textarea{ display: block; padding: 14px; resize: vertical; font-size: 14px; line-height: 1.5; } body.ddsuite-module-mini-me .ddmm-field input:focus,body.ddsuite-module-mini-me .ddmm-field textarea:focus,body.ddsuite-module-mini-me .ddmm-field select:focus{ border-color: rgba(157,124,255,.85); background: rgba(157,124,255,.09); box-shadow: 0 0 0 4px rgba(157,124,255,.12); } body.ddsuite-module-mini-me .ddmm-dropzone{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 156px; padding: 20px; border: 1px dashed rgba(190, 198, 224, .42); border-radius: 16px; text-align: center; background: rgba(255,255,255,.035); cursor: pointer; transition: .24s ease; } body.ddsuite-module-mini-me .ddmm-dropzone:hover,body.ddsuite-module-mini-me .ddmm-dropzone.is-dragover{ border-color: var(--ddmm-violet); transform: translateY(-1px); background: rgba(158,124,255,.11); box-shadow: inset 0 0 0 1px rgba(158,124,255,.2); } body.ddsuite-module-mini-me .ddmm-dropzone input{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } body.ddsuite-module-mini-me .ddmm-upload-symbol{ width: 34px; height: 34px; margin: 0 0 7px; border: 1px solid rgba(255,255,255,.23); border-radius: 11px; color: #fff; font-size: 23px; line-height: 31px; } body.ddsuite-module-mini-me .ddmm-dropzone strong{ color: #fbfbff; font-size: 14px; font-weight: 650; } body.ddsuite-module-mini-me .ddmm-dropzone small,body.ddsuite-module-mini-me .ddmm-file-name{ display: block; margin-top: 5px; color: var(--ddmm-muted); font-size: 12px; } body.ddsuite-module-mini-me .ddmm-file-name{ max-width: 100%; overflow: hidden; color: #d6d1ff; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; } body.ddsuite-module-mini-me .ddmm-style-options{ display: flex; flex-wrap: wrap; gap: 7px; } body.ddsuite-module-mini-me .ddmm-style-button input{ position: absolute; opacity: 0; pointer-events: none; } body.ddsuite-module-mini-me .ddmm-style-button span{ display: inline-flex; min-height: 36px; align-items: center; padding: 0 10px; border: 1px solid var(--ddmm-line); border-radius: 9px; color: #cdd1de; font-size: 12px; font-weight: 600; background: rgba(255,255,255,.045); cursor: pointer; transition: .18s ease; } body.ddsuite-module-mini-me .ddmm-style-button span:hover{ border-color: rgba(255,255,255,.35); color: #fff; } body.ddsuite-module-mini-me .ddmm-style-button input:checked + span{ border-color: rgba(160,131,255,.85); color: #fff; background: linear-gradient(135deg, rgba(137,99,255,.44), rgba(100,153,255,.25)); box-shadow: 0 4px 16px rgba(102,79,219,.17); } body.ddsuite-module-mini-me .ddmm-character-count{ margin-top: 8px; color: var(--ddmm-muted); font-size: 11px; text-align: right; } body.ddsuite-module-mini-me .ddmm-attestation{ display: flex; align-items: flex-start; gap: 10px; box-sizing: border-box; padding: 13px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; color: #c9ced9; font-size: 12px; line-height: 1.5; background: rgba(255,255,255,.035); cursor: pointer; } body.ddsuite-module-mini-me .ddmm-attestation input{ flex: 0 0 auto; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--ddmm-violet); } body.ddsuite-module-mini-me .ddmm-generate-button{ width: 100%; margin-top: 24px; } body.ddsuite-module-mini-me .ddmm-button{ display: inline-flex; min-height: 49px; align-items: center; justify-content: center; gap: 9px; box-sizing: border-box; padding: 0 19px; border: 1px solid transparent; border-radius: 13px; color: #fff !important; font-size: 14px; font-weight: 700; letter-spacing: -.01em; text-align: center; text-decoration: none !important; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } body.ddsuite-module-mini-me .ddmm-button:hover{ filter: brightness(1.08); transform: translateY(-2px); } body.ddsuite-module-mini-me .ddmm-button-primary{ border: 0; background: linear-gradient(110deg, #8060ee, #5a9dfb 54%, #d072d1); box-shadow: 0 10px 25px rgba(105,105,226,.3); } body.ddsuite-module-mini-me .ddmm-button-secondary{ border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.09); } body.ddsuite-module-mini-me .ddmm-form-note,body.ddsuite-module-mini-me .ddmm-quiet-link,body.ddsuite-module-mini-me .ddmm-config-message{ margin: 13px 0 0; color: var(--ddmm-muted); font-size: 12px; line-height: 1.5; text-align: center; } body.ddsuite-module-mini-me .ddmm-quiet-link a{ color: #c8bbff; } body.ddsuite-module-mini-me .ddmm-locked-state{ max-width: 610px; margin: 6px auto 0; padding: 36px 20px 21px; border: 1px solid var(--ddmm-line); border-radius: 19px; text-align: center; background: rgba(255,255,255,.04); } body.ddsuite-module-mini-me .ddmm-lock-icon{ display: grid; width: 42px; height: 42px; place-items: center; margin: 0 auto 14px; border: 1px solid rgba(192,177,255,.4); border-radius: 13px; color: #c2b2ff; background: rgba(143,101,255,.15); } body.ddsuite-module-mini-me .ddmm-locked-state h3,body.ddsuite-module-mini-me .ddmm-output-heading h3,body.ddsuite-module-mini-me .ddmm-upsell h3{ margin: 0; color: #fff; font-size: 23px; font-weight: 650; letter-spacing: -.035em; } body.ddsuite-module-mini-me .ddmm-locked-state p{ max-width: 490px; margin: 9px auto 19px; color: #bcc2d1; font-size: 14px; line-height: 1.55; } body.ddsuite-module-mini-me .ddmm-loading-state{ position: relative; overflow: hidden; min-height: 405px; margin: 4px 0 0; border: 1px solid var(--ddmm-line); border-radius: 19px; background: #06070c; } body.ddsuite-module-mini-me .ddmm-aura-canvas{ position: absolute; inset: 0; width: 100%; height: 100%; } body.ddsuite-module-mini-me .ddmm-loading-copy{ position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; text-align: center; } body.ddsuite-module-mini-me .ddmm-loading-copy h3{ margin: 11px 0 6px; color: #fff; font-size: clamp(25px, 4vw, 38px); font-weight: 620; letter-spacing: -.045em; } body.ddsuite-module-mini-me .ddmm-loading-copy p{ margin: 0; color: #c7c8d2; font-size: 14px; } body.ddsuite-module-mini-me .ddmm-output-state{ margin: 4px 0 0; } body.ddsuite-module-mini-me .ddmm-output-heading{ margin-bottom: 15px; } body.ddsuite-module-mini-me .ddmm-output-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; } body.ddsuite-module-mini-me .ddmm-text-action{ padding: 8px 10px; border: 1px solid var(--ddmm-line); border-radius: 9px; color: #dce0e9; font: inherit; font-size: 11px; font-weight: 650; background: rgba(255,255,255,.05); cursor: pointer; transition: .18s ease; } body.ddsuite-module-mini-me .ddmm-text-action:hover{ border-color: rgba(255,255,255,.35); color: #fff; background: rgba(255,255,255,.11); } body.ddsuite-module-mini-me .ddmm-output-card{ box-sizing: border-box; min-height: 260px; padding: clamp(22px, 4vw, 38px); border: 1px solid rgba(255,255,255,.16); border-radius: 18px; color: #F5F5F7; font-size: 15px; line-height: 1.7; background: linear-gradient(150deg, rgba(255,255,255,.105), rgba(255,255,255,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.09); } body.ddsuite-module-mini-me .ddmm-output-card h1,body.ddsuite-module-mini-me .ddmm-output-card h2,body.ddsuite-module-mini-me .ddmm-output-card h3,body.ddsuite-module-mini-me .ddmm-output-card h4{ margin: 1.15em 0 .4em; color: #fff; font-weight: 650; letter-spacing: -.03em; line-height: 1.15; } body.ddsuite-module-mini-me .ddmm-output-card h1:first-child,body.ddsuite-module-mini-me .ddmm-output-card h2:first-child,body.ddsuite-module-mini-me .ddmm-output-card h3:first-child{ margin-top: 0; } body.ddsuite-module-mini-me .ddmm-output-card p,body.ddsuite-module-mini-me .ddmm-output-card ul,body.ddsuite-module-mini-me .ddmm-output-card ol{ margin: 0 0 1em; } body.ddsuite-module-mini-me .ddmm-output-card strong{ color: #fff; } body.ddsuite-module-mini-me .ddmm-output-card ul,body.ddsuite-module-mini-me .ddmm-output-card ol{ padding-left: 1.4em; } body.ddsuite-module-mini-me .ddmm-output-card a{ color: #bcaaff; } body.ddsuite-module-mini-me .ddmm-upsell{ align-items: center; margin-top: 20px; padding: 24px; border: 1px solid rgba(144,197,255,.25); border-radius: 17px; background: linear-gradient(110deg, rgba(79,133,226,.15), rgba(181,103,230,.13)); } body.ddsuite-module-mini-me .ddmm-upsell p{ max-width: 590px; margin: 7px 0 0; color: #c7cbd9; font-size: 13px; line-height: 1.5; } body.ddsuite-module-mini-me .ddmm-inline-error{ margin-top: 18px; padding: 12px 14px; border: 1px solid rgba(255,107,150,.32); border-radius: 11px; color: #ffd3e0; font-size: 13px; background: rgba(202,41,95,.12); } body.ddsuite-module-mini-me .ddmm-floating-cta{ position: fixed; z-index: 99999; bottom: 20px; left: 20px; padding: 13px 17px; border: 1px solid rgba(255,255,255,.29); border-radius: 999px; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: -.01em; background: linear-gradient(100deg, rgba(111,77,223,.96), rgba(61,125,220,.96)); box-shadow: 0 14px 35px rgba(0,0,0,.35); cursor: pointer; transition: .2s ease; } body.ddsuite-module-mini-me .ddmm-floating-cta:hover{ transform: translateY(-3px); box-shadow: 0 20px 44px rgba(0,0,0,.45); } body.ddsuite-module-mini-me .ddmm-modal[hidden],body.ddsuite-module-mini-me .ddmm-loading-state[hidden],body.ddsuite-module-mini-me .ddmm-output-state[hidden],body.ddsuite-module-mini-me .ddmm-inline-error[hidden]{ display: none !important; } body.ddsuite-module-mini-me .ddmm-modal{ position: fixed; z-index: 9999; inset: 0; display: grid; place-items: center; padding: 19px; } body.ddsuite-module-mini-me .ddmm-modal-backdrop{ position: absolute; inset: 0; background: rgba(3,5,12,.77); backdrop-filter: blur(11px); } body.ddsuite-module-mini-me .ddmm-modal-panel{ position: relative; z-index: 1; box-sizing: border-box; width: min(100%, 530px); padding: 39px; border: 1px solid rgba(255,255,255,.22); border-radius: 24px; color: #e5e7ef; background: linear-gradient(145deg, #171b2a, #0b0e17); box-shadow: 0 30px 100px rgba(0,0,0,.6); } body.ddsuite-module-mini-me .ddmm-modal-panel h2{ margin-top: 12px; font-size: clamp(31px, 7vw, 46px); } body.ddsuite-module-mini-me .ddmm-modal-panel p{ margin: 16px 0 25px; color: #F5F5F7; font-size: 15px; line-height: 1.6; } body.ddsuite-module-mini-me .ddmm-modal-actions{ display: flex; flex-wrap: wrap; gap: 10px; } body.ddsuite-module-mini-me .ddmm-modal-actions .ddmm-button-secondary{ border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.1); } body.ddsuite-module-mini-me .ddmm-modal-close{ position: absolute; top: 12px; right: 15px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; color: #cdd3e1; font-size: 26px; line-height: 1; background: transparent; cursor: pointer; } body.ddsuite-module-mini-me .ddmm-modal-close:hover{ color: #fff; background: rgba(255,255,255,.1); } body.ddsuite-module-mini-me .ddmm-modal-link{ display: block; margin: 13px auto 0; padding: 4px; border: 0; color: #aeb4c4; font: inherit; font-size: 12px; background: transparent; cursor: pointer; } body.ddsuite-module-mini-me .ddmm-preview-state{ margin: 4px 0 0; } body.ddsuite-module-mini-me .ddmm-preview-heading{ margin: 0 0 15px; } body.ddsuite-module-mini-me .ddmm-preview-heading h3{ margin: 7px 0 6px; color: #FFFFFF; font-size: clamp(24px, 4vw, 35px); font-weight: 650; letter-spacing: -.045em; overflow-wrap: anywhere; } body.ddsuite-module-mini-me .ddmm-preview-heading p{ margin: 0; color: #F5F5F7; font-size: 14px; line-height: 1.5; } body.ddsuite-module-mini-me .ddmm-preview-card{ position: relative; display: flex; min-height: 270px; flex-direction: column; gap: 16px; box-sizing: border-box; padding: 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.035)); } body.ddsuite-module-mini-me .ddmm-preview-card::after{ position: absolute; inset: -14px; content: ""; background: rgba(9, 11, 18, .12); backdrop-filter: blur(9px); } body.ddsuite-module-mini-me .ddmm-skeleton{ position: relative; z-index: 1; display: block; height: 13px; border-radius: 999px; background: linear-gradient(100deg, rgba(255,255,255,.16), rgba(202,190,255,.42), rgba(255,255,255,.14)); background-size: 180% 100%; animation: ddsuite-mini-me-ddmm-shimmer 1.7s ease-in-out infinite; } body.ddsuite-module-mini-me .ddmm-skeleton-title{ width: 54%; height: 29px; margin-bottom: 11px; } body.ddsuite-module-mini-me .ddmm-skeleton-subtitle{ width: 34%; height: 20px; margin-top: 11px; } body.ddsuite-module-mini-me .ddmm-skeleton-line{ width: 95%; } body.ddsuite-module-mini-me .ddmm-skeleton-line.short{ width: 57%; } body.ddsuite-module-mini-me .ddmm-skeleton-line.medium{ width: 76%; } body.ddsuite-module-mini-me .ddmm-unlock-banner{ position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: -38px 19px 0; padding: 24px; border: 1px solid rgba(224, 211, 255, .44); border-radius: 17px; background: linear-gradient(112deg, rgba(99,72,203,.96), rgba(40,97,194,.96)); box-shadow: 0 16px 40px rgba(3, 4, 12, .48); } body.ddsuite-module-mini-me .ddmm-unlock-banner h3{ margin: 6px 0 5px; color: #FFFFFF; font-size: 22px; font-weight: 650; letter-spacing: -.035em; } body.ddsuite-module-mini-me .ddmm-unlock-banner p{ margin: 0; color: #F5F5F7; font-size: 13px; line-height: 1.5; } body.ddsuite-module-mini-me .ddmm-unlock-banner .ddmm-eyebrow{ color: #F5F5F7; } body.ddsuite-module-mini-me .ddmm-unlock-banner .ddmm-button{ flex: 0 0 auto; border: 1px solid rgba(255,255,255,.5); background: rgba(255,255,255,.16); white-space: nowrap; } @keyframes ddsuite-mini-me-ddmm-shimmer { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } } @media (max-width: 680px) { body.ddsuite-module-mini-me .ddmm-app{ margin: 22px 0; border-radius: 21px; } body.ddsuite-module-mini-me .ddmm-panel{ padding: 23px 18px; border-radius: 20px; } body.ddsuite-module-mini-me .ddmm-header,body.ddsuite-module-mini-me .ddmm-output-heading,body.ddsuite-module-mini-me .ddmm-upsell{ flex-direction: column; } body.ddsuite-module-mini-me .ddmm-credit-badge{ margin-top: -15px; } body.ddsuite-module-mini-me .ddmm-form-grid{ grid-template-columns: 1fr; gap: 19px; } body.ddsuite-module-mini-me .ddmm-field-wide{ grid-column: auto; } body.ddsuite-module-mini-me .ddmm-output-actions{ justify-content: flex-start; } body.ddsuite-module-mini-me .ddmm-upsell{ align-items: flex-start; } body.ddsuite-module-mini-me .ddmm-upsell .ddmm-button{ width: 100%; } body.ddsuite-module-mini-me .ddmm-unlock-banner{ flex-direction: column; align-items: stretch; margin: -28px 8px 0; padding: 20px; } body.ddsuite-module-mini-me .ddmm-unlock-banner .ddmm-button{ width: 100%; } body.ddsuite-module-mini-me .ddmm-floating-cta{ bottom: 12px; left: 12px; max-width: calc(100vw - 24px); font-size: 12px; } body.ddsuite-module-mini-me .ddmm-modal-panel{ padding: 35px 23px 25px; } body.ddsuite-module-mini-me .ddmm-modal-actions{ flex-direction: column; } body.ddsuite-module-mini-me .ddmm-modal-actions .ddmm-button{ width: 100%; } } /* ===== Shopfront Visualizer 1.0.0 ===== */ /* Design Dynamos AI Shopfront Visualizer — page-scoped styles to avoid theme collisions. */ body.ddsuite-module-shopfront .dd-sv-app{ --dd-sv-bg: #070915; --dd-sv-surface: rgba(255, 255, 255, 0.055); --dd-sv-surface-high: rgba(255, 255, 255, 0.095); --dd-sv-border: rgba(255, 255, 255, 0.13); --dd-sv-text: #f7f8ff; --dd-sv-muted: #b8bdd4; --dd-sv-accent: #7c9cff; --dd-sv-pink: #f05dca; position: relative; isolation: isolate; overflow: hidden; padding: clamp(56px, 8vw, 120px) 20px; min-height: 75vh; color: var(--dd-sv-text); background: radial-gradient(circle at 12% 3%, rgba(69, 85, 190, .38), transparent 24rem), radial-gradient(circle at 90% 34%, rgba(207, 60, 177, .2), transparent 25rem), var(--dd-sv-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } body.ddsuite-module-shopfront .dd-sv-app *,body.ddsuite-module-shopfront .dd-sv-app *::before,body.ddsuite-module-shopfront .dd-sv-app *::after{ box-sizing: border-box; } body.ddsuite-module-shopfront .dd-sv-app h1,body.ddsuite-module-shopfront .dd-sv-app h2,body.ddsuite-module-shopfront .dd-sv-app p,body.ddsuite-module-shopfront .dd-sv-app figure{ margin: 0; } body.ddsuite-module-shopfront .dd-sv-app button,body.ddsuite-module-shopfront .dd-sv-app input,body.ddsuite-module-shopfront .dd-sv-app select{ font: inherit; } body.ddsuite-module-shopfront .dd-sv-shell{ position: relative; z-index: 2; width: min(100%, 1080px); margin: 0 auto; } body.ddsuite-module-shopfront .dd-sv-orb{ position: absolute; z-index: 0; width: 420px; aspect-ratio: 1; border-radius: 50%; pointer-events: none; filter: blur(25px); opacity: .34; } body.ddsuite-module-shopfront .dd-sv-orb--one{ left: -255px; top: 11%; background: #5b72ff; } body.ddsuite-module-shopfront .dd-sv-orb--two{ right: -230px; bottom: 4%; background: #fc52c4; } body.ddsuite-module-shopfront .dd-sv-hero{ max-width: 830px; margin: 0 auto clamp(42px, 6vw, 72px); text-align: center; } body.ddsuite-module-shopfront .dd-sv-eyebrow{ color: #aebdfd; font-size: 11px; font-weight: 750; letter-spacing: .16em; line-height: 1.35; } body.ddsuite-module-shopfront .dd-sv-hero h1,body.ddsuite-module-shopfront .dd-sv-results h1{ margin: 16px auto 20px; max-width: 820px; font-size: clamp(42px, 6.4vw, 77px); letter-spacing: -.065em; line-height: .98; font-weight: 750; color: #fff; } body.ddsuite-module-shopfront .dd-sv-hero h1 span,body.ddsuite-module-shopfront .dd-sv-results h1 span{ color: #aabaff; } body.ddsuite-module-shopfront .dd-sv-lede{ max-width: 690px; margin: auto; color: var(--dd-sv-muted); font-size: clamp(16px, 1.7vw, 19px); line-height: 1.55; } body.ddsuite-module-shopfront .dd-sv-builder,body.ddsuite-module-shopfront .dd-sv-start-card,body.ddsuite-module-shopfront .dd-sv-revision-card,body.ddsuite-module-shopfront .dd-sv-upgrade{ padding: clamp(24px, 4vw, 46px); border: 1px solid var(--dd-sv-border); border-radius: 28px; background: linear-gradient(140deg, rgba(255, 255, 255, .105), rgba(255,255,255,.035)); box-shadow: 0 28px 70px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); } body.ddsuite-module-shopfront .dd-sv-step{ display: flex; gap: 15px; align-items: flex-start; margin: 0 0 22px; } body.ddsuite-module-shopfront .dd-sv-step:not(:first-child){ margin-top: 40px; } body.ddsuite-module-shopfront .dd-sv-step > span{ display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border: 1px solid rgba(150,169,255,.5); border-radius: 50%; color: #b9c7ff; font-size: 11px; font-weight: 800; } body.ddsuite-module-shopfront .dd-sv-step h2{ color: #fff; font-size: 21px; line-height: 1.15; letter-spacing: -.025em; } body.ddsuite-module-shopfront .dd-sv-step p{ margin-top: 4px; color: var(--dd-sv-muted); font-size: 14px; line-height: 1.45; } body.ddsuite-module-shopfront .dd-sv-plan-grid,body.ddsuite-module-shopfront .dd-sv-finish-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } body.ddsuite-module-shopfront .dd-sv-plan,body.ddsuite-module-shopfront .dd-sv-finish{ position: relative; display: grid; cursor: pointer; border: 1px solid var(--dd-sv-border); border-radius: 17px; background: rgba(0,0,0,.13); transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; } body.ddsuite-module-shopfront .dd-sv-plan{ grid-template-columns: 20px 1fr auto; gap: 4px 10px; align-items: center; padding: 19px; } body.ddsuite-module-shopfront .dd-sv-plan input,body.ddsuite-module-shopfront .dd-sv-finish input{ position: absolute; opacity: 0; pointer-events: none; } body.ddsuite-module-shopfront .dd-sv-plan:hover,body.ddsuite-module-shopfront .dd-sv-finish:hover,body.ddsuite-module-shopfront .dd-sv-plan.is-selected,body.ddsuite-module-shopfront .dd-sv-finish.is-selected{ border-color: rgba(144, 165, 255, .78); background: rgba(111, 134, 255, .12); box-shadow: 0 12px 35px rgba(59,80,198,.17); transform: translateY(-2px); } body.ddsuite-module-shopfront .dd-sv-radio{ width: 18px; height: 18px; border: 1px solid #aab3dc; border-radius: 50%; } body.ddsuite-module-shopfront .dd-sv-plan.is-selected .dd-sv-radio{ border: 5px solid var(--dd-sv-accent); box-shadow: 0 0 0 3px rgba(124,156,255,.18); } body.ddsuite-module-shopfront .dd-sv-plan strong,body.ddsuite-module-shopfront .dd-sv-finish strong{ color: #fff; font-size: 15px; } body.ddsuite-module-shopfront .dd-sv-plan b{ color: #fff; font-size: 23px; letter-spacing: -.045em; } body.ddsuite-module-shopfront .dd-sv-plan small{ grid-column: 2 / 4; color: var(--dd-sv-muted); font-size: 12px; } body.ddsuite-module-shopfront .dd-sv-dropzone{ position: relative; display: flex; min-height: 205px; flex-direction: column; justify-content: center; align-items: center; gap: 7px; padding: 24px; overflow: hidden; cursor: pointer; border: 1px dashed rgba(172,187,255,.55); border-radius: 20px; background: rgba(9,12,33,.38); text-align: center; transition: .2s ease; } body.ddsuite-module-shopfront .dd-sv-dropzone:hover,body.ddsuite-module-shopfront .dd-sv-dropzone.is-dragging{ border-color: #aabaff; background: rgba(96,120,244,.15); transform: scale(1.005); } body.ddsuite-module-shopfront .dd-sv-dropzone input{ position: absolute; inset: 0; opacity: 0; cursor: pointer; } body.ddsuite-module-shopfront .dd-sv-upload-icon{ display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 5px; border-radius: 12px; background: rgba(137,160,255,.2); color: #dce2ff; font-size: 23px; line-height: 1; } body.ddsuite-module-shopfront .dd-sv-dropzone strong{ color: #fff; font-size: 16px; } body.ddsuite-module-shopfront .dd-sv-dropzone small{ color: var(--dd-sv-muted); font-size: 12px; } body.ddsuite-module-shopfront .dd-sv-dropzone.has-file{ min-height: 300px; justify-content: flex-end; padding-top: 200px; } body.ddsuite-module-shopfront .dd-sv-dropzone.has-file > :not(img){ position: relative; z-index: 1; } body.ddsuite-module-shopfront .dd-sv-dropzone.has-file::after{ position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(5,7,18,.85), rgba(5,7,18,.04) 67%); } body.ddsuite-module-shopfront .dd-sv-dropzone img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } body.ddsuite-module-shopfront .dd-sv-fields{ display: grid; gap: 13px; margin-top: 17px; } body.ddsuite-module-shopfront .dd-sv-fields--two{ grid-template-columns: repeat(2, minmax(0, 1fr)); } body.ddsuite-module-shopfront .dd-sv-fields label,body.ddsuite-module-shopfront .dd-sv-revision-fields label{ display: grid; gap: 7px; color: #d9def5; font-size: 12px; font-weight: 650; } body.ddsuite-module-shopfront .dd-sv-fields input,body.ddsuite-module-shopfront .dd-sv-revision-fields input,body.ddsuite-module-shopfront .dd-sv-revision-fields select{ width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid var(--dd-sv-border); border-radius: 12px; outline: none; color: #fff; background: rgba(0,0,0,.2); transition: .2s; } body.ddsuite-module-shopfront .dd-sv-fields input::placeholder,body.ddsuite-module-shopfront .dd-sv-revision-fields input::placeholder{ color: #8189a8; } body.ddsuite-module-shopfront .dd-sv-fields input:focus,body.ddsuite-module-shopfront .dd-sv-revision-fields input:focus,body.ddsuite-module-shopfront .dd-sv-revision-fields select:focus{ border-color: var(--dd-sv-accent); box-shadow: 0 0 0 3px rgba(124,156,255,.17); } body.ddsuite-module-shopfront .dd-sv-fields--single{ margin-top: 13px; } body.ddsuite-module-shopfront .dd-sv-finish{ min-height: 104px; align-content: start; gap: 7px; padding: 18px; } body.ddsuite-module-shopfront .dd-sv-finish small{ color: var(--dd-sv-muted); font-size: 12px; line-height: 1.35; } body.ddsuite-module-shopfront .dd-sv-toggle{ display: flex !important; align-items: center; gap: 12px; margin-top: 21px; cursor: pointer; color: #fff !important; } body.ddsuite-module-shopfront .dd-sv-toggle input{ position: absolute; opacity: 0; } body.ddsuite-module-shopfront .dd-sv-switch{ position: relative; flex: 0 0 43px; width: 43px; height: 25px; border: 1px solid rgba(255,255,255,.15); border-radius: 99px; background: rgba(0,0,0,.35); transition: .2s; } body.ddsuite-module-shopfront .dd-sv-switch::after{ position: absolute; top: 3px; left: 3px; width: 17px; height: 17px; border-radius: 50%; content: ""; background: #dce3ff; transition: .2s; } body.ddsuite-module-shopfront .dd-sv-toggle input:checked + .dd-sv-switch{ border-color: var(--dd-sv-accent); background: var(--dd-sv-accent); } body.ddsuite-module-shopfront .dd-sv-toggle input:checked + .dd-sv-switch::after{ transform: translateX(18px); background: #fff; } body.ddsuite-module-shopfront .dd-sv-toggle strong{ display: block; font-size: 14px; } body.ddsuite-module-shopfront .dd-sv-toggle small{ display: block; margin-top: 2px; color: var(--dd-sv-muted); font-size: 12px; font-weight: 400; } body.ddsuite-module-shopfront .dd-sv-consent{ display: flex; gap: 9px; margin-top: 24px; color: var(--dd-sv-muted); font-size: 12px; line-height: 1.5; cursor: pointer; } body.ddsuite-module-shopfront .dd-sv-consent input{ width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--dd-sv-accent); } body.ddsuite-module-shopfront .dd-sv-consent a{ color: #c3ceff; text-decoration: underline; } body.ddsuite-module-shopfront .dd-sv-primary-button,body.ddsuite-module-shopfront .dd-sv-secondary-button{ display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 53px; border: 1px solid transparent; border-radius: 999px; cursor: pointer; color: #fff !important; background: linear-gradient(105deg, #617fea, #9d73ed 55%, #eb63bf); box-shadow: 0 12px 28px rgba(86,103,226,.25); font-weight: 750; font-size: 14px; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease; } body.ddsuite-module-shopfront .dd-sv-primary-button{ width: 100%; margin-top: 28px; padding: 0 23px; } body.ddsuite-module-shopfront .dd-sv-primary-button i{ font-style: normal; font-size: 20px; font-weight: 400; } body.ddsuite-module-shopfront .dd-sv-primary-button:hover,body.ddsuite-module-shopfront .dd-sv-secondary-button:hover{ color: #fff; transform: translateY(-2px); box-shadow: 0 17px 35px rgba(85, 101, 226, .35); } body.ddsuite-module-shopfront .dd-sv-primary-button:disabled,body.ddsuite-module-shopfront .dd-sv-secondary-button:disabled{ cursor: wait; opacity: .64; transform: none; } body.ddsuite-module-shopfront .dd-sv-fineprint{ margin-top: 13px !important; color: #9da4c1; font-size: 11px; text-align: center; } body.ddsuite-module-shopfront .dd-sv-form-error{ margin: 18px 0 -4px; padding: 11px 13px; border: 1px solid rgba(255,108,157,.45); border-radius: 10px; color: #ffd3e1; background: rgba(215, 49, 105, .14); font-size: 13px; line-height: 1.45; } body.ddsuite-module-shopfront .dd-sv-modal{ position: fixed; z-index: 999999; inset: 0; display: grid; place-items: center; padding: 20px; opacity: 0; pointer-events: none; background: rgba(3,5,14,.73); backdrop-filter: blur(13px); transition: opacity .2s; } body.ddsuite-module-shopfront .dd-sv-modal[aria-hidden="false"]{ opacity: 1; pointer-events: auto; } body.ddsuite-module-shopfront .dd-sv-modal-card{ position: relative; width: min(100%, 525px); max-height: min(720px, 92vh); overflow: auto; padding: clamp(27px, 5vw, 42px); border: 1px solid rgba(255,255,255,.18); border-radius: 27px; background: #111527; box-shadow: 0 30px 90px rgba(0,0,0,.55); } body.ddsuite-module-shopfront .dd-sv-modal-card h2{ margin: 12px 0 9px; color: #fff; font-size: 28px; letter-spacing: -.04em; } body.ddsuite-module-shopfront .dd-sv-modal-card > p:not(.dd-sv-eyebrow){ color: var(--dd-sv-muted); font-size: 14px; } body.ddsuite-module-shopfront .dd-sv-close{ position: absolute; top: 14px; right: 16px; display: grid; width: 33px; height: 33px; place-items: center; border: 0; border-radius: 50%; cursor: pointer; color: #dce0f7; background: rgba(255,255,255,.08); font-size: 24px; line-height: 1; } body.ddsuite-module-shopfront #dd-sv-payment-element{ min-height: 120px; margin-top: 25px; } body.ddsuite-module-shopfront #dd-sv-payment-error{ min-height: 0; margin: 13px 0 -10px; padding: 0; border: 0; background: transparent; color: #ff9ab9; } body.ddsuite-module-shopfront .dd-sv-modal-open{ overflow: hidden; } body.ddsuite-module-shopfront .dd-sv-loader{ position: fixed; z-index: 1000000; inset: 0; display: grid; place-items: center; align-content: center; gap: 24px; opacity: 0; pointer-events: none; background: rgba(5,7,19,.91); transition: opacity .25s ease; } body.ddsuite-module-shopfront .dd-sv-loader[aria-hidden="false"]{ opacity: 1; pointer-events: auto; } body.ddsuite-module-shopfront .dd-sv-loader-sphere{ width: min(30vw, 165px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 29%, #ecdcff, #b676ff 19%, #4974fb 42%, #0a153b 74%); box-shadow: 0 0 35px rgba(121,100,255,.8), 0 0 110px rgba(244,93,202,.3); animation: ddsuite-shopfront-dd-sv-pulse 2.1s cubic-bezier(.37,0,.63,1) infinite; } body.ddsuite-module-shopfront .dd-sv-loader p{ max-width: 310px; color: #e6e9ff; font-size: 16px; text-align: center; } @keyframes ddsuite-shopfront-dd-sv-pulse { 0%,100% { transform: scale(.9); filter: hue-rotate(0); } 50% { transform: scale(1.07); filter: hue-rotate(32deg); } } body.ddsuite-module-shopfront .dd-sv-results .dd-sv-shell{ width: min(100%, 1140px); } body.ddsuite-module-shopfront .dd-sv-results > .dd-sv-shell > .dd-sv-eyebrow,body.ddsuite-module-shopfront .dd-sv-results h1{ text-align: center; } body.ddsuite-module-shopfront .dd-sv-results-meta{ display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin: 0 auto 33px; color: #bec5e0; font-size: 13px; } body.ddsuite-module-shopfront .dd-sv-results-meta span{ padding: 7px 11px; border: 1px solid var(--dd-sv-border); border-radius: 999px; background: rgba(255,255,255,.06); } body.ddsuite-module-shopfront .dd-sv-results-meta b{ color: #fff; } body.ddsuite-module-shopfront .dd-sv-start-card{ max-width: 690px; margin: 0 auto; text-align: center; } body.ddsuite-module-shopfront .dd-sv-start-card h2,body.ddsuite-module-shopfront .dd-sv-revision-card h2,body.ddsuite-module-shopfront .dd-sv-upgrade h2{ color: #fff; font-size: clamp(25px, 3vw, 37px); letter-spacing: -.052em; } body.ddsuite-module-shopfront .dd-sv-start-card p,body.ddsuite-module-shopfront .dd-sv-revision-card p,body.ddsuite-module-shopfront .dd-sv-upgrade p{ margin-top: 10px; color: var(--dd-sv-muted); line-height: 1.55; } body.ddsuite-module-shopfront .dd-sv-results-gallery{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 19px; margin-bottom: 25px; } body.ddsuite-module-shopfront .dd-sv-results-gallery figure{ overflow: hidden; border: 1px solid var(--dd-sv-border); border-radius: 20px; background: rgba(0,0,0,.18); } body.ddsuite-module-shopfront .dd-sv-results-gallery img{ display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } body.ddsuite-module-shopfront .dd-sv-results-gallery figcaption{ padding: 12px 14px; color: #9da6c9; font-size: 11px; } body.ddsuite-module-shopfront .dd-sv-revision-card{ display: grid; grid-template-columns: .9fr 1.2fr; gap: 36px; align-items: center; margin-top: 26px; } body.ddsuite-module-shopfront .dd-sv-revision-fields{ display: grid; gap: 11px; } body.ddsuite-module-shopfront .dd-sv-revision-fields select{ appearance: auto; } body.ddsuite-module-shopfront .dd-sv-revision-fields .dd-sv-toggle{ margin: 2px 0; } body.ddsuite-module-shopfront .dd-sv-secondary-button{ min-height: 47px; padding: 0 18px; background: rgba(255,255,255,.09); border-color: var(--dd-sv-border); box-shadow: none; } body.ddsuite-module-shopfront .dd-sv-upgrade{ margin-top: 26px; text-align: center; background: linear-gradient(135deg, rgba(105,118,255,.20), rgba(235,100,188,.12)); } body.ddsuite-module-shopfront .dd-sv-upgrade .dd-sv-primary-button{ width: auto; min-width: 264px; } body.ddsuite-module-shopfront .dd-sv-empty{ max-width: 650px; text-align: center; } body.ddsuite-module-shopfront .dd-sv-empty h1{ color: #fff; font-size: 42px; letter-spacing: -.05em; } body.ddsuite-module-shopfront .dd-sv-empty p{ margin-top: 12px; color: var(--dd-sv-muted); } body.ddsuite-module-shopfront .dd-sv-admin-warning{ margin: 25px auto; padding: 20px; max-width: 900px; border-left: 4px solid #d63638; background: #fff; color: #1d2327; } @media (max-width: 680px) { body.ddsuite-module-shopfront .dd-sv-app{ padding-inline: 14px; } body.ddsuite-module-shopfront .dd-sv-builder,body.ddsuite-module-shopfront .dd-sv-start-card,body.ddsuite-module-shopfront .dd-sv-revision-card,body.ddsuite-module-shopfront .dd-sv-upgrade{ border-radius: 20px; } body.ddsuite-module-shopfront .dd-sv-plan-grid,body.ddsuite-module-shopfront .dd-sv-finish-grid,body.ddsuite-module-shopfront .dd-sv-fields--two,body.ddsuite-module-shopfront .dd-sv-results-gallery,body.ddsuite-module-shopfront .dd-sv-revision-card{ grid-template-columns: 1fr; } body.ddsuite-module-shopfront .dd-sv-plan{ padding: 16px; } body.ddsuite-module-shopfront .dd-sv-finish{ min-height: 88px; } body.ddsuite-module-shopfront .dd-sv-loader-sphere{ width: 125px; } body.ddsuite-module-shopfront .dd-sv-upgrade .dd-sv-primary-button{ width: 100%; min-width: 0; } } @media (prefers-reduced-motion: reduce) { body.ddsuite-module-shopfront .dd-sv-app *,body.ddsuite-module-shopfront .dd-sv-app *::before,body.ddsuite-module-shopfront .dd-sv-app *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } } /* ===== AI Audit 2.4.0 ===== */ body.ddsuite-module-ai-audit .ddaa-float,body.ddsuite-module-ai-audit .ddaa-dashboard{--ddaa-ink:#16111d;--ddaa-pink:#ff176f;--ddaa-purple:#6321d2;--ddaa-line:rgba(22,17,29,.13);font-family:inherit;color:var(--ddaa-ink)}body.ddsuite-module-ai-audit .ddaa-float__button{position:fixed;z-index:99990;right:24px;bottom:24px;display:flex;gap:8px;align-items:center;padding:14px 19px;border:0;border-radius:999px;background:linear-gradient(105deg,#6321d2,#ff176f);box-shadow:0 15px 35px rgba(57,14,99,.28);color:#fff;font:800 14px/1 inherit;cursor:pointer;transition:transform .18s ease}body.ddsuite-module-ai-audit .ddaa-float__button:hover{transform:translateY(-3px)}body.ddsuite-module-ai-audit .ddaa-modal[hidden]{display:none}body.ddsuite-module-ai-audit .ddaa-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:18px}body.ddsuite-module-ai-audit .ddaa-modal__veil{position:absolute;inset:0;background:rgba(15,8,24,.61);backdrop-filter:blur(5px)}body.ddsuite-module-ai-audit .ddaa-modal__card{position:relative;width:min(100%,510px);padding:36px;border-radius:26px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3)}body.ddsuite-module-ai-audit .ddaa-modal__close{position:absolute;top:13px;right:16px;width:32px;height:32px;border:0;border-radius:50%;background:#f0ecf4;font-size:22px;cursor:pointer}body.ddsuite-module-ai-audit .ddaa-label{margin:0 0 8px!important;color:#8721d6!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important}body.ddsuite-module-ai-audit .ddaa-modal h2,body.ddsuite-module-ai-audit .ddaa-dashboard h2{margin:0 0 12px!important;color:var(--ddaa-ink)!important;line-height:1.1!important}body.ddsuite-module-ai-audit .ddaa-modal p,body.ddsuite-module-ai-audit .ddaa-dashboard p{color:#6f6576;line-height:1.6}body.ddsuite-module-ai-audit .ddaa-modal__choices{display:grid;gap:11px;margin-top:22px}body.ddsuite-module-ai-audit .ddaa-choice{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--ddaa-line);border-radius:15px;color:var(--ddaa-ink)!important;text-decoration:none!important;transition:transform .16s ease,border .16s ease}body.ddsuite-module-ai-audit .ddaa-choice:hover{transform:translateY(-2px);border-color:#9223d9}body.ddsuite-module-ai-audit .ddaa-choice strong{font-size:15px}body.ddsuite-module-ai-audit .ddaa-choice span{color:#776d7e;font-size:13px}body.ddsuite-module-ai-audit .ddaa-choice--primary{border:0;background:linear-gradient(105deg,#6321d2,#ff176f);color:#fff!important}body.ddsuite-module-ai-audit .ddaa-choice--primary span{color:rgba(255,255,255,.84)}body.ddsuite-module-ai-audit .ddaa-choice--credits{background:#f5ecff;border-color:#b77aff}body.ddsuite-module-ai-audit .ddaa-dashboard{max-width:1100px;margin:32px auto;padding:clamp(24px,5vw,52px);border:1px solid var(--ddaa-line);border-radius:28px;background:radial-gradient(circle at 90% 5%,rgba(255,23,111,.10),transparent 29%),radial-gradient(circle at 4% 4%,rgba(99,33,210,.11),transparent 25%),#fff;box-shadow:0 17px 48px rgba(34,20,49,.13)}body.ddsuite-module-ai-audit .ddaa-dashboard header{display:flex;justify-content:space-between;gap:30px}body.ddsuite-module-ai-audit .ddaa-dashboard header>div{max-width:700px}body.ddsuite-module-ai-audit .ddaa-dashboard aside{display:grid;place-content:center;gap:4px;min-width:132px;padding:15px;border-radius:18px;background:#201137;color:#fff;text-align:center}body.ddsuite-module-ai-audit .ddaa-dashboard aside span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}body.ddsuite-module-ai-audit .ddaa-dashboard aside strong{font-size:35px;line-height:1}body.ddsuite-module-ai-audit .ddaa-empty{margin:24px 0;padding:17px;border-left:4px solid var(--ddaa-pink);border-radius:0 13px 13px 0;background:#fff1f6}body.ddsuite-module-ai-audit .ddaa-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}body.ddsuite-module-ai-audit .ddaa-types button{display:grid;gap:8px;min-height:142px;padding:18px;border:1px solid var(--ddaa-line);border-radius:17px;background:#fff;color:var(--ddaa-ink);text-align:left;cursor:pointer}body.ddsuite-module-ai-audit .ddaa-types button.is-selected,body.ddsuite-module-ai-audit .ddaa-types button:hover{border-color:#8624d3;box-shadow:0 12px 25px rgba(99,33,210,.11)}body.ddsuite-module-ai-audit .ddaa-types b{color:#9326d8;font-size:12px}body.ddsuite-module-ai-audit .ddaa-types span{color:#776d7e;font-size:13px}body.ddsuite-module-ai-audit .ddaa-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}body.ddsuite-module-ai-audit .ddaa-inputs label{display:grid;gap:7px;font-size:13px;font-weight:800}body.ddsuite-module-ai-audit .ddaa-inputs input{height:50px;padding:0 14px;border:1px solid var(--ddaa-line);border-radius:10px;font:inherit}body.ddsuite-module-ai-audit .ddaa-action{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 19px;border:0;border-radius:999px;background:linear-gradient(105deg,#6321d2,#ff176f);color:#fff!important;font:800 14px/1 inherit;text-decoration:none!important;cursor:pointer}body.ddsuite-module-ai-audit .ddaa-dashboard form>.ddaa-action{width:100%}body.ddsuite-module-ai-audit .ddaa-action:disabled{opacity:.55;cursor:not-allowed}body.ddsuite-module-ai-audit .ddaa-output{margin-top:30px;padding-top:28px;border-top:1px solid var(--ddaa-line)}body.ddsuite-module-ai-audit .ddaa-loading{color:#746879}body.ddsuite-module-ai-audit .ddaa-loading:before{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid #d6cce4;border-top-color:#7924c6;border-radius:50%;content:"";animation:ddsuite-ai-audit-ddaa-rotate .8s linear infinite}@keyframes ddsuite-ai-audit-ddaa-rotate{to{transform:rotate(360deg)}}body.ddsuite-module-ai-audit .ddaa-report__top{display:flex;justify-content:space-between;gap:20px}body.ddsuite-module-ai-audit .ddaa-score{display:grid;place-content:center;flex:0 0 86px;width:86px;height:86px;border-radius:50%;background:#f2e9fa;color:#6920bb;text-align:center}body.ddsuite-module-ai-audit .ddaa-score strong{font-size:26px}body.ddsuite-module-ai-audit .ddaa-report__grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:22px 0}body.ddsuite-module-ai-audit .ddaa-card{padding:18px;border-radius:15px;background:#faf8fc}body.ddsuite-module-ai-audit .ddaa-card h4,body.ddsuite-module-ai-audit .ddaa-output h3{margin:0 0 9px}body.ddsuite-module-ai-audit .ddaa-card ul{margin:0;padding-left:18px}body.ddsuite-module-ai-audit .ddaa-card li{margin:0 0 7px;color:#504456}body.ddsuite-module-ai-audit .ddaa-finding{padding:16px;border:1px solid var(--ddaa-line);border-radius:14px;margin:10px 0}body.ddsuite-module-ai-audit .ddaa-finding h4{margin:0}body.ddsuite-module-ai-audit .ddaa-finding p{margin:7px 0}body.ddsuite-module-ai-audit .ddaa-error{padding:15px;border-radius:12px;background:#fff0f3;color:#ac1947}@media(max-width:767px){body.ddsuite-module-ai-audit .ddaa-float__button{right:14px;bottom:14px}body.ddsuite-module-ai-audit .ddaa-modal{align-items:end;padding:0}body.ddsuite-module-ai-audit .ddaa-modal__card{width:100%;padding:34px 22px calc(28px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}body.ddsuite-module-ai-audit .ddaa-dashboard{margin:18px 12px;padding:23px 18px;border-radius:20px}body.ddsuite-module-ai-audit .ddaa-dashboard header,body.ddsuite-module-ai-audit .ddaa-report__top{display:grid}body.ddsuite-module-ai-audit .ddaa-dashboard aside{width:100%;box-sizing:border-box}body.ddsuite-module-ai-audit .ddaa-types,body.ddsuite-module-ai-audit .ddaa-inputs,body.ddsuite-module-ai-audit .ddaa-report__grid{grid-template-columns:1fr}body.ddsuite-module-ai-audit .ddaa-types button{min-height:0}} body.ddsuite-module-ai-audit .ddaa-teaser-form{display:grid;gap:9px;margin:22px 0 14px}body.ddsuite-module-ai-audit .ddaa-teaser-form label{font-size:13px;font-weight:800}body.ddsuite-module-ai-audit .ddaa-teaser-form input{width:100%;height:51px;box-sizing:border-box;padding:0 14px;border:1px solid rgba(22,17,29,.17);border-radius:11px;font:inherit}body.ddsuite-module-ai-audit .ddaa-teaser-form input:focus{border-color:#7b23cb;outline:3px solid rgba(123,35,203,.15)}body.ddsuite-module-ai-audit .ddaa-teaser-form .ddaa-action{margin-top:3px;width:100%}body.ddsuite-module-ai-audit .ddaa-teaser-error{margin:0!important;color:#b01343!important;font-size:12px!important}body.ddsuite-module-ai-audit .ddaa-benefits{display:grid;gap:7px;margin:20px 0;padding:15px 0 0;border-top:1px solid rgba(22,17,29,.12);list-style:none}body.ddsuite-module-ai-audit .ddaa-benefits li{position:relative;padding-left:22px;color:#5b5161;font-size:13px}body.ddsuite-module-ai-audit .ddaa-benefits li:before{position:absolute;left:0;color:#8721d6;content:"✓";font-weight:900}body.ddsuite-module-ai-audit .ddaa-teaser-links{display:flex;gap:14px;flex-wrap:wrap}body.ddsuite-module-ai-audit .ddaa-teaser-links a{color:#7020bd!important;font-size:13px;font-weight:800;text-decoration:underline!important}@media(max-width:767px){body.ddsuite-module-ai-audit .ddaa-teaser-links{display:grid;gap:8px}} body.ddsuite-module-ai-audit.ddaa-audit-page #sidebar,body.ddsuite-module-ai-audit.ddaa-audit-page .sidebar,body.ddsuite-module-ai-audit.ddaa-audit-page .widget-area,body.ddsuite-module-ai-audit.ddaa-audit-page .et_pb_sidebar,body.ddsuite-module-ai-audit.ddaa-audit-page .et_pb_widget_area{display:none!important}body.ddsuite-module-ai-audit.ddaa-audit-page #main-content .container,body.ddsuite-module-ai-audit.ddaa-audit-page #main-content .et_pb_row,body.ddsuite-module-ai-audit.ddaa-audit-page #left-area{width:100%!important;max-width:none!important;padding-right:0!important;padding-left:0!important}body.ddsuite-module-ai-audit.ddaa-audit-page #main-content,body.ddsuite-module-ai-audit.ddaa-audit-page .entry-content{background:#f7f5fa!important}body.ddsuite-module-ai-audit .ddaa-preview-shell{--ddaa-ink:#16111d;--ddaa-violet:#6821d0;--ddaa-rose:#fd2378;width:min(1240px,100%);box-sizing:border-box;margin:0 auto;padding:clamp(28px,6vw,80px) clamp(18px,5vw,64px);color:var(--ddaa-ink);font-family:inherit}body.ddsuite-module-ai-audit .ddaa-preview-hero,body.ddsuite-module-ai-audit .ddaa-preview-result-head{max-width:820px;margin:0 auto 36px;text-align:center}body.ddsuite-module-ai-audit .ddaa-preview-hero h1,body.ddsuite-module-ai-audit .ddaa-preview-result-head h2{margin:0 0 13px!important;font-size:clamp(34px,5.4vw,70px)!important;line-height:.99!important;letter-spacing:-.055em!important}body.ddsuite-module-ai-audit .ddaa-preview-result-head h2{font-size:clamp(31px,4.3vw,59px)!important}body.ddsuite-module-ai-audit .ddaa-preview-hero h1 span,body.ddsuite-module-ai-audit .ddaa-preview-result-head h2 span{color:var(--ddaa-violet)}body.ddsuite-module-ai-audit .ddaa-preview-hero>p,body.ddsuite-module-ai-audit .ddaa-preview-result-head>p{max-width:620px;margin:0 auto 22px;color:#6a5f73;line-height:1.65}body.ddsuite-module-ai-audit .ddaa-preview-search{display:flex;gap:9px;max-width:640px;margin:0 auto;padding:8px;border:1px solid rgba(22,17,29,.13);border-radius:15px;background:#fff;box-shadow:0 14px 36px rgba(31,17,45,.08)}body.ddsuite-module-ai-audit .ddaa-preview-search input{flex:1;min-width:0;border:0;padding:0 10px;font:inherit;outline:0}body.ddsuite-module-ai-audit .ddaa-preview-error{margin:9px 0 0!important;color:#ae1948!important;font-size:13px}body.ddsuite-module-ai-audit .ddaa-scan{max-width:760px;margin:80px auto;padding:55px 42px;border:1px solid rgba(22,17,29,.1);border-radius:28px;background:#fff;box-shadow:0 20px 50px rgba(31,17,45,.09);text-align:center}body.ddsuite-module-ai-audit .ddaa-scan__orb{display:grid;place-items:center;width:75px;height:75px;margin:0 auto 20px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fa89bd,#8e35ed 55%,#27123e);box-shadow:0 0 0 10px rgba(104,33,208,.08),0 12px 28px rgba(81,23,156,.24);color:#fff;font-size:30px;animation:ddsuite-ai-audit-ddaa-pulse 1.8s ease-in-out infinite}body.ddsuite-module-ai-audit .ddaa-scan h2{margin:0 0 11px!important;font-size:clamp(28px,4vw,47px)!important;letter-spacing:-.045em!important}body.ddsuite-module-ai-audit .ddaa-scan h2 span{color:#7022bf}body.ddsuite-module-ai-audit .ddaa-scan>p:not(.ddaa-label){min-height:27px;margin:0 0 21px;color:#655a6d;font-size:17px}body.ddsuite-module-ai-audit .ddaa-progress{height:10px;overflow:hidden;border-radius:999px;background:#ece8f0}body.ddsuite-module-ai-audit .ddaa-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6321d2,#ff176f);transition:width .3s linear}body.ddsuite-module-ai-audit .ddaa-scan small{display:block;margin-top:13px;color:#918798}body.ddsuite-module-ai-audit .ddaa-scorecards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:27px}body.ddsuite-module-ai-audit .ddaa-scorecards article{display:grid;gap:5px;padding:20px;border:1px solid rgba(22,17,29,.1);border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(31,17,45,.06)}body.ddsuite-module-ai-audit .ddaa-scorecards span{color:#776b7e;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}body.ddsuite-module-ai-audit .ddaa-scorecards strong{font-size:38px;line-height:1;color:#7022bf}body.ddsuite-module-ai-audit .ddaa-scorecards small{color:#867a8d}body.ddsuite-module-ai-audit .ddaa-preview-report{position:relative;min-height:470px;border:1px solid rgba(22,17,29,.1);border-radius:26px;background:#fff;overflow:hidden}body.ddsuite-module-ai-audit .ddaa-preview-blur{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:35px;filter:blur(7px);user-select:none;pointer-events:none}body.ddsuite-module-ai-audit .ddaa-preview-blur article{padding:22px;border-radius:15px;background:#faf8fc}body.ddsuite-module-ai-audit .ddaa-preview-blur h3{margin:0 0 9px!important;color:#2a1f30!important}body.ddsuite-module-ai-audit .ddaa-preview-blur p:last-child{margin:0;color:#776b7e;line-height:1.65}body.ddsuite-module-ai-audit .ddaa-unlock{position:absolute;z-index:2;top:50%;left:50%;width:min(90%,640px);transform:translate(-50%,-50%);padding:25px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:rgba(30,17,48,.94);box-shadow:0 20px 50px rgba(25,8,40,.35);color:#fff;text-align:center}body.ddsuite-module-ai-audit .ddaa-unlock p{margin:0 0 6px;font-size:clamp(17px,2.4vw,24px);font-weight:800;line-height:1.2}body.ddsuite-module-ai-audit .ddaa-unlock>span{display:block;margin-bottom:15px;color:rgba(255,255,255,.78);font-size:13px}body.ddsuite-module-ai-audit .ddaa-unlock div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}body.ddsuite-module-ai-audit .ddaa-action--light{background:#fff!important;color:#542198!important}body.ddsuite-module-ai-audit .ddaa-sample-pdf{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:17px;padding:15px;border:1px dashed rgba(22,17,29,.2);border-radius:13px;background:#efedf1;color:#8a8090;font:800 14px/1 inherit;cursor:not-allowed}body.ddsuite-module-ai-audit .ddaa-sample-pdf span{font-weight:500}@keyframes ddsuite-ai-audit-ddaa-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 17px rgba(104,33,208,.03),0 16px 38px rgba(81,23,156,.28)}}@media(max-width:767px){body.ddsuite-module-ai-audit .ddaa-preview-search,body.ddsuite-module-ai-audit .ddaa-unlock div{display:grid}body.ddsuite-module-ai-audit .ddaa-preview-search .ddaa-action{width:100%}body.ddsuite-module-ai-audit .ddaa-scorecards,body.ddsuite-module-ai-audit .ddaa-preview-blur{grid-template-columns:1fr 1fr}body.ddsuite-module-ai-audit .ddaa-preview-blur{padding:18px;gap:11px}body.ddsuite-module-ai-audit .ddaa-preview-blur article{padding:15px}body.ddsuite-module-ai-audit .ddaa-sample-pdf{display:grid;line-height:1.4}body.ddsuite-module-ai-audit .ddaa-scan{margin:30px auto;padding:39px 22px}} body.ddsuite-module-ai-audit .ddaa-float,body.ddsuite-module-ai-audit .ddaa-dashboard,body.ddsuite-module-ai-audit .ddaa-preview-shell{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif!important}body.ddsuite-module-ai-audit .ddaa-float__button{border:1px solid rgba(255,255,255,.4)!important;background:linear-gradient(120deg,rgba(100,37,210,.96),rgba(255,38,124,.95))!important;box-shadow:0 20px 40px -15px rgba(44,13,83,.34),inset 0 1px 0 rgba(255,255,255,.38)!important;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)!important}body.ddsuite-module-ai-audit .ddaa-float__button:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 28px 50px -15px rgba(44,13,83,.4),inset 0 1px 0 rgba(255,255,255,.44)!important}body.ddsuite-module-ai-audit .ddaa-modal__veil{background:rgba(23,17,33,.32)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}body.ddsuite-module-ai-audit .ddaa-modal__card,body.ddsuite-module-ai-audit .ddaa-dashboard,body.ddsuite-module-ai-audit .ddaa-preview-search,body.ddsuite-module-ai-audit .ddaa-scan,body.ddsuite-module-ai-audit .ddaa-scorecards article,body.ddsuite-module-ai-audit .ddaa-preview-report,body.ddsuite-module-ai-audit .ddaa-card,body.ddsuite-module-ai-audit .ddaa-finding{border:1px solid rgba(255,255,255,.4)!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 20px 40px -15px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.72)!important}body.ddsuite-module-ai-audit .ddaa-modal__card{border-radius:28px!important;animation:ddsuite-ai-audit-ddaa-pop .55s cubic-bezier(.16,1,.3,1)}body.ddsuite-module-ai-audit .ddaa-dashboard{border-radius:28px!important}body.ddsuite-module-ai-audit .ddaa-choice,body.ddsuite-module-ai-audit .ddaa-types button,body.ddsuite-module-ai-audit .ddaa-inputs input,body.ddsuite-module-ai-audit .ddaa-teaser-form input{border-color:rgba(255,255,255,.44)!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s cubic-bezier(.16,1,.3,1)!important}body.ddsuite-module-ai-audit .ddaa-choice:hover,body.ddsuite-module-ai-audit .ddaa-types button:hover{transform:translateY(-3px)!important;box-shadow:0 20px 34px -19px rgba(62,20,107,.28)!important}body.ddsuite-module-ai-audit .ddaa-action{border-radius:20px!important;box-shadow:0 14px 27px -14px rgba(102,30,189,.58),inset 0 1px 0 rgba(255,255,255,.35)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s cubic-bezier(.16,1,.3,1)!important}body.ddsuite-module-ai-audit .ddaa-action:hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.04)}@keyframes ddsuite-ai-audit-ddaa-pop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}} /* ===== Campaign Landing 1.0.0 ===== */ /* All styles are intentionally contained within .dd-glass-landing. */ body.ddsuite-module-campaign-landing .dd-glass-landing{ --dd-bg: #09090b; --dd-panel: rgba(255, 255, 255, 0.04); --dd-panel-strong: rgba(255, 255, 255, 0.07); --dd-border: rgba(255, 255, 255, 0.12); --dd-text: #fafafa; --dd-muted: #b8bac5; --dd-cyan: #3cf7ff; --dd-blue: #4f7cff; --dd-magenta: #f24fd0; --dd-shadow: 0 24px 80px rgba(0, 0, 0, 0.38); isolation: isolate; position: relative; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 100%; margin: clamp(1.5rem, 4vw, 4rem) auto; padding: clamp(3.5rem, 8vw, 8rem) clamp(1rem, 4vw, 3rem); border-radius: clamp(1.25rem, 3vw, 2rem); background: var(--dd-bg); color: var(--dd-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.5; } body.ddsuite-module-campaign-landing .dd-glass-landing *,body.ddsuite-module-campaign-landing .dd-glass-landing *::before,body.ddsuite-module-campaign-landing .dd-glass-landing *::after{ box-sizing: border-box; } body.ddsuite-module-campaign-landing .dd-glass-landing::before,body.ddsuite-module-campaign-landing .dd-glass-landing::after{ content: ""; position: absolute; z-index: -1; width: clamp(18rem, 38vw, 44rem); height: clamp(18rem, 38vw, 44rem); border-radius: 50%; filter: blur(clamp(54px, 9vw, 150px)); opacity: 0.45; pointer-events: none; } body.ddsuite-module-campaign-landing .dd-glass-landing::before{ top: -15%; left: -12%; background: var(--dd-cyan); animation: ddsuite-campaign-landing-dd-glass-drift-one 17s ease-in-out infinite alternate; } body.ddsuite-module-campaign-landing .dd-glass-landing::after{ right: -14%; bottom: -20%; background: var(--dd-magenta); animation: ddsuite-campaign-landing-dd-glass-drift-two 21s ease-in-out infinite alternate; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-orb{ position: absolute; z-index: -1; top: 31%; right: 17%; width: clamp(13rem, 27vw, 30rem); height: clamp(13rem, 27vw, 30rem); border-radius: 50%; background: var(--dd-blue); filter: blur(clamp(46px, 8vw, 130px)); opacity: 0.38; pointer-events: none; animation: ddsuite-campaign-landing-dd-glass-drift-three 19s ease-in-out infinite alternate; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-wrap{ position: relative; width: min(100%, 1440px); margin: 0 auto; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-hero{ max-width: 62rem; margin: 0 auto clamp(2.5rem, 6vw, 5rem); text-align: center; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-badge{ display: inline-flex; align-items: center; gap: 0.5rem; margin: 0 0 1.25rem; padding: 0.58rem 1rem; border: 1px solid rgba(60, 247, 255, 0.36); border-radius: 999px; background: rgba(60, 247, 255, 0.09); box-shadow: 0 0 32px rgba(60, 247, 255, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.15); color: #d9fcff; font-size: clamp(0.72rem, 1vw, 0.88rem); font-weight: 800; letter-spacing: 0.09em; line-height: 1.2; text-transform: uppercase; animation: ddsuite-campaign-landing-dd-glass-pulse 2.8s ease-in-out infinite; } body.ddsuite-module-campaign-landing .dd-glass-landing h2.dd-glass-title{ max-width: 18ch; margin: 0 auto; background: linear-gradient(115deg, #ffffff 10%, #d4fbff 43%, #cdbdff 76%, #ffffff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: clamp(2.35rem, 7.2vw, 6.7rem); font-weight: 800; letter-spacing: -0.065em; line-height: 0.98; text-wrap: balance; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-intro{ max-width: 46rem; margin: clamp(1.25rem, 2.8vw, 2rem) auto 0; color: var(--dd-muted); font-size: clamp(1rem, 1.65vw, 1.3rem); font-weight: 400; line-height: 1.65; text-wrap: balance; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-video{ position: relative; width: min(100%, 1060px); aspect-ratio: 16 / 9; margin: 0 auto clamp(3rem, 6vw, 6rem); padding: 1px; border-radius: clamp(1rem, 2.2vw, 1.5rem); background: linear-gradient(135deg, rgba(60, 247, 255, 0.74), rgba(255, 255, 255, 0.15) 38%, rgba(242, 79, 208, 0.7)); box-shadow: 0 22px 70px rgba(0, 0, 0, 0.45), 0 0 45px rgba(79, 124, 255, 0.18); } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-video-inner{ width: 100%; height: 100%; overflow: hidden; border-radius: inherit; background: #09090b; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-video iframe{ display: block; width: 100%; height: 100%; border: 0; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-card,body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta{ border: 1px solid var(--dd-border); background: var(--dd-panel); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), var(--dd-shadow); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-card{ display: flex; flex-direction: column; align-items: flex-start; min-height: 100%; padding: clamp(1.4rem, 3.25vw, 2.35rem); border-radius: 20px; transition: transform 240ms ease, border-color 240ms ease, background-color 240ms ease, box-shadow 240ms ease; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-card:hover{ transform: translateY(-8px); border-color: rgba(255, 255, 255, 0.28); background: var(--dd-panel-strong); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 28px 72px rgba(0, 0, 0, 0.4), 0 0 30px rgba(60, 247, 255, 0.08); } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-card-title{ margin: 0; color: var(--dd-text); font-size: clamp(1.35rem, 2.25vw, 2rem); font-weight: 750; letter-spacing: -0.04em; line-height: 1.1; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-card-subtitle{ margin: 0.75rem 0 0; color: var(--dd-cyan); font-size: 0.86rem; font-weight: 750; letter-spacing: 0.07em; line-height: 1.35; text-transform: uppercase; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-card-copy{ margin: 1.1rem 0 1.65rem; color: var(--dd-muted); font-size: clamp(0.96rem, 1.3vw, 1.08rem); line-height: 1.65; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-button{ display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; width: auto; min-height: 3rem; margin-top: auto; padding: 0.82rem 1.12rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0.78rem; background: linear-gradient(135deg, rgba(60, 247, 255, 0.2), rgba(79, 124, 255, 0.35) 55%, rgba(242, 79, 208, 0.24)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 25px rgba(0, 0, 0, 0.25); color: #fff; font-size: 0.94rem; font-weight: 750; line-height: 1.2; text-align: center; text-decoration: none; transition: transform 200ms ease, box-shadow 200ms ease, filter 200ms ease; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-button:hover{ transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 13px 30px rgba(0, 0, 0, 0.35), 0 0 28px rgba(60, 247, 255, 0.19); color: #fff; filter: brightness(1.08); } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-button:focus-visible{ outline: 3px solid var(--dd-cyan); outline-offset: 3px; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta{ display: flex; align-items: center; justify-content: space-between; gap: clamp(1.5rem, 4vw, 3rem); margin-top: clamp(2rem, 5vw, 4rem); padding: clamp(1.4rem, 3.5vw, 2.35rem); border-radius: 20px; background: linear-gradient(110deg, rgba(60, 247, 255, 0.11), rgba(255, 255, 255, 0.05) 48%, rgba(242, 79, 208, 0.1)); } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta-copy{ max-width: 42rem; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta-eyebrow{ margin: 0 0 0.35rem; color: var(--dd-cyan); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta-title{ margin: 0; color: #fff; font-size: clamp(1.45rem, 3vw, 2.25rem); font-weight: 750; letter-spacing: -0.045em; line-height: 1.12; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta-actions{ display: flex; flex-wrap: wrap; gap: 0.75rem; flex-shrink: 0; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-button--phone{ background: rgba(255, 255, 255, 0.1); } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-button--message{ background: linear-gradient(135deg, #00d7e5, #4975f5 54%, #d938bd); } @keyframes ddsuite-campaign-landing-dd-glass-drift-one { 0% { transform: translate3d(-4%, -2%, 0) scale(1); } 100% { transform: translate3d(25%, 22%, 0) scale(1.16); } } @keyframes ddsuite-campaign-landing-dd-glass-drift-two { 0% { transform: translate3d(4%, 5%, 0) scale(1.06); } 100% { transform: translate3d(-25%, -17%, 0) scale(0.9); } } @keyframes ddsuite-campaign-landing-dd-glass-drift-three { 0% { transform: translate3d(0, -5%, 0) scale(0.9); } 100% { transform: translate3d(-23%, 15%, 0) scale(1.1); } } @keyframes ddsuite-campaign-landing-dd-glass-pulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 22px rgba(60, 247, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.15); } 50% { transform: scale(1.025); box-shadow: 0 0 36px rgba(60, 247, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.19); } } @media (max-width: 900px) { body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-grid{ grid-template-columns: 1fr; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-card{ min-height: auto; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta{ align-items: flex-start; flex-direction: column; } } @media (max-width: 520px) { body.ddsuite-module-campaign-landing .dd-glass-landing{ border-radius: 1.1rem; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-badge{ font-size: 0.67rem; } body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta-actions,body.ddsuite-module-campaign-landing .dd-glass-landing .dd-glass-cta-actions .dd-glass-button{ width: 100%; } } @media (prefers-reduced-motion: reduce) { body.ddsuite-module-campaign-landing .dd-glass-landing *,body.ddsuite-module-campaign-landing .dd-glass-landing *::before,body.ddsuite-module-campaign-landing .dd-glass-landing *::after{ scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* ===== Launch Ads standalone frame ===== */ body.ddsuite-module-launch-ads.ddal-standalone-landing #top-header,body.ddsuite-module-launch-ads.ddal-standalone-landing #main-header,body.ddsuite-module-launch-ads.ddal-standalone-landing #main-footer,body.ddsuite-module-launch-ads.ddal-standalone-landing #footer-bottom,body.ddsuite-module-launch-ads.ddal-standalone-landing .et-l--header,body.ddsuite-module-launch-ads.ddal-standalone-landing .et-l--footer,body.ddsuite-module-launch-ads.ddal-standalone-landing #sidebar,body.ddsuite-module-launch-ads.ddal-standalone-landing .et_pb_widget_area{display:none!important}body.ddsuite-module-launch-ads.ddal-standalone-landing #page-container{padding-top:0!important}body.ddsuite-module-launch-ads.ddal-standalone-landing #main-content,body.ddsuite-module-launch-ads.ddal-standalone-landing #et-main-area,body.ddsuite-module-launch-ads.ddal-standalone-landing #content-area,body.ddsuite-module-launch-ads.ddal-standalone-landing #left-area,body.ddsuite-module-launch-ads.ddal-standalone-landing .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.ddsuite-module-launch-ads.ddal-standalone-landing .container{width:100%!important;max-width:none!important;padding:0!important} /* ===== Suite CTA coordination ===== */ @media (max-width: 767px) { body.ddsuite-dual-global-ctas .ddaa-float__button { bottom: 76px; } }