:root{--navy-950:#04122d;--navy-900:#071a3d;--navy-800:#0d2b58;--cyan:#08a8c7;--cyan-dark:#06738a;--orange:#b94000;--ink:#14213a;--muted:#667085;--paper:#f3f6f8;--white:#fff;--line:#dce5eb;--shadow:0 28px 80px #0519392e}*{box-sizing:border-box}html{background:var(--navy-950);-webkit-text-size-adjust:100%;min-width:320px}body{min-width:320px;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 14% 3%, #08a8c73d, transparent 34rem), linear-gradient(145deg, var(--navy-950), #08204a 58%, #073a52);margin:0;font-family:Outfit,Arial,sans-serif;line-height:1.45}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}svg{display:block}.icon-button svg,.save-contact svg,.action-icon svg,.booking-button svg,.secondary-actions svg,.download-qr svg,.dialog-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--navy-950);background:var(--white);border-radius:10px;padding:12px 16px;font-weight:600;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.card-page{width:min(100%,1060px);min-height:100svh;margin:0 auto;padding:14px 10px 28px}.digital-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #ffffff52;border-radius:28px;position:relative;overflow:hidden}.card-accent{background:linear-gradient(90deg, var(--cyan), #58c7d9 48%, var(--orange));height:5px}.card-header{justify-content:space-between;align-items:center;min-height:68px;padding:14px 18px 8px;display:flex}.brand{color:var(--navy-900);letter-spacing:-.055em;align-items:baseline;text-decoration:none;display:inline-flex}.brand-md{font-size:1.65rem;font-weight:700}.brand-transform{letter-spacing:-.035em;margin-left:.32rem;font-size:1.2rem;font-weight:400}.icon-button{min-height:44px;color:var(--navy-800);border:1px solid var(--line);cursor:pointer;background:#ffffffbf;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.78rem;font-weight:600;display:inline-flex}.icon-button svg{width:17px;height:17px}.identity{text-align:center;padding:8px 22px 22px}.portrait-wrap{width:112px;height:112px;margin:0 auto 15px;position:relative}.portrait{border:4px solid var(--white);object-fit:cover;object-position:50% 25%;border-radius:50%;width:100%;height:100%;box-shadow:0 12px 30px #071a3d33}.status-dot{background:var(--cyan);border:3px solid var(--white);border-radius:50%;width:16px;height:16px;position:absolute;bottom:6px;right:5px}.company-kicker{color:var(--cyan-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:700}.identity h1{color:var(--navy-900);letter-spacing:-.045em;white-space:nowrap;margin:0;font-size:clamp(1.45rem,6.35vw,2.15rem);font-weight:600;line-height:1.05}.title{color:var(--orange);margin:9px 0 0;font-size:1rem;font-weight:600}.positioning{color:var(--muted);margin:3px 0 0;font-size:.88rem}.primary-actions{padding:0 16px 20px}.save-contact,.booking-button{cursor:pointer;border:0;border-radius:17px;width:100%;min-height:58px;text-decoration:none}.save-contact{color:var(--white);background:linear-gradient(135deg, var(--navy-900), var(--navy-800));letter-spacing:.055em;text-transform:uppercase;justify-content:center;align-items:center;gap:11px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 14px 28px #071a3d38}.save-contact svg{stroke-width:1.65px;width:23px;height:23px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.quick-actions a{min-height:76px;color:var(--navy-800);background:var(--white);border:1px solid var(--line);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 5px 8px;font-size:.78rem;font-weight:600;text-decoration:none;display:flex}.action-icon{width:34px;height:34px;color:var(--cyan-dark);background:#e8f7fa;border-radius:50%;place-items:center;display:grid}.action-icon svg{width:17px;height:17px}.booking-button{min-height:56px;color:var(--navy-900);background:#dff4f7;border:1px solid #08a8c738;align-items:center;gap:11px;margin-top:10px;padding:0 17px;font-size:.93rem;font-weight:650;display:flex}.booking-button>svg:first-child{color:var(--cyan-dark)}.booking-button span{flex:1}.booking-arrow{width:18px}.supporting{background:var(--white);border-top:1px solid var(--line);padding:22px 16px 24px}.bio{color:#526174;text-align:center;max-width:660px;margin:0 auto 17px;font-size:.86rem;line-height:1.55}.secondary-actions{border:1px solid var(--line);border-radius:15px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.secondary-actions a,.secondary-actions button{min-width:0;min-height:51px;color:var(--navy-800);background:var(--white);border:0;border-right:1px solid var(--line);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:7px 3px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.secondary-actions>:last-child{border-right:0}.secondary-actions svg{width:17px;height:17px;color:var(--cyan-dark)}.qr-code{aspect-ratio:1;background:var(--white);border-radius:11px;place-items:center;width:100%;padding:3px;display:grid;box-shadow:0 7px 20px #071a3d1a}.qr-code svg{width:100%;height:100%}.qr-placeholder{aspect-ratio:1;border:6px dotted #ccd9e0;border-radius:9px;width:60%}.qr-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));color:var(--white);background:#04122dfa;border:0;margin:0}.qr-dialog::backdrop{background:#04122df0}.qr-dialog-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,560px);min-height:100%;margin:0 auto;display:flex}.dialog-close{top:max(18px, env(safe-area-inset-top));width:48px;height:48px;color:var(--white);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;position:fixed;right:18px}.dialog-close svg{width:22px;height:22px}.dialog-brand{letter-spacing:-.03em;margin-bottom:22px;font-size:1.25rem}.dialog-brand span{font-size:1.7rem;font-weight:700}.qr-dialog h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,7vw,2.6rem);line-height:1.05}.qr-dialog h2+p{color:#8fd8e4;margin:8px 0 26px}.dialog-qr{border-radius:22px;width:min(76vw,410px);padding:10px;box-shadow:0 24px 80px #00000059}.dialog-instruction{letter-spacing:.08em;text-transform:uppercase;margin:24px 0 0;font-size:1rem;font-weight:600}.download-qr{min-height:44px;color:var(--white);cursor:pointer;background:0 0;border:1px solid #ffffff61;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:0 18px;font-size:.78rem;font-weight:650;display:inline-flex}.download-qr svg{color:#8fd8e4;width:17px;height:17px}.dialog-open{overflow:hidden}.toast{z-index:110;left:50%;bottom:max(24px, env(safe-area-inset-bottom));max-width:calc(100% - 32px);color:var(--white);background:var(--navy-950);opacity:0;pointer-events:none;white-space:nowrap;border:1px solid #fff3;border-radius:999px;padding:12px 17px;font-size:.82rem;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,14px);box-shadow:0 12px 35px #0000004d}.toast.is-visible{opacity:1;transform:translate(-50%)}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #ff8a4c}@media (hover:hover){.save-contact,.booking-button,.quick-actions a,.secondary-actions>*,.icon-button{transition:transform .16s,box-shadow .16s,border-color .16s}.save-contact:hover,.booking-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #071a3d2e}.quick-actions a:hover,.secondary-actions>:hover,.icon-button:hover{border-color:#08a8c78c}}@media (width>=620px){.card-page{padding:32px 20px 40px}.digital-card{border-radius:34px}.card-header{padding:20px 30px 8px}.identity{padding-inline:32px}.primary-actions{max-width:570px;margin:0 auto;padding-inline:26px}.supporting{padding:28px 30px 26px}.secondary-actions{max-width:640px;margin-inline:auto}}@media (width>=860px){.card-page{align-content:center;min-height:100svh;padding:36px 24px;display:grid}.digital-card{grid-template-columns:.92fr 1.08fr;display:grid}.card-accent{width:6px;height:auto;position:absolute;inset:0 auto 0 0}.card-header{z-index:2;position:absolute;top:0;left:0;right:0}.identity{min-height:710px;color:var(--white);background:linear-gradient(165deg, var(--navy-900), #0b355d);flex-direction:column;grid-area:1/1/span 2;justify-content:center;align-items:center;padding:106px 50px 48px;display:flex}.portrait-wrap{width:176px;height:176px;margin-bottom:24px}.brand{color:var(--white)}.identity .company-kicker{color:#77d2e0}.identity h1{color:var(--white);font-size:clamp(1.5rem,2.75vw,2.15rem)}.identity .title{color:#ff7a32}.identity .positioning{color:#ffffffb8}.primary-actions{grid-area:1/2;align-self:end;width:100%;max-width:none;padding:104px 48px 24px}.supporting{border-top:0;grid-column:2;align-self:start;padding:24px 48px 32px}.bio{text-align:left}}@media (width<=360px){.card-page{padding-inline:6px}.digital-card{border-radius:23px}.identity{padding-inline:15px}.identity h1{font-size:1.38rem}.primary-actions,.supporting{padding-inline:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}