.hp{--hp-gap:.75rem;z-index:1;margin-top:4.375rem;width:max-content;max-width:min(100%,43rem);margin-inline:auto;position:relative}.hp-frame{position:relative}.hp-glow{z-index:0;filter:blur(10px);pointer-events:none;background:linear-gradient(183.5deg,#02e356 10.8%,#01ffff 98.1%);transition:opacity .2s;position:absolute;inset:0}.hp-box{z-index:1;--prompt-copied-bg:#18181b;border:2px solid var(--color-white);width:100%;color:var(--color-white);cursor:pointer;text-align:center;background:#18181b;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;position:relative}.hp-frame:hover .hp-glow{opacity:.85}.hp-frame:has(.hp-box:focus-visible) .hp-glow{opacity:.85}.hp-icon{width:18px;height:18px;color:var(--color-white);flex:none}.hp-text{min-width:0;color:var(--color-white);font:500 1rem/1.5 var(--font-shopify);text-wrap:pretty}.hp-code{font:700 1em/1.5 var(--font-jetbrains);white-space:nowrap}.hp-nowrap{white-space:nowrap}.hp-row{margin-top:var(--hp-gap);justify-content:flex-end;display:flex}.hp-meta{color:var(--color-ink-muted);font:500 .875rem/1.5 var(--font-shopify);white-space:nowrap}.hp-status{color:var(--color-ink)}.hp-hint{opacity:0}.hp-hint-touch{display:none}.hp:has(.hp-box:hover,.hp-box:focus-visible) .hp-hint{opacity:1}.hp:has(.hp-status:not(:empty)) .hp-hint{opacity:0}@media (hover:none){.hp-hint{opacity:1}.hp-hint-pointer{display:none}.hp-hint-touch{display:inline}}html:not(.js) .hp-row{display:none}@media (prefers-reduced-motion:no-preference){.hp-hint{transition:opacity .15s}}@media (prefers-reduced-motion:reduce){.hp-glow{transition:none}}@media (width<=40rem){.hp{width:100%;margin-top:2rem}.hp-text{font-size:.9375rem}.hp-box{gap:.75rem;padding:1.25rem}}.hero-reveal{z-index:30;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply;display:none;position:fixed;inset:0}@media (width>=56.25rem) and (prefers-reduced-motion:no-preference){html.js .hero-reveal{display:block}}.hero-reveal-black{background:#000;position:absolute;inset:0}.hero-reveal.is-revealed{opacity:0;transition:opacity .8s 1s}.hero-reveal-stage{position:absolute;inset:0;overflow:hidden}.hero-reveal-circle{background:radial-gradient(#fff 38%,#0000 70%),radial-gradient(#fff5 58%,#000 70%),radial-gradient(at 0 -5%,#fff3 58%,#0fa 70%),radial-gradient(at bottom,#fff 40%,#f0f 70%);border:8px solid #777;border-radius:50%;width:220vmax;height:220vmax;margin-top:-110vmax;margin-left:-110vmax;transition:transform .8s ease-in-out;position:absolute;top:40%;left:50%;transform:scale(0)}.hero-reveal.is-revealed .hero-reveal-circle{transform:scale(1)}@keyframes h-separate-glass{0%{opacity:0;translate:0 40%;scale:.8}to{opacity:1;translate:0;scale:1}}@keyframes h-separate-ghost{0%{opacity:0;translate:0 40%;scale:.8}to{opacity:.4;translate:0;scale:1}}@keyframes h-separate-block{0%{opacity:0;translate:0 -47.65%;scale:.8}to{opacity:.4;translate:0;scale:1}}@media (width>=56.25rem) and (prefers-reduced-motion:no-preference){html.js .hlogo-intro .hlogo-glass{animation:var(--animate-float), h-separate-glass .75s cubic-bezier(.22, 1, .36, 1) .3s both}html.js .hlogo-intro .hlogo-ghost{animation:var(--animate-float), h-separate-ghost .75s cubic-bezier(.22, 1, .36, 1) .3s both}html.js .hlogo-intro .hlogo-block{animation:var(--animate-delay-float), h-separate-block .75s cubic-bezier(.22, 1, .36, 1) .3s both}}.home-commerce{--commerce-panel:#0e0e10cc;--commerce-divider:#ffffff4d;padding-block:2.5rem 6rem;scroll-margin-top:5rem;position:relative}.home-commerce-heading{margin-bottom:2rem}.commerce-cart-topbar{justify-content:space-between;align-items:center;gap:1.5rem;min-width:0;display:flex}.commerce-cart-heading{white-space:nowrap;min-width:0;font:500 .9375rem/1.5 var(--font-shopify);font-variant-numeric:tabular-nums;align-items:center;gap:.375rem;display:inline-flex}.commerce-cart-icon{flex:none;width:1.25rem;height:1.25rem}.commerce-cart-heading span span{color:var(--color-ink-muted);font-weight:500}.commerce-add-item{color:#0c0c0e;min-width:6.4375rem;font:500 1rem/1.5 var(--font-shopify);cursor:pointer;background:#ededed;flex:none;justify-content:center;align-self:stretch;align-items:center;padding-inline:1.5rem;transition:background-color .18s;display:flex}.commerce-add-item:hover{background:var(--color-white)}.commerce-add-item:focus-visible{outline-offset:-2px}.commerce-product-drawing{background:var(--color-white);color:#0c0c0e;border-radius:2px;flex-shrink:0;place-items:center;height:4.5rem;display:grid}.commerce-product-drawing svg{width:90%}.commerce-product-image{object-fit:contain;width:100%;height:100%}.commerce-empty-cart{text-align:center;flex-direction:column;display:flex}.commerce-empty-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.commerce-empty-cart span{color:var(--color-ink-muted);font:500 .8125rem/1.5 var(--font-shopify)}.commerce-empty-heading{color:var(--color-white);font:500 1.5rem/2.125rem var(--font-shopify);letter-spacing:-.0175rem}.commerce-empty-add{border:2px solid var(--color-white);color:var(--color-white);font:700 1rem/1 var(--font-jetbrains);cursor:pointer;padding:1rem 1.5rem;transition:background-color .18s,color .18s}.commerce-empty-add:hover{background:var(--color-white);color:#0c0c0e}.commerce-live{color:#eceae0;font:450 1rem/1.375 var(--font-shopify);justify-content:center;align-items:center;gap:.5rem;padding-top:1.25rem;display:flex}.commerce-live-dot{background:#35d07f;border-radius:50%;flex:none;width:.5rem;height:.5rem}.commerce-cart-line{border-bottom:1px solid var(--color-line);align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.commerce-line-details{flex-direction:column;gap:.25rem;display:flex}.commerce-line-details strong{font-size:1rem}.commerce-line-details>span{color:var(--color-ink-muted);font-size:.75rem}.commerce-line-price{color:var(--color-ink-muted);font-size:.875rem}.commerce-quantity{border:1px solid var(--color-line-strong);align-items:center;width:fit-content;display:flex}.commerce-quantity button{cursor:pointer;width:2rem;min-height:2rem}.commerce-quantity-placeholder{place-items:center;min-width:2rem;min-height:2rem;display:grid}.commerce-quantity-step{place-items:center;width:2rem;min-height:2rem;display:grid}.commerce-quantity>span{text-align:center;min-width:1.25rem;font:500 .6875rem var(--font-shopify)}.commerce-line-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.commerce-remove-button{color:var(--color-ink-muted);cursor:pointer;flex:none;padding:0 .25rem;font-size:1.375rem;line-height:1}.commerce-remove-button:hover{color:var(--color-white)}.commerce-cart-line:has(+.commerce-subtotal){border-bottom:0}.commerce-subtotal{border-top:1px solid var(--color-line);color:var(--color-ink-muted);justify-content:space-between;align-items:center;padding-block:1.25rem;font-size:.9375rem;display:flex}.commerce-subtotal strong{color:var(--color-white);font-family:var(--font-shopify);font-weight:500}.home-commerce [data-pending]{opacity:.4}.commerce-ceiling{grid-template-rows:0fr;transition:grid-template-rows .32s;display:grid}.commerce-ceiling[data-open]{grid-template-rows:1fr}.commerce-ceiling>div{overflow:hidden}.commerce-ceiling p{border-bottom:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);font:500 .8125rem/1.6 var(--font-shopify);padding:.9375rem 1.5rem 1.125rem}.commerce-ceiling a{color:var(--color-white);text-underline-offset:.25em;text-decoration:underline}.commerce-ceiling a:hover{text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.commerce-ceiling{transition:none}}@media (prefers-reduced-motion:no-preference){.commerce-ceiling p{animation:.3s ease-out .12s backwards commerce-ceiling-settle}}@keyframes commerce-ceiling-settle{0%{opacity:0;transform:translateY(-.35rem)}}.commerce-cart-error{color:#ffb4b4;font:500 .75rem/1.4 var(--font-shopify)}.commerce-mini-cart>.commerce-cart-error{padding-top:1.5rem}.commerce-frame{border:1px solid var(--color-white);background:var(--commerce-panel);border-radius:2px;grid-template-columns:minmax(0,1fr);gap:1.5rem;min-width:0;padding:1.25rem;display:grid;overflow:clip}.home-commerce .code-logo-tabs{margin:-1.25rem -1.25rem 0;position:relative}.home-commerce .code-logo-tabs button+button{border-left:1px solid var(--commerce-divider)}.home-commerce .code-logo-tabs button{border-bottom:1px solid var(--commerce-divider)}.home-commerce .code-logo-tabs button[aria-pressed=true]{border-bottom-color:#0000}.home-commerce .code-logo-filler{border-bottom:1px solid var(--commerce-divider);flex:1}.home-commerce .code-logo-tabs:after{background:linear-gradient(to right, transparent, var(--commerce-panel))}.home-commerce .code-logo-tabs button:first-child{padding-left:1.25rem}.home-commerce .code-logo-tabs button{transition:background-color .18s}.home-commerce .code-logo-tabs button:not([aria-pressed=true]):hover{background:var(--color-surface)}.home-commerce .code-logo-tabs button[aria-pressed=true]{background:#0e0e10}.home-commerce .code-example-pre{background:var(--commerce-panel)}@media (width<=48rem){.home-commerce .code-logo-tabs{overflow-x:visible}.home-commerce .code-logo-tabs:after{display:none}.home-commerce .code-logo-tabs button{flex:1 1 0;justify-content:center;padding-inline:0}.home-commerce .code-logo-tabs button:first-child{padding-left:0}.home-commerce .code-logo-filler{display:none}}@media (width<=64rem){.home-commerce .code-example-pre{margin-inline:-1.25rem;padding-inline:1.25rem}}@media not all and (width<=64rem){.commerce-frame{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:0;padding:0}.home-commerce .code-example,.commerce-cart-preview{display:contents}.home-commerce .code-logo-tabs{grid-area:1/1/2/2;margin:0}.home-commerce .code-logo-tabs button:first-child{padding-left:1.5rem}.commerce-cart-topbar{border-left:1px solid var(--commerce-divider);border-bottom:1px solid var(--commerce-divider);grid-area:1/2/2/3;min-height:2.5625rem;padding-left:1.5rem}.home-commerce .code-example-pre{grid-area:2/1/3/2;padding:1rem 1.5rem .75rem}.commerce-mini-cart{border-left:1px solid var(--commerce-divider);background:radial-gradient(59% 30% at 0 52%,#28807c4d,#0000 200%);flex-direction:column;grid-area:2/2/3/3;padding:0 1.5rem 1.25rem;display:flex}.commerce-ceiling{margin-inline:-1.5rem}.commerce-cart-line,.commerce-subtotal{margin-inline:-1.5rem;padding-inline:1.5rem}.commerce-subtotal{margin-top:auto;margin-bottom:-1.25rem}.commerce-empty-cart{flex:1}.commerce-cart-preview>.sr-only{grid-area:2/2/3/3}}@media (width<=64rem){.commerce-cart-preview{display:none}}@media (width<=40rem){.home-commerce{padding-block:1.75rem 4rem}}html:not(.js) :is(.commerce-add-item,.commerce-empty-heading,.commerce-empty-add){display:none}.home-in-the-box{--card-padding:1.75rem}.box-frame{border:1px solid var(--color-line)}.box-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.box-card{min-width:0;padding:var(--card-padding);flex-direction:column;display:flex}.box-card+.box-card{border-left:1px solid var(--color-line)}.box-card h3{font:var(--text-t7--font-weight) var(--text-t7)/var(--text-t7--line-height) var(--font-shopify);letter-spacing:var(--text-t7--letter-spacing);color:var(--color-white)}.box-card p{color:var(--color-white);opacity:.7;font:var(--text-body-base--font-weight) var(--text-body-base)/var(--text-body-base--line-height) var(--font-shopify);margin-top:.625rem}.box-card code{font:500 .875rem var(--font-jetbrains);color:var(--color-ink)}.box-rest{padding:var(--card-padding);border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:2rem;display:flex}.box-rest-text{min-width:0}.box-rest-text h3{font:var(--text-t5--font-weight) var(--text-t5)/var(--text-t5--line-height) var(--font-shopify);letter-spacing:var(--text-t5--letter-spacing);color:var(--color-white)}.box-rest-text p{color:var(--color-white);opacity:.7;font:var(--text-body-lg--font-weight) var(--text-body-lg)/var(--text-body-lg--line-height) var(--font-shopify);margin-top:.5rem}.box-card p a,.box-rest-text p a{color:var(--color-white);text-underline-offset:.25em;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.box-card p a:hover,.box-rest-text p a:hover{-webkit-text-decoration-color:var(--color-white);text-decoration-color:var(--color-white)}.box-docs-button{border:1px solid var(--color-line-strong);color:var(--color-ink);font:500 .8125rem/1.5 var(--font-jetbrains);white-space:nowrap;flex:none;padding:.625rem 1rem}.box-docs-button:hover{border-color:var(--color-white);color:var(--color-white)}@media (width<=64rem){.box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.box-card+.box-card{border-left:0}.box-card:nth-child(2n){border-left:1px solid var(--color-line)}.box-card:nth-child(n+3){border-top:1px solid var(--color-line)}}@media (width<=40rem){.home-in-the-box{--card-padding:1.25rem}.box-grid{grid-template-columns:1fr}.box-card:nth-child(2n){border-left:0}.box-card+.box-card{border-top:1px solid var(--color-line)}.box-rest{flex-direction:column;align-items:flex-start;gap:1.25rem}}.showcase{--showcase-glow:linear-gradient(210deg, var(--color-green) 0%, var(--color-turquoise) 100%);flex-direction:column;display:flex}.showcase-heading{text-align:center;max-width:46rem;margin-block:clamp(4rem,12vh,9rem);margin-inline:auto}.showcase-row{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=56.25rem){.showcase-row:first-of-type{order:1}.showcase-heading{order:2}.showcase-row:nth-of-type(2){order:3}.showcase-row{grid-template-columns:1fr 1fr;align-items:start;column-gap:clamp(2rem,6vw,7rem)}.showcase-row>:nth-child(2n){margin-top:12vh}}@media (width<56.25rem){.showcase{gap:3rem}.showcase-heading{text-align:left;max-width:none;margin:0}}.showcase-card{flex-direction:column;display:flex;position:relative}.showcase-frame{position:relative}.showcase-frame:before{content:"";z-index:-1;background:var(--showcase-glow);filter:blur(34px);opacity:0;transition:opacity .3s;position:absolute;inset:0}.showcase-card--playing .showcase-frame:before,.showcase-card--still:hover .showcase-frame:before{opacity:1}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.showcase-card--video:hover .showcase-frame:before{opacity:1}}.showcase-media-clip{aspect-ratio:4/3;background-color:var(--color-black-2);background-position:50%;background-size:cover;overflow:hidden}.showcase-media-clip>*{object-fit:cover;width:100%;height:100%;display:block}.showcase-video{object-fit:cover;width:100%;height:100%}.showcase-pill{margin-top:16px;background:var(--showcase-glow);border-radius:9999px;align-self:flex-end;margin-inline:1.25rem;padding:2px}.showcase-row>:nth-child(2n) .showcase-pill{align-self:flex-start}.showcase-pill-label{background:var(--color-black-2);color:var(--color-white);font-family:var(--font-jetbrains);white-space:nowrap;border-radius:9999px;padding:.25rem .9rem;font-size:.875rem;font-weight:700;line-height:1.25;display:block}.deploy-buttons{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.deploy-button{flex:none;transition:filter .15s;display:inline-flex}.deploy-badge{width:auto;height:42px;display:block}.deploy-badge[data-badge=vercel]{height:45px}@media (hover:hover){.deploy-button:hover{filter:brightness(1.1)}}.home-oxygen{--oxh-muted:#fafafa99;isolation:isolate;grid-template-columns:.78fr 1.22fr;align-items:center;gap:2.5rem;margin-top:2rem;padding-block:2.25rem 7.25rem;scroll-margin-top:6rem;display:grid;position:relative}.oxh-col,.oxh-map{min-width:0}.oxh-glow{z-index:-1;pointer-events:none;mix-blend-mode:lighten;background:radial-gradient(460px 420px at 20% 190px, color-mix(in oklab, var(--color-green) 16%, transparent), transparent 70%), radial-gradient(520px 480px at 15% 340px, color-mix(in oklab, var(--color-turquoise) 12%, transparent), transparent 72%);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.oxh-col .deploy-buttons{margin-top:2rem}.oxh-claim{max-width:34rem;color:var(--oxh-muted);font-family:var(--font-shopify);font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);font-weight:var(--text-body-lg--font-weight);margin-top:2rem}.oxh-elsewhere{max-width:34rem;margin-top:1.25rem}.oxh-elsewhere-lead{color:var(--color-white);font-family:var(--font-shopify);font-size:var(--text-t6);line-height:var(--text-t6--line-height);letter-spacing:var(--text-t6--letter-spacing);font-weight:var(--text-t6--font-weight);text-wrap:balance;display:block}.oxh-runtimes{color:var(--oxh-muted);font-family:var(--font-shopify);font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);font-weight:var(--text-body-lg--font-weight);display:block}.oxh-map{display:none;position:relative}.oxh-map svg{width:100%;height:100%;display:block;position:absolute;inset:0}.oxh-dot{fill:var(--color-white);fill-opacity:.82;transform-box:fill-box;transform-origin:50%}.oxh-map[data-lighting] .oxh-dot:not([data-on]){opacity:0}.oxh-map[data-lighting=live] .oxh-dot{transition:opacity .3s ease-out}@media (prefers-reduced-motion:no-preference){.oxh-map[data-lighting] .oxh-dot:not([data-on]){transform:scale(.6)}.oxh-map[data-lighting=live] .oxh-dot{transition:opacity .4s ease-out,transform .4s cubic-bezier(.25,1,.5,1)}}@media (width>=56.3125rem){.oxh-map{aspect-ratio:882/510;width:calc(100% + max(0px, min(2.5rem, (100vw - var(--container-page)) / 2)));background:url(/oxygen-world.svg) 50%/100% 100% no-repeat;max-width:none;margin-block:-3rem;display:block}}@media (width<=56.25rem){.home-oxygen{grid-template-columns:1fr;gap:2rem;margin-top:0;padding-block:2.5rem 3rem}}