/* ═══════════════════════════════════════
   qogyxoi.com — Styl literacki
   Paleta: czernidło #1c1a2e, pylisty róż #c4737d, pergamin #f5efe4
   ═══════════════════════════════════════ */

/* --- Reset i baza --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --ink:#1c1a2e;
  --rose:#c4737d;
  --parchment:#f5efe4;
  --rose-light:rgba(196,115,125,.12);
  --rose-mid:rgba(196,115,125,.35);
  --ink-soft:rgba(28,26,46,.7);
  --ink-faint:rgba(28,26,46,.08);
  --shadow-soft:0 4px 24px rgba(28,26,46,.10);
  --shadow-deep:0 8px 40px rgba(28,26,46,.16);
  --radius:6px;
  --measure:38rem;
  --font-serif:'Georgia','Palatino Linotype','Book Antiqua',serif;
  --font-sans:'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --transition-base:250ms ease;
}

html{
  scroll-behavior:smooth;
  font-size:100%;
  scroll-padding-top:4.5rem;
}

body{
  font-family:var(--font-serif);
  font-size:1.125rem;
  line-height:1.7;
  color:var(--ink);
  background:var(--parchment);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* Paper texture overlay */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 10% 20%,rgba(196,115,125,.07),transparent 60%),
    radial-gradient(ellipse at 90% 80%,rgba(28,26,46,.05),transparent 60%);
}

/* SVG noise texture applied via inline SVG in HTML */
.st-noise{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.035;
}

/* Skip link */
.st-skip{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:10000;
  background:var(--rose);
  color:#fff;
  padding:.5rem 1.2rem;
  font-family:var(--font-sans);
  font-size:.9rem;
  border-radius:0 0 var(--radius) var(--radius);
  text-decoration:none;
}
.st-skip:focus{
  left:50%;
  transform:translateX(-50%);
}

/* --- Reading progress bar --- */
.st-progress{
  position:fixed;
  top:0;
  left:0;
  width:0%;
  height:3px;
  background:var(--rose);
  z-index:1002;
  transition:none;
}

/* --- Navigation --- */
.st-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:rgba(245,239,228,.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding:.9rem 2rem;
  transition:transform .35s ease;
  border-bottom:1px solid var(--ink-faint);
}
.st-nav.st-nav--hidden{
  transform:translateY(-100%);
}
.st-nav-inner{
  max-width:72rem;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.st-logo{
  display:flex;
  align-items:center;
  gap:.6rem;
  text-decoration:none;
  color:var(--ink);
}
.st-logo img{
  height:2rem;
  width:auto;
}
.st-logo-text{
  font-family:var(--font-serif);
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:.02em;
}
.st-nav-links{
  display:flex;
  gap:1.8rem;
  list-style:none;
  align-items:center;
}
.st-nav-links a{
  text-decoration:none;
  color:var(--ink);
  font-family:var(--font-sans);
  font-size:.92rem;
  position:relative;
  padding:.2rem 0;
  transition:color var(--transition-base);
}
.st-nav-links a::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  right:50%;
  height:2px;
  background:var(--rose);
  transition:left var(--transition-base),right var(--transition-base);
  border-radius:1px;
}
.st-nav-links a:hover::after,
.st-nav-links a:focus-visible::after{
  left:0;
  right:0;
}
.st-nav-links a:hover{color:var(--rose)}

/* Wave underline for text links */
.st-wave-link{
  text-decoration:none;
  color:var(--rose);
  position:relative;
  transition:color var(--transition-base);
}
.st-wave-link::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:-2px;
  height:3px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='4'%3E%3Cpath d='M0 3 Q5 0 10 3 T20 3' fill='none' stroke='%23c4737d' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .3s ease;
}
.st-wave-link:hover::after,
.st-wave-link:focus-visible::after{
  transform:scaleX(1);
}

/* Mobile menu toggle */
.st-burger{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  width:2rem;height:2rem;
  position:relative;
}
.st-burger span{
  display:block;
  width:1.5rem;height:2px;
  background:var(--ink);
  position:absolute;
  left:50%;transform:translateX(-50%);
  transition:all .3s ease;
}
.st-burger span:nth-child(1){top:7px}
.st-burger span:nth-child(2){top:14px}
.st-burger span:nth-child(3){top:21px}
.st-burger[aria-expanded="true"] span:nth-child(1){top:14px;transform:translateX(-50%) rotate(45deg)}
.st-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.st-burger[aria-expanded="true"] span:nth-child(3){top:14px;transform:translateX(-50%) rotate(-45deg)}

