:root{--blue:#1148b5;--sky:#eaf1ff;--red:#e33d38;--green:#138c62;--amber:#f1a51f;--ink:#172233}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fa;color:var(--ink);font-family:Helvetica Neue,PingFang SC,Arial,sans-serif}button,input,textarea,select{font:inherit}header{height:70px;padding:0 max(22px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7ceda;background:#fff}.wordmark{font-weight:900;letter-spacing:-.04em}.wordmark span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;margin-right:9px}.line-key{font-size:12px;color:#5c6675}.line-key i{display:inline-block;width:18px;height:4px;background:var(--blue);margin:0 5px 2px 12px}.line-key i:nth-child(2){background:var(--amber)}.line-key i:nth-child(3){background:var(--red)}main{width:min(1160px,calc(100% - 32px));margin:auto}.hero{min-height:460px;display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:7vw}.route{display:flex;align-items:center;transform:rotate(-8deg)}.route span{width:64px;height:64px;display:grid;place-items:center;border:8px solid var(--blue);border-radius:50%;background:#fff;font-weight:900;font-size:18px}.route span:nth-of-type(2){border-color:var(--red)}.route span:nth-of-type(3){border-color:var(--green)}.route span:nth-of-type(4){border-color:var(--amber)}.route b{height:8px;flex:1;background:#aab7c9;min-width:25px}.overline{font:800 11px/1 monospace;color:var(--blue);letter-spacing:.15em}.hero h1{font-size:clamp(66px,10vw,126px);letter-spacing:-.085em;line-height:.78;margin:30px 0 40px}.hero h1 em{font-style:normal;color:var(--red)}.lead{font-size:18px;line-height:1.8;max-width:650px}.planner{background:#fff;border:1px solid #bdc6d3;border-top:8px solid var(--blue);padding:clamp(22px,5vw,54px);box-shadow:0 20px 50px #2b426418}.section-label{font:900 13px monospace;margin-bottom:30px;color:var(--blue)}label{position:relative;display:flex;flex-direction:column;gap:9px;font-weight:800;font-size:13px}label span{display:flex;justify-content:space-between}label b{color:var(--red);font-size:11px}textarea,input,select{width:100%;border:1px solid #9ba8ba;background:#f8fafc;padding:15px;outline:none;border-radius:2px;color:var(--ink)}textarea:focus,input:focus,select:focus{border:2px solid var(--blue);padding:14px;background:#fff}textarea{min-height:230px;resize:vertical;font-size:16px;line-height:1.7}.itinerary small{position:absolute;right:12px;bottom:10px;color:#6f7885;background:#f8fafc;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:23px}.submit{margin-top:28px;width:100%;border:0;background:var(--blue);color:#fff;padding:19px 21px;display:flex;justify-content:space-between;font-weight:900;cursor:pointer}.submit b{background:#fff;color:var(--blue);padding:6px 9px;font-size:12px}.submit:disabled{opacity:.6;cursor:wait}.form-error{background:#fff0ef;color:#8c211e;border-left:5px solid var(--red);padding:13px;font-weight:700}.loading{margin:28px 0;background:var(--sky);border:1px solid #9db7e9;padding:28px}.loading div{display:flex;align-items:center;gap:12px}.loading i{width:24px;height:24px;border:4px solid #afc4eb;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.loading p{margin-left:36px;color:#51647f}.loading>span{display:block;height:17px;margin-top:12px;background:linear-gradient(90deg,#d9e5fa,#fff,#d9e5fa);background-size:200%;animation:shine 1.3s infinite}.loading>span.small{width:62%}.request-error{margin:28px 0;border-left:8px solid var(--red);background:#fff0ef;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.request-error p{margin:6px 0 0}.request-error button,.result-head button{border:1px solid currentColor;background:#fff;padding:11px 14px;font-weight:800;cursor:pointer}.comparison{padding:70px 0}.result-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.result-head h2{font-size:clamp(40px,6vw,68px);letter-spacing:-.06em;margin:8px 0 0}.panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panels article{background:#e9edf2;border:1px solid #b6c0cd;min-width:0}.panels article.relaxed{background:#fff;border-top:7px solid var(--blue)}.panels h3{margin:0;padding:16px 20px;border-bottom:1px solid #b6c0cd;font-size:14px}.panels h3 i{font-style:normal;background:#5d6978;color:#fff;border-radius:50%;width:30px;height:30px;display:inline-grid;place-items:center;margin-right:8px}.relaxed h3 i{background:var(--blue)}.copy{padding:21px;min-height:360px;overflow-wrap:anywhere}.copy p{white-space:pre-wrap;margin:0;min-height:1.75em;line-height:1.75;padding:3px 7px;border-left:4px solid transparent}.copy.original{color:#69717c}.copy p.move{background:#fff5d9;border-left-color:var(--amber)}.copy p.reserve{background:#fff0ef;border-left-color:var(--red)}.copy p.must{background:#e5f6ef;border-left-color:var(--green)}.copy p.check{outline:1px dashed #6c7c91}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.legend span{font-size:12px;font-weight:800;padding:6px 9px;background:#fff;border-left:5px solid}.legend .move{border-color:var(--amber)}.legend .reserve{border-color:var(--red)}.legend .must{border-color:var(--green)}.legend .check{border:1px dashed #6c7c91}footer{background:var(--ink);color:#fff;padding:55px max(22px,7vw);display:flex;justify-content:space-between;align-items:center}footer span{font-size:13px;color:#9dacbe}footer b{font-size:clamp(24px,4vw,50px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{to{background-position:-200%}}@media(max-width:760px){.line-key{display:none}.hero{grid-template-columns:1fr;min-height:550px;padding:45px 0;gap:35px}.route{order:2}.route span{width:50px;height:50px;border-width:6px}.hero h1{font-size:74px}.form-grid,.panels{grid-template-columns:1fr}.request-error,.result-head,footer{align-items:flex-start;flex-direction:column}.request-error button{width:100%}.copy{min-height:220px}.comparison{padding:50px 0}}