/* ===== Pips Queen FX entry experience: boot splash (#fxs) + landing (.fxl). Deep navy / cyan-blue. ===== */
:root{--fx-bg:#1a020e;--fx-red:#ff3b4a;--fx-red2:#ff4d55;--fx-cyan:#f31d88;--fx-blue:#fb2691;--fx-grad:linear-gradient(135deg,#f31d88 0%,#fb2691 100%);--fx-ink:#fdf1f7;--fx-mute:#cda2b8;--fx-line:rgba(255,96,176,.14)}

/* splash: see /pqfx-splash.css */

/* ---------- landing ---------- */
.fxl{position:fixed;inset:0;z-index:9999;overflow-y:auto;overflow-x:hidden;color:var(--fx-ink);background:var(--fx-bg);isolation:isolate;
  font-family:'IBM Plex Sans','Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;scroll-behavior:smooth;animation:fxlIn .7s both}
@keyframes fxlIn{from{opacity:0}to{opacity:1}}
.fxl:before{content:"";position:fixed;inset:0;z-index:-2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='xMidYMid slice'%3E %3Cdefs%3E%3ClinearGradient id='b' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%232b7cf6' stop-opacity='.05'/%3E%3Cstop offset='.5' stop-color='%232b7cf6' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%2322d3ee' stop-opacity='.25'/%3E%3C/linearGradient%3E %3ClinearGradient id='r' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23ff3b5c' stop-opacity='.55'/%3E%3Cstop offset='.6' stop-color='%23ff3b5c' stop-opacity='.15'/%3E%3Cstop offset='1' stop-color='%23ff3b5c' stop-opacity='0'/%3E%3C/linearGradient%3E %3ClinearGradient id='c' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%2322d3ee' stop-opacity='0'/%3E%3Cstop offset='.55' stop-color='%2322d3ee' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%232b7cf6' stop-opacity='.6'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cg fill='none' stroke-width='2'%3E %3Cpath d='M0 360 C260 300 420 520 760 600 S1300 380 1600 300' stroke='url(%23b)'/%3E %3Cpath d='M0 420 C300 380 520 600 860 640 S1350 470 1600 420' stroke='url(%23b)' stroke-opacity='.6'/%3E %3Cpath d='M0 820 C220 760 330 700 520 760 S900 900 1200 860' stroke='url(%23r)'/%3E %3Cpath d='M600 900 C900 760 1100 860 1300 800 S1500 640 1600 560' stroke='url(%23c)'/%3E %3C/g%3E %3Cg opacity='.28'%3E %3Crect x='40' y='690' width='16' height='70' fill='%23ef4444'/%3E%3Crect x='47' y='670' width='2' height='110' fill='%23ef4444'/%3E %3Crect x='90' y='730' width='16' height='60' fill='%2322c55e'/%3E%3Crect x='97' y='715' width='2' height='90' fill='%2322c55e'/%3E %3Crect x='140' y='760' width='16' height='50' fill='%23ef4444'/%3E%3Crect x='147' y='745' width='2' height='80' fill='%23ef4444'/%3E %3Crect x='1440' y='560' width='16' height='90' fill='%2322c55e'/%3E%3Crect x='1447' y='530' width='2' height='150' fill='%2322c55e'/%3E %3Crect x='1490' y='600' width='16' height='70' fill='%2322c55e'/%3E%3Crect x='1497' y='580' width='2' height='110' fill='%2322c55e'/%3E %3Crect x='1540' y='520' width='16' height='140' fill='%23ef4444'/%3E%3Crect x='1547' y='490' width='2' height='200' fill='%23ef4444'/%3E %3Crect x='1390' y='640' width='16' height='60' fill='%23ef4444'/%3E%3Crect x='1397' y='620' width='2' height='100' fill='%23ef4444'/%3E %3C/g%3E %3Cg opacity='.14' fill='%232b7cf6'%3E %3Crect x='300' y='820' width='14' height='80'/%3E%3Crect x='460' y='840' width='14' height='60'/%3E%3Crect x='980' y='800' width='14' height='100'/%3E%3Crect x='1180' y='830' width='14' height='70'/%3E %3C/g%3E %3C/svg%3E") center/cover no-repeat,linear-gradient(rgba(255,60,158,.05) 1px,transparent 1px) 0 0/6.4rem 6.4rem,linear-gradient(90deg,rgba(255,60,158,.05) 1px,transparent 1px) 0 0/6.4rem 6.4rem;opacity:1}
.fxl:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 70% 55% at 50% 60%,rgba(194,26,110,.35),transparent 70%),radial-gradient(circle at 100% 100%,rgba(204,36,120,.25),transparent 45%),linear-gradient(180deg,rgba(26,2,14,.92),rgba(26,2,14,.35) 40%,rgba(26,2,14,.75))}
.fxl__nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 3.2rem;border-bottom:1px solid var(--fx-line);
  background:rgba(26,2,14,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fxl__brand{position:relative;display:flex;align-items:center;gap:1rem;line-height:1.05;padding-bottom:.5rem}.fxl__brand:after{content:"";position:absolute;left:0;right:-4rem;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--fx-red) 40%,transparent)}