/* --- Hero --- */
.st-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:flex-end;
  padding:6rem 2rem 4rem;
  overflow:hidden;
}
.st-hero-bg{
  position:absolute;
  inset:0;
  z-index:-1;
}
.st-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.st-hero-bg::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top,
    var(--ink) 0%,
    rgba(28,26,46,.85) 25%,
    rgba(28,26,46,.4) 55%,
    rgba(28,26,46,.15) 100%);
}
.st-hero-inner{
  position:relative;
  max-width:var(--measure);
  color:var(--parchment);
  z-index:2;
}
.st-hero-text{
  font-size:clamp(1.4rem,3vw,1.85rem);
  line-height:1.65;
  max-width:var(--measure);
}
.st-hero-text::first-letter{
  float:left;
  font-size:4.5em;
  line-height:.8;
  margin-right:.12em;
  margin-top:.06em;
  color:var(--rose);
  font-weight:700;
}
.st-hero-label{
  position:absolute;
  right:2rem;
  top:50%;
  transform:rotate(90deg) translateX(-50%);
  transform-origin:right center;
  font-family:var(--font-sans);
  font-size:.75rem;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:rgba(245,239,228,.5);
  white-space:nowrap;
}

/* --- Main flow --- */
.st-flow{
  position:relative;
  z-index:2;
}
.st-chapter{
  max-width:var(--measure);
  margin:0 auto;
  padding:3rem 2rem;
  position:relative;
}
.st-chapter p{
  margin-bottom:1.4rem;
  max-width:65ch;
}
.st-chapter h2{
  font-family:var(--font-serif);
  font-size:clamp(1.6rem,3.5vw,2.2rem);
  font-weight:700;
  color:var(--ink);
  margin-bottom:1.2rem;
  line-height:1.3;
}
.st-chapter h3{
  font-family:var(--font-serif);
  font-size:1.3rem;
  font-weight:600;
  color:var(--ink);
  margin-bottom:.8rem;
  margin-top:2rem;
}

/* Wavy SVG dividers */
.st-divider{
  width:100%;
  height:40px;
  overflow:hidden;
  position:relative;
}
.st-divider svg{
  display:block;
  width:100%;
  height:100%;
}

/* --- Asides (margin callouts) --- */
.st-aside{
  border-left:3px solid var(--rose);
  background:var(--rose-light);
  padding:1.2rem 1.5rem;
  margin:2rem 0;
  border-radius:0 var(--radius) var(--radius) 0;
  font-size:1rem;
  line-height:1.6;
  transform:translateX(-20px);
  opacity:0;
  transition:transform .5s ease,opacity .5s ease;
}
.st-aside.st-visible{
  transform:translateX(0);
  opacity:1;
}
.st-aside-title{
  font-family:var(--font-sans);
  font-size:.85rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--rose);
  margin-bottom:.4rem;
}

/* Service callouts */
.st-service-card{
  border-left:3px solid var(--rose);
  background:var(--rose-light);
  padding:1.2rem 1.5rem;
  margin:1.2rem 0;
  border-radius:0 var(--radius) var(--radius) 0;
}
.st-service-card h4{
  font-family:var(--font-sans);
  font-size:1rem;
  font-weight:600;
  color:var(--ink);
  margin-bottom:.3rem;
}
.st-service-card p{
  font-size:.95rem;
  margin-bottom:0;
}

/* --- Anchor map (sticky reading dots) --- */
.st-map{
  position:fixed;
  right:1.5rem;
  top:50%;
  transform:translateY(-50%);
  z-index:999;
  display:flex;
  flex-direction:column;
  gap:.7rem;
  align-items:flex-end;
}
.st-map-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ink-faint);
  border:2px solid var(--ink-soft);
  cursor:pointer;
  transition:all var(--transition-base);
  position:relative;
}
.st-map-dot::before{
  content:attr(data-label);
  position:absolute;
  right:1.4rem;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--font-sans);
  font-size:.72rem;
  white-space:nowrap;
  color:var(--ink-soft);
  opacity:0;
  transition:opacity var(--transition-base);
  pointer-events:none;
}
.st-map-dot:hover::before{opacity:1}
.st-map-dot.st-map-active{
  background:var(--rose);
  border-color:var(--rose);
  transform:scale(1.3);
}
.st-map-dot:focus-visible{
  outline:2px solid var(--rose);
  outline-offset:3px;
}

