@layer components{main:has(>.glass-room){--glass-tint:#1113198f;--glass-tint-top:#1719209e;--glass-tint-bottom:#0c0e1385;--glass-edge:#ffffff18;--glass-specular:#ffffff1f;--glass-sheen-glow:#ffffff0f;--glass-shadow:0 1px 1px #00000038, 0 30px 64px -34px #000000d9;--glass-frame:inset 0 1px 0 var(--glass-specular), inset 70px 80px 120px -96px var(--glass-sheen-glow), var(--glass-shadow);--surface:var(--glass-tint);--surface-2:#ffffff0d;--surface-3:#ffffff14;--bg-soft:#0304066b;--panel-top:var(--glass-tint-top);--panel-bottom:var(--glass-tint-bottom);--panel-line:var(--glass-edge);--border:var(--glass-edge);--elev-panel:var(--glass-frame)}.glass-room{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glass-lamp{will-change:transform;border-radius:50%;position:absolute}.glass-lamp--key{background:radial-gradient(closest-side,#ff7a182b,#ff7a1812 52%,#0000);width:82vmax;height:66vmax;animation:34s ease-in-out infinite alternate glass-drift-key;top:-34vmax;left:-28vmax}.glass-lamp--rim{background:radial-gradient(closest-side,#6884ff26,#6884ff0e 52%,#0000);width:76vmax;height:64vmax;animation:41s ease-in-out infinite alternate glass-drift-rim;bottom:-34vmax;right:-26vmax}.glass-lamp--fill{background:radial-gradient(closest-side,#ffffff07,#0000);width:64vmax;height:42vmax;top:24%;left:28%}.glass-room:after{content:"";opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.glass-room{--drift:1}@keyframes glass-drift-key{to{transform:translate(calc(7vmax * var(--drift)), calc(5vmax * var(--drift))) scale(calc(1 + .08 * var(--drift)))}}@keyframes glass-drift-rim{to{transform:translate(calc(-6vmax * var(--drift)), calc(-4vmax * var(--drift))) scale(calc(1 + .06 * var(--drift)))}}@supports (animation-timeline:scroll()){.glass-room{animation:1ms linear both glass-room-up;animation-timeline:scroll(root);animation-range:0 90vh}@keyframes glass-room-up{0%{opacity:.5}to{opacity:1}}}:where(main:has(>.glass-room)) :is(.dev-window,.wt-frame,.pv,.jx-stage,.hash-tabs-features,.eo){border-color:var(--glass-edge);box-shadow:var(--glass-frame)}:where(main:has(>.glass-room)) :is(.walkthrough-tabs-shell,.dev-seg){border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff14, inset 40px 40px 60px -52px var(--glass-sheen-glow)}:where(main:has(>.glass-room)) .home-hero-features{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:linear-gradient(#ffffff0d,#0000 72%),#0a0c1052;box-shadow:inset 0 1px #ffffff12}:where(main:has(>.glass-room)) .jx-band{background:radial-gradient(55% 45% at 70% 55%,#ffffff08,#0000 70%),#ffffff03}:where(main:has(>.glass-room)) .scene{background:0 0}:where(main:has(>.glass-room)) .ssb{background:linear-gradient(#0000,#030303f0 180px calc(100% - 180px),#0000);border-block-color:#0000}:where(main:has(>.glass-room)) .jx-canvas{--surface:#0e1014;--surface-2:#15181e;--surface-3:#1e222a;--bg-soft:#0a0b0e}:where(main:has(>.glass-room)) .jx-card{box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff17,0 .9em 2.2em -1em #000000d9}:where(main:has(>.glass-room)) .dev-tip{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);background:#1a1d24e6}.site-header--glass{-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background:radial-gradient(130% 160% at 0 0,#ffffff0a,#0000 52%),#0a0c108c;box-shadow:0 14px 34px -26px #000000e6}}main:has(>.glass-room)~footer.band{background:linear-gradient(#090a0d73,#090a0de6 260px);border-top-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d}@media (prefers-reduced-transparency:reduce){main:has(>.glass-room){--glass-tint:#111319b8;--glass-tint-top:#171920c2;--glass-tint-bottom:#0c0e13b3}.site-header--glass{background:#0a0c10cc}}@media (prefers-reduced-motion:reduce){main:has(>.glass-room) .glass-room{--drift:.5}main:has(>.glass-room) .glass-lamp--key{animation-duration:56s!important;animation-iteration-count:infinite!important}main:has(>.glass-room) .glass-lamp--rim{animation-duration:68s!important;animation-iteration-count:infinite!important}}
main:has(>.glass-room){--home-title:clamp(2rem, 1.2rem + 2.2vw, 3rem);--home-lede:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--home-lede-ink:color-mix(in srgb, var(--fg) 70%, transparent)}:where(main:has(>.glass-room)) .section-title{font-size:var(--home-title);letter-spacing:-.03em;line-height:1.08}:where(main:has(>.glass-room)) .section-lede{font-size:var(--home-lede);color:var(--home-lede-ink);line-height:1.55}.home-close{text-align:center;justify-items:center;padding:clamp(3rem,5.5vw,4.75rem) clamp(1.5rem,5vw,4rem);display:grid}.home-close-glow{z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(42% 70% at 50% 0%, color-mix(in srgb, var(--accent-solid) 16%, transparent), transparent 72%), radial-gradient(60% 60% at 50% 120%, #9fb2ff12, transparent 70%);position:absolute;inset:0;overflow:hidden}.home-close-glow:after{content:"";background-image:linear-gradient(to right, color-mix(in srgb, var(--fg) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--fg) 5%, transparent) 1px, transparent 1px);background-position:top;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 75% at 50% 35%,#000,#0000 78%);mask-image:radial-gradient(55% 75% at 50% 35%,#000,#0000 78%)}.home-close-title{max-width:52rem}.home-close-lede{max-width:34rem;font-size:var(--home-lede);color:var(--home-lede-ink);text-wrap:balance;margin-top:1.125rem;line-height:1.55}.home-close-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.25rem;display:flex}@media (max-width:639px){.home-close-actions{flex-direction:column;justify-self:stretch}}:where(main:has(>.glass-room))>:is(#developers,#platform,#why,#pricing,#faq){position:relative}:where(main:has(>.glass-room))>:is(#developers,#platform,#why,#pricing,#faq):before{content:"";background:linear-gradient(90deg, transparent, #ffffff1a 22%, color-mix(in srgb, var(--accent-solid) 45%, #ffffff4d) 50%, #ffffff1a 78%, transparent);pointer-events:none;width:min(72rem,100% - 3rem);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}:where(main:has(>.glass-room))>:is(#developers,#platform,#why,#pricing,#faq):after{content:"";z-index:-1;background:radial-gradient(50% 100% at 50% 0%, color-mix(in srgb, var(--accent-solid) 9%, transparent), transparent 80%);pointer-events:none;width:min(46rem,90%);height:11rem;position:absolute;top:0;left:50%;transform:translate(-50%)}:where(main:has(>.glass-room)) :is(.section-title,.cs-band-title,.home-close-title){color:#0000;background-image:linear-gradient(#fff 0%,#f4f4f2 42%,#d6d9e0d1 100%);-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}@media (forced-colors:active){:where(main:has(>.glass-room)) :is(.section-title,.cs-band-title,.home-close-title){color:canvastext;background-image:none}}:where(main:has(>.glass-room)) .section-kicker{letter-spacing:.01em;color:color-mix(in srgb, var(--fg) 82%, transparent);background:linear-gradient(#ffffff0f,#ffffff04);border:1px solid #ffffff1a;border-radius:999px;gap:.5rem;padding:.3rem .75rem .3rem .6rem;font-size:12.5px;box-shadow:inset 0 1px #ffffff12}:where(main:has(>.glass-room)) .section-kicker:before{background:var(--accent-solid);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-solid) 18%, transparent), 0 0 10px color-mix(in srgb, var(--accent-solid) 70%, transparent);border-radius:50%}:where(main:has(>.glass-room)) :is(.btn-primary,.home-hero-cta--primary){box-shadow:inset 0 1px 0 #ffffff6b, inset 0 -1px 0 #00000029, 0 0 0 1px color-mix(in srgb, var(--accent-solid) 70%, #000), 0 10px 30px -10px color-mix(in srgb, var(--accent-solid) 75%, transparent);background-image:linear-gradient(#fff3,#fff0 55%);transition:box-shadow .3s,background-color .2s}@media (hover:hover) and (pointer:fine){:where(main:has(>.glass-room)) :is(.btn-primary,.home-hero-cta--primary):hover{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #00000029, 0 0 0 1px color-mix(in srgb, var(--accent-solid) 70%, #000), 0 14px 40px -10px color-mix(in srgb, var(--accent-solid) 95%, transparent)}}:where(main:has(>.glass-room)) :is(.btn-secondary,.home-hero-cta--secondary){background-color:#ffffff09;background-image:linear-gradient(#ffffff0d,#0000 60%);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14}@media (hover:hover) and (pointer:fine){:where(main:has(>.glass-room)) :is(.btn-secondary,.home-hero-cta--secondary):hover{background-color:#ffffff12;border-color:#ffffff47}}:where(main:has(>.glass-room)) .proof-strip{border:1px solid var(--glass-edge);background:radial-gradient(60% 120% at 50% 0%, #ffffff0b, transparent 70%), var(--glass-tint);box-shadow:var(--glass-frame);border-radius:18px;row-gap:0;overflow:hidden}:where(main:has(>.glass-room)) .proof-item{border-left:0;padding:1.5rem 1.5rem 1.35rem;transition:background-color .3s}:where(main:has(>.glass-room)) .proof-strip>li+li .proof-item{border-left:1px solid #ffffff12}@media (max-width:1023.98px){:where(main:has(>.glass-room)) .proof-strip>li:nth-child(3) .proof-item{border-left:0}:where(main:has(>.glass-room)) .proof-strip>li:nth-child(n+3) .proof-item{border-top:1px solid #ffffff12}}@media (hover:hover) and (pointer:fine){:where(main:has(>.glass-room)) .proof-item:hover{background-color:#ffffff08}}:where(main:has(>.glass-room)) .proof-figure{letter-spacing:-.04em;color:#0000;background-image:linear-gradient(#fff 10%,#ced2dacc 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3vw,2.625rem)}:where(main:has(>.glass-room)) .proof-live{background:color-mix(in srgb, var(--fg) 55%, transparent)}@media (forced-colors:active){:where(main:has(>.glass-room)) .proof-figure{color:canvastext;background-image:none}}:where(main:has(>.glass-room)) .plan-card{position:relative}:where(main:has(>.glass-room)) .plan-card:before{content:"";opacity:.6;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff52,#0000);height:1px;transition:opacity .3s,inset .48s;position:absolute;inset:-1px 14% auto}@media (hover:hover) and (pointer:fine){:where(main:has(>.glass-room)) .plan-card:hover:before{opacity:1;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-solid) 80%, #fff), transparent);inset:-1px 6% auto}}:where(main:has(>.glass-room)) .home-hero-eyebrow{letter-spacing:.12em;color:color-mix(in srgb, var(--hero-fg) 86%, transparent);background:linear-gradient(#ffffff0f,#ffffff04);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.55em;padding:.6em 1em .6em .85em;display:inline-flex;box-shadow:inset 0 1px #ffffff12}:where(main:has(>.glass-room)) .home-hero-eyebrow:before{content:"";background:var(--hero-accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--hero-accent) 18%, transparent), 0 0 10px color-mix(in srgb, var(--hero-accent) 70%, transparent);border-radius:50%;flex:none}:where(main:has(>.glass-room)) :is(.pf-title,.ssb-title){color:#0000;background-image:linear-gradient(#fff 0%,#f4f4f2 42%,#d6d9e0d1 100%);-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}@media (forced-colors:active){:where(main:has(>.glass-room)) :is(.pf-title,.ssb-title){color:canvastext;background-image:none}}.cs-stage-hero .cs-scaler:before{content:"";z-index:3;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-solid) 85%, transparent) 40%, #fff 50%, color-mix(in srgb, var(--accent-solid) 85%, transparent) 60%, transparent) no-repeat;height:1px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent-solid) 80%, transparent));opacity:0;pointer-events:none;background-position:-30% 0;background-size:22% 100%;position:absolute;top:0;left:1.5%;right:1.5%}.cs-stage-hero[data-play] .cs-scaler:before{animation:9s cubic-bezier(.45,0,.25,1) 1.2s infinite cs-edge-light}.cs-stage-hero[data-play][data-calm] .cs-scaler:before{animation-duration:14s!important;animation-iteration-count:infinite!important}@keyframes cs-edge-light{0%{opacity:0;background-position:-30% 0}4%{opacity:1}30%{opacity:1}36%,to{opacity:0;background-position:130% 0}}.site-header--glass{border-bottom-color:#0000!important}.site-header--glass:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff08,#ffffff1f 30%,#ffffff29 50%,#ffffff1f 70%,#ffffff08);height:1px;position:absolute;inset:auto 0 -1px}:where(main:has(>.glass-room)) .eval-cell{transition:background-color .24s,box-shadow .24s}@media (hover:hover) and (pointer:fine){:where(main:has(>.glass-room)) .eval-cell:hover{background:radial-gradient(90% 70% at 50% 0,#ffffff0d,#0000 70%),#ffffff05;box-shadow:inset 0 1px #ffffff1a}:where(main:has(>.glass-room)) .eval-cell:hover .eval-cell-arrow{color:var(--accent-bright)}:where(main:has(>.glass-room)) .eval-cell:hover .eval-cell-path{color:var(--fg-muted)}}:where(main:has(>.glass-room)) .faq-list>details{border-radius:14px;transition:background-color .26s,box-shadow .26s,border-color .26s}:where(main:has(>.glass-room)) .faq-list>details>summary,:where(main:has(>.glass-room)) .faq-list>details>p{padding-inline:1rem}:where(main:has(>.glass-room)) .faq-list>details[open]{background:linear-gradient(#ffffff0b,#ffffff04);border-bottom-color:#0000;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff12}:where(main:has(>.glass-room)) .faq-list>details>summary>svg{box-sizing:content-box;background:#ffffff08;border:1px solid #ffffff1f;border-radius:50%;padding:6px;transition:transform .2s,border-color .2s,color .2s,background-color .2s}:where(main:has(>.glass-room)) .faq-list>details[open]>summary>svg{border-color:color-mix(in srgb, var(--accent-solid) 55%, transparent);background:color-mix(in srgb, var(--accent-solid) 12%, transparent);color:var(--accent-bright)}@media (hover:hover) and (pointer:fine){:where(main:has(>.glass-room)) #field-guides li>a{border-radius:12px;margin-inline:-.75rem;padding-inline:.75rem;transition:background-color .22s,box-shadow .22s}:where(main:has(>.glass-room)) #field-guides li>a:hover{background:#ffffff09;box-shadow:inset 0 1px #ffffff12}}