:root{color-scheme:dark;--cyan:#5ECEE8;--navy:#0B1F3B}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 0 45%,#0b33444d,transparent 48%),#050b12;color:white;font-family:"DM Sans",sans-serif}
header{text-align:center;padding:30px 16px 26px}.brand{display:inline-flex;align-items:center;gap:9px;color:white;text-decoration:none}.brand b{font-size:27px;letter-spacing:.13em}.brand>span{font-size:38px;color:var(--cyan);line-height:1}.brand small{border-left:1px solid #315063;padding-left:11px;font-size:11px;letter-spacing:.16em;color:var(--cyan)}
h1{font-size:14px;font-weight:400;color:#a6b4c2;margin:10px 0 0}
main{max-width:700px;margin:auto;padding:0 20px;display:grid;gap:34px}
.banner{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;min-height:430px;padding:24px 28px 0;overflow:hidden;border:1px solid #31899d;border-radius:18px;color:#fff;background:#07182a;text-align:left;cursor:pointer;box-shadow:0 12px 45px #0006;transition:transform .2s,border-color .2s; font:inherit}
.banner:hover{transform:translateY(-3px);border-color:#8ce9ff}.banner:focus-visible{outline:3px solid white;outline-offset:5px}
.photo,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}
.photo{object-position:65% 50%;filter:saturate(.55) brightness(.76)}
.shade{z-index:-1;background:linear-gradient(90deg,#02101ef2 0%,#061729d9 34%,#07182a20 85%),linear-gradient(0deg,#020a12,transparent 65%)}
.top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.12em;color:#cce2ea}.top b{font-size:19px;letter-spacing:.13em;color:#fff}
.content{display:block;padding:28px 0 24px}.label{display:block;color:#bae5ef;font-size:11px;letter-spacing:.14em;font-weight:600;margin-bottom:10px}
strong{display:block;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:64px;line-height:.95;letter-spacing:-.015em;text-shadow:0 3px 22px #0008}strong em{color:var(--cyan);font-style:normal}
.description{display:block;font-size:15px;line-height:1.5;color:#d2dee8;margin-top:17px;max-width:340px}
.cta{display:flex;justify-content:center;align-items:center;align-self:stretch;margin:auto -28px 0;min-height:54px;padding:14px 18px;background:linear-gradient(100deg,#0F6E8C,#154a66);border-top:1px solid #5ecee866;font-size:13px;letter-spacing:.04em;font-weight:700;text-align:center}
.training .photo{object-position:65% center}.training .shade{background:linear-gradient(90deg,#041321f2,#071b2fcc 40%,#07182a20),linear-gradient(0deg,#020a12,transparent 75%)}
.talk{background:radial-gradient(ellipse at 100% 25%,#17668099,transparent 60%),linear-gradient(135deg,#091c35,#061322)}
.talk-icon{position:absolute;z-index:-1;width:240px;height:240px;right:-12px;top:75px;transform:rotate(-12deg);color:#5ecee84d}.talk-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
footer{text-align:center;color:#8192a2;font-size:11px;letter-spacing:.11em;padding:30px 16px 38px}footer span{color:var(--cyan);padding:0 7px}
.action-dialog{width:min(450px,calc(100% - 32px));padding:32px;border:1px solid #32859d;border-radius:18px;background:#0B1F3B;color:#fff}.action-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.dialog-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff10;color:#fff;font-size:26px;cursor:pointer}.dialog-number{color:var(--cyan);font-size:14px}.action-dialog h2{font:700 36px/1 "Barlow Condensed",sans-serif;margin:25px 0 16px}.dialog-copy{font-size:16px;line-height:1.6;color:#c8d5e3}.dialog-link{display:block;background:var(--cyan);color:var(--navy);text-align:center;padding:15px;border-radius:8px;font-weight:700;text-decoration:none}.dialog-link[aria-disabled=true]{display:none}.dialog-status{color:#b6c8d8;font-size:14px;line-height:1.5}
@media(max-width:520px){header{padding:22px 14px}main{padding:0 17px;gap:26px}.banner{min-height:355px;padding:18px 20px 0;border-radius:13px}.top{font-size:9px;letter-spacing:.1em}.top b{font-size:16px}.content{padding:26px 0 20px}.label{font-size:10px;letter-spacing:.1em}strong{font-size:clamp(40px,12vw,60px)}.description{font-size:14px;max-width:245px;margin-top:13px}.cta{margin:auto -20px 0;min-height:52px;font-size:11px;padding:13px 12px}.talk-icon{width:190px;right:-25px;top:60px}}
.logo-window{position:relative;display:inline-block;width:220px;aspect-ratio:660/270;overflow:hidden;vertical-align:middle;mix-blend-mode:screen;flex-shrink:0}
.logo-window img{position:absolute;width:163.636%;height:auto;max-width:none;left:-30.303%;top:-151.852%;filter:contrast(4)}
.banner-logo{width:100px}
.top{gap:12px}
@media(max-width:520px){.brand.logo-window{width:190px}.banner-logo{width:78px}.top>span:first-child{max-width:65%;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.banner{transition:none}}