.pub-hero{isolation:isolate;color:#fff;box-sizing:border-box;background:#1a1a1a;align-items:center;padding:80px 0 64px;display:flex;position:relative;overflow:hidden}.pub-hero:before{content:"";z-index:-1;filter:blur(24px);background:radial-gradient(58% 55% at 50% 0,#00bebe38,#0000 70%),radial-gradient(38% 40% at 84% 14%,#00bebe1f,#0000 70%),radial-gradient(46% 46% at 14% 24%,#8ca0b424,#0000 70%);height:135%;position:absolute;inset:-30% -10% auto}.pub-hero:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.pub-hero--plain:before,.pub-hero--plain:after{display:none}@media (min-width:768px){.pub-hero--full{min-height:min(100vh - 72px,1080px)}}.pub-hero-container{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:0 20px}.pub-hero-row{box-sizing:border-box;flex-direction:column;display:flex}.pub-hero-copy{text-align:center;flex:1;min-width:0;max-width:672px;margin:0 auto}.pub-hero-eyebrow{color:#fffc;background:#ffffff1a;border-radius:9999px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.pub-hero-eyebrow-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pub-hero-pulse}@keyframes pub-hero-pulse{0%,to{opacity:1}50%{opacity:.5}}.pub-hero-title{letter-spacing:-1.36px;color:#fff;margin:0 0 24px;font-size:34px;font-weight:700;line-height:38px}.pub-hero-title-accent{color:#00bebe}.pub-hero-subtitle{color:#ffffffb3;max-width:540px;margin:0 auto 40px;font-size:18px;font-weight:300;line-height:28px}.pub-hero-note{color:#fff6;margin:0;font-size:13px;line-height:20px}.pub-hero-visual{flex:1;min-width:0;margin-top:48px;position:relative}.pub-hero-card{box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:12px;width:100%;min-height:420px;padding:12px;display:flex;position:relative;overflow:hidden}.pub-hero-card-grid{opacity:.1;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.pub-hero-orb{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pub-hero-orb-lg{filter:blur(64px);background:#00bebe33;width:256px;height:256px}.pub-hero-orb-sm{filter:blur(40px);background:#00bebe4d;width:128px;height:128px}.pub-hero-code{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:auto;min-height:min-content;padding:16px;display:flex;overflow:hidden}.pub-hero-code-dots{align-items:center;gap:8px;margin-bottom:8px;display:flex}.pub-hero-code-dot{border-radius:50%;width:10px;height:10px}.pub-hero-code-dot-r{background:#f87171}.pub-hero-code-dot-y{background:#facc15}.pub-hero-code-dot-g{background:#4ade80}.pub-hero-code-body{margin:auto 0;font-family:SF Mono,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:20px}.pub-hero-code-line{align-items:flex-start;gap:6px;display:flex}.pub-hero-code-line>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pub-hero-c-prompt{color:#4ade80;flex-shrink:0}.pub-hero-c-arrow{color:#60a5fa;flex-shrink:0}.pub-hero-c-cmd{color:#ffffffe6}.pub-hero-c-cmd-dim{color:#fff9}.pub-hero-c-out{color:#fff9;word-break:break-all;white-space:normal!important}.pub-hero-c-out-bright{color:#ffffffb3;word-break:break-all;white-space:normal!important}@media (max-width:767.98px){.pub-hero-code-body{overflow-x:auto}.pub-hero-code-body .pub-hero-code-line>span.pub-hero-c-out,.pub-hero-code-body .pub-hero-code-line>span.pub-hero-c-out-bright{word-break:normal;overflow:visible;white-space:pre!important}}@keyframes pub-hero-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes pub-hero-line-in{0%{opacity:0}to{opacity:1}}.pub-hero-code-line--cmd>span:first-child{animation:1ms step-end backwards pub-hero-line-in;animation-delay:var(--typing-delay,0s)}.pub-hero-code-line--cmd>span:last-child{animation:pub-hero-type var(--typing-dur,0s) steps(var(--typing-chars,1), end) backwards;animation-delay:var(--typing-text-delay,0s)}.pub-hero-code-line--out{animation:pub-hero-line-in var(--typing-dur,0s) ease-out backwards;animation-delay:var(--typing-delay,0s)}.pub-hero-dock{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;flex:none;justify-content:center;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.pub-hero-dock-item{box-sizing:border-box;color:#fff;transform-origin:bottom;will-change:transform;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.pub-hero-dock-item:hover{transform:translateY(-8px)scale(1.3)}.pub-hero-dock-item svg{fill:currentColor;width:20px;height:20px}.pub-hero-dock-fallback{line-height:1}@media (min-width:768px){.pub-hero{padding-top:0}.pub-hero-container{padding:0 32px}.pub-hero-copy{text-align:left}.pub-hero-title{letter-spacing:-2.8px;font-size:70px;line-height:79px}.pub-hero-subtitle{margin-left:0;margin-right:0}}@media (min-width:1024px){.pub-hero{padding:96px 0}.pub-hero-container{padding:0 60px}.pub-hero-row{flex-direction:row;align-items:center;gap:64px}.pub-hero-copy{flex:5}.pub-hero-visual{flex:6.5;margin-top:0}.pub-hero-card{aspect-ratio:16/8;min-height:360px}.pub-hero-dock{gap:32px}}@media (min-width:768px) and (max-width:1023px){.pub-hero-dock{gap:16px}}@media (min-width:1024px) and (max-width:1279px){.pub-hero-dock{gap:12px}}@media (min-width:1280px){.pub-hero--full .pub-hero-code-body{font-size:12px;line-height:22px}.pub-hero--full .pub-hero-card{min-height:376px}}@media (min-width:1536px){.pub-hero--full .pub-hero-code-body{font-size:13px;line-height:24px}.pub-hero--full .pub-hero-card{min-height:396px}}@media (prefers-reduced-motion:reduce){.pub-hero-dock-item{transition:none}.pub-hero-eyebrow-dot,.pub-hero-code-line--cmd>span:first-child,.pub-hero-code-line--cmd>span:last-child,.pub-hero-code-line--out{animation:none}}