.applications-showcase{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding:95px 7vw 65px;scroll-margin-top:86px;background:#061c29}
.applications-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;pointer-events:none}
.applications-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,#021724c7,#03233175 50%,#021522b8)}
.applications-inner{max-width:1550px;margin:auto;position:relative}
.applications-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:38px}
.applications-heading h2{font-size:clamp(38px,4.2vw,66px);font-weight:500;line-height:1.06;letter-spacing:-.05em;margin:20px 0 0;color:#f4fbff}
.applications-heading h2 span{color:#8eeaf0}
.applications-heading>p{max-width:320px;font-size:14px;line-height:1.8;color:#c9e0e7;margin-bottom:5px}
.application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.application-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:205px;padding:24px;color:#f4fbff;background:#031b2873;border:1px solid #c5f5ff50;backdrop-filter:blur(3px);transition:background .25s,border-color .25s,transform .25s}
.application-card:hover{background:#103b4ccc;border-color:#8eeaf0;transform:translateY(-4px)}
.application-card-top{display:flex;justify-content:space-between;align-items:center;color:#a6d8e4}
.application-card-top>span{font-size:10px;letter-spacing:.12em}.application-card svg{width:30px;height:30px;color:#8eeaf0}
.application-card h3{font-size:23px;line-height:1.2;letter-spacing:-.03em;font-weight:500;margin:0 15px 10px 0}
.application-card p{font-size:11px;color:#bcd6df;margin:0;line-height:1.5;max-width:90%}
.application-card-arrow{position:absolute;right:21px;bottom:24px;font-size:21px;color:#8eeaf0}
.applications-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px;font-size:10px;color:#c3dbe2;letter-spacing:.04em}
.video-toggle{font:inherit;font-size:11px;padding:10px 15px;border:1px solid #c4f3f44d;color:#deeff4;background:#021b2988;cursor:pointer}
.application-card:focus-visible,.video-toggle:focus-visible,.application-back:focus-visible{outline:2px solid #8eeaf0;outline-offset:5px}
.application-hero{position:relative;isolation:isolate;min-height:85svh;display:flex;align-items:center;padding:145px 9vw 90px;overflow:hidden;background:#061c29}
.application-hero-inner{max-width:1000px}.application-back{display:inline-block;font-size:12px;color:#b8dce6;margin-bottom:50px}.application-hero h1{font-size:clamp(48px,6vw,92px);line-height:1.03;margin:24px 0;color:#f4fbff;font-weight:500;letter-spacing:-.055em}
.application-hero h2{font-size:clamp(23px,2.5vw,34px);line-height:1.2;font-weight:400;letter-spacing:-.025em;color:#8eeaf0;max-width:720px;margin:0 0 22px}
.application-hero p{color:#d0e3e9;font-size:15px;line-height:1.85;max-width:650px}.application-hero>.video-toggle{position:absolute;right:7vw;bottom:25px}
.application-detail{padding:85px 9vw;border-top:1px solid #b3ebf421;background:#061c2be8;scroll-margin-top:86px}.application-detail h2{font-size:clamp(32px,3.4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:20px 0 35px}.application-detail h2 span{color:#75e8ef}
.application-challenges{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:45px}.application-challenges article{border-top:1px solid #9cd3df55;padding-top:22px}.application-challenges span,.application-process li>span{font-size:10px;letter-spacing:.1em;color:#75e8ef}.application-challenges h3{font-size:22px;line-height:1.4;font-weight:400;max-width:350px;margin:20px 0 0}
.application-process-section{background:#052333ed}.application-process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding:0;margin:40px 0}.application-process li{position:relative;padding:25px 28px 25px 20px;border:1px solid #a7dce438;background:#001a283d}.application-process h3{font-size:18px;line-height:1.4;margin:20px 0 0;font-weight:400}.application-process b{position:absolute;right:-19px;top:50%;z-index:1;color:#75e8ef;font-size:22px;font-weight:400}.application-note{font-size:11px;color:#a8c7d2;line-height:1.8;max-width:850px}
.application-equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.application-equipment a{padding:28px 24px;border:1px solid #a7dce438;display:flex;flex-direction:column;justify-content:space-between;gap:35px;min-height:180px;background:#001a284d}.application-equipment h3{font-size:22px;line-height:1.3;font-weight:400;margin:0}.application-equipment span{font-size:11px;color:#8eeaf0}.application-equipment a:hover{border-color:#8eeaf0}
.application-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#062535}.application-cta h2{margin-bottom:20px}.application-cta p{font-size:13px;color:#bdd7df;line-height:1.7}.application-cta .button{white-space:nowrap}
.application-more{padding-top:45px;padding-bottom:45px}.application-more-links{display:flex;flex-wrap:wrap;gap:20px 30px}.application-more-links a{font-size:12px;color:#bddce4;border-bottom:1px solid #83d1e65c;padding-bottom:6px}
@media(max-width:1000px){.application-card{padding:20px;min-height:195px}.application-card h3{font-size:20px}.application-card p{font-size:10px}.applications-showcase{padding:80px 5vw 55px}.application-process{grid-template-columns:1fr 1fr}.application-process b{display:none}}
@media(max-width:650px){.applications-showcase{padding:65px 6vw 45px;scroll-margin-top:72px}.applications-heading{display:block;margin-bottom:28px}.applications-heading h2{font-size:38px}.applications-heading>p{font-size:12px;max-width:100%;margin-top:22px}.application-grid{grid-template-columns:1fr 1fr;gap:12px}.application-card{padding:18px 15px;min-height:185px;gap:25px}.application-card h3{font-size:20px;margin-bottom:9px}.application-card p{font-size:9px;max-width:85%}.application-card svg{width:25px;height:25px}.application-card-arrow{right:13px;bottom:18px;font-size:18px}.applications-controls{font-size:8px;line-height:1.6}.applications-controls>span{max-width:190px}.video-toggle{font-size:9px;white-space:nowrap}.application-hero{padding:120px 7vw 75px;min-height:760px}.application-back{margin-bottom:35px;font-size:11px}.application-hero h1{font-size:48px}.application-hero h2{font-size:26px}.application-hero p{font-size:13px}.application-hero .eyebrow{font-size:9px}.application-detail{padding:60px 7vw;scroll-margin-top:72px}.application-challenges,.application-equipment{grid-template-columns:1fr;gap:25px}.application-challenges h3{font-size:21px;max-width:none}.application-process{gap:13px}.application-process li{padding:20px 14px}.application-process h3{font-size:16px}.application-cta{display:block}.application-cta .button{margin-top:28px}.application-more{padding-top:35px;padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.application-card{transition:none}.application-card:hover{transform:none}}
/* Coordinated photographic cards over the moving ocean. */
.application-card{isolation:isolate;overflow:hidden;background:#041d2b;backdrop-filter:none}
.application-card .application-card-photo{position:absolute;inset:0;width:100%;height:100%;z-index:-2;filter:saturate(.65) brightness(.85);transition:filter .35s,transform .5s;overflow:hidden}
.application-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,22,34,.18),rgba(1,22,34,.35) 30%,rgba(1,18,30,.94));pointer-events:none}
.application-card:hover .application-card-photo{filter:saturate(.8) brightness(.95);transform:scale(1.035)}
.application-card-top{color:#dcf5f8;text-shadow:0 1px 6px #00151e}.application-card-top>svg:not(.application-card-photo){width:27px;height:27px;filter:drop-shadow(0 1px 5px #00151e)}
.application-card h3{color:#f4fbff;text-shadow:0 2px 12px #00141d}.application-card p{color:#c4e1e8}
@media(prefers-reduced-motion:reduce){.application-card .application-card-photo{transition:none}.application-card:hover .application-card-photo{transform:none}}
