:root{--color-dark-bg: #0a0f21;--color-card-bg: #111832;--color-border: #2a3150;--color-primary-text: #e0e0ff;--color-secondary-text: #a0a8c2;--color-accent-cyan: #00f6ff;--color-accent-pink: #ff00aa;--color-accent-orange: #ff9900;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--shadow-glow-cyan: 0 0 20px 2px rgba(0, 246, 255, .25);--shadow-glow-pink: 0 0 20px 2px rgba(255, 0, 170, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--color-dark-bg);color:var(--color-primary-text);scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:url(assets/clouds.png) repeat-x center top,url(assets/clouds.png) repeat-x center bottom,url(assets/weatherballoon.png) no-repeat center center;background-size:800px auto,600px auto,400px auto;opacity:.08;pointer-events:none;z-index:-1;animation:driftClouds 120s linear infinite}@keyframes driftClouds{0%{background-position:0 top,0 bottom,center center}to{background-position:800px top,-600px bottom,center center}}body:after{content:"";position:fixed;inset:0;background:url(assets/clouds.png) repeat-x center 20%;background-size:600px auto;opacity:.05;pointer-events:none;z-index:-2;animation:driftClouds 180s linear infinite reverse}h1,h2,h3{font-family:var(--font-heading);line-height:1.2;font-weight:700}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(2rem,5vw,3rem)}h3{font-size:clamp(1.25rem,4vw,1.5rem)}p{line-height:1.7;color:var(--color-secondary-text);max-width:65ch}.section{padding:6rem 1rem;max-width:1200px;margin:0 auto}.container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.button{display:inline-block;padding:.8rem 1.8rem;border-radius:999px;text-decoration:none;font-weight:500;transition:all .2s ease-in-out}.button-primary{background:var(--color-accent-cyan);color:var(--color-dark-bg);box-shadow:var(--shadow-glow-cyan)}.button-primary:hover{transform:translateY(-3px);box-shadow:0 0 30px 5px #00f6ff66}.button-secondary{background:transparent;color:var(--color-primary-text);border:1px solid var(--color-border)}.button-secondary:hover{background:var(--color-card-bg);border-color:var(--color-accent-cyan)}.app-store-badge{height:48px;width:auto;transition:transform .2s ease}.app-store-badge:hover{transform:scale(1.05)}.hero{padding-top:8rem;position:relative;overflow:hidden}.hero .container{gap:2rem}.hero-visual{position:relative;margin-top:2rem}.hero-visual img{width:100%}.hero-background-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,#00f6ff1a,#00f6ff00 60%);z-index:-1;pointer-events:none}.hero .button-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.problem-solution{padding-top:0}.problem-solution h2{max-width:800px;line-height:1.4;font-weight:600;font-size:clamp(1.5rem,4vw,2.25rem)}.problem-solution h2 span{color:var(--color-accent-cyan)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;width:100%;text-align:left}.feature-card{background:var(--color-card-bg);padding:2rem;border-radius:1rem;border:1px solid var(--color-border);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--color-accent-pink)}.feature-card .icon{width:48px;height:48px;color:var(--color-accent-pink);margin-bottom:1rem}.feature-card h3{color:var(--color-primary-text);margin-bottom:.5rem}.content-split{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;text-align:center}.content-split .text-content{text-align:left}.content-split h2{text-align:left;margin-bottom:1.5rem}.content-split ul{list-style:none;padding:0}.content-split ul li{padding-left:2rem;position:relative;margin-bottom:1rem;color:var(--color-secondary-text);text-align:left}.content-split ul li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-cyan);font-weight:700}.content-split .visual-content img{width:100%;border-radius:1rem;box-shadow:0 10px 30px #0003}@media (min-width: 768px){.content-split{grid-template-columns:1fr 1fr;text-align:left}.content-split.reverse .text-content{order:2}}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem;width:100%}.testimonial-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);padding:2rem;border-radius:1rem;display:flex;flex-direction:column}.testimonial-card blockquote{font-style:italic;color:var(--color-secondary-text);border-left:3px solid var(--color-accent-orange);padding-left:1rem;margin-bottom:1rem;flex-grow:1}.testimonial-author{display:flex;align-items:center;gap:1rem;margin-top:auto}.testimonial-author img{width:50px;height:50px;border-radius:50%;border:2px solid var(--color-accent-orange)}.author-info p{line-height:1.2}.author-info .name{color:var(--color-primary-text);font-weight:500}.author-info .title{font-size:.9rem;color:var(--color-secondary-text)}.final-cta{background:linear-gradient(45deg,var(--color-dark-bg) 0%,var(--color-card-bg) 100%);border-top:1px solid var(--color-border)}.final-cta .container{gap:2rem}.final-cta .app-badges{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.footer{padding:2rem 1rem;background-color:var(--color-card-bg);border-top:1px solid var(--color-border)}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;text-align:center}.footer-links a{color:var(--color-secondary-text);text-decoration:none;margin:0 .75rem;transition:color .2s ease}.footer-links a:hover{color:var(--color-accent-cyan)}.footer p{font-size:.9rem}@media (min-width: 768px){.footer-container{flex-direction:row}}