html[data-has-hero]:not([data-has-sidebar]){--sl-content-width:min(80rem, calc(100vw - 2rem));--sl-content-pad-x:clamp(1.25rem, 3.5vw, 2.75rem);&[data-theme=dark]{--sl-color-bg:#07080c;--sl-color-black:#07080c;--sl-color-bg-nav:#0a0b10;--sl-color-bg-sidebar:#07080c;--sl-color-white:#f5f6fa;--sl-color-gray-1:#e8e9ef;--sl-color-gray-2:#a8acb8;--sl-color-gray-3:#7a7f8c;--sl-color-gray-4:#5c6170;--sl-color-gray-5:#2a2d38;--sl-color-gray-6:#1a1d26;--sl-color-gray-7:#12141a;--sl-color-hairline:#1e212b;--sl-color-hairline-light:#1e212b;--sl-color-hairline-shade:#1a1d26;--sl-color-text:var(--sl-color-gray-2);--sl-color-text-accent:#c084fc;--cs-ink:#f5f6fa;--cs-muted:#a8acb8;--cs-line:#2a2d38;--cs-cyan:#34dbf4;color-scheme:dark;&,& body{background-color:#07080c;background-image:radial-gradient(90% 55% at 50% 0,#6b15c16b,#0000 60%),radial-gradient(50% 36% at 100% 8%,#1f9aad1f,#0000 52%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}}&[data-theme=light]{--sl-color-bg:#f4f5f8;--sl-color-black:#f4f5f8;--sl-color-bg-nav:#fff;--sl-color-bg-sidebar:#f4f5f8;--sl-color-white:#12141a;--sl-color-gray-1:#1e212b;--sl-color-gray-2:#3a3f4d;--sl-color-gray-3:#5c6170;--sl-color-gray-4:#8b90a0;--sl-color-gray-5:#d5d8e2;--sl-color-gray-6:#e8eaf0;--sl-color-gray-7:#f4f5f8;--sl-color-hairline:#e2e5ee;--sl-color-hairline-light:#e8eaf0;--sl-color-hairline-shade:#e8eaf0;--sl-color-text:var(--sl-color-gray-2);--sl-color-text-accent:#6b15c1;--cs-ink:#12141a;--cs-muted:#5c6170;--cs-line:#e2e5ee;--cs-cyan:#1c8b9c;color-scheme:light;&,& body{background-color:#f4f5f8;background-image:radial-gradient(90% 55% at 50% 0,#8c30e833,#0000 60%),radial-gradient(50% 36% at 100% 6%,#22aec31f,#0000 52%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}}& header.header{-webkit-backdrop-filter:none;box-shadow:none;background-color:#0000;border-bottom:1px solid #0000;transition:background-color .2s,border-color .2s,backdrop-filter .2s,box-shadow .2s}& site-search>button{border-color:color-mix(in srgb, var(--cs-ink) 14%, transparent);background-color:color-mix(in srgb, var(--cs-ink) 6%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);box-shadow:none;&:hover{border-color:color-mix(in srgb, var(--cs-ink) 28%, transparent);background-color:color-mix(in srgb, var(--cs-ink) 10%, transparent);color:var(--cs-ink)}&>kbd{background-color:color-mix(in srgb, var(--cs-ink) 10%, transparent);color:var(--cs-muted);border:0}}&.splash-nav-scrolled{& header.header{background-color:color-mix(in srgb, var(--sl-color-bg-nav) 58%, transparent);border-bottom-color:color-mix(in srgb, var(--cs-line) 75%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.35);box-shadow:0 8px 24px #0000002e}& site-search>button{border-color:var(--sl-color-hairline);background-color:color-mix(in srgb, var(--sl-color-black) 40%, var(--sl-color-gray-6))}&[data-theme=light] header.header{background-color:color-mix(in srgb, var(--sl-color-bg-nav) 72%, transparent);box-shadow:0 8px 24px #12141a0f}}& .content-panel .sl-container{width:min(100%, var(--sl-content-width));max-width:var(--sl-content-width);margin-inline:auto}& .page,& .content-panel:first-of-type{background:0 0}& .content-panel:first-of-type{padding-block:0 4rem;padding-inline:var(--sl-content-pad-x);position:relative;overflow:clip visible}& .sl-container>.sl-markdown-content{border-top:none;margin-top:0;padding-top:0}}.splash-hero{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1.75rem;padding-block:clamp(2.5rem,5vw,3.75rem) clamp(2.5rem,4.5vw,3.5rem);display:flex;position:relative;& .splash-hero__tagline{max-width:min(56rem,92vw);font-family:var(--sl-font);letter-spacing:-.03em;color:var(--cs-ink);text-wrap:balance;margin:0;font-size:clamp(1.45rem,2.85vw,2.05rem);font-weight:600;line-height:1.3;@media (width<=49.99rem){max-width:28rem;font-size:1.35rem}}& .splash-hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex;& .sl-link-button{font-family:var(--sl-font);letter-spacing:-.01em;border-radius:.55rem;min-height:2.75rem;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;&.primary{color:#0a0b10;box-shadow:none;background:#a855f7;border-color:#a855f7;&:hover{color:#0a0b10;background:#c084fc;border-color:#c084fc;transform:none}}}}}html[data-theme=dark] .splash-hero__actions .sl-link-button.secondary{border-color:var(--cs-line);color:var(--cs-ink);background:#1e2029;&:hover{color:var(--cs-ink);background:#272935;border-color:#484c5b}}html[data-theme=light] .splash-hero__actions .sl-link-button{&.secondary{border-color:var(--cs-line);color:var(--cs-ink);background:#fff;&:hover{color:var(--cs-ink);background:#f0f1f5;border-color:#c8ccd8}}&.primary,&.primary:hover{color:#fff}}.splash-page{z-index:1;flex-direction:column;gap:clamp(2rem,4vw,3rem);display:flex;position:relative}.splash-flow{--flow-ink:#f0f2f8;--flow-muted:#9aa1b2;--flow-soft:#12151e;box-sizing:border-box;border-radius:calc(var(--cs-radius) + .25rem);width:100%;max-width:none;color:var(--flow-ink);color-scheme:dark;background:radial-gradient(70% 55% at 50% -10%,#7a25d038,#0000 58%),radial-gradient(50% 40% at 100% 100%,#2993a314,#0000 50%),#1a1f2e;border:0;margin:0;padding:clamp(1.75rem,3.25vw,2.5rem) clamp(1.25rem,2.75vw,2rem);display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 64px #03040873;& .splash-flow__grid{counter-reset:splash-flow;grid-template-columns:1fr;gap:2rem;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:grid;@media (width>=52rem){grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:2rem 1.5rem}@media (width>=72rem){grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1.5rem}}& .splash-flow__step{counter-increment:splash-flow;opacity:0;min-width:0;height:100%;animation:.55s forwards splash-flow-in;animation-delay:calc(var(--step,0) * 90ms);flex-direction:column;gap:1rem;margin:0;padding:0;display:flex;transform:translateY(.55rem);@media (prefers-reduced-motion:reduce){opacity:1;animation:none;transform:none}}& .splash-flow__head{margin:0}& .splash-flow__title{letter-spacing:-.035em;color:var(--flow-ink);margin:0;font-size:1.2rem;font-weight:700;line-height:1.2;&:before{content:counter(splash-flow) ". ";font-weight:inherit}}& .splash-flow__body{background:var(--flow-soft);border-radius:.55rem;flex-direction:column;flex:auto;gap:.85rem;min-height:11rem;padding:.8rem;display:flex;&.splash-flow__body--stack{justify-content:center;align-items:center;gap:0;padding:1rem}&.splash-flow__body--fern{justify-content:center;gap:1.15rem;padding:1.15rem 1rem;container:fern/inline-size}}& .splash-flow__code{color:#c4c9d4;font-family:var(--sl-font-mono);tab-size:2;background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:0;font-size:.8rem;line-height:1.45;overflow-x:auto;& code{font:inherit;color:inherit;background:0 0;border:0;padding:0}}& .tok-kw{color:#b8a0d8}& .tok-fn{color:#8ecfd9}& .tok-cm{color:#6b7280}& .tok-muted{color:var(--flow-muted)}& .splash-flow__surfaces{background:0 0;border-radius:0;flex-direction:column;flex:1;gap:.1rem;margin:0;padding:0;list-style:none;display:flex;&>li{grid-template-columns:1.25rem 1fr auto;align-items:center;gap:.55rem;padding:.45rem .2rem;display:grid}}& .splash-flow__icon{place-items:center;width:1.25rem;height:1.25rem;display:grid;& svg{width:1.15rem;height:1.15rem}&[data-tone=teal]{color:#22d3ee}&[data-tone=orange]{color:#fb923c}&[data-tone=green]{color:#a3e635}&[data-tone=violet]{color:#c084fc}}& .splash-flow__surface-label{color:var(--flow-ink);font-size:.85rem;font-weight:500}& .splash-flow__path{font-family:var(--sl-font-mono);letter-spacing:-.01em;color:#aeb4c2;background:#292b32;border:0;border-radius:.3rem;padding:.12em .38em;font-size:.72rem;font-weight:400;display:inline-block}& .splash-flow__note{color:var(--flow-muted);align-items:flex-start;gap:.45rem;margin:0;font-size:.78rem;line-height:1.4;display:flex;& svg{width:1rem;height:1rem;color:var(--flow-ink);flex:none;margin-top:.1rem}}& .splash-flow__cli{width:fit-content;max-width:100%;font-family:var(--sl-font-mono);background:linear-gradient(#242838 0%,#1b1f2c 100%);border-radius:.45rem;flex-direction:column;align-self:center;gap:.5rem;padding:.6rem .9rem .7rem;font-size:.8rem;line-height:1.3;display:flex;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d}& .splash-flow__chrome{gap:.3rem;display:flex;& span{background:#555a6d;border-radius:999px;width:.4rem;height:.4rem;&:first-child{background:#ff5f57}&:nth-child(2){background:#febc2e}&:nth-child(3){background:#28c840}}}& .splash-flow__cli-line{white-space:nowrap;align-items:center;gap:.35rem;min-width:0;display:flex;& code{font:inherit;color:inherit;background:0 0;border:0;padding:0}}& .splash-flow__prompt{color:var(--flow-muted)}& .splash-flow__connector{color:var(--flow-muted);opacity:.7;justify-content:center;align-items:center;margin:.65rem 0;font-size:1.35rem;line-height:1;display:flex}& .splash-flow__sdk{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:.75rem;padding:0;display:flex}& .splash-flow__ts{border-radius:.35rem;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;display:block}& .splash-flow__sdk-meta{flex-direction:column;gap:.1rem;min-width:0;line-height:1.25;display:flex}& .splash-flow__sdk-call{font-family:var(--sl-font-mono);color:#67e8f9;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:.82rem;display:block;overflow:hidden}& .splash-flow__sdk-file{font-family:var(--sl-font-mono);color:var(--flow-muted);font-size:.7rem;display:block}& .splash-flow__fern-hero{text-align:center;flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:.55rem;padding:.25rem .35rem 0;display:flex}& .splash-flow__fern-logo{object-fit:contain;width:auto;max-width:5.25rem;height:1.35rem;display:block}& .splash-flow__fern-logo--light{display:none}& .splash-flow__fern-copy{max-width:16rem;color:var(--flow-muted);text-wrap:balance;margin:0;font-size:.78rem;line-height:1.45}& .splash-flow__langs{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5rem .85rem;margin:0;padding:.35rem 0 .15rem;list-style:none;display:flex;& li{min-width:0;color:var(--flow-muted);letter-spacing:.01em;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;margin:0;padding:.1rem;font-size:.68rem;font-weight:500;line-height:1;display:flex}& img{object-fit:contain;width:2.2rem;height:2.2rem;display:block}& span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}}html[data-theme=light] .splash-flow{--flow-ink:#12141a;--flow-muted:#5c6170;--flow-soft:#f6f8fc;color-scheme:light;background:radial-gradient(80% 55% at 50% -15%,#8c47d112,#0000 58%),#fff;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #d0d2dd,0 22px 52px #4d57801c;& .splash-flow__body{background:var(--flow-soft);box-shadow:inset 0 0 0 1px #e2e3e9}& .splash-flow__fern-logo--dark{display:none}& .splash-flow__fern-logo--light{display:block}& .splash-flow__code{color:#3a3f4d}& .tok-kw{color:#7c3aed}& .tok-fn{color:#0891b2}& .tok-cm{color:#8b90a0}& .splash-flow__path{color:#5c6170;background:#e8eaf0}& .splash-flow__cli{background:linear-gradient(#f8f9fc 0%,#eef0f5 100%);box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #d0d2dd}& .splash-flow__sdk-call{color:#0e7490}& .splash-flow__icon{&[data-tone=teal]{color:#0891b2}&[data-tone=orange]{color:#ea580c}&[data-tone=green]{color:#65a30d}&[data-tone=violet]{color:#9333ea}}}@keyframes splash-flow-in{to{opacity:1;transform:none}}.splash-features{--feature-media:4.5rem;--feature-title-lines:2;--feature-title-lh:1.25;--feature-gap:.55rem;margin:0 0 1.75rem;padding:.25rem 0;& .splash-features__list{grid-template-columns:1fr;align-items:stretch;gap:1.75rem;margin:0;padding:0;list-style:none;display:grid;@media (width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=64rem){grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:var(--feature-media) auto auto;gap:0}}& .splash-features__item{text-align:center;align-items:center;gap:var(--feature-gap);flex-direction:column;min-width:0;margin:0;padding:.15rem 1rem;display:flex;@media (width>=64rem){grid-template-rows:subgrid;row-gap:var(--feature-gap);grid-row:span 3;place-items:center;display:grid}}& .splash-features__media{width:var(--feature-media);height:var(--feature-media);flex:0 0 var(--feature-media);justify-content:center;align-items:center;display:flex}& .splash-features__icon{width:100%;height:100%;color:var(--feature-tone);justify-content:center;align-items:center;display:flex;& svg{width:4rem;height:4rem;display:block}&[data-tone=green] svg{width:3.55rem;height:3.55rem}&[data-tone=violet]{--feature-tone:#c084fc}&[data-tone=blue]{--feature-tone:#60a5fa}&[data-tone=cyan]{--feature-tone:#22d3ee}&[data-tone=green]{--feature-tone:#a3e635}}& .splash-features__title{width:100%;min-height:calc(1em * var(--feature-title-lh) * var(--feature-title-lines));letter-spacing:-.025em;font-size:1.125rem;font-weight:600;line-height:var(--feature-title-lh);color:var(--cs-ink);text-wrap:balance;justify-content:center;align-items:center;margin:0;display:flex}& .splash-features__copy{max-width:15.5rem;color:var(--cs-muted);margin:0;font-size:.9rem;line-height:1.45}}html[data-theme=light] .splash-features__icon{&[data-tone=violet]{--feature-tone:#9333ea}&[data-tone=blue]{--feature-tone:#2563eb}&[data-tone=cyan]{--feature-tone:#0891b2}&[data-tone=green]{--feature-tone:#65a30d}}.splash-demo{border-radius:calc(var(--cs-radius) + .15rem);background:radial-gradient(90% 80% at 0 0,#6629a338,#0000 55%),#151925;border:0;padding:clamp(1.5rem,3vw,2.25rem);display:block;box-shadow:inset 0 1px #ffffff0f,0 20px 48px #03040859;& .splash-demo__grid{align-items:center;gap:1.75rem;display:grid;@media (width>=64rem){grid-template-columns:1.35fr 1fr;gap:2.5rem}}& .splash-demo__shot{border-radius:var(--cs-radius);border:0;margin:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 16px 48px #03040780;& img{width:100%;height:auto;display:block}}& .splash-demo__copy{text-align:left;min-width:0;max-width:28rem;margin:0}& .splash-demo__kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--cs-cyan);margin:0 0 .6rem;font-size:.75rem;font-weight:700}& .splash-demo__title{letter-spacing:-.03em;color:var(--cs-ink);text-wrap:balance;margin:0;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700;line-height:1.15}& .splash-demo__lede{color:var(--cs-muted);margin:.85rem 0 0;font-size:1.05rem;line-height:1.55}& .splash-demo__cmd{text-align:left;background:#0b0d14a6;border:1px solid #ffffff1a;border-radius:.55rem;width:fit-content;max-width:100%;margin:1.25rem 0 0;padding:.85rem 1rem;display:block;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a;& code{font-variant-ligatures:none;letter-spacing:normal;word-spacing:normal;color:#e2e8f0;white-space:nowrap;background:0 0;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;display:inline}}& .splash-demo__hint{color:var(--cs-muted);flex-direction:column;align-items:flex-start;gap:.35rem;margin:.9rem 0 0;font-size:.9rem;line-height:1.45;display:flex;& code{font-variant-ligatures:none;letter-spacing:normal;word-spacing:normal;color:#c4b5fd;background:0 0;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82em}}& .splash-demo__token{color:var(--cs-muted)}& .splash-demo__cta{color:#0a0b10;letter-spacing:-.01em;background:#a855f7;border:1px solid #a855f7;border-radius:.55rem;align-items:center;gap:.4rem;margin-top:1.15rem;padding:.75rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex;&:hover{color:#0a0b10;background:#c084fc;border-color:#c084fc}}}html[data-theme=light] .splash-demo{background:radial-gradient(85% 70% at 0 0,#8c47d114,#0000 55%),radial-gradient(60% 50% at 100% 100%,#2ea5b80d,#0000 50%),#fff;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #cacdd8,0 22px 52px #4d57801f;& .splash-demo__shot{box-shadow:0 0 0 1px #d0d2dd,0 18px 44px #4d578024}& .splash-demo__cmd{background:#f3f4f7;border-color:#cacdd8;& code{color:#1e293b}}& .splash-demo__hint code{color:#7c3aed}& .splash-demo__cta,& .splash-demo__cta:hover{color:#fff}}