/* VibePitstop premium theme pass (pagestyle.py). Same design system as rd.css: dark glass, orange signal, mono labels.
   Every page sets its own accent pair (--pa, --pb) on <main>, so graphics differ per page while the theme stays one. */
.pgx{--pa:#FF7A1A;--pb:#FFB547;--glass:color-mix(in srgb,var(--surface) 82%,transparent);--edge:color-mix(in srgb,var(--pa) 22%,var(--border))}
.pgx>.pgh{max-width:none}
.pgh{position:relative;isolation:isolate;margin:-14px 0 34px;padding:clamp(22px,3.4vw,40px);border-radius:26px;overflow:hidden;
 border:1px solid var(--edge);
 background:radial-gradient(55% 85% at 100% 0%,color-mix(in srgb,var(--pa) 24%,transparent),transparent 72%),
  radial-gradient(45% 75% at 0% 100%,color-mix(in srgb,var(--pb) 15%,transparent),transparent 70%),
  linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 70%,transparent));
 box-shadow:0 40px 90px -50px color-mix(in srgb,var(--pa) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.pgh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
 -webkit-mask-image:radial-gradient(70% 90% at 80% 30%,#000,transparent 75%);mask-image:radial-gradient(70% 90% at 80% 30%,#000,transparent 75%)}
.pgh::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--pa),var(--pb),transparent);opacity:.9}
.pgm-0::before{background-image:linear-gradient(color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 1px);background-size:32px 32px}
.pgm-1::before{background-image:radial-gradient(color-mix(in srgb,var(--pa) 45%,transparent) 1.2px,transparent 1.6px);background-size:18px 18px}
.pgm-2::before{background-image:repeating-radial-gradient(circle at 85% 20%,transparent 0 22px,color-mix(in srgb,var(--pb) 22%,transparent) 22px 23px)}
.pgm-3::before{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--text) 6%,transparent) 0 1px,transparent 1px 16px)}
.pgm-4::before{background-image:linear-gradient(90deg,color-mix(in srgb,var(--pa) 18%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--pa) 10%,transparent) 1px,transparent 1px);background-size:64px 24px}
.pgm-5::before{background-image:radial-gradient(circle,color-mix(in srgb,var(--pb) 35%,transparent) 1px,transparent 1.5px),radial-gradient(circle,color-mix(in srgb,var(--pa) 30%,transparent) 1px,transparent 1.5px);background-size:26px 26px,26px 26px;background-position:0 0,13px 13px}
.pgh-in{display:grid;gap:18px;align-items:center}
@media(min-width:960px){.pgh-in{grid-template-columns:minmax(0,1fr) 380px;gap:36px}.pgh-legal .pgh-in,.pgh-light .pgh-in{grid-template-columns:minmax(0,1fr) 300px}}
.pgh-copy>*{max-width:68ch}
.pgh .phead{margin:0}
.pgh .lbl,.pgh .phead-eb{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;margin:0 0 16px;
 background:color-mix(in srgb,var(--pa) 12%,transparent);border:1px solid color-mix(in srgb,var(--pa) 34%,transparent);color:var(--text)}
