:root{--color-primary-bg: #FEFBED;--color-primary-yellow: #f1d74e;--color-primary-blue: #1851d4;--color-primary-blue-hover: #4070e0;--color-black: #292524;--color-white: #FFFFFF;--color-off-white: #FDF9E6;--color-beige: #FDF9E6;--color-text-primary: #000000;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.btn-primary{padding:.75rem 1.5rem;background-color:#1851d4;color:#fff;border-radius:9999px;font-weight:600;font-size:1.125rem;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;will-change:transform,box-shadow;transform:translateY(0)}@media(min-width:640px){.btn-primary{padding:1rem 2rem}}.btn-primary:hover{background-color:#4070e0;box-shadow:0 14px 20px -3px #00000026,0 6px 10px -2px #00000014;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 6px 12px -3px #0000001a,0 2px 4px -2px #0000000d;transition-duration:.1s}.btn-primary-cta{transform:scale(1);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.btn-primary-cta:hover{transform:scale(1.03) translateY(-2px)}.btn-primary-cta:active{transform:scale(.97) translateY(0);transition-duration:.1s}.btn-download-hover{position:relative;overflow:hidden}.btn-download-hover .btn-text{display:inline-block;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:scale(1)}.btn-download-hover .btn-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) translateY(-15px);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.34,1.56,.64,1)}.btn-download-hover:hover .btn-text{opacity:0;transform:scale(.85)}.btn-download-hover:hover .btn-icon{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}.btn-play-hover{position:relative;overflow:hidden}.btn-play-hover .btn-text{display:inline-block;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:scale(1)}.btn-play-hover .btn-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-90deg);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.34,1.56,.64,1)}.btn-play-hover:hover .btn-text{opacity:0;transform:scale(.85)}.btn-play-hover:hover .btn-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.btn-secondary{padding:calc(.75rem - 2px) calc(1.5rem - 2px);background-color:transparent;border:2px solid #292524;color:#292524;border-radius:9999px;font-weight:600;font-size:1.125rem;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transform:translateY(0);will-change:transform,background-color,color}@media(min-width:640px){.btn-secondary{padding:calc(1rem - 2px) calc(2rem - 2px)}}.btn-secondary:hover{background-color:#292524;color:#fff;transform:translateY(-1px);box-shadow:0 10px 15px -3px #29252426,0 4px 6px -2px #29252414}.btn-secondary:active{transform:translateY(0) scale(.98);transition-duration:.1s}.feature-icon{transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.group:hover .feature-icon{transform:scale(1.15) rotate(-3deg)}.feature-card{opacity:0;transform:translateY(16px) scale(.98);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.feature-card.visible{opacity:1;transform:translateY(0) scale(1)}.feature-card:nth-child(1){transition-delay:0ms}.feature-card:nth-child(2){transition-delay:50ms}.feature-card:nth-child(3){transition-delay:.1s}.feature-card:nth-child(4){transition-delay:.15s}.feature-card:nth-child(5){transition-delay:.2s}.feature-card:nth-child(6){transition-delay:.25s}.feature-card:nth-child(7){transition-delay:.3s}.feature-card:nth-child(8){transition-delay:.35s}.hero-title,.hero-buttons,.hero-subtext,.hero-preview{opacity:0;transform:translateY(20px);animation:heroFadeIn .28s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.hero-title{animation-delay:0ms}.hero-buttons{animation-delay:80ms}.hero-subtext{animation-delay:.16s}.hero-preview{animation-delay:.24s}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.social-icon{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.social-icon:hover{transform:scale(1.12) translateY(-2px)}.social-icon:active{transform:scale(.95) translateY(0);transition-duration:.1s}.social-icon svg{flex-shrink:0;display:block;pointer-events:none}.cta-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1);will-change:transform}.cta-icon:hover{transform:scale(1.06) rotate(-2deg)}.cta-pulse{box-shadow:#43140740 0 20px 25px -5px,#43140740 0 8px 10px -6px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1);will-change:transform,box-shadow}.cta-pulse:hover{box-shadow:#43140766 0 25px 35px -5px,#43140759 0 12px 15px -6px,0 0 0 3px #f1d74e26;transform:translateY(-2px) scale(1.02)}.cta-pulse:active{transform:translateY(0) scale(.98);transition-duration:.1s}.nav-link{position:relative;transition:color .18s cubic-bezier(.25,.46,.45,.94)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#f1d74e;transition:width .28s cubic-bezier(.34,1.56,.64,1)}.nav-link:hover:after{width:100%}.nav-link:hover{color:#000}footer a{position:relative;display:inline-block;transition:color .18s cubic-bezier(.25,.46,.45,.94),transform .22s cubic-bezier(.34,1.56,.64,1)}footer a:hover{transform:translateY(-2px);color:#292524}footer a:active{transform:translateY(0) scale(.98);transition:transform .1s cubic-bezier(.25,.46,.45,.94)}#soundToggle{transition:opacity .28s cubic-bezier(.25,.46,.45,.94),background-color .18s cubic-bezier(.25,.46,.45,.94)}#soundToggle svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}#soundToggle:hover svg{transform:scale(1.1)}#soundToggle:active svg{transform:scale(.95);transition:transform .1s cubic-bezier(.25,.46,.45,.94)}.features-section-title{opacity:0;transform:translateY(24px);transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.features-section-title.visible{opacity:1;transform:translateY(0)}.features-section-subtitle{opacity:0;transform:translateY(16px);transition:opacity .28s cubic-bezier(.4,0,.2,1) .1s,transform .3s cubic-bezier(.34,1.56,.64,1) .1s;will-change:transform,opacity}.features-section-subtitle.visible{opacity:1;transform:translateY(0)}.integrations-strip{opacity:0;transform:translateY(10px);animation:fadeInIntegrations .4s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes fadeInIntegrations{to{opacity:1;transform:translateY(0)}}.integrations-label{text-align:center;font-weight:500;letter-spacing:.025em}.integration-divider{display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(41,37,36,.2),transparent);vertical-align:middle}.integration-logo{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);cursor:default;position:relative;overflow:visible;opacity:0;animation:logoFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.integration-logo svg{width:100%;height:100%;display:block;filter:grayscale(100%) opacity(.5);transition:filter .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.integration-logo:hover{transform:translateY(-4px) scale(1.15)}.integration-logo:hover svg{filter:grayscale(0%) opacity(1) drop-shadow(0 4px 12px rgba(0,0,0,.15))}.integration-logo.more-indicator{background:#f1d74e1f;border-radius:12px;font-weight:700;font-size:16px;color:#8b7a1a;cursor:default}.integration-logo.more-indicator:hover{background:#f1d74e33;transform:translateY(-4px) scale(1.2);box-shadow:0 6px 16px #f1d74e4d}.integrations-list .integration-logo:nth-child(1){animation-delay:.25s}.integrations-list .integration-logo:nth-child(2){animation-delay:.3s}.integrations-list .integration-logo:nth-child(3){animation-delay:.35s}.integrations-list .integration-logo:nth-child(4){animation-delay:.4s}.integrations-list .integration-logo:nth-child(5){animation-delay:.45s}.integrations-list .integration-logo:nth-child(6){animation-delay:.5s}.integrations-list .integration-logo:nth-child(7){animation-delay:.55s}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(10px) scale(.9) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@media(max-width:640px){.integrations-list{max-width:100%;padding:0 1rem;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.75rem!important}.integrations-list::-webkit-scrollbar{display:none}.integration-logo{width:32px;height:32px;flex-shrink:0}.integration-logo.more-indicator{font-size:11px;min-width:32px}}.mobile-alert-fullscreen-wrapper{display:none}@media(max-width:767px){.mobile-alert-fullscreen-wrapper{display:block;position:fixed;inset:0;z-index:999999;pointer-events:none}.mobile-alert-fullscreen-wrapper .alert-modal{position:fixed;border-radius:0}.mobile-alert-fullscreen-wrapper .alert-modal.active{pointer-events:all}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-title,.hero-buttons,.hero-subtext,.hero-preview,.feature-card,.features-section-title,.features-section-subtitle,.integrations-strip,.integration-logo{opacity:1!important;transform:none!important;animation:none!important}*{will-change:auto!important}.btn-primary,.btn-secondary,.nav-link,.social-icon{transition:background-color .01ms,color .01ms,opacity .01ms!important}*:hover,*:active,*:focus{transform:none!important}}