/* Approved SignalSolid reference: structure-first hero, no fictitious live statistics. */
.ss-reference-hero{background:radial-gradient(circle at 78% 18%,rgba(105,74,230,.25),transparent 43%),linear-gradient(135deg,#080f20,#09152d 75%);color:#f7f9ff;padding:clamp(64px,8vw,112px) 0;overflow:hidden}
.ss-reference-hero__inner{width:min(100% - 44px,1320px);margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(25px,5vw,85px)}
.ss-reference-eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:800;color:#c0c9e0}
.ss-reference-copy h1{color:#fff!important;font-size:clamp(2.8rem,5.1vw,5.3rem)!important;line-height:1.06!important;letter-spacing:-.03em;font-weight:800;max-width:12ch;margin:18px 0}
.ss-reference-copy h1 em{font-style:normal;background:linear-gradient(90deg,#56a9ff,#8882ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.ss-reference-copy>p{color:#c5d1e5;line-height:1.75;font-size:clamp(1rem,1.35vw,1.18rem);max-width:48ch}
.ss-reference-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 43px}
.ss-reference-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 19px;border-radius:11px;text-decoration:none;font-weight:750}
.ss-reference-primary{background:linear-gradient(105deg,#6658ff,#267fe7);color:#fff!important;box-shadow:0 9px 28px rgba(72,80,255,.22)}
.ss-reference-secondary{color:#f7faff!important;border:1px solid #4a5b77;background:#101c32}
.ss-reference-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ss-reference-trust>span{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 7px;align-items:center}
.ss-reference-trust i{grid-row:span 2;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#1a2c56;color:#c0ceff}
.ss-reference-trust strong{font-size:.76rem;line-height:1.2}.ss-reference-trust small{font-size:.75rem;color:#a9bbd9;line-height:1.3}
.ss-reference-art{min-width:0;position:relative;padding:40px 20px 58px 5px}
.ss-reference-chart{background:linear-gradient(140deg,#1c2b53,#0e182e);border:1px solid #3b4f83;border-radius:22px;box-shadow:0 32px 85px rgba(0,0,0,.4);overflow:hidden;transform:perspective(1100px) rotateY(-8deg) rotateX(3deg)}
.ss-reference-chart__top,.ss-reference-chart__footer{display:flex;justify-content:space-between;gap:10px;padding:17px 20px;font-size:.75rem;color:#b2c5e1;letter-spacing:.03em}
.ss-reference-chart__top>span:last-child{color:#9bb3d9;font-size:.75rem}
.ss-reference-chart__plot{height:clamp(190px,25vw,350px);padding:20px;background-image:linear-gradient(rgba(180,200,245,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(180,200,245,.06) 1px,transparent 1px);background-size:38px 38px}
.ss-reference-chart__plot svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(40,213,186,.18))}
.ss-reference-float{position:absolute;bottom:5px;left:-18px;display:flex;align-items:center;gap:13px;padding:16px 20px;background:#20325b;border:1px solid #526599;border-radius:16px;box-shadow:0 17px 44px #070d20bb;max-width:90%}
.ss-reference-float>span{color:#53d9c8;font-size:25px}.ss-reference-float>div{display:grid;gap:3px}.ss-reference-float strong{font-size:.87rem}.ss-reference-float small{color:#bfcee7;font-size:.75rem}.ss-reference-float a{color:#fff}
@media(max-width:950px){.ss-reference-hero__inner{grid-template-columns:minmax(0,1fr)}.ss-reference-copy h1{max-width:15ch}.ss-reference-art{width:min(100%,700px);margin-inline:auto}.ss-reference-chart{transform:none}}
@media(max-width:560px){.ss-reference-hero{padding:48px 0}.ss-reference-hero__inner{width:calc(100% - 32px);gap:16px}.ss-reference-copy h1{font-size:clamp(2.6rem,11vw,3.75rem)!important}.ss-reference-trust{grid-template-columns:1fr;gap:13px}.ss-reference-actions{margin:23px 0}.ss-reference-actions a{flex:1 1 100%}.ss-reference-art{padding:16px 5px 45px}.ss-reference-chart__top,.ss-reference-chart__footer{padding:12px}.ss-reference-float{left:0;bottom:5px;padding:11px}}
@media(prefers-reduced-motion:reduce){.ss-reference-chart{transform:none!important}}

/* Reference fidelity pass — screenshot's tighter 51/49 split and indigo artwork. */
@media(min-width:951px){
.ss-reference-hero{min-height:570px;display:flex;align-items:center;padding:65px 0}
.ss-reference-hero__inner{width:min(calc(100% - 68px),1370px);grid-template-columns:minmax(0, .94fr) minmax(0,1.06fr);gap:clamp(25px,3vw,55px)}
.ss-reference-copy h1{font-size:clamp(3rem,5vw,5.1rem)!important;max-width:11.7ch;margin:16px 0}
.ss-reference-art{padding-block:24px 58px}
.ss-reference-chart{min-height:365px;transform:perspective(1300px) rotateY(-11deg) rotateX(3deg) rotateZ(-2deg);background:linear-gradient(143deg,#182a56,#0a1430 84%);border-color:#425a93}
.ss-reference-chart__plot{height:300px}
.ss-reference-float{bottom:24px;left:-42px;transform:rotate(-3deg)}
}
.ss-reference-hero{background:radial-gradient(ellipse at 57% 10%,rgba(112,60,245,.25),transparent 44%),linear-gradient(120deg,#0b1229,#060d1e 88%)}
.ss-reference-eyebrow{color:#d1daee}
.ss-reference-primary{background:linear-gradient(100deg,#664eff,#2a76e9)!important;box-shadow:0 9px 28px rgba(89,80,246,.23)}
.ss-reference-secondary:hover{background:#1b2b49;color:#fff!important}
.ss-reference-chart__top{background:linear-gradient(90deg,#162953,#0d1932)}
.ss-reference-chart__plot{background-color:#111d3c;background-image:linear-gradient(rgba(180,200,245,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(180,200,245,.075) 1px,transparent 1px)}
.ss-reference-copy .ss-reference-trust{max-width:580px}
@media(max-width:950px){.ss-reference-hero{min-height:0}.ss-reference-float{transform:none}}