:root{
  --ink:#0a0c12;
  --muted:#626979;
  --line:#dfe3eb;
  --soft:#f4f6f9;
  --white:#fff;
  --blue:#4d38ff;
  --cyan:#04bedd;
  --pink:#ef2cb7;
  --green:#18b47a;
  --shadow:0 24px 80px rgba(21,28,45,.13);
  --shadow-soft:0 12px 36px rgba(21,28,45,.08);
  --radius:28px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
[hidden]{display:none!important}
::selection{background:#dcd7ff;color:#141027}
.page-progress{position:fixed;z-index:9999;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--pink),var(--blue),var(--cyan));transition:width .08s linear}
.section-pad{padding:110px max(24px,calc((100vw - var(--max))/2))}
.section-label,.micro-label,.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#626979}
.section-label:before,.eyebrow:before{content:"";width:26px;height:2px;background:linear-gradient(90deg,var(--pink),var(--blue))}
.section-label.light{color:rgba(255,255,255,.72)}
.section-label.light:before{background:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal.in-view{opacity:1;transform:none}

/* Header */
.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;padding:10px 14px;transition:padding .25s ease}
.header-bar{height:62px;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border:1px solid rgba(17,21,31,.10);background:rgba(255,255,255,.91);backdrop-filter:blur(20px);box-shadow:0 8px 30px rgba(17,21,31,.07);border-radius:16px;transition:height .25s ease,box-shadow .25s ease}
.site-header.scrolled{padding-top:6px}
.site-header.scrolled .header-bar{height:56px;box-shadow:0 12px 36px rgba(17,21,31,.12)}
.brand{justify-self:start;display:flex;align-items:center;width:112px;height:34px;overflow:hidden}
.brand img{width:112px;transform:scale(1.04)}
.menu-toggle{justify-self:center;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border:1px solid #cfd4dd;border-radius:999px;background:#fff;color:#11151f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.menu-toggle i{display:block;width:13px;height:1px;background:#11151f;transition:transform .2s ease}
.menu-toggle i:last-child{margin-left:-21px;transform:translateY(4px)}
.menu-toggle[aria-expanded="true"] i:first-of-type{transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] i:last-child{transform:rotate(-45deg)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:14px;font-size:12px;font-weight:700}
.phone-link{color:#555d6c;white-space:nowrap}
.auth-link,.member-header-links a{text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.member-header-links{display:flex;align-items:center;gap:11px}
.signed-email{max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6a7280;font-weight:600}
.user-pill{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--blue),var(--cyan));color:#fff;font-weight:800}
.header-cta{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 17px;border-radius:10px;background:#0b0e15;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:10px;box-shadow:0 8px 18px rgba(11,14,21,.18)}

/* Mega menu */
.mega-menu{position:fixed;inset:0;z-index:1100;padding:12px}
.menu-backdrop{position:absolute;inset:0;border:0;background:rgba(12,15,22,.34);backdrop-filter:blur(7px)}
.mega-panel{position:relative;margin:0 auto;width:min(1180px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 36px 100px rgba(8,12,20,.28);padding:24px 28px 34px;animation:menuIn .3s ease both}
@keyframes menuIn{from{opacity:0;transform:translateY(-16px) scale(.985)}to{opacity:1;transform:none}}
.mega-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#777f8e}
.menu-close{border:0;background:transparent;color:#111;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.mega-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.65fr);gap:56px;padding-top:26px}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.mega-links a{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);transition:padding-left .2s ease,color .2s ease}
.mega-links a:hover{padding-left:10px;color:var(--blue)}
.mega-links span{font-size:10px;letter-spacing:.12em;color:#9aa0ab;font-weight:800}
.mega-links strong{font-family:"Manrope",Arial,sans-serif;font-size:clamp(29px,3.4vw,52px);letter-spacing:-.055em;line-height:1;font-weight:700}
.mega-side{border-radius:20px;background:#10131b;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;position:relative;overflow:hidden}
.mega-side:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-120px;background:linear-gradient(135deg,var(--pink),var(--blue),var(--cyan));filter:blur(5px);opacity:.8}
.mega-side>*{position:relative}
.mega-side p{font-family:"Manrope",Arial,sans-serif;font-size:19px;line-height:1.45;margin:0 0 auto;max-width:320px}
.mega-login,.mega-phone{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.2);padding-top:14px;margin-top:18px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.signed-card{display:flex;gap:12px;align-items:center;margin-top:28px}
.signed-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-weight:800}
.signed-card small,.signed-card strong{display:block}.signed-card strong{font-size:13px;max-width:210px;overflow:hidden;text-overflow:ellipsis}
.signed-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.signed-actions a{padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}

/* Hero */
.hero{position:relative;min-height:980px;padding:118px 24px 80px;display:flex;align-items:flex-start;overflow:hidden;background:#f7f8fb}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(.75);opacity:.26}
.hero-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.80) 36%,rgba(246,248,252,.92) 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(18,27,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,27,42,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}
.hero-orb-one{width:480px;height:480px;left:-220px;top:180px;background:radial-gradient(circle,var(--pink),transparent 65%)}
.hero-orb-two{width:520px;height:520px;right:-220px;top:70px;background:radial-gradient(circle,var(--cyan),transparent 65%)}
.hero-inner{position:relative;z-index:1;width:min(var(--max),100%);margin:0 auto;text-align:center}
.hero-copy{max-width:970px;margin:32px auto 28px}
.hero-copy .eyebrow{justify-content:center}
.hero-copy h1{font-family:"Manrope",Arial,sans-serif;font-size:clamp(45px,6.2vw,84px);line-height:.98;letter-spacing:-.064em;margin:20px 0 20px;font-weight:800}
.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#ef2cb7 0%,#6a38ff 48%,#00a9d2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:700px;margin:0 auto;color:#596171;font-size:18px}
.campaign-shell{width:min(1000px,100%);margin:38px auto 0;text-align:left;background:rgba(255,255,255,.97);border:1px solid rgba(28,36,53,.10);border-radius:28px;padding:28px;box-shadow:0 36px 90px rgba(25,35,55,.16),0 1px 0 #fff inset}
.campaign-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}
.campaign-topline h2{font-family:"Manrope",Arial,sans-serif;font-size:26px;letter-spacing:-.04em;margin:6px 0 0;line-height:1.15}
.secure-pill{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;background:#eefaf6;color:#16724f;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;white-space:nowrap}.secure-pill span{width:7px;height:7px;border-radius:50%;background:#22bd82;box-shadow:0 0 0 4px rgba(34,189,130,.12)}
.stepper{display:flex;align-items:center;gap:8px;margin-bottom:26px}.stepper>i{flex:1;height:1px;background:#dfe3ea}.step{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#9aa0ab;padding:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf0f4;color:#7b8390;font-size:11px}.step.is-active,.step.is-complete{color:#10131b}.step.is-active b{background:#10131b;color:#fff}.step.is-complete b{background:#e5e1ff;color:#4d38ff}
.form-step{display:none}.form-step.is-active{display:block;animation:stepIn .3s ease both}@keyframes stepIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#303643;font-size:12px;font-weight:800}.field-label small{color:#8b929f;font-weight:600}
.url-control{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;border:2px solid #11151f;border-radius:16px;background:#fff;min-height:70px;box-shadow:0 12px 25px rgba(17,21,31,.07)}
.link-icon{display:grid;place-items:center;font-size:19px;color:#5e6571}.url-control input{height:66px;border:0;outline:0;width:100%;font-size:16px;background:transparent;color:#11151f}.url-control input::placeholder{color:#a1a7b2}.try-button{margin-right:7px;height:54px;border:0;border-radius:11px;padding:0 23px;background:linear-gradient(135deg,#11151f,#242a38);color:#fff;font-size:11px;letter-spacing:.11em;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px rgba(17,21,31,.18)}.try-button .try-button-arrow{margin-left:8px}.try-button:disabled{opacity:.65}
.field-hint{font-size:12px;color:#7b8290;margin:10px 0}.supported-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.platform-logo{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:8px;background:#fff;border:1px solid #e1e5eb;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px rgba(22,30,44,.05)}.platform-logo.youtube{color:#ff0000}.platform-logo.spotify{color:#1db954}.platform-logo.apple{color:#111}.platform-logo.tidal{color:#111}.platform-logo.tubi{color:#6c28ff}.platform-logo.roku{color:#662d91}.platform-logo.prime{color:#00a8e1}
.form-error{min-height:20px;margin-top:8px;color:#bd2238;font-size:12px;font-weight:700}
.media-preview{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f7f8fa;margin-bottom:22px}.preview-art{width:82px;height:64px;border-radius:10px;background:#e9edf2}.preview-art.skeleton{background:linear-gradient(90deg,#e7eaf0,#f6f7fa,#e7eaf0);background-size:200% 100%;animation:skeleton 1.4s infinite}@keyframes skeleton{to{background-position:-200% 0}}.preview-copy h3{margin:4px 0 0;font-size:17px;line-height:1.2}.preview-copy p{margin:4px 0 0;color:#777f8c;font-size:12px}.campaign-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#4d38ff}.edit-link{border:0;background:#fff;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:800;color:#4d38ff}
.field-grid{display:grid;gap:18px}.two-col{grid-template-columns:1fr 1fr}.text-input{width:100%;height:52px;border:1px solid #cfd5de;border-radius:11px;background:#fff;padding:0 14px;color:#11151f;outline:0}.text-input:focus{border-color:#6652ff;box-shadow:0 0 0 4px rgba(102,82,255,.10)}
.youtube-options{margin-top:24px}.option-heading h3{margin:5px 0 14px;font-size:20px;letter-spacing:-.03em}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.format-card{display:block;padding:14px;border:1px solid #d8dde5;border-radius:15px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}.format-card:hover{transform:translateY(-2px)}.format-card.is-selected{border-color:#5e4aff;box-shadow:0 0 0 3px rgba(94,74,255,.08)}.format-card input{position:absolute;opacity:0}.format-card>strong{display:block;margin:12px 0 3px}.format-card>p{margin:0;color:#707887;font-size:12px}.format-mock{height:86px;border-radius:10px;background:#f2f4f7;padding:10px}.infeed-mock{display:grid;grid-template-columns:110px 1fr;gap:10px}.mock-thumb,.mock-player{display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#242b3a,#6c35f2);color:#fff}.infeed-mock>div:last-child{display:flex;flex-direction:column;justify-content:center}.infeed-mock b{font-size:11px}.infeed-mock i{font-size:9px;color:#4d38ff}.infeed-mock small,.display-mock small{font-size:8px;color:#727986}.display-mock{display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center}.mock-player{height:66px}
.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.step-actions.compact{justify-content:flex-start}.ghost-button,.primary-button{height:46px;border-radius:10px;padding:0 18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.ghost-button{border:1px solid #d1d6df;background:#fff;color:#59616e}.primary-button{border:0;background:#11151f;color:#fff}.primary-button span{margin-left:8px}
.target-grid{align-items:start}.location-input-shell{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;border:1px solid #cfd5de;border-radius:11px;background:#fff}.location-input-shell>span{display:grid;place-items:center;color:#7d8491}.location-input-shell .text-input{border:0;padding-left:0}.location-spinner{position:absolute;right:13px;width:16px;height:16px;border-radius:50%;border:2px solid #dce1e8;border-top-color:#5e4aff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.location-results{position:absolute;z-index:50;left:0;right:0;top:78px;max-height:260px;overflow:auto;background:#fff;border:1px solid #d7dce4;border-radius:12px;box-shadow:0 18px 45px rgba(21,27,39,.16);padding:6px}.location-field-wrap{position:relative}.location-result{width:100%;border:0;background:#fff;text-align:left;padding:10px 11px;border-radius:8px;display:flex;justify-content:space-between;gap:12px}.location-result:hover,.location-result.is-active{background:#f1f0ff}.location-result span{font-size:12px;font-weight:700}.location-result small{font-size:10px;color:#818897}.location-result.is-empty{cursor:default;display:block}.location-status{font-size:10px;color:#7d8492;margin:7px 0}.location-tags{display:flex;flex-wrap:wrap;gap:6px}.location-tag{display:inline-flex;align-items:center;gap:5px;background:#eeecff;color:#3d2cc9;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.location-tag button{border:0;background:transparent;color:inherit;padding:0}.pace-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pace-options input{position:absolute;opacity:0}.pace-options span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:68px;border:1px solid #d8dde5;border-radius:11px;background:#fff}.pace-options input:checked+span{border-color:#5e4aff;background:#f3f1ff;box-shadow:0 0 0 3px rgba(94,74,255,.08)}.pace-options b{font-size:12px}.pace-options small{font-size:10px;color:#7b8391}
.budget-panel{margin-top:24px;border:1px solid #dfe3ea;border-radius:17px;padding:20px;background:#f8f9fb}.budget-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.budget-heading h3{margin:5px 0 0;font-size:20px}.budget-value{text-align:right}.budget-value small{display:block;color:#7a8290;font-size:10px}.budget-value strong{font-size:24px}.budget-slider{--progress:9.1%;appearance:none;width:100%;height:7px;border-radius:999px;background:linear-gradient(90deg,#5b45ff var(--progress),#dfe3ea var(--progress));margin:23px 0 8px}.budget-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:7px solid #5b45ff;box-shadow:0 4px 14px rgba(73,55,210,.22)}.budget-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:7px solid #5b45ff}.budget-scale{display:flex;justify-content:space-between;font-size:10px;color:#858c99}.engagement-card{display:grid;grid-template-columns:auto auto auto 1fr;gap:7px;align-items:baseline;margin-top:17px;padding-top:15px;border-top:1px solid #dde1e8}.engagement-card span{font-size:11px;color:#6c7482}.engagement-card strong{font-size:22px}.engagement-card em{font-style:normal;font-weight:800;color:#4d38ff}.engagement-card small{text-align:right;color:#8b929f;font-size:9px}
.checkout-grid{display:grid;grid-template-columns:1fr .85fr;gap:22px}.checkout-title{font-size:24px;margin:7px 0 15px}.payment-options{display:grid;gap:10px}.payment-card{display:grid;grid-template-columns:20px 64px 1fr;gap:12px;align-items:center;border:1px solid #d8dde5;border-radius:13px;padding:13px;background:#fff}.payment-card.is-selected{border-color:#5e4aff;box-shadow:0 0 0 3px rgba(94,74,255,.08)}.payment-card input{position:absolute;opacity:0}.radio-ui{width:16px;height:16px;border:1px solid #b7bdc8;border-radius:50%;position:relative}.payment-card.is-selected .radio-ui:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#5e4aff}.stripe-wordmark{font-weight:800;color:#635bff;font-size:18px}.paypal-wordmark{font-weight:800;color:#003087}.paypal-wordmark b{color:#0070e0}.payment-card strong,.payment-card small{display:block}.payment-card strong{font-size:12px}.payment-card small{font-size:10px;color:#7c8390}.terms-check{display:flex;gap:9px;align-items:flex-start;margin-top:14px;font-size:10px;color:#6f7785}.terms-check input{margin-top:3px}.order-summary{border-radius:16px;background:#11151f;color:#fff;padding:20px}.order-summary .micro-label{color:#aeb5c2}.order-summary dl{margin:15px 0}.order-summary dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.10)}.order-summary dt{font-size:10px;color:#aeb5c2}.order-summary dd{margin:0;text-align:right;font-size:11px;font-weight:700;max-width:60%}.summary-total{display:flex;justify-content:space-between;align-items:flex-end;margin:18px 0}.summary-total span{font-size:11px;color:#b7bdc8}.summary-total strong{font-size:24px}.start-button{width:100%;height:50px;border:0;border-radius:11px;background:linear-gradient(90deg,#ef2cb7,#5d45ff,#00b8dc);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-weight:800}.checkout-note{color:#aeb5c2;font-size:9px;margin:10px 0 0}
.hero-proof-row{width:min(1000px,100%);margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.hero-proof-row>div{background:rgba(255,255,255,.75);border:1px solid rgba(25,35,55,.10);border-radius:16px;padding:17px 18px;backdrop-filter:blur(14px)}.hero-proof-row strong{display:block;font-family:"Manrope",Arial,sans-serif;font-size:20px;letter-spacing:-.04em}.hero-proof-row span{display:block;color:#707886;font-size:11px;margin-top:2px}

/* Platform band */
.platform-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.platform-band-inner{max-width:var(--max);margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.platform-band-title{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#7b8290;font-weight:800;white-space:nowrap}.platform-band-logos{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}

/* Services */
.section-heading{max-width:820px}.section-heading h2{font-family:"Manrope",Arial,sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.055em;margin:16px 0}.section-heading>p{font-size:18px;color:#626a79;max-width:680px}.section-heading.split{max-width:none;display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end}.section-heading.split p{font-size:14px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}.service-card{min-height:370px;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;position:relative;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.service-card:before{content:"";position:absolute;inset:auto -50px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(90,69,255,.13),transparent 68%)}.service-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-5px)}.service-number{font-size:10px;color:#979eaa;font-weight:800}.service-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin:50px 0 24px;color:#fff;font-size:21px;font-weight:800}.youtube-icon{background:#ff0000}.music-icon{background:#1db954}.film-icon{background:#6b37ff}.web-icon{background:#0c111b}.service-card h3{font-family:"Manrope",Arial,sans-serif;font-size:24px;letter-spacing:-.04em;margin:0 0 10px}.service-card p{color:#69717f;font-size:13px;margin:0 0 25px}.service-card a{margin-top:auto;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.service-card a span{margin-left:6px;color:#5b45ff}

/* Growth examples */
.growth-lab{background:#f5f7fa}.growth-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:74px;padding-top:74px;border-top:1px solid #dce1e8}.growth-story:nth-of-type(even) .growth-copy{order:2}.growth-story:nth-of-type(even) .insight-card{order:1}.story-label{display:inline-flex;padding:7px 9px;border-radius:999px;background:#ebe8ff;color:#4d38ff;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.growth-copy h3{font-family:"Manrope",Arial,sans-serif;font-size:clamp(31px,4vw,50px);line-height:1.04;letter-spacing:-.05em;margin:16px 0}.growth-copy>p{color:#606877;font-size:16px}.growth-copy ul{list-style:none;padding:0;margin:24px 0}.growth-copy li{position:relative;padding:11px 0 11px 27px;border-bottom:1px solid #dfe3e9;font-size:13px;color:#3f4652}.growth-copy li:before{content:"✓";position:absolute;left:0;color:#18a976;font-weight:800}.growth-copy a,.text-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.growth-copy a span,.text-link span{color:#5b45ff}.insight-card{background:#fff;border:1px solid #dce1e8;border-radius:26px;padding:24px;box-shadow:var(--shadow-soft);min-height:450px}.insight-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e3e7ed}.insight-top span{font-size:12px;font-weight:800}.insight-top small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#9299a5}.listener-total{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:43px 0 22px}.listener-total strong{font-family:"Manrope",Arial,sans-serif;font-size:46px;letter-spacing:-.06em}.listener-total strong:last-child{color:#1db954}.listener-total span{color:#949ba6}.line-chart{height:150px;display:flex;align-items:flex-end;gap:10px;padding:15px;border-radius:16px;background:linear-gradient(180deg,#f5fff9,#edf8f2)}.line-chart i{flex:1;height:var(--h);background:linear-gradient(180deg,#1db954,#82e6aa);border-radius:7px 7px 2px 2px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.metric-row span{padding:12px;border:1px solid #e2e6ec;border-radius:12px}.metric-row b,.metric-row small{display:block}.metric-row b{font-size:16px}.metric-row small{color:#848b97;font-size:9px}.film-poster-mock{height:235px;margin-top:20px;border-radius:18px;background:linear-gradient(135deg,rgba(6,12,20,.12),rgba(6,12,20,.82)),url('../images/hero-fallback.jpg') center/cover;display:flex;align-items:flex-end;padding:22px;color:#fff}.film-poster-mock span,.film-poster-mock strong,.film-poster-mock small{display:block}.film-poster-mock span{font-size:9px;letter-spacing:.15em}.film-poster-mock strong{font-family:"Manrope",Arial,sans-serif;font-size:32px}.film-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.film-stats span{background:#f4f6f8;border-radius:12px;padding:12px}.film-stats small,.film-stats strong{display:block}.film-stats small{font-size:9px;color:#7d8490}.film-stats strong{font-size:17px}.rank-track{margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:9px;color:#6d7481}.rank-track i{height:7px;border-radius:999px;background:#e1e5eb;overflow:hidden}.rank-track b{display:block;width:84%;height:100%;background:linear-gradient(90deg,#ef2cb7,#6c38ff)}.rank-track em{font-style:normal;color:#5a43e5;font-weight:800}.video-preview-card{margin-top:21px;border:1px solid #dfe3e9;border-radius:17px;overflow:hidden}.video-screen{height:185px;background:linear-gradient(135deg,#171d29,#6338ef 65%,#07a9d1);display:grid;place-items:center;color:#fff;font-size:32px}.video-preview-card>div:last-child{padding:14px}.video-preview-card strong,.video-preview-card small{display:block}.video-preview-card small{color:#7d8492;font-size:10px}.view-total{display:flex;align-items:baseline;gap:9px;margin:24px 0 11px}.view-total span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7e8591}.view-total strong{margin-left:auto;font-family:"Manrope",Arial,sans-serif;font-size:31px;letter-spacing:-.05em}.view-total em{font-style:normal;color:#5e48ee;font-weight:800}.view-bars{display:grid;gap:7px}.view-bars i{display:block;width:var(--w);height:8px;border-radius:99px;background:linear-gradient(90deg,#ff3030,#7250ff,#08afd3)}

/* Web */
.web-section{background:#fff}.web-showcase{min-height:580px;border-radius:30px;background:#10131b;color:#fff;padding:70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;overflow:hidden;position:relative}.web-showcase:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-190px;top:-230px;background:linear-gradient(135deg,var(--pink),var(--blue),var(--cyan));filter:blur(10px);opacity:.7}.web-copy,.browser-stack{position:relative}.web-copy h2{font-family:"Manrope",Arial,sans-serif;font-size:clamp(39px,5vw,62px);line-height:1.02;letter-spacing:-.055em;margin:18px 0}.web-copy p{color:#bdc4cf;font-size:16px}.web-features{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.web-features span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:10px}.web-copy .text-link{color:#fff}.browser-stack{height:390px}.browser-card{position:absolute;width:90%;border-radius:17px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.3);overflow:hidden}.browser-card.back{left:0;top:10px;transform:rotate(-6deg);opacity:.55}.browser-card.front{right:0;bottom:0;transform:rotate(3deg)}.browser-bar{height:31px;background:#eef1f5;display:flex;align-items:center;gap:5px;padding:0 11px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#c4cad3}.browser-layout{height:280px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.browser-layout span{background:#e9edf2;border-radius:10px}.browser-layout span:first-child{grid-column:1/-1}.browser-hero{height:190px;padding:32px;background:linear-gradient(135deg,#111725,#6740ef 62%,#04b9d6);color:#fff;display:flex;flex-direction:column;justify-content:center}.browser-hero small{letter-spacing:.13em}.browser-hero strong{font-family:"Manrope",Arial,sans-serif;font-size:30px;line-height:1.05;max-width:330px}.browser-hero span{width:90px;height:26px;border-radius:999px;background:#fff;margin-top:18px}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;height:140px}.browser-cards i{background:#edf0f4;border-radius:9px}

/* How */
.how-section{position:relative;min-height:760px;overflow:hidden;color:#fff;background:#0c1018}.parallax-backdrop{position:absolute;inset:-10%;background:url('../images/hero-fallback.jpg') center/cover;filter:saturate(.65)}.how-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,16,.94),rgba(7,10,16,.78) 50%,rgba(7,10,16,.48))}.how-inner{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.how-copy h2{font-family:"Manrope",Arial,sans-serif;font-size:clamp(40px,5vw,65px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 30px}.how-copy ol{list-style:none;margin:0;padding:0}.how-copy li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.16)}.how-copy li>span{font-size:10px;color:#8f97a4;font-weight:800}.how-copy strong,.how-copy small{display:block}.how-copy strong{font-size:14px}.how-copy small{color:#aeb5bf;font-size:11px}.how-video{border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:10px;background:rgba(255,255,255,.08);backdrop-filter:blur(15px);box-shadow:0 30px 90px rgba(0,0,0,.35)}.how-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px}

/* Guarantee / FAQ / CTA */
.guarantee-card{border:1px solid var(--line);border-radius:26px;padding:45px;display:grid;grid-template-columns:100px 1fr auto;gap:34px;align-items:center;background:#fff;box-shadow:var(--shadow-soft)}.guarantee-mark{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#ef2cb7,#6a3bff,#00b8d4);color:#fff;font-family:"Manrope",Arial,sans-serif;font-size:44px;font-weight:800}.guarantee-card h2{font-family:"Manrope",Arial,sans-serif;font-size:35px;letter-spacing:-.045em;margin:8px 0}.guarantee-card p{color:#68707e;margin:0}.guarantee-card>a{height:46px;padding:0 18px;border:1px solid #cfd5de;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;white-space:nowrap}.faq{background:#f7f8fa}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}.faq details{background:#fff;border:1px solid #dfe3e9;border-radius:16px;padding:20px}.faq summary{cursor:pointer;font-weight:800;font-size:14px}.faq p{color:#676f7d;font-size:13px;margin:13px 0 0}.final-cta{background:#0b0e15;color:#fff}.final-cta-inner{max-width:1000px;margin:auto;text-align:center}.final-cta h2{font-family:"Manrope",Arial,sans-serif;font-size:clamp(52px,7vw,96px);line-height:.96;letter-spacing:-.065em;margin:22px 0 35px}.final-actions{display:flex;align-items:center;justify-content:center;gap:12px}.final-primary,.final-secondary{height:52px;padding:0 22px;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.final-primary{background:#fff;color:#11151f}.final-secondary{border:1px solid rgba(255,255,255,.28);color:#fff}.site-footer{padding:30px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:11px;color:#69717e}.footer-brand img{width:100px}.location-data-credit{display:block;margin-top:5px;font-size:9px;line-height:1.4;color:#8b93a0}.location-data-credit a{text-decoration:underline;text-underline-offset:2px}.site-footer>div{justify-self:end;display:flex;gap:16px}.toast{position:fixed;z-index:2000;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#10131b;color:#fff;border-radius:12px;padding:12px 16px;font-size:12px;box-shadow:0 15px 40px rgba(0,0,0,.25);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){
  .member-header-links,.phone-link{display:none}.service-grid{grid-template-columns:1fr 1fr}.growth-story{gap:38px}.web-showcase{padding:50px}.header-bar{grid-template-columns:1fr auto 1fr}.hero{min-height:920px}.mega-grid{gap:28px}.mega-links strong{font-size:36px}
}
@media(max-width:820px){
  .section-pad{padding:80px 22px}.header-bar{height:58px;padding:0 12px}.brand,.brand img{width:94px}.header-cta{display:none}.header-actions{gap:9px}.auth-link{font-size:9px}.site-header{padding:8px}.menu-toggle span{display:none}.menu-toggle{width:38px;padding:0;justify-content:center}.menu-toggle i:last-child{margin-left:-21px}.mega-menu{padding:8px}.mega-panel{width:calc(100vw - 16px);padding:20px;max-height:calc(100vh - 16px)}.mega-grid{grid-template-columns:1fr}.mega-links{grid-template-columns:1fr}.mega-links a{padding:12px 0}.mega-links strong{font-size:34px}.mega-side{min-height:230px}.hero{padding:100px 14px 60px;min-height:970px}.hero-copy{margin-top:10px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:15px}.campaign-shell{padding:19px;border-radius:22px;margin-top:28px}.campaign-topline{align-items:center}.campaign-topline h2{font-size:21px}.secure-pill{display:none}.step span{display:none}.url-control{grid-template-columns:36px 1fr;min-height:62px}.url-control input{height:58px;font-size:14px}.try-button{grid-column:1/-1;width:100%;margin:7px 0 0;height:49px;border-radius:11px}.supported-row{gap:5px}.platform-logo{font-size:9px;height:26px;padding:0 7px}.two-col,.format-grid,.checkout-grid{grid-template-columns:1fr}.hero-proof-row{grid-template-columns:1fr;margin-top:14px}.platform-band-inner{align-items:flex-start;flex-direction:column}.platform-band-logos{justify-content:flex-start}.section-heading.split,.growth-story,.web-showcase,.how-inner{grid-template-columns:1fr}.growth-story:nth-of-type(even) .growth-copy,.growth-story:nth-of-type(even) .insight-card{order:initial}.growth-story{gap:30px;margin-top:55px;padding-top:55px}.insight-card{min-height:auto}.web-showcase{padding:35px 24px}.browser-stack{height:330px}.how-inner{gap:36px}.guarantee-card{grid-template-columns:70px 1fr;padding:28px}.guarantee-mark{width:66px;height:66px;font-size:32px}.guarantee-card>a{grid-column:1/-1;justify-self:start}.faq-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center}.footer-brand,.site-footer>div{justify-self:center}.final-actions{flex-direction:column}.final-primary,.final-secondary{width:100%;justify-content:center}.engagement-card{grid-template-columns:auto auto auto}.engagement-card small{grid-column:1/-1;text-align:left}.location-results{top:77px}
}
@media(max-width:560px){
  .hero{min-height:1020px}.hero-copy h1{font-size:39px}.hero-copy .eyebrow{font-size:9px}.campaign-topline h2{font-size:18px}.campaign-shell{padding:15px}.stepper{gap:5px}.stepper>i{min-width:10px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}.service-icon{margin:30px 0 20px}.section-heading h2{font-size:38px}.growth-copy h3{font-size:33px}.listener-total strong{font-size:34px}.metric-row,.film-stats{grid-template-columns:1fr}.line-chart{height:120px}.film-poster-mock{height:200px}.web-showcase{border-radius:20px}.browser-stack{height:270px}.browser-hero{height:145px;padding:22px}.browser-hero strong{font-size:23px}.browser-cards{height:100px}.how-section{min-height:900px}.guarantee-card{grid-template-columns:1fr}.guarantee-card h2{font-size:29px}.pace-options{grid-template-columns:1fr}.pace-options span{height:52px;flex-direction:row;gap:7px}.budget-heading{align-items:flex-start}.budget-value strong{font-size:20px}.payment-card{grid-template-columns:18px 55px 1fr}.site-header .user-pill{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-video{display:none}}
.story-note{font-size:10px!important;color:#888f9b!important;margin:-8px 0 18px!important;max-width:560px}

/* v1.4 campaign targeting, accounts and platform motion */
.auth-link{border:0;background:transparent;padding:7px 0;color:#11151f;font-weight:800}.mega-login{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;color:#fff;text-align:left}.step{cursor:pointer}.step.is-locked{cursor:not-allowed;opacity:.48}.step:not(.is-locked):hover{color:var(--blue)}.step.is-complete b{box-shadow:0 0 0 3px rgba(77,56,255,.08)}
.platform-logo.netflix{background:#fff0f1;color:#e50914;border-color:#ffd7da;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.04em}.platform-logo.pluto{background:#fff7dc;color:#101010;border-color:#f6df86;font-weight:900}.supported-row .platform-logo.netflix,.supported-row .platform-logo.pluto{display:inline-flex}
.platform-band-inner{max-width:none;padding:20px 0 20px max(24px,calc((100vw - var(--max))/2));overflow:hidden;gap:36px}.platform-band-title{flex:0 0 auto}.platform-marquee{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.platform-marquee-track{display:flex;width:max-content;animation:qdomuMarquee 28s linear infinite;will-change:transform}.platform-marquee:hover .platform-marquee-track{animation-play-state:paused}.platform-band-logos{flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding-right:10px}.platform-band-logos .platform-logo{height:34px;padding:0 12px;font-size:10px;white-space:nowrap}@keyframes qdomuMarquee{to{transform:translateX(-50%)}}
.instream-mock{height:122px;padding:0;overflow:hidden;background:#101116;display:grid;grid-template-rows:84px 38px}.instream-video{position:relative;background:linear-gradient(135deg,#182337,#5942c8 55%,#08a9c9);overflow:hidden}.instream-video:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.23),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.35),transparent)}.ad-countdown{position:absolute;z-index:1;left:8px;top:7px;padding:3px 5px;border-radius:3px;background:rgba(0,0,0,.72);color:#fff;font-size:7px}.instream-video>button{position:absolute;z-index:1;right:0;bottom:17px;height:25px;padding:0 9px;border:1px solid rgba(255,255,255,.65);border-right:0;background:rgba(10,10,10,.74);color:#fff;font-size:8px}.instream-controls{position:absolute;z-index:1;left:0;right:0;bottom:0;height:18px;display:flex;align-items:center;gap:5px;padding:0 7px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}.instream-controls i{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#f00 24%,rgba(255,255,255,.5) 24%)}.instream-controls b{font-size:7px}.instream-controls small{font-size:6px}.instream-controls em{margin-left:auto;font-style:normal;font-size:7px}.instream-brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:6px;align-items:center;padding:5px 8px;background:#fff}.instream-brand span{grid-row:1/-1;padding:3px 5px;border-radius:3px;background:#f5c400;color:#111;font-size:6px;font-weight:900}.instream-brand strong{font-size:8px;line-height:1}.instream-brand small{font-size:6px;color:#666;line-height:1}
.optimization-block{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.goal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.goal-card{position:relative;min-height:128px;padding:14px;border:1px solid #d8dde5;border-radius:14px;background:#fff;transition:.2s}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.goal-card.is-selected{border-color:var(--blue);background:#f8f7ff;box-shadow:0 0 0 3px rgba(77,56,255,.08)}.goal-card input{position:absolute;opacity:0}.goal-card>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#eef0f5;color:#4c38ed;font-weight:900}.goal-card strong{display:block;margin:12px 0 4px;font-size:12px}.goal-card small{display:block;color:#777f8c;font-size:9px;line-height:1.45}.help-bubble{position:relative;width:18px;height:18px;border:0;border-radius:50%;background:#e7e4ff;color:#4d38ff;font-size:10px;font-weight:900;vertical-align:middle}.help-bubble i{display:none;position:absolute;z-index:30;width:230px;right:-10px;bottom:25px;padding:10px 11px;border-radius:9px;background:#10131b;color:#fff;font-style:normal;font-size:10px;font-weight:600;line-height:1.45;box-shadow:var(--shadow-soft)}.help-bubble:hover i,.help-bubble:focus i{display:block}
.account-choice{margin-top:20px;padding:18px;border:1px solid #dfe3ea;border-radius:16px;background:#f8f9fb}.account-choice-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.account-choice-head h3{margin:5px 0 0;font-size:18px;letter-spacing:-.03em}.account-choice-head>small{color:#7b8390;font-size:9px}.account-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.account-mode-tabs input{position:absolute;opacity:0}.account-mode-tabs span{display:flex;align-items:center;justify-content:center;height:42px;padding:0 8px;border:1px solid #d7dce4;border-radius:10px;background:#fff;font-size:10px;font-weight:800}.account-mode-tabs input:checked+span{border-color:var(--blue);background:#efedff;color:#3927d5;box-shadow:0 0 0 3px rgba(77,56,255,.07)}.account-password-row{margin-top:14px}.password-shell{position:relative}.password-shell .text-input{padding-right:62px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#4d38ff;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.inline-status{min-height:15px;margin:5px 0 0;color:#747c89;font-size:9px}.inline-status.is-error{color:#c0394b}.inline-status.is-success{color:#158256}
.targeting-panels{display:grid;gap:14px;margin-top:20px}.targeting-panel{position:relative;padding:20px;border:1px solid #dfe3ea;border-radius:17px;background:#fafbfc}.targeting-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.targeting-heading h3{margin:5px 0 0;font-size:19px;letter-spacing:-.03em}.selection-counter{height:27px;padding:0 9px;border-radius:999px;display:flex;align-items:center;background:#ece9ff;color:#4030cf;font-size:9px;font-weight:900}.smart-input-shell{position:relative;display:grid;grid-template-columns:36px 1fr;align-items:center;border:1px solid #cfd5de;border-radius:11px;background:#fff}.smart-input-shell>span{display:grid;place-items:center;color:#6d7480}.smart-input-shell .text-input{border:0;padding-left:0}.smart-input-shell .location-spinner{right:12px}.smart-results{position:absolute;z-index:70;left:20px;right:20px;max-height:250px;overflow:auto;padding:6px;border:1px solid #d7dce4;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(21,27,39,.16)}.smart-result{width:100%;display:flex;justify-content:space-between;gap:15px;padding:10px 11px;border:0;border-radius:8px;background:#fff;text-align:left}.smart-result:hover,.smart-result.is-active{background:#f1f0ff}.smart-result span{font-size:11px;font-weight:800}.smart-result small{color:#818897;font-size:9px}.smart-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.smart-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eceaff;color:#3c2bc6;font-size:10px;font-weight:800}.smart-tag button{border:0;background:transparent;color:inherit;padding:0}.music-target-grid{align-items:start}.artist-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.artist-label-row .field-label{margin:0 0 9px}.decide-button{border:0;border-radius:999px;background:#10131b;color:#fff;padding:6px 9px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:7px}.engagement-card em{background:linear-gradient(90deg,var(--pink),var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:16px}
.auth-modal{position:fixed;z-index:2200;inset:0;padding:18px;display:grid;place-items:center}.auth-backdrop{position:absolute;inset:0;border:0;background:rgba(8,12,20,.44);backdrop-filter:blur(8px)}.auth-dialog{position:relative;width:min(440px,100%);padding:31px;border-radius:22px;background:#fff;box-shadow:0 40px 100px rgba(8,12,20,.30);animation:authIn .25s ease both}.auth-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#555;font-size:25px}.auth-logo{width:110px;margin-bottom:22px}.auth-dialog h2{font-family:"Manrope",Arial,sans-serif;font-size:31px;line-height:1.05;letter-spacing:-.05em;margin:8px 0}.auth-dialog>p{color:#727987;font-size:12px;margin:0 0 22px}.auth-dialog .field-label{margin-top:13px}.remember-row{display:flex;align-items:center;gap:7px;margin:14px 0;font-size:10px;color:#686f7c}.auth-error{min-height:18px;color:#bd3046;font-size:10px;margin:0 0 8px}.auth-submit{width:100%;border:0}.auth-modal.is-closing .auth-dialog{opacity:0;transform:translateY(8px)}@keyframes authIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.goal-grid{grid-template-columns:1fr 1fr}.platform-band-inner{align-items:flex-start}.platform-band-title{padding-top:7px}.music-target-grid{grid-template-columns:1fr}}
@media(max-width:820px){.platform-band-inner{padding-left:22px;flex-direction:row}.platform-marquee{width:100%}.platform-band-logos{justify-content:flex-start}.account-choice-head{align-items:flex-start;flex-direction:column;gap:4px}.smart-results{left:14px;right:14px}.targeting-panel{padding:14px}.supported-row .platform-logo.netflix,.supported-row .platform-logo.pluto{display:none}}
@media(max-width:560px){.goal-grid,.account-mode-tabs{grid-template-columns:1fr}.goal-card{min-height:90px}.account-mode-tabs span{height:39px}.targeting-heading{flex-direction:column;gap:8px}.platform-band-inner{padding:15px 0 15px 14px;gap:18px}.platform-band-title{max-width:120px;white-space:normal;line-height:1.35}.auth-dialog{padding:25px 20px}.auth-dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.platform-marquee-track{animation:none}}

/* v1.5 audience reliability + demographics */
.demographics-panel{margin-top:14px;background:linear-gradient(135deg,#fbfbff 0%,#f7fbff 100%)}
.demographic-note{display:inline-flex;align-items:center;height:27px;padding:0 10px;border-radius:999px;background:#edf6ff;color:#1765b5;font-size:9px;font-weight:900;white-space:nowrap}
.demographic-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:22px;align-items:start}
.age-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.age-group-grid input,.gender-options input{position:absolute;opacity:0;pointer-events:none}
.age-group-grid span{height:42px;display:grid;place-items:center;border:1px solid #d8dde5;border-radius:10px;background:#fff;color:#4e5663;font-size:11px;font-weight:850;cursor:pointer;transition:.18s ease}
.age-group-grid label:hover span{border-color:#a9a1ff;transform:translateY(-1px)}
.age-group-grid input:checked+span{border-color:#5e4aff;background:linear-gradient(135deg,#f1efff,#eefaff);color:#3522c7;box-shadow:0 0 0 3px rgba(94,74,255,.08)}
.gender-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gender-options span{height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d8dde5;border-radius:11px;background:#fff;cursor:pointer;transition:.18s ease}
.gender-options label:hover span{border-color:#a9a1ff;transform:translateY(-1px)}
.gender-options input:checked+span{border-color:#5e4aff;background:linear-gradient(135deg,#f1efff,#eefaff);box-shadow:0 0 0 3px rgba(94,74,255,.08)}
.gender-options b{font-size:11px}.gender-options small{margin-top:2px;color:#7b8391;font-size:8px}
.demographic-policy{margin-top:12px}
.smart-result[disabled]{opacity:.7;cursor:default}

@media(max-width:900px){.demographic-grid{grid-template-columns:1fr}.age-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.age-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gender-options{grid-template-columns:1fr}.gender-options span{height:48px;flex-direction:row;gap:6px}.demographic-note{align-self:flex-start}}

/* v1.6 link reset, taxonomy reliability and color system */
.hero-video{
  filter:saturate(.95) contrast(.92) brightness(.98);
  opacity:.54;
  transform:scale(1.015);
}
.hero-wash{
  background:
    radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.66) 34%,rgba(255,255,255,.25) 68%,rgba(255,255,255,.42) 100%),
    linear-gradient(180deg,rgba(255,255,255,.44) 0%,rgba(255,255,255,.24) 42%,rgba(246,248,252,.82) 100%);
}
.hero-grid{opacity:.62}
.hero-copy{padding:18px 28px 24px;border-radius:30px;background:radial-gradient(ellipse at center,rgba(255,255,255,.84),rgba(255,255,255,.48) 58%,transparent 76%)}
.hero-copy>p{color:#303846;text-shadow:0 1px 20px rgba(255,255,255,.95)}
.hero-copy .eyebrow{color:#343a47}
.campaign-shell{background:rgba(255,255,255,.985);box-shadow:0 38px 100px rgba(39,24,88,.20),0 1px 0 #fff inset}

.autocomplete-wrap{position:relative}
.music-target-grid .smart-results{left:0;right:0}
.smart-results{overflow-x:hidden}
.smart-result{cursor:pointer}
.smart-result:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:#f1f0ff}

.services{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 15%,rgba(239,44,183,.15),transparent 28%),
    radial-gradient(circle at 92% 80%,rgba(4,190,221,.16),transparent 30%),
    linear-gradient(135deg,#fff 0%,#f6f1ff 48%,#effbff 100%);
}
.services:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,55,203,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(83,55,203,.035) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
.services>*{position:relative}
.service-card{border-color:rgba(103,70,220,.16);box-shadow:0 14px 35px rgba(76,45,148,.07)}
.service-card:nth-child(1){background:linear-gradient(155deg,#fff 55%,#fff0f8)}
.service-card:nth-child(2){background:linear-gradient(155deg,#fff 55%,#effff8)}
.service-card:nth-child(3){background:linear-gradient(155deg,#fff 55%,#f1edff)}
.service-card:nth-child(4){background:linear-gradient(155deg,#fff 55%,#eefdff)}

.growth-lab{
  background:
    radial-gradient(circle at 90% 8%,rgba(78,56,255,.18),transparent 28%),
    radial-gradient(circle at 5% 68%,rgba(239,44,183,.13),transparent 30%),
    linear-gradient(180deg,#f3efff 0%,#f8f5ff 48%,#eefbff 100%);
}
.growth-story{border-top-color:rgba(84,61,180,.17)}
.insight-card{border-color:rgba(93,62,211,.16);box-shadow:0 22px 60px rgba(64,39,132,.12)}
.story-label{background:linear-gradient(90deg,#eee8ff,#ffeaf7);color:#4930d3}

.web-section{
  background:
    radial-gradient(circle at 18% 12%,rgba(239,44,183,.28),transparent 28%),
    radial-gradient(circle at 86% 74%,rgba(4,190,221,.25),transparent 30%),
    linear-gradient(135deg,#4b25bf 0%,#6c34e9 48%,#276ed7 100%);
}
.web-showcase{box-shadow:0 38px 100px rgba(25,9,79,.34);border:1px solid rgba(255,255,255,.15)}

.how-section{background:linear-gradient(135deg,#190d3f,#1c1760 48%,#083e6b)}
.how-overlay{background:linear-gradient(90deg,rgba(29,11,72,.93),rgba(52,21,111,.78) 52%,rgba(3,87,126,.53))}

.guarantee{
  background:
    radial-gradient(circle at 12% 80%,rgba(4,190,221,.18),transparent 26%),
    linear-gradient(135deg,#fff 0%,#f1ebff 52%,#fff0f8 100%);
}
.guarantee-card{border-color:rgba(102,61,205,.18);box-shadow:0 24px 70px rgba(83,44,160,.13)}

.faq{
  background:
    radial-gradient(circle at 85% 12%,rgba(239,44,183,.14),transparent 25%),
    linear-gradient(145deg,#f5f0ff,#eef8ff 58%,#fff);
}
.faq details{border-color:rgba(96,68,201,.15);box-shadow:0 8px 25px rgba(63,41,130,.05)}

.final-cta{
  background:
    radial-gradient(circle at 18% 15%,rgba(239,44,183,.55),transparent 28%),
    radial-gradient(circle at 83% 80%,rgba(4,190,221,.42),transparent 30%),
    linear-gradient(135deg,#16072d 0%,#4420a8 48%,#082b4d 100%);
}
.site-footer{background:#fbf9ff;border-top-color:#e2daf8}

@media(max-width:720px){
  .hero-video{opacity:.46;object-position:58% center}
  .hero-wash{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.48) 38%,rgba(247,248,252,.88) 100%)}
  .hero-copy{padding:10px 4px 18px;background:radial-gradient(ellipse at center,rgba(255,255,255,.84),rgba(255,255,255,.38) 70%,transparent)}
}

/* v1.7 pricing, autocomplete and campaign-control refinements */
.hero-video{
  opacity:.28;
  filter:saturate(.78) contrast(.82) brightness(.88);
  transform:scale(1.01);
}
.hero-wash{
  background:
    radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.82) 35%,rgba(255,255,255,.58) 68%,rgba(255,255,255,.72) 100%),
    linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.56) 42%,rgba(246,248,252,.92) 100%);
}

.budget-slider{
  height:8px;
  overflow:visible;
}
.budget-slider::-webkit-slider-thumb{
  appearance:none;
  width:28px;
  height:32px;
  border:0;
  border-radius:4px;
  background:linear-gradient(135deg,#a92cff,#5b20e8);
  clip-path:polygon(0 0,100% 50%,0 100%);
  box-shadow:0 6px 16px rgba(91,32,232,.34);
  cursor:pointer;
}
.budget-slider::-moz-range-thumb{
  width:28px;
  height:32px;
  border:0;
  border-radius:4px;
  background:linear-gradient(135deg,#a92cff,#5b20e8);
  clip-path:polygon(0 0,100% 50%,0 100%);
  box-shadow:0 6px 16px rgba(91,32,232,.34);
  cursor:pointer;
}
.budget-slider:focus-visible{outline:none}
.budget-slider:focus-visible::-webkit-slider-thumb{filter:drop-shadow(0 0 5px rgba(91,32,232,.65))}
.budget-slider:focus-visible::-moz-range-thumb{filter:drop-shadow(0 0 5px rgba(91,32,232,.65))}

.budget-offer{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:16px;
  padding:14px 16px;
  border:1px solid #e0d7ff;
  border-radius:14px;
  background:linear-gradient(135deg,#faf8ff,#f2efff);
  color:#4932bf;
}
.budget-offer>span{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:999px;
  background:#ece7ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.budget-offer strong,.budget-offer small{display:block}
.budget-offer strong{font-size:13px}
.budget-offer small{margin-top:2px;color:#77708e;font-size:10px}
.budget-offer.is-applied{
  border-color:#aee8d0;
  background:linear-gradient(135deg,#f4fff9,#effbf6);
  color:#10704d;
}
.budget-offer.is-applied>span{background:#dff8ed;color:#10704d}
.summary-savings{
  margin:0 0 11px;
  padding:9px 10px;
  border-radius:9px;
  background:#eaf9f2;
  color:#13704e;
  font-size:10px;
  font-weight:800;
  text-align:center;
}

@media(max-width:720px){
  .hero-video{opacity:.23;object-position:58% center}
  .hero-wash{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.72) 40%,rgba(247,248,252,.96) 100%)}
  .budget-offer{align-items:flex-start;flex-direction:column;gap:8px}
}

/* Guaranteed visible play-shaped budget control */
.budget-slider-wrap{
  --progress:9.0909%;
  position:relative;
  margin:23px 0 8px;
  height:32px;
  display:flex;
  align-items:center;
}
.budget-slider-wrap .budget-slider{margin:0;position:relative;z-index:2;cursor:pointer}
.budget-slider-wrap .budget-slider::-webkit-slider-thumb{
  width:32px;
  height:32px;
  border:0;
  background:transparent;
  box-shadow:none;
  clip-path:none;
}
.budget-slider-wrap .budget-slider::-moz-range-thumb{
  width:32px;
  height:32px;
  border:0;
  background:transparent;
  box-shadow:none;
  clip-path:none;
}
.budget-slider-play{
  position:absolute;
  z-index:3;
  pointer-events:none;
  top:50%;
  left:var(--progress);
  width:28px;
  height:32px;
  transform:translate(-50%,-50%);
  border-radius:4px;
  background:linear-gradient(135deg,#b02cff 0%,#6f24ef 52%,#4a16c8 100%);
  clip-path:polygon(0 0,100% 50%,0 100%);
  filter:drop-shadow(0 6px 8px rgba(91,32,232,.34));
  transition:left .08s linear,filter .18s ease;
}
.budget-slider-wrap:focus-within .budget-slider-play{filter:drop-shadow(0 0 8px rgba(106,48,245,.62)) drop-shadow(0 6px 8px rgba(91,32,232,.3))}

/* v2.2 music metadata recovery */
.music-recovery{margin-top:22px;padding:22px;border:1px solid rgba(99,62,255,.2);border-radius:22px;background:linear-gradient(135deg,rgba(248,246,255,.98),rgba(239,250,255,.96));box-shadow:0 18px 55px rgba(54,35,105,.08)}
.music-recovery[hidden]{display:none!important}.music-recovery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.music-recovery-head h3{margin:5px 0 6px;font-size:clamp(1.2rem,2vw,1.65rem);letter-spacing:-.035em}.music-recovery-head p{margin:0;color:#5f6675;line-height:1.55;max-width:720px}.music-recovery-close{width:38px;height:38px;border:1px solid #d9ddea;border-radius:12px;background:#fff;color:#303445;font-size:24px;cursor:pointer}.music-recovery-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:18px}.music-recovery-search{min-height:52px;white-space:nowrap}.music-recovery-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.music-recovery-result{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid #dfe2ec;border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.music-recovery-result:hover,.music-recovery-result:focus-visible{transform:translateY(-2px);border-color:#7a39ff;box-shadow:0 12px 28px rgba(82,45,180,.12);outline:none}.music-recovery-result img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#171724}.music-recovery-result span{min-width:0}.music-recovery-result strong,.music-recovery-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-recovery-result strong{font-size:.96rem;color:#171922}.music-recovery-result small{margin-top:5px;color:#6a7180;font-size:.78rem}.music-recovery-result b{font-size:.76rem;color:#6b2fff;white-space:nowrap}
@media(max-width:900px){.music-recovery-fields{grid-template-columns:1fr 1fr}.music-recovery-search{grid-column:1/-1}.music-recovery-results{grid-template-columns:1fr}}
@media(max-width:620px){.music-recovery{padding:17px}.music-recovery-fields{grid-template-columns:1fr}.music-recovery-result{grid-template-columns:54px minmax(0,1fr)}.music-recovery-result img{width:54px;height:54px}.music-recovery-result b{grid-column:2}}


/* v2.9 exact Tubi artwork pairing and link-to-details loading state */
.campaign-shell{position:relative}
.campaign-loading[hidden]{display:none!important}
.campaign-loading{position:absolute;inset:0;z-index:120;display:grid;place-items:center;padding:24px;border-radius:inherit;background:rgba(255,255,255,.80);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;cursor:progress}
.campaign-loading.is-visible{opacity:1;visibility:visible}
.campaign-loading-panel{display:flex;align-items:center;gap:16px;width:min(455px,100%);padding:21px 23px;border:1px solid rgba(94,74,255,.17);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(37,23,77,.19);color:#171224}
.campaign-loading-panel strong,.campaign-loading-panel small{display:block}
.campaign-loading-panel strong{margin-bottom:4px;font-family:"Manrope",Arial,sans-serif;font-size:16px;line-height:1.3}
.campaign-loading-panel small{color:#6f687c;font-size:13px;line-height:1.45}
.campaign-loading-spinner,.try-button-spinner{flex:0 0 auto;width:29px;height:29px;border:3px solid rgba(94,74,255,.18);border-top-color:#5e4aff;border-right-color:#ef3ba7;border-radius:50%;animation:qdomuLinkSpin .78s linear infinite}
.try-button{display:inline-flex;align-items:center;justify-content:center;gap:0}
.try-button-spinner{width:16px;height:16px;margin-right:9px;border-width:2px;border-color:rgba(255,255,255,.34);border-top-color:#fff;border-right-color:#fff}
.try-button-spinner[hidden]{display:none!important}
.try-button.is-loading{cursor:progress}
@keyframes qdomuLinkSpin{to{transform:rotate(360deg)}}
@media(max-width:560px){.campaign-loading{padding:14px}.campaign-loading-panel{padding:17px;border-radius:16px}.campaign-loading-panel small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.campaign-loading{transition:none}.campaign-loading-spinner,.try-button-spinner{animation:none}}

/* QDOMU v3.5 — platform colors and interactive CTA motion */
.platform-logo{
  color:#fff;
  background:var(--platform-color,#11151f);
  border-color:var(--platform-color,#11151f);
  text-shadow:0 1px 1px rgba(0,0,0,.16);
  box-shadow:0 6px 16px color-mix(in srgb,var(--platform-color,#11151f) 22%,transparent);
}
.platform-logo.youtube{--platform-color:#ff0000;color:#fff}
.platform-logo.spotify{--platform-color:#1db954;color:#fff}
.platform-logo.apple{--platform-color:#111111;color:#fff}
.platform-logo.tidal{--platform-color:#111111;color:#fff}
.platform-logo.deezer{--platform-color:#a238ff;color:#fff}
.platform-logo.soundcloud{--platform-color:#ff5500;color:#fff}
.platform-logo.tubi{--platform-color:#6c28ff;color:#fff}
.platform-logo.fawesome{--platform-color:#f3133b;color:#fff}
.platform-logo.roku{--platform-color:#662d91;color:#fff}
.platform-logo.prime{--platform-color:#00a8e1;color:#fff}
.platform-logo.netflix{--platform-color:#e50914;background:var(--platform-color);border-color:var(--platform-color);color:#fff}
.platform-logo.pluto{--platform-color:#101010;background:var(--platform-color);border-color:var(--platform-color);color:#fff}
.platform-logo.vimeo{--platform-color:#17a8cc;color:#fff}

.try-button{
  background:#e21b2d;
  color:#fff;
  transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease;
  box-shadow:0 10px 24px rgba(226,27,45,.25);
}
.try-button:hover:not(:disabled),
.try-button:focus-visible:not(:disabled),
.primary-button:hover:not(:disabled),
.primary-button:focus-visible:not(:disabled),
.start-button:hover:not(:disabled),
.start-button:focus-visible:not(:disabled),
.ghost-button:hover:not(:disabled),
.ghost-button:focus-visible:not(:disabled),
.header-cta:hover,
.header-cta:focus-visible,
.final-primary:hover,
.final-primary:focus-visible,
.final-secondary:hover,
.final-secondary:focus-visible,
.guarantee-card>a:hover,
.guarantee-card>a:focus-visible,
.mega-login:hover,
.mega-login:focus-visible{
  background:#6c28ff;
  border-color:#6c28ff;
  color:#fff;
  box-shadow:0 12px 28px rgba(108,40,255,.27);
  outline:none;
}
.try-button:hover:not(:disabled),.try-button:focus-visible:not(:disabled){transform:translateY(-1px)}

.try-button-arrow,
.primary-button>span:last-child,
.start-button>b:last-child,
.mega-login>span:last-child,
.service-card a>span:last-child,
.growth-copy>a>span:last-child,
.text-link>span:last-child,
.guarantee-card>a>span:last-child,
.final-primary>span:last-child{
  display:inline-block;
  will-change:transform;
}
.try-button:hover .try-button-arrow,
.try-button:focus-visible .try-button-arrow,
.primary-button:hover>span:last-child,
.primary-button:focus-visible>span:last-child,
.start-button:hover>b:last-child,
.start-button:focus-visible>b:last-child,
.mega-login:hover>span:last-child,
.mega-login:focus-visible>span:last-child,
.service-card a:hover>span:last-child,
.service-card a:focus-visible>span:last-child,
.growth-copy>a:hover>span:last-child,
.growth-copy>a:focus-visible>span:last-child,
.text-link:hover>span:last-child,
.text-link:focus-visible>span:last-child,
.guarantee-card>a:hover>span:last-child,
.guarantee-card>a:focus-visible>span:last-child,
.final-primary:hover>span:last-child,
.final-primary:focus-visible>span:last-child{
  animation:qdomuArrowHover .58s ease-in-out infinite alternate;
}
@keyframes qdomuArrowHover{from{transform:translateX(0)}to{transform:translateX(6px)}}
@media(prefers-reduced-motion:reduce){
  .try-button-arrow,
  .primary-button>span:last-child,
  .start-button>b:last-child,
  .mega-login>span:last-child,
  .service-card a>span:last-child,
  .growth-copy>a>span:last-child,
  .text-link>span:last-child,
  .guarantee-card>a>span:last-child,
  .final-primary>span:last-child{animation:none!important;transform:none!important}
}


.try-button,.primary-button,.start-button,.ghost-button,.header-cta,.final-primary,.final-secondary,.guarantee-card>a,.mega-login{
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
}


/* QDOMU v3.7 — selectable-card cursors and push-down navigation */
.account-mode-tabs label,
.account-mode-tabs span,
.pace-options label,
.pace-options span,
.payment-card,
.payment-card .radio-ui,
.payment-card .stripe-wordmark,
.payment-card .paypal-wordmark,
.payment-card div{
  cursor:pointer;
}
.account-mode-tabs span,
.pace-options span,
.payment-card{
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.account-mode-tabs label:hover span,
.account-mode-tabs label:focus-within span,
.pace-options label:hover span,
.pace-options label:focus-within span,
.payment-card:hover,
.payment-card:focus-within{
  transform:translateY(-2px);
  border-color:#8d7cff;
  box-shadow:0 10px 24px rgba(65,43,170,.11);
}

body.menu-open{overflow-x:hidden;overflow-y:auto}
body>main{
  transition:padding-top .42s cubic-bezier(.22,.8,.24,1);
}
body.menu-open>main{
  padding-top:var(--qdomu-menu-push,0px);
}
.site-header{
  overflow:visible;
}
.header-bar{
  position:relative;
  z-index:4;
}
.mega-menu{
  position:absolute;
  z-index:3;
  top:100%;
  right:0;
  bottom:auto;
  left:0;
  width:100%;
  padding:0;
  pointer-events:none;
  visibility:hidden;
}
.mega-menu.is-open,
.mega-menu.is-closing{
  visibility:visible;
}
.mega-menu.is-open{
  pointer-events:auto;
}
.menu-backdrop{
  position:fixed;
  z-index:0;
  inset:0;
  border:0;
  border-radius:0;
  background:rgba(0,0,0,.12);
  opacity:0;
  pointer-events:none;
  backdrop-filter:none;
  transition:opacity .32s ease;
}
.mega-menu.is-open .menu-backdrop{
  opacity:1;
  pointer-events:auto;
}
.mega-panel{
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  max-height:var(--qdomu-menu-panel-height,calc(100vh - 82px));
  margin:0;
  padding:20px max(24px,calc((100vw - var(--max))/2));
  overflow:auto;
  border:0;
  border-radius:0;
  color:#fff;
  background:#050505;
  box-shadow:0 24px 58px rgba(0,0,0,.25);
  opacity:0;
  transform:translateY(calc(-100% - 10px));
  animation:none;
  transition:transform .42s cubic-bezier(.22,.8,.24,1),opacity .28s ease;
  will-change:transform,opacity;
}
.mega-menu.is-open .mega-panel{
  opacity:1;
  transform:translateY(0);
}
.mega-panel-head{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  padding:0 0 13px;
  border-bottom:1px solid rgba(255,255,255,.13);
  color:#8e929b;
  font-size:9px;
  letter-spacing:.16em;
}
.menu-close{
  min-width:auto;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background-color .2s ease,border-color .2s ease;
}
.menu-close:hover,
.menu-close:focus-visible{
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.13);
  outline:none;
}
.mega-grid{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(250px,.55fr);
  gap:32px;
  padding:16px 0 2px;
}
.mega-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.mega-links a{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  color:#f5f5f5;
  background:rgba(255,255,255,.025);
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}
.mega-links a:hover,
.mega-links a:focus-visible{
  padding-left:12px;
  color:#fff;
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.24);
  transform:translateY(-1px);
  outline:none;
}
.mega-links span{
  flex:0 0 auto;
  color:#777c86;
  font-size:8px;
  letter-spacing:.12em;
}
.mega-links strong{
  font-family:"DM Sans",Arial,sans-serif;
  font-size:14px;
  line-height:1.2;
  letter-spacing:-.02em;
  font-weight:700;
}
.mega-side{
  min-height:0;
  padding:17px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:#111;
  color:#fff;
  justify-content:flex-start;
  gap:12px;
}
.mega-side:before{display:none}
.mega-side p{
  max-width:none;
  margin:0;
  color:#b7bac2;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:11px;
  line-height:1.55;
}
.mega-login{
  min-height:38px;
  margin-top:auto;
  padding:0 12px;
  border-radius:9px;
  font-size:10px;
}
.mega-phone{
  color:#fff;
  font-size:11px;
}
.signed-card{margin-top:auto}

@media(max-width:820px){
  .mega-panel{
    width:100%;
    max-height:var(--qdomu-menu-panel-height,calc(100vh - 74px));
    padding:18px 18px 20px;
    border-radius:0;
  }
  .mega-grid{
    grid-template-columns:1fr;
    gap:14px;
    padding-top:14px;
  }
  .mega-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mega-links a{padding:10px;min-height:52px}
  .mega-links a:hover,.mega-links a:focus-visible{padding-left:10px}
  .mega-links strong{font-size:13px}
  .mega-side{min-height:0}
}
@media(max-width:480px){
  .mega-links{grid-template-columns:1fr}
  .mega-links a{min-height:47px}
  .mega-side p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  body>main,
  .mega-panel,
  .menu-backdrop,
  .account-mode-tabs span,
  .pace-options span,
  .payment-card{
    transition:none!important;
  }
}

/* v3.8 colorful menu, Fawesome film routing, and persistent themes */
:root{
  --menu-pink:#ef2cb7;
  --menu-purple:#6a38ff;
  --menu-blue:#4361ee;
  --menu-cyan:#04bedd;
}
html[data-theme="dark"]{
  --ink:#f4f5fb;
  --muted:#a8adbb;
  --line:#2b2f3a;
  --soft:#151821;
  --white:#11131a;
  --shadow:0 24px 80px rgba(0,0,0,.38);
  --shadow-soft:0 12px 36px rgba(0,0,0,.28);
}
body,
.site-header,.header-bar,.hero,.hero-wash,.campaign-shell,.form-step,
.services,.growth-lab,.web-section,.how-section,.guarantee,.faq,.final-cta,
.site-footer,.text-input,.url-control,.media-preview,.format-card,.goal-card,
.account-choice,.targeting-panel,.smart-input-shell,.smart-results,.smart-result,
.location-input-shell,.location-results,.location-result,.pace-options span,
.budget-panel,.payment-card,.auth-dialog,.music-recovery-result{
  transition:background-color .32s ease,color .32s ease,border-color .32s ease,box-shadow .32s ease;
}
body.theme-changing *{transition-duration:.32s!important}

/* Menu color system follows the pink, purple, blue and cyan QDOMU logo palette. */
.mega-panel{
  isolation:isolate;
  overflow:hidden auto;
  background:
    radial-gradient(circle at 8% 0%,rgba(239,44,183,.18),transparent 25%),
    radial-gradient(circle at 75% -10%,rgba(106,56,255,.22),transparent 32%),
    radial-gradient(circle at 100% 75%,rgba(4,190,221,.15),transparent 28%),
    #050505;
}
.mega-panel:before,.mega-panel:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:220px;height:220px;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;
  animation:menuGlowFloat 7s ease-in-out infinite alternate;
}
.mega-panel:before{left:12%;top:20%;background:var(--menu-pink)}
.mega-panel:after{right:8%;bottom:5%;background:var(--menu-cyan);animation-delay:-2.5s}
@keyframes menuGlowFloat{to{transform:translate3d(35px,18px,0) scale(1.18)}}
.menu-toggle.is-celebrating{animation:menuTogglePop .42s cubic-bezier(.22,.9,.3,1.4)}
@keyframes menuTogglePop{45%{transform:scale(1.12) rotate(-2deg);box-shadow:0 0 0 8px rgba(106,56,255,.11)}100%{transform:none}}
.mega-links{gap:10px}
.mega-links .menu-link{
  --menu-accent:var(--menu-purple);
  position:relative;
  min-height:66px;
  display:grid;
  grid-template-columns:auto 38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  overflow:hidden;
  padding:10px 12px;
  border-color:color-mix(in srgb,var(--menu-accent) 38%,rgba(255,255,255,.13));
  background:linear-gradient(135deg,color-mix(in srgb,var(--menu-accent) 12%,transparent),rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.menu-link-pink{--menu-accent:var(--menu-pink)!important}
.menu-link-purple{--menu-accent:var(--menu-purple)!important}
.menu-link-blue{--menu-accent:var(--menu-blue)!important}
.menu-link-cyan{--menu-accent:var(--menu-cyan)!important}
.mega-links .menu-link:before{
  content:"";position:absolute;inset:0;background:linear-gradient(115deg,var(--menu-accent),color-mix(in srgb,var(--menu-accent) 50%,#fff));opacity:0;transform:scaleX(.35);transform-origin:left;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none;
}
.mega-links .menu-link>*{position:relative;z-index:2}
.mega-links .menu-link:hover,.mega-links .menu-link:focus-visible{
  background:transparent;border-color:var(--menu-accent);transform:translateY(-3px) rotate(-.35deg);box-shadow:0 14px 32px color-mix(in srgb,var(--menu-accent) 25%,transparent);
}
.mega-links .menu-link:hover:before,.mega-links .menu-link:focus-visible:before,.mega-links .menu-link.is-activated:before{opacity:.92;transform:scaleX(1)}
.mega-links .menu-link.is-activated{animation:menuLinkParty .48s cubic-bezier(.2,.9,.2,1)}
@keyframes menuLinkParty{35%{transform:scale(.97) rotate(-1deg)}70%{transform:scale(1.025) rotate(.5deg)}}
.menu-index{font-size:8px!important;color:rgba(255,255,255,.5)!important}
.mega-icon{width:34px;height:34px;display:grid!important;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--menu-accent) 23%,rgba(255,255,255,.05));color:var(--menu-accent)!important;transition:background .25s ease,color .25s ease,transform .3s ease!important}
.mega-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-link:hover .mega-icon,.menu-link:focus-visible .mega-icon,.menu-link.is-activated .mega-icon{background:#fff;color:var(--menu-accent)!important;transform:rotate(-8deg) scale(1.08)}
.mega-links .menu-link strong{font-size:13px;color:#fff}
.menu-arrow{font-size:15px!important;color:rgba(255,255,255,.62)!important;transition:transform .28s ease,color .28s ease!important}
.menu-link:hover .menu-arrow,.menu-link:focus-visible .menu-arrow{transform:translate(3px,-3px);color:#fff!important}
.menu-link-burst{position:absolute!important;z-index:1!important;width:12px;height:12px;border-radius:50%;background:#fff;pointer-events:none;transform:translate(-50%,-50%) scale(0);opacity:.55;animation:menuBurst .62s ease-out forwards}
@keyframes menuBurst{to{transform:translate(-50%,-50%) scale(18);opacity:0}}

.theme-control{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(135deg,rgba(239,44,183,.12),rgba(106,56,255,.13),rgba(4,190,221,.10));
}
.theme-control-copy{display:flex;align-items:center;gap:10px;min-width:0}
.theme-control-copy small,.theme-control-copy strong{display:block}.theme-control-copy small{color:#9398a5;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.theme-control-copy strong{font-size:11px;color:#fff}
.theme-control-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--menu-pink),var(--menu-purple),var(--menu-cyan));color:#fff}
.theme-control-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.theme-toggle{position:relative;flex:0 0 50px;width:50px;height:28px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#242732;box-shadow:inset 0 2px 7px rgba(0,0,0,.3);transition:background .25s ease,border-color .25s ease}
.theme-toggle span{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.25);transition:transform .3s cubic-bezier(.22,.9,.3,1.2)}
.theme-toggle[aria-checked="true"]{background:linear-gradient(90deg,var(--menu-purple),var(--menu-cyan));border-color:transparent}
.theme-toggle[aria-checked="true"] span{transform:translateX(22px)}
.theme-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Dark theme */
html[data-theme="dark"] body{background:#090a10;color:#f4f5fb}
html[data-theme="dark"] .header-bar{border-color:rgba(255,255,255,.11);background:rgba(11,12,18,.91);box-shadow:0 12px 34px rgba(0,0,0,.32)}
html[data-theme="dark"] .menu-toggle{border-color:#343846;background:#171922;color:#fff}
html[data-theme="dark"] .menu-toggle i{background:#fff}
html[data-theme="dark"] .phone-link,html[data-theme="dark"] .signed-email{color:#b8bdc9}
html[data-theme="dark"] .header-cta{background:linear-gradient(90deg,var(--pink),var(--blue));color:#fff}
html[data-theme="dark"] .hero{background:#0c0e15}
html[data-theme="dark"] .hero-video{opacity:.30;filter:saturate(.8) contrast(1.05) brightness(.55)}
html[data-theme="dark"] .hero-wash{background:linear-gradient(180deg,rgba(9,10,16,.94),rgba(12,14,22,.83) 38%,rgba(9,10,16,.96))}
html[data-theme="dark"] .hero-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
html[data-theme="dark"] .campaign-shell,html[data-theme="dark"] .auth-dialog{background:#12141c;border-color:#2a2e3a;box-shadow:0 25px 80px rgba(0,0,0,.42)}
html[data-theme="dark"] .url-control,html[data-theme="dark"] .text-input,html[data-theme="dark"] .location-input-shell,html[data-theme="dark"] .smart-input-shell{background:#0d0f16;color:#f5f6fb;border-color:#373b48}
html[data-theme="dark"] input,html[data-theme="dark"] textarea{color:#f5f6fb}
html[data-theme="dark"] input::placeholder{color:#707684}
html[data-theme="dark"] .media-preview,html[data-theme="dark"] .format-card,html[data-theme="dark"] .goal-card,html[data-theme="dark"] .account-choice,html[data-theme="dark"] .targeting-panel,html[data-theme="dark"] .budget-panel,html[data-theme="dark"] .payment-card,html[data-theme="dark"] .pace-options span{background:#151821;border-color:#303442;color:#f4f5fb}
html[data-theme="dark"] .platform-logo{box-shadow:none}
html[data-theme="dark"] .edit-link,html[data-theme="dark"] .ghost-button{background:#181b24;color:#bdb3ff;border-color:#353946}
html[data-theme="dark"] .smart-results,html[data-theme="dark"] .location-results{background:#11131a;border-color:#343845;box-shadow:0 18px 45px rgba(0,0,0,.38)}
html[data-theme="dark"] .smart-result,html[data-theme="dark"] .location-result{background:#11131a;color:#f4f5fb}
html[data-theme="dark"] .smart-result:hover,html[data-theme="dark"] .location-result:hover{background:#232034}
html[data-theme="dark"] .services,html[data-theme="dark"] .growth-lab,html[data-theme="dark"] .web-section,html[data-theme="dark"] .faq,html[data-theme="dark"] .site-footer{background:#090a10;color:#f4f5fb}
html[data-theme="dark"] .how-section,html[data-theme="dark"] .guarantee{background:#10121a;color:#f4f5fb}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .insight-card,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .web-showcase{background:#151821;border-color:#2c303c;color:#f4f5fb}
html[data-theme="dark"] .field-hint,html[data-theme="dark"] .preview-copy p,html[data-theme="dark"] .goal-card small,html[data-theme="dark"] .payment-card small,html[data-theme="dark"] .account-choice-head>small{color:#a2a8b6}
html[data-theme="dark"] .auth-close{color:#fff}
html[data-theme="dark"] .site-footer{border-top-color:#282b36}

@media(max-width:820px){
  .mega-links .menu-link{grid-template-columns:auto 34px minmax(0,1fr) auto;min-height:58px}
  .mega-icon{width:31px;height:31px}
}
@media(prefers-reduced-motion:reduce){
  .mega-panel:before,.mega-panel:after,.menu-toggle.is-celebrating,.menu-link.is-activated,.menu-link-burst{animation:none!important}
  .mega-links .menu-link,.mega-icon,.menu-arrow,.theme-toggle span{transition:none!important}
}

/* v3.9 dark-theme contrast and campaign visibility refinements */
html[data-theme="dark"]{
  --dark-purple-surface:#261253;
  --dark-purple-surface-2:#32166f;
  --dark-purple-border:#784cff;
  --dark-pink-text:#ff67d3;
  --dark-blue-active:#18c7ff;
}

/* Keep the login action readable in the dark header. */
html[data-theme="dark"] .auth-link,
html[data-theme="dark"] .member-header-links a{
  color:#fff;
}
html[data-theme="dark"] .auth-link:hover,
html[data-theme="dark"] .auth-link:focus-visible,
html[data-theme="dark"] .member-header-links a:hover,
html[data-theme="dark"] .member-header-links a:focus-visible{
  color:var(--dark-pink-text);
  outline:none;
}

/* Hero message bubble: solid black, no white glow, stronger dark-theme contrast. */
html[data-theme="dark"] .hero-copy{
  background:#030409;
  border:1px solid rgba(120,76,255,.48);
  box-shadow:none;
}
html[data-theme="dark"] .hero-copy h1{
  color:#fff;
  text-shadow:none;
}
html[data-theme="dark"] .hero-copy h1 em{
  background:linear-gradient(90deg,#ff55c8 0%,#9d6cff 48%,#20d9ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
html[data-theme="dark"] .hero-copy>p,
html[data-theme="dark"] .hero-copy .eyebrow{
  color:#fff;
  text-shadow:none;
}
html[data-theme="dark"] .hero-copy .eyebrow:before{
  background:linear-gradient(90deg,#ff55c8,#8e62ff,#20d9ff);
}

/* Replace flat grey campaign surfaces with rich purple panels. */
html[data-theme="dark"] .media-preview,
html[data-theme="dark"] .format-card,
html[data-theme="dark"] .goal-card,
html[data-theme="dark"] .account-choice,
html[data-theme="dark"] .targeting-panel,
html[data-theme="dark"] .budget-panel,
html[data-theme="dark"] .payment-card,
html[data-theme="dark"] .pace-options span,
html[data-theme="dark"] .music-recovery-result,
html[data-theme="dark"] .engagement-card{
  background:linear-gradient(145deg,var(--dark-purple-surface-2),var(--dark-purple-surface));
  border-color:rgba(157,108,255,.72);
  color:#fff;
  box-shadow:0 13px 32px rgba(43,16,100,.24);
}
html[data-theme="dark"] .format-card:hover,
html[data-theme="dark"] .goal-card:hover,
html[data-theme="dark"] .account-choice:hover,
html[data-theme="dark"] .payment-card:hover,
html[data-theme="dark"] .pace-options span:hover{
  border-color:#b888ff;
  background:linear-gradient(145deg,#3a1a82,#2a125f);
}

/* Text that was dark in the light theme becomes bright pink in dark mode. */
html[data-theme="dark"] .campaign-shell .micro-label,
html[data-theme="dark"] .campaign-shell .field-label,
html[data-theme="dark"] .campaign-shell .format-card strong,
html[data-theme="dark"] .campaign-shell .goal-card strong,
html[data-theme="dark"] .campaign-shell .account-choice strong,
html[data-theme="dark"] .campaign-shell .targeting-panel h3,
html[data-theme="dark"] .campaign-shell .budget-panel h3,
html[data-theme="dark"] .campaign-shell .budget-panel strong,
html[data-theme="dark"] .campaign-shell .payment-card strong,
html[data-theme="dark"] .campaign-shell .pace-options strong,
html[data-theme="dark"] .campaign-shell .media-preview h3,
html[data-theme="dark"] .campaign-shell legend{
  color:var(--dark-pink-text);
}
html[data-theme="dark"] .campaign-shell .goal-card small,
html[data-theme="dark"] .campaign-shell .payment-card small,
html[data-theme="dark"] .campaign-shell .account-choice-head>small,
html[data-theme="dark"] .campaign-shell .field-hint,
html[data-theme="dark"] .campaign-shell .preview-copy p{
  color:#f5eaff;
}

/* Selected campaign stage is unmistakably bright blue. */
html[data-theme="dark"] .stepper>i{
  background:#44306f;
}
html[data-theme="dark"] .step.is-active{
  color:var(--dark-blue-active);
}
html[data-theme="dark"] .step.is-active b{
  background:var(--dark-blue-active);
  color:#00151d;
  box-shadow:0 0 0 4px rgba(24,199,255,.18),0 0 24px rgba(24,199,255,.45);
}
html[data-theme="dark"] .step.is-complete{
  color:#c9b5ff;
}
html[data-theme="dark"] .step.is-complete b{
  background:#6f43ff;
  color:#fff;
}

/* Growth-dashboard cards: black bubbles, white labels, purple metric values. */
html[data-theme="dark"] .film-insight{
  background:linear-gradient(145deg,#25104f,#160b2e);
  border-color:rgba(159,101,255,.68);
}
html[data-theme="dark"] .film-insight .insight-top{
  border-bottom-color:rgba(255,255,255,.17);
}
html[data-theme="dark"] .film-insight .insight-top span,
html[data-theme="dark"] .film-insight .insight-top small{
  color:#fff;
}
html[data-theme="dark"] .film-stats span{
  background:#040407;
  border:1px solid rgba(151,92,255,.62);
  color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
}
html[data-theme="dark"] .film-stats small{
  color:#fff;
}
html[data-theme="dark"] .film-stats strong{
  color:#b77aff;
}
html[data-theme="dark"] .rank-track{
  color:#fff;
}
html[data-theme="dark"] .rank-track i{
  background:#060609;
  border:1px solid rgba(151,92,255,.4);
}
html[data-theme="dark"] .rank-track em{
  color:#c58cff;
}

/* Supporting metric bubbles use the same dark, high-contrast language. */
html[data-theme="dark"] .metric-row span{
  background:#050508;
  border-color:rgba(151,92,255,.56);
  color:#fff;
}
html[data-theme="dark"] .metric-row b{
  color:#b77aff;
}
html[data-theme="dark"] .metric-row small{
  color:#fff;
}

/* Bottom callouts become purple feature bubbles with white copy. */
html[data-theme="dark"] .guarantee-card,
html[data-theme="dark"] .faq .section-heading{
  background:linear-gradient(135deg,#5220a8 0%,#6f32d8 52%,#7c3cff 100%);
  border:1px solid rgba(209,184,255,.44);
  color:#fff;
  box-shadow:0 24px 70px rgba(49,14,112,.42);
}
html[data-theme="dark"] .faq .section-heading{
  max-width:none;
  padding:32px 36px;
  border-radius:26px;
}
html[data-theme="dark"] .guarantee-card .section-label,
html[data-theme="dark"] .guarantee-card h2,
html[data-theme="dark"] .guarantee-card p,
html[data-theme="dark"] .faq .section-heading .section-label,
html[data-theme="dark"] .faq .section-heading h2{
  color:#fff;
}
html[data-theme="dark"] .guarantee-card .section-label:before,
html[data-theme="dark"] .faq .section-heading .section-label:before{
  background:linear-gradient(90deg,#fff,#ff85da,#4ce4ff);
}
html[data-theme="dark"] .guarantee-card>a{
  border-color:rgba(255,255,255,.62);
  background:#08050e;
  color:#fff;
}
html[data-theme="dark"] .guarantee-card>a:hover,
html[data-theme="dark"] .guarantee-card>a:focus-visible{
  background:#fff;
  color:#551fa8;
  outline:none;
}

@media(max-width:720px){
  html[data-theme="dark"] .hero-copy{
    padding:18px 16px 22px;
  }
  html[data-theme="dark"] .faq .section-heading{
    padding:26px 22px;
  }
}

/* v4.0 dark-theme readability refinements requested from live screenshots */
html[data-theme="dark"] .hero-proof-row>div{
  background:linear-gradient(135deg,#4c1fa0 0%,#662bd2 56%,#7c3cff 100%);
  border-color:rgba(221,204,255,.48);
  color:#fff;
  box-shadow:0 16px 42px rgba(58,20,132,.34);
}
html[data-theme="dark"] .hero-proof-row strong,
html[data-theme="dark"] .hero-proof-row span{
  color:#fff;
}
html[data-theme="dark"] .hero-proof-row span{
  opacity:.94;
}

/* Replace muted grey supporting copy throughout the campaign examples. */
html[data-theme="dark"] .growth-copy>p,
html[data-theme="dark"] .growth-copy li,
html[data-theme="dark"] .growth-copy .story-note,
html[data-theme="dark"] .growth-story .insight-top small,
html[data-theme="dark"] .growth-story .listener-total span,
html[data-theme="dark"] .growth-story .video-preview-card small,
html[data-theme="dark"] .growth-story .view-total span,
html[data-theme="dark"] .growth-story .rank-track,
html[data-theme="dark"] .growth-story .rank-track span,
html[data-theme="dark"] .growth-story .rank-track em{
  color:#fff;
}
html[data-theme="dark"] .growth-copy li{
  border-bottom-color:rgba(255,255,255,.34);
}
html[data-theme="dark"] .growth-copy li:before{
  color:#34f0ba;
}
html[data-theme="dark"] .growth-copy .story-note{
  opacity:.92;
}
html[data-theme="dark"] .growth-story .video-preview-card>div:last-child{
  background:#0a0712;
}

/* FAQ cards become purple bubbles with white answers and purple questions. */
html[data-theme="dark"] .faq details{
  background:linear-gradient(145deg,#2c115d 0%,#3c177f 55%,#4d1d9e 100%);
  border-color:rgba(203,171,255,.5);
  color:#fff;
  box-shadow:0 16px 38px rgba(38,11,88,.34);
}
html[data-theme="dark"] .faq details:hover,
html[data-theme="dark"] .faq details[open]{
  background:linear-gradient(145deg,#35136f 0%,#4b1c9d 58%,#5b25b5 100%);
  border-color:#a97cff;
}
html[data-theme="dark"] .faq summary{
  color:#d5adff;
}
html[data-theme="dark"] .faq summary::marker,
html[data-theme="dark"] .faq summary::-webkit-details-marker{
  color:#b87cff;
}
html[data-theme="dark"] .faq p{
  color:#fff;
}

@media(max-width:720px){
  html[data-theme="dark"] .hero-proof-row>div{
    padding:16px;
  }
  html[data-theme="dark"] .faq details{
    padding:18px;
  }
}

/* v4.1 campaign form contrast and QDOMU logo update */
.brand{
  width:126px;
  height:42px;
  border-radius:7px;
  overflow:hidden;
  background:#f50000;
}
.brand img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none;
}
.footer-brand img,
.auth-logo{
  height:auto;
  border-radius:7px;
  background:#f50000;
}
.footer-brand img{width:124px}
.auth-logo{width:142px}

/* Proceed buttons are red at rest and retain the existing purple hover state. */
.campaign-shell .primary-button,
.campaign-shell .start-button{
  background:#e21b2d;
  border-color:#e21b2d;
  color:#fff;
  box-shadow:0 10px 24px rgba(226,27,45,.26);
}
.campaign-shell .primary-button:hover:not(:disabled),
.campaign-shell .primary-button:focus-visible:not(:disabled),
.campaign-shell .start-button:hover:not(:disabled),
.campaign-shell .start-button:focus-visible:not(:disabled){
  background:#6c28ff;
  border-color:#6c28ff;
  color:#fff;
  box-shadow:0 12px 28px rgba(108,40,255,.28);
}

/* In dark mode these targeting sections deliberately switch to white cards. */
html[data-theme="dark"] #interestPanel,
html[data-theme="dark"] #demographicsPanel,
html[data-theme="dark"] .budget-panel{
  background:#fff;
  border-color:#d8dbe5;
  color:#10121a;
  box-shadow:0 16px 40px rgba(0,0,0,.24);
}
html[data-theme="dark"] #interestPanel .micro-label,
html[data-theme="dark"] #interestPanel .targeting-heading h3,
html[data-theme="dark"] #interestPanel .field-label,
html[data-theme="dark"] #demographicsPanel .micro-label,
html[data-theme="dark"] #demographicsPanel .targeting-heading h3,
html[data-theme="dark"] #demographicsPanel .field-label,
html[data-theme="dark"] #demographicsPanel .demographic-policy,
html[data-theme="dark"] .budget-panel .micro-label,
html[data-theme="dark"] .budget-panel .budget-heading h3,
html[data-theme="dark"] .budget-panel .budget-value small,
html[data-theme="dark"] .budget-panel .budget-value strong,
html[data-theme="dark"] .budget-panel .budget-scale,
html[data-theme="dark"] .budget-panel .engagement-card span,
html[data-theme="dark"] .budget-panel .engagement-card small{
  color:#10121a;
}
html[data-theme="dark"] #interestPanel .location-status,
html[data-theme="dark"] #interestPanel .field-hint{
  color:#555d6c;
}
html[data-theme="dark"] #interestPanel .selection-counter,
html[data-theme="dark"] #demographicsPanel .demographic-note{
  background:#eee9ff;
  color:#4f2bd8;
}
html[data-theme="dark"] #demographicsPanel .age-group-grid span,
html[data-theme="dark"] #demographicsPanel .gender-options span{
  background:#fff;
  color:#11151f;
  border-color:#cfd4df;
}
html[data-theme="dark"] #demographicsPanel .age-group-grid input:checked+span,
html[data-theme="dark"] #demographicsPanel .gender-options input:checked+span{
  background:#eee9ff;
  color:#5b2ee8;
  border-color:#6c28ff;
}
html[data-theme="dark"] #demographicsPanel .gender-options small{
  color:#555d6c;
}
html[data-theme="dark"] .budget-panel .engagement-card{
  background:transparent;
  border-color:#d5d9e2;
  box-shadow:none;
  color:#10121a;
}
html[data-theme="dark"] .budget-panel .engagement-card strong{
  color:#10121a;
}
html[data-theme="dark"] .budget-panel .budget-offer{
  color:#10121a;
}

/* Save Your Campaign choices: black unselected text, purple selected text. */
html[data-theme="dark"] .account-mode-tabs span{
  background:#fff;
  color:#11151f;
  border-color:#d7dbe4;
  box-shadow:none;
}
html[data-theme="dark"] .account-mode-tabs label:hover span{
  border-color:#9e85ff;
  background:#faf8ff;
}
html[data-theme="dark"] .account-mode-tabs input:checked+span{
  background:#f0ebff;
  color:#5b2ee8;
  border-color:#6c28ff;
  box-shadow:0 0 0 3px rgba(108,40,255,.12);
}

@media(max-width:820px){
  .brand{width:104px;height:35px}
}

/* v4.2 transparent logo and dark campaign workspace refinements */
.brand{
  background:transparent;
  border-radius:0;
  overflow:visible;
}
.brand img{
  object-fit:contain;
  background:transparent;
}
.footer-brand img,
.auth-logo{
  background:transparent;
  border-radius:0;
}

html[data-theme="dark"]{
  --campaign-v42-surface:#151821;
  --campaign-v42-surface-deep:#0e1118;
  --campaign-v42-border:#353a49;
  --campaign-v42-muted:#d9deea;
}

/* Remove the light cards from the dark campaign flow. */
html[data-theme="dark"] #interestPanel,
html[data-theme="dark"] #filmTargeting,
html[data-theme="dark"] #musicTargeting,
html[data-theme="dark"] #demographicsPanel,
html[data-theme="dark"] .budget-panel{
  background:linear-gradient(145deg,var(--campaign-v42-surface),var(--campaign-v42-surface-deep));
  border-color:var(--campaign-v42-border);
  color:#fff;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
}

/* Major campaign headings and labels stay white on the dark workspace. */
html[data-theme="dark"] .campaign-topline h2,
html[data-theme="dark"] .campaign-shell .targeting-heading h3,
html[data-theme="dark"] .campaign-shell .budget-heading h3,
html[data-theme="dark"] .campaign-shell .checkout-title,
html[data-theme="dark"] .campaign-shell .account-choice-head h3,
html[data-theme="dark"] .campaign-shell .preview-copy h3,
html[data-theme="dark"] .campaign-shell .field-label,
html[data-theme="dark"] .campaign-shell legend{
  color:#fff;
}

/* Campaign artwork title, URL/domain and field helper copy. */
html[data-theme="dark"] .campaign-shell .preview-copy p,
html[data-theme="dark"] .campaign-shell .location-status,
html[data-theme="dark"] .campaign-shell .field-hint,
html[data-theme="dark"] .campaign-shell .inline-status,
html[data-theme="dark"] .campaign-shell .demographic-policy{
  color:var(--campaign-v42-muted);
}

/* Target-location and campaign-detail inputs remain fully dark. */
html[data-theme="dark"] .campaign-shell .text-input,
html[data-theme="dark"] .campaign-shell .location-input-shell,
html[data-theme="dark"] .campaign-shell .smart-input-shell{
  background:#090c13;
  border-color:#3a4050;
  color:#fff;
}
html[data-theme="dark"] .campaign-shell .text-input::placeholder,
html[data-theme="dark"] .campaign-shell input::placeholder{
  color:#8f96a6;
}
html[data-theme="dark"] .campaign-shell .location-input-shell>span,
html[data-theme="dark"] .campaign-shell .smart-input-shell>span{
  color:#fff;
}

/* Audience and film targeting supporting controls. */
html[data-theme="dark"] #interestPanel .selection-counter,
html[data-theme="dark"] #filmTargeting .selection-counter,
html[data-theme="dark"] #musicTargeting .selection-counter,
html[data-theme="dark"] #demographicsPanel .demographic-note{
  background:#6c28ff;
  color:#fff;
}
html[data-theme="dark"] #demographicsPanel .age-group-grid span,
html[data-theme="dark"] #demographicsPanel .gender-options span{
  background:#0d1018;
  color:#fff;
  border-color:#3a4050;
}
html[data-theme="dark"] #demographicsPanel .age-group-grid input:checked+span,
html[data-theme="dark"] #demographicsPanel .gender-options input:checked+span{
  background:#32206a;
  color:#fff;
  border-color:#8e64ff;
  box-shadow:0 0 0 3px rgba(108,40,255,.18);
}
html[data-theme="dark"] #demographicsPanel .gender-options small,
html[data-theme="dark"] #demographicsPanel .demographic-policy{
  color:#d9deea;
}

/* Budget panel copy and offer strip no longer introduce light surfaces. */
html[data-theme="dark"] .budget-panel .budget-value small,
html[data-theme="dark"] .budget-panel .budget-value strong,
html[data-theme="dark"] .budget-panel .budget-scale,
html[data-theme="dark"] .budget-panel .engagement-card span,
html[data-theme="dark"] .budget-panel .engagement-card strong,
html[data-theme="dark"] .budget-panel .engagement-card small,
html[data-theme="dark"] .budget-panel .budget-offer{
  color:#fff;
}
html[data-theme="dark"] .budget-panel .budget-offer{
  background:#0b0e15;
  border:1px solid #4a3a75;
}
html[data-theme="dark"] .budget-panel .budget-offer>span,
html[data-theme="dark"] .budget-panel .budget-offer .offer-badge{
  background:#6c28ff;
  color:#fff;
}
html[data-theme="dark"] .budget-panel .engagement-card{
  background:transparent;
  border-color:#353a49;
  box-shadow:none;
}

/* Payment wording and acceptance checkbox must be readable in dark mode. */
html[data-theme="dark"] .campaign-shell .payment-card strong,
html[data-theme="dark"] .campaign-shell .payment-card small,
html[data-theme="dark"] .campaign-shell .terms-check,
html[data-theme="dark"] .campaign-shell .terms-check span{
  color:#fff;
}
html[data-theme="dark"] .campaign-shell .terms-check input{
  appearance:none;
  -webkit-appearance:none;
  width:17px;
  height:17px;
  flex:0 0 17px;
  margin-top:1px;
  border:1px solid #fff;
  border-radius:4px;
  background:#fff;
  display:grid;
  place-items:center;
}
html[data-theme="dark"] .campaign-shell .terms-check input:checked::after{
  content:"✓";
  color:#5b20d6;
  font-size:13px;
  line-height:1;
  font-weight:900;
}
html[data-theme="dark"] .campaign-shell .terms-check input:focus-visible{
  outline:3px solid rgba(41,203,255,.35);
  outline-offset:2px;
}

/* Keep the campaign media card dark and its title/domain white. */
html[data-theme="dark"] .campaign-shell .media-preview{
  background:linear-gradient(145deg,#271255,#171126);
  border-color:#734cff;
}
html[data-theme="dark"] .campaign-shell .preview-copy h3,
html[data-theme="dark"] .campaign-shell .preview-copy p{
  color:#fff;
}

/* Save Your Campaign choices no longer introduce white tiles in dark mode. */
html[data-theme="dark"] .account-mode-tabs span{
  background:#0d1018;
  color:#fff;
  border-color:#3a4050;
}
html[data-theme="dark"] .account-mode-tabs label:hover span,
html[data-theme="dark"] .account-mode-tabs label:focus-within span{
  background:#171b27;
  color:#fff;
  border-color:#8e64ff;
}
html[data-theme="dark"] .account-mode-tabs input:checked+span{
  background:#32206a;
  color:#fff;
  border-color:#8e64ff;
  box-shadow:0 0 0 3px rgba(108,40,255,.18);
}

/* v4.3 dark workspace text contrast and interactive logo highlight */
html[data-theme="dark"] #interestPanel,
html[data-theme="dark"] #filmTargeting,
html[data-theme="dark"] #musicTargeting,
html[data-theme="dark"] #demographicsPanel,
html[data-theme="dark"] .budget-panel{
  color:#fff;
}

/* Override older high-specificity light-theme text rules inside dark panels. */
html[data-theme="dark"] #interestPanel .micro-label,
html[data-theme="dark"] #interestPanel .targeting-heading h3,
html[data-theme="dark"] #interestPanel .field-label,
html[data-theme="dark"] #interestPanel .field-label small,
html[data-theme="dark"] #interestPanel .location-status,
html[data-theme="dark"] #interestPanel .field-hint,
html[data-theme="dark"] #filmTargeting .micro-label,
html[data-theme="dark"] #filmTargeting .targeting-heading h3,
html[data-theme="dark"] #filmTargeting .field-label,
html[data-theme="dark"] #filmTargeting .field-label small,
html[data-theme="dark"] #filmTargeting .location-status,
html[data-theme="dark"] #filmTargeting .field-hint,
html[data-theme="dark"] #musicTargeting .micro-label,
html[data-theme="dark"] #musicTargeting .targeting-heading h3,
html[data-theme="dark"] #musicTargeting .field-label,
html[data-theme="dark"] #musicTargeting .field-label small,
html[data-theme="dark"] #musicTargeting .field-hint,
html[data-theme="dark"] #demographicsPanel .micro-label,
html[data-theme="dark"] #demographicsPanel .targeting-heading h3,
html[data-theme="dark"] #demographicsPanel .field-label,
html[data-theme="dark"] #demographicsPanel .field-label small,
html[data-theme="dark"] #demographicsPanel .demographic-policy,
html[data-theme="dark"] .budget-panel .micro-label,
html[data-theme="dark"] .budget-panel .budget-heading h3,
html[data-theme="dark"] .budget-panel .budget-value small,
html[data-theme="dark"] .budget-panel .budget-value strong,
html[data-theme="dark"] .budget-panel .budget-scale,
html[data-theme="dark"] .budget-panel .budget-offer,
html[data-theme="dark"] .budget-panel .budget-offer strong,
html[data-theme="dark"] .budget-panel .budget-offer small,
html[data-theme="dark"] .budget-panel .engagement-card span,
html[data-theme="dark"] .budget-panel .engagement-card strong,
html[data-theme="dark"] .budget-panel .engagement-card em,
html[data-theme="dark"] .budget-panel .engagement-card small{
  color:#fff;
}

html[data-theme="dark"] #interestPanel .smart-input-shell,
html[data-theme="dark"] #filmTargeting .smart-input-shell,
html[data-theme="dark"] #musicTargeting .smart-input-shell{
  color:#fff;
}

/* Give the transparent logo a bright, playful hover/focus treatment. */
.brand,
.footer-brand{
  position:relative;
  isolation:isolate;
  border-radius:10px;
  transition:transform .24s ease,filter .24s ease;
}
.brand::before,
.footer-brand::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-7px -10px;
  border-radius:14px;
  background:linear-gradient(110deg,rgba(255,45,157,.58),rgba(112,49,255,.52),rgba(0,210,255,.55));
  filter:blur(13px);
  opacity:0;
  transform:scale(.84);
  transition:opacity .24s ease,transform .24s ease;
  pointer-events:none;
}
.brand img,
.footer-brand img{
  transition:transform .24s ease,filter .24s ease;
}
.brand:hover,
.brand:focus-visible,
.footer-brand:hover,
.footer-brand:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.12) saturate(1.18);
}
.brand:hover::before,
.brand:focus-visible::before,
.footer-brand:hover::before,
.footer-brand:focus-visible::before{
  opacity:1;
  transform:scale(1);
}
.brand:hover img,
.brand:focus-visible img,
.footer-brand:hover img,
.footer-brand:focus-visible img{
  transform:scale(1.07);
  filter:drop-shadow(0 0 6px rgba(255,255,255,.38));
}
.brand:focus-visible,
.footer-brand:focus-visible{
  outline:2px solid #29cbff;
  outline-offset:7px;
}

@media(prefers-reduced-motion:reduce){
  .brand,
  .footer-brand,
  .brand::before,
  .footer-brand::before,
  .brand img,
  .footer-brand img{
    transition:none;
  }
}


/* v4.5 required-field guidance and header-only logo highlight */
/* The footer logo remains completely static on hover/focus. */
.footer-brand,
.footer-brand:hover,
.footer-brand:focus-visible,
.footer-brand img,
.footer-brand:hover img,
.footer-brand:focus-visible img{
  transform:none !important;
  filter:none !important;
  transition:none !important;
}
.footer-brand::before,
.footer-brand:hover::before,
.footer-brand:focus-visible::before{
  content:none !important;
  display:none !important;
  opacity:0 !important;
}
.footer-brand:focus-visible{
  outline:2px solid currentColor;
  outline-offset:6px;
}

/* Required fields receive a high-contrast pulse when progression is blocked. */
input.is-required-missing,
select.is-required-missing,
textarea.is-required-missing,
.url-control.is-required-missing,
.password-shell.is-required-missing,
.smart-input-shell.is-required-missing,
.terms-check.is-required-missing{
  border-color:#ff174d !important;
  box-shadow:0 0 0 4px rgba(255,23,77,.20),0 0 26px rgba(255,23,77,.28) !important;
  animation:qdomuRequiredPulse .7s ease both;
}
input.is-required-missing,
select.is-required-missing,
textarea.is-required-missing{
  background-color:#fff8fa;
}
.terms-check.is-required-missing{
  border-radius:12px;
  padding:10px 12px;
  background:rgba(255,23,77,.08);
}
.terms-check.is-required-missing span{
  color:#c00035 !important;
  font-weight:800;
}
html[data-theme="dark"] input.is-required-missing,
html[data-theme="dark"] select.is-required-missing,
html[data-theme="dark"] textarea.is-required-missing{
  background-color:#160b13 !important;
  color:#fff !important;
}
html[data-theme="dark"] .terms-check.is-required-missing{
  background:rgba(255,23,77,.16);
}
html[data-theme="dark"] .terms-check.is-required-missing span{
  color:#fff !important;
}
@keyframes qdomuRequiredPulse{
  0%{transform:translateX(0)}
  22%{transform:translateX(-5px)}
  44%{transform:translateX(5px)}
  66%{transform:translateX(-3px)}
  100%{transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){
  input.is-required-missing,
  select.is-required-missing,
  textarea.is-required-missing,
  .url-control.is-required-missing,
  .password-shell.is-required-missing,
  .smart-input-shell.is-required-missing,
  .terms-check.is-required-missing{
    animation:none;
  }
}

/* v4.6 YouTube format selection and dark-card contrast */
/* Purple campaign cards use white copy consistently in dark mode. */
html[data-theme="dark"] .campaign-shell .format-card>strong,
html[data-theme="dark"] .campaign-shell .format-card>p,
html[data-theme="dark"] .campaign-shell .goal-card>strong,
html[data-theme="dark"] .campaign-shell .goal-card>small,
html[data-theme="dark"] .campaign-shell .goal-card>.help-bubble,
html[data-theme="dark"] .campaign-shell .optimization-block .option-heading h3,
html[data-theme="dark"] .campaign-shell .youtube-options>.option-heading h3{
  color:#fff !important;
}

/* The ad-format card itself is a clear, keyboard-accessible selection control. */
.format-card{
  position:relative;
  cursor:pointer;
}
.format-card:focus-within{
  outline:3px solid rgba(24,199,255,.34);
  outline-offset:3px;
}
.format-card.is-selected{
  border-color:#18c7ff;
  box-shadow:0 0 0 4px rgba(24,199,255,.17),0 16px 34px rgba(25,78,164,.18);
  transform:translateY(-2px);
}
.format-card.is-selected::after{
  content:"Selected ✓";
  position:absolute;
  top:10px;
  right:10px;
  z-index:4;
  padding:5px 8px;
  border-radius:999px;
  background:#18c7ff;
  color:#00131b;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 7px 18px rgba(0,0,0,.2);
}
html[data-theme="dark"] .format-card.is-selected{
  background:linear-gradient(145deg,#41208f,#25105c);
  border-color:#27d2ff;
  box-shadow:0 0 0 4px rgba(39,210,255,.2),0 0 28px rgba(39,210,255,.25),0 18px 40px rgba(0,0,0,.28);
}

/* The title inside the white In-feed mockup should remain black in dark mode. */
html[data-theme="dark"] .campaign-shell .infeed-mock b{
  color:#07080c !important;
}

@media(max-width:560px){
  .format-card.is-selected::after{
    top:8px;
    right:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  .format-card.is-selected{
    transform:none;
  }
}


/* v4.8 mobile arrow icon refresh */
@media(max-width:820px){
  .url-control .link-icon{
    width:18px;
    height:18px;
    align-self:center;
    justify-self:center;
    font-size:0 !important;
    color:transparent !important;
    background:url("../images/ui-arrow-sleek.png") center/16px 16px no-repeat;
    filter:drop-shadow(0 3px 10px rgba(92,68,255,.25));
  }
  .supported-row .platform-logo.youtube{
    position:relative;
    padding-left:24px;
    font-size:0;
    color:#fff !important;
    background:#ff0000;
    border-color:#ff3b3b;
  }
  .supported-row .platform-logo.youtube::before{
    content:"";
    position:absolute;
    left:8px;
    top:50%;
    width:10px;
    height:10px;
    transform:translateY(-50%);
    background:url("../images/ui-youtube-triangle-white.png") center/contain no-repeat;
  }
  .supported-row .platform-logo.youtube::after{
    content:"YouTube";
    font-size:9px;
    font-weight:800;
    line-height:1;
    color:#fff;
  }
  .mega-links .menu-link .menu-arrow{
    display:inline-block;
    width:16px;
    height:16px;
    font-size:0 !important;
    color:transparent !important;
    background:url("../images/ui-arrow-sleek.png") center/14px 14px no-repeat;
    filter:drop-shadow(0 3px 10px rgba(92,68,255,.24));
  }
  .menu-link:hover .menu-arrow,
  .menu-link:focus-visible .menu-arrow{
    transform:translate(3px,-3px) scale(1.03);
  }
}


/* v4.9 mobile YouTube Growth play icon and footer copyright */
.footer-copyright{
  grid-column:1/-1;
  justify-self:center;
  width:100%;
  margin:2px 0 0;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:#69717e;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-align:center;
}
html[data-theme="dark"] .footer-copyright{
  border-top-color:#282b36;
  color:#fff;
}
@media(max-width:820px){
  .service-icon.youtube-icon{
    font-size:0;
    background-color:#ff0000;
    background-image:url("../images/ui-youtube-triangle-white.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:22px 22px;
  }
  .footer-copyright{
    grid-column:1;
    margin-top:4px;
    padding-top:16px;
    line-height:1.5;
  }
}

/* v5.0 Apple Music platform icon and footer copyright symbol */
.platform-logo{
  gap:6px;
}
.platform-logo .platform-icon{
  width:13px;
  height:13px;
  object-fit:contain;
  flex:0 0 auto;
  display:block;
}
.platform-logo.apple .platform-icon{
  width:14px;
  height:14px;
}
.platform-band-logos .platform-logo .platform-icon{
  width:14px;
  height:14px;
}
.supported-row .platform-logo .platform-icon{
  width:12px;
  height:12px;
}
@media(max-width:820px){
  .platform-logo{
    gap:5px;
  }
  .supported-row .platform-logo .platform-icon{
    width:11px;
    height:11px;
  }
}

/* v5.0.2 Apple Music badge icon refinement */
.platform-logo.apple{
  gap:5px;
}
.platform-logo.apple .apple-icon{
  width:15px;
  height:15px;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));
}
.platform-band-logos .platform-logo.apple .apple-icon{
  width:16px;
  height:16px;
}
@media(max-width:820px){
  .supported-row .platform-logo.apple .apple-icon{
    width:13px;
    height:13px;
  }
}

/* v5.1 administrator analytics link */
.member-header-links .admin-analytics-link{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff3ab5,#7448ff,#17c9ff);
  color:#fff !important;
  box-shadow:0 7px 18px rgba(111,54,255,.22);
}
.member-header-links .admin-analytics-link:hover,
.member-header-links .admin-analytics-link:focus-visible{
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(111,54,255,.32);
}

/* v5.3 hero visibility, campaign loading copy, optimization cursors, and dark account panel */
.hero-video{
  opacity:.48;
  filter:saturate(.96) contrast(.96) brightness(.96);
}
.hero-wash{
  background:
    radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.78) 0%,rgba(255,255,255,.54) 35%,rgba(255,255,255,.20) 68%,rgba(255,255,255,.36) 100%),
    linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.18) 42%,rgba(246,248,252,.70) 100%);
}
.goal-card,
.goal-card input,
.help-bubble{
  cursor:pointer;
}
html[data-theme="dark"] .hero-video{
  opacity:.50;
  filter:saturate(.92) contrast(1.06) brightness(.70);
}
html[data-theme="dark"] .hero-wash{
  background:linear-gradient(180deg,rgba(9,10,16,.72),rgba(12,14,22,.56) 38%,rgba(9,10,16,.82));
}
html[data-theme="dark"] .campaign-shell .account-choice{
  background:#000;
  border-color:#333846;
  box-shadow:0 16px 42px rgba(0,0,0,.34);
}
html[data-theme="dark"] .campaign-shell .account-choice:hover{
  background:#000;
  border-color:#585f72;
}
@media(max-width:720px){
  .hero-video{
    opacity:.40;
    object-position:58% center;
  }
  .hero-wash{
    background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.43) 40%,rgba(247,248,252,.78) 100%);
  }
  html[data-theme="dark"] .hero-video{
    opacity:.46;
  }
  html[data-theme="dark"] .hero-wash{
    background:linear-gradient(180deg,rgba(9,10,16,.72),rgba(12,14,22,.56) 40%,rgba(9,10,16,.84));
  }
}