/* Customer Signal only: use the app's purple badge family as a restrained accent. */
.p-product-page--customer-signal { --signal-ink:#ecd5ff; --signal-border:#8054b4; --signal-surface:#36204c; }
.p-product-page--customer-signal .p-product-eyebrow { color:var(--signal-ink); background:rgba(54,32,76,.55); border:1px solid rgba(128,84,180,.5); padding:8px 12px; border-radius:9px; }
.p-product-page--customer-signal .p-product-hero h1 { font-size:clamp(36px,3.8vw,54px); line-height:1.12; letter-spacing:-1.8px; }
.p-product-page--customer-signal .p-product-headline-followup { display:block; margin-top:18px; color:#d2e4d8; font-size:clamp(24px,2.3vw,32px); line-height:1.35; letter-spacing:-.7px; font-weight:550; }
.p-product-page--customer-signal .p-product-headline-followup em { color:var(--signal-ink); font-weight:650; }
.p-product-page--customer-signal .p-product-intro { font-size:16px; margin-bottom:20px; }
.p-product-page--customer-signal .p-product-intro-highlight { color:var(--signal-ink); background:rgba(128,84,180,.3); padding:2px 5px; border-radius:4px; font-weight:750; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.p-product-page--customer-signal .p-product-actions { display:inline-grid; grid-template-columns:minmax(0,1fr); gap:10px; max-width:100%; }
.p-product-page--customer-signal .p-product-setup-badge { display:flex; align-items:center; justify-content:center; gap:8px; color:var(--signal-ink); font-size:14px; line-height:1.5; font-weight:600; }
.p-product-page--customer-signal .p-product-setup-badge .p-icon { width:17px; height:17px; flex-shrink:0; color:#c39aef; }
.p-product-page--customer-signal .p-product-storyboard li > span { color:var(--signal-ink); background:rgba(128,84,180,.2); }
.p-product-page--customer-signal .p-product-feature > span { color:var(--signal-ink); }
.p-product-page--customer-signal .p-product-steps li > span { color:var(--signal-ink); }
.signal-features { --sf-accent:#cba5f3; --sf-line:rgba(195,154,239,.22); }
.signal-features-heading { max-width:720px; }
.signal-features-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--sf-accent); font-size:10px; font-weight:700; letter-spacing:1.4px; }
.signal-features-kicker .p-icon { width:16px; height:16px; }
.signal-features-heading h2 { margin:16px 0; }
.signal-features-heading h2 em { color:var(--signal-ink); font-style:normal; background:linear-gradient(transparent 78%,rgba(128,84,180,.4) 78%); }
.signal-features-heading > p { max-width:540px; margin:0; color:#b1c9bd; font-size:15px; line-height:1.7; }
.signal-features-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:30px; }
.signal-feature { min-width:0; display:flex; flex-direction:column; padding:24px; border:1px solid var(--sf-line); border-radius:20px; background:radial-gradient(ellipse at 100% 0,rgba(128,84,180,.15),transparent 65%),#10241d; }
.signal-feature--1,.signal-feature--3 { --sf-accent:#75e3b5; --sf-line:rgba(117,227,181,.2); background:radial-gradient(ellipse at 100% 0,rgba(0,201,123,.09),transparent 65%),#10241d; }
.signal-feature-top { display:flex; align-items:center; gap:10px; color:var(--sf-accent); font-size:11px; font-weight:650; letter-spacing:.5px; }
.signal-feature-icon { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--sf-line); border-radius:11px; background:#ffffff05; }
.signal-feature-icon .p-icon { width:19px; height:19px; }
.signal-feature-top small { margin-left:auto; font-size:12px; letter-spacing:1px; color:#8da99b; font-variant-numeric:tabular-nums; }
.signal-features .signal-feature h3 { margin:18px 0 10px; font-size:20px; line-height:1.3; letter-spacing:-.4px; }
.signal-feature > p { margin:0 0 22px; color:#b1c9bd; font-size:13px; line-height:1.75; }
.signal-feature-visual { margin-top:auto; padding-top:16px; border-top:1px solid #ffffff0d; color:var(--sf-accent); }
.signal-feature-visual .p-icon { width:14px; height:14px; flex-shrink:0; }
.signal-feature-stages,.signal-feature-checks { display:flex; flex-wrap:wrap; gap:7px; }
.signal-feature-stages > span,.signal-feature-checks > span { display:inline-flex; align-items:center; gap:5px; padding:7px 9px; border:1px solid var(--sf-line); border-radius:8px; font-size:10px; line-height:1.4; background:#ffffff04; }
.signal-feature-route { display:flex; align-items:center; gap:10px; }
.signal-feature-route > span { display:flex; align-items:center; justify-content:center; gap:7px; padding:11px; border:1px solid var(--sf-line); border-radius:10px; font-size:12px; }
.signal-feature-route > .p-icon { flex:1; min-width:16px; max-width:64px; }
.signal-feature-route .signal-feature-destination { color:#a5caff; border-color:#649cff44; background:#649cff0a; }
.signal-feature-values { display:grid; gap:10px; }
.signal-feature-values > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(60px,1fr); align-items:center; gap:14px; font-size:11px; }
.signal-feature-values i { height:7px; border-radius:10px; background:linear-gradient(90deg,#8054b4,#d6b3fa); }
.signal-feature-values > div:first-child i { width:45%; opacity:.65; }
.p-product-page--customer-signal #getting-started { background:radial-gradient(ellipse at 0 0,#8054b410,transparent 65%),#0c2119; border-block:1px solid #ffffff0a; }
.signal-setup-heading { max-width:650px; }
.signal-setup-heading h2 { margin:16px 0; }
.signal-setup-heading h2 em { color:var(--signal-ink); font-style:normal; }
.signal-setup-heading > p { margin:0; font-size:15px; line-height:1.75; color:#bcd3c6; max-width:530px; }
.signal-setup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; margin:30px 0 20px; padding:0; }
.signal-setup-card { --setup-accent:#accbff; --setup-tint:#6b9fff; display:flex; flex-direction:column; min-width:0; padding:22px; border:1px solid #accbff30; border-radius:18px; background:radial-gradient(ellipse at 100% 0,#6b9fff10,transparent 70%),#10251e; }
.signal-setup-card--rules { --setup-accent:#dec0fb; --setup-tint:#b487e4; border-color:#b487e440; background:radial-gradient(ellipse at 100% 0,#8054b424,transparent 70%),#14241f; }
.signal-setup-card--verify { --setup-accent:#8ce8be; --setup-tint:#65d9a4; border-color:#65d9a440; background:radial-gradient(ellipse at 100% 0,#00c97b14,transparent 70%),#10251e; }
.signal-setup-card-top { display:flex; align-items:center; gap:10px; color:var(--setup-accent); }
.signal-setup-card-top > span { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border:1px solid var(--setup-tint); border-radius:12px; font-size:14px; font-weight:750; background:#ffffff04; }
.signal-setup-card-top > small { font-size:9px; font-weight:700; letter-spacing:1px; }
.signal-setup-card-top > .p-icon { margin-left:auto; width:20px; height:20px; flex-shrink:0; }
.signal-setup .signal-setup-card h3 { margin:20px 0 10px; font-size:20px; line-height:1.3; letter-spacing:-.4px; }
.signal-setup-card > p { margin:0 0 20px; color:#bcd3c6; font-size:13px; line-height:1.75; }
.signal-setup-card > p strong { color:#e4eee8; font-weight:600; }
.signal-setup-visual { margin-top:auto; padding:14px; border:1px solid #ffffff10; border-radius:12px; background:#00000018; color:var(--setup-accent); }
.signal-setup-connection,.signal-setup-checks { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; font-weight:600; }
.signal-setup-visual .p-icon { width:16px; height:16px; flex-shrink:0; }
.signal-setup-checks > span { display:flex; align-items:center; gap:5px; font-size:10px; }
.signal-setup-rule { display:grid; gap:9px; }
.signal-setup-rule > small { font-size:8px; color:#acbfb3; letter-spacing:1px; }
.signal-setup-rule > span { display:flex; align-items:center; gap:6px; font-size:11px; line-height:1.6; }
.signal-setup-rule b { font-weight:650; }
.signal-setup-rule .p-icon { margin-left:auto; }
.signal-setup-hint { display:block; margin-top:12px; color:#9db7a8; font-size:10px; line-height:1.7; }
.signal-setup-ready { display:flex; align-items:flex-start; gap:14px; padding:22px; border:1px solid #ffffff12; border-radius:16px; background:#ffffff03; }
.signal-setup-ready-icon { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; color:#dec0fb; background:#8054b41a; border-radius:10px; }
.signal-setup-ready-icon .p-icon { width:18px; height:18px; }
.signal-setup .signal-setup-ready h3 { margin:0 0 10px; font-size:15px; }
.signal-setup-ready ul { padding-left:16px; margin:0; color:#bcd3c6; font-size:12px; line-height:1.7; }
.signal-setup-ready li + li { margin-top:5px; }
.signal-setup-ready li::marker { color:#c39aef; }
.signal-setup-action { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:28px; }
.signal-setup-action > small { display:flex; align-items:center; gap:7px; font-size:13px; color:var(--signal-ink); font-weight:600; }
.signal-setup-action > small .p-icon { width:16px; height:16px; color:#c39aef; }
@media (max-width:1000px) {
  .signal-setup-steps { grid-template-columns:minmax(0,1fr); gap:18px; }
  .signal-setup-card { position:relative; padding:20px; }
  .signal-setup-card + .signal-setup-card::before { content:''; position:absolute; left:39px; top:-19px; width:1px; height:18px; background:var(--setup-tint); opacity:.5; }
}
@media (max-width:540px) { .signal-setup-action > a { width:100%; }.signal-setup-ready { padding:18px; gap:10px; } }
@media (max-width:540px) {
  .signal-features-grid { grid-template-columns:minmax(0,1fr); gap:14px; margin-top:24px; }
  .signal-feature { padding:20px; }
  .signal-features .signal-feature h3 { font-size:19px; margin-top:14px; }
}
@media (max-width:800px) {
  .p-product-page--customer-signal .p-product-hero-grid { gap:24px; }
  .p-product-page--customer-signal .p-product-audience { max-width:none; padding-bottom:24px; border-bottom:1px solid rgba(195,154,239,.18); }
}
@media (max-width:540px) {
  .p-product-page--customer-signal .p-product-actions { display:grid; }
  .p-product-page--customer-signal .p-product-hero h1 { font-size:36px; letter-spacing:-1.2px; }
  .p-product-page--customer-signal .p-product-headline-followup { font-size:25px; letter-spacing:-.4px; }
  .p-product-page--customer-signal .p-product-eyebrow { font-size:14px; }
}