.gapDiagram{--gapStart:0s;--gapEnd:0s;--gapDuration:var(--motionDurationReveal);--gapEase:var(--motionEaseOut);gap:1.25rem;display:grid}.gapStory[data-state=idle] *,.gapStory[data-state=paused] *{animation-play-state:paused}@media (min-width:64em){.gapSentence{animation:gapSentenceDim var(--gapLength)linear var(--gapStart)}.gapPhrase{animation:gapPhraseActive var(--gapLength)linear var(--gapStart)}}@keyframes gapSentenceDim{0%,to{color:var(--mutedForeground)}}@keyframes gapPhraseActive{0%,to{color:var(--foreground)}}.gapViewport{height:var(--gapViewportHeight,var(--diagramViewportHeight));margin:-1rem;padding:1rem;overflow:hidden}.gapTopFade{z-index:3;background:linear-gradient(to bottom,var(--sunken)0%,var(--sunken)20%,color-mix(in srgb,var(--sunken)74%,transparent)35%,color-mix(in srgb,var(--sunken)54%,transparent)47%,color-mix(in srgb,var(--sunken)38%,transparent)57%,color-mix(in srgb,var(--sunken)24%,transparent)66%,color-mix(in srgb,var(--sunken)13%,transparent)75%,color-mix(in srgb,var(--sunken)6%,transparent)84%,color-mix(in srgb,var(--sunken)2%,transparent)92%,transparent 100%);opacity:0;pointer-events:none;height:5rem;transition:opacity var(--motionDurationSlow)var(--gapEase);position:absolute;inset:0 0 auto}.gapTopFadeTimed{animation:gapTopFadeIn var(--motionDurationScroll)var(--motionEaseScroll)var(--gapStart)forwards}.gapTopFadeVisible{opacity:1}.gapViewportScrollable{overscroll-behavior:contain;scrollbar-color:var(--borderStrong)transparent;scrollbar-width:thin;overflow-y:auto}.gapScroll{animation:gapShift1 var(--motionDurationScroll)var(--motionEaseScroll)var(--gapShiftAt1)forwards,gapShift2 var(--motionDurationScroll)var(--motionEaseScroll)var(--gapShiftAt2)forwards,gapShift3 var(--motionDurationScroll)var(--motionEaseScroll)var(--gapShiftAt3)forwards}@keyframes gapShift1{0%{translate:0}to{translate:0 calc(-1*var(--gapShift1,0rem))}}@keyframes gapShift2{0%{translate:0 calc(-1*var(--gapShift1,0rem))}to{translate:0 calc(-1*var(--gapShift2,0rem))}}@keyframes gapShift3{0%{translate:0 calc(-1*var(--gapShift2,0rem))}to{translate:0 calc(-1*var(--gapShift3,0rem))}}.gapIcon{flex:none;width:1em;height:1em}.gapWindow{border-radius:var(--radius-lg);overflow:hidden}.gapTerminal{background:var(--inverse);color:var(--inverseForeground);box-shadow:var(--shadowTerminal)}.gapBrowser{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadowWindow)}.gapWindowBar{align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex;position:relative}.gapTerminal .gapWindowBar{border-bottom:1px solid var(--inverseBorder);background:var(--terminalBar)}.gapBrowser .gapWindowBar{border-bottom:1px solid var(--border);background:var(--background)}.gapWindowDot{border-radius:var(--radius-pill);flex:none;width:.75rem;height:.75rem}.gapWindowDotClose{background:var(--windowControlClose)}.gapWindowDotMinimize{background:var(--windowControlMinimize)}.gapWindowDotZoom{background:var(--windowControlZoom)}.gapWindowTitle{color:var(--inverseMutedForeground);font-size:.8125rem;position:absolute;left:50%;transform:translate(-50%)}.gapUrl{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--mutedForeground);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:.5rem;padding:.25rem .625rem;font-size:.75rem;overflow:hidden}.gapTerminalBody{font-family:var(--font-mono);gap:.5rem;padding:1rem 1.25rem 1.25rem;font-size:.8125rem;line-height:1.5;display:grid}.gapDim{color:var(--inverseMutedForeground)}.gapPrompt{flex-wrap:wrap;align-items:center;gap:.5rem .625rem;display:flex}.gapBranch{color:var(--codeToken);align-items:center;gap:.375rem;display:inline-flex}.gapTypedWrap{white-space:nowrap;align-items:center;display:inline-flex}.gapTyped{white-space:nowrap;width:21ch;animation:gapType .95s steps(21,end)var(--gapStart)both;display:inline-block;overflow:hidden}.gapCaret{background:var(--inverseForeground);width:.5rem;height:1rem;animation:gapBlink 1s steps(1)var(--gapStart)infinite;margin-left:.0625rem;display:inline-block}.gapSlot{min-height:1.5rem;display:grid;overflow:hidden}.gapSlotLine{grid-area:1/1;align-items:center;gap:.5rem;display:flex}.gapTerminal .gapSlotLine{color:var(--inverseMutedForeground)}.gapSpinner{border:2px solid var(--inverseBorder);border-top-color:var(--inverseMutedForeground);border-radius:var(--radius-pill);flex:none;width:.625rem;height:.625rem;animation:.8s linear infinite gapSpin}.gapSpinnerLight{border-color:var(--border);border-top-color:var(--accent);width:.75rem;height:.75rem}.gapCheck{width:.75rem;height:.75rem;color:var(--success);flex:none;display:inline-flex}.gapBrowserBody{padding:1rem}.gapBrowserTitle{font-family:var(--font-display);margin-bottom:.75rem;font-size:.9375rem;font-weight:600}.gapStatus{min-height:1.25rem;color:var(--mutedForeground);margin:-.5rem 0 .875rem;font-size:.8125rem}.gapStatusDone{color:var(--foreground)}.gapStack{display:grid}.gapStack>*{grid-area:1/1}.gapSkeletonRow,.gapVariants,.gapPriceCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.gapSkeletonCard{border:1px solid var(--border);border-radius:.625rem;align-content:start;gap:.5rem;min-height:7.5rem;padding:.625rem;display:grid}.gapShimmer{background:linear-gradient(90deg,var(--background)0%,var(--border)50%,var(--background)100%);background-size:200% 100%;border-radius:.375rem;animation:1.4s linear infinite gapShimmer;display:block}.gapShimmerTitle{width:60%;height:.5rem}.gapShimmerMeta{width:40%;height:.5rem}.gapShimmerBlock{height:3.5rem;margin-top:.25rem}.gapVariants{position:relative}.gapVariantReveal{display:grid}.gapVariant{border:1px solid var(--border);background:var(--background);border-radius:.625rem;flex-direction:column;gap:.375rem;height:100%;padding:.625rem;display:flex;position:relative}.gapVariantName,.gapPriceName{letter-spacing:.04em;text-transform:uppercase;color:var(--mutedForeground);font-size:.6875rem;font-weight:600}.gapVariant .gapPriceCards{flex:1;gap:.375rem}.gapPriceCard{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:.3125rem;min-width:0;padding:.5rem;display:flex}.gapPriceCardCenter{text-align:center;align-items:center}.gapPriceCardFeatured{border-color:var(--inverse);background:var(--inverse);color:var(--inverseForeground)}.gapPriceCardFeatured .gapPriceName,.gapPriceCardFeatured .gapPriceList,.gapPriceCardFeatured .gapPricePeriod{color:var(--inverseMutedForeground)}.gapPriceCta.gapPriceCtaOutline{border-color:var(--borderStrong);color:var(--foreground);background:0 0}.gapPriceAmount{font-family:var(--font-display);letter-spacing:-.02em;font-size:1rem;font-weight:600;line-height:1.1}.gapPriceCardSmall .gapPriceAmount{font-size:.75rem}.gapPricePeriod{font-family:var(--font-sans);color:var(--mutedForeground);margin-left:.125rem;font-size:.6875rem;font-weight:400}.gapPriceList{text-align:left;color:var(--mutedForeground);align-self:stretch;gap:.125rem;font-size:.625rem;line-height:1.3;display:grid}.gapPriceList li,.gapPriceCta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gapPriceList li:before{content:"";border-radius:var(--radius-pill);vertical-align:middle;background:currentColor;width:.25rem;height:.25rem;margin:0 .375rem .125rem 0;display:inline-block}.gapPriceCta{background:var(--accent);letter-spacing:.04em;text-align:center;text-transform:uppercase;color:var(--accentForeground);border:1px solid #0000;border-radius:.375rem;align-self:stretch;margin-top:auto;padding:.25rem .5rem;font-size:.5625rem;font-weight:600}.gapCursor{z-index:2;opacity:0;width:2.25rem;height:2.25rem;filter:drop-shadow(var(--shadowCursor));transform-origin:.3rem .3rem;pointer-events:none;margin:-.25rem 0 0 -.25rem;position:absolute;top:58%;left:78%}.gapCursorPick{animation:gapCursorPick 2.7s var(--gapEase)var(--gapStart)both}.gapCursorHover{animation:gapCursorHover 2.8s var(--gapEase)var(--gapStart)both}.gapCursor svg{width:100%;height:100%;fill:var(--accent);stroke:var(--background);stroke-width:2px;stroke-linejoin:round;display:block}.gapSwap{display:inline-grid}.gapSwap>*{grid-area:1/1}.gapToken{color:var(--codeToken)}.gapChecks{flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.25rem;display:flex}.gapCheckItem{align-items:center;gap:.5rem;display:inline-flex}.gapResultBody{gap:1.25rem;display:grid}.gapSkeletonHero{align-items:center;gap:1rem;padding:.25rem 0;display:flex}.gapPulse{background:var(--skeleton);animation:1.8s ease-in-out infinite gapPulse;display:block}.gapPulseMedia{border-radius:.875rem;flex:none;width:7rem;height:4.75rem}.gapPulseStack{flex:1;gap:.625rem;display:grid}.gapPulseBar{border-radius:var(--radius-pill)}.gapPulseHeading{width:60%;height:1.25rem}.gapPulseText{width:78%;height:.75rem}.gapPulseTextShort{width:34%;height:.75rem}.gapNewSection{position:relative}.gapNewSectionTitle{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.625rem;font-size:1.125rem;font-weight:600}.gapPriceCardLarge{gap:.5rem;padding:.75rem}.gapPriceCardLarge .gapPriceName{font-size:.75rem}.gapPriceCardLarge .gapPriceAmount{font-size:1.375rem}.gapPriceCardLarge .gapPricePeriod{font-size:.8125rem}.gapPriceCardLarge .gapPriceList{gap:.25rem;font-size:.75rem}.gapPriceCardLarge .gapPriceCta{border-radius:var(--radius-md);margin-top:.25rem;padding:.4375rem .75rem;font-size:.6875rem}.gapResultGroup{gap:1rem;display:grid}.gapPr{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.gapPrIcon{border-radius:var(--radius-pill);background:var(--accent);width:2rem;height:2rem;color:var(--accentForeground);justify-content:center;align-items:center;display:inline-flex}.gapPrText{flex:1;font-size:.9375rem}.gapPrText strong{margin-right:.375rem}.gapOpenPr{border-radius:var(--radius-md);background:var(--inverse);letter-spacing:.04em;text-transform:uppercase;color:var(--inverseForeground);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.gapLiveCard{transition:box-shadow var(--motionDurationBase)var(--gapEase)}.gapLiveCard:hover{box-shadow:var(--shadowCardHover)}.gapLiveCard .gapPriceCta{transition:background-color var(--motionDurationBase)var(--gapEase)}.gapLiveCard .gapPriceCta:hover{background:var(--accentHover)}.gapLiveCard .gapPriceCta.gapPriceCtaOutline:hover{background:var(--background)}.gapHoverCard{animation:gapHoverCard 1.7s var(--gapEase)var(--gapStart)}.gapHoverCta{animation:gapHoverCta .7s var(--gapEase)var(--gapStart)}.gapReveal{animation:gapReveal var(--gapDuration)var(--gapEase)var(--gapStart)both}.gapRollIn{animation:gapRollIn var(--gapDuration)var(--gapEase)var(--gapStart)both}.gapRoll{animation:gapRollIn var(--gapDuration)var(--gapEase)var(--gapStart)both,gapRollOut var(--gapDuration)var(--gapEase)var(--gapEnd)forwards}.gapFadeInOut{animation:gapFadeIn var(--gapDuration)var(--gapEase)var(--gapStart)both,gapFadeOut var(--gapDuration)var(--gapEase)var(--gapEnd)forwards}.gapFadeOut{animation:gapFadeOut .4s var(--gapEase)var(--gapStart)forwards}.gapDimOut{animation:gapDimOut .4s var(--gapEase)var(--gapStart)forwards}.gapRing{animation:gapRing var(--gapDuration)var(--gapEase)var(--gapStart)both;border-radius:.625rem}.gapTick{animation:gapTick .2s var(--gapEase)var(--gapStart)both}.gapBrighten{animation:gapBrighten .2s var(--gapEase)var(--gapStart)both}@keyframes gapHoverCard{0%,to{box-shadow:none}11.8%,88.2%{box-shadow:var(--shadowCardHover)}}@keyframes gapHoverCta{0%,to{background:var(--accent)}21.4%,78.6%{background:var(--accentHover)}}@keyframes gapCursorHover{0%{opacity:0;top:25%;left:30%;transform:scale(1)}10.7%{opacity:1;top:25%;left:30%}32%{top:45%;left:72%}64%{top:45%;left:72%}71.4%{opacity:1;top:84%;left:72%}85.7%{opacity:1;top:84%;left:72%}to{opacity:0;top:84%;left:72%}}@keyframes gapReveal{0%{opacity:0;transform:translateY(.375rem)}}@keyframes gapRollIn{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes gapRollOut{to{opacity:0;transform:translateY(-1.25rem)}}@keyframes gapTopFadeIn{to{opacity:1}}@keyframes gapFadeIn{0%{opacity:0}}@keyframes gapFadeOut{to{opacity:0}}@keyframes gapDimOut{to{opacity:.45}}@keyframes gapRing{0%{box-shadow:0 0 #0000}to{box-shadow:0 0 0 3px var(--accent)}}@keyframes gapTick{0%{opacity:0;transform:scale(.6)}}@keyframes gapBrighten{0%{opacity:.35}}@keyframes gapType{0%{width:0}}@keyframes gapBlink{50%{opacity:0}}@keyframes gapSpin{to{transform:rotate(360deg)}}@keyframes gapShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gapPulse{50%{opacity:.55}}@keyframes gapCursorPick{0%{opacity:0;top:58%;left:25%;transform:scale(1)}11.11%{opacity:1;top:58%;left:25%}40.74%{left:78%;transform:scale(1)}51.85%{left:78%;transform:scale(.82)}61.11%{opacity:1;left:78%;transform:scale(1)}to{opacity:0;left:78%;transform:scale(1)}}@media (max-width:30em){.gapBrowserBody{padding:.75rem}.gapTerminalBody{white-space:nowrap;padding:.875rem 1rem 1rem;font-size:.6875rem;overflow:hidden}.gapPrompt,.gapChecks{flex-wrap:nowrap}.gapChecks{gap:.75rem}.gapSkeletonRow,.gapVariants{grid-template-columns:minmax(0,1fr)}.gapCursorPick{animation-name:gapCursorPickStacked}}@keyframes gapCursorPickStacked{0%{opacity:0;top:28%;left:50%;transform:scale(1)}11.11%{opacity:1;top:28%;left:50%}40.74%{top:78%;left:62%;transform:scale(1)}51.85%{top:78%;left:62%;transform:scale(.82)}61.11%{opacity:1;top:78%;left:62%;transform:scale(1)}to{opacity:0;top:78%;left:62%;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gapViewport{height:auto}.gapTopFade{display:none}.gapDiagram.gapScroll{animation:none!important}.gapDiagram *{animation-duration:0s!important;animation-delay:0s!important}.gapSentence,.gapPhrase,.gapHoverCard,.gapHoverCta,.gapSpinner,.gapCaret,.gapShimmer,.gapPulse{animation:none!important}}