/* --- Reading percentage indicator --- */
.st-percent{
  position:fixed;
  bottom:1.5rem;
  left:1.5rem;
  z-index:999;
  font-family:var(--font-sans);
  font-size:.72rem;
  color:var(--ink-soft);
  letter-spacing:.05em;
  opacity:.6;
  transition:opacity var(--transition-base);
}

/* --- Forms --- */
.st-form{
  max-width:var(--measure);
  margin:0 auto;
  padding:3rem 2rem;
}
.st-form-box{
  background:linear-gradient(135deg,var(--ink) 0%,#2a2745 100%);
  border-radius:var(--radius);
  padding:2.5rem;
  color:var(--parchment);
  box-shadow:var(--shadow-deep);
}
.st-form-box h2{
  color:var(--parchment);
  margin-bottom:.5rem;
}
.st-form-box p{
  color:rgba(245,239,228,.7);
  margin-bottom:1.5rem;
  font-size:.95rem;
}
.st-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin-bottom:1rem;
}
.st-field{
  display:flex;
  flex-direction:column;
  gap:.3rem;
}
.st-field--full{
  grid-column:1/-1;
}
.st-field label{
  font-family:var(--font-sans);
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.04em;
  color:rgba(245,239,228,.8);
}
.st-field input,
.st-field textarea,
.st-field select{
  background:rgba(245,239,228,.08);
  border:1px solid rgba(245,239,228,.2);
  border-radius:var(--radius);
  padding:.7rem .9rem;
  color:var(--parchment);
  font-family:var(--font-serif);
  font-size:1rem;
  transition:border-color var(--transition-base),box-shadow var(--transition-base);
}
.st-field input:focus,
.st-field textarea:focus,
.st-field select:focus{
  outline:none;
  border-color:var(--rose);
  box-shadow:0 0 0 3px rgba(196,115,125,.25);
}
.st-field textarea{
  resize:vertical;
  min-height:6rem;
}
.st-field input::placeholder,
.st-field textarea::placeholder{
  color:rgba(245,239,228,.35);
}
.st-field .st-error{
  font-family:var(--font-sans);
  font-size:.78rem;
  color:#e8a0a0;
  min-height:1.1rem;
  display:none;
}
.st-field.st-invalid .st-error{
  display:block;
}
.st-field.st-invalid input,
.st-field.st-invalid textarea{
  border-color:#e8a0a0;
}
.st-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-family:var(--font-sans);
  font-size:.95rem;
  font-weight:600;
  padding:.8rem 2rem;
  border:none;
  border-radius:var(--radius);
  cursor:pointer;
  transition:all var(--transition-base);
  position:relative;
  overflow:hidden;
  text-decoration:none;
}
.st-btn-primary{
  background:var(--rose);
  color:#fff;
}
.st-btn-primary::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:translateX(-100%);
  transition:transform .4s ease;
}
.st-btn-primary:hover::before{transform:translateX(100%)}
.st-btn-primary:hover{
  background:#b5616d;
  box-shadow:0 4px 16px rgba(196,115,125,.35);
}
.st-btn-primary:active{transform:scale(.97)}
.st-btn-primary:focus-visible{
  outline:2px solid var(--parchment);
  outline-offset:3px;
}
.st-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}

.st-form-contact{
  margin-top:1.2rem;
  font-size:.85rem;
  color:rgba(245,239,228,.5);
  font-family:var(--font-sans);
}
.st-form-contact a{
  color:var(--rose);
  text-decoration:none;
}
.st-form-contact a:hover{text-decoration:underline}

/* --- Services compact (before footer) --- */
.st-services{
  max-width:var(--measure);
  margin:0 auto;
  padding:2rem;
}
.st-services h2{
  font-size:1.5rem;
  margin-bottom:1.5rem;
}
.st-services-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.st-services-item{
  border-left:3px solid var(--rose);
  padding:.8rem 1.2rem;
  background:var(--rose-light);
  border-radius:0 var(--radius) var(--radius) 0;
  transition:all var(--transition-base);
}
.st-services-item:hover{
  transform:translateX(4px);
  background:var(--rose-mid);
}
.st-services-item h4{
  font-family:var(--font-sans);
  font-size:.92rem;
  font-weight:600;
  margin-bottom:.2rem;
}
.st-services-item p{
  font-size:.85rem;
  color:var(--ink-soft);
  margin:0;
}

