@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #3b9b9c;--primary-hover: #318283;--secondary: #14b8a6;--text-dark: #0f172a;--text-light: #f8fafc;--bg-dark: #020617;--bg-light: #f1f5f9}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{overflow-x:hidden}.home-container.light{--app-bg: var(--bg-light);--app-text: var(--text-dark);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5)}.home-container.dark{--app-bg: var(--bg-dark);--app-text: var(--text-light);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}.cozo-button{background-color:var(--primary);color:#fff;border:none;padding:20px 40px;border-radius:40px;font-size:1.2rem;cursor:pointer;font-weight:500;transition:all .3s}:root{--cozo-teal: #14b8a6;--cozo-teal-dark: #0f766e;--cozo-teal-light: #ccfbf1;--cozo-slate-900: #0f172a;--cozo-slate-800: #1e293b;--cozo-slate-600: #475569;--cozo-slate-400: #94a3b8;--cozo-slate-100: #f1f5f9;--cozo-slate-50: #f8fafc;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--easing-spring: cubic-bezier(.22, 1, .36, 1)}.home-wrapper{position:relative;width:100%;min-height:100vh;background-color:var(--cozo-slate-50);background-image:radial-gradient(at 100% 0%,rgba(20,184,166,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(59,155,156,.08) 0px,transparent 50%);overflow-x:hidden;color:var(--cozo-slate-900)}.bg-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.6;pointer-events:none}.glow-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--cozo-teal-light)}.glow-2{top:40%;right:-20%;width:60vw;height:60vw;background:#3b9b9c1a}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.1}.gradient-text{background:linear-gradient(135deg,var(--cozo-teal-dark) 0%,var(--cozo-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--cozo-slate-900);color:#fff;border:none;padding:1rem 2rem;border-radius:100px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s var(--easing-spring);box-shadow:0 10px 25px -5px #0f172a33}.btn-primary:hover{background:var(--cozo-teal);transform:translateY(-2px);box-shadow:0 15px 35px -5px #14b8a64d}.btn-primary.large{padding:1.25rem 2.5rem;font-size:1.15rem}.btn-link{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--cozo-teal-dark);font-weight:600;font-size:1rem;cursor:pointer;padding:0;margin-top:auto;transition:color .3s,gap .3s}.btn-link:hover{color:var(--cozo-teal);gap:.75rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;overflow:hidden}.hero-section{position:relative;padding:5rem 5% 6rem;min-height:100vh;display:flex;align-items:center;justify-content:center;z-index:1}.hero-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1300px;gap:4rem}.hero-content{flex:1;max-width:600px}.badge{display:inline-flex;align-items:center;gap:.5rem;background:#14b8a61a;color:var(--cozo-teal-dark);padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(20,184,166,.2)}.hero-content h1{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--cozo-slate-900)}.hero-content p{font-size:1.25rem;color:var(--cozo-slate-600);line-height:1.6;margin-bottom:3rem}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.search-bar-mock{display:flex;align-items:center;gap:1rem;background:#fff;padding:.5rem .5rem .5rem 1.5rem;border-radius:100px;box-shadow:0 4px 20px #0000000d;flex:1;max-width:350px;border:1px solid var(--cozo-slate-100)}.search-bar-mock .icon-muted{color:var(--cozo-slate-400)}.search-bar-mock input{flex:1;color:var(--cozo-slate-900);font-size:.95rem;border:none;background:transparent;outline:none;width:100%}.search-bar-mock input::placeholder{color:var(--cozo-slate-400)}.search-btn-small{background:var(--cozo-teal);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background-color .2s}.search-btn-small:hover{background:var(--cozo-teal-dark);transform:scale(1.05)}.hero-stats{display:flex;align-items:center;gap:2rem}.stat-divider{width:1px;height:40px;background:var(--cozo-slate-200)}.stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:800;color:var(--cozo-slate-900);line-height:1}.stat-label{font-size:.875rem;color:var(--cozo-slate-500);font-weight:500;margin-top:.25rem}.hero-visuals{flex:1;position:relative;display:flex;justify-content:flex-end}.image-wrapper{position:relative;width:100%;max-width:600px}.main-hero-img{width:100%;height:auto;border-radius:32px;box-shadow:0 25px 50px -12px #0f172a26;object-fit:cover;aspect-ratio:4/5}.floating-card{position:absolute;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:16px;box-shadow:0 10px 30px -5px #0000001a;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,1);z-index:2}.floating-card div{display:flex;flex-direction:column}.floating-card strong{color:var(--cozo-slate-900);font-size:.95rem}.floating-card span{color:var(--cozo-slate-500);font-size:.8rem}.fc-icon{width:40px;height:40px;background:var(--cozo-teal-light);color:var(--cozo-teal-dark);border-radius:12px;display:flex;align-items:center;justify-content:center}.card-1{bottom:10%;left:-15%}.card-2{top:15%;right:-10%}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.mouse{width:26px;height:40px;border:2px solid var(--cozo-slate-400);border-radius:13px;display:flex;justify-content:center;padding-top:6px}.wheel{width:4px;height:8px;background:var(--cozo-slate-400);border-radius:2px;animation:scrollWheel 2s infinite ease-in-out}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}.bento-section{padding:8rem 5%;max-width:1400px;margin:0 auto;position:relative;z-index:2}.section-header{text-align:center;max-width:800px;margin:0 auto 5rem}.section-header h2{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}.section-header p{font-size:1.25rem;color:var(--cozo-slate-600)}.section-header.center h2{font-size:3.5rem}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:320px;gap:2rem}.bento-card{padding:2.5rem;display:flex;flex-direction:column;position:relative;transition:transform .4s var(--easing-spring),box-shadow .4s}.bento-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #0f172a1a}.icon-box{width:56px;height:56px;border-radius:16px;background:var(--cozo-teal-light);color:var(--cozo-teal-dark);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.icon-box.light{background:#fff3;color:#fff}.bento-card h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--cozo-slate-900)}.bento-card p{color:var(--cozo-slate-600);line-height:1.6;font-size:1.05rem}.large{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:row;overflow:hidden}.large .card-content{flex:1;display:flex;flex-direction:column;padding-right:2rem}.large .card-img-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.large .bento-img{width:140%;max-width:none;object-fit:contain;margin-right:-20%;transform:scale(1.1);transition:transform .5s var(--easing-spring)}.large:hover .bento-img{transform:scale(1.15) translate(-10px)}.square{grid-column:span 1;grid-row:span 1}.wide{grid-column:span 2;grid-row:span 1;flex-direction:row;align-items:center;padding:0;overflow:hidden}.wide .card-content{flex:1;padding:1.5rem}.wide .card-img-container.left-side{flex:.8;height:100%;background:var(--cozo-slate-100);display:flex;align-items:center;justify-content:center}.wide .card-img-container img{height:80%;object-fit:contain}.mini{grid-column:span 2;grid-row:span 1}.bg-gradient-teal{background:linear-gradient(135deg,var(--cozo-teal) 0%,#0d9488 100%);color:#fff;border:none}.dark-mode-text h3,.dark-mode-text p{color:#fff!important}.card-pg{position:relative;overflow:hidden}.card-img-bottom{position:absolute;bottom:-15px;right:-15px;width:55%;opacity:.95;z-index:1}.card-img-bottom img{width:100%;border-top-left-radius:20px;box-shadow:-8px -8px 25px #00000026;transition:transform .5s var(--easing-spring)}.card-pg:hover .card-img-bottom img{transform:scale(1.05) translate(-5px,-5px)}.image-cover{position:absolute;inset:0;z-index:-1}.image-cover img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.square.glass-card:hover .image-cover img{transform:scale(1.1)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,#fff,#ffffffb3,#fff3)}.dark-card{background:var(--cozo-slate-900);color:#fff;overflow:hidden}.dark-card h3{color:#fff}.dark-card p{color:var(--cozo-slate-400)}.accent-icon{color:var(--cozo-teal);margin-bottom:1.5rem}.floating-illustration{position:absolute;right:0;bottom:0;width:45%;object-fit:contain;filter:brightness(0) invert(1) opacity(.3)}.owner-cta-section{padding:4rem 5% 8rem;max-width:1400px;margin:0 auto}.glass-panel{background:linear-gradient(135deg,#ffffffe6,#fff9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:40px;padding:4rem 5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 40px #0f172a0d;overflow:hidden;position:relative}.cta-content{flex:1;max-width:500px;z-index:2}.cta-content h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-content p{font-size:1.2rem;color:var(--cozo-slate-600);margin-bottom:2.5rem}.cta-visual{flex:1;position:relative;display:flex;justify-content:center}.cta-visual img{width:80%;max-width:400px;position:relative;z-index:2;transform:rotate(5deg);transition:transform .5s}.glass-panel:hover .cta-visual img{transform:rotate(0) scale(1.05)}.glow-behind{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:var(--cozo-teal);filter:blur(80px);opacity:.2;border-radius:50%;z-index:1}.testimonials-section{padding:6rem 5% 10rem;background:var(--cozo-slate-900);color:#fff;border-top-left-radius:60px;border-top-right-radius:60px}.testimonials-section .section-header h2,.testimonials-section .section-header p{color:#fff}.testimonials-carousel-container{overflow:hidden;position:relative;width:100%;max-width:100vw;padding:2rem 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.testimonials-track{display:flex;gap:2rem;width:max-content}.testimonial-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:3rem 2.5rem;border-radius:24px;display:flex;flex-direction:column;width:400px;flex-shrink:0;transition:transform .3s,background .3s}.testimonial-card:hover{transform:translateY(-5px);background:#ffffff14}.stars{display:flex;gap:.25rem;margin-bottom:1.5rem}.review-text{font-size:1.15rem;line-height:1.7;color:var(--cozo-slate-100)!important;font-style:italic;margin-bottom:2.5rem;flex:1}.reviewer{display:flex;align-items:center;gap:1rem}.avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--cozo-teal),#0d9488)}.reviewer-info h4{margin:0;font-size:1.1rem;color:#fff}.reviewer-info span{font-size:.9rem;color:var(--cozo-slate-400)}.footer-section{position:relative;background:var(--cozo-slate-900);color:#fff;padding:4rem 5% 2rem;overflow:hidden}.footer-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);width:800px;height:400px;background:var(--cozo-teal);filter:blur(150px);opacity:.15;border-radius:50%;pointer-events:none}.footer-content{display:flex;justify-content:space-between;gap:4rem;max-width:1400px;margin:0 auto 4rem;position:relative;z-index:1}.footer-brand{flex:1;max-width:350px}.footer-logo{height:80px;object-fit:contain;margin-bottom:1.5rem;filter:brightness(0) invert(1)}.footer-brand p{color:var(--cozo-slate-400);line-height:1.6}.footer-links-grid{display:flex;gap:6rem}.footer-col h4{font-size:1.2rem;margin-bottom:1.5rem;color:#fff}.footer-col a{display:block;color:var(--cozo-slate-400);text-decoration:none;margin-bottom:1rem;transition:color .3s}.footer-col a:hover{color:var(--cozo-teal)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.footer-bottom p{color:var(--cozo-slate-500)}.legal-links{display:flex;gap:2rem}.legal-links a{color:var(--cozo-slate-500);text-decoration:none;transition:color .3s}.legal-links a:hover{color:#fff}.floating-menu{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 10px 40px #0f172a26;border-radius:100px;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;z-index:100;opacity:0;visibility:hidden;transition:all .5s var(--easing-spring)}.floating-menu.visible{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.btn-floating-menu{background:var(--cozo-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:100px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-floating-menu:hover{background:var(--cozo-teal-dark)}.btn-floating-menu.outline{background:transparent;color:var(--cozo-slate-900);border:1px solid var(--cozo-slate-200)}.btn-floating-menu.outline:hover{background:#ffffff80;border-color:var(--cozo-teal);color:var(--cozo-teal-dark)}@media(max-width:1200px){.hero-content h1{font-size:3.5rem}.bento-grid{grid-template-columns:repeat(3,1fr)}.bento-card.large,.bento-card.wide,.bento-card.mini{grid-column:span 3}.testimonials-track{gap:1.5rem}}@media(max-width:1024px){.hero-container{flex-direction:column;text-align:center;gap:3rem}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-actions{justify-content:center}.floating-card{display:none}.main-hero-img{aspect-ratio:16/9}.glass-panel{flex-direction:column;text-align:center;padding:3rem}.cta-content{margin-bottom:3rem}.footer-content{flex-direction:column}.footer-links-grid{justify-content:flex-start;gap:4rem;flex-wrap:wrap}}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.hero-actions{flex-direction:column;width:100%}.btn-primary.large,.search-bar-mock{width:100%;max-width:100%}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-card{grid-column:span 1!important;min-height:300px}.large{flex-direction:column!important}.large .card-content{padding-right:0;padding-bottom:2rem}.wide{flex-direction:column!important}.wide .card-content{max-height:70vh}.wide .card-img-container.left-side{height:20vh;width:100%}.wide .card-img-container.left-side img{object-fit:contain;width:100%}.testimonials-track{grid-template-columns:1fr}.section-header h2,.testimonials-section .section-header.center h2{font-size:2.5rem}.footer-links-grid{flex-direction:column;gap:2rem}}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 5%;height:80px;background-color:#fff;box-shadow:0 1px 3px #0000000d;font-family:inherit}.logo{display:flex;align-items:center}.logo img{height:150px;width:auto;object-fit:contain}.nav-actions{display:flex;align-items:center;gap:30px}.owner-action button{background-color:#3b9b9c;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.owner-action button:hover{background-color:#318283}.user-action{display:flex;align-items:center}.user-action button{background-color:transparent;color:#111;border:none;padding:0;font-size:15px;font-weight:800;cursor:pointer;transition:opacity .2s ease}.user-action button:hover{opacity:.8}@media(max-width:768px){.nav-container{padding:0 20px;height:70px}.logo img{height:40px}.nav-actions{gap:15px}.owner-action button{padding:8px 16px;font-size:14px}}@media(max-width:480px){.nav-actions{gap:10px}.owner-action button{padding:6px 12px;font-size:13px}}