/* Campaign objects, connected journeys and classified discovery. */
.rx-icon { width:24px; height:24px; flex:none; display:block; }
.headinner { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:22px; height:92px; }
.headinner .logo { width:205px; }
.headinner .mainnav { margin-left:0; justify-self:center; }
.headinner .headercta { justify-self:end; }
.navgroup { position:static; }
.mainnav { gap:23px; }
.navdrop.mega-panel { top:100%; left:0; right:0; width:100%; padding:24px; border:1px solid #344960; border-radius:0 0 20px 20px; background:linear-gradient(125deg,#142235fa,#0b1425fc); box-shadow:0 30px 70px #0008; max-height:calc(100dvh - 145px); overflow:auto; }
.mega-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 0 19px; border-bottom:1px solid #2b3c53; }
.mega-heading>span { color:#c2d1e5; font-size:13px; }
.mega-heading>a,.mega-bottom>a { display:flex; align-items:center; gap:9px; color:#87e1f2; font-size:12px; white-space:nowrap; }
.mega-heading .rx-icon,.mega-bottom .rx-icon,.mega-view-all .rx-icon { width:16px; height:16px; }
.mega-layout { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:24px; padding-top:22px; }
.mega-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.mega-business .mega-columns { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.mega-column { min-width:0; }
.mega-column h3 { color:#7f9ab9; font:600 10px/1.6 var(--font-body); letter-spacing:.11em; text-transform:uppercase; margin:0 0 16px 9px; }
.navdrop .mega-item { display:flex; align-items:flex-start; gap:10px; padding:10px 8px; margin-bottom:4px; border-radius:9px; transition:background .2s,color .2s; }
.mega-item>span:last-child { min-width:0; }
.mega-item strong { display:block; font:600 14px/1.5 var(--font-body); color:#e4edf8; }
.mega-item small { display:block; font:400 12px/1.65 var(--font-body); color:#a8bed6; margin-top:4px; }
.mega-item-icon { display:grid; place-items:center; flex:none; width:32px; height:34px; color:#84d8ec; border:1px solid #2b485e; border-radius:8px; background:#17304766; }
.mega-item-icon>.rx-icon { width:18px; height:18px; }
.mega-item-icon>img { width:21px; height:21px; object-fit:contain; }
.mega-item-icon:has(img) { background:#f1f6fb; border-color:#f1f6fb; }
.navdrop .mega-item:hover,.navdrop .mega-item:focus-visible { background:#233e594f; }
.navdrop .mega-item:hover strong { color:#9eeafd; }
.mega-business .mega-item { gap:8px; }
.mega-business .mega-item-icon { width:26px; height:29px; }
.mega-business .mega-item small { font-size:12px; }
.navdrop .mega-view-all { display:flex; align-items:center; gap:8px; font-size:11px; color:#7ed8ed; padding:12px 8px; }
.mega-feature { position:relative; min-width:0; align-self:stretch; padding:15px; border:1px solid #355571; border-radius:12px; background:radial-gradient(ellipse at 90% 5%,#276d8b44,transparent 65%),#12243a; }
.mega-feature-art { height:106px; display:grid; place-items:center; position:relative; isolation:isolate; overflow:hidden; margin-bottom:18px; }
.mega-feature-art>span { display:grid; place-items:center; width:56px; height:56px; border:1px solid #67c6e777; border-radius:16px; background:#16364b; color:#a0e9f5; box-shadow:0 0 45px #39bce21f; transform:rotate(-9deg); }
.mega-feature-art>span .rx-icon { width:30px; height:30px; transform:rotate(9deg); }
.mega-feature-art i { position:absolute; width:160px; height:70px; border:1px solid #78cbe329; border-radius:50%; transform:rotate(-25deg); z-index:-1; }
.mega-feature-art i:nth-of-type(2) { transform:rotate(25deg); }
.mega-feature-art i:nth-of-type(3) { width:90px; height:90px; transform:none; }
.mega-feature-label { color:#77bfd5; font-size:8px; letter-spacing:.12em; }
.mega-feature h3 { font-size:20px; line-height:1.3; letter-spacing:-.035em; margin:12px 0; }
.mega-feature p { font-size:13px; line-height:1.85; min-height:5.5em; }
.navdrop .mega-feature>a { display:flex; align-items:center; gap:9px; padding:14px 0 0; color:#a0ebf9; font-size:11px; }
.mega-feature>a .rx-icon { width:17px; height:17px; }
.mega-bottom { display:flex; justify-content:space-between; gap:20px; align-items:center; border-top:1px solid #2b3c53; margin-top:20px; padding-top:16px; }
.mega-bottom>span { font-size:11px; color:#9fb2cb; }
.platform-meta { --platform-color:#4d9fff; --platform-rgb:77,159,255; }
.platform-google-ads { --platform-color:#8bb2ff; --platform-rgb:66,133,244; }
.platform-tiktok { --platform-color:#62e4e1; --platform-rgb:37,244,238; }
.platform-linkedin { --platform-color:#78b7ff; --platform-rgb:10,102,194; }
.platform-snapchat { --platform-color:#f6e96c; --platform-rgb:255,252,0; }
.platform-x-ads { --platform-color:#d8e1ed; --platform-rgb:216,225,237; }
.platform-pinterest { --platform-color:#ff8d9e; --platform-rgb:230,0,35; }
.platform-native { --platform-color:#b8a4ff; --platform-rgb:122,95,220; }
.platform-card { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; padding:28px; min-height:245px; border-color:#304056; background:radial-gradient(ellipse at 95% 0%,rgba(var(--platform-rgb),.1),transparent 65%),#0c1525; transition:transform .3s,border-color .3s,box-shadow .3s; }
.platform-card:hover,.platform-card:focus-visible { transform:translateY(-5px); border-color:rgba(var(--platform-rgb),.6); box-shadow:0 12px 40px rgba(var(--platform-rgb),.09); }
.platform-card .platformmark { width:52px; height:52px; border:0; border-radius:14px; padding:11px; background:#f3f7fb; margin-bottom:27px; display:grid; place-items:center; }
.platformmark img { width:32px; height:32px; object-fit:contain; }
.platform-snapchat .platformmark { background:#fffc00; }
.platform-native .platformmark { background:#302a50; color:#c4b8ff; }
.platform-card h3 { font-size:22px; margin-bottom:9px; }
.platform-card p { max-width:25ch; color:#b0bfd4; margin-bottom:25px; }
.platform-card .linkline { display:flex; align-items:center; gap:9px; margin-top:auto; color:var(--platform-color); font-size:12px; }
.platform-card .linkline .rx-icon { width:17px; height:17px; transition:transform .25s; }
.platform-card:hover .linkline .rx-icon { transform:translateX(5px); }
.platform-orbit { position:absolute; right:-36px; top:28px; width:130px; height:130px; border:1px solid rgba(var(--platform-rgb),.13); border-radius:50%; z-index:-1; }
.platform-orbit::before,.platform-orbit::after { content:""; position:absolute; border:1px solid rgba(var(--platform-rgb),.09); border-radius:inherit; inset:14px; }
.platform-orbit::after { inset:28px; }
.platform-tiktok .platform-orbit { border-radius:28%; transform:rotate(25deg); border-color:#fe2c5533; }
.platform-google-ads .platform-orbit { border-color:#fbbc0433; border-radius:24px; transform:rotate(35deg); }
.platform-pinterest .platform-orbit { border-color:#e6002344; }
.strip-brand { width:27px; height:27px; padding:4px; display:grid; place-items:center; border-radius:7px; background:#f3f7fb; }
.strip-brand img { width:19px; height:19px; object-fit:contain; }
.brand-hero .hero-grid { align-items:start; }
.brand-hero .hero-grid>div:first-child { padding-top:30px; }
.brand-hero .hero-needs a { font-size:12px; min-height:38px; display:inline-flex; align-items:center; }
.campaign-scene { padding-bottom:0; color:var(--platform-color,#75c9f1); }
.campaign-window.window { transform:none; border-color:#35516d; border-radius:18px; background:radial-gradient(ellipse at 95% 5%,#18365955,transparent 50%),#0c1627; box-shadow:0 32px 75px #0005,0 0 70px rgba(var(--platform-rgb,77,159,255),.06); }
.campaign-windowbar { display:flex; align-items:center; gap:13px; padding:17px 20px; border-bottom:1px solid #2a3d54; background:#111f3299; color:#a2b8d0; }
.campaign-windowbar .dashlogo { width:112px; height:auto; margin:0; }
.campaign-windowbar>span:not(.sample-label) { font-size:10px; margin-left:auto; }
.campaign-windowbar b { color:#526d8a; margin-inline:5px; }
.campaign-windowbar .sample-label { padding:4px 7px; border-radius:5px; color:#94d9e9; background:#17384b; border:1px solid #285267; font-size:9px; white-space:nowrap; }
.campaign-room { padding:24px 25px 17px; color:#e9f3fd; }
.campaign-room .room-eyebrow { display:block; font-size:10px; letter-spacing:.1em; color:#a7bdd4; margin-bottom:10px; }
.campaign-window .dash-top h3 { font-size:25px; line-height:1.22; max-width:21ch; text-wrap:balance; }
.campaign-window .dash-top p { font-size:12px; margin-top:10px; color:#a9bfd8; }
.campaign-window .dash-filters { gap:5px; margin-top:20px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.campaign-window .dash-filters button { display:flex; gap:6px; align-items:center; justify-content:center; padding:8px 5px; min-height:40px; font-size:12px; line-height:1.4; border-radius:7px; color:#bfd0e4; transition:border-color .2s,background .2s; }
.campaign-window .dash-filters button img { width:18px; height:18px; object-fit:contain; background:#f3f7fb; border-radius:4px; padding:2px; }
.campaign-window .dash-filters button[aria-selected=true] { background:rgba(var(--platform-rgb,77,159,255),.12); border-color:var(--platform-color,#75c9f1); color:#ecf8ff; }
.room-summary { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-top:23px; }
.room-summary>div:first-child>span { color:#afc2d9; font-size:11px; display:block; }
.room-summary>div:first-child>strong { font:500 36px/1.2 var(--font-display); font-variant-numeric:tabular-nums; display:block; color:#eff6ff; margin-top:5px; letter-spacing:-.045em; }
.room-summary>div:first-child>small { color:#829cb9; font-size:9px; }
.room-readiness { display:flex; align-items:center; gap:9px; color:#8bd9ba; border:1px solid #375b524f; border-radius:9px; padding:10px; background:#14383133; }
.room-readiness>.rx-icon { width:19px; height:19px; }
.room-readiness strong,.room-readiness small { display:block; font-size:10px; font-weight:500; }
.room-readiness small { color:#93baa9; font-size:9px; margin-top:2px; }
.room-readiness[data-state=review] { color:#e7c68e; border-color:#705b3a77; background:#44331b22; }
.room-readiness[data-state=review] small { color:#d9c3a2; }
.spend-visual { margin-top:20px; padding:15px 10px 0; background:linear-gradient(180deg,#142a414f,#13233700); border:1px solid #2b435a88; border-radius:11px; }
.spend-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#b2c6dd; font-size:12px; padding-inline:5px; }
.spend-caption>span:last-child { color:#a0b5ce; font-size:10px; }
.spend-caption i { display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--platform-color); margin-right:5px; }
[data-spend-chart] { display:block; width:100%; height:auto; overflow:visible; color:var(--platform-color,#75c9f1); }
.spend-grid line { stroke:#31455d; stroke-width:.6; stroke-dasharray:3 4; }
.spend-grid text { font:10px var(--font-body); fill:#a9bed5; }
.spend-area { fill:currentColor; opacity:.09; }
.spend-line { fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.spend-point { fill:#101e31; stroke:currentColor; stroke-width:1.7; }
.spend-empty { padding:25px 10px 35px; font-size:12px; line-height:1.8; }
.campaign-ledger { margin-top:11px; }
.campaign-record { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:15px; align-items:center; padding:12px 0; border-bottom:1px solid #263b5266; }
.campaign-record>div { min-width:0; }
.campaign-record strong { font-size:13px; color:#dceaf9; font-weight:600; display:block; }
.campaign-record>div>span { display:block; font-size:11px; color:#a2b8d0; margin-top:3px; }
.campaign-state { font-size:8px; color:#a0c4b4; border:1px solid #315345; border-radius:4px; padding:2px 5px; }
.campaign-record>b { font-size:12px; font-variant-numeric:tabular-nums; font-weight:600; color:#cdddf1; }
.campaign-record>b>small { font-size:8px; font-weight:400; color:#829dbb; margin-left:3px; }
.campaign-decision { display:flex; align-items:center; gap:12px; margin-top:19px; padding:15px 12px; background:linear-gradient(100deg,#24364d66,#19273e55); border:1px solid #42617d88; border-radius:10px; }
.decision-symbol { display:grid; place-items:center; color:#9ad7ed; width:34px; height:37px; flex:none; border:1px solid #46738b77; border-radius:10px; background:#21415a55; }
.decision-symbol .rx-icon { width:19px; height:19px; }
.campaign-decision>div { min-width:0; }
.decision-label { display:block; font-size:8px; letter-spacing:.1em; color:#8eb5d3; }
.campaign-decision h4 { margin:5px 0 4px; color:#e5f2ff; font-size:12px; line-height:1.5; font-weight:600; }
.campaign-decision p { font-size:9px; color:#9db5d0; line-height:1.6; }
.decision-link { display:grid; place-items:center; margin-left:auto; min-width:36px; height:36px; color:#92e2f1; background:#23496366; border-radius:7px; }
.decision-link .rx-icon { width:19px; height:19px; }
.room-footnote { font-size:11px; line-height:1.8; color:#a3bad3; margin-top:13px; }
.campaign-scene .dashboardcaption { font-size:11px; text-align:left; line-height:1.8; color:#8fa8c6; margin-top:14px; }
.operating-loop { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border:0; background:transparent; overflow:visible; gap:23px; }
.operating-loop .loop-step { position:relative; padding:0; border:0!important; background:none; }
.loop-step>a { display:block; }
.loop-step .loop-icon { position:relative; display:grid; place-items:center; width:62px; height:62px; border:1px solid #46728e; background:radial-gradient(ellipse at 20% 0,#2b6c8333,#11283b); border-radius:19px; color:#97dcea; box-shadow:inset 0 0 20px #51caeb07; margin-bottom:25px; transition:transform .25s,border-color .25s; }
.loop-step .loop-icon .rx-icon { width:28px; height:28px; }
.loop-step:not(:last-child)::after { content:""; position:absolute; top:30px; left:73px; right:-10px; height:1px; background:linear-gradient(90deg,#4d809e,#29435e); }
.loop-step .loop-connector { position:absolute; top:21px; right:-10px; background:#070c19; color:#6eacc5; z-index:1; }
.loop-step .loop-connector .rx-icon { width:18px; height:18px; }
.loop-step:last-child .loop-connector { display:none; }
.loop-step h3 { font-size:19px; margin:0 0 9px; }
.loop-step p { font-size:13px; line-height:1.8; max-width:17ch; }
.loop-step a:hover .loop-icon { transform:translateY(-4px); border-color:#98e2f1; }
.journey-symbol .rx-icon { width:23px; height:23px; }
.profile-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.profile-card { display:flex; flex-direction:column; padding:25px; border:1px solid #31475f; border-radius:13px; background:linear-gradient(130deg,#13263a,#0d1728); min-height:245px; transition:border-color .2s,transform .2s; }
.profile-card:hover { border-color:#70bad4; transform:translateY(-3px); }
.profile-symbol { color:#93d7e8; margin-bottom:22px; }
.profile-card h3 { font-size:21px; line-height:1.4; }
.profile-card p { font-size:14px; line-height:1.8; margin-block:14px 22px; }
.profile-card .textlink { margin-top:auto; }
.profile-card .textlink .rx-icon { width:17px; height:17px; }
.profile-scope-note { display:flex; gap:17px; padding:23px; border-left:2px solid #578da9; background:#162b3d55; margin-bottom:45px; }
.profile-scope-note>.rx-icon { color:#92cce4; margin-top:3px; }
.profile-scope-note p { font-size:14px; line-height:1.85; }
.profile-needs { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:23px; margin:0; padding:0; }
.profile-needs li { display:flex; align-items:center; gap:14px; font-size:16px; color:#c3d5e9; }
.profile-needs .rx-icon { width:20px; height:20px; color:#8bd6bd; }
.profile-workflow { list-style:none; padding:0; margin:0; max-width:860px; }
.profile-workflow li { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr); gap:25px; padding-bottom:35px; }
.profile-workflow li:not(:last-child)::after { content:""; position:absolute; width:1px; top:55px; bottom:8px; left:25px; background:#365a70; }
.profile-workflow li>span { display:grid; place-items:center; width:52px; height:52px; border:1px solid #426c85; background:#132c3f; border-radius:15px; color:#9bd8eb; }
.profile-workflow h3 { font-size:23px; margin-block:8px 12px; }
.profile-workflow p { font-size:16px; line-height:1.8; }
@media(min-width:1101px) {
  .navgroup[open]>summary { color:#a9e8f4; }
  .navgroup[open] .mega-panel { animation:mega-reveal .2s ease-out both; }
}
@keyframes mega-reveal { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:no-preference) {
  .spend-line { stroke-dasharray:1; animation:spend-draw .8s ease-out both; }
  .platform-card:hover .platform-orbit { animation:platform-breathe 2.4s ease-in-out infinite; }
  @keyframes spend-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
  @keyframes platform-breathe { 50% { opacity:.45; translate:0 -5px; } }
}
@media(max-width:1100px) {
  .headinner { display:flex; gap:15px; height:82px; }
  .headinner .logo { width:183px; }
  .headinner .headercta { margin-left:auto; }
  .menutoggle { display:block; flex:none; }
  .mainnav { display:none; position:absolute; top:100%; left:0; right:0; margin:0; padding:15px; width:100%; background:#0d1829; border:1px solid #30445f; border-radius:0 0 15px 15px; max-height:calc(100dvh - 135px); overflow:auto; }
  .mainnav.open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .mainnav .navgroup { width:100%; border-bottom:1px solid #293c55; }
  .mainnav .navgroup>summary,.mainnav>a { display:block; padding:15px 9px; min-height:48px; font-size:14px; }
  .navdrop.mega-panel { position:static; width:auto; max-height:none; overflow:visible; margin-bottom:15px; padding:15px; border-radius:10px; box-shadow:none; }
  .mega-layout { grid-template-columns:1fr; }
  .mega-feature { display:none; }
  .mega-heading { align-items:start; flex-wrap:wrap; gap:10px; }
  .mega-columns,.mega-business .mega-columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; }
  .mega-bottom { flex-wrap:wrap; }
  .campaign-room { padding:22px; }
  .profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .mega-columns,.mega-business .mega-columns { grid-template-columns:1fr; }
  .mega-item strong { font-size:14px; }
  .mega-item small,.mega-business .mega-item small { font-size:12px; }
  .mega-column h3 { font-size:11px; }
  .mega-feature { display:none; }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .platform-card { padding:21px; min-height:245px; }
  .platform-card h3 { font-size:19px; }
  .platform-card .platformmark { width:46px; height:46px; padding:9px; }
  .platform-card p { font-size:13px; }
  .platform-card .linkline { font-size:11px; }
  .operating-loop { grid-template-columns:1fr; gap:0; }
  .operating-loop .loop-step { padding-bottom:30px; }
  .loop-step>a { display:grid; grid-template-columns:56px 1fr; gap:0 22px; align-items:start; }
  .loop-step .loop-icon { grid-row:1/3; width:54px; height:54px; margin:0; border-radius:16px; }
  .loop-step h3 { margin-top:4px; }
  .loop-step p { max-width:none; }
  .loop-step:not(:last-child)::after { top:63px; bottom:11px; left:27px; right:auto; height:auto; width:1px; }
  .loop-step .loop-connector { display:none; }
  .profile-needs { grid-template-columns:1fr; }
}
@media(max-width:480px) {
  .headinner { gap:10px; height:76px; }
  .headinner .logo { width:150px; }
  .headinner .headercta { font-size:11px; gap:7px; padding-inline:9px; min-height:44px; }
  .headinner .menutoggle { width:44px; height:44px; }
  .campaign-windowbar { padding:14px; gap:8px; }
  .campaign-windowbar .dashlogo { width:84px; }
  .campaign-windowbar>span:not(.sample-label) { font-size:8px; }
  .campaign-windowbar .sample-label { font-size:8px; padding:3px 5px; }
  .brand-hero .hero-grid>div:first-child { padding-top:0; }
  .brand-hero .hero-needs a { min-height:44px; }
  .campaign-room { padding:19px 15px 14px; }
  .campaign-window .dash-top h3 { font-size:24px; }
  .campaign-window .dash-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .campaign-window .dash-filters button { font-size:12px; min-height:44px; }
  .room-summary>div:first-child>strong { font-size:33px; }
  .room-readiness { padding:8px; gap:6px; }
  .room-readiness>.rx-icon { width:16px; height:16px; }
  .room-readiness strong { font-size:10px; }
  .campaign-record { gap:10px; }
  .campaign-record .campaign-state { display:none; }
  .campaign-record { grid-template-columns:1fr auto; }
  .campaign-record strong { font-size:12px; }
  .campaign-record>div>span { font-size:10px; }
  .room-footnote { font-size:10px; }
  .campaign-decision h4 { font-size:12px; }
  .campaign-decision p { font-size:10px; }
  .profile-grid { grid-template-columns:1fr; }
  .profile-card { min-height:0; }
  .platform-card { padding:18px 15px; }
  .profile-workflow li { gap:17px; }
}
@media(max-width:360px) { .headinner .logo { width:145px; }.headinner .headercta { display:none; } }
@media(prefers-reduced-motion:reduce) {
  .mega-panel,.spend-line,.platform-card,.platform-orbit,.loop-icon { animation:none!important; transition:none!important; }
}

.section-next-action { display:inline-flex; align-items:center; gap:18px; border:0; border-bottom:1px solid #3f718c; background:none; color:#91dff1; font:600 14px/1.6 var(--font-body); padding:13px 0; min-height:48px; margin-top:24px; text-decoration:none; }
.section-next-action .rx-icon { width:19px; height:19px; transition:transform .2s; }
.section-next-action:hover .rx-icon { transform:translateX(5px); }
.privacy-control { display:flex; gap:24px; padding-block:25px 0; flex-wrap:wrap; }
.privacy-control button { padding:0; border:0; border-bottom:1px solid #45627c; background:none; color:#a9c2d9; font-size:12px; min-height:44px; }
.first-visit-invite[hidden],.campaign-assistant-launcher[hidden] { display:none!important; }
.first-visit-invite { position:fixed; z-index:110; right:24px; bottom:24px; width:min(354px,calc(100vw - 32px)); padding:26px; border:1px solid #4c6c91; border-radius:18px; background:radial-gradient(ellipse at 100% 0,#2b628744,transparent 65%),#111f33f5; box-shadow:0 20px 70px #0008,inset 0 1px #a7dbf115; backdrop-filter:blur(18px); animation:invite-arrive .35s ease-out both; }
.invite-close,.diagnostic-close { position:absolute; right:11px; top:11px; width:38px; height:38px; display:grid; place-items:center; border:1px solid #3f5874; border-radius:10px; background:#172a40; color:#b3c9df; font-size:24px; line-height:1; }
.invite-kicker,.diagnostic-kicker { display:block; color:#89d4e9; font-size:10px; letter-spacing:.13em; margin-bottom:14px; }
.invite-title { font:500 26px/1.2 var(--font-display); color:#eef6ff; letter-spacing:-.04em; margin:0 20px 13px 0; }
.first-visit-invite p { font-size:13px; line-height:1.8; color:#a9bfd7; margin-bottom:20px; }
.invite-start { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; min-height:47px; border:1px solid #7ac7ed; border-radius:8px; padding:10px 14px; background:linear-gradient(110deg,#69d7ed,#79a9f3); color:#0b1d32; font-size:13px; font-weight:800; }
.invite-start .rx-icon { width:18px; height:18px; }
.invite-note { display:block; color:#91a9c4; font-size:10px; margin-top:11px; }
.campaign-assistant-launcher { position:fixed; right:23px; bottom:22px; z-index:100; min-height:48px; display:flex; align-items:center; gap:10px; padding:11px 16px; color:#bcecf6; border:1px solid #4b7691; background:#142b3eec; box-shadow:0 10px 40px #0005; border-radius:13px; backdrop-filter:blur(16px); font-size:12px; font-weight:600; }
.campaign-assistant-launcher>.rx-icon { width:20px; height:20px; }
body:has(.first-visit-invite:not([hidden])) .campaign-assistant-launcher,body:has(dialog[open]) .campaign-assistant-launcher { display:none; }
.campaign-diagnostic,.privacy-preferences { padding:0; color:#eaf3ff; border:1px solid #4a6586; border-radius:22px; width:min(1000px,calc(100vw - 48px)); max-width:none; max-height:calc(100dvh - 48px); background:radial-gradient(ellipse at 100% 0,#254d7733,transparent 60%),#0e1b2e; box-shadow:0 35px 130px #0009; overflow:auto; }
.campaign-diagnostic::backdrop,.privacy-preferences::backdrop { background:#030713c9; backdrop-filter:blur(8px); }
.campaign-diagnostic>header { padding:34px 36px 25px; border-bottom:1px solid #2b425c; }
.campaign-diagnostic h2,.privacy-preferences h2 { font-size:clamp(28px,3.5vw,40px); line-height:1.15; letter-spacing:-.04em; margin-bottom:17px; }
.campaign-diagnostic>header>p { max-width:58ch; font-size:14px; line-height:1.8; }
.campaign-diagnostic .diagnostic-close,.privacy-preferences .diagnostic-close { right:17px; top:17px; width:42px; height:42px; z-index:2; }
.diagnostic-layout { display:grid; grid-template-columns:1.1fr 1fr; }
.diagnostic-choices { display:grid; align-content:start; gap:10px; padding:26px; }
.diagnostic-choice { display:flex; align-items:flex-start; gap:13px; width:100%; text-align:left; border:1px solid #344f6e; border-radius:11px; padding:17px 14px; color:#dfecfa; background:#12243a; transition:background .2s,border-color .2s; }
.diagnostic-choice>span:first-child { display:grid; place-items:center; width:34px; height:36px; flex:none; border:1px solid #3c6580; border-radius:10px; color:#98dbed; background:#1b3a51; }
.diagnostic-choice .rx-icon { width:20px; height:20px; }
.diagnostic-choice>span:nth-child(2) { min-width:0; }
.diagnostic-choice strong { display:block; font-size:14px; line-height:1.55; font-weight:600; }
.diagnostic-choice small { display:block; font-size:11px; line-height:1.8; color:#9db3cc; margin-top:6px; }
.diagnostic-choice .diagnostic-choice-arrow { margin-left:auto; align-self:center; color:#76a9c4; }
.diagnostic-choice[aria-pressed=true],.diagnostic-choice:hover { border-color:#7bc7de; background:#1d3a51; }
.diagnostic-result { padding:26px 30px; background:radial-gradient(ellipse at 90% 10%,#2f587733,transparent 65%),#0b1626; border-left:1px solid #2b425c; }
.diagnostic-result-art { position:relative; display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-height:75px; padding:14px; border:1px solid #35556f; border-radius:12px; margin-bottom:23px; background:#17334b55; color:#9ad8eb; }
.diagnostic-result-art>.rx-icon { width:26px; height:26px; margin-right:auto; }
.diagnostic-result-art>span { font-size:9px; }
.diagnostic-result-art>i { width:14px; height:1px; background:#4d849e; }
.diagnostic-result-label { font-size:9px; letter-spacing:.1em; color:#7aabc8; }
.diagnostic-result h3 { font-size:25px; line-height:1.35; margin:13px 0 20px; letter-spacing:-.035em; }
.diagnostic-result ol { list-style:none; padding:0; margin:0 0 25px; }
.diagnostic-result li { display:flex; gap:12px; color:#a9c0d8; font-size:12px; line-height:1.85; margin-bottom:13px; }
.diagnostic-result li::before { content:""; flex:none; width:5px; height:5px; border:1px solid #7fcbe4; border-radius:50%; margin-top:8px; }
.diagnostic-result .btn { width:100%; justify-content:space-between; padding-inline:16px; gap:10px; font-size:12px; }
.diagnostic-result .btn .rx-icon { width:18px; height:18px; }
.diagnostic-explore { display:flex; gap:10px; align-items:center; font-size:12px; line-height:1.7; min-height:44px; color:#97d9ec; margin-top:10px; }
.diagnostic-explore .rx-icon { width:17px; height:17px; flex:none; }
.diagnostic-result>small { display:block; color:#839ebd; font-size:10px; line-height:1.8; margin-top:14px; }
.campaign-diagnostic>footer { padding:20px 27px; display:flex; align-items:center; gap:18px; border-top:1px solid #2b425c; background:#0b1524; }
.campaign-diagnostic>footer>span { display:flex; align-items:center; gap:12px; margin-right:auto; color:#93aac6; font-size:10px; line-height:1.8; }
.campaign-diagnostic>footer>span>.rx-icon { width:20px; height:20px; flex:none; color:#87bdd6; }
.campaign-diagnostic>footer>a { font-size:11px; color:#9ad5e7; flex:none; }
.privacy-preferences { width:min(650px,calc(100vw - 40px)); padding:35px; }
.privacy-preferences>p { font-size:14px; line-height:1.9; margin-bottom:25px; }
.privacy-preference-row { display:flex; align-items:start; gap:20px; padding:21px 0; border-block:1px solid #2b425c; }
.privacy-preference-row+.privacy-preference-row { border-top:0; }
.privacy-preference-row strong { display:block; font-size:14px; margin-bottom:8px; font-weight:600; }
.privacy-preference-row small { display:block; font-size:12px; line-height:1.9; color:#a4bbd4; }
.privacy-preference-row b { flex:none; font-size:10px; color:#9ddac4; font-weight:500; padding:5px 8px; border:1px solid #3b6154; border-radius:5px; }
.privacy-preference-actions { display:grid; gap:20px; margin-top:25px; }
.privacy-preference-actions>.btn { font-size:12px; }
.privacy-preference-actions>a { display:flex; align-items:center; gap:15px; color:#99d9ec; font-size:12px; }
.privacy-preference-actions .rx-icon { width:18px; height:18px; }
@keyframes invite-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@media(max-width:700px) {
  .campaign-diagnostic { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:16px; }
  .campaign-diagnostic>header { padding:28px 22px 22px; }
  .campaign-diagnostic>header>p { font-size:13px; }
  .diagnostic-layout { grid-template-columns:1fr; }
  .diagnostic-choices { padding:18px; gap:8px; }
  .diagnostic-choice { padding:13px; }
  .diagnostic-result { border-left:0; border-top:1px solid #2b425c; padding:24px; }
  .diagnostic-result-art { min-height:60px; }
  .diagnostic-choice .diagnostic-choice-arrow { display:none; }
  .campaign-diagnostic>footer { flex-wrap:wrap; padding:20px; gap:15px; }
  .campaign-diagnostic>footer>span { width:100%; }
  .first-visit-invite { right:16px; bottom:16px; padding:22px; }
  .invite-title { font-size:24px; }
  .campaign-assistant-launcher { right:15px; bottom:15px; padding:12px; border-radius:13px; }
  .campaign-assistant-launcher>span { display:none; }
  .privacy-preferences { padding:30px 22px; }
  .privacy-preference-row { flex-wrap:wrap; gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .first-visit-invite { animation:none; } }

/* Platform references share the RxDreams shell, not an unrelated campaign screen. */
.rx-platform-interface { --pui-accent:#86b7ff; --pui-secondary:#a293fa; margin:0; min-width:0; max-width:100%; border:1px solid #34516f; border-radius:17px; overflow:hidden; background:linear-gradient(135deg,#101e32,#0a1322); box-shadow:0 24px 70px #0003; }
.pui-tiktok { --pui-accent:#73e7e0; --pui-secondary:#ff8da7; }.pui-google-ads { --pui-accent:#8ab4f8; --pui-secondary:#96d8a6; }.pui-linkedin { --pui-accent:#8cc6ff; --pui-secondary:#8ba8de; }
.pui-windowbar { display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #2b405b; padding:16px 22px; background:#101e30; font-size:11px; color:#a8bed7; }
.pui-windowbar>b { color:var(--pui-accent); font-size:9px; letter-spacing:.06em; border:1px solid #355574; border-radius:5px; padding:5px 8px; font-weight:600; }
.pui-platform-brand { display:inline-flex; align-items:center; gap:10px; font-size:14px; color:#e4edfa; }.pui-platform-brand img,.pui-platform-brand>.rx-icon { width:25px; height:25px; object-fit:contain; }.pui-platform-brand strong { font-weight:600; }
.pui-shell { display:grid; grid-template-columns:185px minmax(0,1fr); }.pui-tabs,.pui-static-rail { padding:22px 12px; border-inline-end:1px solid #263c56; background:#091424; display:flex; flex-direction:column; gap:7px; }
.pui-tabs button,.pui-static-rail>span { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid transparent; border-radius:8px; text-align:start; min-height:46px; background:none; font:500 12px/1.6 var(--font-body); color:#a4bad3; }.pui-tabs button>.rx-icon,.pui-static-rail>span>.rx-icon { width:18px; height:18px; flex:none; }
.pui-tabs button[aria-selected=true],.pui-static-rail>span:first-child { background:var(--rx-active-gradient); border-color:#3d5b7d; color:var(--pui-accent); }.pui-tabs button:hover { background:#152b40; color:#dceeff; }.pui-tabs button:focus-visible { outline:2px solid var(--pui-accent); outline-offset:2px; }
.pui-content { padding:26px; min-width:0; }.pui-panel { min-width:0; }.pui-panel[hidden] { display:none!important; }.pui-panel>header { margin-bottom:24px; }.pui-panel .pui-kicker { font-size:10px; letter-spacing:.1em; color:var(--pui-accent); margin-bottom:11px; text-transform:uppercase; }.pui-panel h3 { font-size:clamp(23px,2.2vw,30px); line-height:1.3; max-width:31ch; }.pui-panel>header>p:last-child { font-size:13px; line-height:1.9; margin-top:13px; color:#a8bdd5; max-width:75ch; }
.pui-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:23px; }.pui-metrics>div { border:1px solid #2d4561; border-radius:10px; padding:18px 15px; background:#112238; min-width:0; }.pui-metrics span { font-size:11px; color:#a6bdd5; display:block; }.pui-metrics strong { display:block; font:500 clamp(24px,2.6vw,33px)/1.3 var(--font-display); color:#edf5ff; margin-block:9px; }.pui-metrics small { display:block; color:#a1bad4; font-size:10px; line-height:1.7; }
.pui-chart { padding:18px; border:1px solid #2a435f; border-radius:10px; background:#0e1d30; margin-block:20px; }.pui-chart>p { font-size:11px; color:#b5cadf; margin-bottom:10px; }.pui-chart svg { width:100%; height:auto; max-height:235px; }.pui-chart .spend-grid line { stroke:#293b54; stroke-width:.6; }.pui-chart .spend-grid text { fill:#9bb2ce; font:9px var(--font-body); }.pui-chart .spend-line { stroke:var(--pui-accent); stroke-width:2; fill:none; }.pui-chart .spend-area { fill:var(--pui-accent); opacity:.07; }.pui-chart .spend-point { fill:#10233b; stroke:var(--pui-accent); stroke-width:1.5; }
.pui-table-scroll { overflow:auto; max-width:100%; border:1px solid #2a435e; border-radius:9px; scrollbar-color:#3a5c7c #0c1726; }.pui-table-scroll table { width:100%; min-width:590px; border-collapse:collapse; text-align:start; font-size:12px; line-height:1.8; }.pui-table-scroll caption { text-align:start; padding:12px 15px; color:#a8bdd7; font-size:11px; background:#122135; }.pui-table-scroll th { color:#a1b8d2; font-size:10px; font-weight:600; background:#101e31; padding:13px 15px; border-top:1px solid #263d59; }.pui-table-scroll td { padding:14px 15px; border-top:1px solid #253b55; color:#bdcde1; vertical-align:top; }.pui-table-scroll td:first-child { color:#e1eaf6; min-width:160px; }.pui-table-scroll tr:last-child td { border-bottom:0; }
.pui-review-note,.pui-empty { color:#a2b8d2; font-size:12px; line-height:1.9; margin-top:19px; }.pui-empty { padding:21px; border:1px dashed #385771; border-radius:10px; }.rx-platform-interface figcaption { padding:14px 22px; border-top:1px solid #2b405b; color:#9bb0ca; font-size:11px; line-height:1.8; background:#0b1525; }
.pui-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-block:19px; }.pui-cards>article { min-width:0; padding:22px 18px; border:1px solid #304966; border-radius:11px; background:#112135; }.pui-card-icon { display:grid; place-items:center; width:34px; height:34px; color:var(--pui-accent); background:#182e47; border:1px solid #3b5778; border-radius:8px; margin-bottom:19px; }.pui-card-icon .rx-icon { width:18px; height:18px; }.pui-cards h4 { font:500 19px/1.45 var(--font-display); color:#e2ecfa; margin:0 0 12px; }.pui-cards p { font-size:12px; line-height:1.9; color:#afc1d9; }.pui-cards small { display:block; font-size:11px; color:var(--pui-secondary); margin-top:17px; line-height:1.8; }
.pui-asset-chain { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #355375; border-radius:10px; overflow:hidden; }.pui-asset-chain>span { display:flex; align-items:center; gap:10px; padding:16px 12px; font-size:11px; color:#b4d6f8; background:#12283e; border-inline-end:1px solid #355375; }.pui-asset-chain>span:last-child { border:0; }.pui-asset-chain .rx-icon { width:17px; height:17px; flex:none; }
.pui-tiktok-delivery { display:grid; grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr); gap:20px; align-items:stretch; }.pui-video-brief { aspect-ratio:9/13; max-height:280px; border:1px solid #40726f; border-radius:13px; background:radial-gradient(ellipse at 10% 0%,#25f4ee19,transparent 60%),radial-gradient(ellipse at 100% 100%,#fe2c5521,transparent 65%),#102126; padding:22px; display:flex; flex-direction:column; justify-content:space-between; }.pui-video-brief>span { font-size:9px; letter-spacing:.08em; color:#9ee7df; }.pui-video-brief>strong { font:500 clamp(20px,2vw,29px)/1.35 var(--font-display); color:#e6f9f5; }.pui-video-brief>small { font-size:10px; line-height:1.8; color:#b5cbc8; }.pui-tiktok-delivery .pui-cards { grid-template-columns:1fr; margin:0; }
.pui-google-lanes { display:grid; gap:10px; }.pui-google-lanes article { display:flex; gap:15px; align-items:center; padding:18px; border:1px solid #395474; border-inline-start:3px solid #8ab4f8; background:#122138; border-radius:8px; }.pui-google-lanes article:nth-child(2) { border-inline-start-color:#96d8a6; }.pui-google-lanes .rx-icon { color:var(--pui-accent); flex:none; }.pui-google-lanes strong { color:#dce9f8; font-size:13px; font-weight:600; }.pui-google-lanes p { font-size:12px; margin-top:6px; }.pui-google-lanes small { margin-inline-start:auto; color:#b5cfdf; font-size:11px; }
.pui-linkedin-funnel { position:relative; }.pui-linkedin-funnel>article { border-top:2px solid #70b5f9; }.pui-linkedin-funnel>article:nth-child(2) { border-top-color:#91bbf1; }.pui-linkedin-funnel>article:nth-child(3) { border-top-color:#adadf0; }
.pui-compact .pui-windowbar { padding:13px 17px; gap:9px; }.pui-compact .pui-windowbar>span:nth-child(2) { display:none; }.pui-compact .pui-windowbar>b { font-size:8px; }.pui-compact .pui-shell { grid-template-columns:104px minmax(0,1fr); }.pui-compact .pui-static-rail { padding:17px 7px; gap:7px; }.pui-compact .pui-static-rail>span { flex-direction:column; align-items:center; gap:7px; text-align:center; padding:10px 5px; font-size:10px; line-height:1.5; }.pui-compact .pui-content { padding:19px 16px; }.pui-compact .pui-panel h3 { font-size:23px; }.pui-compact .pui-panel>header>p:last-child { font-size:11px; line-height:1.8; }.pui-compact .pui-panel>header { margin-bottom:18px; }.pui-compact .pui-metrics { gap:7px; margin-bottom:15px; }.pui-compact .pui-metrics>div { padding:12px 9px; }.pui-compact .pui-metrics span,.pui-compact .pui-metrics small { font-size:9px; }.pui-compact .pui-metrics strong { font-size:23px; margin-block:6px; }.pui-compact .pui-chart { padding:13px; margin-block:16px; }.pui-compact .pui-chart>p { font-size:10px; }.pui-compact .pui-table-scroll { display:none; }.pui-compact .pui-asset-chain { grid-template-columns:repeat(2,minmax(0,1fr)); }.pui-compact .pui-asset-chain>span { font-size:10px; border-bottom:1px solid #355375; }.pui-compact .pui-asset-chain>span:nth-child(2) { border-inline-end:0; }.pui-compact .pui-asset-chain>span:nth-last-child(-n+2) { border-bottom:0; }.pui-compact .pui-tiktok-delivery { grid-template-columns:100px minmax(0,1fr); gap:12px; }.pui-compact .pui-video-brief { padding:13px; max-height:220px; }.pui-compact .pui-video-brief>strong { font-size:20px; }.pui-compact .pui-cards { grid-template-columns:1fr; gap:10px; margin-block:12px; }.pui-compact .pui-cards>article { padding:14px; }.pui-compact .pui-cards h4 { font-size:17px; }.pui-compact .pui-cards p,.pui-compact .pui-cards small { font-size:11px; }.pui-compact .pui-card-icon { display:none; }.pui-compact .pui-review-note { font-size:10px; line-height:1.8; }.pui-compact .pui-google-lanes article { padding:13px; flex-wrap:wrap; gap:10px; }.pui-compact .pui-google-lanes strong { font-size:12px; }.pui-compact .pui-google-lanes p { font-size:11px; }.pui-compact figcaption { font-size:10px; padding:12px 16px; }
@media(prefers-reduced-motion:no-preference) { .pui-panel:not([hidden]) { animation:platform-panel-arrive .22s ease-out both; }.pui-tabs button { transition:background-color .15s,color .15s; } }
@keyframes platform-panel-arrive { from { opacity:.75; transform:translateY(4px); } to { opacity:1; transform:none; } }
@media(max-width:1000px) { .pui-shell { grid-template-columns:155px minmax(0,1fr); }.pui-tabs { padding-inline:8px; }.pui-tabs button { font-size:11px; padding-inline:10px; }.pui-content { padding:22px; }.pui-cards { grid-template-columns:1fr; }.pui-asset-chain { grid-template-columns:repeat(2,minmax(0,1fr)); }.pui-asset-chain>span { border-bottom:1px solid #355375; }.pui-asset-chain>span:nth-child(2) { border-inline-end:0; }.pui-asset-chain>span:nth-last-child(-n+2) { border-bottom:0; }.pui-compact { width:100%; }.pui-compact .pui-shell { grid-template-columns:112px minmax(0,1fr); } }
@media(max-width:650px) { .pui-shell,.pui-compact .pui-shell { grid-template-columns:1fr; }.pui-tabs,.pui-static-rail,.pui-compact .pui-static-rail { flex-direction:row; flex-wrap:wrap; gap:5px; padding:12px; border-inline-end:0; border-bottom:1px solid #2c425f; }.pui-tabs button,.pui-compact .pui-static-rail>span { flex:1 1 calc(33% - 5px); justify-content:center; flex-direction:column; gap:6px; padding:9px 5px; font-size:10px; min-height:65px; }.pui-tabs button>.rx-icon,.pui-static-rail .rx-icon { width:16px; height:16px; }.pui-windowbar,.pui-compact .pui-windowbar { padding:14px; }.pui-windowbar>span:nth-child(2) { display:none; }.pui-windowbar>b { font-size:8px; }.pui-platform-brand { font-size:13px; }.pui-platform-brand img { width:23px; height:23px; }.pui-content,.pui-compact .pui-content { padding:20px 16px; }.pui-panel h3,.pui-compact .pui-panel h3 { font-size:24px; }.pui-panel>header>p:last-child,.pui-compact .pui-panel>header>p:last-child { font-size:12px; }.pui-metrics,.pui-compact .pui-metrics { grid-template-columns:1fr; gap:8px; }.pui-metrics>div,.pui-compact .pui-metrics>div { padding:12px; display:grid; grid-template-columns:1fr auto; column-gap:10px; align-items:center; }.pui-metrics strong,.pui-compact .pui-metrics strong { font-size:25px; grid-row:span 2; grid-column:2; margin:0; }.pui-metrics span,.pui-compact .pui-metrics span { font-size:11px; }.pui-metrics small,.pui-compact .pui-metrics small { font-size:10px; margin-top:5px; }.pui-asset-chain>span,.pui-compact .pui-asset-chain>span { padding:13px 10px; font-size:11px; }.pui-cards p,.pui-compact .pui-cards p { font-size:12px; }.pui-tiktok-delivery { grid-template-columns:110px minmax(0,1fr); gap:12px; }.pui-video-brief { padding:15px; }.pui-video-brief>strong { font-size:21px; }.pui-review-note,.pui-compact .pui-review-note { font-size:11px; }.rx-platform-interface figcaption,.pui-compact figcaption { padding:14px 16px; font-size:11px; } }
@media(max-width:380px) { .pui-tiktok-delivery,.pui-compact .pui-tiktok-delivery { grid-template-columns:1fr; }.pui-video-brief,.pui-compact .pui-video-brief { aspect-ratio:auto; min-height:160px; }.pui-tabs button { font-size:10px; } }

.native-interface { --native-accent:#1877e8; margin:0; min-width:0; max-width:100%; color:#243343; background:#f5f7fa; border:1px solid #b9c8da; border-radius:14px; box-shadow:0 25px 65px #0004; overflow:hidden; }
.native-topbar { min-height:63px; padding:14px 17px; display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; border-bottom:1px solid #d6dee7; background:#fff; }.native-product { display:inline-flex; align-items:center; gap:10px; font-size:14px; color:#253647; }.native-product img,.native-product>.rx-icon { width:26px; height:26px; object-fit:contain; }.native-product strong { font-weight:700; }.native-preview-label { font-size:9px; color:#526479; padding:5px 7px; background:#eaf0f6; border:1px solid #c5d2e1; border-radius:5px; }
.native-layout { display:grid; grid-template-columns:110px minmax(0,1fr); }.native-nav { display:flex; flex-direction:column; gap:8px; border-inline-end:1px solid #d7e0e8; padding:18px 9px; background:#edf1f6; }.native-nav>span { display:flex; flex-direction:column; align-items:center; gap:7px; text-align:center; color:#586a7d; font-size:10px; padding:10px 5px; min-height:60px; border-radius:8px; }.native-nav>span>.rx-icon { width:19px; height:19px; flex:none; }.native-nav>span.selected { background:#dceafd; color:#17589f; font-weight:600; }
.native-main { padding:20px 16px; min-width:0; }.native-title { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:18px; }.native-title h3 { font:700 23px/1.4 var(--font-body); color:#27384b; letter-spacing:-.03em; }.native-title>span { color:#526377; font-size:10px; padding:8px; border:1px solid #c6d2df; border-radius:5px; background:#fff; }.native-filter { display:flex; gap:9px; align-items:center; padding:11px; border:1px solid #cbd6e2; border-radius:7px; color:#5b6e81; font-size:11px; background:#fff; margin-bottom:17px; }.native-filter>.rx-icon { width:16px; height:16px; }
.native-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:19px; }.native-stats>div { padding:14px 11px; border:1px solid #cfdae5; border-radius:7px; background:#fff; min-width:0; }.native-stats span { color:#52677a; font-size:10px; display:block; }.native-stats strong { display:block; margin-top:8px; font:600 clamp(15px,1.8vw,23px)/1.4 var(--font-body); color:#21354b; overflow-wrap:anywhere; }
.native-hierarchy { display:flex; border-bottom:1px solid #c9d6e5; gap:3px; margin-bottom:13px; }.native-hierarchy>span { flex:1; text-align:center; padding:12px 6px; font-size:11px; color:#566d83; border-radius:7px 7px 0 0; }.native-hierarchy>.selected { color:#155caa; background:#e4edfa; border:1px solid #c0d5ed; border-bottom:2px solid var(--native-accent); font-weight:600; }
.native-interface .pui-table-scroll { border-color:#ccd7e3; border-radius:6px; background:#fff; scrollbar-color:#a7b9ce #e9eff5; }.native-interface .pui-table-scroll caption { background:#fff; color:#587086; font-size:10px; padding:10px; }.native-interface .pui-table-scroll th { background:#eff3f8; color:#4c647c; border-top-color:#d1dce8; padding:12px; font-size:10px; }.native-interface .pui-table-scroll td { color:#334f69; border-top-color:#dce4ee; font-size:11px; padding:13px 12px; }.native-interface .pui-table-scroll td:first-child { color:#1c4c7b; }
.native-chart { padding:10px; border:1px solid #d0dbe7; background:#fff; border-radius:8px; margin-bottom:17px; }.native-chart svg { width:100%; height:auto; max-height:180px; }.native-chart .spend-grid line { stroke:#d5dfe9; stroke-width:.7; }.native-chart .spend-grid text { fill:#536b82; font:9px var(--font-body); }.native-chart .spend-line { fill:none; stroke:var(--native-accent); stroke-width:2; }.native-chart .spend-area { fill:var(--native-accent); opacity:.07; }.native-chart .spend-point { fill:#fff; stroke:var(--native-accent); stroke-width:1.5; }
.native-interface figcaption { padding:15px 18px; border-top:1px solid #cbd7e4; background:#edf2f8; }.native-interface figcaption>p { color:#4d647c; font-size:10px; line-height:1.8; }.native-interface figcaption>div { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:10px; }.native-interface figcaption a { display:inline-flex; gap:7px; align-items:center; min-height:40px; font-size:11px; color:#124f8c; font-weight:700; }.native-interface figcaption a>.rx-icon { width:16px; height:16px; }.native-interface a:focus-visible { outline-color:#145eaf; }.native-reference-link { font-weight:500!important; text-decoration:underline; text-underline-offset:3px; }
.native-tiktok { --native-accent:#167d82; }.native-tiktok .native-topbar { color:#f3f7f8; background:#182027; border-color:#34414d; }.native-tiktok .native-product { color:#fff; }.native-tiktok .native-preview-label { color:#d9efef; background:#263c42; border-color:#526c73; }.native-tiktok .native-layout { grid-template-columns:1fr; }.native-tiktok .native-nav { flex-direction:row; flex-wrap:wrap; padding:9px; background:#fff; border-bottom:1px solid #d6e0e7; border-inline-end:0; gap:5px; }.native-tiktok .native-nav>span { min-height:45px; flex:1; flex-direction:row; justify-content:center; gap:6px; padding:7px 4px; font-size:10px; }.native-tiktok .native-nav>.selected { color:#126369; background:#def4f2; }.native-tiktok .native-hierarchy>.selected { color:#17696f; background:#e0f2f1; border-color:#afd9d6; border-bottom-color:#167d82; }
.native-google-ads { --native-accent:#1a73e8; }.native-google-ads .native-stats>div:first-child { background:#1a73e8; border-color:#1a73e8; }.native-google-ads .native-stats>div:first-child span,.native-google-ads .native-stats>div:first-child strong { color:#fff; }.native-google-ads .native-nav>span.selected { border-radius:20px; background:#d7e7ff; }.native-linkedin { --native-accent:#0a66c2; background:#f4f2ee; }.native-linkedin .native-topbar { border-top:4px solid #0a66c2; }.native-linkedin .native-nav { background:#fff; }.native-linkedin .native-nav>span { flex-direction:row; justify-content:flex-start; text-align:start; gap:7px; font-size:11px; padding-inline:7px; }.native-linkedin .native-hierarchy>.selected { border-bottom-color:#0a66c2; background:#e8f1fa; }
.native-snapchat { --native-accent:#3f5471; }.native-snapchat .native-topbar { border-top:5px solid #fffc00; }.native-snapchat .native-product img { background:#fffc00; border:1px solid #c7c400; border-radius:6px; padding:3px; }.native-pinterest { --native-accent:#ad081b; }.native-pinterest .native-topbar { border-top:4px solid #bd081c; }.native-pinterest .native-nav { background:#fff; }.native-pinterest .native-nav>.selected,.native-pinterest .native-hierarchy>.selected { color:#8e1425; background:#fae8ed; border-color:#e8bbc7; border-bottom-color:#ad081b; }.native-x-ads { --native-accent:#15202b; }.native-x-ads .native-topbar { border-top:4px solid #15202b; }.native-x-ads .native-nav { background:#fff; }
.native-no-data { padding:24px 18px; border:1px dashed #b6c6d6; border-radius:8px; color:#506a82; background:#fff; font-size:12px; line-height:1.9; }.native-provider-choice { padding:30px 24px; }.native-provider-choice h3 { color:#273e55; font-size:25px; line-height:1.4; }.native-provider-choice p { color:#526a81; font-size:13px; line-height:1.9; margin-top:18px; }.native-provider-choice>div { display:grid; gap:10px; margin-top:22px; }.native-provider-choice>div>span { padding:15px; color:#355473; border:1px solid #bbcbdc; border-radius:8px; background:#fff; font-size:12px; }
@media(max-width:650px) { .native-layout { grid-template-columns:1fr; }.native-nav { flex-direction:row; flex-wrap:wrap; padding:10px; border-inline-end:0; border-bottom:1px solid #d1dbe6; gap:4px; }.native-nav>span,.native-linkedin .native-nav>span { flex:1 1 calc(33% - 4px); min-height:55px; padding:8px 4px; flex-direction:column; text-align:center; justify-content:center; font-size:10px; }.native-main { padding:20px 14px; }.native-title h3 { font-size:24px; }.native-stats { grid-template-columns:1fr; gap:7px; }.native-stats>div { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:13px; }.native-stats span { font-size:11px; }.native-stats strong { font-size:21px; margin:0; }.native-hierarchy>span { font-size:11px; padding-inline:4px; }.native-interface figcaption>p { font-size:11px; }.native-preview-label { font-size:9px; }.native-tiktok .native-nav>span { flex-direction:column; font-size:10px; }.native-provider-choice { padding:24px 18px; } }