.journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.journey-tabs button{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid #cedce6;background:#f0f5f8;color:#39586e;border-radius:18px;text-align:left;font-size:16px;font-weight:400;transition:background .3s,color .3s,box-shadow .3s}
.journey-tabs button>span:last-child{margin-left:auto;font-size:23px}.journey-index{font-size:11px;opacity:.75}
.journey-tabs button[aria-selected=true]{background:#123b59;color:#fff;border-color:#123b59;box-shadow:0 6px 22px #133c591a}
.journey-tabs button:hover{border-color:#6095b8}
.method-grid.journey-panels{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 85% 25%,#255e80,#0c253d 65%);color:#fff}
.journey-panels::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:450px;aspect-ratio:1;right:-170px;top:-130px;border:1px solid #a3d2ed33;border-radius:50%;box-shadow:0 0 0 50px #a3d2ed09,0 0 0 100px #a3d2ed06}
.method-grid.journey-panels article{display:grid;grid-template-columns:1fr 2fr;gap:55px;align-items:center;border:0;margin:0;padding:64px;min-height:350px;background:transparent}
.journey-panels .method-number{font-size:clamp(100px,12vw,175px);font-weight:300;color:#8ebad2;letter-spacing:-.07em;line-height:1}
.method-grid.journey-panels article h3{font-size:clamp(34px,4vw,58px);font-weight:400;margin:0}
.method-grid.journey-panels article p{color:#d0e0eb;max-width:560px;font-size:18px;margin-top:24px}
.journey-panels .method-tag{color:#a6cee6;letter-spacing:.08em;font-size:12px;margin-top:30px}
.page-journey{position:fixed;bottom:22px;left:24px;z-index:44;display:flex;align-items:center;overflow:hidden;border-radius:99px;padding:3px 6px;background:#092337f2;color:#fff;border:1px solid #577b9366;box-shadow:0 5px 25px #04192c25;backdrop-filter:blur(14px)}
.page-journey::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:var(--journey-progress,11%);background:#9bd4f2;transition:width .4s}
.page-journey button{width:40px;min-height:40px;background:none;color:inherit;border:0;border-radius:50%;font-size:20px;font-weight:400}.page-journey button:hover{background:#ffffff1a}.page-journey button:disabled{opacity:.25;cursor:default}
.page-journey select{width:160px;min-height:40px;border:0;background:transparent;color:#fff;font:400 12px var(--font);cursor:pointer;padding-inline:6px}.page-journey option{background:#102d44;color:#fff}
body.menu-is-open .page-journey,body.film-is-open .page-journey{visibility:hidden}
@media(max-width:960px){.journey-tabs button{padding:18px;gap:10px;font-size:14px}.method-grid.journey-panels article{padding:42px;gap:30px;grid-template-columns:1fr 2.5fr}.journey-panels .method-number{font-size:100px}}
@media(max-width:640px){.journey-tabs{grid-template-columns:1fr;gap:8px}.journey-tabs button{padding:15px 18px;min-height:58px}.method-grid.journey-panels article{display:block;padding:30px;min-height:380px}.journey-panels .method-number{display:block;font-size:65px;margin-bottom:24px}.method-grid.journey-panels article h3{font-size:32px}.method-grid.journey-panels article p{font-size:16px;margin-top:18px}.journey-panels .method-tag{margin-top:24px}.page-journey{left:10px;bottom:12px;padding:3px}.page-journey button{width:32px}.page-journey select{width:114px;font-size:11px}.sound-control{right:10px;padding:10px;gap:6px}}