.navbar{z-index:100;width:100%;transition:all var(--transition-normal);padding:1rem 0;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fffffff2}.navbar.transparent{background:0 0;border-bottom:1px solid #0000}.nav-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:relative}.logo-text{letter-spacing:-.02em;color:var(--color-primary);transition:color var(--transition-fast);font-size:1.5rem;font-weight:800}.logo-white .logo-text{color:#fff!important}.logo-white svg path[fill^=url]{fill:#fff}.mobile-toggle{color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.5rem;display:block}.toggle-white{color:#fff!important}.nav-links-center,.nav-cta{display:none}.navbar.menu-open{box-shadow:var(--shadow-sm);background:var(--color-surface)!important}.navbar.menu-open .nav-links-center a,.navbar.menu-open .nav-login-link{color:var(--color-text-main)!important}.navbar.menu-open .nav-links-center a:hover,.navbar.menu-open .nav-login-link:hover{color:var(--color-accent)!important}.nav-links-center.open,.nav-cta.open{flex-direction:column;gap:1.5rem;width:100%;display:flex}.nav-links-center.open{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1.5rem}.nav-cta.open{padding-bottom:1rem}.nav-links-center a{color:var(--color-text-main);transition:color var(--transition-fast);text-align:center;font-size:.95rem;font-weight:500}.navbar.transparent .nav-links-center a{color:#ffffffe6}.nav-links-center a:hover{color:var(--color-accent)}.navbar.transparent .nav-links-center a:hover{color:#fff}.nav-login-link{color:var(--color-text-main);transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.navbar.transparent .nav-login-link{color:#ffffffe6}.nav-login-link:hover{color:var(--color-accent)}.navbar.transparent .nav-login-link:hover{color:#fff}@media (min-width:992px){.mobile-toggle{display:none}.nav-wrapper{grid-template-columns:200px 1fr 200px;align-items:center;display:grid}.nav-links-center{justify-content:flex-start;gap:2rem;padding-left:2rem;display:flex}.nav-cta{justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.nav-links-center.open,.nav-cta.open{background:0 0;border:none;flex-direction:row;width:auto;margin-top:0;padding:0;position:static}}
.footer{background-color:var(--color-surface);padding:4rem 0 2rem}.border-top{border-top:1px solid var(--color-border)}.footer-content{text-align:center;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand{max-width:320px;margin:0 auto}.footer-brand .logo-text{color:var(--color-primary);font-size:1.5rem}.mt-4{margin-top:1rem}.footer-links{grid-template-columns:1fr;gap:2rem;display:grid}.link-group h4{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.link-group a{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.95rem;transition:color .15s;display:block}.link-group a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);padding-top:2rem;font-size:.875rem}@media (min-width:768px){.footer{padding:6rem 0 2rem}.footer-content{text-align:left;grid-template-columns:1fr 2fr;margin-bottom:4rem}.footer-brand{margin:0}.footer-links{grid-template-columns:repeat(2,1fr)}}
.landing-container{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background-angled{clip-path:polygon(0 0,100% 0,100% 85%,0 100%);z-index:0;background:linear-gradient(135deg,#0ea5e9 0%,#8b5cf6 50%,#10b981 100%);height:900px;position:absolute;top:0;left:0;right:0}.hero-background{z-index:-1;background:#fff;height:1200px;position:absolute;top:0;left:0;right:0;overflow:hidden}.bg-blueprint-3d{transform-origin:top;background-image:linear-gradient(90deg,#0ea5e914 1px,#0000 1px),linear-gradient(#0ea5e914 1px,#0000 1px);background-size:60px 60px;width:200%;height:150%;position:absolute;top:-20%;left:-50%;transform:perspective(1000px)rotateX(75deg);-webkit-mask-image:linear-gradient(#000 0%,#0000 60%);mask-image:linear-gradient(#000 0%,#0000 60%)}.hero{text-align:center;z-index:1;padding:8rem 0 4rem;position:relative}.hero-layout{z-index:2;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.hero{z-index:1;position:relative}.hero-aurora{filter:blur(90px);opacity:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora-blob{border-radius:50%;animation:20s ease-in-out infinite alternate aurora-shift;position:absolute}.aurora-1{background:#bae6fd;width:900px;height:700px;animation-delay:0s;top:-10%;left:-20%}.aurora-2{background:#a7f3d0;width:800px;height:600px;animation-delay:-5s;top:0%;right:-10%}.aurora-3{background:#ddd6fe;width:700px;height:900px;animation-delay:-10s;bottom:10%;left:10%}.aurora-4{background:#fbcfe8;width:600px;height:600px;animation-delay:-15s;bottom:0%;right:10%}@keyframes aurora-shift{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(10%,15%)scale(1.1)rotate(5deg)}66%{transform:translate(-5%,5%)scale(.9)rotate(-5deg)}to{transform:translate(-10%,-15%)scale(1.05)rotate(2deg)}}.hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,4.5rem);line-height:1.1}.hero-subtitle{color:#ffffffe6;max-width:700px;margin:0 auto 4rem;font-size:1.25rem;line-height:1.6}.dashboard-hero-mockup{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:900px;box-shadow:var(--shadow-float);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.mockup-content{background:#f8fafc;height:500px;display:flex}.mockup-sidebar{border-right:1px solid var(--color-border);background:#fff;flex-direction:column;gap:1rem;width:200px;padding:1.5rem 1rem;display:flex}.mockup-sidebar-title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.5rem;padding-left:.5rem;font-size:.75rem;font-weight:700}.mockup-nav-item{height:32px;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;padding:0 .75rem;font-size:.85rem;font-weight:500;display:flex}.mockup-nav-item:hover{background:#f1f5f9}.mockup-nav-item.active{color:var(--color-secondary);background:#0ea5e91a;font-weight:600}.mockup-main{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex}.mockup-header{justify-content:space-between;align-items:center;display:flex}.mockup-header-title{color:var(--color-primary);font-size:1.25rem;font-weight:700}.mockup-header-actions{gap:.5rem;display:flex}.mockup-btn{cursor:pointer;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.mockup-btn-outline{border:1px solid var(--color-border);color:var(--color-text-main);background:0 0}.mockup-btn-solid{background:var(--color-primary);color:#fff}.mock-website{border:1px solid var(--color-border);background:#fff;border-radius:.5rem;flex-direction:column;flex:1;display:flex;overflow:hidden}.mock-website-nav{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.9rem;font-weight:700;display:flex}.mock-website-links{color:var(--color-text-muted);gap:1.5rem;font-size:.8rem;font-weight:500;display:flex}.mock-website-hero{text-align:center;background:linear-gradient(135deg,#10b9810d,#0ea5e91a);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.mock-website-hero h2{color:var(--color-primary);margin-bottom:.5rem;font-size:2rem}.mock-website-hero p{color:var(--color-text-muted);margin-bottom:2rem;font-size:.9rem}.mb-5{margin-bottom:5rem}.bg-surface{background:#f8fafc}.advantage-section,.theme-section,.steps-section{padding:6rem 0}.advantage-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}@media (min-width:768px){.advantage-grid{grid-template-columns:repeat(3,1fr)}}.advantage-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);background:#fff;border-radius:1rem;padding:2.5rem}.advantage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.advantage-icon{width:56px;height:56px;color:var(--color-secondary);background:#0ea5e91a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.advantage-card h3{color:var(--color-primary);margin-bottom:.75rem;font-size:1.25rem}.advantage-card p{color:var(--color-text-muted);line-height:1.6}.theme-layout{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (min-width:992px){.theme-layout{grid-template-columns:1fr 1fr}}.theme-desc{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.theme-features{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.theme-features li{color:var(--color-primary);align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;display:flex}.theme-features span{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.theme-visual{background:linear-gradient(135deg,#0f172a05,#0f172a0d);border-radius:1.5rem;padding:2rem}.theme-skeleton{box-shadow:var(--shadow-float);border:1px solid var(--color-border);background:#fff;border-radius:.75rem;overflow:hidden}.skeleton-nav{border-bottom:1px solid var(--color-border);background:#f8fafc;height:48px}.skeleton-hero{background:#e2e8f0;height:200px}.skeleton-booking{width:80%;height:40px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:#fff;border-radius:20px;margin:-20px auto 20px}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;display:grid}.skeleton-box{background:#f1f5f9;border-radius:.5rem;height:120px}.steps-container{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid;position:relative}@media (min-width:768px){.steps-container{grid-template-columns:repeat(3,1fr)}}.step-card{text-align:center;z-index:2;position:relative}.step-number{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 0 0 8px #0f172a0d}.step-card h3{color:var(--color-primary);margin-bottom:.75rem;font-size:1.25rem}.step-card p{color:var(--color-text-muted);line-height:1.6}.mock-booking-bar{box-shadow:var(--shadow-md);background:#fff;border-radius:9999px;gap:.5rem;width:100%;max-width:500px;padding:.5rem;display:flex}.mock-input{color:var(--color-text-muted);background:#f8fafc;border-radius:9999px;flex:1;align-items:center;padding:.5rem 1rem;font-size:.75rem;display:flex}.mock-search-btn{background:var(--color-primary);color:#fff;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;display:flex}.features-section{background:#fff;padding:6rem 0}.section-title{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--color-text-muted);margin:0 auto;font-size:1.15rem;line-height:1.6}.mockup-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:4rem;display:grid}@media (min-width:768px){.mockup-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mockup-grid{grid-template-columns:repeat(3,1fr)}}.pro-card{flex-direction:column;padding:2rem;display:flex}.icon-wrapper{width:48px;height:48px;color:var(--color-accent);background:#f0fdf4;border:1px solid #dcfce7;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.pro-card h3{color:var(--color-primary);margin-bottom:.75rem;font-size:1.25rem}.pro-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.trust-section{border-top:1px solid var(--color-border);background:#fff;padding:4rem 0 8rem}.logo-strip{opacity:.5;filter:grayscale();flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.trust-logo{color:var(--color-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.trust-logo:before{content:"⬡";font-size:1.5rem}.pricing-section{background:#fff;padding:6rem 0}.pricing-grid{grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:3rem auto 0;display:grid}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:2.5rem 2rem;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.pricing-card.popular{border:2px solid var(--color-accent);box-shadow:var(--shadow-float);z-index:2;background:linear-gradient(#fff 0%,#f8fafc 100%);transform:translateY(-1rem)}.pricing-card.popular:hover{transform:translateY(-1.5rem)}@media (max-width:767px){.pricing-card.popular{transform:translateY(0)}.pricing-card.popular:hover{transform:translateY(-5px)}}.popular-badge{background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem}.pricing-header h3{color:var(--color-text-main);margin-bottom:1rem;font-size:1.25rem}.price{color:var(--color-primary);justify-content:center;align-items:flex-start;margin-bottom:.5rem;display:flex}.currency{margin-top:.5rem;font-size:1.5rem;font-weight:600}.amount{font-size:3.5rem;font-weight:800;line-height:1}.period{color:var(--color-text-muted);align-self:flex-end;margin-bottom:.5rem;font-size:1rem}.pricing-header p{color:var(--color-text-muted);font-size:.9rem}.pricing-features{flex:1;margin:0 0 2rem;padding:0;list-style:none}.pricing-features li{color:var(--color-text-main);align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.95rem;display:flex}.pricing-features li span{color:var(--color-secondary);font-weight:700}.pricing-features li.disabled{color:var(--color-text-muted);opacity:.6}.pricing-features li.disabled span{color:var(--color-text-muted)}.btn-full{text-align:center;box-sizing:border-box;width:100%;display:block}.integrations-section{border-top:1px solid var(--color-border);background:#fff;padding:6rem 0}.integrations-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}@media (min-width:768px){.integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.integrations-grid{grid-template-columns:repeat(3,1fr)}}.integration-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:relative}.integration-card:hover{border-color:var(--color-secondary);transform:translateY(-5px)}.integration-logo{letter-spacing:-.03em;margin-bottom:1rem;font-size:1.25rem;font-weight:800}.integration-logo.rentals-united{color:#2c3e50}.integration-logo.guesty{color:#fa5a5a}.integration-logo.hostaway{color:#00b1a0}.integration-logo.streamline{color:#1c3664}.integration-logo.ownerrez{color:#f58220}.integration-logo.bookerville{color:#8b5cf6}.integration-card p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.8rem;line-height:1.4}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-top:auto;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.status-badge.live{color:var(--color-accent);background:#10b9811a;border:1px solid #10b98133}.status-badge.beta{color:var(--color-secondary);background:#0ea5e91a;border:1px solid #0ea5e933}.status-badge.upcoming{color:var(--color-text-muted);border:1px solid var(--color-border);background:#f1f5f9}@media (max-width:768px){.hero-layout{padding:2rem 1rem}.hero-title{font-size:2.5rem}.dashboard-hero-mockup{border-radius:.5rem}.mockup-content{height:auto;min-height:400px}.mockup-sidebar{display:none}.mockup-main{gap:1rem;padding:1rem}.mockup-header{flex-direction:column;align-items:flex-start;gap:.75rem}.mockup-header-title{font-size:1rem}.mock-website-nav{padding:.75rem 1rem;font-size:.8rem}.mock-website-links{gap:.75rem}.mock-website-hero{padding:1.5rem 1rem}.mock-website-hero h2{font-size:1.5rem}.mock-booking-bar{border-radius:1rem;flex-direction:column;gap:.5rem;width:100%;padding:1rem}.mock-input,.mock-search-btn{box-sizing:border-box;border-radius:.5rem;width:100%;padding:.75rem 1rem}}