/* PropFirms.Red logo-led theme (Jon 4 Nov 2026). Palette read from brand/JON-PICK-4: near-black ground #0A0E11,
   glossy crimson running #FF6B66 highlight > #D6342F body > #8E0808 shade. Loaded after blotter.css; the body carries .dark. */
:root,.dark,.pagehead{--paper-nx4:#0A0E11;--sheet:#11181D;--ink-nx4:#F2F4F5;--dim:#A7B1B9;--rule-nx4:#25303A;--field:#586671;--ledger:#FF6B66;--ledger-deep:#FF9C97;--red:#D6342F;--red-deep:#A81414;--red-hot:#FF5A55;--night-nx4:#0A0E11;--night-2:#11181D;--board:#0D1317;--board-text:#F2F4F5;--paid:#46E0A0;--paid-tint:rgba(70,224,160,.14);--denied-tint:rgba(255,90,85,.14);--changed:#F6A93B;--changed-tint:rgba(246,169,59,.14);--grad-red:linear-gradient(180deg,#E0443F 0%,#C01C19 52%,#8E0808 100%);--gloss:inset 0 1px 0 rgba(255,190,185,.5),inset 0 -1px 0 rgba(0,0,0,.4);--mh:68px;color-scheme:dark}
html{scroll-padding-top:132px}
body{background:#0A0E11 radial-gradient(900px 480px at 85% -120px,rgba(214,52,47,.2),rgba(214,52,47,0) 70%) no-repeat;overflow-x:clip}
a{text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(255,107,102,.55)}
a:hover{text-decoration-color:currentColor}

/* header: quiet links, one loud call to action */
.masthead{background:#0A0E11;border-bottom:1px solid rgba(214,52,47,.38)}
.masthead .l-wrap{min-height:var(--mh);gap:18px}
.masthead-logo{margin-right:auto}
.masthead-logo img{height:46px}
.deskmenu>li>a,.deskmenu>li>button{font:400 15px/1 "Geologica",sans-serif;color:var(--dim)}
.deskmenu>li>a:hover,.deskmenu>li>button:hover,.deskmenu>li>a[aria-current=page]{color:#fff}
.deskpanel{background:#11181D;border-color:var(--rule-nx4);box-shadow:0 18px 48px rgba(0,0,0,.55)}
.deskpanel a{color:var(--ink-nx4);font-weight:400}
.deskpanel a:hover{background:rgba(214,52,47,.16);color:#fff}
.navcta,.btn{background:var(--grad-red);border:1px solid #FF7B75;box-shadow:var(--gloss),0 8px 22px rgba(214,52,47,.32);color:#fff;text-shadow:0 1px 0 rgba(80,0,0,.45)}
.navcta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font:600 15px/1 "Geologica",sans-serif;text-decoration:none;white-space:nowrap;transition:filter .15s,transform .15s}
.navcta:hover,.navcta:focus-visible,.btn:not(:disabled):hover,.btn:not(:disabled):focus-visible{background:linear-gradient(180deg,#EE5A55 0%,#D0221F 52%,#9C0C0C 100%);border-color:#FFA19C;color:#fff;transform:translateY(-1px)}
.btn[disabled],.btn:disabled{background:#2A343C;border-color:#3B4750;box-shadow:none;text-shadow:none;color:#C8D0D6}
.btn-quiet{background:transparent;border-color:var(--field);box-shadow:none;text-shadow:none;color:var(--ink-nx4)}
.btn-quiet:hover{background:rgba(255,255,255,.06)}
.menutoggle{background:transparent;color:var(--ink-nx4);border-color:var(--field);border-radius:999px}

/* page heads and type */
.pagehead{background:none;box-shadow:none;clip-path:none;padding:30px 0 14px}
.pagehead h1{text-shadow:0 2px 36px rgba(214,52,47,.35)}
.pagehead-sub,.hero .pagehead-sub,.band .pagehead-sub{color:#C3CBD1}
h2{letter-spacing:-.015em}
.keyfacts{border-top:0;border:1px solid var(--rule-nx4)}
.sheetwrap,.ticket,.keyfacts,.terms,.verdict{background:var(--sheet);border-color:var(--rule-nx4)}
.sheet tbody tr:hover{background:#17212A}
.sheet thead th{background:#0D1317;color:var(--ink-nx4)}
.codechip{border-color:rgba(255,107,102,.7);color:#fff}
.paid{color:var(--paid)}
.tag-up{color:var(--ledger)}

/* hero: the picture sits behind the head, the tool stays first under the H1 */
.hero{background:#0A0E11;padding:34px 0 40px}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.9;filter:saturate(1.2) contrast(1.08) brightness(1.15)}
.hero::before{background:radial-gradient(60% 85% at 50% 0%,rgba(214,52,47,.42),rgba(214,52,47,0) 72%),radial-gradient(40% 50% at 100% 100%,rgba(214,52,47,.22),rgba(214,52,47,0) 70%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,14,17,.55) 0%,rgba(10,14,17,.2) 40%,rgba(10,14,17,.55) 80%,#0A0E11 100%);pointer-events:none}
.hero h1{font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.05;white-space:nowrap;text-shadow:0 4px 44px rgba(214,52,47,.55)}
.hero-outcome{font-size:clamp(1.05rem,2vw,1.4rem)}
.dark .ticket{border-color:rgba(255,123,117,.34);box-shadow:0 0 0 1px rgba(214,52,47,.16)}
.hero .ticket{background:rgba(13,19,23,.92);border:1px solid rgba(255,123,117,.38);box-shadow:0 0 0 1px rgba(214,52,47,.25),0 30px 90px rgba(214,52,47,.24);border-radius:14px}
.truststrip li{border-color:rgba(255,123,117,.3);background:rgba(10,14,17,.55);color:#D3DADF}
.board{border:1px solid rgba(255,123,117,.3);background:linear-gradient(180deg,#141C22,#0D1317)}
.board-line{display:flex;align-items:center;gap:14px}
.board-line::before{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:var(--grad-red);box-shadow:var(--gloss);-webkit-mask:none;mask:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M8 22l6-6 4 4 8-9M20 11h6v6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),var(--grad-red)}
.ticket-steps li.is-on b,.dark .ticket-steps li.is-on b{background:var(--grad-red);border-color:#FF7B75;color:#fff}
.choice input:checked+span,.dark .choice input:checked+span{background:rgba(214,52,47,.2);border-color:var(--red-hot)}
.rank[data-r="1"]{background:var(--grad-red);border-color:#FF7B75;box-shadow:var(--gloss)}

/* subpage and sticky sub-nav sit under the taller header */
.subnav{top:var(--mh);background:#0A0E11;border-bottom-color:rgba(214,52,47,.25)}
.subnav a{color:#D3DADF}
.subnav a:hover{border-color:var(--red-hot);color:#fff}
.dark-zone [id],.home-firms{scroll-margin-top:136px}

/* lists of links: own idiom, quiet ink with a red chevron, no wall of underlined red */
.routes a,.routelist a{color:var(--ink-nx4);text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.routes a::after,.routelist a::after{content:"";flex:none;width:7px;height:7px;border-top:2px solid var(--red-hot);border-right:2px solid var(--red-hot);transform:rotate(45deg);opacity:.75;transition:transform .15s,opacity .15s}
.routes a:hover,.routelist a:hover{color:#fff}
.routes a:hover::after,.routelist a:hover::after{opacity:1;transform:translateX(3px) rotate(45deg)}
.routes li{border-top-color:var(--rule-nx4)}

/* one vertical rhythm on the home: 56 px between sections */
.dark-zone{padding-top:40px;padding-bottom:56px}
.dark-zone .home-sheet,.dark-zone .home-firms{margin-top:56px}

/* routes band: full-bleed picture behind the two route lists */
.home-routes{position:relative;isolation:isolate;padding:52px 0 56px;margin-top:0}
.routes-img{position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;height:100%;max-width:none;object-fit:cover;z-index:-1;opacity:.7}
.home-routes::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background:linear-gradient(180deg,#0A0E11 0%,rgba(10,14,17,.55) 40%,rgba(10,14,17,.8) 100%);pointer-events:none}
.home-routes .routes{grid-template-columns:repeat(2,1fr);gap:40px}

/* footer */
.footer{background:#070A0C;border-top:1px solid rgba(214,52,47,.38);margin-top:0;color:#D3DADF}
.footer a{color:#E6EBEE;text-decoration:none}
.footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--red-hot)}
.footer-base{border-top-color:#25303A;align-items:center}
.footer-base img{height:44px;width:auto}

.masthead-logo{flex:none}
.navcta{flex:none}
@media (min-width:761px) and (max-width:1020px){
  .masthead .l-wrap{gap:10px}
  .masthead-logo img{height:38px}
  .deskmenu{gap:0}
  .deskmenu>li>a,.deskmenu>li>button{padding:0 7px;font-size:14px}
  .navcta{padding:0 14px;font-size:14px}
}
@media (max-width:760px){
  :root,.dark,.pagehead{--mh:60px}
  .masthead .l-wrap{gap:10px}
  .masthead-logo img{height:36px}
  .navcta{min-height:40px;padding:0 12px;font-size:14px}
  .menutoggle{min-height:40px;min-width:40px;padding:0 12px;font-size:14px}
  .hero h1{font-size:clamp(1.55rem,7.2vw,2.2rem)}
  .desknav{background:#0A0E11;border-bottom-color:rgba(214,52,47,.38)}
  .deskmenu>li>a,.deskmenu>li>button{color:var(--ink-nx4);border-bottom-color:var(--rule-nx4)}
  .home-routes{padding:40px 0 44px;margin-top:48px}
  .home-routes .routes{grid-template-columns:1fr;gap:28px}
}
@media (max-width:380px){
  .masthead .l-wrap{gap:8px;padding:0 12px}
  .masthead-logo img{height:29px}
  .navcta{padding:0 10px;font-size:13px}
  .menutoggle{padding:0 9px;font-size:13px;min-width:0}
}
@media (prefers-reduced-motion:reduce){.navcta,.btn{transition:none}}

.sheet-tabrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--rule-nx4)}
.sheet-tabrow .sheet-tabs{margin:0;padding-bottom:0;border-bottom:0}
.sheet-tabrow .datasig{margin:0 0 0 auto;width:auto}
.sheet-tools .favpill{margin-left:auto}
@media (max-width:760px){.sheet-tabrow .datasig{margin-left:0;width:100%}.sheet-tools .favpill{margin-left:0}}
.quote-list{margin:.35em 0 .35em;padding-left:1.1em}.quote-list li{margin:0}
.board{font-size:1.5rem}.board .board-line{font-size:1em}
@media (max-width:760px){.board{font-size:1.25rem}}
.mtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px}
.mtile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;padding:14px 10px;background:rgba(255,255,255,.03);border:1px solid var(--rule-nx4);border-radius:12px;color:var(--ink-nx4);font:500 1rem/1.25 "Geologica",sans-serif;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.mtile svg{width:30px;height:30px;color:var(--red-hot)}
.mtile:hover{border-color:var(--red-hot);background:rgba(214,52,47,.1)}
.mtile:focus-visible{outline:2px solid var(--red-hot);outline-offset:2px}
.mtile[aria-pressed=true]{background:rgba(214,52,47,.2);border-color:var(--red-hot)}
@media (max-width:760px){.mtiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mtile{min-height:88px}}
.sheet-after{margin-top:18px;max-width:760px}