.floating-navbar{z-index:1000;justify-content:center;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.nav-pill{background-color:#1a1a1a;border:1px solid #333;border-radius:50px;align-items:center;padding:6px;display:flex;position:relative}.nav-btn{z-index:2;color:#999;cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;padding:10px 20px;font-size:15px;font-weight:500;transition:color .3s;position:relative}.nav-btn.active{color:#000}.nav-btn:hover:not(.active){color:#fff}.active-pill{z-index:1;background-color:#fff;border-radius:40px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;bottom:6px}.mobile-toggle,.mobile-close{display:none}@media (max-width:768px){.floating-navbar{left:auto;right:24px;transform:none}.mobile-toggle{cursor:pointer;z-index:1001;background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;gap:5px;padding:12px;display:flex}.mobile-toggle .bar{background-color:#fff;width:20px;height:2px}.nav-pill{border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:220px;height:auto;padding:60px 20px 30px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:24px;right:24px;transform:translate(150%);box-shadow:0 10px 30px #00000080}.nav-pill.active{transform:translate(0)}.active-pill{display:none}.nav-btn{text-align:center;border-radius:12px;width:100%;padding:12px;font-size:16px}.nav-btn.active{color:#fff;background-color:#ffffff1a}.mobile-close{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex;position:absolute;top:12px;left:12px}}
.home-section{background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.home-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.home-title{text-align:center;background:linear-gradient(#fff 40%,#7d7d7d);-webkit-text-fill-color:transparent;z-index:20;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:0;font-size:clamp(4rem,12vw,8rem);font-weight:800;position:relative}.home-subtitle{color:#fff;text-transform:uppercase;letter-spacing:.6em;z-index:20;opacity:.8;margin-top:-10px;font-size:1.1rem;font-weight:300;position:relative}.shimmer-wrapper{width:100%;max-width:50rem;height:12rem;position:relative}.sparkles-canvas{width:100%;height:100%}.shimmer-line-main{background:linear-gradient(90deg,#0000,#6366f1,#0000);width:80%;height:2px;margin:0 auto;position:absolute;inset:0}.shimmer-blur-main{filter:blur(6px);background:linear-gradient(90deg,#0000,#6366f1,#0000);width:80%;height:6px;margin:0 auto;position:absolute;inset:0}.shimmer-line-secondary{background:linear-gradient(90deg,#0000,#0ea5e9,#0000);width:30%;height:1px;margin:0 auto;position:absolute;inset:0}.shimmer-blur-secondary{filter:blur(3px);background:linear-gradient(90deg,#0000,#0ea5e9,#0000);width:30%;height:2px;margin:0 auto;position:absolute;inset:0}.sparkles-mask{background-color:#000;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(450px 220px at top,#0000 20%,#fff);mask-image:radial-gradient(450px 220px at top,#0000 20%,#fff)}.top-left-branding{z-index:50;align-items:center;gap:12px;display:flex;position:absolute;top:30px;left:40px}.company-logo{width:auto;height:40px}.branding-text{flex-direction:column;justify-content:center;line-height:1.2;display:flex}.branding-name{color:#fff;letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.branding-tagline{color:#fff9;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:400}@media (max-width:480px){.top-left-branding{top:20px;left:20px}.branding-tagline{display:none}}
.about-section{color:#1f2937;background-color:#f9fafb;justify-content:center;width:100%;min-height:100vh;padding:120px 20px;display:flex}.about-container{width:100%;max-width:1100px}.about-header{text-align:center;margin-bottom:80px}.about-glow-title{background:linear-gradient(#111827,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.about-lead{color:#4b5563;max-width:800px;margin:0 auto 20px;font-size:1.2rem;line-height:1.6}.about-description{color:#6b7280;max-width:700px;margin:0 auto;line-height:1.6}.about-grid-main{flex-direction:column;gap:30px;margin-bottom:80px;display:flex}.about-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;box-shadow:0 4px 6px -1px #0000000d}.about-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.about-card.highlight{background:linear-gradient(145deg,#f5f3ff,#fff);border:1px solid #c7d2fe}.about-dual-cards{grid-template-columns:1fr 1fr;gap:30px;display:grid}.about-card h3{color:#111827;margin-bottom:15px;font-size:1.8rem}.card-icon{color:#4f46e5;margin-bottom:10px;font-size:2rem}.about-quote{color:#4f46e5;border-left:3px solid #4f46e5;margin-top:20px;padding-left:20px;font-style:italic;font-weight:500}.about-card ul{color:#4b5563;padding:0;list-style:none}.about-card ul li{align-items:center;margin-bottom:10px;display:flex}.about-card ul li:before{content:"→";color:#4f46e5;margin-right:12px;font-weight:700}.philosophy-section h3{text-align:center;background:linear-gradient(#111827,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.philosophy-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;display:grid}.philo-item{z-index:1;position:relative}.philo-num{color:#e5e7eb;z-index:-1;opacity:.8;font-size:4rem;font-weight:900;position:absolute;top:-35px;left:-5px}.philo-item h4{color:#111827;margin-bottom:10px;font-size:1.2rem;font-weight:700}.philo-item p{color:#6b7280;font-size:.95rem;line-height:1.5}.closing-line{letter-spacing:.05em;color:#4f46e5;font-size:1.2rem;font-weight:700}@media (max-width:768px){.about-dual-cards{grid-template-columns:1fr}.about-section{padding:50px 20px}.philo-num{font-size:3rem;top:-25px}}.about-footer{text-align:center;margin-top:100px;padding:40px 0}.footer-line-decorator{background:#4f46e5;border-radius:2px;width:50px;height:3px;margin:0 auto 30px}.professional-closing{letter-spacing:.1em;color:#111827;text-transform:uppercase;font-size:1.1rem;font-weight:600}.professional-closing span{color:#4f46e5;font-weight:800}
.services-section{background-color:#f9fafb;justify-content:center;width:100%;min-height:100vh;padding:100px 24px;display:flex}.services-container{width:100%;max-width:1200px}.services-header{text-align:center;margin-bottom:80px}.services-subtitle{color:#4f46e5;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:800}.services-main-title{background:linear-gradient(#111827,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.services-intro{color:#4b5563;max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.6}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:50px;display:grid}.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:30px;flex-direction:column;padding:40px;transition:all .3s;display:flex}.service-card:hover{border-color:#4f46e5;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d}.service-card-header{align-items:center;gap:15px;margin-bottom:25px;display:flex}.service-number{color:#4f46e5;background:#f5f3ff;border-radius:8px;padding:4px 12px;font-size:.9rem;font-weight:800}.service-card h3{color:#111827;font-size:1.5rem;font-weight:700}.service-info-block{margin-bottom:18px}.service-info-block .label{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:800;display:block}.service-info-block p{color:#374151;font-size:1rem;line-height:1.5}.maintenance-box{color:#fff;background:#111827;border-radius:30px;justify-content:space-between;align-items:center;margin-top:40px;padding:40px;display:flex}.maintenance-content h3{margin-bottom:10px;font-size:1.8rem}.maintenance-content p{color:#9ca3af;max-width:600px}.maintenance-badge{text-transform:uppercase;background:#10b981;border-radius:50px;padding:8px 20px;font-size:.8rem;font-weight:700}.services-footer{text-align:center;margin-top:100px;padding:40px 0}.services-closing{letter-spacing:.1em;color:#111827;text-transform:uppercase;font-size:1.1rem;font-weight:600}.services-closing span{color:#4f46e5;font-weight:800}@media (max-width:640px){.services-section{padding:50px 20px}.maintenance-box{text-align:center;flex-direction:column;gap:20px}.services-grid{grid-template-columns:1fr}}
.process-section{background-color:#f9fafb;justify-content:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.process-container{width:100%;max-width:850px}.process-header{text-align:center;margin-bottom:100px}.process-subtitle{color:#4f46e5;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:800}.process-main-title{background:linear-gradient(#111827,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.process-intro{color:#4b5563;max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.6}.process-list-vertical{flex-direction:column;gap:100px;margin-top:60px;display:flex}.process-item{z-index:1;padding-left:20px;position:relative}.process-num{color:#e5e7eb;z-index:-1;opacity:.8;-webkit-user-select:none;user-select:none;font-size:6rem;font-weight:900;position:absolute;top:-50px;left:-20px}.process-step-title{color:#111827;margin-bottom:30px;font-size:2rem;font-weight:800}.process-body{flex-direction:column;gap:25px;display:flex}.block-label{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.process-block p{color:#374151;font-size:1.1rem;line-height:1.6}.focus-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:0;list-style:none;display:grid}.focus-list li{color:#4b5563;align-items:center;font-size:1rem;font-weight:500;display:flex}.focus-list li:before{content:"✦";color:#4f46e5;margin-right:12px;font-size:.8rem}.highlight-why{background:#f5f3ff;border-left:4px solid #4f46e5;border-radius:16px;margin-top:10px;padding:25px}.highlight-why p{color:#4338ca;margin:0;font-size:1.05rem;font-weight:500}.process-footer{text-align:center;margin-top:100px;padding:40px 0}.process-closing{letter-spacing:.1em;color:#111827;text-transform:uppercase;font-size:1.1rem;font-weight:600}.process-closing span{color:#4f46e5;font-weight:800}@media (max-width:768px){.process-section{padding:50px 20px}.process-list-vertical{gap:80px}.process-num{font-size:4.5rem;top:-40px}.process-step-title{font-size:1.6rem}}
.portfolio-section{background-color:#f9fafb;justify-content:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.portfolio-container{width:100%;max-width:1200px}.portfolio-header{text-align:center;margin-bottom:80px}.portfolio-subtitle{color:#4f46e5;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:800}.portfolio-main-title{background:linear-gradient(#111827,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.portfolio-intro{color:#4b5563;max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.6}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:30px;flex-direction:column;padding:40px;transition:all .3s;display:flex}.project-card:hover{border-color:#4f46e5;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d}.project-status{text-transform:uppercase;color:#4f46e5;background:#f5f3ff;border-radius:50px;margin-bottom:15px;padding:4px 12px;font-size:.7rem;font-weight:800;display:inline-block}.project-title{color:#111827;margin-bottom:5px;font-size:1.8rem}.project-type{color:#6b7280;margin-bottom:25px;font-size:.9rem;display:block}.info-label{text-transform:uppercase;color:#9ca3af;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.project-info{margin-bottom:25px}.project-info p{color:#374151;line-height:1.5}.solution-list{padding:0;list-style:none}.solution-list li{color:#4b5563;align-items:center;padding:4px 0;display:flex}.solution-list li:before{content:"✦";color:#4f46e5;margin-right:10px}.project-stack{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.tech-badge{color:#1f2937;background:#f3f4f6;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600}.portfolio-note{text-align:center;color:#9ca3af;margin-top:60px;padding:20px;font-size:.9rem;font-style:italic}.portfolio-cta{text-align:center;color:#fff;background:#111827;border-radius:40px;margin-top:80px;padding:60px}.portfolio-cta h3{margin-bottom:10px;font-size:2.2rem}.portfolio-cta p{color:#9ca3af;margin-bottom:30px}.cta-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:50px;padding:16px 40px;font-size:1rem;font-weight:700;transition:background .3s}.cta-btn:hover{background:#4338ca}@media (max-width:768px){.portfolio-section{padding:50px 20px}}
.products-section{background-color:#f9fafb;justify-content:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.products-container{width:100%;max-width:1100px}.products-header{text-align:center;margin-bottom:80px}.products-subtitle{color:#4f46e5;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:800}.products-main-title{background:linear-gradient(#111827,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.products-intro{color:#4b5563;max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.6}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:100px;display:grid}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:32px;flex-direction:column;padding:40px;transition:all .3s;display:flex}.product-card:hover{border-color:#4f46e5;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d}.internal-border{background:#fcfcfd;border-style:dashed}.product-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.status-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:800}.status-badge.in-development{color:#92400e;background:#fef3c7}.status-badge.coming-soon{color:#166534;background:#dcfce7}.status-badge.concept-phase{color:#374151;background:#f3f4f6}.product-category{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.product-title{color:#111827;margin-bottom:15px;font-size:1.6rem;font-weight:800}.product-desc{color:#4b5563;margin-bottom:25px;font-size:.95rem;line-height:1.5}.feature-label{text-transform:uppercase;color:#4f46e5;margin-bottom:10px;font-size:.75rem;font-weight:800;display:block}.feature-list{padding:0;list-style:none}.feature-list li{color:#6b7280;align-items:center;margin-bottom:6px;font-size:.9rem;display:flex}.feature-list li:before{content:"•";color:#4f46e5;margin-right:8px;font-weight:700}.why-products-box{color:#fff;background:#111827;border-radius:40px;padding:60px}.why-header h3{margin-bottom:10px;font-size:2rem}.accent-line{background:#4f46e5;border-radius:2px;width:60px;height:4px;margin-bottom:40px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.why-item h4{color:#fff;margin-bottom:10px;font-size:1.2rem}.why-item p{color:#9ca3af;line-height:1.5}.products-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:80px;padding-top:40px}.products-closing{color:#6b7280;font-weight:500}@media (max-width:768px){.products-section{padding:50px 20px}}
.contact-section{background-color:#f9fafb;justify-content:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.contact-container{width:100%;max-width:1100px}.contact-header{text-align:center;margin-bottom:80px}.contact-label{color:#4f46e5;text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:800}.contact-title{background:linear-gradient(#111827,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:400}.contact-intro{color:#4b5563;max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.6}.contact-main-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:60px;display:grid}.contact-form-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:40px;padding:50px;box-shadow:0 10px 25px -5px #0000000d}.form-group{margin-bottom:25px}.form-group label{color:#374151;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.contact-submit-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:50px;width:100%;margin-top:15px;padding:12px 24px;font-weight:600}.contact-submit-btn:hover{background:#282828}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:30px;margin-bottom:20px;padding:30px}.info-card h3{color:#111827;margin-bottom:12px;font-size:1.2rem}.info-card p{color:#6b7280;font-size:1rem;line-height:1.5}.contact-link{color:#000;font-size:1.4rem;font-weight:700;text-decoration:none}.response-note{color:#9ca3af;margin-top:8px;font-size:.85rem}.schedule-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:50px;width:100%;margin-top:15px;padding:12px 24px;font-weight:600}.schedule-btn:hover{background:#282828}.trust-reassurance{text-align:center;color:#6b7280;margin-top:40px;font-size:.95rem;font-style:italic}.contact-footer-quote{text-align:center;color:#9ca3af;letter-spacing:.05em;margin-top:100px;font-weight:500}@media (max-width:900px){.contact-section{padding:50px 20px}.contact-main-grid{grid-template-columns:1fr;gap:40px}.contact-form-wrapper{padding:30px}}
.footer-section{color:#fff;background-color:#0d0d0d;border-top:1px solid #ffffff0d;width:100%;padding:80px 24px 20px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:60px;display:grid}.footer-logo{align-items:center;gap:12px;margin-bottom:20px;display:flex}.footer-logo img{width:auto;height:32px}.footer-brand-name{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.footer-tagline{color:#888;max-width:300px;font-size:.95rem;line-height:1.6}.footer-heading{text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:25px;font-size:.85rem;font-weight:700}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#888;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#4f46e5;text-decoration:underline}.footer-socials{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.footer-socials a{color:#888;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-socials a:hover{color:#fff}.footer-email{color:#4f46e5;margin-bottom:4px;font-weight:600;text-decoration:none;display:block}.footer-response-time{color:#555;font-size:.75rem}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:30px;display:flex}.copyright{color:#555;font-size:.85rem}.footer-legal{gap:20px;display:flex}.footer-legal a{color:#555;font-size:.8rem;text-decoration:none}.footer-legal a:hover{color:#888}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.footer-grid{text-align:center;grid-template-columns:1fr}.footer-logo{justify-content:center}.footer-tagline{margin:0 auto}.footer-bottom{text-align:center;flex-direction:column;gap:15px}}.footer-links button{color:#888;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;transition:color .3s}.footer-links button:hover{color:#4f46e5;text-decoration:underline}.footer-brand-display{text-align:center;border-top:1px solid #ffffff0d;width:100%;padding:40px 0;overflow:hidden}.big-astryn-text{text-transform:uppercase;letter-spacing:-.05em;background:linear-gradient(#fff 30%,#333 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.9;-webkit-background-clip:text;margin:0;font-size:clamp(5rem,20vw,15rem);font-weight:900;line-height:.8}@media (max-width:768px){.footer-brand-display{padding:20px 0}}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:20px;padding-top:30px;display:flex}
