/* HDSoft — digital business card. Uses only tokens.css variables. */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--font-sans);color:var(--text);line-height:1.5;
  background:radial-gradient(900px 500px at 50% -10%,rgb(94 200 242 / .18),transparent 70%),var(--bg-alt)}
a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}
.stage{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:var(--s4)}
.langs{justify-self:end;display:flex;gap:var(--s1)}
.langs a{font-size:var(--fs-sm);letter-spacing:.08em;padding:4px 10px;border-radius:999px;color:var(--text-muted)}
.langs a[aria-current]{background:var(--ink-800);color:#fff;text-decoration:none}
.card{align-self:center;width:min(100%,580px);background:var(--bg);border-radius:var(--r-lg);
  padding:var(--s6) var(--s5);text-align:center;box-shadow:0 20px 60px rgb(22 32 107 / .10);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--logo-gradient)}
.logo{width:240px;height:auto;max-width:80%}
.tagline{font-size:var(--fs-xl);font-weight:500;color:var(--ink-800);margin:var(--s5) 0 var(--s2);letter-spacing:.01em;text-wrap:balance}
.rule{border:0;height:1px;width:56px;margin:var(--s5) auto;background:var(--logo-gradient)}
.contact{display:grid;grid-template-columns:auto auto;justify-content:center;gap:var(--s2) var(--s4);margin:0;text-align:left}
.contact dt{color:var(--ink-400);font-size:var(--fs-sm);padding-top:2px}.contact dd{margin:0}
.legal{max-width:640px;text-align:center;font-size:.72rem;line-height:1.6;color:var(--ink-400);padding-top:var(--s4)}
@media (max-width:480px){.card{padding:var(--s5) var(--s4)}.tagline{font-size:var(--fs-lg)}}