:root { --ink:#142b28; --green:#1f514a; --mint:#dff2e7; --paper:#faf9f5; --surface:#ffffff; --sand:#e6e8e0; --orange:#d84b22; --muted:#435650; --line:#c4d0c7; --danger:#a62d17; --focus:#0d6fba; --serif:"Instrument Serif",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font:400 16px/1.55 var(--sans); }
button,input { font:inherit; }
a { color:inherit; text-decoration:none; }
button,a,input,summary { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.announcement { padding:12px 24px; background:var(--green); color:#f3fff8; font:500 16px/1.35 var(--mono); text-align:center; }
.pulse-dot { display:inline-block; width:10px; height:10px; margin:0 9px 1px 0; border-radius:50%; background:#9ff0c2; box-shadow:0 0 0 4px rgba(159,240,194,.16); }
.site-header { max-width:1220px; min-height:86px; padding:14px 24px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.logo { display:inline-flex; align-items:center; gap:9px; font-size:21px; font-weight:700; letter-spacing:-.04em; }
.logo-mark { width:30px; height:30px; display:grid; place-items:center; background:var(--orange); color:#fff; border-radius:50% 50% 50% 5px; font-size:20px; line-height:1; transform:rotate(-8deg); }
nav { display:flex; flex-wrap:wrap; gap:28px; color:var(--muted); font-size:16px; } nav a:hover,.text-link:hover { color:var(--orange); }
.nav-cta,.text-link { font-size:16px; font-weight:700; }.nav-cta span,.text-link span { margin-left:5px; color:var(--orange); }
.hero { max-width:1220px; min-height:560px; padding:76px 24px; margin:auto; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:58px; }
.eyebrow { margin:0 0 16px; color:#176450; font:600 16px/1.3 var(--mono); letter-spacing:.04em; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.04em; line-height:1.03; }
h1 { max-width:570px; margin-bottom:24px; font-size:clamp(58px,7vw,94px); font-weight:500; } h1 em { color:var(--orange); font-family:var(--serif); font-weight:400; }
.hero-text { max-width:500px; margin-bottom:31px; color:var(--muted); font-size:19px; line-height:1.6; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:25px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:17px; min-height:50px; padding:10px 20px; border:0; border-radius:5px; font-size:16px; font-weight:700; cursor:pointer; transition:transform .18s,background .18s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--orange); color:#fff; }.button-dark { width:100%; background:var(--ink); color:#fff; }.button-light { margin-top:28px; background:#f1f5ed; color:var(--green); }
.trust-row { display:flex; align-items:center; gap:12px; margin-top:45px; color:var(--muted); }.trust-row p { margin:0; }.avatar-stack { display:flex; }.avatar-stack span { display:grid; width:30px; height:30px; place-items:center; border:2px solid var(--paper); margin-left:-6px; border-radius:50%; background:#e6b8a5; color:#fff; font:16px var(--mono); }.avatar-stack span:nth-child(2){background:#647da3}.avatar-stack span:nth-child(3){background:#668855}
.hero-visual { position:relative; min-height:430px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(136deg,#ccebdc,#edf3e6); border-radius:175px 18px 18px; }.flight-orbit { position:absolute; border:1px solid rgba(35,78,73,.2); border-radius:50%; }.orbit-one { width:500px; height:330px; transform:rotate(-28deg); }.orbit-two { width:370px; height:230px; transform:rotate(-28deg); }.plane { position:absolute; top:65px; right:85px; color:#24705e; font-size:32px; transform:rotate(23deg); }
.alert-card { position:relative; z-index:1; width:min(375px,80%); padding:24px 23px 20px; background:#fffefa; border:1px solid rgba(35,78,73,.18); border-radius:8px; box-shadow:0 22px 45px rgba(28,63,54,.16); transform:rotate(-3deg); }.card-topline,.alert-meta,.result-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; }.live,.mock-status { color:#13634d; font:600 16px var(--mono); }.live i,.mock-status i { display:inline-block; width:9px; height:9px; margin-right:6px; border-radius:50%; background:#23865e; }.time { color:var(--muted); font:16px var(--mono); }.alert-card h2 { margin:22px 0 9px; font-size:40px; font-weight:700; }.alert-card p { margin-bottom:18px; color:var(--muted); }.alert-divider { height:1px; background:#d7ddd7; }.alert-meta { padding-top:15px; color:var(--muted); font:16px var(--mono); }.alert-meta strong { color:#b53817; font-weight:700; }.arrival-chip { position:absolute; bottom:42px; left:30px; z-index:2; padding:10px 13px; background:var(--green); border-radius:4px; color:#fff; font:600 16px var(--mono); transform:rotate(2deg); }.arrival-chip span { color:#baf3cf; margin-right:5px; }
.tracker-section { padding:94px 24px 102px; background:#eef1eb; }.section-heading { max-width:730px; margin:0 auto 40px; text-align:center; }.section-heading h2 { margin-bottom:16px; font-size:clamp(40px,4vw,56px); font-weight:500; }.section-heading>p:last-child { max-width:600px; margin:0 auto; color:var(--muted); font-size:18px; }
.tracker-shell { max-width:1030px; margin:auto; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:0 10px 30px rgba(22,39,37,.06); overflow:visible; }.tracker-form { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:34px 34px 24px; }.tracker-form label>span:first-child { display:block; margin-bottom:8px; color:#263e38; font-size:16px; font-weight:700; }.tracker-form input[type=text],.tracker-form input[type=date] { width:100%; min-height:50px; padding:11px 13px; border:1px solid #9baea2; border-radius:5px; outline:none; background:#fff; color:var(--ink); font-size:16px; }.tracker-form input:focus { border-color:#166d5b; box-shadow:0 0 0 3px #cfeee1; }.field-help { display:block; margin-top:7px; color:var(--muted); font-size:16px; line-height:1.4; }
.flight-lookup { grid-column:1/-1; margin:-7px 0 0; padding:14px 16px; border:1px solid #94cdb3; border-radius:6px; background:#f0fff5; color:#174c3c; font-size:16px; }.flight-lookup.is-loading { border-color:#a4bcb0; background:#f5f8f6; color:#28443b; }.flight-lookup.is-error { border-color:#d78a75; background:#fff4f1; color:#872a18; }.flight-found,.flight-detail,.flight-choice-intro { margin:0; }.flight-found { font-weight:700; }.flight-eta { display:block; margin:5px 0; font-size:19px; }.flight-detail { color:#315e51; }.flight-choices { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }.flight-choice { min-height:44px; padding:9px 12px; border:1px solid #4f8d78; border-radius:5px; background:#fff; color:#164b3c; cursor:pointer; font-size:16px; font-weight:700; text-align:left; }.flight-choice:hover { background:#ddf4e7; }
.origin-field { grid-column:1/-1; }.address-field { position:relative; }.origin-input-row { display:flex; gap:10px; }.location-button { flex:0 0 auto; min-height:50px; padding:10px 14px; border:1px solid #367c68; border-radius:5px; background:#eff9f3; color:#155743; cursor:pointer; font-size:16px; font-weight:700; }.location-button:hover { background:#d8f0e1; }.location-button:disabled { cursor:wait; opacity:.75; }.field-status { min-height:24px; margin:7px 0 0; color:#355f52; font-size:16px; }.field-status.is-error { color:var(--danger); }.field-status.is-loading { color:#355f52; }
.address-suggestions { position:absolute; z-index:5; top:82px; right:0; left:0; overflow:hidden; border:1px solid #79a892; border-radius:5px; background:#fff; box-shadow:0 10px 24px rgba(22,39,37,.16); }.address-suggestion { display:block; width:100%; min-height:46px; padding:11px 13px; border:0; border-bottom:1px solid #e1e9e3; background:#fff; color:var(--ink); cursor:pointer; font-size:16px; text-align:left; }.address-suggestion:hover,.address-suggestion:focus { background:#e9f7ef; }.address-attribution { display:block; width:140px; height:auto; margin:8px 12px; }
.location-confirmation { margin-top:10px; padding:14px; border:1px solid #75a88f; border-radius:6px; background:#effaf2; color:#214b3d; }.location-confirmation strong { display:block; font-size:17px; }.location-confirmation p { margin:4px 0 10px; font-size:16px; font-weight:600; }.location-confirmation div { display:flex; flex-wrap:wrap; gap:14px; }
.toggle-row { display:flex; align-items:center; gap:11px; padding-top:5px; color:#263e38; font-size:16px; font-weight:600; cursor:pointer; }.toggle-row input { position:absolute; opacity:0; }.fake-toggle { position:relative; width:40px; height:24px; border-radius:20px; background:#79877f; transition:.2s; }.fake-toggle::after { position:absolute; content:""; width:18px; height:18px; top:3px; left:3px; border-radius:50%; background:#fff; transition:.2s; }.toggle-row input:checked + .fake-toggle { background:#16745c; }.toggle-row input:checked + .fake-toggle::after { transform:translateX(16px); }.toggle-row input:focus-visible + .fake-toggle { outline:3px solid var(--focus); outline-offset:3px; }.tracker-form .button { align-self:end; }.tracker-form .button:disabled { cursor:wait; opacity:.72; transform:none; }.form-error { max-width:1030px; margin:14px auto 0; padding:13px 16px; border:1px solid #d78a75; border-radius:6px; background:#fff4f1; color:#872a18; font-size:16px; font-weight:600; }.tracker-note { display:flex; align-items:flex-start; gap:12px; padding:18px 34px 21px; border-top:1px solid #dce5de; background:#fbfcfa; }.note-icon { color:#1d785f; font-size:21px; }.tracker-note p { max-width:720px; margin:0; color:#435650; font-size:16px; }.tracker-note strong { color:#263e38; }
.pickup-result { max-width:1030px; margin:22px auto 0; padding:26px; border:1px solid #7cb996; border-radius:8px; background:#f7fffa; }.result-label { margin-bottom:20px; color:#176450; font:600 16px var(--mono); letter-spacing:.04em; }.result-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr; gap:20px; }.result-flight { margin-bottom:7px; color:#405e54; font:16px var(--mono); }.result-primary h3 { margin-bottom:10px; font-size:34px; font-weight:600; }.result-primary h3 span { color:#126b51; }.result-primary p:last-child { margin:0; color:#405e54; }.result-stat { border-left:1px solid #bad9c6; padding-left:20px; }.result-stat span,.result-stat small { display:block; color:#435f55; font-size:16px; }.result-stat strong { display:block; margin:5px 0; font-size:22px; letter-spacing:-.03em; }.monitoring-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; padding:16px; border:1px solid #bad9c6; border-radius:6px; background:#effaf2; }.monitor-copy { min-width:0; }.monitoring-panel strong { display:block; font-size:18px; }.monitor-status { margin:4px 0 0; color:#285a49; font-size:16px; }.monitor-status.is-error { color:var(--danger); }.monitor-status.is-active { color:#126b51; }.monitor-status.is-terminal { color:#7c381f; font-weight:700; }.directions-panel { margin-top:12px; }.directions-panel>span { display:block; margin-bottom:7px; color:#315c4c; font-size:16px; font-weight:700; }.directions-actions,.monitor-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }.map-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 13px; border:1px solid #176450; border-radius:5px; background:#fff; color:#13634d; font-size:16px; font-weight:700; }.map-link:hover { background:#dff2e7; }.result-footer { flex-wrap:wrap; margin-top:22px; padding-top:16px; border-top:1px solid #cce3d4; color:#405e54; font-size:16px; }.result-footer p { flex:1; min-width:240px; margin:0; text-align:center; }.result-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:14px; }.plain-button { min-height:44px; border:0; padding:8px 2px; background:transparent; color:#13634d; font-size:16px; font-weight:700; cursor:pointer; }.plain-button:hover { color:#063f2f; text-decoration:underline; }.plain-button.prominent { padding:9px 13px; border:1px solid #176450; border-radius:5px; background:#fff; }
.how-it-works { max-width:1170px; padding:108px 24px; margin:auto; }.narrow { max-width:690px; }.steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.steps article { padding:29px 35px 5px 0; }.steps article+article { padding-left:33px; border-left:1px solid var(--line); }.step-number { color:#a63818; font:600 16px var(--mono); }.steps h3 { margin:34px 0 10px; font-size:27px; font-weight:600; }.steps p { max-width:290px; color:var(--muted); font-size:16px; }
.operator-section { max-width:1220px; margin:0 auto 108px; padding:68px 70px; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; background:var(--green); border-radius:8px; color:#f4fff7; }.operator-section .eyebrow { color:#b8f2d2; }.operator-copy h2 { max-width:450px; margin-bottom:20px; font-size:clamp(42px,4vw,58px); font-weight:500; }.operator-copy>p:not(.eyebrow) { max-width:480px; color:#d4e8dd; font-size:18px; }.operator-copy ul { padding:0; margin:25px 0 0; list-style:none; color:#f2fff7; font-size:16px; }.operator-copy li+li { margin-top:10px; }.operator-copy li span { margin-right:9px; color:#b8f2d2; }.board-preview { padding:18px; background:#f5faf3; border-radius:6px; color:var(--ink); box-shadow:15px 16px 0 rgba(19,52,47,.3); transform:rotate(2deg); }.board-top,.board-footer { display:flex; justify-content:space-between; gap:12px; padding:7px 4px 15px; color:#355c50; font:600 16px var(--mono); }.board-date { color:#536f63; }.board-item { display:grid; grid-template-columns:11px 1fr auto; gap:11px; align-items:center; padding:13px 8px; border-top:1px solid #d1ddd4; }.board-status { width:9px; height:9px; border-radius:50%; }.stable .board-status { background:#29855f; }.attention .board-status { background:var(--orange); box-shadow:0 0 0 4px #ffe0d5; }.board-item strong,.board-item small { display:block; }.board-item strong { font-size:16px; }.board-item small { color:#4e665d; font-size:16px; }.board-item time { color:#225e4c; font-size:16px; font-weight:700; }.attention time { color:#a5381e; }.board-footer { padding:14px 4px 3px; }.board-footer span:last-child { color:#176450; }
.faq { max-width:770px; padding:0 24px 105px; margin:auto; }.faq>.eyebrow { text-align:center; }.faq details { border-top:1px solid var(--line); }.faq details:last-child { border-bottom:1px solid var(--line); }.faq summary { display:flex; justify-content:space-between; gap:16px; padding:20px 2px; cursor:pointer; font-size:18px; font-weight:700; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:var(--orange); font-size:24px; font-weight:400; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { max-width:620px; padding:0 2px 20px; margin:0; color:var(--muted); font-size:16px; }
footer { max-width:1220px; padding:30px 24px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); color:var(--muted); font-size:16px; } footer p { margin:0; } footer .logo { color:var(--ink); font-size:18px; } footer .logo-mark { width:25px; height:25px; font-size:16px; }
.confirmation-backdrop { position:fixed; z-index:20; inset:0; display:grid; place-items:center; padding:18px; overflow-y:auto; background:rgba(13,35,30,.56); }.timing-confirmation { width:min(640px,100%); max-height:calc(100dvh - 36px); overflow-y:auto; padding:28px; border-radius:8px; background:#fff; box-shadow:0 18px 48px rgba(0,0,0,.25); }.timing-confirmation h3 { margin:0 0 14px; font-size:32px; font-weight:600; }.timing-confirmation p { color:#334f46; }.timing-confirmation ul { margin:16px 0; padding-left:24px; color:#7b2d1b; font-weight:600; }.timing-confirmation li+li { margin-top:8px; }.confirmation-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:22px; }.confirmation-actions .button { width:auto; }
@media (max-width:800px) { .site-header { min-height:70px; }.site-header nav { display:none; }.hero { grid-template-columns:1fr; padding-top:58px; }.hero-visual { min-height:350px; max-width:540px; width:100%; }.tracker-form { grid-template-columns:1fr; }.operator-section { margin:0 18px 80px; padding:52px 30px; grid-template-columns:1fr; gap:44px; }.result-grid { grid-template-columns:1fr 1fr; }.result-primary { grid-column:span 2; }.result-stat:first-of-type { border-left:0; padding-left:0; }.how-it-works { padding-top:85px; }.steps { grid-template-columns:1fr; }.steps article,.steps article+article { padding:25px 0; border-left:0; border-bottom:1px solid var(--line); }.steps h3 { margin-top:19px; } }
@media (max-width:560px) { .announcement { padding:10px 14px; }.nav-cta { display:none; }.hero { padding:45px 20px 58px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:19px; }.hero-visual { min-height:310px; }.alert-card { width:85%; }.alert-card h2 { font-size:34px; }.tracker-section { padding:70px 16px; }.tracker-form { padding:25px 20px 20px; gap:19px; }.tracker-form>* { min-width:0; }.origin-input-row { flex-direction:column; }.origin-input-row input { min-width:0; }.location-button { width:100%; }.address-suggestions { top:134px; }.flight-choice { width:100%; overflow-wrap:anywhere; }.location-confirmation div,.confirmation-actions { align-items:stretch; flex-direction:column; gap:8px; }.location-confirmation .plain-button,.confirmation-actions .button,.confirmation-actions .plain-button,.directions-actions .map-link { width:100%; justify-content:center; }.tracker-note { padding:16px 20px; }.result-grid { grid-template-columns:1fr; }.result-primary { grid-column:span 1; }.result-stat,.result-stat:first-of-type { padding:13px 0 0; border-top:1px solid #bad9c6; border-left:0; }.monitoring-panel { align-items:flex-start; flex-direction:column; }.directions-actions { width:100%; align-items:stretch; flex-direction:column; gap:8px; }.result-footer { align-items:flex-start; flex-direction:column; gap:11px; }.result-footer p { min-width:0; text-align:left; }.result-actions { justify-content:flex-start; }.operator-section { padding:42px 24px; }.board-preview { transform:none; } footer { align-items:flex-start; flex-direction:column; gap:14px; }.timing-confirmation { padding:22px 18px; }.timing-confirmation h3 { font-size:28px; } }
@keyframes monitor-pulse { 0% { box-shadow:0 0 0 0 rgba(36,151,100,.38); } 70% { box-shadow:0 0 0 9px rgba(36,151,100,0); } 100% { box-shadow:0 0 0 0 rgba(36,151,100,0); } }
.header-actions { display:flex; align-items:center; gap:18px; }.nav-plus { min-height:44px; padding:8px 12px; border:1px solid #176450; border-radius:5px; background:#fff; color:#13634d; font-size:16px; font-weight:700; cursor:pointer; }.nav-plus:hover { background:#dff2e7; }.inline-action { padding:0; border:0; background:transparent; color:#13634d; font-size:16px; font-weight:700; text-decoration:underline; cursor:pointer; }.plus-monitor-note { max-width:570px; margin:7px 0 0; color:#405e54; font-size:16px; }.notification-help { max-width:640px; margin-top:10px; padding:12px 14px; border:1px solid #bd704e; border-radius:5px; background:#fff7f2; color:#6f2e1d; }.notification-help strong { font-size:16px; }.notification-help p { margin:4px 0 0; }.monitor-status.is-active,.saved-status.is-active { color:#126b51; font-weight:700; }.monitor-status.is-active::before,.saved-status.is-active::before { display:inline-block; width:10px; height:10px; margin:0 8px 1px 0; border-radius:50%; background:#249764; box-shadow:0 0 0 0 rgba(36,151,100,.38); content:""; animation:monitor-pulse 2.4s ease-out infinite; }
.account-section { max-width:1030px; margin:42px auto 0; padding:30px; border:1px solid #7cb996; border-radius:8px; background:#f7fffa; }.account-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }.account-heading h2 { margin-bottom:10px; font-size:36px; font-weight:600; }.account-heading p:not(.eyebrow) { max-width:600px; margin:0; color:#405e54; }.account-actions { display:flex; flex-wrap:wrap; gap:12px; }.account-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:30px; }.account-grid h3 { margin-bottom:12px; font-size:22px; }.pickup-list { display:grid; gap:12px; }.saved-pickup { padding:15px; border:1px solid #bad9c6; border-radius:6px; background:#fff; }.saved-pickup h4 { margin:6px 0; font-size:18px; }.saved-pickup p { margin:0; color:#405e54; }.saved-status { font-size:16px; }.saved-status.is-terminal { color:#7c381f; font-weight:700; }.saved-actions { margin-top:8px; }.empty-pickups { padding:15px; border:1px dashed #8eb6a0; border-radius:6px; color:#405e54; }.account-delete { display:flex; align-items:center; gap:18px; margin-top:28px; padding-top:20px; border-top:1px solid #cce3d4; }.account-delete .plain-button { color:#8b301c; }.account-delete p { margin:0; color:#405e54; }
.plus-backdrop { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:18px; overflow-y:auto; background:rgba(13,35,30,.56); }.plus-modal { position:relative; width:min(620px,100%); max-height:calc(100dvh - 36px); overflow-y:auto; padding:30px; border-radius:8px; background:#fff; box-shadow:0 18px 48px rgba(0,0,0,.25); }.plus-modal h2 { margin-bottom:14px; font-size:38px; font-weight:600; }.plus-modal>p:not(.eyebrow):not(.plus-fine-print) { color:#405e54; }.modal-close { position:absolute; top:12px; right:14px; width:44px; height:44px; border:0; background:transparent; color:#234e49; font-size:30px; cursor:pointer; }.plus-benefits { display:grid; gap:8px; margin:20px 0; }.plus-benefits span { padding:10px 12px; border-left:3px solid #25805f; background:#effaf2; color:#214b3d; font-weight:700; }.plus-auth-actions { display:grid; gap:16px; }.plus-auth-actions form label { display:block; margin-bottom:7px; color:#263e38; font-weight:700; }.plus-auth-actions form div { display:flex; gap:10px; }.plus-auth-actions input { min-width:0; flex:1; min-height:50px; padding:11px 13px; border:1px solid #9baea2; border-radius:5px; font-size:16px; }.plus-fine-print { margin:16px 0 0; color:#405e54; font-size:16px; }.plus-fine-print.is-error { color:#8b301c; font-weight:700; }
.notification-modal-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:22px; }.notification-modal-actions .button { width:auto; }
@media (prefers-reduced-motion:reduce) { .monitor-status.is-active::before,.saved-status.is-active::before { animation:none; } }
@media (max-width:800px) { .account-section { margin-right:18px; margin-left:18px; }.account-grid { grid-template-columns:1fr; } }
@media (max-width:560px) { .header-actions { gap:8px; }.nav-cta { display:none; }.nav-plus { padding:8px 9px; }.account-section { margin-right:0; margin-left:0; padding:22px 18px; }.account-heading,.account-delete { align-items:flex-start; flex-direction:column; gap:10px; }.account-actions { width:100%; }.account-actions .plain-button { flex:1; }.plus-modal { padding:26px 18px; }.plus-modal h2 { font-size:32px; }.plus-auth-actions form div { align-items:stretch; flex-direction:column; }.plus-auth-actions form .plain-button { width:100%; }.account-grid { gap:18px; }.monitor-actions { width:100%; }.monitor-actions .plain-button { width:100%; justify-content:center; } }
@media (max-width:360px) { .site-header,.hero,.how-it-works,footer { padding-right:16px; padding-left:16px; }.tracker-section { padding-right:10px; padding-left:10px; }.tracker-form { padding-right:16px; padding-left:16px; }.pickup-result { padding:18px; }.result-primary h3 { font-size:30px; }.announcement { font-size:16px; } }