@layer base{: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-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) 14% 99%;--col-theme-97: var(--theme-hue) 18% 96%;--col-theme-90: var(--theme-hue) 20% 89%;--col-theme-80: var(--theme-hue) 22% 78%;--col-theme-70: var(--theme-hue) 20% 64%;--col-theme-50: var(--theme-hue) 16% 49%;--col-theme-40: var(--theme-hue) 18% 38%;--col-theme-30: var(--theme-hue) 22% 27%;--col-theme-10: var(--theme-hue) 28% 12%;--col-theme-5: var(--theme-hue) 30% 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-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)}.theme-dark{--col-surface: var(--col-neutral-dark);--col-surface-elevated: var(--col-neutral-dark-elevated);--col-surface-overlay: var(--col-neutral-light);--col-foreground: var(--col-neutral-light);--col-border: var(--col-neutral-light);--col-success: 145deg 63% 55%;--col-info: 220deg 90% 60%;--col-warn: 48deg 94% 52%;--col-danger: 5deg 98% 58%}}::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}}@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 ::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}@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{grid-template-columns:1fr 1fr!important}.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!important}#features,#how,#demo,#pricing,section{padding-left:20px!important;padding-right:20px!important}}