:root{--color-primary-dark: #1C1C1E;--color-primary-bg: #000000;--color-primary-light: #F2F2F7;--color-cozy-background: #F2F0ED;--color-cozy-card: #ECE4DA;--color-cozy-card-dark: #D4C3B0;--color-cozy-text: #5D4E37;--color-cozy-text-light: #8B7355;--color-cozy-accent: #CBBFB2;--color-earthy-brown: #8B4513;--color-earthy-beige: #D2B48C;--color-earthy-tan: #DEB887;--color-text-primary: #FFFFFF;--color-text-secondary: #E5E5E7;--color-text-dark: #1C1C1E;--color-text-light: #8E8E93;--color-accent: #007AFF;--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-background-primary: #FFFFFF;--color-background-secondary: #F2F2F7;--color-surface: #FFFFFF;--color-border: #E5E5EA;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family-primary);color:var(--color-text-dark);background:var(--color-cozy-background);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-2) 0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-dark)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin:0 0 var(--spacing-2) 0;line-height:var(--line-height-relaxed)}a{color:var(--color-text-dark);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-accent)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}button:focus,input:focus,textarea:focus,select:focus,a:focus{outline:2px solid var(--color-accent);outline-offset:2px}html{scroll-behavior:smooth}::selection{background-color:var(--color-accent);color:var(--color-text-primary)}.phone-mockup{isolation:isolate;z-index:10}.phone-mockup img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-webkit-transform:translate3d(0,0,0);-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;z-index:1}.phone-mockup:before{content:"";position:absolute;inset:0;border-radius:32px;border:12px solid currentColor;pointer-events:none;z-index:15}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-dark{color:var(--color-text-dark)}.text-light{color:var(--color-text-light)}.text-cozy{color:var(--color-cozy-text)}.text-cozy-light{color:var(--color-cozy-text-light)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-background-primary)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-cozy{background-color:var(--color-cozy-background)}.bg-cozy-card{background-color:var(--color-cozy-card)}.bg-dark{background-color:var(--color-text-dark)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-8{margin-left:var(--spacing-8)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-8{margin-right:var(--spacing-8)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pl-8{padding-left:var(--spacing-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.pr-8{padding-right:var(--spacing-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.transition{transition:var(--transition-base)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.float{animation:float 3s ease-in-out infinite}.fade-in-up{animation:fadeInUp .6s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.zoom-in{animation:zoomIn .5s ease-out}:root{--section-padding: clamp(3vh, 6vh, 8vh);--container-width: min(92vw, 1400px);--gap-small: clamp(1rem, 2vw, 1.5rem);--gap-medium: clamp(1.5rem, 3vw, 2.5rem);--gap-large: clamp(2rem, 4vw, 4rem);--font-hero: clamp(2.5rem, 5vw, 4rem);--font-section: clamp(1.8rem, 3.5vw, 2.5rem);--font-body: clamp(.9rem, 1.2vw, 1.125rem)}.container,[class*=container]{max-width:var(--container-width)!important;margin:0 auto!important;padding-left:clamp(1rem,3vw,2rem)!important;padding-right:clamp(1rem,3vw,2rem)!important}section{padding-top:var(--section-padding)!important;padding-bottom:var(--section-padding)!important;min-height:fit-content!important}#hero{min-height:92vh!important;display:flex!important;align-items:center!important;padding-top:clamp(2vh,4vh,6vh)!important;padding-bottom:clamp(2vh,4vh,6vh)!important}.hero-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--gap-large)!important;align-items:center!important;width:100%!important;height:100%!important}.hero-title{font-size:var(--font-hero)!important;line-height:1.1!important;margin-bottom:clamp(1rem,2vh,1.5rem)!important}.hero-description{font-size:var(--font-body)!important;margin-bottom:clamp(1.5rem,3vh,2rem)!important;max-width:85%!important}.features-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important;gap:var(--gap-medium)!important;align-items:stretch!important}.feature-card{padding:clamp(1.5rem,2.5vw,2rem)!important;height:auto!important;min-height:clamp(220px,25vh,280px)!important}.feature-icon{width:clamp(3rem,4vw,3.5rem)!important;height:clamp(3rem,4vw,3.5rem)!important;margin-bottom:clamp(1rem,1.5vw,1.25rem)!important;font-size:clamp(1.2rem,2vw,1.5rem)!important}.screenshots-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important;gap:var(--gap-medium)!important;align-items:stretch!important}.screenshots-grid img{width:clamp(200px,15vw,280px)!important;height:auto!important;max-width:100%!important}.steps-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important;gap:var(--gap-large)!important;align-items:stretch!important}.section-title,h2{font-size:var(--font-section)!important;margin-bottom:clamp(1rem,2vh,1.5rem)!important}h3{font-size:clamp(1.1rem,1.5vw,1.25rem)!important;margin-bottom:clamp(.75rem,1vh,1rem)!important}p{font-size:var(--font-body)!important;line-height:1.6!important}@media (min-width: 1200px){.features-grid{grid-template-columns:repeat(4,1fr)!important}}@media (min-width: 992px) and (max-width: 1199px){.features-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width: 769px) and (max-width: 991px){.features-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.container{padding:0 16px}section{padding-left:16px!important;padding-right:16px!important}.hero-grid{grid-template-columns:1fr!important;gap:20px!important;text-align:center}.hero-title{font-size:36px!important;line-height:1.2!important}.hero-description{font-size:16px!important}#hero section,#hero{padding-top:24px!important}.hero-badge{margin-top:-20px!important;margin-bottom:12px!important}.hero-buttons{justify-content:center!important;flex-direction:column!important;align-items:center!important}.hero-button{width:100%!important;max-width:280px!important}#features{padding:60px 16px!important}.features-container{max-width:100%!important;margin:0!important;padding:0!important}.features-grid{display:flex!important;flex-direction:column!important;gap:20px!important;padding:0!important;margin:0!important;width:100%!important}.feature-card{width:100%!important;max-width:none!important;padding:24px 20px!important;margin:0!important;box-sizing:border-box!important;border-radius:16px!important;flex-shrink:0!important}.feature-card h3{font-size:18px!important;margin:0 0 12px!important;line-height:1.3!important}.feature-card p{font-size:14px!important;line-height:1.5!important;margin:0!important}.feature-icon{width:48px!important;height:48px!important;margin-bottom:16px!important;font-size:20px!important}.screenshots-grid{grid-template-columns:1fr!important;gap:20px!important}.steps-grid,.footer-grid{grid-template-columns:1fr!important;gap:24px!important}.footer-bottom{flex-direction:column!important;text-align:center!important;gap:12px!important}}@media (max-width: 480px){.hero-title{font-size:28px!important}.hero-phone-wrapper{margin-top:12px!important}.hero-phone-img{max-width:320px!important}.section-title{font-size:28px!important}#hero section,#hero{padding-top:16px!important}.hero-badge{margin-top:-22px!important}.phone-mockup{width:200px!important;height:360px!important}.hero-grid .phone-mockup{width:220px!important;height:400px!important}.hero-stats{flex-direction:column!important;gap:16px!important}.auth-buttons{flex-direction:column!important;align-items:center!important}.auth-button{width:100%!important;max-width:280px!important}}@media (max-width: 768px){.nav-menu,.auth-buttons{display:none!important}.mobile-menu-button,.mobile-overlay{display:block!important}.mobile-sidebar{display:flex!important}header{justify-content:space-between!important;padding:16px 20px!important}header>div:first-child{position:static!important;left:auto!important}.mobile-menu-button{position:static!important;right:auto!important}}@media (min-width: 769px) and (max-width: 1024px){.nav-menu{gap:16px!important;padding:10px 20px!important;font-size:14px!important}.nav-menu a{padding:6px 12px!important;font-size:14px!important}.features-grid,.screenshots-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}.hidden{display:none!important}.visible{display:block!important}@media (max-width: 768px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}.visible-desktop{display:block!important}}