:root{--color-primary-dark: #1A1A1C;--color-primary-bg: #000000;--color-primary-light: #F0F0F5;--color-onboarding-bg: #E8E0D8;--color-onboarding-card: #FDEADD;--color-onboarding-text-dark: #3D2B1F;--color-onboarding-text-light: #5B4C35;--color-cozy-background: #F0EEEB;--color-cozy-card: #EAE2D8;--color-cozy-card-dark: #D2C1AE;--color-cozy-text: #5B4C35;--color-cozy-text-light: #897153;--color-cozy-accent: #D2B68E;--color-earthy-brown: #894311;--color-earthy-beige: #D0B28A;--color-earthy-tan: #DCB685;--color-text-primary: #FFFFFF;--color-text-secondary: #E3E3E5;--color-text-dark: #1A1A1C;--color-text-light: #6B6968;--color-accent: #007AFF;--color-success: #32C557;--color-warning: #FF9300;--color-error: #FF392E;--color-background-primary: #FFFFFF;--color-background-secondary: #F0F0F5;--color-surface: #FFFFFF;--color-border: #E3E3E8;--font-family-primary: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", 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: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .12);--shadow-2xl: 0 32px 64px rgba(0, 0, 0, .16);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .1);--transition-fast: .2s cubic-bezier(.25, .1, .25, 1);--transition-base: .3s cubic-bezier(.25, .1, .25, 1);--transition-slow: .5s cubic-bezier(.25, .1, .25, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.glass{background:var(--glass-bg);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border)}.glass-card{background:#ffffffa6;box-shadow:0 8px 32px #1f268712;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl)}.glass-nav{background:#ffffffd9;box-shadow:0 4px 30px #0000000d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.8)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,button,input,textarea,select,img,div,span,h1,h2,h3,h4,h5,h6,p{-webkit-tap-highlight-color:transparent;outline:none}img,button,a,nav,header,footer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body,#root{min-height:var(--app-height, 100vh);display:flex;flex-direction:column;width:100%}@supports (-webkit-touch-callout: none){html{min-height:-webkit-fill-available;background:linear-gradient(to bottom,#fff 0% 30%,#e8e0d8 30% 70%,#3d2b1f 70% 100%)!important;background-attachment:fixed!important;background-repeat:no-repeat!important}body,#root{min-height:-webkit-fill-available;background-color:transparent!important}}html{width:100%;background-color:#e8e0d8;min-height:-webkit-fill-available}body{width:100%;min-height:100vh;margin:0;padding:0;background-color:#e8e0d8;font-family:var(--font-family-primary);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-normal);letter-spacing:-.01em;touch-action:pan-y;box-sizing:border-box}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#e8e0d8}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-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{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;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}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d2c1ae;border-radius:5px;border:2px solid #E8E0D8}::-webkit-scrollbar-thumb:hover{background:#897153}.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(2.5vh, 5vh, 6.5vh);--container-width: min(90vw, 1200px);--gap-small: clamp(.8rem, 1.6vw, 1.2rem);--gap-medium: clamp(1.2rem, 2.4vw, 2rem);--gap-large: clamp(1.6rem, 3.2vw, 3.2rem);--font-hero: clamp(2rem, 4vw, 3.2rem);--font-section: clamp(1.4rem, 2.8vw, 2rem);--font-body: clamp(.8rem, 1vw, 1rem)}.container,[class*=container]{max-width:var(--container-width)!important;margin:0 auto!important;padding-left:clamp(.8rem,2.4vw,1.6rem)!important;padding-right:clamp(.8rem,2.4vw,1.6rem)!important}section{padding-top:var(--section-padding)!important;padding-bottom:var(--section-padding)!important;min-height:fit-content!important}#hero{min-height:calc(var(--app-height, 100vh) * .85)!important;display:flex!important;align-items:center!important;padding-top:calc(64px + env(safe-area-inset-top))!important;padding-bottom:clamp(1.5vh,3vh,5vh)!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.15!important;margin-bottom:clamp(.8rem,1.6vh,1.2rem)!important}.hero-description{font-size:var(--font-body)!important;margin-bottom:clamp(1.2rem,2.4vh,1.6rem)!important;max-width:85%!important}.features-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important;gap:var(--gap-medium)!important;align-items:stretch!important}.feature-card{padding:clamp(1.2rem,2vw,1.6rem)!important;height:auto!important;min-height:clamp(180px,20vh,240px)!important}.feature-icon{width:clamp(2.4rem,3.2vw,2.8rem)!important;height:clamp(2.4rem,3.2vw,2.8rem)!important;margin-bottom:clamp(.8rem,1.2vw,1rem)!important;font-size:clamp(1rem,1.6vw,1.2rem)!important}.screenshots-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important;gap:var(--gap-medium)!important;align-items:stretch!important}.screenshots-grid img{width:clamp(180px,12vw,240px)!important;height:auto!important;max-width:100%!important}.steps-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important;gap:var(--gap-large)!important;align-items:stretch!important}.section-title,h2{font-size:var(--font-section)!important;margin-bottom:clamp(.8rem,1.6vh,1.2rem)!important}h3{font-size:clamp(.95rem,1.2vw,1.1rem)!important;margin-bottom:clamp(.6rem,.8vh,.8rem)!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){html{scroll-snap-type:none!important}section{scroll-snap-align:none!important;min-height:auto!important;height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.container,[class*=container]{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}section{padding-left:16px!important;padding-right:16px!important}section>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important}#hero{min-height:auto!important}#features{padding-top:40px!important;padding-bottom:40px!important}.features-container{max-width:100%!important;margin:0!important;padding:0!important}.features-grid{display:flex!important;flex-direction:column!important;gap:16px!important;padding:0!important;margin:0!important;width:100%!important}.feature-card{width:100%!important;max-width:none!important;padding:20px 16px!important;margin:0!important;box-sizing:border-box!important;border-radius:14px!important;flex-shrink:0!important}.feature-card h3{font-size:16px!important;margin:0 0 10px!important;line-height:1.3!important}.feature-card p{font-size:13px!important;line-height:1.5!important;margin:0!important}.feature-icon{width:40px!important;height:40px!important;margin-bottom:12px!important;font-size:18px!important}#screenshots{padding-top:40px!important;padding-bottom:40px!important;min-height:auto!important;height:auto!important}.screenshots-grid{grid-template-columns:1fr!important;gap:16px!important}#how-it-works{padding-top:40px!important;padding-bottom:40px!important;min-height:auto!important;height:auto!important}.steps-grid{grid-template-columns:1fr!important;gap:20px!important}footer{padding-top:20px!important;padding-bottom:20px!important}.policy-section{padding-top:80px!important}.policy-back-btn{margin-top:0!important}.footer-grid{grid-template-columns:1fr!important;gap:20px!important}.footer-bottom{flex-direction:column!important;text-align:center!important;gap:10px!important}}@media (max-width: 480px){.section-title{font-size:22px!important}.auth-buttons{flex-direction:column!important;align-items:center!important}.auth-button{width:100%!important;max-width:240px!important}}@media (max-width: 768px){.hero-grid{padding-top:60px!important}}@media (min-width: 769px) and (max-width: 1024px){.features-grid,.screenshots-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}.policy-content{max-width:100%;overflow-x:hidden}@media (max-width: 480px){.policy-content{padding:16px!important}.policy-content h2{font-size:16px!important}.policy-content h3{font-size:14px!important}.policy-content p,.policy-content li{font-size:13px!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}.policy-section{padding-top:24px!important}}@media (max-width: 768px){.policy-section{padding-top:80px!important}}