:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#2c3e50;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}#root{flex-direction:column;display:flex}.header{z-index:100;background:#fff;width:100%;padding:15px 0;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.logo{color:#5b8a8c;letter-spacing:-.5px;font-size:26px;font-weight:700}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{color:#2c3e50;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#5b8a8c}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:100px 40px;display:grid;overflow:visible}.hero-text h1{color:#2c3e50;margin-bottom:20px;font-size:52px;line-height:1.2}.hero-text p{color:#555;margin-bottom:30px;font-size:18px;line-height:1.8}.button-group{align-items:center;gap:20px;display:flex}.store-link{text-decoration:none;transition:transform .3s;display:inline-block}.store-link:hover{transform:translateY(-3px)}.store-badge{width:auto;height:50px;display:block}.hero-phone{justify-content:center;display:flex;overflow:visible}.iphone-frame{background:#000;border-radius:38px;width:300px;height:600px;padding:11px;position:relative;box-shadow:0 25px 50px #00000040}.try-it-out-badge{z-index:20;flex-direction:column;align-items:flex-start;gap:0;width:220px;animation:3s ease-in-out infinite float;display:flex;position:absolute;top:50px;left:-180px;transform:rotate(-10deg)}.try-it-text{color:#5b8a8c;padding-left:10px;font-family:Brush Script MT,Lucida Handwriting,Bradley Hand,cursive;font-size:20px;font-weight:700}.try-it-arrow{filter:brightness(0)saturate()invert(54%)sepia(13%)saturate(878%)hue-rotate(132deg)brightness(90%)contrast(88%);transform-origin:0;width:80px;height:auto;margin-top:-35px;margin-left:60px;transform:rotate(35deg)}@keyframes float{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-10px)rotate(-10deg)}}.iphone-frame:before{content:"";z-index:10;background:#1a1a1a;border-radius:50%;width:12px;height:12px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #00000080}.app-demo{color:#bbb;text-align:center;background:#fff;border-radius:33px;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;display:flex;overflow:hidden}.highlights{grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:80px auto;padding:0 40px;display:grid}.highlight-card{text-align:center;background:#f8f9fa;border-radius:8px;padding:30px;transition:transform .3s}.highlight-card:hover{transform:translateY(-3px)}.highlight-number{color:#5b8a8c;margin-bottom:10px;font-size:32px;font-weight:700}.highlight-text{color:#666;font-size:14px}.features-section{background:#f8f9fa;padding:100px 40px}.features-wrapper{max-width:1200px;margin:0 auto}.section-header{text-align:center}.section-header h2{color:#2c3e50;margin-bottom:15px;font-size:42px}.section-header p{color:#888;max-width:600px;margin:0 auto;font-size:16px}.features-list{grid-template-columns:repeat(2,1fr);gap:50px;display:grid}.feature{gap:20px;display:flex}.feature-icon{background:#e8f8f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.feature h3{color:#2c3e50;margin-bottom:8px;font-size:18px}.feature p{color:#888;font-size:14px;line-height:1.6}.contact-section{color:#fff;text-align:center;background:linear-gradient(135deg,#5b8a8c 0%,#4b7275 100%);padding:80px 40px}.contact-wrapper{max-width:800px;margin:0 auto}.contact-section .section-header h2{color:#fff}.contact-section .section-header p{color:#fff;opacity:.95}.contact-content{text-align:center}.contact-text{color:#fff;opacity:.95;margin-bottom:20px;font-size:16px}.contact-email{color:#fff;border:2px solid #fff;border-radius:8px;padding:15px 30px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.contact-email:hover{color:#5b8a8c;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.cta-section{color:#2c3e50;text-align:center;background:#f8f9fa;border-top:3px solid #5b8a8c33;padding:80px 40px}.cta-section h2{color:#2c3e50;margin-bottom:20px;font-size:40px}.cta-section p{color:#555;margin-bottom:40px;font-size:18px}.cta-badges{justify-content:center;align-items:center;gap:20px;display:flex}.footer{color:#fff;text-align:center;background:#2c3e50;padding:40px;font-size:14px}@media (max-width:768px){.hero{grid-template-columns:1fr;padding:60px 20px}.hero-text h1{font-size:36px}.hero-text p{font-size:16px}.logo{font-size:22px}.nav-links a,.try-it-text{font-size:14px}.section-header h2{font-size:32px}.section-header p{font-size:14px}.feature h3{font-size:16px}.feature p{font-size:13px}.contact-text{font-size:16px}.contact-email{padding:12px 20px;font-size:20px}.cta-section h2{font-size:32px}.cta-section p{font-size:16px}.footer{font-size:12px}.highlights{grid-template-columns:repeat(2,1fr);padding:0 20px}.features-list{grid-template-columns:1fr;gap:30px}.nav{padding:0 20px}.nav-links{display:none}.try-it-out-badge{top:-88px;left:50%;transform:translate(-50%)rotate(0)}.try-it-arrow{width:44px;margin-left:8px;transform:rotate(140deg)}.hero-phone{margin-top:50px}}
