:root{--q-bg:#f5f7fa;--q-panel:#fff;--q-panel2:#e9eef5;--q-line:#d1d9e4;--q-text:#172235;--q-muted:#5d6c7f;--q-blue:#3e6d9c;--q-blue2:#315f8e;--q-green:#14765f;--q-amber:#956313;--q-red:#b43b4c}
.product-brandbar{display:flex;align-items:center;gap:14px;margin:4px 0 20px;padding:11px 14px;border:1px solid rgba(112,167,255,.22);border-radius:12px;background:rgba(13,23,39,.72);color:#f4f7fb}.onpoint-brand{display:flex;align-items:center;gap:9px}.onpoint-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e7f0f9;color:#234f7a;font-size:.72rem;font-weight:900;letter-spacing:-.03em}.onpoint-brand strong,.onpoint-brand small{display:block}.onpoint-brand strong{font-size:.9rem;letter-spacing:.04em}.onpoint-brand small{margin-top:1px;color:#aebbd0;font-size:.63rem;letter-spacing:.06em;text-transform:uppercase}.brand-divider{width:1px;height:30px;background:#40516d}.ci-partner span,.ci-partner strong{display:block}.ci-partner span{color:#8998ae;font-size:.57rem;text-transform:uppercase;letter-spacing:.07em}.ci-partner strong{margin-top:2px;font-size:.75rem;letter-spacing:.03em}@media(max-width:480px){.product-brandbar{align-items:flex-start;flex-direction:column}.brand-divider{width:100%;height:1px}}
.q-wrap{max-width:1180px;margin:auto;padding:24px 20px 72px}.q-back{display:inline-block;margin:8px 0 18px;color:var(--text-subtle);text-decoration:none}.q-back:hover{color:var(--accent-strong)}.q-hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.q-kicker{color:var(--q-blue);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.q-hero h1{margin:6px 0;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em}.q-hero p{margin:0;color:var(--text-subtle);max-width:72ch}.tier-pill{white-space:nowrap;color:#dce9ff;border:1px solid var(--q-blue);background:rgba(79,143,247,.14);padding:7px 11px;border-radius:999px;font-size:.75rem;font-weight:750}
.q-shell{color:var(--q-text);border:1px solid var(--q-line);border-radius:20px;background:linear-gradient(145deg,#121e31,#0d1727);box-shadow:0 26px 70px rgba(2,8,20,.4);overflow:hidden}.q-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;background:#16243a;border-bottom:1px solid var(--q-line)}.q-top strong{display:block}.q-top small{color:var(--q-muted)}.q-body{padding:18px}.q-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.q-grid.two{grid-template-columns:repeat(2,1fr)}.q-card{border:1px solid var(--q-line);border-radius:15px;background:var(--q-panel);padding:16px}.q-card h2,.q-card h3{margin:0 0 7px}.q-card h2{font-size:1.08rem}.q-card h3{font-size:.92rem}.q-card p{margin:0;color:var(--q-muted);font-size:.82rem;line-height:1.55}.q-label{color:var(--q-blue);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.q-btn{border:1px solid #40516d;border-radius:9px;background:#1b2a42;color:var(--q-text);padding:9px 12px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex}.q-btn:hover,.q-btn:focus-visible{border-color:var(--q-blue);outline:3px solid rgba(112,167,255,.15)}.q-btn.primary{background:var(--q-blue2);border-color:var(--q-blue2);color:#fff}.q-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:750}.status.good{color:var(--q-green)}.status.warn{color:var(--q-amber)}.status.bad{color:var(--q-red)}
.channel-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.channel-tab[aria-selected=true]{background:rgba(79,143,247,.2);border-color:var(--q-blue)}.preview{border:1px solid var(--q-line);border-radius:14px;overflow:hidden;background:#0b1525}.preview-head{padding:13px 15px;background:#1b2a42;border-bottom:1px solid var(--q-line)}.preview-body{padding:18px}.preview-body p{color:var(--q-text);font-size:.86rem;margin:0 0 12px}.callout{padding:13px;border-left:3px solid var(--q-amber);background:rgba(244,191,98,.08);border-radius:9px;margin:13px 0;color:var(--q-muted);font-size:.82rem}.recipient{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--q-line);font-size:.8rem}.recipient:first-child{border-top:0}.recipient span{color:var(--q-muted)}
.q-table-wrap{overflow:auto;border:1px solid var(--q-line);border-radius:14px}.q-table{width:100%;border-collapse:collapse;min-width:720px}.q-table th{text-align:left;color:var(--q-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;padding:11px;background:rgba(255,255,255,.025)}.q-table td{padding:12px 11px;border-top:1px solid var(--q-line);font-size:.8rem}.q-table tbody tr{cursor:pointer}.q-table tbody tr:hover,.q-table tbody tr:focus{background:rgba(112,167,255,.07);outline:none}.forecast{display:flex;align-items:end;gap:9px;height:170px;margin:12px 0 26px}.forecast div{flex:1;position:relative;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--q-blue),#315f9f)}.forecast div.warn{background:linear-gradient(180deg,var(--q-amber),#956a25)}.forecast span{position:absolute;left:50%;bottom:-21px;translate:-50%;font-size:.66rem;color:var(--q-muted)}.step{display:flex;gap:11px;align-items:start;padding:12px 0;border-top:1px solid var(--q-line)}.step:first-child{border-top:0}.step b:first-child{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:rgba(79,143,247,.2);color:var(--q-blue)}.step p{margin-top:3px}.toast{position:fixed;right:22px;bottom:22px;padding:12px 16px;border-radius:11px;background:#163b35;border:1px solid rgba(69,214,178,.55);color:#e7fff9;opacity:0;translate:0 16px;transition:.2s;pointer-events:none}.toast.show{opacity:1;translate:0}
.q-tier-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}@media(max-width:780px){.q-hero{align-items:start;flex-direction:column}.q-grid,.q-grid.two{grid-template-columns:1fr}.q-top{align-items:start;flex-direction:column}}@media(max-width:460px){.q-body{padding:12px}}
.walkthrough-nav{margin-top:22px;padding:14px;border:1px solid #33445e;border-radius:14px;background:#0f192a;color:#f4f7fb}.walkthrough-progress,.walkthrough-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.walkthrough-progress span{font-size:.72rem;color:#aebbd0}.walkthrough-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:12px 0}.walkthrough-steps a{display:flex;align-items:center;gap:6px;padding:7px;border-radius:8px;color:#aebbd0;text-decoration:none;font-size:.68rem}.walkthrough-steps a span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#26364d;color:#fff}.walkthrough-steps a[aria-current="step"]{background:#e7f0f9;color:#234f7a;font-weight:800}.walkthrough-steps a[aria-current="step"] span{background:#315f8e}.qualification-flow>.q-wrap>.q-tier-links{display:none}@media(max-width:920px){.walkthrough-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.walkthrough-progress,.walkthrough-actions{align-items:stretch;flex-direction:column}.walkthrough-actions .q-btn{justify-content:center}}
/* Neutral product workspace; CI branding remains in the surrounding site frame. */
.q-shell{background:var(--q-bg);border-color:#c5cfdb;box-shadow:0 24px 60px rgba(15,27,45,.2)}.q-top{background:var(--q-panel2)}.q-btn{background:#fff;border-color:#aebac9;color:#26364d}.q-btn:hover,.q-btn:focus-visible{background:#edf3f9}.status.good{background:#e5f4ef}.status.warn{background:#fff3dc}.status.bad{background:#fdecef}.channel-tab[aria-selected=true]{background:#e7f0f9}.preview{background:#fff}.preview-head,.q-table th{background:#e9eef5}.callout{background:#fff7e8}.q-table-wrap{background:#fff}.q-table tbody tr:hover,.q-table tbody tr:focus{background:#eef4fa}.q-tier-links .q-btn{box-shadow:0 5px 16px rgba(15,27,45,.08)}
.onpoint-mark{width:46px;height:46px;flex:0 0 46px;border-radius:0;background:transparent}.onpoint-mark img{display:block;width:100%;height:100%;object-fit:contain}
.product-brandbar{padding:14px 16px}.ci-origin strong,.ci-origin small{display:block}.ci-origin strong{font-size:.78rem;letter-spacing:.035em}.ci-origin small{margin-top:2px;color:#8998ae;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.brand-divider{height:42px}.onpoint-brand{gap:12px}.onpoint-details,.partnership-label,.onpoint-links{display:block}.partnership-label{margin-bottom:2px;color:#aebbd0;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}.onpoint-brand .onpoint-details>strong{font-size:1.03rem;letter-spacing:.015em}.onpoint-links{display:flex;gap:12px;margin-top:4px}.onpoint-links a{color:#9fc4f2;font-size:.68rem;text-decoration:none}.onpoint-links a:hover,.onpoint-links a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.product-brandbar{align-items:flex-start;flex-direction:column}.brand-divider{width:100%;height:1px}.onpoint-links{align-items:flex-start;flex-direction:column;gap:3px}}
.product-brandbar{padding:16px 18px}.product-brandbar .onpoint-brand{gap:15px}.product-brandbar .onpoint-mark{width:68px;height:68px;flex-basis:68px}.product-brandbar .partnership-label{font-size:.66rem}.product-brandbar .onpoint-brand .onpoint-details>strong{font-size:1.28rem}.product-brandbar .onpoint-links{gap:16px;margin-top:6px}.product-brandbar .onpoint-links a{font-size:.76rem}
.product-brandbar .onpoint-mark{width:120px;height:120px;flex-basis:120px}@media(max-width:480px){.product-brandbar .onpoint-mark{width:103px;height:103px;flex-basis:103px}}
/* Keep text readable inside neutral white application surfaces. */
.audience,.viewer,.subject,.mail,.mail-head,.sender,.phone{color:var(--q-text)}
.audience strong,.subject,.sender strong,.phone-head strong{color:#172235}
