:root{--navy:#092d52;--deep:#061d39;--blue:#096bb6;--turq:#00b9c5;--text:#0c2850;--muted:#59718b;--bg:#f7fafd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}a{color:inherit}a:focus-visible{outline:3px solid #00cad0;outline-offset:4px}.container{width:min(1320px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:99}.skip:focus{top:12px}.header{background:#fff;box-shadow:0 2px 18px #0a376212;position:relative;z-index:2}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.brand img{flex:none;width:68px;height:68px}.brand>span{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:clamp(22px,2.6vw,35px);letter-spacing:-.04em;font-weight:750;white-space:nowrap}.brand b{color:#0678c1}.brand small{letter-spacing:.23em;color:#53708e;font-size:10px;margin-top:7px;font-weight:700}.circuit{height:3px;background:linear-gradient(90deg,var(--turq),transparent);margin-top:7px;width:92%}.header nav{display:flex;gap:8px;flex-wrap:wrap}.header nav a{text-decoration:none;padding:12px 17px;border-radius:12px;font-weight:650;color:#244465}.header nav a:hover,.header nav .active{background:#e4f2ff;color:#075c9d}.hero{position:relative;background:linear-gradient(90deg,#07284c 0%,#073b66 39%,#06335cbd 62%,#092d5255 100%),url('../img/hero-tech.webp') center 51%/cover no-repeat;color:white;min-height:370px;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#00b8ca,#0b83c7,transparent)}.hero-content{position:relative;z-index:1;padding-block:48px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.15em;color:#19d1da}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.08;max-width:590px;letter-spacing:-.035em;margin:12px 0 18px}.accent{height:5px;width:95px;border-radius:5px;background:var(--turq)}.hero p:not(.eyebrow){font-size:clamp(15px,1.5vw,19px);max-width:580px}.hero-link{display:inline-flex;gap:14px;align-items:center;margin-top:10px;text-decoration:none;border:1px solid #ffffff70;padding:10px 16px;border-radius:9px;font-weight:650}.hero-link:hover{background:#ffffff22}.applications{padding-block:38px 42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.035em;margin:0}.section-heading p{margin:0;color:var(--muted)}.section-heading .kicker{color:#058eaa;margin-bottom:3px}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:17px}.app-card{min-height:152px;border-radius:18px;padding:22px 20px;display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;box-shadow:0 8px 20px #0b3b6b16;transition:transform .18s,box-shadow .18s}.app-card:hover{transform:translateY(-4px);box-shadow:0 13px 28px #0b3b6b30}.app-blue{background:linear-gradient(125deg,#087cc9,#034a94)}.app-cyan{background:linear-gradient(125deg,#0da6c6,#05659e)}.app-purple{background:linear-gradient(125deg,#8354cb,#4c2998)}.app-teal{background:linear-gradient(125deg,#00b9bb,#08738a)}.app-green{background:linear-gradient(125deg,#24a47e,#146f67)}.app-slate{background:linear-gradient(125deg,#607998,#314967)}.app-icon{flex:none;display:flex}.app-icon svg{width:38px;height:38px}.app-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.app-copy strong{font-size:clamp(17px,1.6vw,21px);line-height:1.2}.app-copy>span{font-size:14px;line-height:1.4;opacity:.95}.app-arrow{font-size:29px;margin-left:auto;align-self:center;flex:none}.showcase{background:linear-gradient(145deg,#e8f3fc,#f3f9fe);border-radius:28px;padding:30px;margin-bottom:48px}.showcase .section-heading{align-items:center}.showcase .section-heading>p{max-width:390px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:15px}.photo-grid figure{margin:0;background:white;border-radius:15px;overflow:hidden;box-shadow:0 4px 12px #163f6815}.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-grid figcaption{padding:12px 14px;font-size:13px;color:#38516d}.video-wrap{max-width:1000px;margin:auto}.video-wrap video{width:100%;display:block;border-radius:16px;background:#071f3b}.showcase-placeholder{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:35px;min-height:240px}.showcase-placeholder h3{font-size:clamp(25px,3vw,39px);margin:6px 0 10px}.showcase-placeholder p{color:var(--muted);max-width:530px}.placeholder-visual{height:240px;border-radius:20px;background:radial-gradient(circle at 70% 20%,#0aa6c1,#0b4f89 55%,#062b52);display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.tile{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:#ffffff18;border:2px solid #ffffff5c;color:white;font-size:26px;font-weight:700;transform:rotate(-8deg)}.t2{transform:translateY(-22px) rotate(7deg);background:#00d0ce45}.t3{transform:translateY(20px) rotate(10deg)}.footer{background:#082c4f;color:#fff}.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>span:first-child{display:flex;flex-direction:column}.footer small{color:#b9d4e8}.footer a{color:#b8e8f0;text-decoration:none}@media(max-width:780px){.header-inner{flex-wrap:wrap;padding-block:12px}.header nav{width:100%;justify-content:center}.hero{min-height:320px;background-position:center,65% center}.hero-content{padding-block:38px}.showcase-placeholder{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:4px}.footer-inner{flex-wrap:wrap;padding-block:20px}}@media(max-width:520px){.container{width:min(100% - 28px,1320px)}.brand img{width:53px;height:53px}.brand strong{font-size:24px}.brand small{font-size:8px;letter-spacing:.16em}.header nav a{padding:9px 11px;font-size:13px}.hero h1{font-size:39px}.hero{background-position:center,66% center}.apps-grid{grid-template-columns:1fr}.app-card{min-height:108px;padding:16px}.showcase{border-radius:18px;padding:20px}.footer-inner{align-items:start;flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card{transition:none}.app-card:hover{transform:none}}