.fxl__mark{width:3.4rem;height:3.4rem;border-radius:.8rem;object-fit:cover}
.fxl__brand strong{display:block;font-size:1.8rem;letter-spacing:.04em;font-weight:700;background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(211,148,180,.55) 72%,rgba(187,118,153,.22) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fxl__brand small{display:block;font-size:1rem;color:var(--fx-mute);text-transform:lowercase}
.fxl__brand small em{font-style:normal;color:var(--fx-red2);font-weight:700}
.fxl__links{display:flex;gap:2.8rem}
.fxl .fxl__links a,.fxl .fxl__links a:visited{color:#f1d4e2!important;font-size:1.3rem;font-weight:600;text-decoration:none;cursor:pointer}
.fxl .fxl__links a:hover{color:#fff!important}
.fxl__acts{display:flex;gap:1rem;align-items:center}
.fxl__ticker{overflow:hidden;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line);background:rgba(33,3,18,.7)}
.fxl__track{display:flex;gap:3.6rem;width:max-content;padding:.9rem 0;animation:fxlTick 38s linear infinite}
.fxl__track span{display:flex;align-items:center;gap:.7rem;font-size:1.1rem;font-weight:600;color:#e9ccdb;white-space:nowrap}
.fxl__track span:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--fx-cyan);box-shadow:0 0 .8rem var(--fx-cyan)}
@keyframes fxlTick{to{transform:translateX(-50%)}}
.fxl__hero{min-height:calc(100vh - 12rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem 7rem}
.fxl__pill{display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.5rem;border-radius:99px;border:1px solid rgba(216,41,129,.35);background:rgba(41,5,23,.75);
  font-size:1.05rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f9e2ee}
.fxl__pill:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:#2fd28a;box-shadow:0 0 .8rem #2fd28a}
.fxl__h1{margin:2.4rem 0 0;font-size:max(3.6rem,min(7vw,6.4rem));font-weight:800;letter-spacing:-.03em;line-height:1.06;min-height:1.1em}
.fxl__h1 .w{display:inline-block;white-space:nowrap}
.fxl__h1 .c{display:inline-block;opacity:0;transform:translateY(.25em);filter:blur(6px);animation:fxlCh .55s forwards cubic-bezier(.2,.8,.2,1);animation-delay:calc(var(--i)*38ms)}
.fxl__h1 .c{background:linear-gradient(180deg,#fff 35%,#ffbfdf);-webkit-background-clip:text;background-clip:text;color:transparent}
.fxl__h1 .a .c{background:linear-gradient(135deg,#fd5aac,#fc2691);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes fxlCh{to{opacity:1;transform:none;filter:none}}
.fxl__sub{max-width:62rem;margin:2rem auto 0;font-size:1.6rem;line-height:1.6;color:var(--fx-mute)}
.fxl__cta{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;align-items:center;margin-top:3.6rem}
.fxl__btn{-webkit-appearance:none;appearance:none;cursor:pointer;border:0;border-radius:1.2rem;padding:1.3rem 2.6rem;font:inherit;font-size:1.45rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}
.fxl__btn:hover{transform:translateY(-2px)}
.fxl__btn--p{color:#fff;background:var(--fx-grad);box-shadow:0 10px 30px -8px rgba(245,29,137,.75),inset 0 0 0 1px rgba(255,255,255,.25)}
.fxl__btn--l{color:#310a1e;background:#f8e6ef}
.fxl__btn--g{color:#fff;background:rgba(39,7,23,.7);box-shadow:inset 0 0 0 1px rgba(255,160,208,.3);padding:.9rem 1.8rem;font-size:1.3rem;border-radius:1rem}
.fxl__link{color:#f9e2ee;font-size:1.35rem;font-weight:700;background:none;border:0;cursor:pointer;font-family:inherit}
.fxl__link:hover{color:#fff}
.fxl__sec{max-width:112rem;margin:0 auto;padding:7rem 3.2rem 1rem}
.fxl__sec h2{margin:0 0 .8rem;font-size:3rem;font-weight:800;letter-spacing:-.02em}
.fxl__sec>p{margin:0 0 3rem;color:var(--fx-mute);font-size:1.5rem}
.fxl__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:1.6rem}
.fxl__card{padding:2.2rem;border-radius:1.6rem;background:linear-gradient(180deg,rgba(67,14,41,.65),rgba(34,5,20,.75));border:1px solid var(--fx-line)}
.fxl__card b{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;margin-bottom:1.2rem;background:rgba(243,29,136,.14);color:var(--fx-cyan);font-size:1.4rem}
.fxl__card h3{margin:0 0 .7rem;font-size:1.6rem}
.fxl__card p{margin:0;color:var(--fx-mute);font-size:1.4rem;line-height:1.55}
.fxl details{border:1px solid var(--fx-line);border-radius:1.2rem;background:rgba(53,9,31,.55);padding:1.4rem 1.8rem;margin-bottom:1rem}
.fxl summary{cursor:pointer;font-size:1.5rem;font-weight:700}
.fxl details p{margin:1rem 0 0;color:var(--fx-mute);font-size:1.4rem;line-height:1.6}
.fxl__foot{max-width:84rem;margin:6rem auto 0;padding:2.4rem 2rem 9rem;border-top:1px solid var(--fx-line);color:#b17e98;font-size:1.2rem;line-height:1.6;text-align:center}
.fxl__risk{position:fixed;left:1.6rem;bottom:1.6rem;z-index:8;display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.6rem;border-radius:99px;cursor:pointer;
  font:inherit;font-size:1.2rem;font-weight:700;color:#ffd166;background:rgba(20,16,6,.85);border:1px solid rgba(255,209,102,.55);box-shadow:0 0 1.6rem rgba(255,209,102,.18)}
.fxl__pop{position:fixed;left:1.6rem;bottom:6.4rem;z-index:9;width:min(36rem,calc(100vw - 3.2rem));padding:1.6rem 1.8rem;border-radius:1.2rem;background:#31071c;border:1px solid var(--fx-line);
  font-size:1.2rem;line-height:1.6;color:#e9ccdb;box-shadow:0 20px 40px rgba(0,0,0,.6)}
.fxl__acts .fxl__btn{white-space:nowrap}
@media(max-width:480px){.fxl__acts .fxl__btn{padding:.8rem 1.2rem!important;font-size:1.2rem!important}.fxl__brand strong{font-size:1.3rem;letter-spacing:.02em}.fxl__nav{gap:.8rem}.fxl__mark{width:3rem;height:3rem}.fxl__brand:after{right:0}}
@media(max-width:820px){.fxl__links{display:none}.fxl__nav{padding:1rem 1.4rem}.fxl__sec{padding:5rem 1.6rem 1rem}.fxl__btn{padding:1.2rem 2rem}}
@media(prefers-reduced-motion:reduce){.fxl__track{animation:none}.fxl__h1 .c{animation-duration:.01s;animation-delay:0s}.fxl{scroll-behavior:auto}}

/* ===== Dashboard hero + Quick actions (.fxd) ===== */
.fxd{position:relative;overflow:hidden;isolation:isolate;margin:0 0 2.4rem;padding:4.4rem 2.4rem 5.6rem;border-radius:1.6rem;color:#ffe8f3;
  background:radial-gradient(ellipse at 50% -10%,#650b38 0,#2f051a 42%,#18010d 100%);font-family:'IBM Plex Sans','Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.fxd ~ .quick-panel .tab__dashboard__header{display:none}
.fxd__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.fxd__bg svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.fxd__bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(transparent,rgba(24,1,13,.92))}
.fxd__w{stroke-dasharray:14 10;animation:fxdWave 14s linear infinite;filter:drop-shadow(0 0 6px rgba(253,51,152,.7))}
.fxd__w2{animation-duration:20s;animation-direction:reverse}.fxd__w3{animation-duration:26s}
@keyframes fxdWave{to{stroke-dashoffset:-480}}
.fxd__c{transform-box:fill-box;transform-origin:center bottom;animation:fxdCandle 4.2s ease-in-out infinite;opacity:.82}
@keyframes fxdCandle{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.14)}}
.fxd__dots{position:absolute;width:11rem;height:15rem;background:radial-gradient(circle,rgba(255,125,190,.9) 1.5px,transparent 2px) 0 0/2.4rem 2.4rem;opacity:.55}
.fxd__dots--l{left:1.6rem;bottom:34%}.fxd__dots--r{right:1.6rem;top:3rem}
.fxd--paused .fxd__w,.fxd--paused .fxd__c{animation-play-state:paused}
.fxd__in{position:relative;max-width:132rem;margin:0 auto;text-align:center}
.fxd__crumb{display:flex;justify-content:center;align-items:center;gap:1.2rem;font-size:1.2rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:#e7b7cf}
.fxd__crumb i{width:.8rem;height:.8rem;border-radius:50%;background:#2fd28a;box-shadow:0 0 .8rem #2fd28a}.fxd__crumb em{font-style:normal;opacity:.5}
.fxd__h1{margin:2.6rem 0 0;font-size:max(3.4rem,min(5.2vw,6.2rem));line-height:1.08;font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(90deg,#f3228b,#fd7bbc);-webkit-background-clip:text;background-clip:text;color:transparent}
.fxd__rule{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin:2.6rem auto;max-width:44rem}
.fxd__rule:before,.fxd__rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,125,190,.5))}.fxd__rule:after{transform:scaleX(-1)}
.fxd__rule b{width:.9rem;height:.9rem;border:1px solid #ff7fbf;transform:rotate(45deg)}
.fxd__q{margin:0;font-size:max(1.8rem,2.2vw);font-style:italic;color:#e09bbe}
.fxd__sep{height:1px;margin:4.4rem 0 3rem;background:linear-gradient(90deg,transparent,rgba(255,125,190,.35),transparent)}
.fxd__qa{margin-bottom:2.6rem;font-size:1.4rem;letter-spacing:.34em;text-transform:uppercase;color:#ce8cad}
.fxd__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;text-align:left}
.fxd__card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:27rem;padding:2.6rem 2.6rem 2.2rem 3rem;border-radius:2.4rem;cursor:pointer;font:inherit;color:#fff;
  background:linear-gradient(180deg,rgba(67,14,41,.9),rgba(34,5,20,.96));border:1px solid rgba(255,120,188,.16);overflow:hidden;
  transition:transform .2s,border-color .2s,box-shadow .2s}
.fxd__card:before{content:"";position:absolute;left:0;top:2.6rem;width:.4rem;height:4.4rem;border-radius:0 .4rem .4rem 0;background:var(--c)}
.fxd__card:hover,.fxd__card:focus-visible{transform:translateY(-4px);border-color:var(--c);box-shadow:0 0 3.2rem -1rem var(--c);outline:none}
.fxd__no{align-self:flex-start;font:700 1.3rem/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.3em;color:#d9a2be}
.fxd__ic{position:absolute;top:2rem;right:2.2rem;width:11rem;height:11rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c);border:1px dashed rgba(255,255,255,.2)}
.fxd__ic svg{width:5rem;height:5rem}
.fxd__card strong{margin-top:auto;padding-top:11rem;font-size:2.5rem;font-weight:800;line-height:1.15}
.fxd__d{margin-top:.8rem;font-size:1.5rem;color:#d7a8c0}
.fxd__go{display:flex;align-items:center;justify-content:space-between;margin-top:2.4rem;font-size:1.4rem;font-weight:800;color:var(--c)}
.fxd__go u{text-decoration:none}.fxd__go i{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;border:1px solid currentColor;font-style:normal;font-size:1.8rem}
.fxd__pause{position:absolute;right:2rem;bottom:2rem;padding:.8rem 1.4rem;border-radius:1rem;cursor:pointer;font:inherit;font-size:1.2rem;color:#ffd8ec;background:rgba(41,7,24,.7);border:1px solid rgba(255,255,255,.2)}
@media(max-width:1100px){.fxd__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fxd{padding:2.4rem 1.2rem 5.6rem;border-radius:1.2rem}.fxd__cards{grid-template-columns:1fr}.fxd__card{min-height:23rem}.fxd__crumb{letter-spacing:.2em;font-size:1rem}}
@media(prefers-reduced-motion:reduce){.fxd__w,.fxd__c{animation:none}}

/* small fixes */
.dfx-wp__btn,.dfx-wp__btn:visited,.dfx-wp__btn:hover{color:#fff!important}
.fxd__crumb{flex-wrap:wrap}
@media(min-width:601px){.fxd__d{min-height:4.4rem}}
@media(max-width:600px){.fxd__dots{display:none}.fxd__crumb{letter-spacing:.16em}}
.dfx-wp__btn--tg{background:#de1d7e}.dfx-wp__btn--tg:hover{background:#c4176e}
.dfx-wp__btn--web{background:linear-gradient(135deg,#f31d88,#fb2691)}.dfx-wp__btn--web:hover{background:linear-gradient(135deg,#f73395,#ff3f9f)}

.fxl a.fxl__card--link{display:block;text-decoration:none;color:var(--fx-ink)!important;transition:transform .15s,border-color .15s}
.fxl a.fxl__card--link h3{color:#fff!important}.fxl a.fxl__card--link p{color:var(--fx-mute)!important}
.fxl a.fxl__card--link:hover{transform:translateY(-3px);border-color:rgba(243,29,136,.5)}
.fxl a.fxl__card--link h3:after{content:" \203A";color:var(--fx-cyan)}