:root{color:#1d1d1f;font-synthesis:none;--blue:#0071e3;--line:#e5e5ea;--muted:#74747a;background:#f5f5f7;font-family:Sarabun,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:24px 32px;display:flex}.brand{letter-spacing:-.7px;font-size:24px;font-weight:700}.brand span{color:var(--muted);letter-spacing:.4px;margin-top:3px;font-size:10px;font-weight:400;display:block}.header-link{color:var(--muted);font-size:13px}.header-link:hover{color:var(--blue)}main{max-width:1100px;margin:0 auto;padding:52px 32px 64px}.hero{text-align:center;margin-bottom:48px}.eyebrow{color:#076145;background:#e9f4ee;border-radius:30px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:#20976b;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-1.2px;margin:21px 0 14px;font-size:clamp(32px,4.1vw,47px);font-weight:700;line-height:1.3}h1 span{color:var(--blue)}.hero p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.form-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:48px;display:grid}.guide{padding-top:16px}.guide-icon{width:48px;height:48px;color:var(--blue);background:#e5effd;border-radius:14px;place-items:center;display:grid}.guide-icon svg{width:27px;height:27px}.guide h2{letter-spacing:-.4px;margin:19px 0 12px;font-size:24px;line-height:1.45}.guide p{color:var(--muted);font-size:13px;line-height:1.8}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;padding:12px 0;list-style:none}.steps li{color:var(--muted);align-items:center;gap:13px;padding:13px 0;display:flex}.steps li>span{border:1px solid #dddde4;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.steps strong{font-size:13px;font-weight:600}.steps small{margin-top:3px;font-size:11px;display:block}.steps .current{color:var(--blue)}.steps .current>span{background:#e5effd;border-color:#d0e2fb}.guide-note{font-size:11px!important}.guide-note b,.field b{color:#dc5a46}.form-card{background:#fff;border:1px solid #e7e7ec;border-radius:24px;padding:30px;box-shadow:0 8px 30px #1d1d1f05}.section-title{align-items:flex-start;gap:13px;margin-bottom:24px;display:flex}.section-number{color:#737379;background:#f3f3f6;border-radius:9px;place-items:center;min-width:29px;height:29px;font-size:12px;display:grid}.section-title h2{letter-spacing:-.3px;margin:0 0 5px;font-size:19px;line-height:1.4}.section-title p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.unit-grid{grid-template-columns:1fr 1fr;gap:20px 16px;display:grid}.field label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field b{margin-left:3px;font-weight:400}.field input,.field select{color:#1d1d1f;background:#fff;border:1px solid #d8d8df;border-radius:11px;width:100%;min-height:46px;padding:10px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0071e317}.field input::placeholder{color:#a3a3aa}.field select:disabled{color:#a0a0a7;background:#f7f7f9;border-color:#e8e8ed}.empty-state{text-align:center;background:#fcfcfd;border:1px dashed #dedee5;border-radius:16px;margin-top:30px;padding:30px 16px}.empty-state svg{color:#b3bbc5;width:30px;height:30px;margin:0 auto 12px;display:block}.empty-state strong{color:#77777e;font-size:13px;font-weight:500}.empty-state p{color:#98989f;margin:7px 0 0;font-size:11px}.selected-unit{background:#f2f7fd;border:1px solid #d8e7fb;border-radius:14px;flex-direction:column;gap:5px;margin:28px 0;padding:16px 18px;display:flex}.selected-unit span{color:var(--blue);font-size:10px}.selected-unit strong{font-size:16px}.selected-unit small{color:var(--muted);font-size:11px}.person-card{border:1px solid var(--line);background:#fafafb;border-radius:15px;margin-bottom:14px;padding:20px}.person-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.person-heading strong{color:#64646b;font-size:12px}.remove-person{color:#b15454;background:0 0;border:0;border-radius:5px;padding:4px 7px;font-size:12px}.remove-person:hover{background:#fbeeee}.person-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.person-fields>.field:first-child{grid-column:1/-1}.add-person{color:var(--blue);background:#fff;border:1px dashed #c5d8f1;border-radius:11px;width:100%;padding:11px 16px;font-size:12px;font-weight:600}.add-person:hover{background:#f2f7fd}.add-person span{vertical-align:-1px;margin-right:3px;font-size:18px}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding-top:22px;display:flex}.form-footer p{color:#65656d;margin:0;font-size:11px;line-height:1.7}.form-footer small{color:#909098;font-size:10px}.primary-button{background:var(--blue);border:1px solid var(--blue);color:#fff;white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:12px 19px;font-size:13px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.primary-button svg{width:18px;height:18px}.primary-button:hover{background:#0062c6}.primary-button:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0071e350}.message{color:#a64c2a;background:#fff5ef;border:1px solid #f1d8cc;border-radius:10px;margin-bottom:20px;padding:13px 15px;font-size:12px;line-height:1.8}.message.loading{color:#2269b6;background:#f2f7fd;border-color:#d8e7fb}.text-button{color:var(--blue);background:0 0;border:0;margin-top:15px;padding:4px 0}.success-state{text-align:center;padding:26px 5px}.success-check{color:#24915a;background:#e9f7ef;border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:28px;display:grid}.success-state h2{font-size:24px}.success-state p{color:var(--muted);margin-bottom:25px;font-size:13px;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:#9999a0;justify-content:space-between;max-width:1036px;margin:0 auto;padding:24px 0 30px;font-size:10px;display:flex}.site-footer strong{color:#7e7e85;font-size:13px}@media (width<=760px){.site-header{padding:20px 22px}.header-link{font-size:11px}main{padding:34px 20px 40px}.hero{margin-bottom:30px}.hero p{font-size:13px}.form-layout{grid-template-columns:1fr;gap:20px}.guide{display:none}.form-card{border-radius:20px;padding:24px 20px}.site-footer{align-items:center;gap:15px;margin:0 20px}.site-footer span{text-align:right;max-width:220px}}@media (width<=420px){.unit-grid,.person-fields{grid-template-columns:1fr;gap:16px}.form-footer{flex-direction:column;align-items:stretch}.primary-button{width:100%}.person-card{padding:17px}.brand span{font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}main{max-width:1600px;padding-top:36px}.contact-unit-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.contact-unit-heading .section-title{margin-bottom:0}.edit-contact-button{color:#fff;background:#0071e3;border:1px solid #0071e3;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.edit-contact-button:hover{background:#0062c6;border-color:#0062c6}.edit-contact-button svg{width:18px;height:18px}.contact-editor{color:#1d1d1f;background:#fff;border:1px solid #e2e7ed;border-radius:22px;width:min(760px,100% - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:26px;overflow-y:auto;box-shadow:0 24px 80px #13294333}.contact-editor::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15243770}.contact-editor-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.contact-editor-header h2{margin:0 0 6px;font-size:23px}.contact-editor-header p{color:var(--muted);margin:0;font-size:13px}.contact-editor-close{color:#616975;background:#f1f3f6;border:0;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;line-height:1;display:grid}.contact-editor-close svg{width:20px;height:20px;display:block}.contact-lookup-form{background:#f2f7fd;border-radius:14px;align-items:flex-end;gap:12px;margin-bottom:20px;padding:18px;display:flex}.contact-lookup-form .field{flex:1;min-width:0}.contact-lookup-form .primary-button{min-height:46px}.contact-editor .selected-unit{margin:0 0 18px}.contact-edit-hint{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.7}.contact-editor .message.success{color:#246344;background:#edf8f1;border-color:#cde8d7}.contact-editor-matches{gap:10px;display:grid}.contact-editor-matches button{text-align:left;color:#24394f;background:#f7fbff;border:1px solid #d9e6f6;border-radius:12px;padding:15px 18px}.contact-editor-matches strong,.contact-editor-matches small{display:block}.contact-editor-matches small{color:var(--muted);margin-top:5px}.contact-editor-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:16px;margin-top:22px;padding-top:20px;display:flex}.contact-edit-empty{color:#856027;background:#fff7e9;border:1px solid #f0d9b4;border-radius:12px;padding:15px;font-size:13px;line-height:1.7}@media (width<=600px){.contact-unit-heading{flex-direction:column;gap:14px}.contact-editor{padding:20px 16px}.contact-lookup-form{flex-direction:column;align-items:stretch}.contact-editor-footer .primary-button{width:auto}}.contact-visit{background:#f3f8f7;border:1px solid #dae8e5;border-radius:18px;margin:-8px 0 28px;padding:24px}.contact-visit-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.contact-visit-heading-icon{color:#246958;background:#deeee9;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;display:grid}.contact-visit-heading-icon svg{width:24px;height:24px}.contact-visit h2{color:#213e36;margin:0;font-size:20px;line-height:1.5}.contact-visit-heading p{color:#60766f;margin:3px 0 0;font-size:13px;line-height:1.6}.contact-visit-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:12px;margin:0 0 14px;display:grid}.contact-visit-item{border:1px solid var(--visit-border);background:var(--visit-bg);border-radius:14px;padding:18px}.contact-visit-item--date{--visit-bg:#eaf3ff;--visit-border:#d3e4fa;--visit-ink:#275b92}.contact-visit-item--previous{--visit-bg:#fff5e5;--visit-border:#f0e1c6;--visit-ink:#886324}.contact-visit-item--arrival{--visit-bg:#e4f3eb;--visit-border:#cbe5d7;--visit-ink:#29684e}.contact-visit-grid dt{color:var(--visit-ink);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.contact-visit-icon{flex:0 0 20px;display:inline-flex}.contact-visit-icon svg{width:20px;height:20px}.contact-visit-grid dd{color:#243a35;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600;line-height:1.5}.contact-visit-grid .contact-visit-route{flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:17px;display:flex}.contact-visit-route-origin{color:#70634c}.contact-visit-route-arrow{color:#ab782a;font-size:22px}.contact-visit-route-destination{color:#594019}.contact-visit-route-distance{color:#79521d;white-space:nowrap;background:#f6e6c9;border-radius:20px;padding:3px 10px;font-size:14px;display:inline-block}.contact-visit-note{color:#5b6b65;background:#ffffffb3;border:1px solid #dce6e2;border-radius:12px;margin:0;padding:16px 18px;font-size:14px;line-height:1.8}.contact-visit-note strong{color:#315d4e;font-size:15px;font-weight:600;display:block}.contact-visit-note p{margin:5px 0 0}@media (width<=760px){.contact-visit{padding:18px}.contact-visit h2{font-size:18px}.contact-visit-grid{grid-template-columns:1fr}.contact-visit-grid dd{font-size:18px}}.person-identity{grid-column:1/-1;grid-template-columns:180px minmax(0,1fr);gap:16px;display:grid}@media (width<=420px){.person-identity{grid-template-columns:1fr}}.contact-form-heading{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:22px}.contact-form-heading h1{letter-spacing:-.5px;margin:0 0 8px;font-size:24px;line-height:1.4}.contact-form-heading p{color:var(--blue);margin:0;font-size:20px;font-weight:600;line-height:1.5}.contact-support{color:#202124;text-align:center;background:#ffcf4d;border-radius:18px;margin:0;padding:30px 24px 26px}.contact-support h3{text-wrap:balance;margin:0 0 12px;font-size:25px;font-weight:600;line-height:1.5}.support-contact{text-wrap:balance;margin:0;font-size:20px;line-height:1.7}.support-phones{white-space:nowrap;display:inline-block}.support-phones a{font-weight:600}.support-phones a:hover{text-decoration:underline}.support-line-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-top:8px;display:flex}.contact-support .support-line{margin:0;font-size:24px}.support-line strong{font-weight:700}.line-add-friend{border-radius:6px;display:inline-flex}.line-add-friend img{width:auto;height:36px;display:block}.support-logo{object-fit:contain;width:112px;height:112px;margin:20px auto 0;display:block}@media (width<=760px){.contact-support{padding:26px 18px}.contact-support h3{font-size:21px}.support-contact{font-size:18px}.contact-support .support-line{font-size:22px}.contact-form-heading h1{font-size:21px}}.form-layout{grid-template-columns:minmax(0,1fr);gap:22px;width:100%;margin:0 auto}
