.code-hero{position:relative;overflow:hidden;min-height:720px;padding:clamp(96px,9vw,130px) 0 64px}.code-hero .shell{position:relative;z-index:1}.code-hero .eyebrow{color:var(--tx-3)}.code-hero h1{margin-top:26px;max-width:8.4em;font-size:clamp(44px,6.4vw,92px);font-weight:600;line-height:.98;letter-spacing:-.05em}.code-bg{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 62% 78% at 70% 46%,#000 34%,transparent 80%);mask-image:radial-gradient(ellipse 62% 78% at 70% 46%,#000 34%,transparent 80%)}.code-plane{position:absolute;left:34%;top:-10px;width:1400px;height:1100px;transform:perspective(1700px) rotateX(18deg) rotateY(-20deg) rotate(4deg);transform-origin:0 0;animation:code-float 30s ease-in-out infinite alternate}@keyframes code-float{to{transform:perspective(1700px) rotateX(18deg) rotateY(-20deg) rotate(4deg) translate3d(-36px,-48px,0)}}.code-file{position:absolute;width:640px;padding:16px 0 20px;border-radius:16px;border:1px solid var(--hair);background:var(--wash)}.code-name{padding:0 22px 12px;font-size:12.5px;color:color-mix(in srgb,var(--tx-4) 40%,transparent)}.code-ln,.code-name{font-family:var(--mono)}.code-ln{display:flex;align-items:center;gap:20px;height:30px;padding:0 22px;overflow:hidden;font-size:14.5px;white-space:nowrap;transition:background 1.2s ease,box-shadow 1.2s ease,height .9s ease,opacity .9s ease}.code-n{width:22px;flex:none;text-align:right;color:color-mix(in srgb,var(--tx-4) 22%,transparent)}.code-src{white-space:pre}.code-ln .k{color:color-mix(in srgb,var(--tx-4) 46%,transparent)}.code-ln .k,.code-ln .v{transition:color 1.2s ease}.code-ln .v{color:color-mix(in srgb,var(--tx-3) 70%,transparent)}.code-ln.is-hl{background:var(--wash-2);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--tx) 30%,transparent)}.code-ln.is-hl .k{color:var(--tx-3)}.code-ln.is-hl .v{color:var(--tx)}.code-ln.is-gone{height:0;opacity:0}.code-caret{display:inline-block;width:8px;height:16px;margin-left:2px;vertical-align:-3px;background:var(--tx);animation:code-caret 1s steps(1) infinite}@keyframes code-caret{50%{opacity:0}}.code-glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none}.code-glow--right{left:62%;top:calc(clamp(560px, 64vw, 925px) * -.51);background:radial-gradient(closest-side,var(--glow-core),var(--glow-mid) 45%,transparent 78%)}.code-glow--left,.code-glow--right{width:clamp(560px,64vw,925px);height:clamp(560px,64vw,925px)}.code-glow--left{left:calc(clamp(560px, 64vw, 925px) * -.49);top:calc(clamp(560px, 64vw, 925px) * -.7);background:radial-gradient(closest-side,var(--glow-core),var(--glow-mid) 48%,transparent 78%);opacity:.66}.code-gold{background:linear-gradient(100deg,#f0d9a0,#d9b45c 42%,#b8862f);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .code-gold{background-image:linear-gradient(100deg,#c99a3e,#a87a2c 55%,#8a6220)}.code-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 26%,color-mix(in srgb,var(--bg) 72%,transparent) 46%,transparent 72%)}@media (prefers-reduced-motion:reduce){.code-caret,.code-plane{animation:none}.code-ln{transition:none}}@media (max-width:900px){.code-hero{min-height:600px}.code-plane{left:6%;top:200px}.code-glow--right{left:40%}.code-shade{background:linear-gradient(180deg,var(--bg) 30%,color-mix(in srgb,var(--bg) 70%,transparent) 52%,transparent 85%)}}@media (max-width:640px){.code-hero{min-height:560px;padding-top:72px}.code-plane{top:290px}.code-hero h1{font-size:clamp(34px,11vw,56px)}}