.dp-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(38% 42% at 78% 18%,rgba(88,101,242,.16),transparent 70%),radial-gradient(32% 30% at 14% 66%,rgba(235,69,158,.09),transparent 70%),radial-gradient(46% 34% at 52% 96%,rgba(168,85,247,.07),transparent 72%),#05070a}.dp-backdrop-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.dp-page-root{position:relative;z-index:0;--dp: #5865F2;--dp2: #EB459E;--dp-red: #f87171}.dp-field{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38% 42% at 78% 18%,rgba(88,101,242,.14),transparent 70%),radial-gradient(32% 30% at 14% 66%,rgba(235,69,158,.08),transparent 70%),#05070a}.dp-vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 50% 40%,transparent 48%,rgba(4,6,12,.62) 100%)}.dp-hero.quox-hero{padding-top:clamp(6rem,14vh,9rem);padding-bottom:clamp(3rem,8vh,5rem)}.dp-hero .quox-kicker{color:var(--dp)}.dp-hero .quox-hero-title{text-shadow:0 2px 30px rgba(5,7,15,.8);max-width:22ch}.dp-page-root .dp-hero .grad{background:linear-gradient(120deg,var(--dp),var(--dp2));-webkit-background-clip:text;background-clip:text;color:transparent}.dp-hero .quox-hero-lead{max-width:58ch;text-shadow:0 1px 18px rgba(5,7,15,.9)}.dp-hero .quox-cta--primary{background:linear-gradient(135deg,var(--dp),var(--dp2));box-shadow:0 0 30px #5865f24d}.dp-hero .quox-cta--primary:hover{box-shadow:0 0 44px #eb459e66}.dp-badge-row{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;align-items:center;margin-top:2rem;padding:.7rem 1rem;width:fit-content;max-width:100%;border:1px solid var(--glass-edge);border-radius:14px;background:#090c148c;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.dp-badge{color:var(--dp)}.dp-page-body{position:relative}.dp-page-body:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,rgba(5,7,14,.58) 5rem,rgba(5,7,14,.74) 100%)}.dp-band-head{max-width:46rem;margin-bottom:var(--s-7)}.dp-band-head .quox-kicker{color:var(--dp)}.dp-band-head h2{font-family:var(--font-display);font-size:clamp(1.95rem,4.3vw,3.2rem);font-weight:600;letter-spacing:-.005em;color:#fff;margin:.9rem 0 .8rem;line-height:1.08;padding-bottom:.25em}.dp-band-head p{color:var(--text-2);font-size:var(--fs-lead);line-height:1.55;margin:0}.dp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1080px){.dp-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.dp-cards{grid-template-columns:1fr}}.dp-cards .quox-job-how{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dp-mat{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;border:1px solid transparent}.dp-mat--beta{color:var(--q-amber);border-color:color-mix(in srgb,var(--q-amber) 40%,transparent);background:color-mix(in srgb,var(--q-amber) 8%,transparent)}.dp-road-index{display:flex;flex-direction:column}.dp-road-row{padding:1.3rem 0;border-top:1px solid rgba(255,255,255,.08)}.dp-road-row:first-child{border-top:0}.dp-road-row h3{margin:0 0 .5rem;font-size:1.02rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.dp-road-row p{margin:0;color:var(--text-2);font-size:.92rem;line-height:1.6;max-width:58ch}.dp-tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;border:1px solid transparent;flex:none}.dp-tag--stub{color:var(--text-3);border-color:#ffffff2e;background:#ffffff0a}.dp-tag--planned{color:var(--q-amber);border-color:color-mix(in srgb,var(--q-amber) 40%,transparent);background:color-mix(in srgb,var(--q-amber) 8%,transparent)}.dp-tag--broken{color:var(--dp-red);border-color:color-mix(in srgb,var(--dp-red) 40%,transparent);background:color-mix(in srgb,var(--dp-red) 8%,transparent)}.dp-tag--beta{color:var(--q-green, #3fd08a);border-color:color-mix(in srgb,var(--q-green, #3fd08a) 40%,transparent);background:color-mix(in srgb,var(--q-green, #3fd08a) 8%,transparent)}.dp-cta-note{flex-basis:100%;margin:.6rem 0 0;text-align:center;color:var(--text-3);font-size:.82rem}@media(prefers-reduced-motion:reduce){.dp-hero .quox-cta--primary:hover{box-shadow:0 0 30px #5865f24d}}.dp-tag--experimental{color:var(--dp, #5865F2);border-color:color-mix(in srgb,var(--dp, #5865F2) 40%,transparent);background:color-mix(in srgb,var(--dp, #5865F2) 8%,transparent)}.dp-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin-top:2rem;align-items:start}@media(max-width:900px){.dp-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dp-shots{grid-template-columns:1fr}}.dp-shot{width:100%;margin:0;--qshot-rx: 2.5deg;--qshot-ry: 0deg}.dp-shot-scene{position:relative;perspective:1500px;perspective-origin:50% 20%;padding-bottom:clamp(30px,9%,60px);padding-inline:clamp(14px,4%,26px);overflow-x:clip;overflow-y:visible}.dp-shot-glow{position:absolute;inset:-12% -14%;z-index:0;pointer-events:none;background:radial-gradient(42% 42% at 30% 62%,rgba(88,101,242,.14),transparent 70%),radial-gradient(46% 46% at 72% 36%,rgba(235,69,158,.1),transparent 70%)}.dp-shot-rig{position:relative;z-index:2;transform-style:preserve-3d;transform:rotateX(var(--qshot-rx)) rotateY(var(--qshot-ry));will-change:transform;transition:transform var(--dur-3) var(--ease-out)}.dp-shot-scene:hover .dp-shot-rig,.dp-shot-scene:focus-within .dp-shot-rig{transform:rotateX(calc(var(--qshot-rx) * .3)) rotateY(calc(var(--qshot-ry) * .3)) scale(1.02)}.dp-shot-pane{position:relative;z-index:3;cursor:zoom-in;aspect-ratio:1600 / 1034;border-radius:clamp(8px,1.2vw,14px);overflow:hidden;background:#0a0e18;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff47,inset 0 -14px 26px #0000002e,0 30px 80px -32px #000000d9}.dp-shot-pane:focus-visible{outline:2px solid var(--dp);outline-offset:3px}.dp-shot-pane img{display:block;width:100%;height:100%;object-fit:cover}.dp-shot-pane:before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:2;background:linear-gradient(90deg,transparent 3%,rgba(255,255,255,.8) 18%,rgba(88,101,242,.85) 50%,rgba(255,255,255,.65) 82%,transparent 97%);opacity:.9}.dp-shot-mirror{position:absolute;top:100%;left:0;right:0;height:40%;margin-top:2px;overflow:hidden;pointer-events:none;border-radius:clamp(8px,1.2vw,14px) clamp(8px,1.2vw,14px) 0 0;opacity:.6;filter:blur(1.1px) saturate(.95) brightness(.85);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.4) 45%,rgba(0,0,0,.12) 74%,transparent 96%);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.4) 45%,rgba(0,0,0,.12) 74%,transparent 96%)}.dp-shot-mirror img{display:block;width:100%;height:100%;object-fit:cover;transform:scaleY(-1)}.dp-shot-contact{position:absolute;top:100%;left:5%;right:5%;height:20px;transform:translateY(-8px);z-index:1;pointer-events:none;background:radial-gradient(50% 100% at 50% 0%,rgba(0,0,0,.55),transparent 72%);filter:blur(6px)}.dp-shot-floorwrap{position:relative;z-index:1;height:0}.dp-shot-floor{position:absolute;top:-2px;left:50%;width:165%;height:220px;transform:translate(-50%) perspective(700px) rotateX(72deg);transform-origin:50% 0;pointer-events:none;background:radial-gradient(58% 80% at 50% 0%,rgba(88,101,242,.1),transparent 64%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 60px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 60px),linear-gradient(180deg,rgba(14,18,30,.8),transparent 78%);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4) 46%,transparent 78%);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4) 46%,transparent 78%)}.dp-shot-cap{margin-top:.9rem;text-align:center;color:var(--text-2);font-size:.86rem;line-height:1.5}.dp-shot-hint{position:absolute;z-index:4;top:.6rem;right:.6rem;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:8px;background:#080b14b8;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.dp-shot-hint svg{width:12px;height:12px}.dp-shot-pane:hover .dp-shot-hint,.dp-shot-pane:focus-visible .dp-shot-hint{opacity:1;transform:none}@media(max-width:560px){.dp-shot{--qshot-rx: 0deg}.dp-shot-scene{padding-bottom:clamp(20px,7%,40px);padding-inline:10px}.dp-shot-mirror{height:30%}.dp-shot-floor{height:150px}}.dp-lightbox{position:fixed;inset:0;z-index:var(--z-overlay, 60);display:grid;place-items:center;padding:clamp(1rem,4vw,3.5rem);background:#04060cd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--dur-3) var(--ease-out)}.dp-lightbox.is-open{opacity:1}.dp-lightbox-figure{position:relative;margin:0;max-width:min(1400px,96vw);max-height:90vh;border-radius:clamp(8px,1vw,14px);overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff47,0 40px 120px -30px #000000e6;transform:scale(.94);transition:transform var(--dur-3) var(--ease-spring)}.dp-lightbox.is-open .dp-lightbox-figure{transform:none}.dp-lightbox-figure:before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:2;background:linear-gradient(90deg,transparent 3%,rgba(255,255,255,.85) 18%,rgba(88,101,242,.9) 50%,rgba(255,255,255,.7) 82%,transparent 97%)}.dp-lightbox-figure img{display:block;width:100%;height:auto;max-height:90vh;object-fit:contain;background:#0a0e18}.dp-lightbox-close{position:absolute;z-index:3;top:.7rem;right:.7rem;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;cursor:pointer;color:var(--text);background:#080b14b3;border:1px solid rgba(255,255,255,.2);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.dp-lightbox-close:hover{background:#141a29e6;border-color:#fff6}.dp-lightbox-close svg{width:16px;height:16px}@media(prefers-reduced-motion:reduce){.dp-shot{--qshot-rx: 0deg;--qshot-ry: 0deg}.dp-shot-rig{will-change:auto;transition:none}.dp-shot-scene:hover .dp-shot-rig,.dp-shot-scene:focus-within .dp-shot-rig{transform:none}.dp-shot-hint,.dp-lightbox,.dp-lightbox-figure,.dp-lightbox.is-open .dp-lightbox-figure{transition:none}}