.tariff-intro{padding:24px 0 38px;border-bottom:1px solid var(--line)}.tariff-breadcrumb ol{display:flex;align-items:center;gap:12px;color:#a5a6ae;font-size:12px}.tariff-breadcrumb a{display:inline-flex;align-items:center;min-height:40px}.tariff-breadcrumb a:hover{color:#fff}.tariff-breadcrumb [aria-current]{color:#e7e7eb}.tariff-stage{display:grid;grid-template-columns:1.1fr 1fr;min-height:510px;margin-top:12px;background:#111215;border:1px solid #ffffff18;border-radius:32px;overflow:hidden}.tariff-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:46px 48px}.tariff-copy h1{font-size:clamp(3.4rem,5.7vw,5.3rem);line-height:1.02;font-weight:700;letter-spacing:0}.tariff-copy>p{max-width:390px;margin-top:24px;font-size:17px;line-height:1.65;color:#bcbec5}.tariff-copy>.button{margin-top:30px}.tariff-confirmation{display:flex;align-items:center;gap:13px;margin-top:32px}.tariff-confirmation>.atelier-illustration{width:38px;height:38px}.tariff-confirmation p{color:#a7aab1;font-size:12px;line-height:1.6}.tariff-confirmation strong{color:#e2e3e8;font-weight:600}.tariff-visual{position:relative;display:flex;align-items:flex-end;padding:32px;isolation:isolate}.tariff-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center;filter:saturate(.6)}.tariff-visual:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#08090b12,#08090b40 45%,#08090b99)}.tariff-ticket{width:100%;max-width:360px;padding:22px 26px;background:#f2efe7;color:#202228;border-radius:20px;box-shadow:0 16px 40px #0004}.tariff-ticket-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:17px;font-weight:600}.tariff-ticket-heading>.atelier-illustration{width:46px;height:46px}.tariff-amount{display:flex;align-items:baseline;gap:12px;line-height:1;margin-top:8px}.tariff-amount>strong{font-family:var(--font-display);font-size:100px;font-weight:600;letter-spacing:-.01em}.tariff-amount>strong>span{font-size:.55em;margin-left:4px}.tariff-amount>span{color:#64666d;font-size:15px}.tariff-ticket-condition{font-size:12px;margin:12px 0 18px;color:#565960}.tariff-ticket ul{border-top:1px dashed #20222840;padding-top:17px;display:grid;gap:9px}.tariff-ticket li{display:flex;gap:8px;align-items:start;font-size:12px;line-height:1.4}.tariff-ticket li svg{color:#bd1230;flex-shrink:0}.tariff-ticket-note{color:#65666d;font-size:11px;margin-top:14px}.tariff-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.tariff-routes>a{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid #ffffff20;border-radius:18px;background:#111215;transition:border-color .22s,background .22s}.tariff-routes>a:is(:hover,:focus-visible){border-color:#ee263e;background:#1a1519}.tariff-routes>a>span{min-width:0}.tariff-routes strong{display:block;font-size:19px;font-weight:600;font-family:var(--font-display)}.tariff-routes>a>span>span{display:block;font-size:12px;line-height:1.5;color:#aaaeb8;margin-top:5px}.tariff-routes .atelier-illustration{width:48px;height:48px}@media(prefers-reduced-motion:no-preference){.tariff-ticket{animation:tariff-ticket-arrive .9s .15s cubic-bezier(.22,1,.36,1) both}.tariff-copy h1{animation:detail-arrive .8s both}.tariff-copy>p{animation:detail-arrive .8s .1s both}.tariff-copy>.button{animation:detail-arrive .8s .18s both}}@keyframes tariff-ticket-arrive{0%{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:none}}@media(max-width:999px){.tariff-copy{padding:32px}.tariff-copy h1{font-size:clamp(3rem,5.8vw,4rem)}.tariff-visual,.tariff-ticket{padding:20px}.tariff-routes>a{padding:18px 14px;gap:10px}.tariff-routes .atelier-illustration{width:40px;height:40px}}@media(max-width:767px){.tariff-intro{padding-top:10px}.tariff-stage{grid-template-columns:1fr;border-radius:24px;margin-top:6px}.tariff-copy{padding:28px 24px}.tariff-copy h1{font-size:clamp(2.8rem,11vw,4rem)}.tariff-copy>p{margin-top:18px;font-size:16px}.tariff-copy>.button{margin-top:22px}.tariff-confirmation{margin-top:24px}.tariff-visual{min-height:370px;padding:60px 20px 20px;justify-content:center}.tariff-ticket{border-radius:16px}.tariff-amount>strong{font-size:86px}.tariff-routes{grid-template-columns:1fr;gap:8px}.tariff-routes>a{padding:16px 20px;gap:18px;border-radius:16px}}
