*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--ink-deep);
  font-family:'Manrope',sans-serif;
  display:flex;
  justify-content:center;
  min-height:100vh;
}
.phone{
  width:100%;
  max-width:420px;
  min-height:100vh;
  background:var(--ink);
  position:relative;
  overflow-x:hidden;
}
@media(min-width:480px){
  body{ padding:32px 0; }
  .phone{
    min-height:800px;
    height:800px;
    border-radius:40px;
    border:8px solid var(--ink-deep);
    box-shadow:0 30px 60px rgba(0,0,0,0.45);
    overflow-y:auto;
  }
}
.screen{ display:none; padding:24px 20px 110px; }
.screen.active{ display:block; }

h1.page-title{
  font-family:'Fraunces',serif; font-weight:500; font-size:22px;
  color:var(--paper); margin:0 0 4px;
}
.eyebrow{ font-size:12px; color:rgba(243,238,226,0.6); margin-bottom:14px; }
.section-label{
  text-transform:uppercase; letter-spacing:0.14em; font-size:11px;
  color:rgba(243,238,226,0.55); margin:18px 0 8px;
}