.hero{padding:8rem 0 4rem;text-align:center;max-width:900px;margin:0 auto}.coming-soon-badge{display:inline-block;padding:.5rem 1.25rem;background-color:var(--category-bg);color:var(--category-accent);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:var(--glass-border);box-shadow:var(--glass-shadow)}.waitlist-section{max-width:600px;margin:5rem auto;padding:3rem;border-radius:16px;background-color:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);box-shadow:var(--glass-shadow);text-align:center}.waitlist-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.waitlist-subtitle{color:var(--text-secondary);margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.waitlist-form{display:flex;flex-direction:column;gap:1rem;position:relative;isolation:isolate}.waitlist-form input{position:relative;z-index:1}.waitlist-form div[id*=keeper],.waitlist-form div[class*=keeper],.waitlist-form div[data-lastpass-icon-root],.waitlist-form [data-testid*=password],.waitlist-form [class*=extension]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important}.waitlist-input{width:100%;padding:1rem;border-radius:8px;border:var(--glass-border);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem}.waitlist-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.message{padding:1rem;border-radius:8px;margin-top:1rem;transition:opacity .3s ease}.success-message{background-color:#10b9811a;color:#10b981;opacity:0;visibility:hidden;display:none}.success-message.visible{opacity:1;visibility:visible;display:block}.error-message{background-color:#e53e3e1a;color:#e53e3e;opacity:0;visibility:hidden;display:none}.error-message.visible{opacity:1;visibility:visible;display:block}.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.honeypot-field-wrapper{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}.hero-section{padding:4rem 0 3rem;text-align:center;max-width:1200px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;line-height:1.2;background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.3rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.screenshot-section{position:relative;width:100%;margin:5rem auto;padding:2rem 0}.user-experience-section{background-color:var(--bg-secondary);margin-top:5rem;margin-bottom:5rem;margin-right:0;padding:5rem 0;border-top:var(--glass-border);border-bottom:var(--glass-border)}.full-width-section{width:100vw;margin-left:calc(-50vw + 50%)}.section-title{font-size:1.9rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-description{font-size:1.2rem;margin-bottom:5rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.feature-card{background-color:var(--bg-secondary);padding:2rem;border-radius:16px;height:100%;display:flex;flex-direction:column;gap:1rem;border:var(--glass-border);box-shadow:var(--glass-shadow);transition:all .3s ease}.feature-card .feature-header{display:flex;align-items:flex-start;gap:1.5rem}.feature-card .feature-content{flex:1;display:flex;flex-direction:column}.feature-card .feature-icon{margin-top:.125rem}.feature-card .feature-description{margin-top:0}.feature-card:hover{box-shadow:0 15px 30px #0000001a}.user-experience-section .features-grid{max-width:1200px;margin:0 auto;padding:0 2rem;grid-template-columns:repeat(3,1fr);gap:2.5rem}.user-experience-section .feature-card{background-color:var(--bg-primary);border:var(--glass-border);box-shadow:0 8px 32px #00000026;position:relative;padding-top:3rem}.user-experience-section .feature-card:hover{box-shadow:0 20px 40px #0003}.user-experience-section .feature-icon{position:absolute;top:-32px;left:50%;transform:translate(-50%);background-color:var(--accent);color:var(--button-primary-text);padding:14px;border-radius:12px;box-shadow:0 6px 16px #0003;border:4px solid var(--bg-primary);width:64px;height:64px;display:flex;align-items:center;justify-content:center}.user-experience-section .feature-icon svg{width:24px;height:24px;flex-shrink:0}.features-grid:not(.user-experience-section .features-grid) .feature-icon{width:48px;height:48px;margin-bottom:1.5rem;color:var(--accent)}.features-grid:not(.user-experience-section .features-grid) .feature-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.features-grid:not(.user-experience-section .features-grid) .feature-description{color:var(--text-secondary);flex-grow:1}.screenshot{width:100%;display:block;aspect-ratio:16/12;object-fit:cover;background-color:rgba(var(--accent-rgb),.1)}.benefits-container{display:flex;align-items:center;margin:6rem auto;gap:3rem}.benefits-container.reverse{flex-direction:row-reverse}.section-title.left-align{text-align:left}.section-description.large-margin{margin-bottom:2rem}.benefits-content{flex:1}.benefits-image{flex:1;overflow:hidden}.benefit-list{margin:0;padding:0;list-style:none}.benefit-item{margin-bottom:1.1rem;display:flex;align-items:flex-start;gap:1rem;text-align:left}.benefit-icon{width:24px;height:24px;margin-top:.25rem;color:var(--accent);flex-shrink:0}.benefit-text{font-size:1.1rem}.quote-section{position:relative;padding:5rem 0;text-align:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(var(--accent-rgb),.05) 100%);margin-top:6rem;margin-bottom:6rem;margin-right:0;border-top:var(--glass-border);border-bottom:var(--glass-border)}.quote-container{max-width:800px;margin:0 auto;padding:0 2rem}.quote-text{font-size:1.5rem;font-weight:600;line-height:1.6;font-style:italic;margin-bottom:2rem}.quote-author{font-size:1.1rem;color:var(--text-secondary)}.image-container{margin:0 auto;max-width:100%;text-align:center}.feature-image{width:100%;max-width:800px;height:auto;border-radius:12px;border:var(--glass-border);display:block;margin:0 auto}.image-caption{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-top:.5rem;margin-bottom:.5rem}.image-container:has(img[alt*="Portal Dashboard"]) .feature-image{aspect-ratio:800/516;object-fit:cover;margin-top:3rem}.image-container:has(img[alt*="Data Grid"]) .feature-image{aspect-ratio:800/437;object-fit:cover}.image-container:has(img[alt*=Integrations]) .feature-image{box-shadow:none;border:none}.image-container:has(img[alt*="User Management"]) .feature-image{aspect-ratio:800/400;object-fit:cover}.servalian-card{position:relative;background:var(--bg-secondary);border-radius:16px;border:1px solid rgba(var(--accent-rgb),.2);overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000000d;height:100%}.servalian-card:hover{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 20px 40px #0000001a}.servalian-card-header{position:relative;height:80px;background:linear-gradient(135deg,#2d3232,#4b5050);overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:1rem}[data-theme=light] .servalian-card-header{background:linear-gradient(135deg,#f5f3ef,#e8e4dc)}.servalian-card-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.05));opacity:0;transition:opacity .3s ease}.servalian-card:hover .servalian-card-header:before{opacity:1}.servalian-card-header-content{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.servalian-card-icon{padding:.5rem;background:rgba(var(--accent-rgb),.2);border-radius:8px;border:1px solid rgba(var(--accent-rgb),.3);display:flex;align-items:center;justify-content:center}.servalian-card-icon svg{width:24px;height:24px;color:var(--accent)}.servalian-card-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}[data-theme=light] .servalian-card-title{color:#2d3232}.servalian-card-number{color:var(--accent);font-weight:700;font-size:1.5rem;position:relative;z-index:1}.servalian-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.servalian-card-description{color:var(--text-secondary);line-height:1.6;margin:0;flex-grow:1}[data-theme=dark] .servalian-card:hover{box-shadow:0 20px 40px #0000004d}@media screen and (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}.benefits-container{flex-direction:column;text-align:left}.benefits-container.reverse{flex-direction:column}}@media screen and (max-width:768px){.hero-section{padding:2rem 0 3rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr}.user-experience-section .features-grid{grid-template-columns:1fr;gap:4rem}.logo-carousel-item{min-width:150px}.logo-carousel-img{max-height:35px}.waitlist-section{padding:2rem;margin:3rem 1rem}.section-description{font-size:1rem;padding-left:2rem;padding-right:2rem}.benefit-text{font-size:.95rem}.benefits-container{flex-direction:column;text-align:left}.benefits-container.reverse{flex-direction:column}}
