@font-face{font-family:Inter;src:url('/assets/inter-latin.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172947;background:#f7f9fe;color-scheme:light;--blue:#2158ef;--muted:#627391;--line:#dae3f2;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace;font-synthesis:none}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--blue);outline-offset:6px}p,h1{margin:0}::selection{background:#c5d7ff}.frame{margin:18px;min-height:calc(100svh - 36px);height:calc(100svh - 36px);border:1px solid var(--line);background:linear-gradient(160deg,#fff 15%,#f9fbff 75%,#f1f6ff);display:grid;grid-template-rows:82px minmax(380px,1fr) 88px;position:relative}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 37px;z-index:2}.wordmark{font-size:24px;letter-spacing:-1.3px;font-weight:650}.wordmark>span{color:var(--blue)}.discipline{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.discipline>span{padding:0 11px;color:#a3b4d0}.stage{position:relative;min-width:0;min-height:0;isolation:isolate}.intro{position:absolute;top:13px;left:20px;right:20px;z-index:1;text-align:center;pointer-events:none}.eyebrow{font:8px/1.7 var(--mono);letter-spacing:1.2px;color:var(--muted)}.intro>.eyebrow{font-size:8px;letter-spacing:1.5px;color:#6b7d9a;margin-bottom:12px}h1{font-size:clamp(29px,3.2vw,44px);font-weight:460;letter-spacing:-1.7px;line-height:1.17}h1>span{color:var(--blue)}#field{width:100%;height:100%;display:block;position:relative;z-index:0;touch-action:pan-y;cursor:none}.motion-toggle{position:absolute;bottom:14px;right:37px;color:#7184a2;display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:7px;font:8px var(--mono);border-radius:3px}.motion-toggle:hover{color:var(--blue);background:#edf3ff}.pause-symbol{color:var(--blue);font-size:10px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:0 37px;gap:36px}.skip-link{position:fixed;top:5px;left:5px;transform:translateY(-150%);padding:12px;background:var(--blue);color:white;z-index:10}.skip-link:focus{transform:translateY(0)}
@media(min-height:850px) and (min-width:801px){.frame{grid-template-rows:96px minmax(500px,1fr) 100px}.intro{top:24px}h1{font-size:46px}.motion-toggle{bottom:24px}.footer{margin-inline:48px}.header{padding-inline:48px}}
@media(max-width:1050px){.header{padding-inline:25px}.footer{margin-inline:25px;gap:24px}.motion-toggle{right:25px}}
@media(max-width:800px){.frame{margin:12px;min-height:calc(100svh - 24px);height:calc(100svh - 24px);grid-template-rows:73px minmax(370px,1fr) 125px}.header{padding-inline:23px}.wordmark{font-size:22px}.discipline{display:none}.intro{top:12px}.intro>.eyebrow{font-size:7px;margin-bottom:12px}h1{font-size:34px;letter-spacing:-1.4px}.footer{margin-inline:23px;flex-direction:column;align-items:flex-start;justify-content:center;gap:23px}.motion-toggle{right:17px;bottom:12px;font-size:7px}}
@media(max-width:600px){.frame{margin:10px;min-height:calc(100svh - 20px);height:calc(100svh - 20px);grid-template-rows:64px minmax(350px,1fr) 132px}.header{padding-inline:19px;gap:15px}.wordmark{font-size:21px;letter-spacing:-1.2px}.intro{top:11px;left:10px;right:10px}.intro>.eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:12px}h1{font-size:30px;letter-spacing:-1.3px;line-height:1.2}.motion-toggle{right:12px;bottom:14px;font-size:6px;gap:5px}.footer{margin-inline:19px;gap:22px;align-items:stretch}}
@media(max-width:370px){h1{font-size:27px}.motion-toggle{font-size:6px}.wordmark{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.experience{min-width:0;width:100%}
.experience>.eyebrow{font-size:8px;letter-spacing:1px;color:#8a98ae;margin:0 0 10px}
.logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px}
.logos img{display:block;object-fit:contain;filter:brightness(0);opacity:.43;flex-shrink:0}
.logos .amazon{width:43px;height:14px}
.logos .apple{width:16px;height:18px}
.logos .nvidia{width:48px;height:13px}
.logos .uber{width:29px;height:13px}
.logos .tesla{width:40px;height:10px}
.logos .salesforce{width:29px;height:21px;filter:grayscale(1);opacity:.45}
.logos .openai{width:19px;height:19px}
.logos .anthropic{width:65px;height:9px}
@media(max-width:800px){.footer{gap:16px}.experience{width:100%}.logos{gap:10px 16px}}
@media(max-width:600px){.footer{gap:18px}.experience>.eyebrow{font-size:7px;margin-bottom:9px}.logos{gap:8px 12px}.logos .amazon{width:31px;height:11px}.logos .apple{width:13px;height:14px}.logos .nvidia{width:34px;height:10px}.logos .uber{width:23px;height:10px}.logos .tesla{width:29px;height:8px}.logos .salesforce{width:23px;height:17px}.logos .openai{width:16px;height:16px}.logos .anthropic{width:49px;height:7px}}
@media(max-width:370px){.logos{gap:8px 9px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rotating-phrase{display:inline-block;transition:opacity .3s ease,transform .4s ease}
.intro.is-leaving .rotating-phrase{opacity:0;transform:translateY(-7px)}

.intro h1{display:flex;align-items:baseline;justify-content:center;gap:.24em;white-space:nowrap;font-size:clamp(16px,calc((100vw - 64px)*.026),32px);letter-spacing:-.025em}
.intro h1>.headline-lead{color:var(--ink,#172947)}
@media(max-width:600px){.intro h1{display:block;white-space:normal;font-size:clamp(18px,4.4vw,24px);line-height:1.35;min-height:4.05em}.intro h1>.headline-lead{white-space:nowrap;margin-right:.24em}.intro .rotating-phrase{display:inline}}

.workflow-fragments{position:absolute;inset:0;pointer-events:none;z-index:1}
.workflow-fragment{position:absolute;left:0;top:0;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;background:transparent;color:var(--blue);pointer-events:auto;border-radius:50%;isolation:isolate;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.workflow-fragment::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle,#fff 20%,#f7faffee 40%,#f5f9ff00 72%);opacity:0;transition:opacity .25s ease}
.fragment-bits,.fragment-icon{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.fragment-bits i{position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);width:4px;height:4px;border-radius:1px;background:currentColor;transform:translate(var(--x),var(--y)) rotate(45deg);opacity:var(--opacity);transition:transform .35s ease,opacity .2s ease;box-shadow:0 0 7px #638dff33}
.fragment-bits i:nth-child(1){--x:0px;--y:0px;--opacity:.9}
.fragment-bits i:nth-child(2){--x:-9px;--y:-5px;--opacity:.55}
.fragment-bits i:nth-child(3){--x:8px;--y:-8px;--opacity:.4}
.fragment-bits i:nth-child(4){--x:7px;--y:7px;--opacity:.65}
.fragment-bits i:nth-child(5){--x:-5px;--y:10px;--opacity:.3}
.fragment-icon{opacity:0;transform:scale(.65);transition:opacity .22s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.fragment-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fragment-name{position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%,4px);font:8px var(--mono);letter-spacing:.3px;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 0 4px #fff,0 0 8px #fff;transition:opacity .2s ease,transform .25s ease}
.workflow-fragment.is-active::before,.workflow-fragment:focus-visible::before{opacity:1}
.workflow-fragment.is-active .fragment-bits i{transform:translate(0,0) rotate(90deg) scale(.2);opacity:0}
.workflow-fragment.is-active .fragment-icon{opacity:1;transform:scale(1)}
.workflow-fragment.is-exploring .fragment-name,.workflow-fragment:focus-visible .fragment-name{opacity:1;transform:translate(-50%,0)}
.workflow-fragment:focus-visible{outline-offset:1px}
@media(max-width:600px){.workflow-fragment{width:44px;height:44px;margin:-22px 0 0 -22px}.fragment-icon svg{width:21px;height:21px}.fragment-name{display:none}}

.footer{justify-content:center;align-items:center;text-align:center}
.logos .google{width:19px;height:19px}
.logos .meta{width:28px;height:19px}
@media(max-width:600px){.logos .google{width:16px;height:16px}.logos .meta{width:24px;height:16px}}