.dix{--core: #38bdf8;--core-soft: rgba(56, 189, 248, .14);position:relative;isolation:isolate}.dix-scene{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.dix-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 100% at 50% 50%,transparent 52%,rgba(4,6,12,.62) 100%)}.dix-content{position:relative;z-index:2;overflow-x:clip}.dix-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:flex-end;padding:9rem var(--gutter) 3.5rem;max-width:var(--page-max);margin-inline:auto}.dix-hero .quox-kicker{color:var(--core)}.dix-hero h1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:600;line-height:1.04;letter-spacing:var(--tracking-tight);color:#fff;margin:1.1rem 0 1.2rem;max-width:16ch}.dix-lede{font-size:var(--fs-lead);color:var(--text-2);max-width:54ch;line-height:1.55;margin:0}.dix-hero>*{opacity:0;transform:translateY(18px)}body.is-live .dix-hero>*{animation:dix-hero-in var(--dur-5) var(--ease-out) forwards}body.is-live .dix-hero>:nth-child(1){animation-delay:.1s}body.is-live .dix-hero>:nth-child(2){animation-delay:.22s}body.is-live .dix-hero>:nth-child(3){animation-delay:.36s}body.is-live .dix-hero>:nth-child(4){animation-delay:.5s}body.is-live .dix-hero>:nth-child(5){animation-delay:.64s}@keyframes dix-hero-in{to{opacity:1;transform:none}}.dix-finder{margin-top:2.2rem;max-width:640px}.dix-finder-box{display:flex;align-items:center;gap:.7rem;padding:.95rem 1.15rem;border-radius:14px;border:1px solid var(--glass-edge);background:#060910a8;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;transition:border-color var(--dur-2) var(--ease-out)}.dix-finder-box:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--glass-shimmer);opacity:.65}.dix-finder-box:focus-within{border-color:#38bdf88c;box-shadow:0 0 30px #38bdf81f}.dix-finder-box svg{width:16px;height:16px;flex:none;color:var(--core)}.dix-finder-box input{flex:1;background:none;border:0;outline:none;color:#fff;font-family:var(--font-ui);font-size:.98rem;min-width:0;min-height:44px}.dix-finder-box input::placeholder{color:var(--text-3)}.dix-finder-box kbd{flex:none;font-family:var(--font-mono);font-size:.64rem;color:var(--text-3);border:1px solid var(--glass-edge);border-radius:6px;padding:.12rem .42rem}.dix-finder-meta{margin-top:.7rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:.5rem}.dix-finder-dot{width:6px;height:6px;border-radius:50%;background:var(--core);box-shadow:0 0 8px var(--core);flex:none}.dix-finder-meta b{color:var(--text-2);font-weight:500}.dix-quick{display:flex;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}.dix-hero .quox-cta--primary{background:linear-gradient(135deg,var(--core),var(--q-purple));box-shadow:0 0 30px #38bdf847}.dix-hero .quox-cta--primary:hover{box-shadow:0 0 44px #a855f766}.dix-quick .quox-cta svg{width:13px;height:13px}.dix-body{position:relative}.dix-body:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,rgba(6,8,15,.86) 4rem,rgba(6,8,15,.92) 100%)}.dix-band{padding:var(--s-8) var(--gutter);max-width:var(--page-max);margin-inline:auto}.dix-band-head{max-width:46rem;margin-bottom:var(--s-6)}.dix-band-head .quox-kicker{color:var(--core)}.dix-band-head h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--tracking-tight);color:#fff;margin:.9rem 0 .8rem;line-height:1.1}.dix-band-head p{color:var(--text-2);font-size:var(--fs-lead);line-height:1.55;margin:0}.dix-steps{border-top:1px solid rgba(255,255,255,.09)}.dix-step{display:flex;align-items:baseline;gap:1.2rem;padding:1.05rem .3rem;border-bottom:1px solid rgba(255,255,255,.09);text-decoration:none;transition:background var(--dur-2) var(--ease-out),padding-left var(--dur-2) var(--ease-out)}.dix-step:hover{background:#ffffff08;padding-left:.8rem}.dix-step .n{font-family:var(--font-mono);font-size:.78rem;color:var(--core);flex:none;width:2.4ch}.dix-step .t{color:#fff;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500;letter-spacing:-.01em}.dix-step .slug{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;color:var(--text-3);letter-spacing:.04em;flex:none}.dix-step .arr{flex:none;color:var(--text-3);transition:color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.dix-step:hover .arr{color:var(--core);transform:translate(4px)}.dix-step .arr svg{width:14px;height:14px;display:block}@media(max-width:640px){.dix-step .slug{display:none}}.dix-protos{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}@media(max-width:980px){.dix-protos{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.dix-protos{grid-template-columns:1fr}}.dix-proto{display:flex;flex-direction:column;gap:.45rem;padding:1.25rem 1.2rem 1.15rem;border-radius:15px;border:1px solid var(--glass-edge);border-top:2px solid var(--pc);background:#0a0e179e;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-decoration:none;position:relative;overflow:hidden;transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.dix-proto:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pc) 55%,transparent);box-shadow:0 14px 40px -18px color-mix(in srgb,var(--pc) 45%,transparent)}.dix-proto .sig{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;letter-spacing:.06em;color:#fff;display:flex;align-items:center;gap:.55rem}.dix-proto .sig:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc);box-shadow:0 0 10px var(--pc);flex:none}.dix-proto .xp{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pc)}.dix-proto p{color:var(--text-2);font-size:.8rem;line-height:1.5;margin:.15rem 0 0}.dix-proto-foot{margin-top:1.2rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--text-3);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dix-proto-foot .dot{width:6px;height:6px;border-radius:50%;background:var(--q-green);box-shadow:0 0 8px var(--q-green);flex:none}.dix-proto-foot a{color:var(--q-cyan);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:.8rem .2rem;margin:-.8rem -.2rem}.dix-proto-foot a:hover{text-decoration:underline}.dix-idx{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem 2.2rem}@media(max-width:1080px){.dix-idx{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.dix-idx{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.dix-idx{grid-template-columns:1fr}}.dix-idx-group{min-width:0}.dix-idx-group.wide{grid-column:span 2}@media(max-width:500px){.dix-idx-group.wide{grid-column:span 1}}.dix-idx-h{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);font-weight:500;margin:0 0 .8rem;display:flex;align-items:center;gap:.55rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.dix-idx-h:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gc, var(--q-cyan));box-shadow:0 0 8px var(--gc, var(--q-cyan));flex:none}.dix-idx-list{list-style:none;margin:0;padding:0}.dix-idx-group.wide .dix-idx-list{columns:2;column-gap:2.2rem}@media(max-width:500px){.dix-idx-group.wide .dix-idx-list{columns:1}}.dix-idx-list li{break-inside:avoid}.dix-idx-list a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;color:var(--text-2);text-decoration:none;font-size:.88rem;padding:.26rem 0;transition:color var(--dur-1) ease,padding-left var(--dur-2) var(--ease-out)}.dix-idx-list a:hover{color:#fff;padding-left:.35rem}.dix-idx-list a:hover:before{content:"▸ ";color:var(--gc, var(--q-cyan))}.dix-body.is-filtering [data-page].hit-no,.dix-idx-group.empty,.dix-band.empty{display:none}.dix-no-results{display:none;font-family:var(--font-mono);font-size:.78rem;color:var(--text-3);padding:2rem .3rem;letter-spacing:.05em}.dix-body.is-filtering.zero .dix-no-results{display:block}.dix-final{text-align:center;padding:clamp(2.4rem,6vw,4rem) clamp(1.2rem,4vw,3rem);border-radius:22px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;background:radial-gradient(110% 100% at 50% 0%,rgba(56,189,248,.12),transparent 55%),linear-gradient(180deg,#101522cc,#0a0d16cc)}.dix-final:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--glass-shimmer);opacity:.8}.dix-final .quox-kicker{color:var(--core)}.dix-final h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--tracking-tight);color:#fff;margin:.8rem 0 .7rem}.dix-final p{color:var(--text-2);font-size:var(--fs-lead);max-width:48ch;margin:0 auto;line-height:1.55}.dix-final .row{display:flex;gap:.8rem;justify-content:center;margin-top:1.8rem;flex-wrap:wrap}.dix-final .quox-cta--primary{background:linear-gradient(135deg,var(--core),var(--q-purple));box-shadow:0 0 30px #38bdf84d}.dix-final .quox-cta svg{width:13px;height:13px}.dix-final .also{margin-top:1.6rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--text-3);display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.dix-final .also a{color:var(--q-cyan);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:.8rem .2rem;margin:-.8rem -.2rem}.dix-final .also a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.dix-hero>*,body.is-live .dix-hero>*{animation:none;opacity:1;transform:none}}