.mytenantsbook-wrapper{--c-900:#03045e;--c-800:#023e8a;--c-700:#0077b6;--c-600:#0096c7;--c-500:#00b4d8;--c-400:#48cae4;--c-300:#90e0ef;--c-200:#ade8f4;--c-100:#caf0f8;--bg:var(--c-100);--surface:#ffffff;--text:var(--c-900);--muted:var(--c-800);--primary:var(--c-700);--primary-2:var(--c-600);--border:var(--c-200);--ring:var(--c-500);--font-family:'Inter',system-ui,-apple-system,sans-serif;--radius:8px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(3,4,94,0.05);--shadow:0 4px 6px -1px rgba(3,4,94,0.1),0 2px 4px -1px rgba(3,4,94,0.06);--shadow-lg:0 10px 15px -3px rgba(3,4,94,0.1),0 4px 6px -2px rgba(3,4,94,0.05)}.mytenantsbook-wrapper{*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto;display:block}.container{max-width:1120px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}.section{padding:112px 0;position:relative}@media (max-width:768px){.section{padding:72px 0}}.section-header{text-align:center;max-width:680px;margin:0 auto 64px auto}.bg-surface{background-color:var(--surface)}.bg-alt{background-color:var(--bg)}.header{position:sticky;top:0;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:100}.header-container{display:flex;align-items:center;justify-content:space-between;height:72px}@media (max-width:768px){.header-container{flex-direction:column;height:auto;padding:16px 0;gap:16px}}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:32px}.grid-2,.grid-3,.grid-4,.feature-grid,.testimonial-grid{display:grid;gap:32px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4,.feature-grid{grid-template-columns:repeat(4,1fr)}.testimonial-grid{grid-template-columns:repeat(3,1fr)}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-2{grid-column:span 2}@media (max-width:1024px){.grid-4,.feature-grid{grid-template-columns:repeat(2,1fr)}.grid-3,.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.col-lg-12{grid-column:span 12}.col-lg-6{grid-column:span 6}}@media (max-width:768px){.col-md-12{grid-column:span 12}.grid{gap:24px}.grid-2,.grid-3,.grid-4,.feature-grid,.testimonial-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.col-md-12{grid-column:span 12}.grid{gap:16px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.text-center{text-align:center}.text-left{text-align:left}.text-primary{color:var(--primary)}.text-muted{color:var(--muted)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}}.mytenantsbook-wrapper{h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:800;line-height:1.2;letter-spacing:-0.02em}.section-title{font-size:2.5rem;margin-bottom:16px}.section-subtitle{font-size:1.25rem;color:var(--muted);max-width:640px;margin:0 auto;font-weight:500}.section-subtitle.mb-12{margin-bottom:48px}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1.125rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);text-decoration:none;line-height:1}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:active{transform:scale(0.98)}.btn-primary{background-color:var(--primary);color:var(--surface);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-2);box-shadow:var(--shadow)}.btn-secondary{background-color:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg);border-color:var(--primary-2)}.btn-lg{padding:16px 32px;font-size:1.125rem}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border)}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;font-size:0.875rem;font-weight:600;background-color:var(--c-200);color:var(--c-900);border:1px solid var(--c-300);white-space:nowrap}.input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;background-color:var(--surface);color:var(--text);transition:border-color 0.2s ease,box-shadow 0.2s ease}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--c-200)}.nav{display:flex;gap:32px}.nav-link{color:var(--muted);text-decoration:none;font-weight:500;font-size:0.95rem;transition:color 0.2s ease;padding:8px 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--c-900)}.nav-link.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary);border-radius:2px}@media (max-width:768px){.nav{gap:16px;flex-wrap:wrap;justify-content:center}}.logo{font-size:1.5rem;font-weight:800;color:var(--primary);text-decoration:none;letter-spacing:-0.02em;display:flex;align-items:center;gap:8px}}.mytenantsbook-wrapper{.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--text);margin-bottom:24px;letter-spacing:-0.02em}@media (max-width:768px){.hero-title{font-size:2.5rem}}.hero-subtitle{font-size:1.25rem;color:var(--muted);margin-bottom:32px;line-height:1.6}.hero-bullets{list-style:none;margin-bottom:32px}.hero-bullets li{display:flex;align-items:center;margin-bottom:12px;font-size:1.125rem;color:var(--text);font-weight:500}.trust-line{margin-top:24px;font-size:0.875rem;color:var(--muted);font-weight:600}.dashboard-mockup{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px;min-height:480px}.mockup-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:640px){.mockup-kpis{grid-template-columns:repeat(1,1fr)}}.mockup-kpi-card{background-color:var(--bg);padding:16px;border-radius:var(--radius);border:1px solid var(--border)}.mockup-kpi-label{font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;font-weight:700}.mockup-kpi-value{font-size:1.5rem;font-weight:800;color:var(--text);margin-top:4px}.mockup-chart{height:200px;background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);display:flex;align-items:flex-end;padding:24px;box-shadow:var(--shadow-sm)}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;gap:12px}.chart-bar{flex:1;background:linear-gradient(to top,var(--primary),var(--c-300));border-radius:4px 4px 0 0;transition:height 1s ease-out}.mockup-table{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);overflow:hidden}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:12px 16px;font-size:0.875rem;color:var(--text);align-items:center}.table-row:not(:last-child){border-bottom:1px solid var(--border)}.table-header{background-color:var(--bg);font-weight:600;color:var(--muted);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em}.status-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:0.75rem;font-weight:600;justify-content:center}.status-badge.success{background-color:var(--c-100);color:#0d9488;border:1px solid #99f6e4}.status-badge.warning{background-color:var(--warning-light);color:#d97706;border:1px solid #fde68a}.feature-icon{width:56px;height:56px;border-radius:12px;background-color:var(--c-100);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.75rem;font-weight:bold}.gallery-card{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.gallery-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--c-300)}.gallery-placeholder{aspect-ratio:16/10;background:var(--bg);display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border);padding:24px 24px 0 24px}.gallery-placeholder::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--primary-2) 1px,transparent 1px);background-size:16px 16px;opacity:0.1;z-index:1}.gallery-placeholder img{position:relative;z-index:2;width:100%;height:auto;object-fit:contain;object-position:top;border-radius:8px 8px 0 0;box-shadow:0 -4px 20px rgba(3,4,94,0.1);border:1px solid var(--c-300);border-bottom:none;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.gallery-card:hover .gallery-placeholder img{transform:translateY(-8px)}.gallery-content{padding:24px;text-align:center}.gallery-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text)}.gallery-desc{font-size:0.95rem;color:var(--muted);line-height:1.5}.testimonial-quote{font-size:1.125rem;font-style:italic;color:var(--text);margin-bottom:24px;line-height:1.6}.testimonial-author{font-weight:700;color:var(--text)}.testimonial-role{font-size:0.875rem;color:var(--muted);font-weight:500}.pricing-price{font-size:3rem;font-weight:800;color:var(--text);margin:16px 0;letter-spacing:-0.02em}.pricing-features{list-style:none;margin:24px 0;flex-grow:1}.pricing-features li{margin-bottom:12px;color:var(--muted);display:flex;align-items:center;font-weight:500}.pricing-features li::before{content:"•";color:var(--primary);margin-right:12px;font-weight:bold;font-size:1.25rem}.step-number{width:48px;height:48px;border-radius:50%;background-color:var(--primary);color:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin-bottom:20px}.security-list{list-style:none;max-width:600px;margin:0 auto}.security-list li{padding:16px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;display:flex;align-items:center;font-weight:600;box-shadow:var(--shadow-sm)}.security-list li::before{content:"🔒";margin-right:16px;font-size:1.25rem}.faq-details{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px;transition:all 0.2s ease}.faq-details[open]{border-color:var(--primary);box-shadow:var(--shadow-sm)}.faq-summary{font-weight:700;font-size:1.125rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text)}.faq-summary::-webkit-details-marker{display:none}.faq-summary::after{content:"↓";color:var(--muted);font-weight:bold;font-size:1.25rem;transition:transform 0.2s ease}.faq-details[open] .faq-summary::after{transform:rotate(180deg)}.faq-details p{margin-top:16px;color:var(--muted);padding-top:16px;border-top:1px solid var(--border);font-weight:500;line-height:1.6}.cta-banner{background-color:var(--primary);color:var(--surface);border-radius:var(--radius-lg);padding:80px 32px;text-align:center;box-shadow:var(--shadow-lg)}.cta-banner .section-title{color:var(--surface)}.w-full{width:100%}.flex-wrap{flex-wrap:wrap}}.mytenantsbook-wrapper{font-family:var(--font-family);background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.mytenantsbook-wrapper{.gallery-card{background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;display:flex;flex-direction:column}.gallery-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);border-color:var(--primary)}.gallery-placeholder{padding:24px;background:linear-gradient(to bottom right,var(--surface),var(--bg));display:flex;justify-content:center;align-items:center;overflow:hidden}.gallery-placeholder img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-md);transition:transform 0.5s ease}.gallery-card:hover .gallery-placeholder img{transform:scale(1.03)}.gallery-content{padding:32px 24px;text-align:center;flex-grow:1}.gallery-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:12px}.gallery-desc{color:var(--muted);line-height:1.6;font-size:1rem}}:root{--nav-transition:250ms cubic-bezier(0.4,0,0.2,1);--nav-height:4.25rem;--nav-gap:var(--space-6)}.navbar{transition:background var(--nav-transition),border-color var(--nav-transition)}.navbar-container{position:relative}.nav-links{transition:transform var(--nav-transition),opacity var(--nav-transition)}.navbar.nav-collapsed .nav-links{display:flex !important;flex-direction:column;position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--surface-card) !important;border-right:1px solid var(--border);padding:24px;gap:1.5rem;align-items:flex-start;z-index:1000;transform:translateX(-100%);box-shadow:none;margin:0;list-style:none;opacity:0;visibility:hidden}.navbar.mobile-menu-open .nav-links{transform:translateX(0);opacity:1;visibility:visible;box-shadow:4px 0 24px rgba(0,0,0,0.15)}.mobile-menu-header{display:none}@media (max-width:991px){.navbar .mobile-menu-header,.mobile-menu-header{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;margin-bottom:16px !important;padding-bottom:14px !important;border-bottom:1px solid var(--border,#e2e8f0) !important}.navbar .mobile-menu-header img,.mobile-menu-header img{height:32px !important;width:auto !important;display:block !important;object-fit:contain !important}}.navbar.nav-collapsed .nav-links li{width:100%;border-bottom:1px solid var(--border)}.navbar.nav-collapsed .nav-links .nav-link{display:block;width:100%;font-size:1.1rem;font-weight:500;padding:14px 16px;color:var(--text-secondary);text-align:left;box-sizing:border-box;transition:all 250ms ease;border-left:5px solid transparent}.navbar.nav-collapsed .nav-links .nav-link:hover{color:var(--text-primary)}.navbar.nav-collapsed .nav-links .nav-link.active{background-color:#EEF4FF !important;color:#2563eb !important;font-weight:600 !important;border-left:5px solid #2563eb !important;border-radius:12px !important}.navbar.nav-collapsed .nav-link.active,.navbar.nav-collapsed .nav-item.active,.navbar.nav-collapsed .mobile-nav-link.active,.navbar.nav-collapsed .sidebar-nav .active,.navbar.nav-collapsed .active{border-bottom:none !important;box-shadow:none !important}.navbar.nav-collapsed .nav-link.active::after,.navbar.nav-collapsed .nav-link.active::before,.navbar.nav-collapsed .nav-item.active::after,.navbar.nav-collapsed .nav-item.active::before,.navbar.nav-collapsed .mobile-nav-link.active::after,.navbar.nav-collapsed .mobile-nav-link.active::before,.navbar.nav-collapsed .sidebar-nav .active::after,.navbar.nav-collapsed .sidebar-nav .active::before,.navbar.nav-collapsed .active::after,.navbar.nav-collapsed .active::before{content:none !important;display:none !important;border-bottom:none !important;box-shadow:none !important}.navbar.nav-collapsed .nav-link.active .nav-link-icon,.navbar.nav-collapsed .nav-link.active i,.navbar.nav-collapsed .nav-link.active svg{color:#2563eb !important}.navbar.nav-collapsed .nav-link-icon{display:inline-block !important;margin-right:12px;font-size:1.1rem}.navbar.nav-collapsed .mobile-actions-wrapper{display:flex !important}.navbar .mobile-menu-toggle{display:none}@media (max-width:991px){.navbar .mobile-menu-toggle{display:inline-flex !important;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0;margin:0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;z-index:1001;transition:transform var(--nav-transition)}}.navbar.nav-collapsed .nav-actions{display:flex;gap:8px}.navbar.nav-collapsed .desktop-theme-toggle{display:none !important}@media (max-width:375px){.navbar.nav-collapsed .lang-selector-wrapper .lang-text{display:none !important}.navbar.nav-collapsed .lang-selector-wrapper{min-width:44px !important;padding:4px 8px !important}.navbar.nav-collapsed .lang-selector-wrapper svg:nth-of-type(2){display:none !important}.navbar-container{padding:0 8px}}