*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#17395f;background:#e8edf2;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root{min-height:100vh;padding-top:96px}@media (width<=900px){#root{padding-top:86px}}@media (width<=800px){#root{padding-top:74px}}@media (width<=500px){#root{padding-top:68px}}.navbar{z-index:9999;box-sizing:content-box;background:0 0;width:100%;height:90px;position:fixed;top:0;left:0;box-shadow:0 6px 18px #a3b1c659}.navbar-container{box-sizing:border-box;background:#e8edf2;border-radius:0;justify-content:space-between;align-items:center;gap:24px;width:100%;height:96px;margin:0;padding:6px 40px;display:flex;box-shadow:0 6px 18px #a3b1c659}.navbar-brand{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-logo{object-fit:contain;mix-blend-mode:multiply;border-radius:14px;width:72px;height:72px;transition:transform .25s;display:block}.navbar-brand:hover .navbar-logo{transform:scale(1.03)}.navbar-brand-text{flex-direction:column;justify-content:center;line-height:1.1;display:flex}.navbar-brand-text h1{color:#17395f;letter-spacing:1px;margin:0;font-size:1.65rem;font-weight:800}.navbar-brand-text p{color:#17395f;margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:500}.navbar-brand-text span{color:#526579;white-space:nowrap;font-size:.68rem;font-weight:500}.navbar-menu{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.navbar-link{color:#17395f;border-radius:12px;padding:11px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .25s,background .25s,box-shadow .25s,transform .25s;position:relative}.navbar-link:hover{color:#102f52;background:#e8edf2;transform:translateY(-1px);box-shadow:inset 3px 3px 7px #a3b1c64d,inset -3px -3px 7px #ffffffe6}.navbar-link.active{color:#102f52;background:#e8edf2;box-shadow:inset 4px 4px 8px #a3b1c659,inset -4px -4px 8px #ffffffe6}.navbar-button{color:#fff;white-space:nowrap;background:#17395f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex;box-shadow:5px 5px 10px #a3b1c666,-3px -3px 8px #fffc}.navbar-button:hover{background:#214b78;transform:translateY(-2px);box-shadow:6px 6px 12px #a3b1c673,-4px -4px 9px #ffffffe6}.navbar-button:active{transform:translateY(1px)}.button-arrow{font-size:1.05rem;transition:transform .25s}.navbar-button:hover .button-arrow{transform:translate(3px)}.menu-toggle{cursor:pointer;background:#e8edf2;border:none;border-radius:12px;width:44px;height:44px;padding:10px;display:none;box-shadow:5px 5px 10px #a3b1c666,-5px -5px 10px #ffffffe6}.menu-toggle span{background:#17395f;border-radius:10px;width:22px;height:2px;margin:5px auto;transition:transform .3s,opacity .3s;display:block}.menu-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{display:none}@media (width<=1150px){.navbar-container{gap:14px;width:calc(100% - 40px)}.navbar-logo{width:66px;height:66px}.navbar-brand-text h1{font-size:1.45rem}.navbar-brand-text p{font-size:.82rem}.navbar-brand-text span{font-size:.62rem}.navbar-menu{gap:2px}.navbar-link{padding:10px 9px;font-size:.82rem}.navbar-button{padding:11px 14px;font-size:.82rem}}@media (width<=900px){.navbar,.navbar-container{height:86px}.navbar-container{width:calc(100% - 28px);padding:6px 14px}.navbar-logo{width:60px;height:60px}.navbar-brand{gap:9px}.navbar-brand-text h1{font-size:1.3rem}.navbar-brand-text p{font-size:.72rem}.navbar-brand-text span{font-size:.55rem}.navbar-link{padding:8px 6px;font-size:.75rem}.navbar-button{padding:10px 12px;font-size:.75rem}}@media (width<=800px){.navbar,.navbar-container{height:74px}.navbar{box-shadow:0 5px 14px #a3b1c659}.navbar-container{border-radius:0 0 16px 16px;width:calc(100% - 20px);padding:5px 10px}.navbar-logo{width:52px;height:52px}.navbar-brand{gap:7px}.navbar-brand-text h1{font-size:1.12rem}.navbar-brand-text p{margin:2px 0;font-size:.62rem}.navbar-brand-text span{font-size:.46rem}.navbar-menu,.navbar-button{display:none}.menu-toggle{display:block}.mobile-menu{opacity:0;visibility:hidden;background:#e8edf2;border-radius:18px;flex-direction:column;gap:5px;width:calc(100% - 28px);max-width:500px;padding:12px;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:8px 8px 20px #a3b1c673,-8px -8px 20px #fffffff2}.mobile-menu.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.mobile-menu a{color:#17395f;border-radius:11px;padding:12px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.mobile-menu a:hover{background:#e8edf2;box-shadow:inset 3px 3px 7px #a3b1c64d,inset -3px -3px 7px #ffffffe6}.mobile-menu .mobile-cta{color:#fff;text-align:center;background:#17395f;margin-top:5px;box-shadow:5px 5px 10px #a3b1c666,-4px -4px 8px #fffc}}@media (width<=500px){.navbar,.navbar-container{height:68px}.navbar-container{border-radius:0 0 14px 14px;width:calc(100% - 12px);padding:4px 8px}.navbar-logo{width:48px;height:48px}.navbar-brand{gap:6px}.navbar-brand-text h1{letter-spacing:.4px;font-size:1rem}.navbar-brand-text p{font-size:.55rem}.navbar-brand-text span{font-size:.4rem}.menu-toggle{width:40px;height:40px}}@media (width<=380px){.navbar-brand-text p,.navbar-brand-text span{display:none}.navbar-logo{width:46px;height:46px}.navbar-brand-text h1{font-size:.95rem}}html,body,#root{width:100%;height:100%;margin:0;padding:0}.intro-page{color:#fff;isolation:isolate;background:radial-gradient(circle at 50% 42%,#083e5f 0%,#052b46 30%,#031b2c 62%,#01080f 100%);justify-content:center;align-items:center;width:100%;height:100vh;min-height:650px;display:flex;position:relative;overflow:hidden}.intro-grid{opacity:.16;transform-origin:top;pointer-events:none;background-image:linear-gradient(#1eb8e62e 1px,#0000 1px),linear-gradient(90deg,#1eb8e62e 1px,#0000 1px);background-size:34px 34px;width:160%;height:100%;animation:14s linear infinite gridMove;position:absolute;bottom:-50%;left:-30%;transform:perspective(700px)rotateX(65deg)}.intro-scanlines{opacity:.3;pointer-events:none;z-index:2;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 4px);position:absolute;inset:0}.intro-vignette{z-index:3;pointer-events:none;background:radial-gradient(circle,#0000 15%,#00000040 58%,#000000d1 100%);position:absolute;inset:0}.intro-glow{filter:blur(150px);opacity:.07;pointer-events:none;background:#00eaff;border-radius:50%;width:520px;height:520px;animation:4s ease-in-out infinite ambientGlow;position:absolute}.intro-logo-stage{z-index:10;width:min(600px,76vw);height:min(600px,76vw);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.intro-atoms{z-index:20;pointer-events:none;position:absolute;inset:0}.intro-atom{left:var(--sx);top:var(--sy);opacity:0;justify-content:center;align-items:center;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;transition:left 1.8s cubic-bezier(.16,1,.3,1),top 1.8s cubic-bezier(.16,1,.3,1),opacity .45s,transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:scale(.1)}.atom-core{z-index:2;background:radial-gradient(circle at 35% 30%,#fff 0%,#dcfbff 25%,#50ddff 60%,#00a6d8 100%);border-radius:50%;width:7px;height:7px;box-shadow:0 0 5px #fff,0 0 13px #00eaff,0 0 25px #00eaffe6}.atom-halo{border:1px solid #4de0ff80;border-radius:50%;width:25px;height:25px;animation:1.7s ease-in-out infinite atomPulse;position:absolute}.stage-1 .intro-atom,.stage-2 .intro-atom,.stage-3 .intro-atom,.stage-4 .intro-atom,.stage-5 .intro-atom,.stage-6 .intro-atom{opacity:1;transform:scale(1)}.stage-2 .intro-atom,.stage-3 .intro-atom,.stage-4 .intro-atom,.stage-5 .intro-atom,.stage-6 .intro-atom{left:var(--tx);top:var(--ty)}.stage-2 .atom-1{transition-delay:0s}.stage-2 .atom-2{transition-delay:70ms}.stage-2 .atom-3{transition-delay:.14s}.stage-2 .atom-4{transition-delay:.21s}.stage-2 .atom-5{transition-delay:.28s}.stage-2 .atom-6{transition-delay:.35s}.stage-2 .atom-7{transition-delay:.42s}.stage-2 .atom-8{transition-delay:.49s}.stage-2 .atom-9{transition-delay:.56s}.stage-2 .atom-10{transition-delay:.63s}.stage-2 .atom-11{transition-delay:.7s}.stage-2 .atom-12{transition-delay:.77s}.stage-2 .atom-13{transition-delay:.84s}.stage-2 .atom-14{transition-delay:.91s}.emblem-container{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iotrics-emblem{object-fit:contain;opacity:0;filter:brightness(0)saturate()invert(75%)sepia(60%)saturate(1000%)hue-rotate(155deg)brightness(110%)contrast(105%)drop-shadow(0 0 6px #00eaffbf);width:82%;height:82%;transition:opacity .8s,transform .9s cubic-bezier(.16,1,.3,1);display:block;transform:scale(.94)}.stage-3 .iotrics-emblem,.stage-4 .iotrics-emblem,.stage-5 .iotrics-emblem,.stage-6 .iotrics-emblem{opacity:.9;transform:scale(1)}.stage-5 .iotrics-emblem,.stage-6 .iotrics-emblem{opacity:1;filter:brightness(0)saturate()invert(82%)sepia(35%)saturate(1400%)hue-rotate(155deg)brightness(115%)contrast(110%)drop-shadow(0 0 5px #00eaffe6)drop-shadow(0 0 15px #00eaff8c)}.emblem-flash{aspect-ratio:1;opacity:0;background:#fff;border-radius:50%;width:5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 15px #fff,0 0 35px #00eaff,0 0 70px #00eaff}.stage-4 .emblem-flash{animation:.9s ease-out forwards emblemFlash}.emblem-energy{aspect-ratio:1;filter:blur(90px);opacity:0;background:#00eaff;border-radius:50%;width:58%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-3 .emblem-energy,.stage-4 .emblem-energy,.stage-5 .emblem-energy,.stage-6 .emblem-energy{opacity:.06;animation:2.5s ease-in-out infinite emblemEnergy}.center-energy{opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff,0 0 30px #00eaff,0 0 60px #00eaff}.stage-4 .center-energy,.stage-5 .center-energy,.stage-6 .center-energy{opacity:.75;animation:2s ease-in-out infinite centerPulse}.intro-brand{text-align:center;z-index:30;opacity:0;pointer-events:none;width:90%;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);position:absolute;bottom:5%;left:50%;transform:translate(-50%,25px)}.stage-6 .intro-brand{opacity:1;pointer-events:auto;transform:translate(-50%)}.brand-divider{background:linear-gradient(90deg,#0000,#00eaff,#0000);width:70px;height:1px;margin:0 auto 9px}.brand-label{color:#5de0ff;letter-spacing:2.2px;margin-bottom:7px;font-size:.55rem;font-weight:700}.intro-brand h1{letter-spacing:4px;color:#fff;text-shadow:0 0 22px #00eaff38;margin:0;font-size:clamp(2.5rem,5vw,4.1rem);font-weight:800;line-height:1}.intro-brand h1 span{color:#00eaff;font-weight:400}.intro-brand p{color:#a6d7e7;letter-spacing:3px;margin:9px 0 18px;font-size:.64rem;font-weight:600}.intro-actions{justify-content:center;align-items:center;gap:10px;display:flex}.intro-button{border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 21px;font-size:.68rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.intro-button.primary{color:#031526;background:#00eaff;box-shadow:0 0 18px #00eaff66}.intro-button.secondary{color:#fff;background:#00eaff0a;border:1px solid #00eaff59}.intro-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #00eaff8c}.intro-progress{z-index:40;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.intro-progress span{color:#a0d7eb40;font-size:.48rem;font-weight:700;transition:color .3s,transform .3s}.intro-progress span.active{color:#00eaff;transform:scale(1.2)}.intro-footer{z-index:40;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:15px;left:25px;right:25px}.intro-footer span{color:#a0d7eb73;letter-spacing:1.4px;font-size:.5rem}.intro-footer a{color:#a0d7ebb3;font-size:1.25rem;text-decoration:none}.intro-footer a:hover{color:#00eaff}@keyframes atomPulse{0%,to{opacity:.3;transform:scale(.75)}50%{opacity:.85;transform:scale(1.15)}}@keyframes ambientGlow{0%,to{opacity:.06;transform:scale(.92)}50%{opacity:.12;transform:scale(1.08)}}@keyframes emblemFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(7)}}@keyframes emblemEnergy{0%,to{opacity:.04;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes centerPulse{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(.7)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.15)}}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 34px,34px 0}}@media (width<=700px){.intro-logo-stage{width:470px;height:470px;top:39%}.intro-brand{bottom:7%}.intro-brand h1{font-size:2.8rem}}@media (width<=480px){.intro-page{min-height:600px}.intro-logo-stage{width:350px;height:350px;top:34%}.intro-brand{bottom:7%}.intro-brand h1{letter-spacing:2px;font-size:2.15rem}.brand-label{letter-spacing:1.2px;font-size:.42rem}.intro-brand p{letter-spacing:1.4px;font-size:.53rem}.intro-actions{flex-direction:column;gap:8px}.intro-button{width:205px}.intro-progress{display:none}.intro-footer{justify-content:flex-end;left:14px;right:14px}.intro-footer span{display:none}}@media (prefers-reduced-motion:reduce){.intro-page *,.intro-page :before,.intro-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-page{color:#17395f;box-sizing:border-box;background:#e8edf2;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.home-page *,.home-page :before,.home-page :after{box-sizing:border-box}.home-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:min(1120px,90%);margin:0 auto;padding:110px 0 5px;display:grid}.home-hero-content{max-width:620px}.home-eyebrow{color:#315f8d;letter-spacing:1.3px;background:#e8edf2;border-radius:20px;margin-bottom:14px;padding:6px 10px;font-size:.58rem;font-weight:700;display:inline-block;box-shadow:3px 3px 7px #a3b1c659,-3px -3px 7px #ffffffe6}.home-hero-content>span:nth-child(2){color:#17395f;margin-bottom:16px;font-size:1.35rem;line-height:1.4;display:block}.home-hero-description{color:#63778a;max-width:560px;margin:18px 0 22px;font-size:.86rem;line-height:1.65}.home-hero-buttons{align-items:center;gap:12px;display:flex}.home-primary-button,.home-secondary-button{box-sizing:border-box;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:.74rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.home-primary-button{color:#fff;background:#17395f;box-shadow:5px 5px 10px #a3b1c666,-5px -5px 10px #ffffffd9}.home-secondary-button{color:#17395f;background:#e8edf2;box-shadow:5px 5px 10px #a3b1c666,-5px -5px 10px #ffffffe6}.home-primary-button:hover,.home-secondary-button:hover{transform:translateY(-2px)}.home-section-heading{text-align:center;max-width:700px;margin:0 auto 25px}.home-section-heading>span{color:#315f8d;letter-spacing:1.3px;margin-bottom:7px;font-size:.56rem;font-weight:700;display:inline-block}.home-section-heading h2{color:#17395f;margin:0;font-size:clamp(2rem,3.5vw,2.7rem);font-weight:800;line-height:1.1}.home-section-heading strong{color:#315f8d}.home-section-heading p{color:#63778a;max-width:620px;margin:9px auto 0;font-size:.76rem;line-height:1.55}.home-intro{text-align:center;width:min(900px,90%);margin:0 auto;padding:45px 0}.home-intro-content{max-width:760px;margin:0 auto}.home-intro-content p{color:#526579;margin:0;font-size:.83rem;line-height:1.65}.home-text-link{color:#17395f;margin-top:12px;font-size:.73rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.home-text-link:hover{opacity:.8;text-decoration:underline}.home-services{width:min(1120px,90%);margin:0 auto;padding:48px 0}.home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.home-service-card{background:#e8edf2;border-radius:17px;min-height:170px;padding:22px;transition:transform .2s,box-shadow .2s;box-shadow:7px 7px 16px #a3b1c661,-7px -7px 16px #ffffffeb}.home-service-card:hover{transform:translateY(-3px);box-shadow:9px 9px 19px #a3b1c66b,-8px -8px 19px #fffffff2}.home-service-card h3{color:#17395f;margin:0 0 9px;font-size:1rem;line-height:1.3}.home-service-card p{color:#63778a;margin:0;font-size:.71rem;line-height:1.6}.home-projects{width:min(1120px,90%);margin:0 auto;padding:10px 0}.home-projects .home-section-heading{margin-bottom:28px}.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;width:100%;display:grid}.home-project-card{background:#e8edf2;border-radius:18px;width:100%;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:7px 7px 16px #a3b1c661,-7px -7px 16px #ffffffeb}.home-project-card:hover{transform:translateY(-4px);box-shadow:10px 10px 21px #a3b1c670,-9px -9px 21px #fffffff5}.home-project-placeholder{text-align:center;background:#dfe5ea;width:100%;margin:0;padding:0;line-height:0;overflow:hidden}.home-project-placeholder img{object-fit:contain;object-position:center;border:0;width:100%;max-width:none;height:auto;margin:0;padding:0;display:block}.home-project-content{padding:17px 21px 19px}.home-project-content>span{color:#315f8d;letter-spacing:1.2px;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.home-project-content h3{color:#17395f;margin:0 0 7px;font-size:1.2rem;font-weight:800;line-height:1.25}.home-project-content p{color:#63778a;margin:0;font-size:.72rem;line-height:1.55}.home-cta{text-align:center;width:min(850px,90%);margin:0 auto;padding:55px 0 65px}.home-cta-content>span{color:#315f8d;letter-spacing:1.3px;font-size:.56rem;font-weight:700}.home-cta h2{color:#17395f;margin:8px 0;font-size:clamp(2.2rem,4vw,3.1rem);font-weight:800;line-height:1.1}.home-cta p{color:#63778a;margin:0 auto 17px;font-size:.78rem;line-height:1.55}.home-cta-button{color:#fff;background:#17395f;border-radius:11px;justify-content:center;align-items:center;min-height:43px;padding:0 22px;font-size:.74rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:5px 5px 10px #a3b1c666,-5px -5px 10px #ffffffe6}.home-cta-button:hover{transform:translateY(-2px)}@media (width<=900px){.home-hero{text-align:center;grid-template-columns:1fr;padding:55px 0}.home-hero-content{margin:0 auto}.home-hero-description{margin-left:auto;margin-right:auto}.home-hero-buttons{justify-content:center}.home-service-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.home-service-card{text-align:center;min-height:auto}.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (width<=650px){.home-hero{width:92%;padding:45px 0}.home-hero-content>span:nth-child(2){font-size:1.2rem}.home-hero-buttons{flex-direction:column;width:100%}.home-primary-button,.home-secondary-button{width:100%}.home-intro,.home-services,.home-projects{width:92%;padding:42px 0}.home-project-grid{grid-template-columns:1fr;gap:22px;max-width:560px;margin:0 auto}.home-project-card,.home-project-placeholder{width:100%}.home-project-placeholder img{width:100%;height:auto}.home-cta{width:92%;padding:50px 0 60px}}@media (width<=400px){.home-hero{padding:40px 0}.home-hero-content>span:nth-child(2){font-size:1.1rem}.home-section-heading h2{font-size:1.9rem}.home-project-content{padding:16px 18px 18px}.home-project-content h3{font-size:1.1rem}.home-project-content p{font-size:.7rem}}.about-section{color:#17395f;background:#e8edf2;width:100%;padding:105px 0 5px}.about-container{width:min(1400px,92%);margin:0 auto}.about-heading{text-align:center;max-width:850px;margin:0 auto 45px}.about-eyebrow{color:#17395f;letter-spacing:2px;background:#e8edf2;border-radius:20px;margin-bottom:16px;padding:5px 15px;font-size:.72rem;font-weight:700;display:inline-block;box-shadow:inset 3px 3px 7px #a3b1c661,inset -3px -3px 7px #ffffffe6}.about-heading h2{color:#17395f;letter-spacing:-2px;margin:0;font-size:clamp(2.7rem,5vw,4.2rem);font-weight:800;line-height:1.05}.about-heading h2 span{color:#315f8d}.about-heading p{color:#60758a;max-width:700px;margin:18px auto 0;font-size:1.05rem;line-height:1.7}.about-content{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:32px;display:grid}.about-card{background:#e8edf2;border-radius:30px;flex-direction:column;min-height:400px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:10px 10px 24px #a3b1c673,-10px -10px 24px #fffffff2}.about-card:hover{transform:translateY(-6px);box-shadow:14px 14px 30px #a3b1c680,-12px -12px 30px #fffffffa}.about-card-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.about-card-icon{background:#e8edf2;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:.75rem;font-weight:800;display:flex;box-shadow:6px 6px 12px #a3b1c666,-5px -5px 10px #fffffff2}.about-icon-blue{color:#0878ff}.about-icon-green{color:#20a653}.about-icon-orange{color:#f5a900}.about-card h3{margin:0;font-size:1.7rem;font-weight:750;line-height:1.2}.about-card:first-child h3{color:#0878ff}.about-card:nth-child(2) h3{color:#20a653}.about-card:nth-child(3) h3{color:#f5a900}.about-card-line{border-radius:5px;width:50px;height:3px;margin-top:10px}.about-line-blue{background:#0878ff}.about-line-green{background:#20a653}.about-line-orange{background:#f5a900}.about-card-body{flex:1}.about-card-body p{color:#172c43;text-align:left;margin:0 0 15px;font-size:.96rem;line-height:1.8}.about-card-body p:last-child{margin-bottom:0}.about-card-body strong{color:#102f52;font-weight:750}.about-bottom{align-items:center;gap:25px;margin-top:55px;display:flex}.about-bottom p{color:#17395f;letter-spacing:2px;text-align:center;white-space:nowrap;margin:0;font-size:1rem;font-weight:700}.about-bottom-line{background:#17395f26;flex:1;height:1px}@media (width<=1100px){.about-content{gap:22px}.about-card{padding:32px 27px}.about-card-header{gap:14px}.about-card h3{font-size:1.45rem}.about-card-body p{font-size:.9rem}}@media (width<=850px){.about-section{padding:35px 0 70px}.about-content{grid-template-columns:1fr}.about-card{min-height:auto;padding:35px}.about-card-body p{font-size:.95rem}}@media (width<=600px){.about-section{padding:30px 0 60px}.about-container{width:90%}.about-heading{margin-bottom:40px}.about-heading h2{letter-spacing:-1px;font-size:2.7rem}.about-heading p{font-size:.9rem}.about-card{border-radius:22px;padding:28px 25px}.about-card-header{margin-bottom:25px}.about-card-icon{border-radius:16px;width:55px;height:55px}.about-card h3{font-size:1.35rem}.about-card-body p{font-size:.88rem;line-height:1.75}.about-bottom{margin-top:40px}.about-bottom-line{display:none}.about-bottom p{letter-spacing:1.5px;font-size:.82rem}}@media (width<=400px){.about-heading h2{font-size:2.35rem}.about-card{padding:25px 21px}.about-card-header{gap:12px}.about-card-icon{width:50px;height:50px}.about-card h3{font-size:1.25rem}.about-card-body p{font-size:.84rem}}.services-section{color:#17395f;background:#e8edf2;width:100%;padding:110px 0 30px}.services-container{width:min(1400px,92%);margin:0 auto}.services-heading{text-align:center;max-width:800px;margin:0 auto 55px}.services-eyebrow{color:#17395f;letter-spacing:2px;background:#e8edf2;border-radius:20px;margin-bottom:16px;padding:8px 18px;font-size:.72rem;font-weight:700;display:inline-block;box-shadow:inset 3px 3px 7px #a3b1c661,inset -3px -3px 7px #ffffffe6}.services-heading h2{color:#17395f;letter-spacing:-2px;margin:0;font-size:clamp(2.7rem,5vw,4.2rem);font-weight:800;line-height:1.05}.services-heading h2 span{color:#315f8d}.services-heading p{color:#60758a;max-width:700px;margin:18px auto 0;font-size:1.05rem;line-height:1.7}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:32px;display:grid}.service-card{background:#f5f7f9;border-radius:24px;flex-direction:column;min-height:300px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:10px 10px 24px #a3b1c673,-10px -10px 24px #fffffff2}.service-card:hover{transform:translateY(-5px);box-shadow:14px 14px 28px #a3b1c680,-12px -12px 28px #fffffffa}.service-card h3{text-align:left;background:#e8edf2;align-items:center;min-height:58px;margin:0;padding:14px 22px;font-size:1.55rem;font-weight:750;line-height:1.2;display:flex}.service-card:first-child h3{color:#0878ff}.service-card:nth-child(2) h3{color:#20a653}.service-card:nth-child(3) h3{color:#f28b12}.service-description{background:#f5f7f9;flex:1;justify-content:center;align-items:flex-start;padding:32px 38px;display:flex}.service-description p{color:#17395f;text-align:center;width:100%;margin:0;font-size:1rem;line-height:1.75}@media (width<=1100px){.services-grid{gap:22px}.service-card{min-height:290px}.service-card h3{padding:13px 18px;font-size:1.35rem}.service-description{padding:28px 25px}.service-description p{font-size:.92rem;line-height:1.7}}@media (width<=850px){.services-section{padding:40px 0 70px}.services-grid{grid-template-columns:1fr;gap:24px;max-width:600px;margin:0 auto}.service-card{min-height:0}.service-card h3{min-height:55px;padding:13px 20px;font-size:1.4rem}.service-description{padding:25px 28px}.service-description p{font-size:.95rem;line-height:1.7}}@media (width<=600px){.services-section{padding:30px 0 60px}.services-container{width:90%}.services-heading{margin-bottom:40px}.services-heading h2{letter-spacing:-1px;font-size:2.7rem}.services-heading p{font-size:.9rem;line-height:1.6}.services-grid{gap:20px}.service-card{border-radius:20px}.service-card h3{min-height:52px;padding:12px 18px;font-size:1.3rem}.service-description{padding:22px 20px 25px}.service-description p{font-size:.88rem;line-height:1.65}}@media (width<=400px){.services-heading h2{font-size:2.35rem}.service-card h3{padding:11px 16px;font-size:1.2rem}.service-description{padding:20px 17px 23px}.service-description p{font-size:.84rem;line-height:1.6}}.team-section{color:#17395f;box-sizing:border-box;background:#e8edf2;width:100%;min-height:50vh;padding:110px 0 10px}.team-container{width:min(1120px,90%);margin:0 auto}.team-heading{text-align:center;max-width:720px;margin:0 auto 20px}.team-eyebrow{color:#315f8d;letter-spacing:1.5px;background:#e8edf2;border-radius:20px;margin-bottom:12px;padding:6px 15px;font-size:.62rem;font-weight:700;display:inline-block;box-shadow:inset 3px 3px 7px #a3b1c659,inset -3px -3px 7px #ffffffe6}.team-heading h2{color:#17395f;letter-spacing:-1.5px;margin:0;font-size:clamp(2.5rem,4vw,3.4rem);font-weight:800;line-height:1.05}.team-heading h2 span{color:#315f8d}.team-heading>p{color:#63778a;max-width:650px;margin:15px auto 0;font-size:.88rem;line-height:1.65}.team-group{margin-bottom:65px}.team-group:last-child{margin-bottom:0}.team-group-heading{align-items:center;gap:16px;margin-bottom:25px;display:flex}.team-group-heading h3{color:#17395f;white-space:nowrap;margin:0;font-size:1.08rem;font-weight:750}.team-heading-line{background:#17395f24;flex:1;height:1px}.team-card{box-sizing:border-box;background:#e8edf2;border-radius:20px;width:100%;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:7px 7px 17px #a3b1c66b,-7px -7px 17px #ffffffeb}.team-card:hover{transform:translateY(-3px);box-shadow:10px 10px 22px #a3b1c673,-9px -9px 22px #fffffff2}.mentor-grid{flex-direction:column;gap:30px;width:100%;max-width:1050px;margin:0 auto;display:flex}.mentor-card{text-align:left;grid-template-columns:280px minmax(0,1fr);width:100%;min-height:350px;display:grid;overflow:hidden}.mentor-image-wrapper{box-sizing:border-box;background:0 0;border-radius:20px 0 0 20px;width:280px;height:100%;min-height:350px;margin:0;padding:0;line-height:0;overflow:hidden}.mentor-image{object-fit:cover;object-position:center;width:100%;height:100%;box-shadow:none;box-sizing:border-box;background:0 0;border:0;border-radius:20px 0 0 20px;margin:0;padding:0;transition:transform .3s;display:block}.mentor-card:hover .mentor-image{transform:scale(1.015)}.mentor-card:first-child .mentor-image,.mentor-card:nth-child(2) .mentor-image{object-position:center 25%}.mentor-info{text-align:left;box-sizing:border-box;flex-direction:column;justify-content:center;min-width:0;padding:35px 45px;display:flex}.mentor-info h4{color:#17395f;margin:0 0 8px;font-size:1.55rem;font-weight:750;line-height:1.25}.mentor-designation{color:#315f8d;max-width:600px;margin:0;font-size:.92rem;font-weight:600;line-height:1.5}.mentor-line{background:#315f8d;border-radius:5px;width:42px;height:2px;margin:15px 0 20px}.mentor-description{color:#526579;text-align:justify;margin:0 0 15px;font-size:.86rem;line-height:1.7}.mentor-description:last-child{margin-bottom:0}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:800px;margin:0 auto;display:grid}.member-card{text-align:center}.member-image-wrapper{box-sizing:border-box;width:100%;height:260px;padding:15px}.member-image{object-fit:cover;object-position:center;box-sizing:border-box;border-radius:15px;width:100%;height:245px;transition:transform .3s;display:block;box-shadow:4px 4px 9px #a3b1c647,-4px -4px 9px #fffc}.member-card:hover .member-image{transform:scale(1.01)}.current-group .member-card:first-child .member-image{object-position:center 22%}.current-group .member-card:nth-child(2) .member-image{object-position:center 20%}.member-info{text-align:center;box-sizing:border-box;padding:17px 22px 21px}.member-info h4{color:#17395f;margin:0;font-size:1.15rem;font-weight:750;line-height:1.3}.member-role{color:#315f8d;margin:5px 0 0;font-size:.75rem;font-weight:600;line-height:1.4}.member-line{background:#315f8d;border-radius:4px;width:38px;height:2px;margin:11px auto 13px}.member-description{color:#526579;text-align:justify;margin:0;font-size:.7rem;line-height:1.55}.past-group{margin-bottom:0}.past-member-grid{max-width:700px}.past-member .member-image{object-fit:cover;height:245px}.past-group .member-card:first-child .member-image,.past-group .member-card:nth-child(2) .member-image{object-position:center 20%}.past-member .member-info{padding:15px 20px 18px}.past-member .member-info h4{font-size:1.05rem}.past-member .member-role,.past-member .member-line,.past-member .member-description{display:none}@media (width<=1000px){.team-section{padding:75px 0}.team-container{width:min(920px,90%)}.mentor-card{grid-template-columns:240px minmax(0,1fr);min-height:320px}.mentor-image-wrapper{width:240px;min-height:320px}.mentor-info{padding:30px 32px}.mentor-info h4{font-size:1.35rem}.mentor-designation{font-size:.84rem}.mentor-description{font-size:.8rem;line-height:1.65}.member-image-wrapper{height:250px;padding:14px}.member-image{height:235px}.member-info{padding:16px 20px 20px}}@media (width<=700px){.team-section{padding:65px 0}.team-container{width:92%}.team-heading{margin-bottom:50px}.team-heading h2{font-size:2.4rem}.team-group{margin-bottom:50px}.team-group-heading{gap:10px;margin-bottom:20px}.team-group-heading h3{font-size:1rem}.mentor-grid{gap:25px}.mentor-card{text-align:center;flex-direction:column;min-height:0;display:flex}.mentor-image-wrapper{border-radius:20px 20px 0 0;width:100%;height:300px;min-height:300px}.mentor-image{object-fit:cover;border-radius:20px 20px 0 0;width:100%;height:100%}.mentor-info{text-align:center;padding:24px 25px 28px}.mentor-info h4{font-size:1.25rem}.mentor-designation{font-size:.8rem}.mentor-line{margin:13px auto 18px}.mentor-description{text-align:justify;font-size:.76rem;line-height:1.65}.member-grid{grid-template-columns:1fr;max-width:520px}.member-image-wrapper{height:300px;padding:15px}.member-image{height:285px}.member-info{padding:18px 22px 22px}.past-member-grid{max-width:520px}}@media (width<=500px){.team-section{padding:55px 0}.team-container{width:92%}.team-heading{margin-bottom:42px}.team-eyebrow{letter-spacing:1.1px;font-size:.56rem}.team-heading h2{letter-spacing:-.8px;font-size:2.15rem}.team-heading>p{font-size:.78rem}.team-group-heading h3{font-size:.98rem}.mentor-image-wrapper{height:280px;min-height:280px}.mentor-info{padding:20px 19px 25px}.mentor-info h4{font-size:1.16rem}.mentor-designation{font-size:.75rem;line-height:1.5}.mentor-description{font-size:.73rem;line-height:1.65}.member-image-wrapper{height:275px;padding:14px}.member-image{border-radius:14px;height:261px}.member-info{padding:17px 18px 21px}.member-info h4{font-size:1.08rem}.member-role{font-size:.71rem}.member-description{font-size:.69rem}.past-member .member-info{padding:15px 18px 18px}.past-member .member-info h4{font-size:1rem}}@media (width<=380px){.team-heading h2{font-size:2rem}.mentor-image-wrapper{height:250px;min-height:250px}.mentor-info{padding:18px 15px 22px}.mentor-info h4{font-size:1.08rem}.mentor-designation{font-size:.71rem}.mentor-description{font-size:.7rem;line-height:1.6}.member-image-wrapper{height:245px;padding:12px}.member-image{height:231px}.member-info{padding-left:15px;padding-right:15px}}.project-section{color:#17395f;box-sizing:border-box;background:#e8edf2;width:100%;padding:110px 0 10px}.project-container{width:min(1120px,90%);margin:0 auto}.project-heading{text-align:center;max-width:700px;margin:0 auto 20px}.project-eyebrow{color:#315f8d;letter-spacing:1.6px;background:#e8edf2;border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:.62rem;font-weight:700;display:inline-block;box-shadow:inset 3px 3px 7px #a3b1c659,inset -3px -3px 7px #ffffffe6}.project-heading h2{color:#17395f;letter-spacing:-1.5px;margin:0;font-size:clamp(2.5rem,4vw,3.4rem);font-weight:800;line-height:1.05}.project-heading>p{color:#63778a;max-width:650px;margin:15px auto 0;font-size:.88rem;line-height:1.65}.project-group{width:100%;margin-bottom:70px}.project-group:last-child{margin-bottom:0}.project-group-heading{align-items:center;gap:16px;margin-bottom:25px;display:flex}.project-group-heading h3{color:#17395f;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:750}.project-heading-line{background:#17395f24;flex:1;height:1px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;display:grid}.project-card{box-sizing:border-box;background:#e8edf2;border-radius:20px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:7px 7px 17px #a3b1c66b,-7px -7px 17px #ffffffeb}.project-card:hover{transform:translateY(-5px);box-shadow:10px 10px 22px #a3b1c673,-9px -9px 22px #fffffff2}.project-image-wrapper{background:#dfe6ec;width:100%;height:500px;line-height:0;overflow:hidden}.project-image{object-fit:cover;object-position:center;border:0;width:100%;height:100%;margin:0;padding:0;transition:transform .35s;display:block}.project-card:hover .project-image{transform:scale(1.025)}.project-content{text-align:center;padding:25px 28px 30px}.project-content h3{color:#17395f;margin:0 0 15px;font-size:1.4rem;font-weight:750;line-height:1.3}.project-description{color:#526579;text-align:justify;margin:0;font-size:.84rem;line-height:1.7}.project-website-button{color:#17395f;letter-spacing:.4px;cursor:pointer;background:#e8edf2;border:1px solid #315f8d2e;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:11px 20px;font-size:.76rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,color .25s;display:inline-flex;box-shadow:4px 4px 9px #a3b1c661,-4px -4px 9px #ffffffe6}.project-website-button:hover{color:#17395f;transform:translateY(-2px);box-shadow:6px 6px 13px #a3b1c66b,-6px -6px 13px #fffffff2}.project-website-button:active{transform:translateY(0);box-shadow:inset 3px 3px 7px #a3b1c659,inset -3px -3px 7px #ffffffe6}.project-website-arrow{font-size:.95rem;line-height:1;transition:transform .25s;display:inline-block}.project-website-button:hover .project-website-arrow{transform:translate(2px,-2px)}.patent-project-wrapper{width:100%;max-width:900px;margin:0 auto}.patent-project{grid-template-columns:360px minmax(0,1fr);min-height:300px;display:grid}.patent-project .project-image-wrapper{border-radius:20px 0 0 20px;width:100%;height:100%;min-height:300px}.patent-project .project-image{border-radius:20px 0 0 20px}.patent-project .project-content{text-align:left;flex-direction:column;justify-content:center;padding:35px 40px;display:flex}.patent-project .project-content h3{color:#17395f;text-align:left;margin-bottom:14px;font-size:1.55rem}.patent-project .project-description{text-align:justify}.project-collaboration{color:#315f8d;text-align:left;border-top:1px solid #17395f26;margin:20px 0 0;padding-top:16px;font-size:.8rem;font-weight:650;line-height:1.55}@media (width<=950px){.project-section{padding:75px 0 80px}.project-container{width:min(900px,90%)}.project-grid{gap:22px}.project-image-wrapper{height:240px}.project-content{padding:22px 22px 26px}.project-content h3{font-size:1.25rem}.project-description{font-size:.78rem}.project-website-button{margin-top:19px;padding:10px 18px}.patent-project{grid-template-columns:300px minmax(0,1fr)}.patent-project .project-image-wrapper{min-height:280px}.patent-project .project-content{padding:30px}.patent-project .project-content h3{font-size:1.35rem}}@media (width<=700px){.project-section{padding:65px 0 70px}.project-container{width:92%}.project-heading{margin-bottom:50px}.project-heading h2{font-size:2.4rem}.project-heading>p{font-size:.8rem}.project-group{margin-bottom:50px}.project-group-heading{gap:10px;margin-bottom:20px}.project-group-heading h3{font-size:1rem}.project-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.project-image-wrapper{height:280px}.project-content{padding:22px 24px 27px}.project-website-button{margin-top:20px;padding:10px 18px;font-size:.74rem}.patent-project{flex-direction:column;max-width:520px;margin:0 auto;display:flex}.patent-project .project-image-wrapper{border-radius:20px 20px 0 0;width:100%;height:280px;min-height:280px}.patent-project .project-image{border-radius:20px 20px 0 0}.patent-project .project-content{text-align:center;padding:24px 24px 28px}.patent-project .project-content h3{text-align:center;font-size:1.3rem}.patent-project .project-description{text-align:justify}.project-collaboration{text-align:center}}@media (width<=450px){.project-section{padding:55px 0 60px}.project-container{width:92%}.project-heading h2{font-size:2.1rem}.project-heading>p{font-size:.75rem}.project-image-wrapper{height:240px}.project-content{padding:20px 18px 24px}.project-content h3{font-size:1.15rem}.project-description{font-size:.73rem;line-height:1.65}.project-website-button{margin-top:18px;padding:9px 16px;font-size:.72rem}.patent-project .project-image-wrapper{height:240px;min-height:240px}.patent-project .project-content{padding:21px 18px 25px}.patent-project .project-content h3{font-size:1.18rem}.project-collaboration{font-size:.72rem}}.gallery-section{color:#17395f;background:#e8edf2;width:100%;padding:70px 0 5px}.gallery-container{width:min(1400px,90%);margin:0 auto}.gallery-heading{text-align:center;max-width:800px;margin:0 auto 55px}.gallery-eyebrow{color:#17395f;letter-spacing:2px;background:#e8edf2;border-radius:20px;margin-bottom:15px;padding:5px 15px;font-size:.72rem;font-weight:700;display:inline-block;box-shadow:inset 3px 3px 7px #a3b1c661,inset -3px -3px 7px #ffffffe6}.gallery-heading h1{color:#17395f;letter-spacing:-2px;margin:0;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:1.05}.gallery-heading h1 span{color:#315f8d}.gallery-heading p{color:#60758a;max-width:720px;margin:18px auto 0;font-size:1.05rem;line-height:1.7}.gallery-category{width:100%;margin-bottom:60px}.gallery-category:last-child{margin-bottom:0}.gallery-category-heading{align-items:center;gap:20px;margin-bottom:24px;display:flex}.gallery-category-heading h2{white-space:nowrap;color:#17395f;margin:0;font-size:1.35rem;font-weight:750;line-height:1.2}.gallery-category-heading span{background:#17395f29;flex:1;height:1px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;width:100%;display:grid}.gallery-item{aspect-ratio:4/3;isolation:isolate;background:#e8edf2;border-radius:18px;justify-content:center;align-items:center;width:100%;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:8px 8px 18px #a3b1c66b,-8px -8px 18px #fffffff2}.gallery-item img{object-fit:contain;object-position:center;vertical-align:middle;background:#e8edf2;border:0;transition:transform .35s;display:block;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important}.gallery-item:hover{transform:translateY(-4px);box-shadow:12px 12px 24px #a3b1c67a,-10px -10px 24px #fffffffa}.gallery-item:hover img{transform:scale(1.02)}@media (width<=1100px){.gallery-container{width:92%}.gallery-grid{gap:20px}.gallery-item{border-radius:16px}}@media (width<=850px){.gallery-section{padding:40px 0 70px}.gallery-heading{margin-bottom:45px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-category{margin-bottom:50px}.gallery-item{aspect-ratio:4/3}}@media (width<=600px){.gallery-section{padding:30px 0 60px}.gallery-container{width:90%}.gallery-heading{margin-bottom:40px}.gallery-heading h1{letter-spacing:-1px;font-size:2.7rem}.gallery-heading p{font-size:.9rem;line-height:1.6}.gallery-grid{grid-template-columns:1fr;gap:18px}.gallery-item{aspect-ratio:4/3;border-radius:16px}.gallery-category-heading{gap:14px;margin-bottom:20px}.gallery-category-heading h2{font-size:1.15rem}.gallery-category{margin-bottom:45px}}@media (width<=400px){.gallery-heading h1{font-size:2.35rem}.gallery-category-heading h2{font-size:1.05rem}.gallery-item{border-radius:14px}}.contact-section{box-sizing:border-box;background:#e8edf2;width:100%;min-height:60vh;padding:95px 10px}.contact-container{width:min(500px,85%);margin:0 auto}.contact-heading{text-align:center;margin-bottom:40px}.contact-heading h2{color:#17395f;letter-spacing:-1px;margin:0 0 20px;font-size:clamp(2.8rem,6vw,4rem);font-weight:800;line-height:1.1}.contact-heading p{color:#526579;margin:0;font-size:1rem;line-height:1.7}.contact-form{flex-direction:column;gap:18px;width:100%;display:flex}.contact-form input,.contact-form textarea{color:#17395f;box-sizing:border-box;background:#e8edf2;border:1px solid #17395f26;border-radius:13px;outline:none;width:100%;padding:15px 18px;font-family:Arial,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 3px 3px 7px #a3b1c640,inset -3px -3px 7px #fffc}.contact-form input{height:56px}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#526579;opacity:1}.contact-form input:focus,.contact-form textarea:focus{border-color:#315f8d73;box-shadow:inset 2px 2px 5px #a3b1c640,inset -2px -2px 5px #ffffffd9,0 0 0 2px #315f8d14}.phone-whatsapp-row{grid-template-columns:1fr 150px;gap:12px;width:100%;display:grid}.whatsapp-button{color:#17395f;cursor:pointer;background:#e8edf2;border:none;border-radius:13px;justify-content:center;align-items:center;gap:5px;height:56px;padding:0 14px;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:5px 5px 10px #a3b1c661,-5px -5px 10px #ffffffe6}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:7px 7px 14px #a3b1c66b,-7px -7px 14px #fffffff2}.whatsapp-button:active{transform:translateY(1px);box-shadow:inset 3px 3px 7px #a3b1c64d,inset -3px -3px 7px #ffffffd9}.whatsapp-icon{flex-shrink:0;width:21px;height:21px;margin:0;font-size:21px;line-height:1}.contact-submit{color:#fff;letter-spacing:1px;cursor:pointer;background:#17395f;border:none;border-radius:12px;width:100%;height:55px;margin-top:18px;font-family:Arial,sans-serif;font-size:1rem;font-weight:750;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:5px 5px 10px #a3b1c661,-5px -5px 10px #fffc}.contact-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:7px 7px 14px #a3b1c66b,-7px -7px 14px #ffffffe6}.contact-submit:active:not(:disabled){transform:translateY(1px);box-shadow:inset 3px 3px 7px #0000002e}.contact-submit:disabled{cursor:not-allowed;opacity:.72;transform:none;box-shadow:3px 3px 8px #a3b1c64d,-3px -3px 8px #ffffffb3}.contact-success,.contact-error{text-align:center;margin:-3px 0 0;padding:4px 8px;font-size:.78rem;font-weight:650;line-height:1.5;animation:.35s contactStatusFade}.contact-success{color:#315f8d}.contact-error{color:#9a4f4f}@keyframes contactStatusFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.contact-section{padding:70px 20px}.contact-heading h2{font-size:2.8rem}.contact-heading p{font-size:.9rem}}@media (width<=520px){.contact-section{padding:60px 18px}.contact-heading{margin-bottom:32px}.contact-heading h2{margin-bottom:15px;font-size:2.35rem}.contact-heading p{font-size:.82rem;line-height:1.6}.contact-form{gap:15px}.phone-whatsapp-row{grid-template-columns:1fr;gap:12px}.whatsapp-button{width:100%}.contact-form input{height:53px}.contact-form textarea{min-height:130px}.contact-submit{height:53px;margin-top:12px}.contact-success,.contact-error{padding:3px 5px;font-size:.75rem}}@media (width<=380px){.contact-section{padding:50px 15px}.contact-heading h2{font-size:2.1rem}.contact-heading p{font-size:.76rem}.contact-form input{height:51px;font-size:.9rem}.whatsapp-button{height:51px;font-size:.85rem}.whatsapp-icon{width:20px;height:20px;font-size:20px}.contact-form textarea{min-height:120px;font-size:.9rem}.contact-submit{height:51px;font-size:.9rem}.contact-success,.contact-error{font-size:.7rem}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}
