:root{--color-dough:#fffbf0;--color-cinnamon:#d27d2d;--color-cinnamon-hover:#b86b24;--color-coffee:#5d4037;--color-cocoa:#3e2723;--color-white:#fff;--color-border:#ebdcc3;--shadow-sm:0 4px 6px -1px #5d40371a, 0 2px 4px -1px #5d40370f;--shadow-md:0 10px 15px -3px #5d40371a, 0 4px 6px -2px #5d40370d;--shadow-lg:0 20px 25px -5px #5d40371a, 0 10px 10px -5px #5d40370a;--shadow-glow:0 0 20px #d27d2d66;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--transition-speed:.3s}[data-theme=dark]{--color-dough:#1a1210;--color-cinnamon:#e2a76f;--color-cinnamon-hover:#f1b984;--color-coffee:#ebdcc3;--color-cocoa:#fffbf0;--color-white:#2c1e16;--color-border:#3e2723;--shadow-sm:0 4px 6px -1px #00000080;--shadow-md:0 10px 15px -3px #0009;--shadow-lg:0 20px 25px -5px #000c;--shadow-glow:0 0 20px #e2a76f33}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-dough);color:var(--color-coffee);line-height:1.6;transition:background-color .5s,color .5s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-cocoa);line-height:1.2;transition:color .5s}a{color:inherit;text-decoration:none}#preloader{background-color:var(--color-dough);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.loader-content{text-align:center;color:var(--color-cinnamon);font-family:var(--font-heading);font-size:1.2rem;font-weight:600}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-cinnamon);border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translate(0)}.reveal-up{transform:translateY(50px)}.reveal-down{transform:translateY(-50px)}.reveal-left{transform:translate(-50px)}.reveal-right{transform:translate(50px)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float-slow{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.floating-med{animation:4s ease-in-out infinite float}.floating-slow{animation:6s ease-in-out infinite float-slow}.delay-float-1{animation-delay:1s}.delay-float-2{animation-delay:2s}@keyframes pulse-shadow{0%{box-shadow:0 0 #d27d2d66}70%{box-shadow:0 0 0 15px #d27d2d00}to{box-shadow:0 0 #d27d2d00}}.pulse-btn{animation:2s infinite pulse-shadow}.hover-glow{transition:all .3s}.hover-glow:hover{box-shadow:var(--shadow-glow);border-color:var(--color-cinnamon);transform:translateY(-10px)}.blend-img{mix-blend-mode:multiply}[data-theme=dark] .blend-img{mix-blend-mode:screen}.btn{border-radius:var(--radius-full);font-weight:600;font-family:var(--font-heading);text-align:center;cursor:pointer;border:none;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block}.btn:active{transform:scale(.95)}.btn-primary{background-color:var(--color-cinnamon);color:#fff;box-shadow:0 4px 14px #d27d2d63}.btn-primary:hover{background-color:var(--color-cinnamon-hover);transform:translateY(-2px)}.btn-outline{color:var(--color-cinnamon);border:2px solid var(--color-cinnamon);background-color:#0000}.btn-outline:hover{background-color:var(--color-cinnamon);color:#fff}.btn-full{width:100%}.disabled{opacity:.6;cursor:not-allowed;border-color:var(--color-coffee);color:var(--color-coffee)}.fab{background-color:var(--color-cinnamon);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-lg);z-index:100;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;transition:transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem}.fab:hover{transform:scale(1.1)rotate(10deg)}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;transition:background-color .3s}.btn-icon:hover{background-color:var(--color-border)}.announcement-bar{background-color:var(--color-cinnamon);color:#fff;text-align:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.navbar{background-color:rgba(var(--color-dough-rgb), .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--color-border);padding:1rem 2rem;transition:background-color .5s;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{align-items:center;gap:.75rem;display:flex}.logo-text{font-family:var(--font-heading);color:var(--color-cocoa);letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-cinnamon)}.mobile-menu-btn{color:var(--color-cocoa);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:6rem 2rem;display:flex;position:relative}.hero-content{z-index:2;flex:1}.hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.5rem}.hero-sub{color:var(--color-coffee);margin-bottom:2rem;font-size:1.25rem}.hero-cta{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:2.5rem;display:flex}.micro-copy{opacity:.8;font-size:.875rem}.trust-badges{flex-wrap:wrap;gap:1rem;display:flex}.badge{background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);color:var(--color-coffee);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.hero-image-wrapper{z-index:1;flex:1;justify-content:center;display:flex}.philosophy{background-color:var(--color-white);padding:5rem 2rem;transition:background-color .5s}.philosophy-container{max-width:1200px;margin:0 auto}.agitator{text-align:center;max-width:800px;margin:0 auto 4rem}.agitator h2{margin-bottom:1rem;font-size:2.5rem}.agitator p{font-size:1.25rem}.solution h3{text-align:center;margin-bottom:3rem;font-size:2rem}.pillars{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.pillar{text-align:center;background-color:var(--color-dough);border-radius:var(--radius-lg);padding:2rem;transition:transform .3s,background-color .5s}.menu-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.cards-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.app-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);flex-direction:column;padding:2rem;display:flex}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.status-beta{color:#2196f3;background-color:#2196f333}.status-alpha{color:#4caf50;background-color:#2e7d3233}.status-dev{color:#ff9800;background-color:#f57f1733}.status-plan{color:#ba68c8;background-color:#6a1b9a33}.app-card h3{margin-bottom:.5rem;font-size:1.5rem}.app-desc{color:var(--color-cinnamon);margin-bottom:1rem;font-weight:600}.app-details{flex-grow:1;margin-bottom:2rem}.how-it-works{background-color:var(--color-cocoa);color:var(--color-dough);text-align:center;padding:6rem 2rem;transition:background-color .5s}.how-it-works h2{color:var(--color-dough);margin-bottom:4rem;font-size:2.5rem}.steps-container{flex-wrap:wrap;justify-content:center;gap:3rem;max-width:1000px;margin:0 auto;display:flex}.step{flex:1;min-width:250px}.step-number{background-color:var(--color-cinnamon);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.step h4{color:inherit;margin-bottom:1rem;font-size:1.25rem}.tutorial-section{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:6rem 2rem;display:flex}.tutorial-content{flex:1}.tutorial-content h2{margin-bottom:1.5rem;font-size:2.5rem}.tutorial-steps{margin-top:2rem;margin-left:1.5rem}.tutorial-steps li{margin-bottom:1rem;font-size:1.1rem}.tutorial-steps a{color:var(--color-cinnamon);font-weight:600;text-decoration:underline}.tutorial-image{flex:1;position:relative}.testimonials-section{background-color:var(--color-white);text-align:center;padding:6rem 2rem;transition:background-color .5s}.testimonials-section h2{margin-bottom:4rem;font-size:2.5rem}.testi-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.testi-card{background-color:var(--color-dough);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left;flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex}.testi-text{margin-bottom:2rem;font-size:1.1rem;font-style:italic;position:relative}.testi-text:before{content:"\"";color:var(--color-cinnamon);opacity:.2;font-family:serif;font-size:4rem;position:absolute;top:-2rem;left:-1rem}.testi-author strong{color:var(--color-cocoa);font-size:1.2rem;display:block}.testi-author span{color:var(--color-coffee);opacity:.8;font-size:.9rem}.faq-section{max-width:800px;margin:0 auto;padding:6rem 2rem}.faq-section h2{text-align:center;margin-bottom:3rem;font-size:2.5rem}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);margin-bottom:1rem;overflow:hidden}.accordion-header{text-align:left;width:100%;font-family:var(--font-heading);color:var(--color-cocoa);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.1rem;font-weight:600;display:flex}.accordion-content{max-height:0;padding:0 1.5rem;transition:max-height .3s ease-out;overflow:hidden}.accordion-item.active .accordion-content{max-height:200px;padding-bottom:1.5rem}.accordion-item.active .icon{transform:rotate(45deg)}.footer{background-color:var(--color-white);border-top:1px solid var(--color-border);padding:4rem 2rem 2rem;transition:background-color .5s}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto 3rem;display:flex}.footer-links h4{margin-bottom:1rem;font-size:1.2rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a:hover{color:var(--color-cinnamon)}.footer-bottom{text-align:center;border-top:1px solid var(--color-border);max-width:1200px;margin:0 auto;padding-top:2rem;font-size:.875rem}.disclaimer{opacity:.6;margin-top:.5rem}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero{text-align:center;flex-direction:column;padding:4rem 2rem}.hero h1{font-size:2.5rem}.hero-cta{align-items:center}.trust-badges{justify-content:center}.tutorial-section{flex-direction:column}.fab{width:50px;height:50px;font-size:1.2rem;bottom:1.5rem;right:1.5rem}}