:root {
  --ink: #071826;
  --ink-2: #102b3d;
  --paper: #f3f3ee;
  --white: #ffffff;
  --mist: #e9eeef;
  --line: rgba(7, 24, 38, 0.12);
  --muted: #66747e;
  --sky: #9fe5ed;
  --cyan: #5fd7df;
  --accent: #ff7059;
  --accent-dark: #e95845;
  --lime: #c9f06c;
  --radius: 28px;
  --shadow: 0 24px 70px rgba(7, 24, 38, 0.13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
svg { display: block; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 999;
  padding: 12px 18px;
  border-radius: 12px;
  background: var(--white);
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }

.site-header {
  width: min(1480px, calc(100% - 64px));
  height: 88px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  z-index: 100;
}
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 21px; font-weight: 900; letter-spacing: .18em; }
.brand-mark { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: white; }
.brand-mark svg { width: 22px; fill: currentColor; }
.desktop-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; margin-right: 30px; }
.desktop-nav a, .text-button { font-size: 14px; font-weight: 600; color: #42535f; border: 0; background: transparent; cursor: pointer; position: relative; padding: 8px 0; }
.desktop-nav a::after, .text-button::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 1px; height: 2px; background: var(--accent); transition: right .25s ease; }
.desktop-nav a:hover::after, .desktop-nav a.active::after, .text-button:hover::after { right: 0; }
.desktop-nav a.active { color: var(--ink); }
.header-actions { display: flex; align-items: center; gap: 12px; }
.language-button, .trips-button { border: 1px solid var(--line); background: rgba(255,255,255,.45); cursor: pointer; height: 44px; border-radius: 999px; padding: 0 17px; font-size: 13px; font-weight: 700; transition: .2s ease; }
.language-button:hover, .trips-button:hover { background: #fff; transform: translateY(-1px); }
.language-button span { margin-left: 5px; color: var(--muted); }
.trips-button { background: var(--ink); border-color: var(--ink); color: white; display: flex; align-items: center; gap: 9px; padding: 0 20px; }
.trips-button:hover { background: var(--ink-2); color: white; }
.user-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(201,240,108,.12); }
.menu-button { width: 45px; height: 45px; border: 1px solid var(--line); border-radius: 50%; background: transparent; display: none; place-items: center; cursor: pointer; }
.menu-button span { width: 17px; height: 1.5px; background: var(--ink); display: block; transition: .25s; }
.menu-button span + span { margin-top: 5px; width: 12px; margin-left: 5px; }
.menu-button.open span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-button.open span:last-child { width: 17px; margin-left: 0; transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { display: none; }

.hero-wrap { width: min(1536px, calc(100% - 48px)); margin: 0 auto; position: relative; }
.hero-card {
  height: 680px;
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  background:
    radial-gradient(circle at 72% 84%, rgba(126, 224, 229, .84) 0, rgba(65, 160, 174, .35) 26%, transparent 52%),
    linear-gradient(124deg, #061521 1%, #092333 48%, #15536a 73%, #9bdfe2 135%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07);
  isolation: isolate;
}
.grain { position: absolute; inset: 0; opacity: .12; pointer-events: none; z-index: 2; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.aurora { position: absolute; border-radius: 50%; filter: blur(35px); z-index: 0; opacity: .5; }
.aurora-one { width: 470px; height: 470px; right: 8%; bottom: -50%; background: #6be2e6; animation: auroraDrift 11s ease-in-out infinite alternate; }
.aurora-two { width: 260px; height: 260px; right: 40%; top: -30%; background: rgba(67,124,177,.55); animation: auroraDrift 14s ease-in-out infinite alternate-reverse; }
@keyframes auroraDrift { to { transform: translate(40px,-25px) scale(1.15); } }

.hero-copy { position: absolute; z-index: 5; left: clamp(42px, 6vw, 92px); top: 86px; width: min(560px, 45%); color: white; }
.eyebrow, .section-kicker { font-size: 11px; line-height: 1; letter-spacing: .2em; font-weight: 800; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #b8e5e8; }
.eyebrow span { width: 22px; height: 1px; background: var(--cyan); }
.hero-copy h1 { font-size: clamp(56px, 5.3vw, 84px); line-height: .98; letter-spacing: -.058em; font-weight: 630; margin: 27px 0 24px; text-wrap: balance; }
.hero-copy h1 em, .section-heading h2 em, .benefits-copy h2 em { color: var(--cyan); font-family: Georgia, serif; font-weight: 400; }
.hero-subtitle { margin: 0; max-width: 420px; color: #b7cbd3; font-size: 17px; line-height: 1.6; }
.hero-proof { margin-top: 35px; display: flex; align-items: center; gap: 14px; }
.avatars { display: flex; }
.avatars i { width: 32px; height: 32px; display: grid; place-items: center; border: 2px solid #0a2535; border-radius: 50%; background: #cbebea; color: #123445; font-size: 10px; font-style: normal; font-weight: 800; margin-left: -8px; }
.avatars i:first-child { margin-left: 0; background: #f1b69c; }
.avatars i:last-child { background: #b5c1e9; }
.hero-proof p { margin: 0; font-size: 12px; line-height: 1.25; }
.hero-proof strong { font-size: 12px; color: white; }
.hero-proof span { color: #8faab4; font-size: 10px; }
.hero-enter { opacity: 0; transform: translateY(18px); animation: heroEnter .7s cubic-bezier(.21,.75,.3,1) forwards; }
.hero-enter:nth-child(2) { animation-delay: .1s; }
.hero-enter:nth-child(3) { animation-delay: .2s; }
.hero-enter:nth-child(4) { animation-delay: .3s; }
@keyframes heroEnter { to { opacity: 1; transform: translateY(0); } }

.plane-stage { position: absolute; inset: 0 0 0 38%; z-index: 3; cursor: grab; }
.plane-stage:active { cursor: grabbing; }
#planeCanvas { width: 100%; height: 100%; display: block; opacity: 0; animation: planeReveal 1.2s .25s ease forwards; }
@keyframes planeReveal { from { opacity: 0; transform: translateX(6%); } to { opacity: 1; transform: translateX(0); } }
.glass-card { border: 1px solid rgba(255,255,255,.18); background: rgba(5,27,40,.42); backdrop-filter: blur(12px); box-shadow: 0 14px 35px rgba(0,0,0,.15); }
.flight-badge { position: absolute; right: 7.5%; top: 11%; color: white; display: flex; align-items: center; gap: 12px; border-radius: 16px; padding: 13px 17px; animation: floatBadge 4s ease-in-out infinite; }
.flight-badge small { display: block; color: #8fb2bd; font-size: 8px; letter-spacing: .16em; margin-bottom: 4px; }
.flight-badge strong { font-size: 13px; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(201,240,108,.12); flex: 0 0 auto; animation: pulseDot 2s ease-out infinite; }
@keyframes pulseDot { 50% { box-shadow: 0 0 0 9px rgba(201,240,108,0); } }
@keyframes floatBadge { 50% { transform: translateY(-7px); } }
.route-label { position: absolute; right: 9%; bottom: 25%; color: rgba(255,255,255,.72); display: flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.route-label i { display: block; width: 45px; border-top: 1px dashed rgba(255,255,255,.4); }
.route-label.swap-flash { animation: routeFlash .45s ease; }
@keyframes routeFlash { 50% { transform: scale(1.12); color: white; } }
.drag-hint { position: absolute; right: 7%; top: 50%; transform: translateY(-50%) rotate(90deg); transform-origin: right center; font-size: 8px; letter-spacing: .16em; color: rgba(255,255,255,.42); text-transform: uppercase; }
.drag-hint span { margin-right: 6px; }
.hero-index { position: absolute; left: 31px; bottom: 127px; z-index: 6; display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.45); font-size: 9px; font-weight: 700; transform: rotate(-90deg); transform-origin: left center; }
.hero-index i { width: 42px; height: 1px; background: rgba(255,255,255,.28); position: relative; }
.hero-index i::after { content:""; position:absolute; left:0; top:0; width: 33%; height: 100%; background: white; }

.search-panel {
  width: calc(100% - 80px);
  margin: -117px auto 0;
  min-height: 194px;
  position: relative;
  z-index: 20;
  border-radius: 26px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.8);
}
.search-topline { height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px 0 17px; border-bottom: 1px solid #edf0f0; }
.trip-tabs { display: flex; align-items: center; gap: 4px; }
.trip-tab { border: 0; background: transparent; color: #77848c; border-radius: 999px; padding: 9px 14px; cursor: pointer; font-size: 11px; font-weight: 700; transition: .2s ease; }
.trip-tab:hover { color: var(--ink); }
.trip-tab.active { background: var(--ink); color: white; }
.promo-note { font-size: 10px; color: var(--muted); }
.promo-note span { color: var(--accent); margin-right: 5px; }
.search-grid { display: grid; grid-template-columns: minmax(350px, 2fr) repeat(2, minmax(125px,.68fr)) minmax(170px,.92fr) 185px; align-items: stretch; min-height: 138px; padding: 13px; gap: 0; }
.route-fields { display: grid; grid-template-columns: 1fr 1fr; position: relative; min-width: 0; }
.search-field { position: relative; min-width: 0; height: 112px; padding: 21px 20px 15px; border: 0; border-right: 1px solid #e5e9e9; background: transparent; text-align: left; cursor: pointer; transition: background .2s ease; }
.search-field:hover, .search-field:focus-within, .airport-field:focus { background: #f6f8f7; outline: none; }
.airport-field:first-child { border-radius: 16px 0 0 16px; }
.field-label { display: block; margin-bottom: 11px; color: #839098; font-size: 9px; font-weight: 800; letter-spacing: .16em; white-space: nowrap; }
.field-main { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.field-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; letter-spacing: -.02em; }
.field-main b { color: #9aa5ab; font-size: 10px; letter-spacing: .1em; }
.field-meta { display: block; margin-top: 6px; color: #859098; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.swap-button { position: absolute; z-index: 3; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid #dce2e2; background: white; box-shadow: 0 4px 12px rgba(7,24,38,.08); cursor: pointer; transition: .35s cubic-bezier(.2,.8,.2,1); }
.swap-button:hover { border-color: var(--accent); color: var(--accent); transform: translate(-50%,-50%) scale(1.08); }
.swap-button.rotating { transform: translate(-50%,-50%) rotate(180deg); }
.swap-button svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.date-field { display: block; }
.date-field input { position: absolute; inset: 0; opacity: 0; width: 100%; cursor: pointer; }
.date-field svg, .passengers-field > svg { position: absolute; width: 17px; right: 13px; top: 19px; fill: none; stroke: #829099; stroke-width: 1.5; }
.passengers-field > svg { stroke-linecap: round; stroke-linejoin: round; }
.search-submit { height: 112px; border: 0; border-radius: 18px; margin-left: 13px; padding: 0 17px 0 22px; background: var(--accent); color: white; display: flex; align-items: center; justify-content: space-between; font-weight: 800; font-size: 13px; cursor: pointer; box-shadow: 0 15px 25px rgba(255,112,89,.25); overflow: hidden; position: relative; transition: .25s ease; }
.search-submit::before { content:""; position:absolute; width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,.12); left:-110px; transition:.45s ease; }
.search-submit:hover { background: var(--accent-dark); transform: translateY(-2px); box-shadow: 0 18px 30px rgba(255,112,89,.3); }
.search-submit:hover::before { left: 100%; }
.button-arrow { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.16); font-size: 17px; }
.button-loader { display: none; width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); border-top-color: white; animation: spin .7s linear infinite; }
.search-submit.loading .button-label, .search-submit.loading .button-arrow { display: none; }
.search-submit.loading { justify-content: center; }
.search-submit.loading .button-loader { display: block; }
@keyframes spin { to { transform: rotate(360deg); } }
.search-panel.oneway .return-field { opacity: .36; pointer-events: none; }
.search-panel.oneway .search-grid { grid-template-columns: minmax(350px,2fr) minmax(125px,.68fr) minmax(125px,.68fr) minmax(170px,.92fr) 185px; }

.airport-popover, .passengers-popover { position: absolute; z-index: 50; top: 57px; left: 13px; width: min(440px, calc(100% - 26px)); padding: 23px; border-radius: 22px; background: white; box-shadow: 0 24px 70px rgba(7,24,38,.22); border: 1px solid #e9eded; animation: popIn .22s ease; }
.passengers-popover { left: auto; right: 12%; width: 380px; }
@keyframes popIn { from { opacity:0; transform: translateY(8px) scale(.98); } }
.popover-head { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:17px; }
.popover-head small { color:#829099; letter-spacing:.16em; font-size:8px; font-weight:800; }
.popover-head h3 { font-size:22px; margin:4px 0 0; letter-spacing:-.03em; }
.popover-head > button, .status-dialog > button { border:0; background:#f0f3f3; width:32px; height:32px; border-radius:50%; cursor:pointer; font-size:20px; }
.airport-search { height: 48px; border:1px solid #dfe5e5; border-radius:13px; display:flex; align-items:center; padding:0 14px; gap:10px; }
.airport-search:focus-within { border-color:#81a9b4; box-shadow:0 0 0 3px rgba(95,215,223,.14); }
.airport-search svg { width:18px; fill:none; stroke:#798891; stroke-width:1.7; }
.airport-search input { border:0; outline:0; width:100%; color:var(--ink); }
.airport-list { max-height:285px; overflow:auto; margin:12px -8px -8px; padding:0 8px; }
.airport-option { width:100%; border:0; border-bottom:1px solid #eff1f1; background:transparent; padding:13px 5px; display:grid; grid-template-columns:36px 1fr auto; text-align:left; align-items:center; gap:10px; cursor:pointer; }
.airport-option:hover { background:#f4f7f7; border-radius:10px; }
.airport-option .airport-icon { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:#e7f5f5; color:#33737e; }
.airport-option strong { display:block; font-size:13px; }
.airport-option small { color:#89949a; font-size:10px; }
.airport-option b { font-size:11px; letter-spacing:.1em; }
.airport-empty { text-align:center; padding:35px 10px; color:#87939a; font-size:13px; }
.counter-row { display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px solid #edf0f0; }
.counter-row strong, .counter-row span { display:block; }
.counter-row strong { font-size:13px; }
.counter-row span { font-size:10px; color:#88949b; margin-top:3px; }
.counter { display:flex; align-items:center; gap:13px; }
.counter button { width:31px; height:31px; border-radius:50%; border:1px solid #dce3e3; background:white; cursor:pointer; font-size:17px; }
.counter button:hover { border-color:var(--accent); color:var(--accent); }
.counter b { width:12px; text-align:center; font-size:13px; }
.cabin-label { font-size:9px; color:#829099; letter-spacing:.13em; font-weight:800; margin:20px 0 10px; }
.cabin-options { display:grid; grid-template-columns:repeat(3,1fr); background:#eff2f2; padding:3px; border-radius:10px; }
.cabin-options button { border:0; background:transparent; border-radius:8px; padding:9px 5px; font-size:10px; font-weight:700; cursor:pointer; }
.cabin-options button.active { background:white; box-shadow:0 3px 10px rgba(7,24,38,.08); }
.popover-done { width:100%; margin-top:18px; height:42px; border:0; border-radius:12px; background:var(--ink); color:white; font-weight:700; font-size:12px; cursor:pointer; }

.quick-routes { width: min(1376px, calc(100% - 80px)); margin: 33px auto 105px; display: flex; align-items: center; gap: 35px; }
.quick-routes > p { margin:0; font-size:9px; font-weight:700; letter-spacing:.05em; color:#6f7d85; white-space:nowrap; }
.pulse { display:inline-block; width:6px; height:6px; border-radius:50%; background:#6dbb6e; margin-right:7px; box-shadow:0 0 0 4px rgba(109,187,110,.12); }
.route-chips { flex:1; display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid var(--line); }
.route-chips button { border:0; border-right:1px solid var(--line); background:transparent; padding:2px 22px; display:grid; grid-template-columns:1fr auto; align-items:center; text-align:left; cursor:pointer; transition:.2s ease; }
.route-chips button:hover { transform:translateY(-2px); }
.route-chips span, .route-chips strong { display:block; }
.route-chips span { font-size:12px; font-weight:700; }
.route-chips strong { grid-row:2; font-size:10px; color:#849098; margin-top:4px; }
.route-chips i { grid-column:2; grid-row:1/3; font-style:normal; color:#99a4aa; transition:.2s; }
.route-chips button:hover i { color:var(--accent); transform:translate(2px,-2px); }

.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:40px; }
.section-kicker { color:#769099; }
.section-heading h2, .benefits-copy h2 { margin:12px 0 0; font-size:clamp(42px,5vw,70px); line-height:1.02; letter-spacing:-.055em; font-weight:610; }
.section-heading h2 em, .benefits-copy h2 em { color:#3a7c86; }
.section-heading > p { width:360px; margin:0 0 5px; font-size:14px; line-height:1.65; color:#68767e; }

.results-section { width:min(1376px, calc(100% - 80px)); margin: 30px auto 115px; scroll-margin-top:30px; }
.results-section.revealed { animation:resultsEnter .65s cubic-bezier(.21,.75,.3,1); }
@keyframes resultsEnter { from { opacity:0; transform:translateY(28px); } }
.results-heading { align-items:flex-end; margin-bottom:25px; }
.results-heading h2 { font-size:44px; }
.results-heading h2 i { font-style:normal; font-weight:300; color:#8aa0a8; }
.results-heading p { margin:10px 0 0; color:#718087; font-size:12px; }
.sort-box { text-align:right; }
.sort-box span { display:block; font-size:8px; letter-spacing:.15em; color:#859199; margin-bottom:6px; }
.sort-box button { border:0; background:transparent; font-size:11px; font-weight:700; cursor:pointer; }
.filter-row { display:flex; gap:8px; margin-bottom:16px; overflow:auto; padding-bottom:2px; }
.filter-row button { border:1px solid #dfe4e4; background:rgba(255,255,255,.5); border-radius:999px; padding:10px 14px; font-size:10px; font-weight:700; white-space:nowrap; cursor:pointer; }
.filter-row button b { display:inline-grid; place-items:center; margin-left:5px; width:18px; height:18px; border-radius:50%; background:#e6ebeb; font-size:8px; }
.filter-row button.active { border-color:var(--ink); background:var(--ink); color:white; }
.filter-row button.active b { background:rgba(255,255,255,.15); }
.flight-list { display:grid; gap:12px; }
.flight-card { display:grid; grid-template-columns:1.35fr .54fr 1fr .54fr 1fr; grid-template-rows:1fr auto; column-gap:25px; align-items:center; position:relative; min-height:150px; padding:26px 25px 0; border:1px solid #e0e5e5; border-radius:20px; background:rgba(255,255,255,.77); transition:.25s ease; overflow:hidden; }
.flight-card:hover { background:white; border-color:#bdcdcf; transform:translateY(-2px); box-shadow:0 16px 38px rgba(7,24,38,.08); }
.flight-card[hidden] { display:none; }
.flight-brand { display:flex; align-items:center; gap:13px; }
.mini-brand { width:39px; height:39px; display:grid; place-items:center; flex:0 0 auto; background:var(--ink); color:white; border-radius:12px; }
.mini-brand svg { width:25px; fill:white; }
.mini-brand.alt { background:linear-gradient(145deg,#2b67b0,#72b7e2); font-weight:800; }
.mini-brand.japan { background:#fff0ef; color:#c94242; font-size:12px; }
.flight-brand strong, .flight-brand small { display:block; }
.flight-brand strong { font-size:13px; }
.flight-brand small { font-size:9px; color:#89949a; margin-top:5px; }
.flight-time strong { display:block; font-size:25px; letter-spacing:-.04em; }
.flight-time span { display:block; font-size:9px; letter-spacing:.13em; color:#829098; margin-top:5px; }
.flight-path { text-align:center; }
.flight-path > span, .flight-path small { font-size:8px; color:#86939a; }
.flight-path > div { display:flex; align-items:center; margin:7px 0 5px; }
.flight-path i { flex:1; border-top:1px dashed #b8c3c5; }
.flight-path svg { width:18px; margin:0 7px; fill:none; stroke:#4d7b86; stroke-width:1.2; }
.flight-price { padding-left:25px; border-left:1px solid #e4e8e8; }
.flight-price small, .flight-price strong { display:block; }
.flight-price small { color:#87939a; font-size:8px; }
.flight-price strong { font-size:19px; margin:5px 0 9px; letter-spacing:-.03em; }
.flight-price button { width:100%; height:36px; border:0; border-radius:10px; background:var(--ink); color:white; display:flex; align-items:center; justify-content:space-between; padding:0 13px; font-size:10px; font-weight:700; cursor:pointer; transition:.2s; }
.flight-price button:hover { background:var(--accent); }
.flight-note { grid-column:1/-1; height:31px; margin:13px -25px 0; padding:0 25px; display:flex; align-items:center; gap:7px; font-size:8px; color:#58834e; background:#eef7e9; }
.flight-note.neutral { background:#eff5f6; color:#57727b; }

.ideas-section { width:min(1376px, calc(100% - 80px)); margin:0 auto 125px; }
.destination-grid { display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:16px; }
.destination-card { border:0; min-height:440px; border-radius:25px; overflow:hidden; position:relative; text-align:left; cursor:pointer; padding:0; color:white; isolation:isolate; box-shadow:0 15px 40px rgba(7,24,38,.08); transition:.45s cubic-bezier(.2,.8,.2,1); }
.destination-card:hover { transform:translateY(-8px); box-shadow:0 25px 55px rgba(7,24,38,.18); }
.destination-card::after { content:""; position:absolute; z-index:2; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,15,24,.78)); }
.destination-art { position:absolute; inset:0; z-index:0; overflow:hidden; transition:transform .7s ease; }
.destination-card:hover .destination-art { transform:scale(1.045); }
.tokyo .destination-art { background:linear-gradient(165deg,#9ab2c3 0,#e9b5ac 42%,#ffbc83 72%,#4c5264 73%); }
.tokyo .sun { position:absolute; width:190px; height:190px; border-radius:50%; background:#ffe0b7; right:4%; top:9%; box-shadow:0 0 50px #ffd0a7; }
.tokyo .mountain { position:absolute; width:100%; height:47%; bottom:20%; left:0; background:#718194; clip-path:polygon(0 100%,20% 67%,31% 78%,52% 17%,66% 69%,80% 58%,100% 100%); opacity:.8; }
.tokyo .mountain::after { content:""; position:absolute; width:42%; height:40%; left:31%; top:17%; background:#dbe1e5; clip-path:polygon(50% 0,75% 83%,58% 65%,42% 76%,27% 83%); }
.tokyo .tower { position:absolute; z-index:2; width:35px; height:220px; bottom:0; left:18%; background:linear-gradient(90deg,transparent 33%,#db5c44 34% 66%,transparent 67%); clip-path:polygon(46% 0,54% 0,61% 28%,78% 100%,22% 100%,39% 28%); filter:drop-shadow(0 5px 4px rgba(0,0,0,.25)); }
.tokyo .tower::before, .tokyo .tower::after { content:""; position:absolute; left:2px; right:2px; height:5px; background:#f4d4c8; }
.tokyo .tower::before { top:38%; }.tokyo .tower::after { top:65%; }
.seoul .destination-art { background:linear-gradient(160deg,#4f5475,#a2769c 46%,#e6a77e 72%,#273947 73%); }
.seoul .moon { position:absolute; width:120px; height:120px; border-radius:50%; right:9%; top:11%; background:#f9d8b7; box-shadow:0 0 40px rgba(255,213,177,.4); }
.seoul .city { position:absolute; inset:auto 0 0; height:55%; background:linear-gradient(90deg,#273746 0 10%,#34495a 10% 17%,#243442 17% 31%,#3a4b58 31% 43%,#253542 43% 53%,#3b4d59 53% 70%,#253643 70%); clip-path:polygon(0 28%,8% 28%,8% 16%,15% 16%,15% 39%,24% 39%,24% 5%,31% 5%,31% 31%,40% 31%,40% 17%,48% 17%,48% 41%,56% 41%,56% 22%,63% 22%,63% 8%,70% 8%,70% 34%,78% 34%,78% 19%,88% 19%,88% 31%,100% 31%,100% 100%,0 100%); }
.seoul .city::after { content:""; position:absolute; inset:20% 8% 0; background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,211,132,.7) 17px 19px,transparent 20px 28px); opacity:.42; }
.seoul .bridge { position:absolute; z-index:2; left:-10%; right:-10%; height:70px; bottom:14%; border-top:5px solid #aab0b3; border-radius:50%; transform:rotate(-4deg); }
.phuket .destination-art { background:linear-gradient(#88c9d0 0 48%,#3b98a2 49% 66%,#bcd1ad 67%); }
.phuket .sun { position:absolute; width:150px; height:150px; border-radius:50%; right:9%; top:7%; background:#f7db9d; box-shadow:0 0 40px rgba(249,221,164,.6); }
.phuket .island { position:absolute; width:120%; height:41%; left:-10%; top:38%; background:#315c55; clip-path:polygon(0 82%,16% 55%,27% 72%,46% 19%,63% 69%,73% 43%,84% 58%,100% 33%,100% 100%,0 100%); }
.phuket .water { position:absolute; inset:65% 0 0; background:repeating-linear-gradient(175deg,rgba(255,255,255,.3) 0 2px,transparent 3px 16px); opacity:.55; }
.card-top { position:absolute; z-index:4; top:20px; left:20px; right:20px; display:flex; justify-content:space-between; align-items:center; }
.card-top b { padding:7px 10px; border-radius:999px; background:rgba(7,24,38,.3); backdrop-filter:blur(8px); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.card-top i { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.45); border-radius:50%; font-style:normal; backdrop-filter:blur(8px); transition:.25s; }
.destination-card:hover .card-top i { background:white; color:var(--ink); transform:rotate(45deg); }
.card-copy { position:absolute; z-index:4; left:25px; right:25px; bottom:24px; }
.card-copy small, .card-copy strong, .card-copy > span { display:block; }
.card-copy small { font-size:8px; letter-spacing:.19em; opacity:.72; }
.card-copy strong { font-size:38px; letter-spacing:-.04em; margin:5px 0 9px; }
.card-copy > span { font-size:10px; color:rgba(255,255,255,.77); }
.card-copy em { margin:0 6px; font-style:normal; }

.benefits-section { width:min(1376px, calc(100% - 80px)); margin:0 auto 110px; display:grid; grid-template-columns:.8fr 1.5fr; gap:70px; background:#ddebea; border-radius:30px; padding:62px; position:relative; overflow:hidden; }
.benefits-section::before { content:""; position:absolute; width:330px; height:330px; border:1px solid rgba(46,111,119,.14); border-radius:50%; left:-140px; bottom:-190px; box-shadow:0 0 0 45px rgba(255,255,255,.08),0 0 0 90px rgba(255,255,255,.05); }
.benefits-copy { position:relative; z-index:1; }
.benefits-copy h2 { font-size:46px; }
.benefits-copy p { color:#65777d; font-size:13px; line-height:1.6; max-width:260px; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.benefit-grid article { position:relative; background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.7); min-height:270px; border-radius:20px; padding:22px; transition:.3s ease; }
.benefit-grid article:hover { transform:translateY(-5px); background:white; }
.benefit-grid article > span { color:#8aa0a4; font-size:9px; }
.benefit-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:var(--ink); color:var(--cyan); margin:48px 0 20px; font-size:21px; }
.benefit-grid h3 { font-size:15px; margin:0 0 10px; }
.benefit-grid p { font-size:11px; color:#718087; line-height:1.55; margin:0; }

footer { min-height:120px; background:var(--ink); color:white; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:0 max(40px,calc((100% - 1376px)/2)); }
.footer-brand .brand-mark { background:white; color:var(--ink); }
footer > p { text-align:center; color:#8197a1; font-size:11px; }
footer > div { display:flex; justify-content:flex-end; gap:20px; font-size:9px; color:#7c929c; }
footer a:hover { color:white; }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity:1; transform:translateY(0); }

dialog { border:0; padding:0; color:var(--ink); }
dialog::backdrop { background:rgba(3,14,22,.7); backdrop-filter:blur(7px); animation:fadeBackdrop .25s ease; }
@keyframes fadeBackdrop { from { opacity:0; } }
.booking-dialog { width:min(1050px,calc(100% - 32px)); max-height:calc(100vh - 32px); border-radius:28px; background:#f7f8f5; box-shadow:0 35px 90px rgba(0,0,0,.3); }
.booking-dialog[open] { animation:dialogIn .35s cubic-bezier(.2,.8,.2,1); }
@keyframes dialogIn { from { opacity:0; transform:translateY(25px) scale(.98); } }
.dialog-shell { padding:32px 42px 40px; position:relative; }
.dialog-close { position:absolute; z-index:3; right:24px; top:22px; width:38px; height:38px; border:0; border-radius:50%; background:#e8ecea; cursor:pointer; font-size:23px; }
.dialog-progress { display:flex; align-items:center; width:min(460px,70%); margin:0 auto 33px; }
.dialog-progress div { display:flex; align-items:center; gap:7px; color:#9aa5a7; }
.dialog-progress div span { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#e1e5e3; font-size:9px; }
.dialog-progress div b { font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.dialog-progress div.active { color:var(--ink); }
.dialog-progress div.active span { background:var(--ink); color:white; }
.dialog-progress > i { flex:1; height:1px; background:#d8dddd; margin:0 10px; }
.dialog-step { display:none; }
.dialog-step.active { display:block; animation:stepIn .35s ease; }
@keyframes stepIn { from { opacity:0; transform:translateX(12px); } }
.dialog-step > .section-kicker, .dialog-step > h2 { text-align:center; display:block; }
.dialog-step > h2 { font-size:36px; letter-spacing:-.045em; margin:8px 0 25px; }
.chosen-flight { width:min(500px,100%); height:72px; margin:0 auto 22px; border-radius:15px; background:#e9f2f1; display:flex; align-items:center; justify-content:center; gap:35px; }
.chosen-flight div { text-align:center; }.chosen-flight small,.chosen-flight strong { display:block; }
.chosen-flight small { font-size:8px; color:#71858a; letter-spacing:.15em; margin-bottom:3px; }.chosen-flight strong { font-size:18px; }
.chosen-flight > span { display:flex; align-items:center; gap:8px; font-size:8px; color:#6f8287; }
.chosen-flight > span i { width:35px; border-top:1px dashed #9caeb1; }
.fare-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }
.fare-card { min-height:280px; position:relative; text-align:left; padding:24px; border:1px solid #dde3e1; border-radius:18px; background:white; cursor:pointer; transition:.25s ease; }
.fare-card:hover { transform:translateY(-3px); border-color:#9eb8b6; }
.fare-card.active { border:2px solid var(--ink); padding:23px; box-shadow:0 12px 30px rgba(7,24,38,.08); }
.fare-card.recommended { background:#e8f3f1; }
.fare-check { position:absolute; right:17px; top:17px; width:23px; height:23px; display:grid; place-items:center; border:1px solid #d3dada; border-radius:50%; color:transparent; font-size:11px; }
.fare-card.active .fare-check { background:var(--ink); border-color:var(--ink); color:white; }
.fare-label { position:absolute; left:20px; top:-9px; background:var(--accent); color:white; font-size:7px; padding:5px 8px; border-radius:999px; letter-spacing:.1em; }
.fare-card > small { display:block; color:#899598; letter-spacing:.15em; font-size:7px; }
.fare-card h3 { font-size:19px; margin:8px 0 4px; }.fare-card > strong { font-size:16px; }
.fare-card ul { list-style:none; padding:0; margin:24px 0 0; border-top:1px solid #e5e9e7; padding-top:14px; }
.fare-card li { font-size:10px; margin:10px 0; padding-left:16px; position:relative; color:#53666c; }
.fare-card li::before { content:"✓"; position:absolute; left:0; color:#4b8c74; }
.fare-card li.muted { color:#a1aaad; }.fare-card li.muted::before { content:"×"; color:#a1aaad; }
.dialog-primary { min-width:185px; height:48px; border:0; border-radius:13px; background:var(--accent); color:white; font-weight:800; font-size:11px; padding:0 18px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:25px; margin:22px auto 0; transition:.2s; }
.dialog-primary:hover { background:var(--accent-dark); transform:translateY(-1px); }
.checkout-layout { display:grid; grid-template-columns:1.4fr .8fr; gap:25px; }
.checkout-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.checkout-fields label { display:block; }
.checkout-fields label > span { display:block; font-size:9px; font-weight:700; color:#65747b; margin:0 0 7px 4px; }
.checkout-fields input { width:100%; height:49px; border:1px solid #dce3e1; background:white; border-radius:12px; padding:0 14px; outline:0; }
.checkout-fields input:focus { border-color:#77a6a6; box-shadow:0 0 0 3px rgba(95,215,223,.15); }
.checkout-fields .consent { grid-column:1/-1; display:flex; gap:9px; align-items:center; margin-top:3px; }
.checkout-fields .consent input { width:16px; height:16px; accent-color:var(--ink); }.checkout-fields .consent > span { margin:0; font-weight:500; }
.order-summary { background:var(--ink); color:white; border-radius:18px; padding:24px; }
.order-summary > small { color:#7f98a3; font-size:8px; letter-spacing:.15em; }.order-summary h3 { font-size:25px; margin:7px 0 23px; }
.order-summary p { padding:14px 0; margin:0; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.order-summary p span,.order-summary p b { display:block; font-size:10px; }.order-summary p b { margin-top:5px; color:#91c9ca; }
.order-summary > div { display:flex; align-items:flex-end; justify-content:space-between; margin-top:20px; }.order-summary > div span { font-size:9px; color:#91a4ac; }.order-summary > div strong { font-size:22px; }
.dialog-actions { display:flex; align-items:center; justify-content:flex-end; margin-top:22px; }.dialog-actions .dialog-primary { margin:0 0 0 10px; }
.back-button { height:48px; border:1px solid #dce2e0; border-radius:13px; background:transparent; padding:0 17px; font-size:10px; font-weight:700; cursor:pointer; }
.success-step { text-align:center; padding:35px 0 10px; }
.success-step > p { width:min(420px,100%); margin:0 auto 18px; color:#6f7e84; font-size:13px; line-height:1.6; }
.booking-code { display:block; width:max-content; margin:0 auto; font-size:24px; letter-spacing:.18em; padding:9px 18px; border:1px dashed #a5b3b3; border-radius:10px; }
.success-orbit { width:94px; height:94px; display:grid; place-items:center; margin:0 auto 24px; border:1px solid #bcd6d4; border-radius:50%; position:relative; }
.success-orbit > span { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--lime); font-size:22px; }
.success-orbit i,.success-orbit b { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--accent); top:4px; left:12px; animation:orbit 3s linear infinite; transform-origin:35px 43px; }.success-orbit b { width:5px; height:5px; background:#4fa8af; top:79px; left:65px; animation-direction:reverse; }
@keyframes orbit { to { transform:rotate(360deg); } }

.status-dialog { width:min(470px,calc(100% - 32px)); border-radius:25px; padding:34px; overflow:visible; }
.status-dialog[open] { animation:dialogIn .3s ease; }
.status-dialog > button { position:absolute; right:19px; top:19px; }
.status-dialog h2 { font-size:32px; margin:8px 0 25px; letter-spacing:-.04em; }
.status-dialog label span { font-size:9px; display:block; margin:0 0 7px 4px; color:#748187; font-weight:700; }
.status-dialog input { width:100%; height:52px; border:1px solid #dbe2e2; border-radius:13px; padding:0 14px; outline:0; }
.status-dialog .dialog-primary { width:100%; }
.status-result { margin-top:20px; border-radius:13px; padding:15px; background:#edf7e9; display:flex; align-items:center; gap:13px; }
.status-result[hidden] { display:none; }.status-result small,.status-result strong { display:block; }.status-result small { color:#618159; font-size:8px; letter-spacing:.12em; margin-bottom:4px; }.status-result strong { font-size:11px; }

.toast { position:fixed; z-index:300; right:25px; bottom:25px; min-width:280px; max-width:390px; padding:14px 17px; background:var(--ink); color:white; border-radius:14px; display:flex; align-items:center; gap:11px; box-shadow:0 15px 45px rgba(0,0,0,.25); opacity:0; transform:translateY(20px); pointer-events:none; transition:.3s ease; }
.toast.show { opacity:1; transform:translateY(0); }.toast > span { width:25px; height:25px; border-radius:50%; display:grid; place-items:center; background:var(--lime); color:var(--ink); font-size:10px; }.toast p { margin:0; font-size:11px; line-height:1.4; }

@media (max-width: 1200px) {
  .desktop-nav { gap:20px; margin-right:10px; }
  .hero-copy { width:47%; }
  .hero-copy h1 { font-size:60px; }
  .search-panel { width:calc(100% - 40px); }
  .search-grid { grid-template-columns:minmax(310px,1.8fr) repeat(2,minmax(115px,.65fr)) minmax(150px,.8fr) 165px; }
  .search-field { padding-left:15px; padding-right:15px; }
  .field-main strong { font-size:15px; }
  .quick-routes,.results-section,.ideas-section,.benefits-section { width:calc(100% - 40px); }
  .quick-routes { flex-direction:column; align-items:stretch; gap:18px; }
  .route-chips { border-left:0; }
  .flight-card { grid-template-columns:1.15fr .45fr .85fr .45fr .9fr; column-gap:16px; }
  .benefits-section { padding:45px; gap:35px; }
}

@media (max-width: 960px) {
  .site-header { width:calc(100% - 40px); }
  .desktop-nav,.language-button { display:none; }
  .menu-button { display:grid; }
  .mobile-menu { display:flex; position:fixed; z-index:90; top:76px; right:20px; width:260px; padding:17px; border-radius:18px; flex-direction:column; background:white; box-shadow:0 20px 60px rgba(7,24,38,.2); opacity:0; visibility:hidden; transform:translateY(-8px); transition:.25s ease; }
  .mobile-menu.open { opacity:1; visibility:visible; transform:translateY(0); }
  .mobile-menu a,.mobile-menu button { border:0; background:transparent; padding:13px 10px; text-align:left; font-weight:700; font-size:13px; cursor:pointer; border-bottom:1px solid #edf0f0; }
  .hero-wrap { width:calc(100% - 28px); }
  .hero-card { height:760px; }
  .hero-copy { top:64px; left:44px; width:62%; }
  .plane-stage { inset:180px -8% 0 17%; opacity:.9; }
  .flight-badge { top:30%; }
  .drag-hint { display:none; }
  .search-panel { margin-top:-150px; width:calc(100% - 28px); }
  .search-grid { grid-template-columns:1fr 1fr 1fr; padding:12px; }
  .route-fields { grid-column:1/-1; }
  .search-field { height:88px; }
  .date-field { border-top:1px solid #e5e9e9; }
  .passengers-field { border-top:1px solid #e5e9e9; }
  .search-submit { height:64px; margin:12px 0 0; grid-column:1/-1; }
  .field-label { margin-bottom:7px; }
  .search-panel.oneway .search-grid { grid-template-columns:1fr 1fr 1fr; }
  .quick-routes { margin-top:25px; }
  .route-chips { grid-template-columns:repeat(2,1fr); row-gap:20px; }
  .route-chips button:nth-child(2) { border-right:0; }
  .flight-card { grid-template-columns:1fr .5fr .8fr .5fr; padding-bottom:0; }
  .flight-brand { grid-column:1/-1; margin-bottom:10px; }
  .flight-price { grid-column:4; grid-row:2; }
  .flight-note { grid-row:3; }
  .destination-grid { grid-template-columns:1fr 1fr; }
  .destination-card:first-child { grid-column:1/-1; min-height:390px; }
  .destination-card { min-height:370px; }
  .benefits-section { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr 1fr; padding:25px 35px; gap:20px; }
  footer > p { display:none; }
  .checkout-layout { grid-template-columns:1fr; }
  .checkout-fields { grid-template-columns:1fr 1fr; }
}

@media (max-width: 680px) {
  .site-header { height:72px; width:calc(100% - 28px); }
  .brand { font-size:17px; }.brand-mark { width:31px; height:31px; }.brand-mark svg { width:19px; }
  .trips-button { width:43px; padding:0; font-size:0; justify-content:center; }.user-dot { width:8px; height:8px; }
  .hero-wrap { width:calc(100% - 16px); }
  .hero-card { height:700px; border-radius:25px; }
  .hero-copy { top:44px; left:25px; width:calc(100% - 50px); }
  .hero-copy h1 { font-size:47px; margin-top:20px; }
  .hero-subtitle { font-size:14px; max-width:330px; }
  .hero-proof { margin-top:23px; }
  .plane-stage { inset:225px -28% 0 0; }
  .flight-badge { top:24%; right:23%; transform:scale(.9); }.route-label { right:22%; bottom:23%; }
  .hero-index { display:none; }
  .search-panel { width:calc(100% - 12px); margin-top:-105px; border-radius:21px; }
  .search-topline { height:auto; min-height:52px; padding:8px; overflow:auto; }
  .trip-tabs { overflow:auto; }.trip-tab { padding:8px 10px; font-size:9px; white-space:nowrap; }.promo-note { display:none; }
  .search-grid,.search-panel.oneway .search-grid { display:grid; grid-template-columns:1fr 1fr; padding:8px; }
  .route-fields { grid-column:1/-1; }
  .search-field { height:82px; padding:15px 12px 10px; }
  .route-fields .search-field { border-top:0; }
  .field-label { font-size:7px; }.field-main strong { font-size:13px; }.field-main b { font-size:8px; }.field-meta { font-size:8px; }
  .date-field svg,.passengers-field>svg { display:none; }
  .passengers-field { grid-column:1/-1; border-top:1px solid #e5e9e9; border-right:0; }
  .search-submit { grid-column:1/-1; height:58px; margin:8px 0 0; border-radius:14px; }
  .airport-popover { top:48px; width:calc(100% - 16px); left:8px; padding:18px; }
  .passengers-popover { top:48px; right:8px; width:calc(100% - 16px); padding:18px; }
  .quick-routes,.results-section,.ideas-section,.benefits-section { width:calc(100% - 28px); }
  .quick-routes { margin-bottom:80px; }
  .route-chips { grid-template-columns:1fr 1fr; }.route-chips button { padding:3px 10px; }
  .section-heading { display:block; }.section-heading h2,.benefits-copy h2 { font-size:40px; }.section-heading > p { width:auto; margin-top:18px; }
  .results-heading { display:block; }.sort-box { display:none; }
  .results-heading h2 { font-size:31px; }
  .flight-card { grid-template-columns:.62fr 1fr .62fr; padding:19px 15px 0; column-gap:9px; }
  .flight-brand { grid-column:1/-1; }
  .flight-time strong { font-size:20px; }.flight-path { grid-column:2; }.flight-price { grid-column:1/-1; grid-row:auto; border-left:0; border-top:1px solid #e5e9e9; margin-top:14px; padding:13px 0; display:grid; grid-template-columns:1fr 1fr; align-items:center; }.flight-price small,.flight-price strong { grid-column:1; }.flight-price strong { margin-bottom:0; }.flight-price button { grid-column:2; grid-row:1/3; }.flight-note { grid-row:auto; margin-top:0; }
  .destination-grid { grid-template-columns:1fr; }.destination-card:first-child { grid-column:auto; }.destination-card { min-height:380px; }
  .benefits-section { padding:30px 22px; }.benefit-grid { grid-template-columns:1fr; }.benefit-grid article { min-height:190px; }.benefit-icon { margin:30px 0 14px; }
  footer { grid-template-columns:1fr; text-align:center; justify-items:center; } footer > div { justify-content:center; flex-wrap:wrap; }
  .booking-dialog { max-height:calc(100vh - 12px); width:calc(100% - 12px); border-radius:22px; }.dialog-shell { padding:25px 18px 28px; }.dialog-progress { width:75%; margin-left:0; }.dialog-progress div b { display:none; }.dialog-step > h2 { font-size:29px; }
  .fare-grid { display:flex; overflow:auto; scroll-snap-type:x mandatory; padding:3px 0 12px; }.fare-card { min-width:78%; scroll-snap-align:center; }
  .checkout-fields { grid-template-columns:1fr; }.checkout-fields .consent { grid-column:auto; }.order-summary { padding:19px; }.dialog-actions { justify-content:space-between; }.dialog-actions .dialog-primary { min-width:150px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .hero-enter,.reveal { opacity:1; transform:none; }
}