@font-face{font-family:BuggyMarker;src:url('/buggy-passport/v236/insurance-permanent-marker.ttf') format('truetype');font-display:swap}
@font-face{font-family:BuggyCourier;src:url('/buggy-passport/v236/insurance-courier-prime-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:BuggyCourier;src:url('/buggy-passport/v236/insurance-courier-prime-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--fog:#fbfaf6;--navy:#041e42;--yellow:#ffbf32;--green:#507d6b;--line:#ced2cb}
*{box-sizing:border-box}
body{margin:0;background:var(--fog);color:var(--navy);font:16px/1.45 BuggyCourier,monospace}
a{color:inherit;text-underline-offset:3px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--navy);outline-offset:5px}
.welcome{max-width:490px;margin:auto;padding:24px 22px max(20px,env(safe-area-inset-bottom))}
.brand{display:flex;align-items:center;gap:12px}
.brand>img{flex:none;width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:white}
.passport-pill{flex:1;border:1px solid var(--line);border-radius:40px;padding:9px 12px;background:#fffdf7;text-align:center;box-shadow:0 5px 10px #041e420c}
.passport-pill>span{display:block;font-family:BuggyMarker,cursive;font-size:28px;line-height:1.12}
.passport-pill>small{display:block;color:#805400;font-size:11px;font-weight:700;letter-spacing:.3px}
.intro{padding:28px 0 24px;text-align:center}
.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700;color:var(--green)}
h1{margin:0;font:36px/1.16 BuggyMarker,cursive}
.lead{margin:14px 0 22px;font-size:16px}
.open-passport{display:flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:12px 16px;border:1px solid #b9810b;border-radius:16px;background:var(--yellow);text-decoration:none;font:23px/1.3 BuggyMarker,cursive;box-shadow:0 3px 0 #bc810d}
.open-passport:hover{background:#ffca4f}
.account-note{font-size:12px;margin:12px 0 0}
.phone{padding:18px;border:1px solid var(--line);border-radius:20px;background:#edf1ed}
.phone-heading{display:flex;align-items:center;gap:12px}
.phone-heading img{flex:none;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:white}
h2{margin:0;font:20px/1.2 BuggyMarker,cursive}
.phone>p{font-size:14px;margin:14px 0}
details{border-top:1px solid var(--line)}
summary{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary span{font:24px/1 sans-serif;transition:transform .1s}
details[open] summary span{transform:rotate(45deg)}
.instructions{font-size:14px;padding-bottom:14px}
ol{margin:0 0 8px;padding-left:22px}
li{margin:0 0 9px;padding-left:2px}
.share-icon{width:19px;height:19px;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.help{font-size:12px}
.phone>.keep-note{padding-top:12px;border-top:1px solid var(--line);font-size:12px;margin:0;color:#3f5e52}
footer{display:grid;gap:14px;padding-top:22px;text-align:center;font-size:13px}
footer small{font-size:10px;color:#536477}
@media(max-width:350px){.welcome{padding:16px 15px}.brand{gap:10px}.brand>img{width:55px;height:55px}.passport-pill>span{font-size:25px}.intro{padding:22px 0}h1{font-size:31px}.phone{padding:15px}h2{font-size:18px}.eyebrow{letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){summary span{transition:none}}