.gfw-feature-bento{--bento-brand:var(--accent);--bento-brand-blue:var(--accent);--bento-brand-contrast:var(--accent);--bento-text:var(--foreground);--bento-surface:var(--surface,#fafbfc);--bento-background:var(--background);--bento-muted:var(--muted);--bento-separator:var(--separator);--bento-hover-text:#fafbfc;--bento-hover-description:#edf3ff;--bento-hover-start:color-mix(in srgb,var(--bento-brand) 70%,var(--foreground) 30%);--bento-hover-end:color-mix(in srgb,var(--bento-brand-blue) 80%,var(--foreground) 20%);display:flex;width:100%;flex-direction:column;gap:16px}:where(.dark,[data-theme=dark]) .gfw-feature-bento{--bento-hover-start:color-mix(in srgb,var(--bento-brand) 70%,var(--background) 30%);--bento-hover-end:color-mix(in srgb,var(--bento-brand-blue) 80%,var(--background) 20%)}.gfw-feature-bento__bottom,.gfw-feature-bento__stack,.gfw-feature-bento__top{display:grid;gap:16px;min-width:0}.gfw-bento-tile{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:22px;overflow:hidden;border:1px solid var(--bento-separator);border-radius:14px;padding:24px;background:var(--bento-surface);color:var(--bento-text);isolation:isolate}.gfw-bento-tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.gfw-bento-tile--main{min-height:420px;padding:32px}.gfw-bento-tile__light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(160deg,var(--bento-hover-start) 0,color-mix(in srgb,var(--bento-hover-start) 55%,var(--bento-hover-end) 45%) 55%,var(--bento-hover-end) 100%);opacity:0;transition:opacity .3s cubic-bezier(0,0,.2,1)}.gfw-bento-tile__body{position:relative;min-width:0;display:flex;flex-direction:column;gap:8px}.gfw-bento-tile--main>.gfw-bento-tile__body{max-width:360px;gap:14px}.gfw-bento-tile__title{margin:0;font-size:21px;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:inherit}.gfw-bento-tile--main .gfw-bento-tile__title{font-family:var(--font-mono,monospace);font-size:44px;font-weight:600;line-height:1.05;letter-spacing:-.05em}.gfw-bento-title-line{display:block}.gfw-bento-tile__description{margin:0;font-size:13.5px;line-height:1.6;color:var(--bento-muted);overflow-wrap:anywhere}.gfw-bento-tile--main .gfw-bento-tile__description{font-size:16px;line-height:1.625}.gfw-bento-tile__heading{position:relative;display:flex;align-items:flex-start;gap:16px;min-width:0}.gfw-bento-tile:not(:has(.gfw-bento-tile__bottom)){justify-content:center}.gfw-bento-tile:not(:has(.gfw-bento-tile__bottom)) .gfw-bento-tile__heading{flex:1;align-content:center;padding-top:6px}.gfw-bento-tile__heading .gfw-bento-tile__body{gap:8px}.gfw-bento-tile__heading .gfw-bento-tile__icon{margin-top:1px}.gfw-bento-tile__icon{width:28px;height:28px;flex:none;margin-top:2px;color:var(--accent)}.gfw-bento-tile__watermark{position:absolute;right:-32px;bottom:-40px;width:220px;height:220px;z-index:-1;pointer-events:none;opacity:.07;color:var(--bento-text)}.gfw-bento-tile__watermark svg{width:100%;height:100%}.gfw-bento-tile--main .gfw-bento-tile__watermark{width:320px;height:320px}.gfw-bento-tile__badge{width:fit-content;max-width:100%;padding:4px 8px;border-radius:4px;background:var(--bento-brand-contrast);color:var(--bento-hover-text);font-family:var(--font-mono,monospace);font-size:12px;line-height:18px;font-weight:700;letter-spacing:.04em}.gfw-bento-tile__bottom{position:relative;min-width:0;display:flex;flex-direction:column;gap:14px}.gfw-bento-endpoints{display:flex;flex-direction:column;gap:10px;margin-top:40px}.gfw-bento-endpoint{display:flex;min-width:0;align-items:baseline;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);border-radius:8px;background:color-mix(in srgb,var(--bento-surface) 50%,transparent);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);color:var(--bento-text);font-family:var(--font-mono,monospace);font-size:12px;line-height:18px}.gfw-bento-endpoint>span{color:var(--bento-brand-contrast);font-weight:600;flex:none}.gfw-bento-endpoint code{min-width:0;overflow-wrap:anywhere}.gfw-bento-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;border-radius:6px;padding:10px 16px;background:var(--bento-brand-contrast);color:var(--bento-hover-text);font-size:14px;line-height:20px;font-weight:600;text-decoration:none}.gfw-bento-link svg{width:16px;height:16px;flex:none}.gfw-bento-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gfw-bento-link,.gfw-bento-tile__badge,.gfw-bento-tile__description,.gfw-bento-tile__icon,.gfw-bento-tile__title{transition:color 0s linear 70ms,background-color 0s linear 70ms}.gfw-bento-tile__watermark{transition:color .3s ease-out,opacity .3s ease-out}.dark .gfw-bento-code__copy:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.gfw-bento-segment{display:flex;gap:4px;padding:4px;border-radius:8px;background:color-mix(in srgb,var(--bento-surface) 50%,transparent);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid color-mix(in srgb,var(--foreground) 6%,transparent);overflow-x:auto;max-width:100%;scrollbar-width:none}.gfw-bendo-segment__item,.gfw-bento-segment__item{flex:none;border:0;background:transparent;color:var(--bento-muted);font-size:12px;font-weight:550;padding:7px 12px;border-radius:6px;cursor:pointer;white-space:nowrap}.gfw-bento-segment__item[data-selected=true]{color:var(--accent);background:color-mix(in srgb,var(--bento-surface) 85%,transparent);box-shadow:0 1px 4px color-mix(in srgb,var(--foreground) 10%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 20%,transparent);font-weight:650}.gfw-bento-subboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width:560px){.gfw-bento-subboxes{grid-template-columns:1fr}}.gfw-bento-subbox{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--foreground) 8%,transparent);background:color-mix(in srgb,var(--bento-surface) 50%,transparent);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);min-width:0;width:100%}.gfw-bento-subbox>span{font-size:12.5px;font-weight:650;color:var(--bento-text)}.gfw-bento-subbox>p{margin:0;font-size:11.5px;line-height:1.55;color:var(--bento-muted)}.gfw-bento-stat{font:600 clamp(1.6rem,2.2vw,2rem)/1.05 var(--font-mono,monospace);color:var(--accent);letter-spacing:-.03em;margin-top:2px}.gfw-bento-stat-label{font-size:11px;color:var(--bento-muted)}.gfw-bendo-tile__bottom .gfw-bento-link{margin-top:4px}@media (min-width:640px){.gfw-feature-bento__bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.gfw-feature-bento__bottom{grid-template-columns:repeat(3,minmax(0,1fr))}.gfw-bento-tile--tall{min-height:300px}}@media (min-width:768px){.gfw-bento-tile--main{padding:40px}.gfw-bento-tile--main .gfw-bento-tile__title{font-size:52px}.gfw-bento-tile--main .gfw-bento-tile__description{font-size:17px}}@media (min-width:1024px){.gfw-feature-bento__top{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.gfw-bento-tile--main{min-height:452px}.gfw-feature-bento__stack>.gfw-bento-tile{min-height:220px}.gfw-feature-bento__bottom>.gfw-bento-tile{min-height:230px}}@media (prefers-reduced-motion:reduce){.gfw-bento-link,.gfw-bento-tile__badge,.gfw-bento-tile__description,.gfw-bento-tile__icon,.gfw-bento-tile__light,.gfw-bento-tile__title,.gfw-bento-tile__watermark{transition:none}}.gfw-bento-code{display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;border-radius:12px;border:1px solid color-mix(in srgb,var(--foreground) 9%,transparent);background:color-mix(in srgb,var(--bento-background) 55%,transparent);box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset,0 12px 32px -20px color-mix(in srgb,var(--foreground) 35%,transparent)}.gfw-bento-code:before{content:"";position:absolute;inset:0 0 auto 0;height:42%;background:radial-gradient(60% 100% at 20% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%);pointer-events:none}.gfw-bento-code__header{display:flex;align-items:center;gap:8px;padding:9px 10px 9px 14px;background:color-mix(in srgb,var(--foreground) 4%,transparent);border-bottom:1px solid color-mix(in srgb,var(--foreground) 7%,transparent)}.gfw-bento-code__lang{font:600 10px/1.6 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 85%,var(--foreground));background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:2px 8px;border-radius:999px}.gfw-bento-code__copy{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--bento-muted);cursor:pointer;transition:all .15s ease}.gfw-bento-code__copy:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.gfw-bento-code__copied{font-size:11px;color:var(--accent);font-weight:600}.gfw-bento-code__pre{margin:0;padding:14px 16px;overflow-x:auto;overscroll-behavior:contain;font:11.8px/1.75 var(--font-mono,monospace);color:var(--bento-text);min-height:176px}.gfw-bento-code__pre code{white-space:pre}.gfw-bento-code__pre ::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.gfw-bento-code__pre::-webkit-scrollbar{height:6px}.gfw-bento-code__pre::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--foreground) 15%,transparent)}.gfw-bento-code__pre::-webkit-scrollbar-track{background:transparent}