*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06131f;color:#edf5fb;font-family:Segoe UI,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);background:rgba(4,14,24,.96);border-bottom:1px solid #16344c;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;font-size:1.48rem;font-weight:750}.nav-icon{width:46px;height:46px;object-fit:contain;border-radius:10px}.tech,.footer-brand span{color:#19a9ff}.nav nav{display:flex;gap:31px;color:#c3d2df}.nav nav a:hover{color:#35c3ff}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{background:#020a11;overflow:hidden}.hero img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover}.hero+section{border-top:1px solid #0e3855}.intro{padding:80px clamp(22px,8vw,125px) 90px;max-width:1300px}.eyebrow{color:#37c2ff;letter-spacing:.16em;font-weight:800;font-size:.76rem}.intro h1,.section h2,.about h2,.contact h2{font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.05;margin:.2em 0}.intro h1 span{color:#25b9ff}.intro>p:not(.eyebrow){max-width:760px;color:#b8c9d8;font-size:1.18rem}.button{display:inline-block;background:#078cf0;padding:13px 21px;border-radius:9px;font-weight:750;margin-top:18px}.section{padding:95px clamp(22px,8vw,125px);background:#081827}.sub{max-width:700px;color:#aebfce}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px}.cards article{border:1px solid #1a405d;background:#091c2d;border-radius:16px;padding:30px;min-height:250px}.cards article:hover{border-color:#199fe9;transform:translateY(-2px);transition:.2s}.cards article>span{font-size:.68rem;letter-spacing:.13em;color:#39c4ff;border:1px solid #1e6387;border-radius:99px;padding:5px 9px}.cards h3{font-size:1.8rem;margin:19px 0 3px}.cards strong{font-size:.96rem}.cards p{color:#b4c5d3}.labs{background:linear-gradient(145deg,#091c2d,#0b2e49)!important}.about{padding:100px clamp(22px,8vw,125px);display:grid;grid-template-columns:1fr 1fr;gap:70px}.about>div:last-child{color:#b8c9d8;font-size:1.08rem;padding-top:20px}.motto{color:#fff!important;font-weight:700}.contact{text-align:center;padding:100px 22px;background:linear-gradient(#081827,#0a2136)}.contact>p:not(.eyebrow){color:#b5c6d4}.contact h2{font-size:clamp(2.2rem,4vw,3.6rem)}footer{padding:35px clamp(22px,8vw,125px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #17384f;color:#8196a8;font-size:.86rem}.footer-brand{font-size:1.35rem;font-weight:800;color:#fff}@media(max-width:760px){.nav{height:68px}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:#06131f;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.hero img{min-height:230px;object-fit:cover;object-position:center}.cards,.about{grid-template-columns:1fr}.about{gap:15px}footer{flex-direction:column;gap:8px;text-align:center}}
.product{position:relative;overflow:hidden}.product-mark{position:absolute;right:24px;top:24px;width:54px;height:54px;border:1px solid #1d79ad;border-radius:13px;display:grid;place-items:center;font-weight:900;letter-spacing:-.03em;color:#49c9ff;background:#071827;box-shadow:0 8px 24px rgba(0,0,0,.2)}.product h3{padding-right:64px}
@media(max-width:760px){
 .nav-icon{width:42px;height:42px}
 .hero{height:310px;position:relative}
 .hero img{width:auto;height:100%;max-height:none;min-width:100%;object-fit:cover;object-position:center center;position:absolute;left:50%;transform:translateX(-50%)}
 .intro{padding-top:62px}
}
@media(max-width:480px){
 .hero{height:255px}
 .hero img{object-position:46% center}
 .brand{font-size:1.22rem}
}