/* Dream Payouts 97+ Step 8 — unified secondary-page system */
:root{
  --dp-page-accent:#155eef;
  --dp-page-accent-2:#4b7bff;
  --dp-page-mint:#22c58b;
  --dp-unified-ink:#061a3a;
  --dp-unified-muted:#64748b;
  --dp-unified-line:#dce7f5;
  --dp-unified-soft:#f5f9ff;
}
body.dp-secondary-page{background:#fff}
body.dp-secondary-page main{overflow:hidden}
body.dp-secondary-page .page-hero{
  min-height:560px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(780px 360px at 76% 24%,rgba(21,94,239,.12),transparent 68%),
    radial-gradient(520px 280px at 14% 90%,rgba(34,197,139,.065),transparent 70%),
    linear-gradient(118deg,#fff 0%,#fbfdff 52%,#eef5ff 100%);
  border-bottom:1px solid rgba(220,231,245,.85);
}
body.dp-secondary-page .page-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;
  background-image:linear-gradient(rgba(21,94,239,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(21,94,239,.06) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 76%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 76%,transparent 100%);
}
body.dp-secondary-page .page-hero .container{position:relative;z-index:2}
body.dp-secondary-page .page-hero h1{max-width:780px}
body.dp-secondary-page .page-hero .lead{max-width:665px}
body.dp-secondary-page .page-hero .hero-media img,
body.dp-secondary-page .page-hero .team-collage img{
  border-radius:28px;box-shadow:0 34px 90px rgba(6,26,58,.16);border:1px solid rgba(255,255,255,.74)
}
body.dp-secondary-page .eyebrow,
body.dp-secondary-page .kicker{
  position:relative;isolation:isolate
}
body.dp-secondary-page .eyebrow:after{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--dp-page-mint);box-shadow:0 0 0 4px rgba(34,197,139,.10);margin-left:2px
}

/* One consistent orientation rail below every public page hero. */
.dp-page-rail-wrap{position:relative;z-index:8;margin-top:-1px;background:#fff;border-bottom:1px solid var(--dp-unified-line)}
.dp-page-rail{width:min(1180px,calc(100% - 48px));margin:auto;padding:24px 0;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}
.dp-page-rail-intro{padding-right:22px;border-right:1px solid var(--dp-unified-line)}
.dp-page-rail-intro small{display:block;color:var(--dp-page-accent);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.dp-page-rail-intro b{font-size:16px;line-height:1.3;color:var(--dp-unified-ink)}
.dp-page-rail-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}
.dp-page-rail-steps:before{content:"";position:absolute;left:9%;right:9%;top:15px;height:2px;background:linear-gradient(90deg,var(--dp-page-accent),var(--dp-page-accent-2),var(--dp-page-mint));opacity:.24}
.dp-page-rail-step{position:relative;display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:start;padding:4px 8px}
.dp-page-rail-step i{position:relative;z-index:2;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(21,94,239,.25);color:var(--dp-page-accent);font-size:11px;font-style:normal;font-weight:900;box-shadow:0 4px 14px rgba(8,41,99,.07)}
.dp-page-rail-step:last-child i{border-color:rgba(34,197,139,.42);color:#078150}
.dp-page-rail-step b{display:block;font-size:12px;color:var(--dp-unified-ink);margin-top:1px}
.dp-page-rail-step span{display:block;font-size:10px;color:var(--dp-unified-muted);line-height:1.38;margin-top:3px}

/* Unify sections and cards without flattening page-specific content. */
body.dp-secondary-page main>.section,
body.dp-secondary-page main>section.section{position:relative}
body.dp-secondary-page main>.section:nth-of-type(even){background:linear-gradient(180deg,#fff,#f8fbff)}
body.dp-secondary-page .section-head{max-width:850px}
body.dp-secondary-page .section-head h2{max-width:820px;margin-left:auto;margin-right:auto}
body.dp-secondary-page .card,
body.dp-secondary-page .product-window,
body.dp-secondary-page .pt-product-viewer,
body.dp-secondary-page .cc-decision-box{
  border-color:rgba(196,213,235,.78);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease
}
body.dp-secondary-page .card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(8,41,99,.09);border-color:rgba(21,94,239,.24)}
body.dp-secondary-page .editorial-image,
body.dp-secondary-page .solution-card img,
body.dp-secondary-page .industry-card img{filter:saturate(.92) contrast(1.03)}

/* Compact desktop section index generated from live page headings. */
.dp-section-index{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;gap:8px;padding:10px 7px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(196,213,235,.72);box-shadow:0 10px 32px rgba(6,26,58,.08)}
.dp-section-index a{width:8px;height:8px;border-radius:50%;background:#cbd8e9;display:block;position:relative;transition:.25s ease}
.dp-section-index a:after{content:attr(aria-label);position:absolute;right:18px;top:50%;transform:translateY(-50%) translateX(4px);white-space:nowrap;background:var(--dp-unified-ink);color:#fff;font-size:10px;font-weight:750;padding:6px 8px;border-radius:7px;opacity:0;pointer-events:none;transition:.2s ease}
.dp-section-index a:hover:after,.dp-section-index a:focus-visible:after{opacity:1;transform:translateY(-50%) translateX(0)}
.dp-section-index a.active{height:22px;border-radius:999px;background:linear-gradient(180deg,var(--dp-page-accent),var(--dp-page-mint))}

/* Early access pricing — explicit and unmistakable. */
.dp-early-access-banner{width:min(1040px,calc(100% - 48px));margin:-28px auto 36px;position:relative;z-index:12;border-radius:18px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(112deg,#071a3d,#0d3c9d 58%,#155eef);color:#fff;box-shadow:0 20px 46px rgba(8,41,99,.20)}
.dp-early-access-banner b{font-size:18px;display:block}
.dp-early-access-banner span{font-size:12px;color:rgba(255,255,255,.78)}
.dp-early-access-banner .btn{background:#fff;color:#0d4ed8;box-shadow:none;min-height:44px}
body[data-page="pricing"] .price-card.featured{box-shadow:0 24px 60px rgba(21,94,239,.16);border-color:rgba(21,94,239,.42)}
body[data-page="pricing"] .price{color:#155eef}
body[data-page="pricing"] .price-card .price-note{min-height:42px}
body[data-page="pricing"] .page-hero{min-height:470px;text-align:center}
body[data-page="pricing"] .page-hero h1,body[data-page="pricing"] .page-hero .lead{margin-left:auto;margin-right:auto}

/* Page-specific accent nuance */
body[data-page="platforms"],body[data-page="developers"]{--dp-page-accent:#155eef;--dp-page-accent-2:#694cff}
body[data-page="company"],body[data-page="contact"]{--dp-page-accent:#0d5bea;--dp-page-accent-2:#3779e8}
body[data-page="security"]{--dp-page-accent:#0a6e57;--dp-page-accent-2:#22a276}

@media(max-width:1180px){.dp-section-index{display:none}}
@media(max-width:900px){
  body.dp-secondary-page .page-hero{min-height:auto}
  .dp-page-rail{grid-template-columns:1fr;padding:20px 0;gap:14px}
  .dp-page-rail-intro{border-right:0;border-bottom:1px solid var(--dp-unified-line);padding:0 0 13px}
  .dp-page-rail-steps:before{display:none}
  .dp-early-access-banner{align-items:flex-start}
}
@media(max-width:680px){
  .dp-page-rail{width:min(100% - 30px,1180px)}
  .dp-page-rail-steps{grid-template-columns:1fr;gap:5px}
  .dp-page-rail-step{grid-template-columns:28px 1fr;padding:4px 0}
  .dp-page-rail-step i{width:28px;height:28px}
  .dp-early-access-banner{width:calc(100% - 30px);margin:-12px auto 24px;flex-direction:column;padding:17px}
  .dp-early-access-banner .btn{width:100%}
  body.dp-secondary-page .page-hero{padding-top:44px;padding-bottom:46px}
}
@media(prefers-reduced-motion:reduce){.dp-section-index a,.dp-page-rail-step i,body.dp-secondary-page .card{transition:none!important}}