.pgh .lbl .i,.pgh .phead-eb .i{color:var(--pa)}
.pgh .lbl a{color:inherit;text-decoration:none}
.pgh h1{font-size:clamp(32px,4.6vw,52px);line-height:1.06;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}
.pgh-copy h1+p,.pgh .lead{font-size:clamp(16.5px,1.5vw,19px);line-height:1.6;color:var(--muted);margin:0}
.pgh-art{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0}
.pgh-bot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;gap:2px;margin:0 0 -34px}
.pgh-bot .pgb{flex:none;width:200px;height:auto}
.pgh-legal .pgh-bot .pgb{width:136px}.pgh-light .pgh-bot .pgb{width:176px}
.pgh-light .pgh-bot,.pgh-legal .pgh-bot{margin:0}
.pgh-say{position:relative;margin:0 -6px 70px 0;max-width:200px;padding:10px 13px;border-radius:14px 14px 3px 14px;font-size:12.5px;line-height:1.45;
 color:#EDEDE8;background:#14171BEE;border:1px solid color-mix(in srgb,var(--pa) 40%,#2C322E);box-shadow:0 14px 34px -14px #000}
.pga{position:relative;z-index:1;border-radius:18px;overflow:hidden;background:color-mix(in srgb,#0C0E10 86%,transparent);color:#EDEDE8;
 border:1px solid color-mix(in srgb,var(--pa) 36%,#262B28);box-shadow:0 26px 60px -30px #000,0 0 0 1px rgba(255,255,255,.03) inset;backdrop-filter:blur(10px)}
.pga::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--pa),transparent 40%,transparent 60%,var(--pb));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}
.pga-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #FFFFFF12;font-size:11.5px;color:#9EA29C;background:#FFFFFF06}
.pga-bar .dots{display:inline-flex;gap:5px}.pga-bar .dots i{width:8px;height:8px;border-radius:50%;background:#FF5F57}.pga-bar .dots i:nth-child(2){background:#FEBC2E}.pga-bar .dots i:nth-child(3){background:#28C840}
.pga-bar b{margin-left:auto;font:700 10px/1 var(--fm);letter-spacing:.08em;padding:4px 7px;border-radius:999px;color:var(--pb);background:color-mix(in srgb,var(--pa) 18%,transparent)}
.pga-b{position:relative;padding:16px 16px 18px;font-size:13px;line-height:1.45}
.pga ul,.pga ol{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:9px!important}
.pga li{padding:0!important;max-width:none!important;display:flex;gap:9px;align-items:flex-start;min-height:0!important}
.pga li::before{content:none!important;display:none!important}
.pga-ic{position:absolute;right:12px;bottom:10px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--pb);
 background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--pa) 40%,transparent),color-mix(in srgb,var(--pa) 8%,transparent));border:1px solid color-mix(in srgb,var(--pa) 45%,transparent);opacity:.95}
