/* ============================================================
   VwapSetups flavor layer — loads AFTER core + landing/feature.
   Identity: steel blue (#3B6EA5, the owner's brand), reclaim
   green (#1FA15B) as the event accent, loss red (#D63B34) as
   its counterpart. Motifs: the σ-band envelope around a VWAP,
   anchor ticks, and the settled/developing two-layer honesty.
   ============================================================ */

:root{ --vwmono:'IBM Plex Mono',ui-monospace,Menlo,monospace; --steel:#3B6EA5; --steel-deep:#2F5A88; --reclaim:#1FA15B; --loss:#D63B34; }

/* ---------- mono numerals + kickers ---------- */
.sqlp .kick,.sqfp .kick,
.sqlp .feat-step,.sqfp .pcard .ph,.sqlp .ed-tag,
.sqfp .plan .pname,.sqfp .plan .pchip,.sqlp .plan .name,
.sq-frame-bar .fb-url,
.sqlp .an-axis,.sqlp .run-axis,.sqlp .ed-cap{ font-family:var(--vwmono); font-weight:600; }
.sqlp .stat-n,.sqfp .hstat .n,.sqlp .rn,
.sqlp .plan .amt,.sqfp .plan .amt,
.sq-stage .sqf-stat,.sqlp .ed-num .big{ font-family:var(--vwmono); font-weight:700; letter-spacing:-.02em; }

/* units + event accents: reclaim green */
.sqlp .stat-n .u,.sqfp .hstat .n .u,.sqlp .rn .u,.sq-stage .sqf-stat .u{ color:var(--reclaim); }
.sqlp .runner .kick.lt,.sqlp .price .kick.lt{ color:#7FE0A9; }

/* headline halves in steel */
.sqlp h1 .m,.sqlp h2 .m,.sqfp h1 .m,.sqfp h2 .m,
.sqlp .feat-copy h3 .m{ color:var(--steel); font-weight:800; }
.sqlp .runner h2 .m,.sqlp .price h2 .m,.sqfp .band h2 .m{ color:#7FE0A9; }

/* ---------- σ-band watermark behind heroes ---------- */
.vw-bands{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.vw-bands i{ position:absolute; left:0; right:0; top:var(--y); height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(59,110,165,.10) 14%,rgba(59,110,165,.10) 86%,transparent 100%); }
.vw-bands i::after{ content:attr(data-b); position:absolute; top:-15px;
  right:max(28px,calc(50% - 614px));
  font:600 10px/1 var(--vwmono); letter-spacing:.1em; color:rgba(59,110,165,.40); }
.vw-bands i[data-b="vwap"]{ height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(59,110,165,.22) 14%,rgba(59,110,165,.22) 86%,transparent 100%); }
.vw-bands i[data-b="vwap"]::after{ content:"VWAP"; color:rgba(59,110,165,.62); font-weight:700; }
@media(max-width:820px){ .vw-bands{ display:none; } }

/* ---------- the anchor strip: every anchor on one ruler ---------- */
.vw-ruler{ background:#fff; border-bottom:1px solid #E9EDEE; position:relative; }
.vw-ruler .fr-in{ position:relative; height:64px; max-width:1280px; margin:0 auto; padding:0 32px; }
.vw-ruler .fr-base{ position:absolute; left:32px; right:32px; top:50%; height:1px; background:#DDE3E4; }
.vw-ruler .fr-t{ position:absolute; top:50%; transform:translate(-50%,-50%); }
.vw-ruler .fr-t i{ display:block; width:1px; height:14px; background:var(--steel); opacity:.5; margin:0 auto; }
.vw-ruler .fr-t span{ display:block; margin-top:7px; font:600 10px/1 var(--vwmono); letter-spacing:.1em; color:#76828D; text-align:center; white-space:nowrap; }
.vw-ruler .fr-t.hot i{ width:7px; height:7px; border-radius:50%; background:var(--reclaim); border:2px solid #128A4E; opacity:1; margin-top:3px; }
.vw-ruler .fr-t.hot span{ color:#128A4E; font-weight:700; }
.vw-ruler .fr-cap{ position:absolute; right:32px; top:12px; font:600 10px/1 var(--vwmono); letter-spacing:.12em; color:#A4ADB6; text-transform:uppercase; }
@media(max-width:600px){ .vw-ruler .fr-in{ height:52px; } .vw-ruler .fr-cap{ display:none; } .vw-ruler .fr-t span{ font-size:8.5px; } }

/* ---------- band-fan watermark on the dark sections ---------- */
.sqlp .runner,.sqfp .band,.sqlp .price{ position:relative; }
.sqlp .runner::after,.sqfp .band::after,.sqlp .price::after{
  content:""; position:absolute; right:-6%; top:-14%; width:52%; aspect-ratio:1.6;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 100' fill='none'%3E%3Cpath d='M4 78 C 50 74 110 60 156 30' stroke='white' stroke-opacity='.05' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M4 66 C 50 62 110 50 156 22' stroke='white' stroke-opacity='.08' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M4 54 C 50 50 110 40 156 14' stroke='white' stroke-opacity='.05' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='96' cy='47' r='3.4' fill='%231FA15B' fill-opacity='.6'/%3E%3C/svg%3E") no-repeat center/contain;
  pointer-events:none; z-index:0;
}
.sqlp .runner .wrap,.sqfp .band > *,.sqlp .price .price-in{ position:relative; z-index:1; }

/* ---------- anchor-ring bullets (steel ring, green center) ---------- */
.sqfp .list li::before,
.sqlp .plan li::before,.sqfp .plan li::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='6' stroke='%233B6EA5' stroke-width='2.4'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%231FA15B'/%3E%3C/svg%3E") no-repeat center/contain;
}
.sqlp .plan li::before,.sqfp .plan.feat li::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='6' stroke='%236B93C4' stroke-width='2.4'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%233DC97E'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* frame url pill: mono */
.sq-frame-bar .fb-url{ font-size:10.5px; }

/* bento CTA tile: steel gradient with band hint */
.sqlp .bc-cta{ background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 100' fill='none'%3E%3Cpath d='M4 78 C 50 74 110 60 156 30' stroke='white' stroke-opacity='.12' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M4 62 C 50 58 110 46 156 18' stroke='white' stroke-opacity='.2' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 110% -30%/70% auto,
  linear-gradient(135deg,#2F5A88 0%,#3B6EA5 58%,#4E7CB0 100%); }
.sqlp .bc-cta .bc-cta-btn{ color:#2F5A88; }

.sqlp .statband{ border-bottom:1px solid #E9EDEE; }
.sqlp .stat-l,.sqfp .hstat .l{ font-size:12.5px; }