:root{--brand-50: #F8EACB;--brand-100: #F8EACB;--brand-200: #F1D29B;--brand-300: #D5A663;--brand-400: #AC7739;--brand-500: #76400D;--brand-600: #653109;--brand-700: #542406;--brand-800: #441904;--brand-900: #381102;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success-50: #E4FBD8;--success-500: #3AC13A;--warning-50: #FAF9C9;--warning-200: #F6F295;--warning-500: #ADA203;--danger-50: #FBE4CE;--danger-500: #BA3214;--font-heading: "Nunito", sans-serif;--font-body: "Nunito Sans", "Nunito", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;scroll-behavior:smooth;scroll-padding-top:5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:#fff;color:var(--gray-900);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:unset}img{display:block;max-width:100%}.container{width:90%;max-width:1200px;margin:0 auto;padding:var(--space-md) 0}header{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);padding:.875rem 0;position:sticky;top:0;z-index:100;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--gray-900);text-decoration:none;letter-spacing:.04em}nav ul{display:flex;list-style:none;gap:var(--space-md);align-items:center}nav a{text-decoration:none;color:var(--gray-600);font-size:.9375rem;font-weight:600;font-family:var(--font-heading);position:relative;padding:.25rem 0;transition:color .2s ease}nav a:hover{color:var(--brand-500)}nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--brand-400);border-radius:2px;transition:width .25s ease}nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:1rem;text-decoration:none;border:none;cursor:pointer;border-radius:var(--radius-md);padding:0 1.5rem;height:52px;transition:background-color .15s ease,transform .12s ease,box-shadow .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-500);color:#fff}.btn-primary:hover{background:var(--brand-600);box-shadow:0 4px 20px #76400d40;transform:translateY(-1px)}.btn-secondary{background:var(--brand-50);color:var(--brand-700)}.btn-secondary:hover{background:var(--brand-100);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid var(--gray-200)}.btn-ghost:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-sm{height:36px;padding:0 1rem;font-size:.875rem;border-radius:var(--radius-sm)}.btn-md{height:44px;padding:0 1.25rem}.btn-lg{height:56px;padding:0 2rem;font-size:1.0625rem}.hero{padding-block:var(--space-xl)}.hero-desktop{display:flex;gap:var(--space-lg);align-items:center}.hero-desktop .content{flex:1;max-width:640px}.hero h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:900;color:var(--gray-900);line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.02em}.hero h1 span{color:var(--brand-500);position:relative;display:inline}.hero h1 span:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:10px;background:var(--brand-50);z-index:-1;border-radius:3px}.hero-subtitle{font-size:1.125rem;color:var(--gray-500);margin-bottom:var(--space-md);font-weight:500;line-height:1.7}.hero-cta-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.screenshot{flex-shrink:0;width:320px}.screenshot img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.14))}.hero-mobile{display:none;grid-template-areas:"headline headline" "subheadline image";grid-template-columns:1fr auto;align-items:start;gap:var(--space-sm)}.hero-mobile h1{grid-area:headline;font-size:clamp(2rem,7vw,2.75rem)}.hero-mobile .subheadline{grid-area:subheadline}.hero-mobile .screenshot{grid-area:image;width:180px}@media(max-width:768px){.hero-desktop{display:none}.hero-mobile{display:grid}}@media(max-width:380px){.hero-mobile{grid-template-columns:1fr;grid-template-areas:"headline" "image" "subheadline";place-items:center;text-align:center}.hero-mobile .screenshot img{transform:translate(24px)}}.app-store-badge{height:64px;width:auto}@media(max-width:768px){.app-store-badge{height:52px}}.section-header{text-align:center;margin-bottom:var(--space-lg);padding:0 var(--space-md)}.section-label{display:inline-block;font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-500);background:var(--brand-50);border-radius:999px;padding:.25rem .875rem;margin-bottom:.875rem}.section-header h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--gray-900);margin-bottom:.75rem;letter-spacing:-.015em;line-height:1.2}.section-header p{max-width:600px;margin:0 auto;color:var(--gray-500);font-size:1.0625rem;line-height:1.7}.features{padding:var(--space-xl) 0;margin:var(--space-md) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 var(--space-md)}.feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1.5rem;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:transform .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000014}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:1rem;font-size:1.25rem;flex-shrink:0}.feature-icon-brand{background:var(--brand-50);color:var(--brand-600)}.feature-icon-success{background:var(--success-50);color:#1d8a30}.feature-icon-danger{background:var(--danger-50);color:#850d0a}.feature img{width:100%;max-width:240px;height:380px;object-fit:contain;margin:1rem 0;filter:drop-shadow(0 8px 24px rgba(0,0,0,.1))}.feature h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;margin-bottom:.5rem;color:var(--gray-900)}.feature p{font-size:.9375rem;color:var(--gray-500);line-height:1.6}@media(max-width:900px){.features-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.feature img{height:320px}}.how-it-works{padding:var(--space-xl) 0;background:var(--gray-50);border-radius:var(--radius-2xl);margin:var(--space-md) 0}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0 var(--space-lg)}.step-card{background:#fff;border-radius:var(--radius-xl);padding:2rem;border:1px solid var(--gray-200);text-align:center;position:relative;transition:box-shadow .2s ease}.step-card:hover{box-shadow:0 8px 28px #00000012}.step-number{font-family:var(--font-heading);font-size:2.5rem;font-weight:900;color:var(--brand-500);display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--brand-50);border-radius:var(--radius-lg);margin:0 auto var(--space-sm);line-height:1}.step-card h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}.step-card p{color:var(--gray-500);font-size:.9375rem;line-height:1.6}.testimonials{padding:var(--space-xl) 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0 var(--space-md)}.testimonial-card{background:#fff;border-radius:var(--radius-xl);padding:1.75rem;border:1px solid var(--gray-200);position:relative;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:1.25rem}.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000012}.testimonial-stars{display:flex;gap:3px;color:var(--warning-500);font-size:.875rem}.testimonial-card p{font-size:.9375rem;color:var(--gray-700);line-height:1.7;font-style:italic;flex:1}.testimonial-author{display:flex;align-items:center;gap:.875rem}.author-avatar{width:44px;height:44px;border-radius:999px;background:var(--brand-50);display:flex;align-items:center;justify-content:center;color:var(--brand-600);font-family:var(--font-heading);font-weight:700;font-size:.875rem;flex-shrink:0;border:1.5px solid var(--brand-100)}.author-info h4{font-family:var(--font-heading);font-size:.9375rem;font-weight:700;color:var(--gray-900)}.author-info p{font-size:.8125rem;color:var(--gray-500);font-style:normal}.cta{text-align:center;padding:var(--space-xl) var(--space-md);background:linear-gradient(135deg,var(--brand-600),var(--brand-800));color:#fff;border-radius:var(--radius-2xl);margin:var(--space-md) 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,var(--brand-300) 0%,transparent 70%);opacity:.2;pointer-events:none}.cta:after{content:"";position:absolute;bottom:-100px;left:-60px;width:240px;height:240px;background:radial-gradient(circle,var(--brand-200) 0%,transparent 70%);opacity:.12;pointer-events:none}.cta-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.cta h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;margin-bottom:.75rem;letter-spacing:-.015em}.cta p{max-width:520px;margin:0 auto 2rem;font-size:1.0625rem;opacity:.75;line-height:1.7}footer{padding:var(--space-lg) 0 var(--space-md);text-align:center;color:var(--gray-500);font-size:.9rem;border-top:1px solid var(--gray-100)}.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-heading);font-size:1.125rem;font-weight:800;letter-spacing:.04em;color:var(--gray-900);margin-bottom:var(--space-md)}.footer-links{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.footer-links a{color:var(--gray-500);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--brand-500)}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:var(--space-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--gray-100);color:var(--gray-600);transition:background .2s ease,color .2s ease,transform .2s ease}.social-links a:hover{background:var(--brand-50);color:var(--brand-600);transform:translateY(-2px)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;padding:var(--space-lg) 0}.team-member{background:#fff;border-radius:var(--radius-xl);padding:var(--space-md);text-align:center;border:1px solid var(--gray-200);transition:transform .2s ease,box-shadow .2s ease}.team-member:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.team-member img{width:120px;height:120px;object-fit:cover;border-radius:999px;margin:0 auto var(--space-sm);border:2px solid var(--gray-200)}.team-member h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--gray-900);margin-bottom:.25rem}.team-member p{color:var(--gray-500);font-size:.9375rem}.cofounder-badge{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;font-family:var(--font-heading);color:#fff;background:var(--brand-500);border-radius:999px;letter-spacing:.02em}.icon{width:2.5rem;height:2.5rem;border-radius:10px;object-fit:contain}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--gray-700);cursor:pointer}@media(max-width:768px){nav ul{display:none}.footer-links{gap:1rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3.5s ease-in-out infinite}.floating.delay-1{animation-delay:.5s}.floating.delay-2{animation-delay:1s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .55s ease both}.animate-fade-up.delay-1{animation-delay:.1s}.animate-fade-up.delay-2{animation-delay:.2s}.animate-fade-up.delay-3{animation-delay:.3s}
