/* Applications page only */
.ex{background:radial-gradient(120% 90% at 85% 10%,#17505c 0%,#0b1f26 60%,#08141a 100%);color:#fff;padding:40px 0 48px;min-height:calc(100vh - 76px);display:flex;align-items:center}
.exg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"l s" "li s";gap:20px 72px;align-items:start;width:100%}
.exl{grid-area:l}.exl h1{color:#fff;font-size:clamp(36px,4.6vw,60px);line-height:1.06;max-width:12ch}.exl .lead{color:#b9cfd4;margin-top:16px;font-size:17px}
.exs{grid-area:s;position:relative}
.stage{position:relative;aspect-ratio:5/4;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);transition:opacity .9s ease,transform 3.5s cubic-bezier(.2,.6,.2,1)}
.stage img.on{opacity:1;transform:scale(1)}
.cap{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}
.cap small{display:block;color:#8fb0b8;font-size:13px}.cap strong{font:600 20px Sora,sans-serif;letter-spacing:-.01em}
.exlist{grid-area:li;list-style:none;margin:8px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.exlist button{all:unset;box-sizing:border-box;cursor:pointer;display:block;position:relative;width:100%;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14);font:500 17px Sora,sans-serif;letter-spacing:-.01em;color:#7f9fa7;transition:color .25s,padding-left .3s}
.exlist button:hover{color:#dbe9ec}.exlist button[aria-selected="true"]{color:#fff;padding-left:14px}
.exlist button:focus-visible{outline:2px solid #f08350;outline-offset:2px}
.exlist i{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#d9622b;transform:scaleX(0);transform-origin:0 50%}
.exlist [aria-selected="true"] i{animation:fill 3s linear forwards}.ex:hover [aria-selected="true"] i{animation-play-state:paused}
@keyframes fill{to{transform:scaleX(1)}}
.mo{padding:96px 0 40px}.m2{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:40px}.m2 .lead{max-width:36ch;font-size:16.5px}
.mg{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;grid-auto-flow:dense;gap:14px}
.tile{position:relative;overflow:hidden;border-radius:14px;background:#fff;border:1px solid var(--line);text-decoration:none}.tile.w2{grid-column:span 2}.tile.h2{grid-row:span 2}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.tile:hover img{transform:scale(1.07)}
.tile span{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 16px;color:#fff;font:600 15.5px Sora,sans-serif;background:linear-gradient(transparent,rgba(8,20,24,.9));display:flex;justify-content:space-between;align-items:center}
.tile span::after{content:"\2192";opacity:0;transform:translateX(-8px);transition:.3s}.tile:hover span::after{opacity:1;transform:none}
.ask{margin:56px 0 0;padding:84px 0;background:linear-gradient(120deg,#0b1f26,#1f5f6b,#12404a);background-size:220% 220%;animation:gs 14s ease-in-out infinite alternate;color:#fff}
.ask h2{color:#fff}.ask p{color:#c3d6db;margin:12px 0 28px}
.ask form{display:flex;gap:10px;max-width:640px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:8px}
.ask input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:500 16px Inter,sans-serif;padding:0 14px}.ask input::placeholder{color:#9db8bf}.ask input:focus{outline:none}.ask form:focus-within{border-color:#fff}
@media (max-width:900px){.ex{padding:40px 0 56px;min-height:0}.exg{grid-template-columns:1fr;grid-template-areas:"l" "s" "li";gap:24px}.exlist{display:flex;overflow-x:auto;gap:8px;border:0;margin:0;padding-bottom:6px}.exlist li{flex:none}.exlist button{width:auto;white-space:nowrap;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 16px;font-size:14px}.exlist button[aria-selected="true"]{padding-left:16px;background:#d9622b;border-color:#d9622b}.exlist i{display:none}
.cap{flex-wrap:wrap}.mg{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.ask form{flex-direction:column}.ask input{height:48px}}