.pga .pgi{flex:none}
.pga-l{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding-right:44px}
.pga-l.bad{color:#FF8A80}.pga-l.ok{color:#5BE39A;margin:0}.pga-l.mut{color:#A3A79F}
.pga-k{flex:none;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:6px;background:#FFFFFF10;color:var(--pb);margin-top:1px}
.pga-sy{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;letter-spacing:.06em;color:var(--pb)}
.pga-dot{flex:none;width:9px;height:9px;margin-top:4px;border-radius:50%;background:#FEBC2E;box-shadow:0 0 10px #FEBC2E}
.pga-ok{margin:12px 0 0;display:flex;align-items:center;gap:7px;color:#5BE39A;font-size:12px}
.pga-box{flex:none;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--pa) 60%,#555);color:transparent}
.pga-ck,.pga-hl,.pga-toc,.pga-fx{padding-right:46px!important}
.pga-pipe{display:flex;align-items:center;gap:8px;margin:0 0 14px}
.pga-pipe i{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--pa),var(--pb));opacity:.8}
.pga-n{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11.5px;background:#FFFFFF0C;border:1px solid #FFFFFF1A;color:#EDEDE8}
.pga-n .pgi{width:14px;height:14px;color:var(--pb)}
.pga-live2{color:#5BE39A;border-color:#3DDC8455;background:#3DDC8414}
.pga-x,.pga-v{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
.pga-x{background:#FF5F5722;color:#FF8A80}.pga-v{display:none;background:#3DDC8422;color:#5BE39A}
.pga-rc p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:7px 0;border-bottom:1px dashed #FFFFFF1C}
.pga-rc p span:last-child{color:var(--pb);text-align:right}
.pga-stamp{position:relative;display:inline-block;margin-top:14px;transform:rotate(-4deg);font-size:10.5px;letter-spacing:.12em;padding:5px 8px;border-radius:6px;border:1.5px solid #3DDC84;color:#5BE39A;opacity:.9}
.pga-toc li::before{content:none}
.pga-toc li{color:#C9CCC5;position:relative;padding-left:14px!important}
.pga-toc li::after{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:2px;background:var(--pa)}
.pga-hl li{color:#C9CCC5}.pga-hl .pgi{color:var(--pb);margin-top:2px}
@media (prefers-reduced-motion:no-preference){
 .pga-ck li,.pga-c li,.pga-fx li,.pga-hl li,.pga-rc p{animation:pgIn .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.25s + var(--d,0)*.18s)}
 .pga-ck .pga-box{animation:pgTick 6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--d,0)*.5s)}
 .pga-dot{animation:pgDot 5s ease-in-out infinite;animation-delay:calc(var(--d,0)*.6s)}
 .pga-fx .pga-x{animation:pgHideX 6s steps(1) infinite;animation-delay:calc(var(--d,0)*.6s)}
 .pga-fx .pga-v{display:grid;position:absolute;opacity:0;animation:pgShowV 6s steps(1) infinite;animation-delay:calc(var(--d,0)*.6s)}
 .pga-fx li{position:relative}
 .pga-pipe i{background-size:200% 100%;background-image:linear-gradient(90deg,transparent,var(--pa),var(--pb),transparent);animation:pgFlow 2.4s linear infinite}
 .pga-ic{animation:pgFloat 4.2s ease-in-out infinite}
 .pga-stamp{animation:pgStamp 6s cubic-bezier(.3,1.5,.5,1) infinite}
 .pga-l.ok{animation:pgIn .7s .9s both}
 .pgh::after{animation:pgLine 6s ease-in-out infinite}
}
.pga-ck .pga-box{background:color-mix(in srgb,#3DDC84 18%,transparent);border-color:#3DDC84;color:#5BE39A}
@keyframes pgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pgTick{0%,8%{background:transparent;border-color:#555;color:transparent}14%,100%{background:color-mix(in srgb,#3DDC84 18%,transparent);border-color:#3DDC84;color:#5BE39A}}
@keyframes pgDot{0%,30%{background:#FEBC2E;box-shadow:0 0 10px #FEBC2E}40%,100%{background:#3DDC84;box-shadow:0 0 10px #3DDC84}}
@keyframes pgHideX{0%{opacity:1}35%,100%{opacity:0}}
@keyframes pgShowV{0%{opacity:0}35%,100%{opacity:1}}
@keyframes pgFlow{from{background-position:100% 0}to{background-position:-100% 0}}
@keyframes pgFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes pgStamp{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(-4deg) scale(1.06)}}
@keyframes pgLine{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:959px){
 .pgh{margin-top:-20px}
 .pgh-art{flex-direction:column}
 .pgh-bot{justify-content:flex-start;flex-direction:row-reverse;align-items:center;margin:4px 0 -22px;gap:6px}
 .pgh-bot .pgb,.pgh-light .pgh-bot .pgb{width:128px}.pgh-legal .pgh-bot .pgb{width:104px}
 .pgh-say{margin:0;max-width:none;flex:1;border-radius:14px 14px 3px 14px}
}
/* ---- content panels (existing layout, richer surfaces) ---- */
.pgx>h2,.pgx>section>h2,.pgx .faq>h2{position:relative;padding-top:16px}
.pgx>h2::before,.pgx>section>h2::before,.pgx .faq>h2::before{content:"";position:absolute;left:0;top:0;width:46px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--pa),var(--pb));box-shadow:0 0 16px color-mix(in srgb,var(--pa) 60%,transparent)}
.pgx>ul:not(.trust-row):not(.feat):not(.nf-routes),.pgx>ol:not(.timeline),.pgx>section>ul.ck-list{padding:18px 20px 18px 18px!important;border-radius:18px;border:1px solid var(--edge);
 background:linear-gradient(160deg,color-mix(in srgb,var(--pa) 7%,transparent),transparent 45%),var(--glass);box-shadow:0 20px 50px -36px #000,inset 0 1px 0 rgba(255,255,255,.04)}
.pgx>ul:not(.trust-row):not(.feat):not(.nf-routes)>li::before{border-color:var(--pa)!important}
.pgx>ol:not(.timeline)>li::before{background:linear-gradient(135deg,var(--pa),var(--pb))!important;color:#160A02!important;border:0!important;box-shadow:0 0 14px color-mix(in srgb,var(--pa) 45%,transparent)}
.pgx .timeline{border-left:2px solid transparent;border-image:linear-gradient(var(--pa),var(--pb),transparent) 1}
.pgx .timeline>li .lbl{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--pa) 40%,var(--surface-2)),var(--surface-2));border-color:color-mix(in srgb,var(--pa) 60%,var(--border));color:var(--text);box-shadow:0 0 18px -4px var(--pa)}
.pgx .timeline>li>div{padding:12px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--border)}
.pgx .table-wrap{border-radius:18px;border:1px solid var(--edge);background:var(--glass);overflow:auto;box-shadow:0 20px 50px -36px #000}
.pgx .table-wrap thead th{background:color-mix(in srgb,var(--pa) 12%,var(--surface))}
.pgx .faq details,.pgx details:not(.rda){border:1px solid var(--border);border-radius:14px;padding:0 18px;margin:10px 0;background:var(--glass);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.pgx .faq details[open],.pgx details[open]{border-color:color-mix(in srgb,var(--pa) 45%,var(--border));box-shadow:0 16px 40px -28px color-mix(in srgb,var(--pa) 70%,transparent)}
.pgx .faq details .pl{color:var(--pa)}
.pgx p.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;max-width:none;padding:22px;border-radius:20px;margin:36px 0 12px;
 border:1px solid var(--edge);background:radial-gradient(60% 140% at 100% 0%,color-mix(in srgb,var(--pa) 22%,transparent),transparent 70%),var(--glass);box-shadow:0 30px 70px -44px color-mix(in srgb,var(--pa) 70%,transparent)}
.pgx .trust-row{max-width:none}
.pgx .callout{border-left-color:var(--pa);background:linear-gradient(90deg,color-mix(in srgb,var(--pa) 10%,transparent),transparent 60%),var(--glass)}
.pgx p.cause{padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,#FEBC2E 35%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,#FEBC2E 10%,transparent),transparent 70%),var(--glass)}
.pgx pre{border-radius:14px;border:1px solid var(--edge)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.pgx code{border-radius:6px}
.pgx .price.big,.pgx p.price{font-family:var(--fm);background:linear-gradient(90deg,var(--pa),var(--pb));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.pgx .feat{padding:16px 18px!important;border-radius:16px;background:var(--glass);border:1px solid var(--edge)}
.pgx .tool-strip .ts-card{border-color:var(--edge)}
/* hub lists: icon tiles, rotating accents */
.pgx #err-list li.pgl{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;background:var(--glass);border-color:var(--border);border-radius:16px;position:relative;overflow:hidden}
.pgx #err-list li.pgl>a,.pgx #err-list li.pgl>.ed{grid-column:2}
.pgx #err-list li.pgl>.ed{display:block;margin-top:4px}
.pgl-ic{grid-row:1/span 2;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--c1);
 background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c1) 34%,transparent),color-mix(in srgb,var(--c2) 10%,transparent));border:1px solid color-mix(in srgb,var(--c1) 45%,transparent);transition:transform .25s var(--ease)}
.pgl{--c1:var(--pa);--c2:var(--pb)}.pgl-1{--c1:#2EC5FF;--c2:#8B6CFF}.pgl-2{--c1:#3DDC84;--c2:#2EC5FF}.pgl-3{--c1:#FF5F7E;--c2:#FFB020}.pgl-4{--c1:#8B6CFF;--c2:#FF7A1A}.pgl-5{--c1:#FFB020;--c2:#FF5F57}
.pgx #err-list li.pgl::after{content:"";position:absolute;inset:auto -30% -60% auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c1) 18%,transparent),transparent 70%);pointer-events:none;opacity:0;transition:opacity .25s var(--ease)}
.pgx #err-list li.pgl:hover::after{opacity:1}
.pgx #err-list li.pgl:hover .pgl-ic{transform:translateY(-2px) rotate(-6deg)}
.pgx #err-list li.pgl:hover{border-color:color-mix(in srgb,var(--c1) 55%,var(--border))}
:root[data-theme=light] .pga{background:#121417F2}
:root[data-theme=light] .pgh::before{opacity:.35}
@media (prefers-color-scheme:light){:root:not([data-theme]) .pgh::before{opacity:.35}}
@media (prefers-reduced-motion:reduce){.pgx *,.pgx *::before,.pgx *::after{animation:none!important;transition:none!important}}
.pgx-legal .pgh h1{font-size:clamp(28px,3.6vw,40px)}
.pga-cost .pga-ic{top:10px;bottom:auto;right:10px;width:30px;height:30px;display:none}
.pga-stamp{opacity:.9}
/* Closing CTA band on the sales pages (QUAM copy, Oct 18, 2026): glass apply-card with the page accent */
.pgx .pg-band .apply-card{position:relative;overflow:hidden;border:1px solid var(--edge,var(--border));border-radius:22px;
 background:radial-gradient(60% 120% at 100% 0%,color-mix(in srgb,var(--pa) 20%,transparent),transparent 70%),radial-gradient(50% 100% at 0% 100%,color-mix(in srgb,var(--pb) 12%,transparent),transparent 70%),color-mix(in srgb,var(--surface) 88%,transparent);
 box-shadow:0 30px 70px -45px color-mix(in srgb,var(--pa) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.pgx .pg-band h2{margin-top:0}
.pgx .pg-band .apply-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.page>.pg-band{max-width:none;padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(24px,4vw,48px)}