:root { color-scheme:dark; --navy:#071a2f; --slate:#465564; --ice:#bfe9ff; --line:#bfe9ff36; }
* { box-sizing:border-box; }
body { margin:0; padding:32px 20px; min-height:100vh; background:#041322; color:#fff; font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
.card { width:min(100%,520px); margin:auto; background:var(--navy); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 24px 70px #0005; }
.brand { padding:32px 32px 26px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:24px; background:linear-gradient(135deg,#071a2f,#193449); }
.brand img { width:102px; height:102px; object-fit:contain; flex-shrink:0; }
.brand-name { font:500 2.6rem/1.05 Georgia,serif; letter-spacing:.04em; }
.brand small { display:block; margin-top:9px; color:var(--ice); font-size:.875rem; letter-spacing:.1em; text-transform:uppercase; }
.identity { padding:32px 32px 24px; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--ice); font-size:.875rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 15px; }
.eyebrow:before { content:''; width:28px; height:2px; background:var(--ice); }
h1 { font:400 clamp(2.1rem,7vw,2.65rem)/1.15 Georgia,serif; margin:0 0 10px; }
.role { color:var(--ice); font-weight:600; margin:0; }
.legal { color:#b8cbd8; font-size:.875rem; margin:3px 0 0; }
.promise { color:#d8e5ed; border-left:2px solid #bfe9ff80; padding-left:15px; margin:23px 0 0; }
.contact { padding:0 32px; }
.contact a { display:flex; flex-direction:column; padding:15px 0; border-bottom:1px solid var(--line); }
.contact span { color:#b8cbd8; font-size:.875rem; }
.contact strong { font-weight:600; font-size:1.1rem; overflow-wrap:anywhere; }
.contact a:hover strong { color:var(--ice); }
.actions { padding:26px 32px 0; display:grid; gap:12px; grid-template-columns:1fr 1fr; }
.action { display:flex; align-items:center; justify-content:center; min-height:48px; padding:12px; border:1px solid #bfe9ff60; border-radius:5px; background:transparent; color:var(--ice); text-align:center; font-size:.9375rem; font-weight:650; transition:background-color 100ms ease; }
.action.primary { background:var(--ice); color:var(--navy); border-color:var(--ice); grid-column:1/-1; }
.action:hover { background:#bfe9ff18; }
.action.primary:hover { background:#d9f4ff; }
.services { padding:24px 32px 0; }
.services p { color:#b8cbd8; margin:0; font-size:.9375rem; }
.qr-panel { margin:28px 32px; padding-top:26px; border-top:1px solid var(--line); display:grid; grid-template-columns:192px 1fr; align-items:center; gap:22px; }
.qr-panel img { width:192px; height:192px; background:#fff; border-radius:4px; }
.qr-panel h2 { margin:0 0 6px; font-size:1.1rem; line-height:1.3; }
.qr-panel p { color:#b8cbd8; margin:0; font-size:.875rem; }
.area { margin:0; padding:18px 26px; background:#46556445; color:#d2e0e9; text-align:center; font-size:.875rem; }
.status { min-height:1.6em; color:var(--ice); font-size:.875rem; padding-inline:32px; margin:14px 0 0; }
.status:empty { display:none; }
.return { text-align:center; color:#b8cbd8; margin:22px 0 0; font-size:.875rem; }
.return a { text-decoration:underline; text-underline-offset:4px; }
:focus-visible { outline:3px solid var(--ice); outline-offset:4px; }
@media (max-width:380px) {
  body { padding:12px; }
  .brand,.identity { padding:24px; }
  .brand { gap:16px; }
  .brand img { width:78px; height:78px; }
  .brand-name { font-size:2.2rem; }
  .contact { padding-inline:24px; }
  .actions { padding:24px 24px 0; }
  .services { padding:24px 24px 0; }
  .qr-panel { margin:24px; grid-template-columns:1fr; justify-items:center; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { * { transition:none!important; } }
@media print { body { background:#fff; padding:0; } .card { box-shadow:none; margin:0 auto; } .actions,.status,.return { display:none; } }

@media (max-width:480px) { .qr-panel { grid-template-columns:1fr; justify-items:center; text-align:center; } }
[hidden] { display:none!important; }

.action.printable { grid-column:1/-1; }