/* ARQS Intelligence premium layer — 2026-10-17 v2 */
:root{--bg:#060a12;--bg2:#0a1220;--glass:rgba(255,255,255,.055);--glass2:rgba(255,255,255,.09);--edge:rgba(255,255,255,.12);--txt:#eef3f8;--mut:#9fb0c2;--biz:#10d9a0;--cry:#4cc3ff;--spo:#b57cff;--aut:#ff7a3d;--acc:#4cc3ff;--sh:0 30px 80px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.px{margin:0;min-height:100vh;color:var(--txt);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);overflow-x:hidden;padding-bottom:72px}
.px a{color:inherit}.px .wrap{width:min(1240px,92vw);margin:auto}
/* glass nav */
.px .top{position:sticky;top:0;z-index:40;background:rgba(6,10,18,.62);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.px .nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.px .brand{font-weight:950;letter-spacing:.22em;text-decoration:none;color:#fff;font-size:15px}
.px .links{display:flex;gap:22px;flex-wrap:wrap}.px .links a{text-decoration:none;color:#c3cfdb;font-weight:650;font-size:14px;transition:color .2s}.px .links a:hover{color:#fff}
/* ticker */
.px .tick{position:relative;z-index:30;overflow:hidden;background:linear-gradient(90deg,#08111f,#0b1729 50%,#08111f);border-bottom:1px solid rgba(255,255,255,.07);height:40px;display:none}
.px .tick.on{display:block}
.px .tick:before,.px .tick:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.px .tick:before{left:0;background:linear-gradient(90deg,#08111f,transparent)}.px .tick:after{right:0;background:linear-gradient(-90deg,#08111f,transparent)}
.px .track{display:flex;width:max-content;animation:pxTick 70s linear infinite;height:40px;align-items:center}
.px .tick:hover .track{animation-play-state:paused}
.px .ti{display:inline-flex;align-items:center;gap:8px;padding:0 22px;white-space:nowrap;font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cfdbe7;border-right:1px solid rgba(255,255,255,.07);text-decoration:none}
.px .ti b{color:#fff;font-weight:800;letter-spacing:.04em}.px .ti .up{color:#22e3a1}.px .ti .dn{color:#ff5d73}.px .ti .tg{font-size:10px;letter-spacing:.12em;color:var(--mut);text-transform:uppercase}
.px .ti .dot{width:6px;height:6px;border-radius:50%;background:#22e3a1;box-shadow:0 0 0 0 rgba(34,227,161,.6);animation:pxPulse 2s infinite}
@keyframes pxTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pxPulse{0%{box-shadow:0 0 0 0 rgba(34,227,161,.55)}70%{box-shadow:0 0 0 8px rgba(34,227,161,0)}100%{box-shadow:0 0 0 0 rgba(34,227,161,0)}}
/* hero */
.px .xhero{position:relative;isolation:isolate;overflow:hidden;min-height:min(calc(100svh - 64px),900px);display:flex;align-items:flex-end;padding:130px 0 84px;background:var(--bg)}
.px .xhero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.06);animation:pxKen 26s ease-in-out infinite alternate}
.px .xhero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,10,18,.30) 0%,rgba(6,10,18,0) 30%,rgba(6,10,18,.25) 60%,rgba(6,10,18,.85) 88%,var(--bg) 100%),linear-gradient(90deg,rgba(6,10,18,.78) 0%,rgba(6,10,18,.30) 50%,rgba(6,10,18,0) 80%)}
@keyframes pxKen{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1.5%,-1%,0)}}
.px .ey{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:850;color:var(--acc);display:inline-flex;align-items:center;gap:10px}
.px .ey:before{content:"";width:28px;height:1px;background:currentColor;opacity:.8}
.px h1{font:800 clamp(52px,9vw,128px)/.98 Inter,system-ui,sans-serif;letter-spacing:-.055em;margin:18px 0 22px;padding-bottom:.06em;color:#fff;background:linear-gradient(180deg,#fff 30%,#b9c9da);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;max-width:14ch}
.px .lead{font-size:clamp(17px,1.6vw,21px);color:#c9d6e2;max-width:760px;line-height:1.6}
.px .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.px .chip{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;text-decoration:none;font-weight:700;font-size:14px;transition:transform .25s,background .25s,border-color .25s}
.px .chip i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}
.px .chip:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:var(--c)}
/* sections */
.px .section{padding:84px 0;position:relative;background:radial-gradient(800px 380px at 82% 45%,rgba(76,195,255,.06),transparent 70%),radial-gradient(640px 380px at 8% 70%,rgba(181,124,255,.05),transparent 70%)}
.px .shead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
/* desk cards */
.px .family{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.px .dcard{--c:var(--acc);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;padding:26px;border-radius:24px;text-decoration:none;color:#fff;background:#0b1220;border:1px solid rgba(255,255,255,.10);box-shadow:var(--sh);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s}
.px .dcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(1.08) brightness(.92)}
.px .dcard:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,9,16,.05) 0%,rgba(5,9,16,.25) 40%,rgba(5,9,16,.92) 80%,rgba(5,9,16,.97) 100%)}
.px .dcard:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--c),transparent);opacity:.95}
.px .dcard small{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 22%,transparent);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);color:#fff;font-weight:850;letter-spacing:.16em;font-size:10.5px}
.px .dcard h2{font:800 30px/1.02 Inter,system-ui,sans-serif;letter-spacing:-.035em;margin:14px 0 10px}
.px .dcard p{color:#c3cfdb;font-size:14.5px;line-height:1.55;margin:0 0 18px}
.px .dcard .go{font-weight:800;color:var(--c);display:inline-flex;gap:6px;align-items:center;transition:gap .3s}
.px .dcard:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent),0 20px 60px color-mix(in srgb,var(--c) 22%,transparent)}
.px .dcard:hover img{transform:scale(1.08);filter:saturate(1.2) brightness(1)}
.px .dcard:hover .go{gap:12px}
.px .business{--c:var(--biz)}.px .crypto{--c:var(--cry)}.px .sports{--c:var(--spo)}.px .auto{--c:var(--aut)}
/* more grid */
.px .other{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.px .other>.mini{grid-column:span 2}.px .other>.mini.feat{grid-column:span 4}.px .other>.mini:nth-last-child(-n+2){grid-column:span 3}
.px .mini{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .4s,border-color .4s,background .4s}
.px .mini:hover{transform:translateY(-4px);border-color:rgba(76,195,255,.45);background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03))}
.px .mini h3{margin:0 0 8px;font-size:18px;letter-spacing:-.01em;color:#fff}.px .mini p{color:var(--mut);font-size:14px;margin:0 0 14px}
.px .mini a{font-weight:800;color:#7fd4ff;text-decoration:none}.px .mini a:hover{text-decoration:underline}
.px .mini.feat{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;border-color:rgba(255,122,61,.35)}
.px .mini.feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.px .mini.feat:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,16,.94) 0%,rgba(5,9,16,.7) 50%,rgba(5,9,16,.25) 100%)}
.px .mini.feat:hover img{transform:scale(1.06)}.px .mini.feat h3{font-size:26px}.px .mini.feat p{color:#cbd7e3;max-width:460px;font-size:15px}
.px .mini.feat a{color:#ffb38a}
.px .note{margin-top:26px;padding:20px 22px;border-radius:16px;border:1px solid rgba(76,195,255,.25);background:linear-gradient(90deg,rgba(76,195,255,.10),rgba(76,195,255,.02));color:#b7c6d4}
.px .note strong{color:#fff}
.px .foot{border-top:1px solid rgba(255,255,255,.08);padding:34px 0 40px;color:#8395a8;font-size:13px;background:rgba(0,0,0,.25)}
/* reveal */
.js .px [data-rv]{opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .px [data-rv].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.px *{animation:none!important;transition:none!important}.js .px [data-rv]{opacity:1;transform:none}}
@media(max-width:1080px){.px .family{grid-template-columns:1fr 1fr}.px .dcard{min-height:440px}.px .other{grid-template-columns:1fr 1fr}.px .other>.mini,.px .other>.mini:nth-last-child(-n+2){grid-column:auto}.px .other>.mini.feat{grid-column:span 2}}
@media(max-width:640px){.px .links{display:none}.px .xhero{min-height:78svh;padding:96px 0 44px}.px h1{font-size:clamp(50px,15vw,64px)}.px .section{padding:56px 0}.px .family{grid-template-columns:1fr;gap:14px}.px .dcard{min-height:360px;padding:22px;border-radius:20px}.px .dcard h2{font-size:27px}.px .other{grid-template-columns:1fr}.px .other>.mini.feat{grid-column:auto;min-height:320px}.px .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.px .chip{justify-content:flex-start;padding:10px 11px;font-size:12px;white-space:nowrap;gap:7px;letter-spacing:-.01em}.px .xhero>img.bg{object-position:62% 50%}.px .xhero:after{background:linear-gradient(180deg,rgba(6,10,18,.25) 0%,rgba(6,10,18,0) 22%,rgba(6,10,18,.45) 48%,rgba(6,10,18,.88) 72%,var(--bg) 100%)}.px .chip{padding:10px 14px;font-size:13px}}
.px .xhero .tick{position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,rgba(6,12,22,.82),rgba(10,20,36,.72) 50%,rgba(6,12,22,.82));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.px .xhero .tick:before{background:linear-gradient(90deg,rgba(6,12,22,.95),transparent)}.px .xhero .tick:after{background:linear-gradient(-90deg,rgba(6,12,22,.95),transparent)}

/* Advertise / Partner rail: on wide screens dock it as a slim vertical tab in the left gutter so it never covers content */
@media(min-width:1200px){body.pd #arqs-advertise-rail,body.px #arqs-advertise-rail,body.tlp #arqs-advertise-rail{left:0!important;bottom:auto!important;top:50%!important;transform:translateY(-50%);flex-direction:column;gap:6px}
body.pd #arqs-advertise-rail .arqs-advertise-link,body.px #arqs-advertise-rail .arqs-advertise-link,body.tlp #arqs-advertise-rail .arqs-advertise-link{writing-mode:vertical-rl;transform:rotate(180deg);min-height:0!important;padding:14px 8px!important;border-radius:12px 0 0 12px!important;font-size:11px!important}
body.pd #arqs-advertise-rail .arqs-advertise-link:before,body.px #arqs-advertise-rail .arqs-advertise-link:before,body.tlp #arqs-advertise-rail .arqs-advertise-link:before{margin:0 0 6px!important}
body.pd #arqs-advertise-rail .arqs-advertise-close,body.px #arqs-advertise-rail .arqs-advertise-close,body.tlp #arqs-advertise-rail .arqs-advertise-close{width:26px!important;height:26px!important;font-size:15px!important;margin-left:4px}}
html body.px{--arqs-ink-dark:#eef3f8;--arqs-gold-on-light:#7fd4ff}
html body.px :is(.card,.panel,article,.offer) :is(h1,h2,h3,h4,strong){color:#fff!important}
html body.px :is(.card,.panel,article,.offer) p{color:#a9b9c9!important}
html body.px .mini.feat p{color:#cbd7e3!important}
html body.px .mini a{color:#7fd4ff!important}html body.px .mini.feat a{color:#ffb38a!important}