.screenshot.svelte-1ithf41{width:100%;overflow:hidden;height:400px;position:relative}.screenshot.svelte-1ithf41 img:where(.svelte-1ithf41){position:absolute;height:100%;width:auto;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:var(--x, center) var(--y, center)}@media (min-width: 768px){.screenshot.svelte-1ithf41{height:auto}.screenshot.svelte-1ithf41 img:where(.svelte-1ithf41){position:static;transform:none;width:100%;height:auto;object-fit:contain}}.heading.svelte-7elbg7{max-width:30ch;font-size:var(--text-4xl);line-height:1;margin-bottom:calc(var(--spacing) * 4);font-family:var(--ds\\font-family-heading);font-weight:500}.subheading.svelte-7elbg7{color:var(--color-slate-700);font-size:var(--text-lg);max-width:55ch;line-height:1.6}.feature-grid.svelte-7elbg7{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-template-rows:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;padding:2rem 0}.feature-grid-item.svelte-7elbg7{position:relative;height:100%;border-radius:var(--ds\\radius-lg);border:solid 1px var(--ds\\border-2);padding:3rem 2.5rem}.feature-grid-item.svelte-7elbg7{background:linear-gradient(35deg,#2fc9e212,#fff 35%)}.feature-grid-item.svelte-7elbg7:before{content:"";display:block;top:2rem;left:2rem;right:2rem;bottom:2rem;background:conic-gradient(from var(--angle),rgba(255,0,0,.1) 0%,rgba(255,154,0,.15) 10%,rgba(208,222,33,.2) 20%,rgba(79,220,74,.2) 30%,rgba(63,218,216,.2) 40%,rgba(47,201,226,.1) 50%,rgba(28,127,238,.1) 60%,rgba(95,21,242,.1) 70%,rgba(186,12,248,.15) 80%,rgba(251,7,217,.15) 90%,rgba(255,0,0,.1) 100%);filter:blur(40px);padding:12px;border-radius:4rem;position:absolute;transition:opacity .8s ease-in-out;pointer-events:none;opacity:0}.feature-grid-item.svelte-7elbg7:hover:before{opacity:1}@supports (not (-webkit-hyphens: none)) and (not (-moz-appearance: none)) and (list-style-type: "*"){.feature-grid-item.svelte-7elbg7:before{animation:svelte-7elbg7-rotate 2s linear infinite}}@keyframes svelte-7elbg7-rotate{0%{--angle: 0deg}to{--angle: 360deg}}.feature-grid-item[data-span="2"].svelte-7elbg7{grid-row:span 2}.feature-title.svelte-7elbg7{font-weight:500;margin-bottom:2rem;font-size:var(--text-lg);display:flex;gap:1rem}.feature-description.svelte-7elbg7{color:var(--color-slate-700);max-width:55ch;line-height:1.6}.feature-image.svelte-7elbg7{margin-top:4rem}@media (max-width: 767px){.feature-image.svelte-7elbg7{margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem)}.feature-grid-item.svelte-7elbg7{margin-right:1.5rem}}.profoundly-text.svelte-fdzd65{font-size:2rem;transform:rotate(-3deg) translateY(.5rem) translate(-2.5rem);margin-bottom:0;position:relative;z-index:0;transition:opacity .05s ease-out}.caret-symbol.svelte-fdzd65{position:absolute;top:6rem;left:13.25rem;font-size:2rem;line-height:1;transition:opacity .05s ease-out}.fade-in.svelte-fdzd65{opacity:1}.fade-out.svelte-fdzd65{opacity:0}.container.svelte-fdzd65{border-left:solid 1px oklch(92.9% .013 255.508);border-right:solid 1px oklch(92.9% .013 255.508);position:relative}.screenshot-container.svelte-fdzd65{border-top:solid 1px oklch(92.9% .013 255.508)}.screenshot-outline.svelte-fdzd65{background:conic-gradient(from var(--angle),rgba(255,0,0,.25) 0%,rgba(255,154,0,.3) 10%,rgba(208,222,33,.4) 20%,rgba(79,220,74,.4) 30%,rgba(63,218,216,.4) 40%,rgba(47,201,226,.25) 50%,rgba(28,127,238,.25) 60%,rgba(95,21,242,.25) 70%,rgba(186,12,248,.3) 80%,rgba(251,7,217,.3) 90%,rgba(255,0,0,.25) 100%);padding:12px;border-radius:1rem;margin:-13px;position:absolute;filter:blur(40px);height:calc(100% + 16px);width:calc(100% + 16px);top:-8px;left:-8px}@supports (not (-webkit-hyphens: none)) and (not (-moz-appearance: none)) and (list-style-type: "*"){.screenshot-outline.svelte-fdzd65{animation:svelte-fdzd65-rotate 4s linear infinite}}.screenshot.svelte-fdzd65{border-radius:.75rem;display:flex;flex-direction:row;position:relative;height:340px;overflow:hidden}@media (min-width: 768px){.screenshot.svelte-fdzd65{height:auto;overflow:visible}}.image.svelte-fdzd65{width:100%;height:auto;object-fit:cover;object-position:top center}@media (max-width: 767px){.image.svelte-fdzd65{width:100%;height:100%;object-fit:cover;object-position:center 40%}}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes svelte-fdzd65-rotate{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes svelte-1psxun2-quote{0%{color:#90a1b9}to{color:#0f172b}}@supports (animation-timeline: scroll()){.quote-animation.svelte-1psxun2{animation:1s linear both svelte-1psxun2-quote;animation-timeline:view();animation-range:55vh 60vh}}