@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap";:root{--color-orange: #FF9500;--color-orange-dark: #E68600;--color-orange-light: #FFB340;--color-bg: #FAFAFA;--color-bg-alt: #FFFFFF;--color-bg-dark: #111111;--color-text: #1A1A1A;--color-text-secondary: #666666;--color-text-on-dark: #FAFAFA;--color-border: #E5E5E5;--color-kids-pink: #FF6B9D;--color-kids-purple: #A855F7;--color-kids-blue: #3B82F6;--color-kids-green: #22C55E;--font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-accent: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--max-width: 1200px;--max-width-narrow: 800px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-stack);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100dvh}img{max-width:100%;height:auto;display:block}a{color:var(--color-orange);text-decoration:none}a:hover{color:var(--color-orange-dark)}h1,h2,h3,h4{font-family:var(--font-accent);line-height:1.1;font-weight:700;letter-spacing:-.03em}h1{font-size:clamp(2.75rem,6vw,4.5rem)}h2{font-size:clamp(1.875rem,4vw,2.75rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{max-width:65ch;margin-inline:auto}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-lg)}.container--narrow{max-width:var(--max-width-narrow);margin-inline:auto;padding-inline:var(--space-lg)}.section{padding-block:var(--space-4xl)}.section--spacious{padding-block:calc(var(--space-4xl) * 1.5)}.section--alt{background:var(--color-bg-alt)}.section--warm{background:#fff8f0}.section--dark{background:#111;color:#f0f0f0}.section--dark .text-secondary{color:#999}.section--dark a{color:var(--color-orange)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:scale(.98)}.btn--orange{background:var(--color-orange);color:#fff}.btn--orange:hover{background:var(--color-orange-dark);color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #111111;--color-bg-alt: #1A1A1A;--color-text: #F0F0F0;--color-text-secondary: #999999;--color-border: #2A2A2A}}:root[data-theme=dark]{--color-bg: #111111;--color-bg-alt: #1A1A1A;--color-text: #F0F0F0;--color-text-secondary: #999999;--color-border: #2A2A2A}@media(prefers-color-scheme:dark){:root:not([data-theme]) .section--warm{background:#1a1400}}:root[data-theme=dark] .section--warm{background:#1a1400}.screenshot-dark{display:none!important}@media(prefers-color-scheme:dark){:root:not([data-theme]) .screenshot-light{display:none!important}:root:not([data-theme]) .screenshot-dark{display:block!important}}:root[data-theme=dark] .screenshot-light{display:none!important}:root[data-theme=dark] .screenshot-dark{display:block!important}:root[data-theme=light] .screenshot-dark{display:none!important}:root[data-theme=light] .screenshot-light{display:block!important}::view-transition-old(root){animation:none;z-index:1}::view-transition-new(root){animation:theme-reveal .6s ease-out;z-index:2}@keyframes theme-reveal{0%{clip-path:circle(0% at var(--toggle-x, 95%) var(--toggle-y, 2rem))}to{clip-path:circle(150% at var(--toggle-x, 95%) var(--toggle-y, 2rem))}}@media(prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}.gradient-text{background:linear-gradient(135deg,#ff9500,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-on-scroll{opacity:0;transform:translateY(40px) scale(.97);filter:blur(6px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.animate-on-scroll.stagger-1{transition-delay:.1s}.animate-on-scroll.stagger-2{transition-delay:.2s}.animate-on-scroll.stagger-3{transition-delay:.3s}.animate-on-scroll.stagger-4{transition-delay:.4s}.animate-on-scroll.stagger-5{transition-delay:.5s}@media(prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transform:none;filter:none;transition:none}}.sticky-showcase{padding-block:var(--space-4xl)}.sticky-showcase__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl)}.sticky-showcase__device{position:relative;max-width:280px;width:100%}.sticky-showcase__frame{position:absolute;inset:0;opacity:0;transition:opacity .5s ease-out;pointer-events:none}.sticky-showcase__frame:first-child{position:relative}.sticky-showcase__frame.is-active{opacity:1;pointer-events:auto}.sticky-showcase__content{display:flex;flex-direction:column}.sticky-showcase__block{padding:var(--space-2xl) 0}.sticky-showcase__block h2{margin-block-end:var(--space-sm)}.sticky-showcase__block p{margin-block-end:var(--space-md);color:var(--color-text-secondary);max-width:none;margin-inline:0}.showcase__link{color:var(--color-orange);font-weight:600;font-size:.9375rem}.showcase__link:hover{color:var(--color-orange-dark)}@media(min-width:768px){.sticky-showcase__inner{flex-direction:row;align-items:flex-start;gap:var(--space-3xl)}.sticky-showcase__device{position:sticky;top:calc(50vh - 300px);flex-shrink:0}.sticky-showcase__content{flex:1}.sticky-showcase__block{min-height:80vh;display:flex;flex-direction:column;justify-content:center}}