body{background:var(--ink)}
.ar-wrap{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:120px clamp(24px,5vw,72px) 90px;position:relative;
}
.ar-wrap::before{
  content:'';position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);
  width:min(560px,80vw);height:min(560px,80vw);border-radius:50%;
  background:radial-gradient(circle,rgba(255,194,68,.10) 0%,rgba(255,194,68,.03) 45%,transparent 70%);
  pointer-events:none;
}
.ar-inner{position:relative;max-width:600px}
.ar-icon{width:62px;height:62px;margin:0 auto 24px;color:var(--yellow);opacity:.92}
.ar-code{font-family:var(--sans);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--yellow);opacity:.85;margin-bottom:18px}
.ar-wrap h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,60px);line-height:1.06;letter-spacing:-.01em;color:#faf8f4;margin-bottom:20px}
.ar-wrap p{font-family:var(--serif);font-size:clamp(15px,1.6vw,18px);line-height:1.72;color:var(--muted-d);max-width:50ch;margin:0 auto 34px}
.ar-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ar-ghost{font-family:var(--sans);font-size:14px;padding:14px 22px;border-radius:5px;border:1px solid rgba(246,244,241,.32);color:#f6f4f1;transition:border-color .2s,color .2s}
.ar-ghost:hover{border-color:var(--yellow);color:var(--yellow)}