:root{--navy:#061a43;--ink:#112345;--blue:#1267e7;--sky:#eaf4ff;--line:#cfdef1;--muted:#60718b;--white:#fff;--sans:'Hiragino Sans','Noto Sans JP',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.8 var(--sans);background:#f8fbff}a{color:inherit;text-decoration:none}.hero{min-height:430px;color:#fff;background:linear-gradient(90deg,rgba(1,15,52,.94) 0%,rgba(3,21,61,.83) 43%,rgba(3,18,61,.15) 77%),url('travel-earth-header.png') center/cover no-repeat}nav{height:76px;max-width:1120px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:17px;font-weight:800;letter-spacing:.03em}.brand span{color:#7fd2ff;margin-right:6px}.nav-links{display:flex;gap:28px;font-size:14px}.nav-links a{opacity:.88}.nav-links a:hover{opacity:1}.hero-copy{max-width:1120px;margin:58px auto 0;padding:0 28px}.eyebrow,.section-kicker{margin:0;color:#1675e9;font-size:12px;font-weight:800;letter-spacing:.13em}.hero .eyebrow{color:#8bd5ff}.hero h1{margin:10px 0 12px;font-size:clamp(36px,5vw,58px);line-height:1.25;letter-spacing:.02em}.hero-copy>p:last-child{margin:0;font-size:17px;color:#e0ecff}main{max-width:1040px;padding:0 28px;margin:auto}.converter{position:relative;margin:-72px auto 82px;padding:30px 34px 18px;border-radius:18px;background:var(--white);box-shadow:0 18px 50px rgba(16,61,125,.18)}.converter-heading h2,.section-heading h2,.extra h2{margin:2px 0 4px;font-size:28px;line-height:1.45}.converter-heading p:last-child,.section-heading>p:last-child,.extra p:last-child{margin:0;color:var(--muted)}.converter-panel{margin-top:22px;padding:18px;background:linear-gradient(120deg,#092b6a,#1267e7);border-radius:12px;display:grid;align-items:end;grid-template-columns:1.2fr 28px 1fr auto 1.3fr;gap:12px;color:#fff}.converter label{font-size:12px;font-weight:700;letter-spacing:.06em}.converter input,.converter select{display:block;width:100%;height:45px;margin-top:5px;padding:0 11px;border:0;border-radius:7px;background:#fff;color:var(--ink);font:16px var(--sans)}.conversion-mark{text-align:center;font-size:22px;line-height:45px}.converter button{height:45px;padding:0 16px;border:1px solid rgba(255,255,255,.65);border-radius:7px;background:#fff;color:#0754c2;font:700 14px var(--sans);cursor:pointer}.result{padding:2px 0 2px 4px}.result span{display:block;font-size:24px;font-weight:800;line-height:1.25}.result small{font-size:11px;opacity:.8}.converter-footnote{margin:13px 0 0;color:var(--muted);font-size:12px}.converter-footnote a{margin-left:8px;color:var(--blue);font-weight:800}.prepare{padding-bottom:88px}.section-heading{max-width:560px;margin-bottom:28px}.gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gate{min-height:132px;padding:21px;display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:start;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.18s ease}.gate:hover{border-color:#82b9ff;box-shadow:0 11px 24px rgba(35,100,184,.1);transform:translateY(-2px)}.gate-money{grid-column:span 2;background:linear-gradient(110deg,#e9f4ff,#fff)}.gate-no{color:#8da4c4;font-size:13px;font-weight:800}.gate h3{margin:0 0 3px;font-size:19px}.gate p{margin:0;color:var(--muted);font-size:13px}.gate b{align-self:center;color:var(--blue);font-size:13px;white-space:nowrap}.extra{margin-bottom:80px;padding:37px 42px;border-radius:16px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.extra .section-kicker{color:#7fd2ff}.extra h2{font-size:29px}.extra p:last-child{color:#c4d5ee}.extra>a{flex:none;padding:13px 19px;border-radius:8px;background:#fff;color:#0754c2;font-size:14px;font-weight:800}.extra>a span{padding-left:8px;font-size:18px}footer{padding:30px 28px;background:#061a43;color:#fff;text-align:center}footer p{margin:5px 0 0;color:#adc5e7;font-size:12px}@media(max-width:720px){.hero{min-height:390px;background-position:62% center}nav{height:64px;padding:0 20px}.nav-links{display:none}.hero-copy{margin-top:48px;padding:0 20px}.hero h1{font-size:39px}main{padding:0 16px}.converter{margin:-50px 0 58px;padding:23px 18px 15px}.converter-heading h2,.section-heading h2{font-size:24px}.converter-panel{grid-template-columns:1fr 20px 1fr;gap:8px;padding:13px}.converter button{grid-column:1/-1;grid-row:2}.result{grid-column:1/-1;grid-row:3;text-align:center;padding:8px 0 2px}.gate-grid{grid-template-columns:1fr}.gate-money{grid-column:auto}.gate{min-height:114px;padding:18px}.extra{margin:0 0 58px;padding:29px 24px;display:block}.extra>a{display:inline-block;margin-top:20px}.converter-footnote a{display:block;margin:5px 0 0}.section-heading{margin-bottom:22px}}