@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0;text-align:left}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a202c;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;color:#fff}h2{font-size:2.5rem;color:#1a202c}h3{font-size:1.5rem;color:#1a202c}p{font-size:1.125rem;margin-bottom:1.5rem;color:#2d3748}*:focus{outline:3px solid #3182ce;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:1000}.skip-link:focus{top:6px}.cta-primary{background:#2b6cb0;color:#fff;border:none;padding:16px 32px;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2b6cb066;min-height:44px}.cta-primary:hover{background:#2c5282;transform:translateY(-2px);box-shadow:0 8px 25px #2b6cb099}.cta-primary:focus{background:#2c5282;outline:3px solid #bee3f8;outline-offset:2px}.cta-primary:active{background:#2a4365;transform:translateY(0)}.hero{background:#1a365d;color:#fff;padding:100px 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1a365de6,#2c5282e6);opacity:.8}.hero-content{position:relative;z-index:1}.hero-headline{font-size:4rem;margin-bottom:2rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff}.hero-subheadline{font-size:1.5rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.5;color:#f7fafc}.social-proof{background-color:#f7fafc;padding:80px 0;border-bottom:1px solid #e2e8f0}.closing-statement{text-align:center;margin-top:3rem;font-size:1.25rem;color:#2d3748;font-weight:500}.two-column-layout{max-width:1000px;margin:0 auto}.experience-row{display:grid;grid-template-columns:300px 1fr;gap:40px;padding:30px 0;border-bottom:1px solid #e2e8f0;align-items:start}.experience-row:last-child{border-bottom:none}.company-column{text-align:left;padding-right:20px}.company-name{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0}.proof-column{text-align:left}.project-description{font-size:1.125rem;color:#2d3748;line-height:1.6;margin:0}@media (max-width: 768px){.experience-row{grid-template-columns:1fr;gap:15px;text-align:left}.company-column{text-align:left;padding-right:0}.company-name{font-size:1.125rem;margin-bottom:10px}.project-description{font-size:1rem}}.problem{padding:80px 0;background-color:#fff}.section-headline{text-align:center;margin-bottom:2rem;color:#1a202c}.section-intro{text-align:center;max-width:800px;margin:0 auto 3rem;font-size:1.25rem;color:#2d3748}.pain-points{max-width:900px;margin:0 auto;list-style:none}.pain-points li{background:#fef5e7;border-left:4px solid #d69e2e;padding:20px 30px;margin-bottom:20px;border-radius:0 8px 8px 0;font-size:1.125rem;transition:transform .2s ease;color:#1a202c}.pain-points li:hover{transform:translate(5px);background:#faf089}.pain-points li strong{color:#744210}.solution{padding:80px 0;background:#f7fafc}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:3rem}@media (min-width: 1200px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{background:#fff;padding:40px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:2px solid #e2e8f0;min-height:300px}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026;border-color:#3182ce}.service-card:focus-within{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.service-icon{font-size:3rem;margin-bottom:20px;display:block}.service-card h3{margin-bottom:15px;color:#1a202c}.service-card p{color:#2d3748;font-size:1rem;line-height:1.6}.proof{padding:80px 0;background-color:#1a202c;color:#fff}.proof .section-headline{color:#fff;text-align:center;margin-bottom:3rem}.differentiators-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.differentiator-card{padding:20px 0}.differentiator-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:8px}.differentiator-description{color:#f7fafc;font-size:1rem;line-height:1.5;margin:0}.subsection-headline{color:#fff;text-align:center;font-size:2rem;margin-bottom:2rem}.case-studies{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.case-study-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px;transition:all .3s ease}.case-study-card:hover{background:#ffffff14;transform:translateY(-2px)}.case-study-title{color:#68d391;font-size:1.25rem;font-weight:700;margin-bottom:20px}.case-study-challenge,.case-study-solution,.case-study-result{color:#f7fafc;font-size:.95rem;line-height:1.5;margin-bottom:15px}.case-study-result{margin-bottom:0}.case-study-challenge strong,.case-study-solution strong,.case-study-result strong{color:#fff;font-weight:600}@media (max-width: 1024px){.case-studies{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.differentiators-grid{grid-template-columns:1fr;gap:15px}.differentiator-card{padding:15px 0}.subsection-headline{font-size:1.75rem}.case-study-card{padding:25px}}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:3rem;justify-items:center;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width: 1024px){.metrics-grid{grid-template-columns:repeat(3,1fr);max-width:1000px}}.metric-card{text-align:center;padding:30px 20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-height:200px;width:100%;max-width:300px}.metric-number{font-size:1.75rem;font-weight:800;color:#68d391;margin-bottom:15px;line-height:1.2;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-description{font-size:.95rem;color:#f7fafc;line-height:1.4;flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.about{padding:80px 0;background-color:#fff}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content p{font-size:1.25rem;line-height:1.7;margin-bottom:2rem;color:#2d3748}.workflow-steps{position:relative;max-width:800px;margin:3rem auto 4rem;padding-left:0}.workflow-steps:before{content:"";position:absolute;left:30px;top:20px;bottom:20px;width:2px;background:#3182ce;z-index:1}.workflow-step{position:relative;padding:0 0 40px 80px;margin-bottom:0}.workflow-step:before{content:"";position:absolute;left:21px;top:8px;width:20px;height:20px;background:#3182ce;border:4px solid #ffffff;border-radius:50%;z-index:2;box-shadow:0 2px 8px #3182ce4d}.workflow-step:last-child:after{content:"";position:absolute;left:18px;top:5px;width:26px;height:26px;background:#68d391;border:4px solid #ffffff;border-radius:50%;z-index:3;box-shadow:0 2px 12px #68d39166}.step-week{font-size:1rem;font-weight:700;color:#3182ce;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.step-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:10px;line-height:1.3}.step-description{font-size:1.125rem;color:#2d3748;line-height:1.6;margin:0}.who-section{max-width:800px;margin:0 auto;text-align:left;border-top:1px solid #e2e8f0;padding-top:3rem}.subsection-headline{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:2rem;text-align:center}.who-content{position:relative}.logo-stamp{float:left;width:200px;height:200px;margin:0 30px 20px 0;border:8px solid #ffffff;border-radius:12px;box-shadow:0 4px 8px #0000001a,0 0 0 1px #e2e8f0,inset 0 0 0 8px #f7fafc;object-fit:contain;background:#fff;padding:10px}.who-section p{font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem;color:#2d3748;text-align:justify}@media (max-width: 768px){.workflow-steps{padding-left:0;margin:2rem auto 3rem}.workflow-steps:before{left:20px}.workflow-step{padding-left:60px;padding-bottom:30px}.workflow-step:before{left:11px;width:18px;height:18px}.workflow-step:last-child:after{left:8px;width:24px;height:24px}.step-title{font-size:1.25rem}.step-description{font-size:1rem}.subsection-headline{font-size:1.75rem}.logo-stamp{float:none;display:block;width:150px;height:150px;margin:0 auto 20px}.who-section p{text-align:left}}.ai-projects{padding:80px 0;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-top:1px solid #e2e8f0}.ai-projects-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:3rem;max-width:1000px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.ai-projects-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media (min-width: 1024px){.ai-projects-grid{grid-template-columns:repeat(3,1fr);max-width:1000px}}.ai-project-card{background:#fff;padding:40px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:2px solid #e2e8f0;min-height:320px;display:flex;flex-direction:column}.ai-project-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026;border-color:#3182ce}.ai-project-card:focus-within{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.ai-project-icon{font-size:3rem;margin-bottom:20px;display:block}.ai-project-card h3{margin-bottom:15px;color:#1a202c;font-size:1.25rem}.ai-project-card p{color:#2d3748;font-size:1rem;line-height:1.6;flex:1;display:flex;align-items:center}.final-cta{padding:80px 0;background:#1a365d;color:#fff;text-align:center}.final-cta .section-headline{color:#fff;margin-bottom:2rem}.final-cta .section-intro{color:#f7fafc;margin-bottom:3rem}.final-cta .cta-primary{background:#fff;color:#1a365d;font-size:1.25rem;padding:20px 40px;border:2px solid transparent}.final-cta .cta-primary:hover{background:#f7fafc;color:#1a202c;transform:translateY(-2px)}.final-cta .cta-primary:focus{background:#f7fafc;color:#1a202c;outline:3px solid #3182ce;outline-offset:2px}.animated-checklist{max-width:600px;margin:3rem auto;padding:0}.checklist-item{display:flex;align-items:center;padding:20px 0;margin-bottom:10px;opacity:.3;transform:translateY(20px);transition:all .8s cubic-bezier(.25,.46,.45,.94);border-bottom:1px solid rgba(255,255,255,.1)}.checklist-item.checked{opacity:1;transform:translateY(0)}.checkbox{width:32px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:50%;margin-right:20px;display:flex;align-items:center;justify-content:center;background:transparent;transition:all .6s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;position:relative;overflow:hidden}.checklist-item.checked .checkbox{background:#68d391;border-color:#68d391;transform:scale(1.1);animation:checkboxPulse .6s ease-out}.checkmark{color:#fff;opacity:0;transform:scale(0) rotate(-45deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.checklist-item.checked .checkmark{opacity:1;transform:scale(1) rotate(0);animation:checkmarkAppear .6s cubic-bezier(.68,-.55,.265,1.55) .2s both}.item-text{font-size:1.25rem;color:#f7fafc;line-height:1.6;transition:all .4s ease;flex:1}.checklist-item.checked .item-text{color:#fff;transform:translate(5px)}.cta-section{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.25,.46,.45,.94);margin-top:3rem;text-align:center}.cta-section.visible{opacity:1;transform:translateY(0)}.no-pressure-statement{color:#f7fafc;font-size:1.125rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out .3s both}.cta-section.visible .cta-primary{animation:fadeInUp .8s ease-out .6s both,ctaPulse 2s ease-in-out 1.5s infinite}.alternative-contact{color:#cbd5e0;font-size:1rem;margin-top:1.5rem;animation:fadeInUp .8s ease-out .9s both}@keyframes checkboxPulse{0%{transform:scale(1.1);box-shadow:0 0 #68d391b3}50%{transform:scale(1.2);box-shadow:0 0 0 10px #68d39100}to{transform:scale(1.1);box-shadow:0 0 #68d39100}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaPulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 4px 15px #ffffff4d}50%{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #fff6}}@media (prefers-contrast: high){.service-card{border-width:3px}.cta-primary{border:2px solid #000}.pain-points li{border-left-width:6px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.hero-headline{font-size:2.5rem}.hero-subheadline{font-size:1.25rem}.section-headline{font-size:2rem}.container{padding:0 15px}.client-logos{gap:20px}.services-grid,.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:180px;max-width:none}.metric-number{font-size:1.5rem;height:50px}.cta-primary{min-height:48px}}@media (max-width: 480px){.hero{padding:60px 0}.hero-headline{font-size:2rem}.hero-subheadline{font-size:1.125rem}.cta-primary{width:100%;font-size:1rem;min-height:48px}.pain-points li{padding:15px 20px}.service-card{padding:30px 20px;min-height:auto}.metric-card{min-height:160px;padding:20px 15px}.metric-number{font-size:1.25rem;height:45px}.metric-description{font-size:.9rem}.ai-project-card{min-height:280px;padding:30px 20px}.animated-checklist{margin:2rem auto;padding:0 10px}.checklist-item{padding:15px 0;margin-bottom:8px}.checkbox{width:28px;height:28px;margin-right:15px}.item-text{font-size:1.125rem}.cta-section{margin-top:2rem;padding:0 10px}.no-pressure-statement{font-size:1rem;margin-bottom:1.5rem}.alternative-contact{font-size:.9rem;margin-top:1rem}}:root{--color-brand-primary: #6DCF00;--color-brand-secondary: #666666;--color-text-heading: #1C1C1E;--color-text-body: #333333;--color-text-subtle: #959595;--color-text-on-color: #FFFFFF;--color-background-surface: #FFFFFF;--color-background-body: #F9F9F9;--color-border-default: #E0E0E0;--color-semantic-success: #28A745;--color-semantic-warning: #FFC107;--color-semantic-error: #DC3545;--font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1: 2.25rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-body: 1rem;--font-size-caption: .875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-unit-xxs: 4px;--spacing-unit-xs: 8px;--spacing-unit-sm: 12px;--spacing-unit-md: 16px;--spacing-unit-lg: 24px;--spacing-unit-xl: 32px;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-full: 9999px;--box-shadow-z1: 0 2px 4px rgba(0, 0, 0, .1);--box-shadow-z2: 0 4px 8px rgba(0, 0, 0, .15)}.mydriverlog-page{min-height:100vh;background:linear-gradient(135deg,#1c1c1e,#333,#1c1c1e);font-family:var(--font-family-body);color:var(--color-text-body);margin:0;padding:0;line-height:1.5}.app-container{max-width:1200px;margin:0 auto;padding:var(--spacing-unit-lg)}.app-header{text-align:center;padding:var(--spacing-unit-xl) 0;margin-bottom:var(--spacing-unit-xl)}.app-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-on-color);margin:0 0 var(--spacing-unit-md) 0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tagline{font-size:var(--font-size-h3);font-weight:var(--font-weight-regular);color:#ffffffd9;max-width:600px;margin:0 auto;line-height:1.4}.section{background-color:var(--color-background-surface);padding:var(--spacing-unit-xl);margin-bottom:var(--spacing-unit-lg);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000040;border:1px solid rgba(255,255,255,.1)}.section h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0 0 var(--spacing-unit-lg) 0;line-height:1.3;padding-bottom:var(--spacing-unit-sm);border-bottom:2px solid var(--color-border-default)}.section h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:var(--spacing-unit-lg) 0 var(--spacing-unit-md) 0;line-height:1.4;display:flex;align-items:center;gap:var(--spacing-unit-xs);padding-bottom:var(--spacing-unit-xs);border-bottom:2px solid var(--color-brand-primary)}.section p{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-body);line-height:1.6;margin:0 0 var(--spacing-unit-md) 0}.lead{font-size:1.125rem;line-height:1.7;color:var(--color-text-body);background-color:var(--color-background-surface);padding:var(--spacing-unit-lg);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000040;margin-bottom:var(--spacing-unit-lg);border-left:4px solid var(--color-brand-primary)}.feature-card{background-color:#edf4d0;border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);padding:var(--spacing-unit-lg);margin-bottom:var(--spacing-unit-md);transition:all .3s ease;box-shadow:0 4px 8px #00000026}.feature-card:hover{box-shadow:0 8px 20px #6dcf0040;transform:translateY(-4px);border-color:var(--color-brand-primary)}.feature-card h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0 0 var(--spacing-unit-md) 0;padding-bottom:var(--spacing-unit-sm);border-bottom:2px solid #D0E0B0}.feature-card ul{list-style:none;padding:0;margin:var(--spacing-unit-sm) 0 0 0}.feature-card li{position:relative;padding:var(--spacing-unit-xs) 0 var(--spacing-unit-xs) var(--spacing-unit-xl);font-size:var(--font-size-body);color:var(--color-text-body);line-height:1.6;border-bottom:1px solid #F5F5F5}.feature-card li:last-child{border-bottom:none}.feature-card li:before{content:"✓";position:absolute;left:0;color:var(--color-brand-primary);font-weight:var(--font-weight-bold);font-size:1.2rem}.feature-card strong{color:var(--color-text-heading);font-weight:var(--font-weight-bold)}.screenshots-section{padding:var(--spacing-unit-xl) 0;margin:var(--spacing-unit-xl) 0}.screenshots-section h2{text-align:center;color:var(--color-text-on-color);margin-bottom:var(--spacing-unit-xl);font-size:var(--font-size-h2);text-shadow:0 2px 4px rgba(0,0,0,.3)}.screenshot-feature{display:flex;align-items:center;gap:var(--spacing-unit-xl);margin-bottom:4rem;background-color:var(--color-background-surface);padding:var(--spacing-unit-xl);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000040;border:1px solid rgba(255,255,255,.1)}.screenshot-feature.reverse{flex-direction:row-reverse}.screenshot-feature .phone-frame{flex-shrink:0;max-width:280px;padding:12px;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border-radius:36px;box-shadow:0 0 0 1px #ffffff1a,0 10px 25px #0006,0 20px 40px #0000004d}.screenshot-feature .phone-frame:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40%;height:4px;background:#000c;border-radius:var(--border-radius-full)}.screenshot-feature .phone-screen{position:relative;width:100%;border-radius:24px;overflow:hidden;background:#000}.screenshot-feature .phone-screen img{width:100%;height:auto;display:block}.feature-content{flex:1;padding:var(--spacing-unit-lg)}.feature-content h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0 0 var(--spacing-unit-md) 0;border-bottom:2px solid var(--color-brand-primary);padding-bottom:var(--spacing-unit-xs)}.feature-content p{font-size:var(--font-size-body);color:var(--color-text-body);line-height:1.6;margin:0}.audience-card{background-color:#edf4d0;border-radius:var(--border-radius-md);padding:var(--spacing-unit-lg);margin-bottom:var(--spacing-unit-lg);border:1px solid var(--color-border-default);transition:all .3s ease;box-shadow:0 4px 8px #00000026}.audience-card:hover{box-shadow:0 8px 20px #6dcf0040;transform:translateY(-4px);border-color:var(--color-brand-primary)}.audience-card h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0 0 var(--spacing-unit-md) 0}.audience-card ul{list-style:none;padding:0;margin:0}.audience-card li{position:relative;padding:var(--spacing-unit-xs) 0 var(--spacing-unit-xs) var(--spacing-unit-lg);font-size:var(--font-size-body);color:var(--color-text-body)}.audience-card li:before{content:"•";position:absolute;left:0;color:var(--color-brand-primary);font-weight:var(--font-weight-bold)}.download-cta{text-align:center;padding:var(--spacing-unit-xl);background-color:#edf4d0;border-radius:var(--border-radius-md);border:1px solid var(--color-border-default)}.download-cta h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0 0 var(--spacing-unit-md) 0;border-bottom:2px solid #D0E0B0;padding-bottom:var(--spacing-unit-xs);display:inline-block}.download-cta p{font-size:var(--font-size-body);color:var(--color-text-body);line-height:1.6;margin:0 0 var(--spacing-unit-lg) 0;max-width:600px;margin-left:auto;margin-right:auto}.download-buttons{display:flex;gap:var(--spacing-unit-md);justify-content:center;flex-wrap:wrap}.btn-secondary{display:inline-block;background-color:var(--color-brand-secondary);color:var(--color-text-on-color);padding:var(--spacing-unit-sm) var(--spacing-unit-lg);border-radius:var(--border-radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #66666640}.btn-secondary:hover{background-color:#555;transform:translateY(-2px);box-shadow:0 6px 12px #66666659}.app-footer{text-align:center;padding:var(--spacing-unit-xl) 0;margin-top:var(--spacing-unit-xl);border-top:1px solid var(--color-border-default)}.footer-tagline{font-size:var(--font-size-h3);font-style:italic;color:var(--color-text-subtle);max-width:700px;margin:0 auto;line-height:1.5}.btn-primary{display:inline-block;background-color:var(--color-brand-primary);color:var(--color-text-on-color);padding:var(--spacing-unit-sm) var(--spacing-unit-lg);border-radius:var(--border-radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #6dcf0040}.btn-primary:hover{background-color:#5ab000;transform:translateY(-2px);box-shadow:0 6px 12px #6dcf0059}@media (max-width: 768px){.app-container{padding:var(--spacing-unit-md)}.section{padding:var(--spacing-unit-lg)}.app-header h1{font-size:1.875rem}.tagline{font-size:var(--font-size-body)}.screenshot-feature{flex-direction:column!important;text-align:center;gap:var(--spacing-unit-lg);padding:var(--spacing-unit-lg)}.screenshot-feature .phone-frame{max-width:220px}.feature-content{padding:0}}
