:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08081f;--bg-elev:#14122e;--bg-sidebar:#161436eb;--text:#f8f1ff;--text-secondary:#b8a8d4;--text-tertiary:#8c7eae;--line:#9b5cff29;--edge:#ffffff14;--accent:#fc561e;--sunset-2:#fc8a1e;--magenta:#f0245d;--violet:#6f21e7;--lilac:#9b5cff;--blue:#2040e0;--grok:#f5f5f7;--claude:#c96442;--codex:#0f9d73;--cursor:#8e8e93;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.35,.64,1);--nav-h:52px;--gutter:24px;--hero-top:clamp(52px,8vh,96px);--mx:0;--my:0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0}body{background:radial-gradient(1100px 620px at 50% -140px,#16143a 0%,#16143a00 70%),var(--bg);position:relative;overflow-x:clip}body:after{content:"";z-index:40;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px;position:fixed;inset:0}a{color:inherit}::selection{color:#fff;background:#fc561e61}:focus-visible{outline:2px solid var(--lilac);outline-offset:3px;border-radius:6px}img{max-width:100%;display:block}.page{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}main{flex:1}.nav{z-index:20;height:var(--nav-h);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#08081f9e;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.nav-inner{max-width:1120px;height:100%;padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;flex:0 0 26px;width:26px;height:26px}.nav-links{color:var(--text-secondary);align-items:center;gap:26px;font-size:14px;display:flex}.nav-links a{transition:color .2s var(--ease);text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--text);height:30px;transition:transform .3s var(--spring),box-shadow .3s var(--ease);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;color:var(--bg)!important}.nav-cta:hover{transform:scale(1.04);box-shadow:0 6px 20px #f0245d47}.nav-cta:active{transform:scale(.97)}.hero{isolation:isolate;max-width:900px;padding:var(--hero-top)var(--gutter)0;text-align:center;margin:0 auto;position:relative}.halo{z-index:-1;left:50%;top:calc(var(--hero-top) + 118px);pointer-events:none;width:min(1040px,150vw);height:900px;transform:translate(calc(-50% + var(--mx)*-22px),calc(-50% + var(--my)*-16px));transition:transform 1.2s var(--ease);position:absolute}.halo i{animation:halo-in 1.6s var(--ease)both,breathe 9s ease-in-out 1.6s infinite alternate;background-image:radial-gradient(closest-side,#fc8a1e70,#fc8a1e00),radial-gradient(closest-side,#fc561e70,#fc561e00),radial-gradient(closest-side,#f0245d6b,#f0245d00),radial-gradient(closest-side,#6f21e780,#6f21e700),radial-gradient(closest-side,#2040e06b,#2040e000);background-position:60% 40%,56% 45%,46% 54%,40% 62%,48% 72%;background-repeat:no-repeat;background-size:380px 380px,560px 560px,660px 660px,720px 720px,780px 780px;display:block;position:absolute;inset:0}.mark{width:clamp(160px,21vw,232px);transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*9px),0);transition:transform 1s var(--ease);margin:0 auto 26px}.mark picture{animation:bloom 1.2s var(--ease)both,float 7s ease-in-out 1.4s infinite alternate;display:block}.mark img{filter:drop-shadow(0 30px 56px #f0245d61)drop-shadow(0 4px 12px #08081f80);width:100%;height:auto}.eyebrow{color:var(--text-tertiary);margin:0 0 14px;font-size:14px;font-weight:500}h1{font-family:var(--display);letter-spacing:-.045em;text-shadow:0 0 60px #f0245d2e;margin:0 0 12px;font-size:clamp(52px,8.6vw,108px);font-weight:700;line-height:1.02}.desk-line{width:fit-content;font-family:var(--display);letter-spacing:-.028em;color:var(--sunset-2);background:linear-gradient(90deg,var(--sunset-2)0%,var(--accent)30%,var(--magenta)62%,var(--lilac)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 auto 22px;font-size:clamp(24px,3.6vw,40px);font-weight:600;line-height:1.15}.lead{max-width:36rem;color:var(--text-secondary);margin:0 auto 34px;font-size:clamp(17px,1.6vw,20px);line-height:1.5}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 16px;margin:0 0 20px;display:flex}.btn{letter-spacing:-.012em;white-space:nowrap;height:50px;transition:transform .32s var(--spring),box-shadow .32s var(--ease),background .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:var(--bg);background:var(--text);box-shadow:inset 0 1px #fff9,0 10px 30px #f0245d29,0 2px 6px #0000004d}.btn-primary:hover{background:#fff;transform:translateY(-1px)scale(1.025);box-shadow:inset 0 1px #ffffffb3,0 18px 44px #f0245d4d,0 2px 6px #0000004d}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:inset 0 1px #fff6,0 6px 18px #f0245d33}.more{color:var(--text-secondary);transition:color .2s var(--ease);align-items:center;padding:0 6px;font-size:17px;font-weight:500;text-decoration:none;display:inline-flex}.more span{transition:transform .3s var(--spring);margin-left:5px;display:inline-block}.more:hover{color:var(--text)}.more:hover span{transform:translate(3px)}.fine{color:var(--text-tertiary);margin:0;font-size:13.5px}.thread{background:linear-gradient(180deg,#9b5cff00,var(--lilac)45%,#9b5cff00);opacity:.8;width:1px;height:clamp(96px,14vh,160px);margin:44px auto 0;box-shadow:0 0 14px #9b5cff8c}.shot{padding:8px var(--gutter)0;text-align:center}.claim{max-width:22ch;font-family:var(--display);letter-spacing:-.032em;animation:rise 1s var(--ease)both;margin:0 auto 40px;font-size:clamp(28px,4.2vw,46px);font-weight:600;line-height:1.1}.stage-wrap{isolation:isolate;max-width:1040px;margin:0 auto;position:relative}.stage-glow{z-index:-1;pointer-events:none;animation:halo-in 1.8s var(--ease).2s both;background:radial-gradient(38% 46% at 50% 62%,#6f21e780,#6f21e700 70%),radial-gradient(24% 34% at 70% 22%,#fc561e42,#fc561e00 70%),radial-gradient(24% 34% at 30% 28%,#f0245d3d,#f0245d00 70%);position:absolute;inset:-20% -28% -30%}.tilt{transform:perspective(1400px)rotateX(var(--rx,0deg))rotateY(var(--ry,0deg));transition:transform .6s var(--ease);border-radius:14px;position:relative}.sheen{z-index:2;pointer-events:none;background:radial-gradient(560px circle at var(--sx,50%)var(--sy,0%),#ffffff12,#fff0 60%);mix-blend-mode:screen;opacity:0;transition:opacity .6s var(--ease);border-radius:14px;position:absolute;inset:0}.tilt:hover .sheen{opacity:1}.desk{background:var(--bg-elev);border:1px solid var(--edge);text-align:left;animation:settle 1.35s var(--ease)both;border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 30px 80px #0000008c,0 90px 160px #1e0e5473}.desk:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#ffffff12,#fff0);height:120px;position:absolute;inset:0 0 auto}.desk-chrome{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff0e,#ffffff04);align-items:center;height:48px;padding:0 18px;display:flex;position:relative}.traffic{gap:8px;display:flex}.traffic i{border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 .5px #00000040}.traffic .close{background:#ff5f57}.traffic .min{background:#febc2e}.traffic .zoom{background:#28c840}.desk-title{pointer-events:none;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}.desk-body{grid-template-columns:236px minmax(0,1fr);min-height:430px;display:grid}.desk-side{background:var(--bg-sidebar);border-right:1px solid var(--line);padding:12px 10px 14px}.side-brand{color:var(--text);align-items:center;gap:8px;padding:4px 8px 12px;font-size:13px;font-weight:600;display:flex}.side-brand img{object-fit:contain;width:22px;height:22px}.side-search{color:var(--text-tertiary);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;margin:0 2px 12px;padding:7px 10px;font-size:12.5px}.side-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:8px 8px 6px;font-size:11px;font-weight:600}.side-row{color:var(--text-secondary);border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:13px;display:flex}.side-row.active{color:var(--text);background:#fc561e2e}.dot{border-radius:50%;flex:none;width:7px;height:7px;position:relative}.dot.grok{background:var(--grok)}.dot.claude{background:var(--claude)}.dot.codex{background:var(--codex)}.dot.cursor{background:var(--cursor)}.dot.live:after{content:"";color:var(--codex);opacity:0;border:1px solid;border-radius:50%;animation:2.4s ease-out 2s infinite pulse;position:absolute;inset:-4px}.desk-main{flex-direction:column;justify-content:center;padding:26px 28px 28px;display:flex}.main-head{margin-bottom:22px}.main-head h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 4px;font-size:19px;font-weight:600}.main-head p{color:var(--text-secondary);margin:0;font-size:13px}.rings{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ring{border:1px solid var(--line);text-align:center;background:#ffffff08;border-radius:14px;padding:22px 14px 18px}.ring.grok{--c:var(--grok)}.ring.claude{--c:var(--claude)}.ring.codex{--c:var(--codex)}.ring.cursor{--c:var(--cursor)}.ring-dial{width:100px;height:100px;margin:0 auto 12px;position:relative}.ring-dial svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff14;stroke-width:9px}.ring-fill{fill:none;stroke:var(--c);stroke-width:9px;stroke-linecap:round;animation:ring-in 1.4s var(--ease)both;animation-delay:calc(.56s + var(--i,0)*.11s)}.ring-pct{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;animation:rise .9s var(--ease)both;animation-delay:calc(.62s + var(--i,0)*.11s);place-items:center;font-size:19px;font-weight:600;display:grid;position:absolute;inset:0}.ring-name{font-size:13px;font-weight:600;display:block}.ring-note{color:var(--text-tertiary);font-size:11.5px;display:block}.ring-bar{background:#ffffff12;border-radius:2px;height:3px;margin:12px 4px 0;display:block;overflow:hidden}.ring-bar i{background:var(--c);opacity:.75;transform-origin:0;height:100%;transform:scaleX(var(--p,0));animation:bar-in 1.2s var(--ease)both;animation-delay:calc(.66s + var(--i,0)*.11s);border-radius:2px;display:block}.js .stage:not(.in) .claim,.js .stage:not(.in) .stage-glow,.js .stage:not(.in) .desk,.js .stage:not(.in) .ring-fill,.js .stage:not(.in) .ring-pct,.js .stage:not(.in) .ring-bar i{animation-play-state:paused}.foot{width:100%;max-width:1120px;padding:26px var(--gutter)44px;color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;gap:10px 16px;margin:clamp(96px,14vh,160px) auto 0;font-size:13px;display:flex;position:relative}.foot:before{content:"";top:0;left:var(--gutter);right:var(--gutter);background:linear-gradient(90deg,#9b5cff00,#9b5cff59,#9b5cff00);height:1px;position:absolute}.foot a{color:var(--text-secondary);transition:color .2s var(--ease);text-decoration:none}.foot a:hover{color:var(--text)}.rise{animation:rise 1s var(--ease)both;animation-delay:calc(80ms + var(--i,0)*85ms)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes bloom{0%{opacity:0;transform:scale(.88)translateY(14px)}to{opacity:1;transform:none}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes halo-in{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%{opacity:.92;transform:scale(1)}to{opacity:1;transform:scale(1.07)}}@keyframes settle{0%{opacity:0;transform:perspective(1600px)rotateX(7deg)translateY(56px)scale(.985)}to{opacity:1;transform:perspective(1600px)rotateX(0)translateY(0)scale(1)}}@keyframes ring-in{0%{stroke-dasharray:0 100}}@keyframes bar-in{0%{transform:scaleX(0)}}@keyframes pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-play-state:running!important;animation-delay:0s!important}.halo,.mark,.tilt{transform:none!important}.halo{transform:translate(-50%,-50%)!important}}@media (max-width:900px){.desk-body{grid-template-columns:208px minmax(0,1fr);min-height:0}.desk-main{padding:22px 20px 24px}.rings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){:root{--gutter:20px}.nav-links{gap:18px}.nav-links a:not(.nav-cta){display:none}.halo{width:680px;height:680px}.halo i{background-size:250px 250px,380px 380px,460px 460px,480px 480px,520px 520px}.actions{flex-direction:column;gap:12px}.actions .btn{width:min(100%,320px)}.more{margin-top:4px}.thread{margin-top:36px}.desk-body{grid-template-columns:minmax(0,1fr)}.desk-side{display:none}.desk-main{padding:20px 16px}.rings{gap:10px}.ring{padding:18px 10px 14px}.ring-dial{width:84px;height:84px}}