*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.hero{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20%,rgba(45,95,62,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,168,136,.3) 0%,transparent 50%);width:150%;height:150%;animation:20s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;display:grid;position:relative}.hero-content h1{color:#fff;letter-spacing:-2px;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#8ba888,#ff8c42);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{color:rgba(255,255,255,.8);margin-bottom:2.5rem;font-size:1.3rem;line-height:1.8}.cta-group{flex-wrap:wrap;gap:1rem;display:flex}.cta-primary{color:#fff;background:linear-gradient(135deg,#2d5f3e,#8ba888);border-radius:12px;align-items:center;gap:.5rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 40px rgba(45,95,62,.4)}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(45,95,62,.6)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;align-items:center;gap:.5rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.phone-mockup{width:300px;height:600px;margin:0 auto;animation:6s ease-in-out infinite floatPhone;position:relative}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.phone-frame{background:#1a1a1a;border:3px solid #2a2a2a;border-radius:40px;width:100%;height:100%;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.5)}.phone-screen{background:linear-gradient(#f8f9fa 0%,#e9ecef 100%);border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.screen-header{color:#fff;background:linear-gradient(135deg,#2d5f3e,#8ba888);padding:1rem;font-size:.9rem;font-weight:600}.screen-chat{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.message{border-radius:16px;max-width:80%;padding:.7rem 1rem;font-size:.75rem;animation:.5s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{color:#fff;background:#2d5f3e;align-self:flex-end;margin-left:auto}.message-ai{color:#1a1a1a;background:#fff;align-self:flex-start}.bento-section{background:#0a0a0a;padding:6rem 2rem}.bento-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;display:grid}.bento-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;transition:all .3s}.bento-card:hover{border-color:rgba(139,168,136,.5);transform:translateY(-5px);box-shadow:0 20px 60px rgba(45,95,62,.3)}.bento-large{grid-area:span 2/span 2}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 2}.bento-icon{margin-bottom:1rem;font-size:2.5rem}.bento-card h3{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.bento-card p{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.7}.stat-number{background:linear-gradient(135deg,#8ba888,#ff8c42);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:900}.download-section{text-align:center;background:linear-gradient(135deg,#2d5f3e 0%,#1a3a28 100%);padding:8rem 2rem;position:relative;overflow:hidden}.download-section:before{content:"";background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px) 0 0/40px 40px;width:200%;height:200%;animation:15s linear infinite drift;position:absolute}@keyframes drift{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.download-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.download-content h2{color:#fff;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.download-content p{color:rgba(255,255,255,.8);margin-bottom:3rem;font-size:1.3rem}.store-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.store-btn{color:#1a1a1a;background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.3)}.store-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.5)}.store-icon{font-size:2rem}.store-text{text-align:left}.store-text small{opacity:.7;font-size:.75rem;display:block}.store-text strong{font-size:1.1rem;display:block}.footer{color:#fff;text-align:center;background:#000;padding:4rem 2rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:2rem;display:flex}.footer-links a{color:rgba(255,255,255,.6);font-size:.95rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#8ba888}.footer p{color:rgba(255,255,255,.4);font-size:.9rem}.legal-page{color:#fff;max-width:800px;margin:0 auto;padding:6rem 2rem}.legal-page h1{margin-bottom:1rem;font-size:3rem}.legal-page p{color:rgba(255,255,255,.8);margin-bottom:1rem}@media (max-width:1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content h1{font-size:3rem}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large,.bento-wide,.bento-tall{grid-area:span 1/span 1}}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.bento-grid{grid-template-columns:1fr}.download-content h2{font-size:2rem}.phone-mockup{width:250px;height:500px}}