:root{--void:#050711}*{box-sizing:border-box}html{background:var(--void)}body{background:var(--void);color:#f1f3ff;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.quantum{--quantum-accent:#a9c3ff;--quantum-ink:#f1f3ff;--quantum-muted:#969db7;color:var(--quantum-ink);background:radial-gradient(circle at 76% 42%,#5466a821,#0000 32%),linear-gradient(145deg,#080c1c,#050711 72%);min-height:max(100svh,720px);position:relative;overflow-x:hidden}.quantum-field{position:absolute;inset:0}.quantum-field:before{content:"";background-image:radial-gradient(circle at 12% 18%,#ffffff52 0 1px,#0000 1.5px),radial-gradient(circle at 23% 72%,#a9c3ff40 0 1px,#0000 1.5px),radial-gradient(circle at 52% 13%,#fff3 0 1px,#0000 1.5px),radial-gradient(circle at 92% 77%,#9fe7da2e 0 1px,#0000 1.5px);position:absolute;inset:0}.quantum-orbit{border:1px solid #9ab4f21c;border-radius:50%;width:min(66vw,900px);height:min(66vw,900px);position:absolute;top:50%;right:max(-13vw,-190px);transform:translateY(-50%)}.quantum-orbit:before{content:"";border:1px solid #9ab4f212;border-radius:50%;position:absolute;inset:8%}.quantum-body{background:radial-gradient(circle at 34% 31%,#e4fff6 0,#a9d9ee 16%,#7f91d3 39%,#424a83 61%,#171a38 79%,#090b19 100%);border-radius:50%;width:min(48vw,650px);height:min(48vw,650px);position:absolute;top:50%;right:max(-4vw,-58px);transform:translateY(-50%);box-shadow:0 0 90px #718dda2e,0 0 220px #4c62a51f}.quantum-body:before{content:"";background:linear-gradient(90deg,#0000 43%,#b5d2ff24 50%,#0000 58%);position:absolute;inset:0}.quantum-lattice{clip-path:inset(0 0 0 49%);background-image:linear-gradient(#b7d4ff40 1px,#0000 1px),linear-gradient(90deg,#b7d4ff40 1px,#0000 1px),radial-gradient(circle at 54% 42%,#cefff03d,#0000 58%);background-size:clamp(14px,1.65vw,25px) clamp(14px,1.65vw,25px),clamp(14px,1.65vw,25px) clamp(14px,1.65vw,25px),100% 100%;border-radius:50%;position:absolute;inset:0}.quantum-fragments{background:#b8d6ff;width:clamp(6px,.65vw,10px);height:clamp(6px,.65vw,10px);position:absolute;top:48%;left:83%;box-shadow:34px -72px #b8d6ffb8,76px -24px #9abbee85,48px 42px #b2ece09e,101px 79px #879fd75c}.quantum-measure{color:var(--quantum-accent);letter-spacing:.12em;border-top:1px solid #b2ccff52;width:min(38vw,540px);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;position:absolute;bottom:17%;right:clamp(30px,7vw,120px)}.quantum-measure:before,.quantum-measure:after{content:"";background:#b2ccff94;width:1px;height:7px;position:absolute;top:-4px}.quantum-measure:before{left:0}.quantum-measure:after{right:0}.quantum-measure span{position:absolute;top:10px;right:0}.quantum-header,.quantum-footer,.quantum-eyebrow{letter-spacing:.17em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.quantum-header{z-index:2;justify-content:space-between;display:flex;position:absolute;top:clamp(24px,4vw,52px);left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}.quantum-header p,.quantum-footer p,.quantum-copy p{margin:0}.quantum-copy{z-index:2;max-width:980px;position:absolute;top:clamp(150px,23vh,250px);left:clamp(24px,7vw,120px)}.quantum-copy .quantum-eyebrow{color:var(--quantum-accent);margin-bottom:clamp(20px,2.4vw,36px)}.quantum h1{letter-spacing:-.055em;max-width:7.8em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(50px,7vw,110px);font-weight:400;line-height:.91}.quantum h1 span{color:var(--quantum-accent);padding-left:clamp(20px,5vw,78px);font-style:italic;display:block}.quantum-copy .quantum-note{color:var(--quantum-muted);max-width:32em;margin-top:clamp(24px,2.7vw,40px);font-size:clamp(13px,1.1vw,17px);line-height:1.6}.quantum-note sup{font-size:.68em;line-height:0}.quantum-footer{z-index:2;justify-content:space-between;display:flex;position:absolute;bottom:clamp(20px,2.5vw,38px);left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}.quantum-footer p:first-child{color:#b6bdd7}.quantum-footer p:last-child{color:var(--quantum-accent);text-transform:none}@media (max-width:760px){.quantum-header{flex-direction:column;gap:8px}.quantum-header p:last-child{color:var(--quantum-muted)}.quantum-orbit{width:78vw;height:78vw;top:31%;right:-29vw}.quantum-body{opacity:.78;width:62vw;height:62vw;top:31%;right:-23vw}.quantum-copy{top:auto;bottom:145px}.quantum h1{font-size:clamp(46px,13vw,68px)}.quantum h1 span{padding-left:0}.quantum-measure{width:40vw;bottom:11%;right:24px}.quantum-footer{align-items:flex-end;gap:24px}.quantum-footer p:first-child{max-width:17em}}