:root{--primary:#10b981;--secondary:#6366f1;--tertiary:#38bdf8;--neutral:#121216;--scroll-progress:0}html{scroll-padding-top:90px}body{background:#121216!important}body:before{content:'';position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary));transform:scaleX(var(--scroll-progress));transform-origin:left;z-index:100;pointer-events:none}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--tertiary)}.jb-brand{font-size:23px;font-weight:750;letter-spacing:-1.3px;color:#f3f4f6;white-space:nowrap}.jb-brand span{color:var(--primary);padding:0 3px;text-shadow:0 0 20px #10b98166}#home{overflow:clip}header nav a{position:relative}header nav a:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:1px;background:var(--primary);transform:scaleX(0);transition:transform .3s}header nav a:hover:after,header nav a[aria-current]:after{transform:scaleX(1)}.mobile-menu{display:none}.hero-identity{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;margin-top:20px!important;margin-bottom:6px!important}.hero-identity strong{font-size:22px;color:#f4f5f7;letter-spacing:-.6px}.hero-identity span{font-size:13px;color:#bdc5d0}.hero-stack{font:12px 'JetBrains Mono',monospace;color:var(--tertiary);margin:0 0 16px!important}[data-purpose=hero-overview]{isolation:isolate}[data-purpose=hero-overview]>.grid:first-child{gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}[data-purpose=hero-overview] h1{font-size:clamp(37px,4.2vw,59px);line-height:1.08;letter-spacing:-2.5px;position:relative;z-index:2}[data-purpose=hero-overview] .lg\:col-span-7{grid-column:auto;position:relative;z-index:3}[data-purpose=hero-overview] p.leading-relaxed{font-size:15px;line-height:1.8}.hero-stage{position:relative;isolation:isolate;height:580px;grid-column:auto!important;min-width:0;align-self:stretch}.hero-ambient{position:absolute;inset:5% -5%;background:radial-gradient(ellipse at 40% 55%,#10b98125,transparent 60%),radial-gradient(ellipse at 80% 35%,#6366f12b,transparent 60%);animation:ambient-drift 12s ease-in-out infinite alternate;pointer-events:none}.parallax-layer{position:absolute;inset:0;transform:translate3d(0,var(--parallax,0px),0);will-change:transform}.hero-effects{position:absolute;inset:0;pointer-events:none}.hero-effects:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#38bdf85c .7px,transparent .7px);background-size:23px 23px;mask-image:radial-gradient(ellipse,#0008,transparent 70%);opacity:.35}.hero-stage img{position:absolute;bottom:15px;left:-4%;width:108%;height:94%;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(0 0 20px #10b98113);mask-image:linear-gradient(#000 83%,transparent);animation:portrait-in .9s cubic-bezier(.16,1,.3,1) both}.hero-photo-caption{position:absolute;bottom:15px;left:12%;right:7%;z-index:5;font:9px 'JetBrains Mono',monospace;display:flex;align-items:center;gap:8px;color:#e2e8f0;letter-spacing:1px}.hero-photo-caption>span:last-child{margin-left:auto;font-size:8px;color:#929aa9}.status-dot{width:5px;height:5px;display:inline-block;background:var(--primary);border-radius:50%;box-shadow:0 0 12px var(--primary)}.aura-disc{position:absolute;width:87%;aspect-ratio:1;left:7%;top:11%;border-radius:50%;background:radial-gradient(ellipse,#10b98115,transparent 68%);box-shadow:inset 0 0 35px #10b98113,0 0 45px #6366f121;border:1px solid #38bdf824;animation:aura-breathe 7s ease-in-out infinite}.aura-disc:before{content:'';position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 10%,#10b981 24%,transparent 38%,transparent 55%,#6366f1 70%,#38bdf8 78%,transparent 92%);mask:radial-gradient(transparent 69%,#000 70%,#000 71%,transparent 72%);animation:orbit-spin 22s linear infinite;filter:drop-shadow(0 0 7px #10b981)}.orbit{position:absolute;border:1px solid #10b98165;width:100%;height:47%;top:25%;left:0;border-radius:50%;transform:rotate(-32deg);animation:orbital-wobble 12s ease-in-out infinite alternate;box-shadow:0 0 15px #10b9811c;opacity:0}.orbit-two{width:85%;height:58%;left:9%;top:23%;transform:rotate(43deg);border-color:#6366f17a;animation-delay:-6s}.orbit i{position:absolute;left:10%;top:13%;width:8px;height:8px;background:var(--tertiary);box-shadow:0 0 18px var(--tertiary);border-radius:50%}.code-layer{position:absolute;padding:25px;border:1px solid #6366f16b;border-radius:14px;background:linear-gradient(135deg,#6366f126,#6366f105);font:10px/2 'JetBrains Mono',monospace;color:#b5b7ff;backdrop-filter:blur(7px);width:70%;height:43%;top:16%;left:22%;transform:rotate(-13deg);opacity:0;animation:code-float 10s ease-in-out infinite alternate}.layer-two{left:0;top:37%;border-color:#10b98170;background:linear-gradient(135deg,#10b98121,#10b98105);color:#7de6bf;animation-delay:-5s;transform:rotate(12deg)}.network{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:visible}.network path{stroke:var(--tertiary);stroke-width:1;stroke-dasharray:6 12;animation:network-flow 18s linear infinite}.network circle{fill:var(--primary);filter:drop-shadow(0 0 9px #10b981);animation:node-pulse 3s ease-in-out infinite alternate}.workflow{position:absolute;top:18%;left:-4%;right:0;display:flex;gap:10px;align-items:center;opacity:0;transform:rotate(-9deg);animation:code-float 9s ease-in-out infinite alternate}.workflow span{padding:18px 12px;background:#121216c9;backdrop-filter:blur(8px);border:1px solid #10b98166;border-radius:10px;color:var(--primary);font:9px 'JetBrains Mono',monospace;box-shadow:0 0 25px #10b98119}.workflow span:nth-of-type(2){color:#b7b9ff;border-color:var(--secondary)}.workflow i{color:var(--tertiary);font-style:normal}.glass-code{position:absolute;z-index:4;bottom:75px;left:-10px;max-width:240px;width:52%;border:1px solid #38bdf841;border-radius:10px;background:#121216b8;backdrop-filter:blur(16px);box-shadow:0 8px 38px #0005;transform:rotate(-3deg);animation:glass-float 8s ease-in-out infinite}.glass-code>div{display:flex;align-items:center;gap:4px;padding:9px 11px;border-bottom:1px solid #ffffff0d}.glass-code i{width:5px;height:5px;border-radius:50%;background:var(--secondary)}.glass-code i:first-child{background:var(--primary)}.glass-code i:last-of-type{background:var(--tertiary)}.glass-code div span{margin-left:auto;font:8px 'JetBrains Mono',monospace;color:#9ca3af}.glass-code code{display:block;font:9px/1.9 'JetBrains Mono',monospace;color:#b4bfcd;padding:12px}.glass-code code b{color:var(--tertiary);font-weight:400}.glass-code code em{color:#7ee1bd;font-style:normal}.motion-toggle{position:absolute;right:5px;bottom:-17px;z-index:6;color:#9ca3af;font:9px 'JetBrains Mono',monospace;border:1px solid #ffffff14;border-radius:30px;padding:5px 9px;background:#121216}.motion-toggle:hover{border-color:var(--primary);color:white}.hero-stage[data-hero-variant=orbital] .orbit{opacity:1}.hero-stage[data-hero-variant=layered] .code-layer{opacity:1}.hero-stage[data-hero-variant=network] .network{opacity:.6}.hero-stage[data-hero-variant=workflow] .workflow{opacity:1}.hero-stage[data-hero-variant=layered] .aura-disc,.hero-stage[data-hero-variant=workflow] .aura-disc{opacity:.25}.hero-stage[data-hero-variant=network] .aura-disc{opacity:.4}.hero-stage[data-pose=laptop] img{width:124%;left:-12%;height:90%;bottom:4%}.hero-stage[data-pose=standing] img{height:100%;width:100%;left:0}.hero-stage[data-pose=seated] img{height:100%;width:105%;left:-1%}[data-purpose=kpi-strip]>div{transition:background .3s,border-color .3s,box-shadow .3s}[data-purpose=kpi-strip]>div:hover{background:#161e1b;border-color:#10b98160;box-shadow:0 0 28px #10b98112}[data-count]{font-variant-numeric:tabular-nums}.demo-label{vertical-align:middle;display:inline-block;font:8px 'JetBrains Mono',monospace;border:1px solid #6366f155;color:#a5a8fa;padding:5px 7px;border-radius:4px;letter-spacing:.6px}.contact-note{font:10px/1.7 'JetBrains Mono',monospace;color:#9ca3af;margin-bottom:20px}.reveal-item{opacity:0;transform:translate3d(0,23px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal-item.is-visible{opacity:1;transform:translateZ(0)}.spring-ease{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}.spring-ease:hover{transform:translateY(-4px);border-color:#10b98155;box-shadow:0 0 30px #10b9810c}[data-purpose=timeline-item]{--active-color:var(--primary);transition:opacity .4s;padding-bottom:7px}[data-purpose=timeline-item]:nth-of-type(2){--active-color:var(--tertiary)}[data-purpose=timeline-item]:nth-of-type(3){--active-color:var(--secondary)}[data-purpose=timeline-item]>div:first-child{transition:box-shadow .5s,background .5s,border-color .5s;background:#32323e!important;box-shadow:none!important}[data-purpose=timeline-item] h3{position:relative;display:inline-block;padding-bottom:8px;transition:color .5s,text-shadow .5s}[data-purpose=timeline-item] h3:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--active-color);box-shadow:0 0 10px var(--active-color);transition:transform .6s cubic-bezier(.16,1,.3,1)}[data-purpose=timeline-item].career-active h3:after{transform:scaleX(1)}[data-purpose=timeline-item].career-active h3{color:#fff;text-shadow:0 0 22px color-mix(in srgb,var(--active-color),transparent 50%)}[data-purpose=timeline-item] .company-name{transition:color .5s,box-shadow .5s,border-color .5s,text-shadow .5s}[data-purpose=timeline-item].career-active .company-name{color:var(--active-color);border-color:var(--active-color);box-shadow:0 0 21px color-mix(in srgb,var(--active-color),transparent 78%);text-shadow:0 0 13px var(--active-color)}[data-purpose=timeline-item].career-active>div:first-child{background:var(--active-color)!important;box-shadow:0 0 24px var(--active-color)!important}.career-track{position:relative}.career-light{position:absolute;left:-2px;top:0;width:3px;height:72px;pointer-events:none;z-index:1;background:linear-gradient(transparent,var(--primary),var(--tertiary),transparent);box-shadow:0 0 20px #10b98166;transition:transform .65s cubic-bezier(.16,1,.3,1)}.blueprint-demo-note{font:9px 'JetBrains Mono',monospace;color:#9ca3af;margin-top:15px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .parallax-layer{transform:none!important}.motion-paused .reveal-item{opacity:1;transform:none}header{z-index:50}#email-address{overflow-wrap:anywhere;min-width:0}#copy-email-btn{flex-shrink:0}.min-w-max{max-width:none}main>section{scroll-margin-top:100px}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes aura-breathe{50%{transform:scale(1.055);box-shadow:inset 0 0 45px #10b98121,0 0 65px #6366f131}}@keyframes orbital-wobble{to{transform:rotate(-17deg) translateY(-8px)}}@keyframes ambient-drift{to{transform:translate3d(-12px,18px,0) scale(1.08)}}@keyframes code-float{to{translate:0 -18px}}@keyframes glass-float{50%{translate:0 -9px}}@keyframes portrait-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes network-flow{to{stroke-dashoffset:-180}}@keyframes node-pulse{to{opacity:.4;r:4}}
@media(min-width:1280px){main{padding-top:46px!important}.hero-stage{height:610px}[data-purpose=hero-overview]>.grid:first-child{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}@media(max-width:1023px){[data-purpose=hero-overview]>.grid:first-child{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:16px}.hero-stage{height:520px}[data-purpose=hero-overview] h1{font-size:43px}.glass-code{left:0;width:64%;bottom:55px}header nav{gap:16px!important;font-size:10px!important}header [class*='Open']{font-size:9px}.hero-identity{display:block}.hero-identity span{display:block;margin-top:4px}.hero-photo-caption>span:last-child{display:none}}
@media(max-width:767px){[data-purpose=hero-overview]>.grid:first-child{grid-template-columns:1fr}.hero-stage{height:460px;max-width:540px;width:100%;margin:0 auto;margin-top:6px}[data-purpose=hero-overview] h1{font-size:clamp(36px,9vw,54px);letter-spacing:-1.7px}.hero-identity{display:flex}.hero-identity strong{font-size:20px}.hero-identity span{margin:0;font-size:12px}.hero-stack{font-size:11px}.glass-code{width:47%;max-width:220px;left:2%;bottom:65px}.hero-stage img{height:100%;bottom:0}.hero-stage[data-pose=laptop] img{height:100%;bottom:0}.hero-photo-caption{bottom:8px}.aura-disc{width:78%;left:11%;top:5%}.hero-effects{inset:0 7%}.hero-ambient{inset:0}.motion-toggle{bottom:-20px}.mobile-menu{display:block;margin-left:auto;margin-right:18px;width:33px;height:33px;border:1px solid #32323e;border-radius:7px;color:#dce3eb}.mobile-menu[aria-expanded=true]{border-color:var(--primary);color:var(--primary)}#site-nav.nav-open{position:absolute;display:flex;flex-wrap:wrap;gap:20px!important;top:64px;left:0;right:0;padding:24px;background:#121216f5;backdrop-filter:blur(15px);border-bottom:1px solid #10b9814d;font-size:11px!important}main{padding-top:20px!important}main.space-y-24>:not([hidden])~:not([hidden]){margin-top:68px}[data-purpose=kpi-strip]{margin-top:50px!important}.hero-stage .network{inset:-5%;width:110%;height:110%}.hero-stage[data-pose=standing] img{height:105%;bottom:0}.hero-stage[data-pose=seated] img{height:100%}.demo-label{margin-top:6px}h2{line-height:1.3!important}[data-purpose=timeline-item] .flex.items-center.gap-2:has(h3){flex-wrap:wrap;gap:10px}[data-purpose=timeline-item] h3{font-size:16px}.jb-brand{font-size:22px}footer .flex.items-center.gap-6{flex-wrap:wrap;justify-content:center;font-size:10px}#contact .lg\:col-span-5{min-width:0}}
@media(max-width:380px){.hero-stage{height:410px}.glass-code{width:53%}.glass-code code{font-size:8px}.hero-identity{display:block}.hero-identity span{display:block}.hero-stack{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}.parallax-layer{transform:none!important}.motion-toggle{display:none}}
.hero-stage.offscreen *, .hero-stage.offscreen *:before{animation-play-state:paused!important}