@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&display=swap";
:root{--background:#05080a;--foreground:#fafaf9;--accent:#0f0;--accent-dark:#0c0;--text-muted:#88929b;--glass-bg:#05080a66;--glass-border:#fafaf914}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--accent)}.container{flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.canvas-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.content-overlay{z-index:10;pointer-events:none;grid-template-rows:auto 1fr;width:100%;height:100%;padding:clamp(1rem,3vh,3rem) clamp(1rem,5%,5rem);display:grid;position:absolute;top:0;left:0}.content-overlay>*{pointer-events:auto}.header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.logo-container{pointer-events:auto;align-items:center;gap:.5rem;transition:opacity .2s,transform .2s;display:flex;opacity:clamp(0,calc((100vw - 550px)/150),1)!important;transform:scale(clamp(.8,calc(.8 + (100vw - 550px)/1000),1))!important}@media (max-width:550px){.logo-container{opacity:0!important;pointer-events:none!important}}.logo-icon{color:var(--accent)}.logo-text{text-transform:uppercase;font-size:1.5rem;font-weight:800;line-height:1}.logo-text span{display:block}.nav-links{align-items:center;gap:2rem;font-size:.9rem;font-weight:500;display:flex}.nav-link{color:#ccc}.nav-link.active{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:4px}.btn-outline{color:var(--accent);border:1px solid #fff3;border-radius:6px;padding:.5rem 1.2rem;font-weight:500;transition:all .3s}.btn-outline:hover{border-color:var(--accent);background:#00ff001a}.main{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;padding-bottom:clamp(1rem,5vh,4rem);padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem);display:flex}.headline{letter-spacing:-1px;text-transform:uppercase;text-shadow:0 4px 20px #000c;margin-bottom:1vh;font-size:clamp(2.2rem,8vw,4.5rem);font-weight:800;line-height:1.1}.subtitle{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;max-width:700px;margin-bottom:4vh;font-size:clamp(.85rem,1.5vw,1rem);font-weight:500;line-height:1.6}.subscribe-form{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;gap:.5rem;width:100%;max-width:550px;margin:0 auto 5vh;padding:.4rem;display:flex}@media (max-width:480px){.subscribe-form{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-direction:column;padding:0}}.email-input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:.95rem}@media (max-width:480px){.email-input{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:.5rem}}.email-input::placeholder{color:#a8a29e}.submit-button{background:var(--accent);color:#05080a;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:0 2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:480px){.submit-button{padding:1rem}}.submit-button:hover{background:var(--accent-dark);color:#05080a;box-shadow:0 0 20px #0f06}.features-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:800px;margin:0 auto 3vh;display:grid}@media (max-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.feature-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.feature-icon-wrapper{color:var(--accent);margin-bottom:.5rem}.feature-title{font-size:1.1rem;font-weight:700}.feature-desc{color:#888;font-size:.85rem}.footer-bottom{color:#888;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;font-size:.8rem;display:flex}.social-links{color:var(--accent);gap:1.5rem;font-weight:600;display:flex}.social-links a{justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.social-links a:hover{transform:scale(1.1)}@media (max-width:768px){.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}}.floating-cards{z-index:20;flex-direction:column;gap:.75rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.floating-cards.right{right:1.5rem}.floating-cards.left{left:1.5rem}.floating-card{text-align:center;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.75rem;max-width:280px;padding:1rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000080}.floating-card:hover{background:#0009;border-color:#00ff0080}.floating-card-icon{width:3rem;height:3rem;color:var(--accent);background:#00ff001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s;display:flex}.floating-card:hover .floating-card-icon{background:#0f03}.floating-card-content{flex-direction:column;align-items:center;display:flex}.floating-card-content h3{color:#fff;font-size:1.15rem;font-weight:700;line-height:1.2}.floating-card-subtitle{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-top:.15rem;font-size:.75rem;font-weight:700}.floating-card-content p{color:#fff9;margin-top:.35rem;font-size:.85rem;line-height:1.4}@media (max-width:1350px){.floating-cards{display:none!important}.main{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;padding-top:28vh;padding-bottom:clamp(.5rem,2vh,1.5rem);overflow-y:auto}.main::-webkit-scrollbar{display:none}.headline{margin-bottom:.4vh;font-size:clamp(1.6rem,6.5vw,2.8rem)}.subtitle{margin-bottom:1.5vh;font-size:clamp(.7rem,2.4vw,.85rem)}.subscribe-form{margin-bottom:4vh}.mobile-services-strip{pointer-events:auto;touch-action:pan-x;width:calc(100% + 2*clamp(1rem,5vw,3rem));margin-bottom:1.5rem;margin-left:calc(-1*clamp(1rem,5vw,3rem));margin-right:calc(-1*clamp(1rem,5vw,3rem));display:flex}.mobile-services-scroll{scroll-snap-type:x mandatory;pointer-events:auto;touch-action:pan-x;-ms-overflow-style:none;scrollbar-width:none;gap:.75rem;width:100%;padding:.75rem clamp(1rem,5vw,3rem);scroll-padding-left:clamp(1rem,5vw,3rem);display:flex;overflow-x:auto}.mobile-services-scroll::-webkit-scrollbar{display:none}.mobile-service-card{-webkit-backdrop-filter:blur(12px);text-align:left;scroll-snap-align:start;background:#05080a99;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;flex:0 0 clamp(220px,72vw,300px);align-items:flex-start;gap:.6rem;padding:1rem;display:flex;box-shadow:0 8px 24px #00000080}.mobile-service-header{align-items:center;gap:.6rem;width:100%;display:flex}.mobile-service-icon{width:2.25rem;height:2.25rem;color:var(--accent);background:#00ff001a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-service-titles{flex-direction:column;align-items:flex-start;display:flex}.mobile-service-titles h3{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2}.mobile-service-subtitle{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-top:.1rem;font-size:.6rem;font-weight:700}.mobile-service-info{color:#fff9;margin:0;font-size:.78rem;line-height:1.4}}@media (min-width:1351px){.mobile-services-strip{display:none!important}}div[class*=leva-c-][style*="position: fixed"],div[class*=leva-c-fqOOM],#leva__root>div{flex-direction:column!important;width:220px!important;max-height:300px!important;display:flex!important;top:60px!important;left:auto!important;right:10px!important;overflow:hidden!important}div[scrollable=true],div[class*=leva-c-hBtFDW],div[class*=leva-c-kCxaqx],#leva__root>div>div:nth-child(2){flex-grow:1!important;max-height:250px!important;overflow-y:auto!important}@media (max-width:768px){div[class*=leva-c-][style*="position: fixed"]{width:180px!important;max-height:220px!important}div[scrollable=true]{max-height:180px!important}}
