:root{
  --public-bg:#060b11;
  --public-panel:#0b121b;
  --public-line:rgba(255,255,255,.08);
  --public-text:#f5f7fb;
  --public-muted:#8b98aa;
  --public-blue:#224876;
  --public-blue-bright:#2f639f;
  --public-gold:#99773b;
  --public-gold-bright:#c09a55;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.public-page{margin:0;min-height:100vh;color:var(--public-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
  radial-gradient(circle at 78% 8%,rgba(34,72,118,.30),transparent 30%),
  radial-gradient(circle at 12% 90%,rgba(153,119,59,.12),transparent 28%),
  var(--public-bg);}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.public-shell{min-height:100vh;position:relative;overflow:hidden}
.public-shell::before{content:"";position:absolute;width:720px;height:720px;right:-220px;top:90px;background:url('../images/utmCircle.png') center/contain no-repeat;opacity:.035;pointer-events:none}
.public-nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 28px;border-bottom:1px solid var(--public-line)}
.public-brand{display:flex;align-items:center;gap:12px}
.public-logo{width:48px;height:48px;border-radius:14px;background:rgba(34,72,118,.16) url('../images/utmCircle.png') center/126% no-repeat;border:1px solid rgba(153,119,59,.2);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.public-brand-copy{display:flex;flex-direction:column;line-height:1.05}
.public-brand-copy strong{font-size:15px}.public-brand-copy span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--public-gold-bright);margin-top:5px}
.public-nav-actions{display:flex;gap:10px;align-items:center}
.public-link{font-size:12px;color:#a8b4c2;padding:10px 12px}
.public-link:hover{color:#fff}
.public-button{min-height:40px;padding:0 16px;border-radius:11px;border:0;background:linear-gradient(135deg,var(--public-blue-bright),var(--public-blue));color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 12px 28px rgba(34,72,118,.22);transition:.2s ease}
.public-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,var(--public-gold-bright),var(--public-gold));color:#080b10}
.public-button.secondary{background:rgba(255,255,255,.04);border:1px solid var(--public-line);box-shadow:none;color:#d9e0e8}
.public-button.secondary:hover{background:rgba(255,255,255,.08);color:#fff}
.public-main{max-width:1280px;margin:0 auto;padding:72px 28px 90px;position:relative;z-index:1}
.public-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:56px;align-items:center;min-height:570px}
.public-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--public-gold-bright)}
.public-hero h1{font-size:clamp(48px,7vw,92px);line-height:.91;letter-spacing:-.065em;margin:16px 0 22px;max-width:900px}
.public-hero h1 span{color:var(--public-gold-bright)}
.public-hero p{max-width:720px;color:#94a1b1;font-size:17px;line-height:1.7;margin:0}
.public-hero p strong{color:#e7edf3}
.public-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.public-stage-card{border:1px solid var(--public-line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 30px 80px rgba(0,0,0,.28);padding:24px;backdrop-filter:blur(18px)}
.public-stage-card .public-eyebrow{color:#86aee0}.public-stage-card h2{font-size:25px;letter-spacing:-.04em;margin:9px 0 18px}
.public-pipeline{display:flex;flex-direction:column;gap:8px}.public-pipeline-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--public-line);border-radius:13px;background:rgba(255,255,255,.018)}
.public-pipeline-row span:first-child{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(34,72,118,.25);color:var(--public-gold-bright);font-weight:900;font-size:10px}.public-pipeline-row strong{font-size:12px}.public-pipeline-row small{font-size:9px;color:#6f7d8d}.public-pipeline-row em{font-style:normal;color:#647181}
.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}.public-feature{padding:22px;border:1px solid var(--public-line);border-radius:18px;background:rgba(255,255,255,.018)}.public-feature span{font-size:10px;color:var(--public-gold-bright);letter-spacing:.14em}.public-feature h3{font-size:18px;margin:14px 0 8px}.public-feature p{font-size:12px;line-height:1.6;color:#8290a0;margin:0}
.public-footer{max-width:1280px;margin:0 auto;padding:28px;border-top:1px solid var(--public-line);display:flex;justify-content:space-between;gap:16px;color:#667383;font-size:10px;letter-spacing:.06em}
.login-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:48px 24px}
.login-card{width:min(460px,100%);padding:28px;border:1px solid var(--public-line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:0 30px 90px rgba(0,0,0,.35)}
.login-card h1{font-size:36px;letter-spacing:-.05em;margin:10px 0 8px}.login-card>p{font-size:13px;line-height:1.6;color:#8794a4;margin:0 0 22px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form label{display:flex;flex-direction:column;gap:7px}.login-form label span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7e8b9b;font-weight:800}.login-form input{height:46px;border-radius:12px;border:1px solid var(--public-line);background:#091019;color:#fff;padding:0 13px;outline:none}.login-form input:focus{border-color:rgba(47,99,159,.75);box-shadow:0 0 0 3px rgba(34,72,118,.12)}.login-form .public-button{width:100%;height:46px;margin-top:4px}.login-note{margin-top:16px;padding:12px;border-radius:12px;border:1px solid rgba(153,119,59,.22);background:rgba(153,119,59,.05);font-size:10px;line-height:1.5;color:#9b8b70}.login-back{display:inline-flex;margin-top:18px;font-size:11px;color:#7f8c9d}.login-back:hover{color:#fff}
@media(max-width:900px){.public-hero{grid-template-columns:1fr;gap:30px;padding-top:20px}.public-stage-card{max-width:620px}.public-grid{grid-template-columns:1fr}.public-main{padding-top:46px}.public-nav .public-link{display:none}}
@media(max-width:620px){.public-nav{padding:0 18px}.public-main{padding-left:18px;padding-right:18px}.public-hero h1{font-size:52px}.public-hero p{font-size:14px}.public-footer{flex-direction:column;padding:22px 18px}.public-brand-copy strong{font-size:13px}}


/* V2 public platform landing */
.public-nav-wide{max-width:1440px}
.public-landing-hero{
  max-width:1440px;
  margin:0 auto;
  padding:88px 28px 62px;
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);
  gap:58px;
  align-items:center;
  position:relative;
  z-index:1;
}
.public-landing-copy h1{
  max-width:890px;
  margin:16px 0 24px;
  font-size:clamp(54px,6.8vw,100px);
  line-height:.89;
  letter-spacing:-.068em;
}
.public-landing-copy h1 span{color:var(--public-gold-bright)}
.public-landing-copy>p{
  max-width:780px;
  margin:0;
  color:#95a3b3;
  font-size:17px;
  line-height:1.72;
}
.public-landing-copy>p strong{color:#eef3f8}
.public-proof-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:34px;
  max-width:820px;
}
.public-proof-row>div{
  padding:13px 14px;
  border:1px solid var(--public-line);
  border-radius:13px;
  background:rgba(255,255,255,.018);
  display:flex;
  flex-direction:column;
  gap:4px;
}
.public-proof-row strong{font-size:10px;color:#dce5ee}
.public-proof-row span{font-size:8px;line-height:1.45;color:#718093}
.public-system-card{
  padding:22px;
  border:1px solid var(--public-line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  box-shadow:0 32px 100px rgba(0,0,0,.34);
  backdrop-filter:blur(20px);
}
.public-system-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.public-system-head h2{font-size:25px;line-height:1.06;letter-spacing:-.04em;margin:8px 0 20px;max-width:460px}
.public-live-pill{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(115,224,255,.18);
  color:#73e0ff;
  background:rgba(115,224,255,.055);
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}
.public-system-flow{display:flex;flex-direction:column;gap:5px}
.public-system-flow>div{
  display:grid;
  grid-template-columns:36px 1fr;
  column-gap:11px;
  padding:11px 12px;
  border:1px solid var(--public-line);
  border-radius:12px;
  background:rgba(255,255,255,.016);
}
.public-system-flow>div>span{
  grid-row:1/3;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(34,72,118,.22);
  color:#8eb5e5;
  font-size:8px;
  font-weight:900;
}
.public-system-flow>div strong{font-size:11px}
.public-system-flow>div small{font-size:8px;color:#6d7c8e;margin-top:2px}
.public-system-flow>div.complete{border-color:rgba(215,255,79,.18);background:rgba(215,255,79,.025)}
.public-system-flow>div.complete>span{background:rgba(215,255,79,.09);color:var(--accent,#d7ff4f)}
.public-system-flow>i{font-style:normal;color:#526174;font-size:9px;margin-left:26px;height:8px}
.public-statement{
  max-width:1100px;
  margin:20px auto 90px;
  padding:0 28px;
  text-align:center;
}
.public-statement h2{
  max-width:1000px;
  margin:14px auto 18px;
  font-size:clamp(34px,4.5vw,64px);
  line-height:1;
  letter-spacing:-.055em;
}
.public-statement p{max-width:840px;margin:0 auto;color:#8795a6;font-size:14px;line-height:1.75}
.public-audience-grid{
  max-width:1440px;
  margin:0 auto;
  padding:0 28px 94px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.public-audience-card{
  position:relative;
  padding:34px;
  min-height:630px;
  overflow:hidden;
  border:1px solid var(--public-line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.public-audience-card.creative{box-shadow:inset 0 1px 0 rgba(192,154,85,.08)}
.public-audience-card.buyer{box-shadow:inset 0 1px 0 rgba(95,147,199,.1)}
.public-card-number{
  position:absolute;
  top:17px;
  right:25px;
  font-size:74px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.025);
}
.public-audience-card h2{max-width:560px;margin:14px 0 12px;font-size:38px;line-height:1;letter-spacing:-.045em}
.public-audience-card>p{max-width:590px;color:#8391a2;font-size:12px;line-height:1.7}
.public-audience-card ul{list-style:none;padding:0;margin:28px 0;display:flex;flex-direction:column;gap:10px}
.public-audience-card li{
  position:relative;
  padding:10px 10px 10px 34px;
  border-bottom:1px solid rgba(255,255,255,.05);
  color:#a1adba;
  font-size:10px;
  line-height:1.5;
}
.public-audience-card li::before{content:"✓";position:absolute;left:10px;color:var(--public-gold-bright);font-weight:900}
.public-audience-card.buyer li::before{color:#73e0ff}
.public-text-cta{display:inline-flex;color:var(--public-gold-bright);font-size:10px;font-weight:900;letter-spacing:.04em}
.public-audience-card.buyer .public-text-cta{color:#73e0ff}
.public-text-cta:hover{color:#fff}
.public-text-cta.muted{color:#8290a1}
.public-clearance-section{
  max-width:1440px;
  margin:0 auto 96px;
  padding:52px 28px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:50px;
  border-top:1px solid var(--public-line);
  border-bottom:1px solid var(--public-line);
}
.public-clearance-copy h2{margin:13px 0 15px;font-size:46px;line-height:.98;letter-spacing:-.05em}
.public-clearance-copy p{color:#8391a2;font-size:12px;line-height:1.72}
.public-clearance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.public-clearance-grid>div{padding:15px;border:1px solid var(--public-line);border-radius:14px;background:rgba(255,255,255,.017)}
.public-clearance-grid>div>span{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(215,255,79,.07);color:#d7ff4f;font-size:9px;margin-bottom:12px}
.public-clearance-grid strong{display:block;font-size:11px}
.public-clearance-grid small{display:block;margin-top:5px;color:#718092;font-size:8px;line-height:1.5}
.public-buyer-flow{max-width:1440px;margin:0 auto;padding:0 28px 100px}
.public-section-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}
.public-section-headline h2{max-width:760px;margin:8px 0 0;font-size:42px;line-height:1;letter-spacing:-.05em}
.public-buyer-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.public-buyer-steps article{min-height:210px;padding:17px;border:1px solid var(--public-line);border-radius:15px;background:rgba(255,255,255,.016)}
.public-buyer-steps article>span{font-size:9px;font-weight:900;color:#73e0ff}
.public-buyer-steps strong{display:block;margin-top:42px;font-size:15px}
.public-buyer-steps p{color:#738294;font-size:9px;line-height:1.6}
.public-cta-section{
  max-width:1384px;
  margin:0 auto 90px;
  padding:42px;
  border:1px solid rgba(153,119,59,.2);
  border-radius:24px;
  background:
    radial-gradient(circle at 85% 10%,rgba(34,72,118,.14),transparent 30%),
    linear-gradient(180deg,rgba(153,119,59,.055),rgba(255,255,255,.015));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:45px;
  align-items:center;
}
.public-cta-section h2{max-width:850px;margin:10px 0 12px;font-size:42px;line-height:1;letter-spacing:-.05em}
.public-cta-section p{max-width:760px;margin:0;color:#8391a2;font-size:11px;line-height:1.7}
.public-cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:250px}
.public-footer-expanded>div{display:flex;flex-direction:column;gap:4px}
.public-footer-expanded strong{color:#aab5c1;font-size:11px}
.public-footer-expanded>div:last-child{flex-direction:row;gap:16px}
.public-footer-expanded a:hover{color:#fff}
@media(max-width:1100px){
  .public-landing-hero{grid-template-columns:1fr;min-height:0}
  .public-system-card{max-width:760px}
  .public-buyer-steps{grid-template-columns:repeat(3,1fr)}
  .public-clearance-section{grid-template-columns:1fr}
}
@media(max-width:820px){
  .public-audience-grid{grid-template-columns:1fr}
  .public-proof-row{grid-template-columns:1fr}
  .public-buyer-steps{grid-template-columns:1fr 1fr}
  .public-cta-section{grid-template-columns:1fr}
  .public-cta-actions{min-width:0}
}
@media(max-width:620px){
  .public-landing-hero{padding:54px 18px 50px}
  .public-landing-copy h1{font-size:54px}
  .public-audience-grid,.public-buyer-flow{padding-left:18px;padding-right:18px}
  .public-audience-card{padding:24px;min-height:0}
  .public-audience-card h2,.public-clearance-copy h2,.public-cta-section h2{font-size:34px}
  .public-clearance-section{padding:42px 18px}
  .public-clearance-grid{grid-template-columns:1fr}
  .public-buyer-steps{grid-template-columns:1fr}
  .public-cta-section{margin:0 18px 70px;padding:26px}
  .public-footer-expanded>div:last-child{flex-wrap:wrap}
}


/* Creative membership cards and shared FAQ / legal information pages */
.public-membership-section{max-width:1440px;margin:0 auto;padding:15px 28px 105px}
.public-membership-section .public-section-headline{align-items:flex-start}
.public-membership-section .public-section-headline h2{max-width:790px}
.public-membership-intro{max-width:350px;margin:8px 0 0;color:#9aa7b6;font-size:12px;line-height:1.75}
.public-membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.public-membership-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:33px;border:1px solid var(--public-line);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.public-membership-card.sync{border-color:rgba(192,154,85,.33);background:linear-gradient(160deg,rgba(153,119,59,.10),rgba(34,72,118,.08))}
.public-membership-card h3{font-size:35px;letter-spacing:-.04em;margin:13px 0 4px}
.public-membership-price{display:flex;align-items:baseline;gap:7px}.public-membership-price strong{font-size:46px;letter-spacing:-.06em}.public-membership-price span{color:#a3afbd;font-size:12px}
.public-membership-annual{color:var(--public-gold-bright);font-size:12px;margin:5px 0 22px}
.public-membership-card ul{list-style:none;padding:0;margin:0 0 29px;display:grid;gap:11px}
.public-membership-card li{padding-left:23px;position:relative;color:#aeb8c5;font-size:12px;line-height:1.55}
.public-membership-card li::before{content:"✓";position:absolute;left:0;color:var(--public-gold-bright);font-weight:900}
.public-membership-card .public-button{margin-top:auto}
.public-membership-fineprint{font-size:11px;color:#91a0b2;line-height:1.8;margin:20px 0 0;max-width:1160px}
.public-membership-fineprint a,.public-doc a:not(.public-button),.public-footer a:hover{color:var(--public-gold-bright)}
.public-doc{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:64px 28px 96px}
.public-doc h1{font-size:clamp(43px,5.5vw,70px);line-height:1.03;letter-spacing:-.055em;margin:13px 0 15px}
.public-doc .public-doc-lead{font-size:15px;line-height:1.75;color:#aebac8;max-width:850px;margin:0 0 30px}
.public-doc h2{font-size:23px;letter-spacing:-.03em;margin:0 0 12px}
.public-doc p,.public-doc li{font-size:13px;line-height:1.85;color:#abb7c6}
.public-doc section{margin:22px 0;padding:26px;border:1px solid var(--public-line);border-radius:18px;background:rgba(255,255,255,.023)}
.public-doc section ul{margin:0;padding-left:22px}
.public-doc summary{cursor:pointer;color:#eef3fa;font-size:14px;font-weight:800;padding:16px 0;line-height:1.5}
.public-doc details{border-bottom:1px solid var(--public-line);padding:0 4px}
.public-doc details:last-child{border-bottom:0}.public-doc details p{margin:0 0 16px}
.public-doc .public-draft-note{border:1px solid rgba(192,154,85,.44);background:rgba(153,119,59,.09);border-radius:14px;padding:18px 20px;color:#f0d7a5;font-size:13px;line-height:1.6}
.public-doc .public-draft-note strong{color:#fff}
.public-doc .public-doc-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
@media(max-width:900px){.public-membership-section .public-section-headline{flex-direction:column}.public-membership-intro{max-width:850px}}
@media(max-width:700px){.public-membership-grid{grid-template-columns:1fr}.public-membership-section{padding:5px 18px 75px}.public-membership-card{padding:24px}.public-doc{padding:42px 18px 65px}.public-doc section{padding:20px}}


/* Privacy notices at registration and protected billing handoff. */
.registration-privacy-notice{margin:8px 0 14px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#c8d4df;background:rgba(255,255,255,.04);font-size:12px;line-height:1.6}
.registration-privacy-notice a{color:#eccb8d;text-decoration:underline;text-underline-offset:2px}