::-moz-selection{background-color:hsl(var(--col-primary) / .3)}::selection{background-color:hsl(var(--col-primary) / .3)}:root{--sb-flower-pink: #e96ca4;--sb-flower-orange: #f7934c;--sb-flower-green: #7a8f6a;--sb-flower-purple: #9b5de5;--sb-flower-red: #e63946;--sb-flower-center: color-mix(in srgb, hsl(var(--col-warn)) 45%, white);--sb-card-surface: color-mix(in srgb, hsl(var(--col-surface)) 90%, hsl(var(--col-theme-97)));--sb-card-surface-elevated: hsl(var(--col-surface-elevated));--sb-muted-warm: color-mix(in srgb, hsl(var(--col-warn)) 20%, hsl(var(--col-theme-97)));--sb-sidebar-warm: color-mix(in srgb, hsl(var(--col-theme-90)) 50%, hsl(var(--col-surface)));--sb-notebook-active: color-mix(in srgb, var(--sb-flower-green) 12%, hsl(var(--col-theme-97)));--sb-divider: hsl(var(--col-border) / .22);--sb-border-dash: hsl(var(--col-border) / .3);--sb-tint-orange: color-mix(in srgb, var(--sb-flower-orange) 34%, hsl(var(--col-surface)));--sb-tint-purple: color-mix(in srgb, var(--sb-flower-purple) 26%, hsl(var(--col-surface)));--sb-tint-pink: color-mix(in srgb, var(--sb-flower-pink) 28%, hsl(var(--col-surface)));--sb-tint-green: color-mix(in srgb, var(--sb-flower-green) 30%, hsl(var(--col-surface)));--sb-tint-warn: color-mix(in srgb, hsl(var(--col-warn)) 38%, hsl(var(--col-surface)));--sb-tint-how: color-mix(in srgb, var(--sb-flower-green) 16%, hsl(var(--col-theme-97)));--sb-testimonial-1: var(--sb-card-surface);--sb-testimonial-2: color-mix(in srgb, hsl(var(--col-warn)) 30%, hsl(var(--col-surface)));--sb-testimonial-3: var(--sb-tint-purple);--sb-chip-hint: color-mix(in srgb, hsl(var(--col-warn)) 36%, hsl(var(--col-surface)));--sb-chip-success: color-mix(in srgb, hsl(var(--col-success)) 24%, hsl(var(--col-surface)));--sb-flip-face: color-mix(in srgb, var(--sb-flower-green) 32%, hsl(var(--col-surface)));--sb-quiz-correct: color-mix(in srgb, hsl(var(--col-success)) 28%, hsl(var(--col-surface)));--sb-weak-track: color-mix(in srgb, hsl(var(--col-warn)) 18%, hsl(var(--col-theme-97)));--sb-footer-cta: color-mix(in srgb, var(--sb-flower-green) 88%, hsl(var(--col-foreground)));--sb-shadow-ink: hsl(var(--col-foreground))}.sb-flower-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sb-flower-burst>*{position:absolute;opacity:0;animation:petalFloat 1.4s ease-out forwards}@media (prefers-reduced-motion: reduce){.sb-flower-burst>*{animation:none;opacity:0}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--col-neutral-dark: 240deg 5% 9%;--col-neutral-dark-elevated: 243deg 0% 14%;--col-neutral-light: 0deg 0% 100%;--col-neutral-light-elevated: 0deg 0% 94%;--col-mask: var(--col-neutral-dark);--col-on-overlay: var(--col-neutral-light);--col-danger: 5deg 98% 51%;--col-warn: 48deg 94% 46%;--col-info: 220deg 90% 56%;--col-success: 145deg 63% 49%;--col-highlight: 70deg 99% 66%;--theme-hue: 88;--col-theme-99: var(--theme-hue) 24% 99%;--col-theme-97: var(--theme-hue) 28% 96%;--col-theme-90: var(--theme-hue) 34% 89%;--col-theme-80: var(--theme-hue) 38% 78%;--col-theme-70: var(--theme-hue) 36% 64%;--col-theme-50: var(--theme-hue) 32% 49%;--col-theme-40: var(--theme-hue) 36% 38%;--col-theme-30: var(--theme-hue) 40% 27%;--col-theme-10: var(--theme-hue) 44% 12%;--col-theme-5: var(--theme-hue) 46% 6%;--col-surface: var(--col-theme-97);--col-surface-elevated: var(--col-neutral-light);--col-surface-overlay: var(--col-neutral-dark);--col-foreground: var(--col-neutral-dark);--col-muted-foreground: 240deg 4% 46%;--col-primary: var(--col-theme-50);--col-primary-hover: var(--col-theme-40);--col-primary-active: var(--col-theme-30);--col-border: var(--col-neutral-dark);--col-selected: var(--col-theme-80);--col-focus: var(--col-theme-50);--col-floating-overlay-from: hsl(var(--col-surface-elevated) / .96);--col-floating-overlay-to: hsl(var(--col-surface) / .88);--col-floating-rail-bg: hsl(var(--col-surface-elevated) / .72);--col-floating-tool-selected-bg: hsl(var(--col-theme-80));--col-floating-tool-selected-fg: hsl(var(--col-theme-30));--col-floating-tool-hover-bg: hsl(var(--col-theme-90) / .82)}@keyframes petalFloat{0%{opacity:0;transform:translateY(10px) scale(.5) rotate(0)}30%{opacity:1;transform:translateY(-10px) scale(1.2) rotate(90deg)}to{opacity:0;transform:translateY(-50px) scale(.7) rotate(240deg)}}body.sb-homepage{margin:0;padding:0;position:relative;background:hsl(var(--col-theme-97));color:hsl(var(--col-foreground));font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.sb-notebook-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.sb-notebook-grid{position:absolute;inset:0;background-image:linear-gradient(to bottom,hsl(var(--col-foreground) / .08) 1px,transparent 1px);background-size:100% 38px;mask-image:linear-gradient(to bottom,transparent,#000 120px,#000 calc(100% - 120px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 120px,#000 calc(100% - 120px),transparent)}.sb-notebook-margin{position:absolute;inset:0;background-image:linear-gradient(to right,transparent 112px,color-mix(in srgb,var(--sb-flower-pink) 55%,transparent) 112px,color-mix(in srgb,var(--sb-flower-pink) 55%,transparent) 114px,transparent 114px)}@media (max-width: 820px){.sb-notebook-margin{display:none}}.sb-notebook-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.11  0 0 0 0 0.10  0 0 0 0 0.09  0 0 0 0.45 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");opacity:.35;mix-blend-mode:multiply}.sb-homepage-content{position:relative;z-index:1}body.sb-homepage *{box-sizing:border-box}body.sb-homepage ::-moz-selection{background:hsl(var(--col-warn) / .55);color:hsl(var(--col-foreground))}body.sb-homepage ::selection{background:hsl(var(--col-warn) / .55);color:hsl(var(--col-foreground))}body.sb-homepage a{-webkit-tap-highlight-color:transparent}body.sb-homepage button{font-family:inherit}.sb-home-footer{background:hsl(var(--col-theme-97));padding:clamp(40px,5vw,56px) clamp(20px,4vw,40px) clamp(28px,4vw,36px);border-top:1.5px solid hsl(var(--col-foreground))}.sb-home-footer-grid{max-width:1280px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(32px,5vw,64px)}.sb-home-footer-brand{max-width:360px;flex-shrink:0}.sb-home-footer-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sb-home-footer-brand-name{font-family:Literata,Georgia,serif;font-weight:600;font-size:18px;color:hsl(var(--col-foreground))}.sb-home-footer-tagline{font-family:Literata,Georgia,serif;font-size:15px;color:hsl(var(--col-foreground) / .62);line-height:1.55;margin:0}.sb-home-footer-links{display:flex;gap:clamp(40px,5vw,72px);flex-shrink:0}.sb-home-footer-col-title{font-family:Geist,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--col-foreground) / .62);margin-bottom:14px}.sb-home-footer-col-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.sb-home-footer-col-link{font-family:Literata,Georgia,serif;font-size:15px;color:hsl(var(--col-foreground));text-decoration:none;background:linear-gradient(180deg,transparent 55%,transparent 55%);box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .12s ease}.sb-home-footer-col-link:hover,.sb-home-footer-col-link:focus-visible{outline:none}.sb-home-footer-col:nth-child(1) .sb-home-footer-col-link:hover,.sb-home-footer-col:nth-child(1) .sb-home-footer-col-link:focus-visible{background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--sb-flower-green) 38%,transparent) 55%,color-mix(in srgb,var(--sb-flower-green) 38%,transparent) 92%,transparent 92%)}.sb-home-footer-col:nth-child(2) .sb-home-footer-col-link:hover,.sb-home-footer-col:nth-child(2) .sb-home-footer-col-link:focus-visible{background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--sb-flower-purple) 32%,transparent) 55%,color-mix(in srgb,var(--sb-flower-purple) 32%,transparent) 92%,transparent 92%)}.sb-home-footer-col:nth-child(3) .sb-home-footer-col-link:hover,.sb-home-footer-col:nth-child(3) .sb-home-footer-col-link:focus-visible{background:linear-gradient(180deg,transparent 55%,hsl(var(--col-warn) / .45) 55%,hsl(var(--col-warn) / .45) 92%,transparent 92%)}.sb-home-footer-bottom{max-width:1280px;margin:0 auto;border-top:1px dashed var(--sb-divider);padding-top:20px;font-family:Geist,sans-serif;font-size:12px;color:hsl(var(--col-foreground) / .62)}.sb-guide-footer{border-top:1.5px solid hsl(var(--col-foreground));padding:clamp(24px,4vw,32px) clamp(20px,4vw,40px);font-family:Geist,sans-serif;font-size:12px;color:hsl(var(--col-foreground) / .62)}.sb-guide-footer-inner{max-width:820px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}.sb-guide-footer-copy{white-space:nowrap}.sb-guide-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.sb-guide-footer-links a{color:inherit;text-decoration:none;transition:color .15s ease}.sb-guide-footer-links a:hover{color:hsl(var(--col-foreground))}@media (max-width: 1024px){.sb-home-hero-grid{grid-template-columns:1fr!important;gap:40px!important;min-height:auto!important}.sb-home-features-intro{grid-template-columns:1fr!important;margin-bottom:48px!important}.sb-home-features-grid,.sb-home-steps-grid,.sb-home-testimonials-grid,.sb-home-pricing-grid{grid-template-columns:1fr!important}.sb-home-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}.sb-home-footer-brand{grid-column:1 / -1;max-width:none}.sb-home-footer-links{display:contents}.sb-req-tier-grid,.sb-req-browser-row,.sb-home-editorial-row{grid-template-columns:1fr!important}.sb-home-browser-inner{grid-template-columns:1fr!important;min-height:360px!important}}@media (max-width: 900px){.sb-home-nav{flex-wrap:wrap!important;padding:16px 20px!important}.sb-home-nav-links{order:3;width:100%;justify-content:center!important;flex-wrap:wrap!important;gap:16px 24px!important;padding-top:8px;border-top:1px dashed hsl(var(--col-border) / .25)}}@media (max-width: 640px){.sb-home-footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px}.sb-home-footer{padding-bottom:28px}.sb-guide-footer-inner{flex-direction:column;align-items:flex-start}#features,#how,#demo,#pricing,section{padding-left:20px!important;padding-right:20px!important}}