:root{
  --prs-ink:#081019;
  --prs-brass:#C08D3D;
  --prs-brass-light:#E4C078;
  --prs-cream:#EDE6D6;
  --prs-mist:rgba(237,230,214,0.55);
}

.prs-cs-body{
  margin:0;
  background:#081019;
  color:var(--prs-cream);
  font-family:'Montserrat', sans-serif;
  -webkit-font-smoothing:antialiased;
}

.prs-page{
  min-height:100vh;
  max-width:720px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:26px 22px 24px;
  text-align:center;
  box-sizing:border-box;
}
.prs-page *{ box-sizing:border-box; }

.prs-nav{
  width:100%; max-width:560px;
  display:flex; justify-content:space-between;
  font-size:9.5px; font-weight:600;
  letter-spacing:0.26em; text-transform:uppercase;
  color:var(--prs-mist);
}
.prs-nav span:last-child{ color:var(--prs-brass-light); }

/* bubbles rising */
.prs-bubble{
  position:fixed; bottom:-40px; border-radius:50%;
  background:rgba(228,192,120,0.10);
  border:1px solid rgba(228,192,120,0.18);
  animation: prs-rise linear infinite;
  pointer-events:none;
}
@keyframes prs-rise{
  0%{ transform:translateY(0) translateX(0); opacity:0; }
  10%{ opacity:1; }
  100%{ transform:translateY(-110vh) translateX(20px); opacity:0; }
}
@media (prefers-reduced-motion: reduce){ .prs-bubble{ display:none; } }

.prs-porthole-wrap{
  position:relative;
  width:min(78vw, 300px);
  aspect-ratio:1/1;
  margin:34px auto 0;
}

.prs-ring{
  position:absolute; inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.35), transparent 40%),
    linear-gradient(155deg, var(--prs-brass-light) 0%, var(--prs-brass) 45%, #7A5623 100%);
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.4),
    0 18px 40px rgba(0,0,0,0.55),
    inset 0 0 0 8px rgba(0,0,0,0.25);
}

.prs-glass{
  position:absolute;
  inset:16px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,0.10), transparent 55%),
    radial-gradient(circle, #0E2338 0%, #061019 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px;
  box-shadow:inset 0 0 26px rgba(0,0,0,0.6);
  overflow:hidden;
}

.prs-bolt{
  position:absolute;
  width:9px; height:9px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #F3DBA0, #8A6427 70%);
  box-shadow:0 1px 2px rgba(0,0,0,0.6);
}

/* logo scales with the porthole instead of a fixed px size, so it
   never overflows the glass on small screens */
.prs-mark{
  width:clamp(48px, 26vw, 104px);
  height:clamp(48px, 26vw, 104px);
  max-width:44%;
  max-height:44%;
  opacity:0.95;
}
.prs-mark img{ width:100%; height:100%; object-fit:contain; }

.prs-word{
  font-weight:800;
  font-size:clamp(18px, 6vw, 30px);
  letter-spacing:0.08em;
  color:var(--prs-cream);
  line-height:1.1;
}
.prs-tag{
  font-size:clamp(7px, 2.2vw, 9px);
  font-weight:500;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--prs-brass-light);
}

.prs-slogan{
  margin:28px auto 0;
  max-width:340px;
  font-weight:600;
  font-size:clamp(15px, 4.4vw, 18px);
  line-height:1.5;
  letter-spacing:0.01em;
  color:var(--prs-brass-light);
}

.prs-tagline{
  margin:10px 0 0;
  font-weight:300;
  font-size:clamp(13px,3.4vw,14px);
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--prs-mist);
}
.prs-tagline b{ font-weight:700; color:var(--prs-brass-light); }

.prs-stats{
  display:flex;
  align-items:center;
  gap:0;
  margin-top:22px;
  border-top:1px solid rgba(228,192,120,0.22);
  border-bottom:1px solid rgba(228,192,120,0.22);
  padding:14px 0;
  width:100%;
  max-width:380px;
  justify-content:center;
}
.prs-stat{
  flex:1;
  padding:0 10px;
  position:relative;
}
.prs-stat + .prs-stat::before{
  content:"";
  position:absolute; left:0; top:15%; bottom:15%;
  width:1px;
  background:rgba(228,192,120,0.22);
}
.prs-stat b{
  display:block;
  font-weight:700;
  font-size:clamp(15px, 4.2vw, 19px);
  color:var(--prs-brass-light);
}
.prs-stat span{
  font-size:clamp(6.5px, 1.8vw, 7.5px);
  font-weight:500;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--prs-mist);
}