/* --- Trust section --- */
.st-trust{
  max-width:var(--measure);
  margin:0 auto;
  padding:2rem;
}
.st-trust h2{margin-bottom:1rem}
.st-trust-story{
  background:var(--rose-light);
  border-radius:var(--radius);
  padding:2rem;
  border-left:4px solid var(--rose);
}
.st-trust-story p{
  margin-bottom:1rem;
  max-width:65ch;
}
.st-trust-story p:last-child{margin-bottom:0}

/* --- Footer --- */
.st-footer{
  background:var(--ink);
  color:rgba(245,239,228,.7);
  padding:3rem 2rem 1.5rem;
  margin-top:3rem;
  position:relative;
  z-index:2;
}
.st-footer-inner{
  max-width:72rem;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:2rem;
}
.st-footer h3{
  font-family:var(--font-sans);
  font-size:.85rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--parchment);
  margin-bottom:.8rem;
}
.st-footer a{
  color:rgba(245,239,228,.6);
  text-decoration:none;
  font-size:.9rem;
  transition:color var(--transition-base);
}
.st-footer a:hover{color:var(--rose)}
.st-footer ul{list-style:none}
.st-footer ul li{margin-bottom:.4rem}
.st-footer-bottom{
  max-width:72rem;
  margin:2rem auto 0;
  padding-top:1rem;
  border-top:1px solid rgba(245,239,228,.1);
  font-family:var(--font-sans);
  font-size:.78rem;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.5rem;
}
.st-footer-bottom a{font-size:.78rem}

/* --- Toast --- */
.st-toast-container{
  position:fixed;
  top:5rem;
  right:1.5rem;
  z-index:10000;
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.st-toast{
  font-family:var(--font-sans);
  font-size:.9rem;
  padding:1rem 1.5rem;
  border-radius:var(--radius);
  box-shadow:var(--shadow-deep);
  transform:translateX(120%);
  transition:transform .35s ease;
  max-width:22rem;
}
.st-toast.st-toast--show{transform:translateX(0)}
.st-toast--success{
  background:var(--ink);
  color:var(--parchment);
  border-left:4px solid #6abf8a;
}
.st-toast--error{
  background:var(--ink);
  color:var(--parchment);
  border-left:4px solid #e07070;
}

/* --- Content pages --- */
.st-page{
  max-width:var(--measure);
  margin:0 auto;
  padding:6rem 2rem 3rem;
  position:relative;
  z-index:2;
}
.st-page h1{
  font-size:clamp(1.8rem,4vw,2.5rem);
  font-weight:700;
  margin-bottom:1.5rem;
  line-height:1.3;
}
.st-page h2{
  font-size:1.4rem;
  margin-top:2.5rem;
  margin-bottom:.8rem;
}
.st-page h3{
  font-size:1.15rem;
  margin-top:1.8rem;
  margin-bottom:.6rem;
}
.st-page p{
  margin-bottom:1.2rem;
  max-width:65ch;
}
.st-page ul,.st-page ol{
  margin-bottom:1.2rem;
  padding-left:1.5rem;
}
.st-page li{margin-bottom:.4rem}

/* Policy two columns */
.st-policy-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
}

/* Policy TOC */
.st-policy-toc{
  background:var(--rose-light);
  border-radius:var(--radius);
  padding:1.5rem;
  margin-bottom:2rem;
}
.st-policy-toc h3{
  font-family:var(--font-sans);
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:.6rem;
  margin-top:0;
  color:var(--rose);
}
.st-policy-toc ol{
  padding-left:1.2rem;
  margin-bottom:0;
}
.st-policy-toc a{
  color:var(--ink);
  text-decoration:none;
  font-size:.9rem;
}
.st-policy-toc a:hover{color:var(--rose)}

/* Contact page */
.st-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  margin-top:2rem;
}
.st-contact-info{
  display:flex;
  flex-direction:column;
  gap:1.2rem;
}
.st-contact-item{
  display:flex;
  gap:.8rem;
  align-items:flex-start;
}
.st-contact-icon{
  width:2.5rem;
  height:2.5rem;
  background:var(--rose-light);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:var(--rose);
  font-size:1.1rem;
}

