@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700;800&display=swap";:root{--color-brand:#4b39ef;--color-brand-dark:#3a2bc0;--color-accent:#ff9f1c;--color-success:#24d2b5;--color-bg-primary:#f1f4f8;--color-bg-secondary:#fff;--color-bg-tertiary:#e5e7eb;--color-text-primary:#14181b;--color-text-secondary:#57636c;--color-text-inverse:#fff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--spacing-small:6px;--spacing-medium:10px;--spacing-large:16px;--spacing-xlarge:24px;--spacing-xxlarge:40px;--radius-small:6px;--radius-medium:10px;--radius-large:16px;--radius-xlarge:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6,.btn{font-family:var(--font-heading)}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 var(--spacing-xlarge);margin:0 auto}.text-gradient{background:linear-gradient(135deg,#4b39ef,#ff9f1c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border-bottom:1px solid #0000000d;align-items:center;height:64px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-heading);color:var(--color-text-primary);align-items:center;gap:12px;font-size:24px;font-weight:800;display:flex}.logo img{width:auto;height:32px}.nav-links{gap:var(--spacing-large);align-items:center;display:flex}@media (width<=768px){.nav-links{display:none}}.nav-link{color:var(--color-text-secondary);cursor:pointer;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-brand)}.btn{border-radius:var(--radius-large);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-brand);color:#fff}.btn-primary:hover{background-color:var(--color-brand-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4b39ef4d}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid #0000001a}.btn-secondary:hover{background-color:var(--color-bg-tertiary);transform:translateY(-2px)}.hero{background:radial-gradient(circle at 50% -20%, #4b39ef1a, var(--color-bg-primary) 70%);align-items:center;min-height:85vh;padding-top:64px;display:flex}.hero-content{gap:var(--spacing-xxlarge);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (width<=992px){.hero-content{text-align:center;grid-template-columns:1fr}}.hero-text h1{margin-bottom:var(--spacing-large);letter-spacing:-1px;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.hero-text p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xlarge);max-width:600px;font-size:clamp(18px,2vw,22px)}@media (width<=992px){.hero-text p{margin-left:auto;margin-right:auto}}.hero-actions{gap:var(--spacing-medium);display:flex}@media (width<=992px){.hero-actions{justify-content:center}}.hero-visual{justify-content:center;display:flex;position:relative}.mockup-container{background-color:var(--color-bg-secondary);z-index:2;border:8px solid #e5e7eb;border-radius:40px;width:320px;height:650px;position:relative;overflow:hidden;box-shadow:0 24px 48px #0000001a,inset 0 0 0 1px #0000000d}.mockup-header{background-color:#ffffffe6;border-bottom:1px solid #0000000d;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex}.mockup-avatar{background:linear-gradient(135deg, var(--color-brand), var(--color-social,#9155fd));border-radius:50%;width:36px;height:36px}.mockup-title{flex:1}.mockup-name{font-family:var(--font-heading);color:var(--color-text-primary);font-size:16px;font-weight:600}.mockup-status{color:var(--color-success);font-size:12px}.mockup-body{background-color:var(--color-bg-primary);background-image:radial-gradient(#00000008 1px,#0000 1px);background-size:20px 20px;flex-direction:column;gap:16px;height:calc(100% - 130px);padding:20px;display:flex}.msg{border-radius:18px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.4}.msg-received{color:var(--color-text-primary);background-color:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px #0000000d}.msg-sent{background-color:var(--color-brand);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 1px 2px #4b39ef33}.mockup-input{background-color:var(--color-bg-secondary);border-top:1px solid #0000000d;align-items:center;gap:12px;height:70px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.input-pill{background-color:var(--color-bg-primary);border-radius:20px;flex:1;height:40px}.send-btn{background-color:var(--color-brand);border-radius:50%;width:40px;height:40px}.blob{background:var(--color-brand);filter:blur(100px);opacity:.15;z-index:1;border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}to{transform:translate(-50%,-50%)scale(1)}}.features{background-color:var(--color-bg-secondary);padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:var(--spacing-medium);font-size:clamp(32px,4vw,48px)}.section-header p{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:18px}.features-grid{gap:var(--spacing-xlarge);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-xlarge);border:1px solid #0000000d;padding:40px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 4px 20px #00000008}.feature-card:hover{border-color:#4b39ef4d;transform:translateY(-5px);box-shadow:0 12px 30px #4b39ef1a}.feature-icon{border-radius:var(--radius-medium);width:60px;height:60px;color:var(--color-brand);margin-bottom:var(--spacing-large);background-color:#4b39ef1a;justify-content:center;align-items:center;display:flex}.feature-card h3{margin-bottom:var(--spacing-medium);font-size:24px}.feature-card p{color:var(--color-text-secondary);line-height:1.6}.showcase{background-color:var(--color-bg-primary);padding:80px 0 40px}.showcase-items{gap:var(--spacing-xxlarge);grid-template-columns:repeat(3,1fr);justify-items:center;display:grid}.showcase-item{text-align:center;flex-direction:column;align-items:center;max-width:360px;display:flex}@media (width>=993px){.showcase-items{grid-template-columns:repeat(6,1fr)}.showcase-item:first-child,.showcase-item:nth-child(2){grid-column:span 3}.showcase-item:nth-child(3),.showcase-item:nth-child(4),.showcase-item:nth-child(5){grid-column:span 2}}.showcase-text{flex:1}.showcase-text h2{margin-bottom:var(--spacing-small);font-size:24px}.showcase-text p{color:var(--color-text-secondary);margin-bottom:var(--spacing-medium);font-size:16px;line-height:1.5}.showcase-image{flex:1;justify-content:center;display:flex;position:relative}.showcase-image img{border-radius:var(--radius-large);object-fit:cover;object-position:top;width:100%;max-width:300px;height:240px;margin-top:var(--spacing-medium);cursor:zoom-in;border:1px solid #0000000d;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;box-shadow:0 12px 24px #00000014}.showcase-item:hover .showcase-image img{transform:scale(2);box-shadow:0 24px 48px #00000026}@media (width<=992px){.showcase-items{grid-template-columns:1fr}}.easy-setup{background-color:var(--color-bg-primary);background-image:radial-gradient(circle at 10% 10%,#4b39ef08 0%,#0000 50%),radial-gradient(circle at 90% 90%,#ff9f1c08 0%,#0000 50%);padding:80px 0}.setup-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.setup-steps{flex-direction:column;gap:32px;display:flex;position:relative}.setup-step{align-items:flex-start;gap:24px;display:flex;position:relative}.step-number{background-color:var(--color-bg-secondary);border:2px solid var(--color-brand);width:48px;height:48px;color:var(--color-brand);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 12px #4b39ef1a}.step-text h3{margin-bottom:4px;font-size:20px}.step-text p{color:var(--color-text-secondary);font-size:16px;line-height:1.4}.step-line{background:linear-gradient(to bottom, var(--color-brand), #4b39ef1a);z-index:1;width:2px;height:calc(100% - 16px);position:absolute;top:48px;left:23px}.setup-actions{justify-content:flex-start;margin-top:40px;display:flex}.setup-actions .store-buttons{margin-top:0}.setup-visual img{border-radius:var(--radius-xlarge);width:100%;max-width:500px;height:auto;box-shadow:0 32px 64px #0000001f}@media (width<=992px){.setup-content{text-align:left;grid-template-columns:1fr;gap:48px}.setup-visual{order:-1;justify-content:center;display:flex}}.download{text-align:center;background-color:var(--color-bg-secondary);padding:80px 0;position:relative;overflow:hidden}.download-bg{z-index:0;background:radial-gradient(circle,#24d2b51a,#0000 60%);position:absolute;inset:0}.download .container{z-index:1;position:relative}.download h2{margin-bottom:var(--spacing-medium);font-size:clamp(36px,5vw,56px)}.download p{color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--spacing-xlarge);font-size:20px}.store-buttons{gap:16px;margin-top:32px;display:flex}.hero-actions .store-buttons{margin-top:0}@media (width<=768px){.store-buttons{flex-direction:column;justify-content:center;align-items:center}}.store-btn{background-color:var(--color-text-primary);color:#fff;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:12px;min-width:200px;padding:12px 24px;text-decoration:none;transition:transform .2s,background-color .2s;display:flex}.store-btn:hover{background-color:#000;transform:translateY(-2px)}.store-btn-text{flex-direction:column;align-items:flex-start;display:flex}.store-btn-small{font-size:12px;line-height:1;font-family:var(--font-body);margin-bottom:2px}.store-btn-large{font-size:18px;font-weight:600;line-height:1;font-family:var(--font-heading)}.footer{background-color:var(--color-bg-primary);border-top:1px solid #0000000d;padding:60px 0 30px}.footer-content{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.footer-links{gap:var(--spacing-large);display:flex}.footer-links a{color:var(--color-text-secondary);transition:color .2s}.footer-links a:hover{color:var(--color-brand)}.footer-bottom{text-align:center;color:var(--color-text-secondary);border-top:1px solid #0000000d;padding-top:30px;font-size:14px}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;gap:30px}}.legal-page{max-width:800px;margin:0 auto;padding:140px 0 80px}.legal-page h1{margin-bottom:40px;font-size:48px}.legal-page h2{margin:40px 0 20px;font-size:28px}.legal-page p{color:var(--color-text-secondary);margin-bottom:20px;font-size:18px;line-height:1.7}.legal-page ul{color:var(--color-text-secondary);margin-bottom:20px;margin-left:20px}.legal-page li{margin-bottom:10px;font-size:18px;line-height:1.7}.lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000e6;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-content img{object-fit:contain;border-radius:var(--radius-large);max-width:100%;max-height:90vh;box-shadow:0 32px 64px #00000080}.close-lightbox{background-color:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;position:absolute;top:-20px;right:-20px;box-shadow:0 4px 12px #0000004d}.close-lightbox:hover{transform:scale(1.1)}@media (width<=768px){.lightbox-overlay{padding:20px}.close-lightbox{top:10px;right:10px}}