.product-hero-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-80);width:100%;overflow:hidden;border-radius:4px}.product-hero-header{display:flex;align-items:center;justify-content:space-between;width:100%}.product-hero-body-text{width:100%;max-width:480px}.product-hero-body-buttons{display:flex;align-items:center;gap:var(--spacing-12)}.product-hero-api-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:640px;padding:var(--spacing-40);overflow:hidden;border-radius:4px}.product-hero-shader-background{position:absolute;inset:0;pointer-events:none}.product-hero-shader-background>*{width:100%;height:100%}.product-hero-ide{position:relative;width:100%}.product-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:768px){.product-hero-header svg{display:none}.product-hero-api-container{height:auto;min-height:400px;padding:var(--spacing-24)}.product-hero-api-container:has(.product-hero-image){min-height:0;padding:0}.product-hero-image{position:static;width:100%;height:auto}}.ide{background:var(--color-ice-100);display:flex;flex-direction:column;padding:20px;border-radius:2px;justify-content:space-between;height:400px}.ide-header{display:flex;align-items:center;justify-content:space-between;height:28px}.ide-dots{display:flex;gap:4px;opacity:.5}.ide-dot{width:12px;height:12px;border-radius:6px;background:var(--color-midnight-100)}.ide-dot:not(:first-child){opacity:.5}.ide-filename{opacity:.5}.ide-code-block{display:flex;flex-direction:column;gap:8px;width:100%}.ide-row{display:flex;gap:12px;align-items:flex-start;width:100%}.ide-line-number{width:32px;flex-shrink:0;font-family:var(--font-gt-standard-mono),monospace;font-size:14px;line-height:20px;color:var(--color-midnight-100);opacity:.25}.ide-code{font-family:var(--font-gt-standard-mono),monospace;font-size:14px;line-height:20px;color:var(--color-charcoal);white-space:pre;width:100%;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.ide-code-block{overflow-x:auto}.ide-code{overflow:visible;text-overflow:unset}}.ide-highlight{color:var(--color-midnight-100)}.content-container.product-features{gap:var(--spacing-40)}
