/* Rave customer page. Shared by intuzu.com/rave and rave.intuzu.com/<slug> (inlined there by rave-api). */
.cv{--b:#F5A524;--bt:#1a1206;--bd:#9a5b00;--ink:#1c1710;--ink2:#5d554a;--ink3:#8a8174;--paper:#fbf6ee;
  position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;
  padding:max(48px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5;text-align:center;overflow:hidden;-webkit-font-smoothing:antialiased}
.cv *{box-sizing:border-box;margin:0;padding:0}
.cv::before{content:"";position:absolute;z-index:-1;left:50%;top:-220px;width:760px;height:560px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--b) 40%,transparent),transparent);filter:blur(12px)}
.cv::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.55;background-image:radial-gradient(color-mix(in srgb,var(--bd) 24%,transparent) 1px,transparent 1px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(60% 38% at 50% 0%,#000,transparent);mask-image:radial-gradient(60% 38% at 50% 0%,#000,transparent)}
.cv .in{width:100%;max-width:440px;margin:auto;display:flex;flex-direction:column;align-items:center}
.cv .mark{width:84px;height:84px;border-radius:26px;flex:none;animation:rv-pop .7s cubic-bezier(.2,1.4,.4,1) both}
.cv .mono{display:grid;place-items:center;background:var(--b);color:var(--bt);font:700 28px/1 'Unbounded','Inter',sans-serif;letter-spacing:-.03em;
  box-shadow:0 18px 40px -16px color-mix(in srgb,var(--b) 80%,#000),inset 0 -3px 0 rgba(0,0,0,.12)}
.cv .logo{width:104px;height:104px;border-radius:30px;overflow:hidden;background:#fff;
  box-shadow:0 0 0 1px rgba(28,23,16,.08),0 0 0 6px rgba(255,255,255,.7),0 22px 44px -18px color-mix(in srgb,var(--bd) 70%,#000)}
.cv .logo img{width:100%;height:100%;object-fit:cover;display:block}
.cv .eyebrow{margin-top:24px;font:500 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--bd)}
.cv .bn{margin-top:10px;font:800 clamp(28px,8.4vw,40px)/1.06 'Unbounded','Inter',sans-serif;letter-spacing:-.04em;color:var(--ink);max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.cv .box{width:100%;margin-top:28px;padding:28px 22px 22px;border-radius:30px;background:#fff;border:1px solid rgba(28,23,16,.06);
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 70px -36px rgba(60,40,10,.45);animation:rv-up .8s .1s cubic-bezier(.2,.8,.2,1) both}
.cv .hq{font:700 25px/1.15 'Inter',sans-serif;letter-spacing:-.025em;color:var(--ink)}
.cv .lead{margin-top:8px;font-size:16px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.cv .gbtn{margin-top:22px;width:100%;min-height:78px;padding:14px 20px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  background:var(--b);color:var(--bt);text-decoration:none;font:700 18px/1.2 'Inter',sans-serif;letter-spacing:-.01em;
  box-shadow:0 16px 34px -14px color-mix(in srgb,var(--b) 85%,#000),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.cv .gbtn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px color-mix(in srgb,var(--b) 90%,#000),inset 0 -3px 0 rgba(0,0,0,.12)}
.cv .gbtn:active{transform:translateY(1px)}
.cv .gbtn .stars{display:flex;gap:3px;opacity:.92}
.cv .gbtn .stars svg{width:14px;height:14px}
.cv .gbtn .lb{display:inline-flex;align-items:center;gap:10px}
.cv .gbtn .lb svg{width:15px;height:15px;flex:none}
.cv .fbtn{margin-top:10px;width:100%;min-height:56px;padding:12px 18px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;
  border:1.5px solid rgba(28,23,16,.14);color:var(--ink);text-decoration:none;font:600 16px/1.2 'Inter',sans-serif;background:#fff;transition:border-color .2s,background .2s}
.cv .fbtn:hover{border-color:rgba(28,23,16,.3);background:#fffaf2}
.cv .fbtn svg{width:18px;height:18px;flex:none;color:var(--bd)}
.cv .fine{margin-top:16px;font-size:13px;line-height:1.5;color:var(--ink3)}
.cv .thanks{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:var(--ink2)}
.cv .thanks svg{width:18px;height:18px;flex:none;color:var(--bd)}
.cv .made{margin-top:auto;padding-top:36px;display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 'Inter',sans-serif;color:#8a8174;text-decoration:none}
.cv .made img{width:18px;height:18px;border-radius:5px}
.cv .made b{font-weight:700;color:#5d554a}
.cv .made:hover b{text-decoration:underline;text-underline-offset:3px}
.cv a:focus-visible{outline:3px solid var(--bd);outline-offset:3px;border-radius:20px}
.cv .bad{margin-top:18px;font-size:16px;color:var(--ink2);max-width:28em}
@keyframes rv-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes rv-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cv *{animation:none!important;transition:none!important}}
