@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--navy:#03045e;--lavender:#8687b2;--white:#fff;--ink:#16163f;--muted:#676783;--line:#e8e8f0;--soft:#f6f6fa;font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f4f4f8;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#e7e7f2 0,#f4f4f8 54%)}a{color:inherit}.page-shell{max-width:540px;margin:0 auto;padding:20px 15px calc(24px + env(safe-area-inset-bottom))}.card{background:var(--white);border:1px solid #e9e9f0;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px #10104b12}.brand{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--navy);color:var(--white)}.logo{width:58px;height:58px;border-radius:13px;object-fit:cover;border:1px solid #ffffff33}.brand-copy p{margin:0}.eyebrow{font-size:.68rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.brand-copy .eyebrow{font-family:Manrope,sans-serif;font-size:.82rem;letter-spacing:.1em}.specialty{margin-top:5px!important;font-size:.75rem;color:#e2e2f0}.specialty span{color:var(--lavender);padding:0 3px}.identity{padding:30px 24px 23px}.lavender{color:var(--lavender);margin:0 0 9px}.identity h1{font-family:Manrope,sans-serif;color:var(--navy);font-size:clamp(1.65rem,7vw,2.05rem);line-height:1.15;margin:0;letter-spacing:-.045em}.role{font-size:1rem;color:var(--muted);margin:10px 0 0}.company{font-weight:600;color:var(--navy);font-size:.82rem;margin:8px 0 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 24px}.action{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:700;font-size:.91rem;color:var(--navy);transition:transform .15s,background .15s}.action:active,.text-button:active,.qr-button:active{transform:scale(.98)}.action.primary{background:var(--navy);color:white;border-color:var(--navy)}.action.save{border-color:var(--lavender);color:var(--navy);background:#f6f6fa}.action span{font-size:1.1rem;color:var(--lavender)}.primary span{color:white}.company-contact{border-top:1px solid var(--line);margin:0 22px;padding:19px 0 18px;display:grid;gap:9px}.company-contact h2,.share-row h2{font-family:Manrope,sans-serif;font-size:.94rem;color:var(--navy);margin:0 0 3px}.company-contact a{font-size:.9rem;text-decoration:none;width:fit-content}.company-contact a:hover{text-decoration:underline}.company-contact a span{color:var(--lavender)}.share-row{border-top:1px solid var(--line);margin:0 22px;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.share-row p{font-size:.78rem;color:var(--muted);margin:5px 0 10px;line-height:1.4}.text-button,.help-button{background:none;border:0;padding:0;color:var(--navy);font:700 .84rem 'DM Sans',sans-serif;text-align:left;cursor:pointer}.text-button span{color:var(--lavender);padding-left:4px}.qr-button{border:1px solid var(--line);border-radius:13px;background:white;padding:7px 7px 5px;cursor:pointer;color:var(--muted);font-size:.66rem;display:grid;justify-items:center;gap:3px}.qr-button img{width:74px;height:74px;display:block}.card footer{background:var(--soft);border-top:1px solid var(--line);padding:15px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card footer>p{font-size:.76rem;color:var(--muted);margin:0}.help-button{font-size:.76rem}.instructions{flex-basis:100%;color:var(--muted);font-size:.78rem;line-height:1.5}.instructions p{margin:9px 0 0}.card footer:has(.instructions:not([hidden])){flex-wrap:wrap}.instructions strong{color:var(--navy)}.notice{min-height:0;margin:0;text-align:center;font-size:.78rem;color:var(--navy)}.notice:not(:empty){padding:8px}.action:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b5b6dc;outline-offset:3px}dialog{border:0;border-radius:20px;padding:28px;max-width:min(90vw,390px);text-align:center;box-shadow:0 18px 80px #0004;color:var(--navy)}dialog::backdrop{background:#03042e99}dialog h2{font-family:Manrope,sans-serif;font-size:1.15rem;margin:0 0 16px}dialog>img{width:min(70vw,260px);height:auto;display:block;margin:auto}dialog p{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.dialog-close{position:absolute;right:11px;top:8px;background:none;border:0;font-size:1.7rem;color:var(--muted);cursor:pointer}@media(min-width:600px){.page-shell{padding-top:48px}.card{border-radius:26px}.brand{padding:23px 26px}.identity{padding:34px 27px 24px}.actions{padding-left:27px;padding-right:27px}.company-contact,.share-row{margin-left:27px;margin-right:27px}.card footer{padding-left:27px;padding-right:27px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}