@font-face{font-family:Onest;src:url('/font/onest/Onest-VariableFont_wght.ttf') format('truetype');font-display:swap}@font-face{font-family:Gothic;src:url('/font/gothic-60/gothic60-regular.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark;background:#131615}body{margin:0;color:#e9ebe4;font:15px/1.6 Onest,system-ui,sans-serif;min-height:100svh;isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #a8d9ce;outline-offset:5px}button[hidden],[hidden]{display:none!important}
.card-atmosphere{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 28%,#35443b65,transparent 65%)}.card-atmosphere svg{position:absolute;inset:-15% -50%;width:200%;height:110%;opacity:.38;animation:breathe 18s ease-in-out infinite alternate}.card-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#13161510,#13161565 45%,#131615 88%)}@keyframes breathe{from{transform:translate3d(-3%,0,0) rotate(-8deg)}to{transform:translate3d(3%,3%,0) rotate(7deg)}}
.business-card{width:min(100%,500px);margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 30px max(24px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center}header img{width:88px;height:auto;display:block}.language{font-size:11px;letter-spacing:.1em;padding:10px;border:1px solid #a8d9ce35;border-radius:50%}.card-story{padding:50px 0 25px}.eyebrow{font-size:9px;letter-spacing:.16em;color:#9cac9f}h1{font:400 clamp(54px,13vw,76px)/1.04 Gothic,sans-serif;letter-spacing:-.04em;margin:24px 0 20px}em{font-style:normal;color:#b5d9ca}p{color:#b1bdb5;margin:0}.card-actions{display:grid;grid-template-columns:1fr 76px;gap:12px}.save-contact{display:flex;align-items:center;justify-content:space-between;border-radius:36px;background:#c5e7d8;color:#14241e;padding:17px 22px;font-size:15px}.save-contact span{font-size:24px}.qr-trigger{border:1px solid #a8d9ce50;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:4px}.qr-trigger img{border-radius:3px}.qr-trigger span{font-size:10px}.contact-help{font-size:10px;margin:12px 0 24px;color:#8b9b91}.direct-links{border-top:1px solid #a8d9ce26}.direct-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #a8d9ce26;font-size:13px}.direct-links span{color:#8e9f94;font-size:11px}.direct-links b{font-weight:400}footer{display:flex;justify-content:space-between;padding:22px 0 16px;font-size:12px}footer button{padding:0;font-size:12px}
dialog{color:#e9ebe4;background:#18201c;border:1px solid #a8d9ce40;border-radius:24px;padding:22px;width:min(440px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto}dialog::backdrop{background:#050b08bd;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font:400 28px/1.15 Gothic,sans-serif;margin:0}.dialog-top button{font:28px/1 system-ui;min-width:44px;min-height:44px}.qr-large{display:block;width:100%;height:auto;background:white;border-radius:12px}dialog p{font-size:13px;margin:16px 0}.qr-download{font-size:12px;display:inline-block;padding:8px 0}.card-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#c5e7d8;color:#14241e;border-radius:20px;padding:10px 18px;max-width:90%;opacity:0;pointer-events:none}.card-toast.show{opacity:1}
@media(min-width:700px){body{display:grid;place-items:center}.business-card{margin:36px auto;padding:35px 40px;border:1px solid #a8d9ce26;border-radius:34px;background:#13161588;box-shadow:0 25px 100px #0003}.card-story{padding-top:38px}.card-atmosphere svg{inset:-10% 0;width:100%}}@media(max-width:360px){.business-card{padding-inline:20px}.save-contact{padding:15px;font-size:13px}.direct-links a{font-size:12px}.card-story{padding-top:36px}}@media(prefers-reduced-motion:reduce){.card-atmosphere svg{animation:none}}html[data-hidden] .card-atmosphere svg{animation-play-state:paused}

/* The contact code is the primary surface, already visible when the card opens. */
.business-card{width:min(100%,460px)}
.card-story{padding:26px 0 20px}.card-story h1{font-size:clamp(33px,9vw,44px);margin:12px 0 0;line-height:1.12}.card-story .eyebrow{font-size:8px;letter-spacing:.16em}
.contact-portal{position:relative;padding:12px 12px 29px;border:1px solid #acdccc45;border-radius:32px;background:linear-gradient(135deg,#a8d9ce16,transparent 45%,#c0abea16);box-shadow:0 10px 50px #0002}
.qr-center{display:block;width:100%;padding:0;overflow:hidden;border-radius:21px;background:#13231f;cursor:pointer}.qr-center img{width:100%;height:auto;display:block}.portal-signature{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.24em;color:#c0d8cb}
.scan-invitation{text-align:center;font-size:12px;margin:17px 0 22px;color:#bfd2c5}.scan-invitation span{display:block;font-size:9px;color:#809b8b;margin-top:3px}
.direct-links a{padding:11px 0}footer{padding:18px 0 0}.qr-large{background:#13231f}
@media(min-width:700px){.business-card{padding:28px 32px;margin:22px auto}.card-story{padding-top:24px}.contact-portal{max-width:320px;margin:auto}}
@media(max-width:360px){.business-card{padding-inline:18px}.contact-portal{padding:8px 8px 27px;border-radius:26px}.card-story{padding-top:22px}}

.card-symbol,.direct-links b .card-symbol{font-family:Arial,"Helvetica Neue",sans-serif;font-variant-emoji:text;color:inherit;font-size:inherit;display:inline-block}