.prs-copy{
  margin:20px auto 0;
  max-width:360px;
  font-size:12.5px;
  font-weight:300;
  line-height:1.75;
  color:var(--prs-mist);
}

.prs-form{
  margin:20px auto 0;
  width:100%; max-width:340px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.prs-form label{
  font-size:8.5px;
  font-weight:600;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--prs-brass-light);
  text-align:left;
}
.prs-input-row{
  display:flex;
  border:1px solid rgba(228,192,120,0.4);
  transition:border-color 0.2s ease;
}
.prs-input-row:focus-within{ border-color:var(--prs-brass-light); }
.prs-input-row input{
  flex:1;
  min-width:0;
  border:none; outline:none;
  background:rgba(228,192,120,0.05);
  padding:13px 14px;
  font-family:'Montserrat', sans-serif;
  font-size:12.5px;
  color:var(--prs-cream);
}
.prs-input-row input::placeholder{ color:rgba(237,230,214,0.35); }
.prs-input-row button{
  border:none;
  background:linear-gradient(155deg, var(--prs-brass-light), var(--prs-brass));
  color:var(--prs-ink);
  font-weight:700;
  font-size:10px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  padding:0 18px;
  cursor:pointer;
  transition:filter 0.2s ease;
}
.prs-input-row button:hover{ filter:brightness(1.1); }
.prs-input-row button:disabled{ opacity:0.6; cursor:default; }

.prs-note{
  font-size:10.5px;
  color:rgba(237,230,214,0.35);
  min-height:14px;
}
.prs-note.prs-ok{ color:var(--prs-brass-light); }
.prs-note.prs-err{ color:#E08585; }

.prs-footer{
  margin-top:auto;
  padding-top:28px;
  width:100%; max-width:560px;
  display:flex; align-items:center; justify-content:space-between;
  font-size:9px; font-weight:500;
  letter-spacing:0.16em; text-transform:uppercase;
  color:var(--prs-mist);
}
.prs-social{ display:flex; gap:14px; }
.prs-social a{ color:var(--prs-mist); text-decoration:none; }
.prs-social a:hover{ color:var(--prs-brass-light); }

@media (max-width:340px){
  .prs-input-row{ flex-direction:column; }
  .prs-input-row button{ padding:12px; }
}

@media (min-width:600px){
  .prs-page{ padding:40px 32px 34px; }
  .prs-porthole-wrap{ margin-top:44px; }
  .prs-tagline{ margin-top:34px; }
}


p.prs-slogan {
    font-style: normal;
}


.prs-stats{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  align-items:stretch;
  margin-top:22px;
  border-top:1px solid rgba(228,192,120,0.22);
  border-bottom:1px solid rgba(228,192,120,0.22);
  padding:16px 0;
  width:100%;
  max-width:560px;
}
.prs-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:0 8px;
  border-left:1px solid rgba(228,192,120,0.22);
}
.prs-stat:first-child{ border-left:none; }
.prs-stat b{
  display:block;
  font-weight:700;
  font-size:clamp(13px, 3.6vw, 18px);
  line-height:1.2;
  color:var(--prs-brass-light);
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
.prs-stat span{
  display:block;
  margin-top:5px;
  font-size:clamp(6.5px, 1.7vw, 8px);
  font-weight:500;
  line-height:1.5;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--prs-mist);
}

@media (max-width:480px){
  .prs-stats{ grid-template-columns:repeat(2, 1fr); row-gap:16px; }
  .prs-stat{ border-left:none; padding:0 14px; }
  .prs-stat:nth-child(odd){ border-right:1px solid rgba(228,192,120,0.22); }
  .prs-stat:nth-child(n+3){ border-top:1px solid rgba(228,192,120,0.22); padding-top:14px; }
.prs-stat + .prs-stat::before {
    display: none;
}

.prs-stat {
    border: unset !IMPORTANT;
}
}