/* 404 page */
.st-404{
  text-align:center;
  padding:8rem 2rem 4rem;
  min-height:70vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.st-404-code{
  font-size:8rem;
  font-weight:700;
  color:var(--rose);
  line-height:1;
  margin-bottom:.5rem;
}
.st-404 p{margin-bottom:1.5rem}
.st-404-links{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  justify-content:center;
  margin-top:1rem;
}
.st-404-links a{
  color:var(--rose);
  text-decoration:none;
  font-family:var(--font-sans);
  font-size:.9rem;
  padding:.3rem .8rem;
  border:1px solid var(--rose);
  border-radius:var(--radius);
  transition:all var(--transition-base);
}
.st-404-links a:hover{
  background:var(--rose);
  color:#fff;
}

/* --- Parallax images --- */
.st-img-wrap{
  overflow:hidden;
  border-radius:var(--radius);
  margin:2rem 0;
  box-shadow:var(--shadow-soft);
}
.st-img-wrap img{
  display:block;
  width:100%;
  height:auto;
  transition:transform .1s linear;
}

/* --- Appear animation --- */
.st-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease,transform .6s ease;
}
.st-reveal.st-visible{
  opacity:1;
  transform:translateY(0);
}

/* --- Breadcrumb --- */
.st-breadcrumb{
  font-family:var(--font-sans);
  font-size:.8rem;
  padding:4.5rem 0 .5rem;
  max-width:var(--measure);
  margin:0 auto;
  color:var(--ink-soft);
}
.st-breadcrumb a{
  color:var(--ink-soft);
  text-decoration:none;
}
.st-breadcrumb a:hover{color:var(--rose)}
.st-breadcrumb span{margin:0 .4rem}

/* --- Cookie banner --- */
.st-cookie{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:9999;
  background:var(--ink);
  color:rgba(245,239,228,.85);
  font-family:var(--font-sans);
  font-size:.85rem;
  padding:1rem 2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.5rem;
  flex-wrap:wrap;
  transform:translateY(100%);
  transition:transform .4s ease;
  border-top:2px solid var(--rose);
}
.st-cookie.st-cookie--visible{
  transform:translateY(0);
}
.st-cookie p{margin:0;max-width:40rem;line-height:1.5}
.st-cookie a{color:var(--rose);text-decoration:underline}
.st-cookie-btns{
  display:flex;
  gap:.6rem;
  flex-shrink:0;
}
.st-cookie-btn{
  font-family:var(--font-sans);
  font-size:.82rem;
  font-weight:600;
  padding:.5rem 1.2rem;
  border-radius:var(--radius);
  cursor:pointer;
  border:1px solid var(--rose);
  transition:all var(--transition-base);
}
.st-cookie-accept{
  background:var(--rose);
  color:#fff;
}
.st-cookie-accept:hover{background:#b5616d}
.st-cookie-reject{
  background:transparent;
  color:var(--rose);
}
.st-cookie-reject:hover{
  background:rgba(196,115,125,.15);
}
.st-cookie-btn:focus-visible{
  outline:2px solid var(--parchment);
  outline-offset:2px;
}

/* --- Reduced motion --- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .st-reveal{opacity:1;transform:none}
  .st-aside{opacity:1;transform:none}
  .st-hero-text::first-letter{animation:none}
}

/* --- Responsive --- */
@media(max-width:900px){
  .st-policy-cols{grid-template-columns:1fr}
  .st-footer-inner{grid-template-columns:1fr}
  .st-contact-grid{grid-template-columns:1fr}
  .st-services-grid{grid-template-columns:1fr}
  .st-form-row{grid-template-columns:1fr}
  .st-map{display:none}
  .st-hero-label{display:none}
}

@media(max-width:700px){
  .st-nav-links{
    display:none;
    position:absolute;
    top:100%;
    left:0;right:0;
    background:rgba(245,239,228,.97);
    backdrop-filter:blur(12px);
    flex-direction:column;
    padding:1rem 2rem;
    gap:.8rem;
    border-bottom:1px solid var(--ink-faint);
  }
  .st-nav-links.st-nav-open{display:flex}
  .st-burger{display:block}
  .st-hero{min-height:80vh;padding:5rem 1.5rem 3rem}
  .st-chapter{padding:2rem 1.5rem}
  .st-form{padding:2rem 1.5rem}
  .st-form-box{padding:1.5rem}
  .st-page{padding:5rem 1.5rem 2rem}
  .st-hero-text{font-size:1.2rem}
  .st-percent{bottom:.8rem;left:.8rem}
}