/* ==========================================================================
   Practical Copywriting Services — style.css
   Palette: indigo-cloud | Type: Trebuchet MS (display) / Verdana (body)
   Layout: centered flexbox wrapper, mobile-first, breakpoints 480/768/1024
   ========================================================================== */

:root{
  --bg:#F6F7FC;
  --surface:#FFFFFF;
  --accent-surface:#E4E7FA;
  --border:#A9AED0;
  --text:#20234A;
  --muted:#555979;
  --primary:#4338CA;
  --primary-dark:#2f2a94;
  --primary-text:#FFFFFF;
  --link:#3730A3;
  --focus:#9A3412;

  --display-font:"Trebuchet MS", "Trebuchet", ui-sans-serif, system-ui, sans-serif;
  --body-font:Verdana, ui-sans-serif, system-ui, sans-serif;

  --fs-h1:clamp(1.75rem, 1.35rem + 2.1vw, 3rem);
  --fs-h2:clamp(1.4rem, 1.15rem + 1.2vw, 2.05rem);
  --fs-h3:clamp(1.15rem, 1.02rem + 0.6vw, 1.4rem);
  --fs-lead:clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --fs-body:1rem;
  --fs-small:0.9rem;
  --fs-stat:clamp(1.7rem, 1.3rem + 1.8vw, 2.6rem);

  --radius:10px;
  --radius-sm:6px;
  --gap:1.5rem;
  --section-pad-mobile:2.5rem;
  --section-pad-desktop:4.5rem;
}

*, *::before, *::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; }

html, body{ overflow-x:hidden; max-width:100%; }

body{
  margin:0;
  font-family:var(--body-font);
  font-size:var(--fs-body);
  line-height:1.65;
  color:var(--text);
  background:var(--bg);
}

h1,h2,h3,h4{
  font-family:var(--display-font);
  color:var(--text);
  line-height:1.15;
  margin:0 0 0.6em;
  font-weight:bold;
}

h1{ font-size:var(--fs-h1); }
h2{ font-size:var(--fs-h2); }
h3{ font-size:var(--fs-h3); }
h4{ font-size:1.05rem; }

p{ margin:0 0 1em; }

a{ color:var(--link); text-decoration:underline; text-underline-offset:2px; }
a:hover{ color:var(--primary-dark); }

img, video{ max-width:100%; height:auto; display:block; }

ul, ol{ padding-left:1.25em; margin:0 0 1em; }
li{ margin-bottom:0.4em; }

:focus-visible{
  outline:3px solid var(--focus);
  outline-offset:2px;
  border-radius:2px;
}

button{ font-family:inherit; }

.skip-link{
  position:absolute;
  left:-999px;
  top:auto;
  background:var(--text);
  color:#fff;
  padding:0.75em 1.25em;
  z-index:1000;
  border-radius:0 0 var(--radius-sm) 0;
}
.skip-link:focus{ left:0; top:0; }

/* ---------- layout wrapper ---------- */
.wrap{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 18px;
}
@media (min-width:768px){
  .wrap{ padding:0 32px; }
}

.measure{ max-width:66ch; }

section{ position:relative; overflow:hidden; }

.section{
  padding:var(--section-pad-mobile) 0;
}
@media (min-width:768px){
  .section{ padding:var(--section-pad-desktop) 0; }
}
.section--tint{ background:var(--accent-surface); }
.section--surface{ background:var(--surface); }
.section--border-top{ border-top:1px solid var(--border); }

.section__head{ max-width:68ch; margin:0 0 2rem; }
.section__head--center{ margin-left:auto; margin-right:auto; text-align:center; }
.section__lead{ font-size:var(--fs-lead); color:var(--muted); }

.kicker{
  display:inline-block;
  font-family:var(--display-font);
  font-size:0.78rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--primary-dark);
  background:var(--accent-surface);
  border:1.5px solid var(--border);
  border-radius:999px;
  padding:0.35em 0.9em;
  margin-bottom:0.9em;
}
.section--tint .kicker{ background:var(--surface); }

/* ---------- geometric decorations (non-evidentiary, CSS-drawn) ---------- */
.deco{ position:absolute; pointer-events:none; z-index:0; opacity:0.55; }
.deco-dots{
  background-image:radial-gradient(var(--border) 1.6px, transparent 1.6px);
  background-size:16px 16px;
  width:110px; height:110px;
}
.deco-circle{
  border-radius:50%;
  border:3px solid var(--border);
}
.deco-triangle{
  width:0; height:0;
  border-left:34px solid transparent;
  border-right:34px solid transparent;
  border-bottom:58px solid var(--accent-surface);
}
.hero .deco-dots{ top:14px; right:6%; }
.hero .deco-circle{ width:120px; height:120px; bottom:-40px; left:-40px; }
.landscape .deco-triangle{ top:8%; right:4%; transform:rotate(12deg); }
.commercial .deco-dots{ bottom:6%; left:2%; }
.callout-section .deco-circle{ width:90px; height:90px; top:-30px; right:8%; }
@media (max-width:767px){
  .deco{ display:none; }
}

/* ---------- header / nav ---------- */
.site-header{
  background:var(--surface);
  border-bottom:1px solid var(--border);
  position:relative;
  z-index:50;
}
.site-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:0.9rem 0;
}
.site-header__brand{
  font-family:var(--display-font);
  font-weight:bold;
  font-size:1.05rem;
  color:var(--text);
  text-decoration:none;
  line-height:1.2;
  white-space:nowrap;
}
.site-header__brand:hover{ color:var(--primary); }
.site-header__brand span{
  display:block;
  font-size:0.68rem;
  font-weight:normal;
  color:var(--muted);
  letter-spacing:0.06em;
  text-transform:uppercase;
}

.nav-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  background:var(--surface);
  border:2px solid var(--text);
  border-radius:var(--radius-sm);
  cursor:pointer;
}
.nav-toggle__bar, .nav-toggle__bar::before, .nav-toggle__bar::after{
  content:"";
  display:block;
  width:20px;
  height:2px;
  background:var(--text);
  position:relative;
}
.nav-toggle__bar::before{ position:absolute; top:-6px; }
.nav-toggle__bar::after{ position:absolute; top:6px; }

.site-nav{
  position:absolute;
  top:100%; left:0; right:0;
  background:var(--surface);
  border-bottom:1px solid var(--border);
  flex-direction:column;
  padding:0.5rem 18px 1.25rem;
  display:none;
  list-style:none;
  margin:0;
}
.site-nav.is-open{ display:flex; }
.site-nav li{ margin:0; }
.site-nav a{
  display:block;
  padding:0.75em 0.25em;
  color:var(--text);
  text-decoration:none;
  border-bottom:1px solid var(--accent-surface);
  min-height:44px;
}
.site-nav a:hover, .site-nav a:focus-visible{ color:var(--primary); }

.site-header__cta{ flex-shrink:0; }

@media (min-width:1024px){
  .nav-toggle{ display:none; }
  .site-header__inner{ flex-wrap:nowrap; }
  .site-nav{
    position:static;
    display:flex !important;
    flex-direction:row;
    border:none;
    padding:0;
    gap:0.35rem;
    background:transparent;
    flex:1;
    justify-content:center;
  }
  .site-nav a{
    border-bottom:none;
    padding:0.6em 0.85em;
    border-radius:var(--radius-sm);
  }
  .site-nav a:hover, .site-nav a:focus-visible{ background:var(--accent-surface); }
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5em;
  font-family:var(--display-font);
  font-weight:bold;
  font-size:0.98rem;
  text-decoration:none;
  padding:0.85em 1.4em;
  border-radius:var(--radius-sm);
  border:2px solid var(--primary-dark);
  cursor:pointer;
  min-height:44px;
  line-height:1.2;
  transition:background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
.btn--primary{
  background:var(--primary);
  color:var(--primary-text);
  border-bottom-width:4px;
}
.btn--primary:hover{ background:var(--primary-dark); color:#fff; }
.btn--primary:active{ transform:translateY(2px); border-bottom-width:2px; }

.btn--secondary{
  background:var(--surface);
  color:var(--primary-dark);
  border:2px solid var(--text);
}
.btn--secondary:hover{ background:var(--accent-surface); color:var(--primary-dark); }

.btn--ghost{
  background:transparent;
  color:var(--text);
  border:2px dashed var(--border);
}
.btn--ghost:hover{ background:var(--accent-surface); }

.btn--block{ width:100%; }

.btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:0.9rem;
}
.btn-row--center{ justify-content:center; }

.fine-note{ font-size:var(--fs-small); color:var(--muted); margin-top:0.75em; }

/* ---------- hero ---------- */
.hero{ padding:2.5rem 0 0; background:var(--surface); }
.hero__inner{
  text-align:center;
  max-width:840px;
  margin:0 auto;
  padding-bottom:2.5rem;
}
.hero h1{ margin-bottom:0.5rem; }
.hero__subhead{
  font-size:var(--fs-lead);
  color:var(--muted);
  max-width:62ch;
  margin:0 auto 1.5rem;
}
.hero__checklist{
  list-style:none;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  max-width:480px;
  margin:0 auto 1.75rem;
  text-align:left;
}
.hero__checklist li{
  display:flex;
  align-items:flex-start;
  gap:0.6em;
  margin:0;
  font-size:0.96rem;
}
.hero__checklist li::before{
  content:"\2713";
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px; height:22px;
  background:var(--accent-surface);
  border:1.5px solid var(--primary);
  color:var(--primary-dark);
  border-radius:50%;
  font-size:0.78rem;
  font-weight:bold;
}
@media (min-width:768px){
  .hero__checklist{ max-width:620px; }
}

.path-strip{
  background:var(--accent-surface);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:1.75rem 0;
}
.path-strip__label{
  text-align:center;
  font-size:var(--fs-small);
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:1rem;
}
.path-strip__steps{
  display:flex;
  flex-direction:column;
  gap:0.9rem;
  list-style:none;
  padding:0;
  margin:0;
}
.path-strip__steps li{
  display:flex;
  align-items:center;
  gap:0.75em;
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  padding:0.75em 1em;
  margin:0;
  font-size:0.92rem;
}
.path-strip__num{
  flex-shrink:0;
  width:30px; height:30px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--display-font);
  font-weight:bold;
}
@media (min-width:768px){
  .path-strip__steps{ flex-direction:row; }
  .path-strip__steps li{ flex:1; }
}

/* ---------- card grid ---------- */
.card-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}
@media (min-width:768px){
  .card-grid{ grid-template-columns:repeat(3, 1fr); }
  .card-grid--two{ grid-template-columns:repeat(2, 1fr); }
}
.card{
  background:var(--accent-surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem;
}
.section--tint .card{ background:var(--surface); }
.card--recommended{
  border:2.5px solid var(--primary);
  position:relative;
}
.card--recommended::before{
  content:"Our Recommended Path";
  display:inline-block;
  font-size:0.72rem;
  font-family:var(--display-font);
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:#fff;
  background:var(--primary);
  border-radius:999px;
  padding:0.3em 0.8em;
  margin-bottom:0.9em;
}
.card__title{ margin-bottom:0.5em; }
.card__meta{
  font-size:var(--fs-small);
  color:var(--muted);
  margin:0.75em 0 0;
  padding-top:0.75em;
  border-top:1px dashed var(--border);
}

/* ---------- comparison table (criteria / pricing) ---------- */
.table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.compare-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}
.compare-table th, .compare-table td{
  padding:0.85em 1em;
  text-align:left;
  border-bottom:1px solid var(--border);
  font-size:0.94rem;
  vertical-align:top;
}
.compare-table thead th{
  background:var(--text);
  color:#fff;
  font-family:var(--display-font);
}
.compare-table tbody tr:last-child td{ border-bottom:none; }
.compare-table td.is-highlight, .compare-table th.is-highlight{
  background:var(--accent-surface);
  font-weight:bold;
}
.compare-table .yes{ color:var(--primary-dark); font-weight:bold; }
.compare-table .no{ color:var(--muted); }

/* ---------- pull-quote ---------- */
.pullquote{
  background:var(--text);
  color:#fff;
  border-radius:var(--radius);
  padding:2rem;
  max-width:760px;
  margin:2rem auto 0;
  position:relative;
}
.pullquote__mark{
  font-family:var(--display-font);
  font-size:3rem;
  line-height:1;
  color:var(--accent-surface);
  display:block;
  margin-bottom:0.25rem;
}
.pullquote p{
  font-size:var(--fs-lead);
  margin:0 0 0.5em;
}
.pullquote cite{
  display:block;
  font-style:normal;
  font-size:var(--fs-small);
  color:var(--accent-surface);
}

/* ---------- stat band (market rates) ---------- */
.stat-band{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  margin-top:2rem;
}
@media (min-width:600px){
  .stat-band{ grid-template-columns:repeat(2, 1fr); }
}
@media (min-width:1024px){
  .stat-band{ grid-template-columns:repeat(4, 1fr); }
}
.stat-band__item{
  text-align:center;
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem 1rem;
}
.stat-band__figure{
  font-family:var(--display-font);
  font-size:var(--fs-stat);
  color:var(--primary);
  font-weight:bold;
  line-height:1.1;
}
.stat-band__label{
  font-size:var(--fs-small);
  color:var(--muted);
  margin-top:0.4em;
}
.stat-band__note{
  font-size:var(--fs-small);
  color:var(--muted);
  text-align:center;
  margin-top:1.25rem;
}

/* ---------- callout (mid-callout ai-leverage) ---------- */
.callout{
  background:var(--surface);
  border-left:6px solid var(--primary);
  border-radius:var(--radius);
  border-top:1.5px solid var(--border);
  border-right:1.5px solid var(--border);
  border-bottom:1.5px solid var(--border);
  padding:1.75rem;
}
.callout__label{ margin-bottom:0.5em; }

/* ---------- deliverables list ---------- */
.deliverables{
  list-style:none;
  padding:0;
  margin:1.25rem 0 0;
  display:grid;
  gap:0.9rem;
}
@media (min-width:768px){
  .deliverables{ grid-template-columns:repeat(3, 1fr); }
}
.deliverables li{
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  padding:1em 1.1em;
  margin:0;
  font-size:0.94rem;
}

/* ---------- media frame ---------- */
.media-frame{
  position:relative;
  width:100%;
  aspect-ratio:4 / 3;
  border-radius:var(--radius);
  overflow:hidden;
  border:1.5px solid var(--border);
  background:var(--accent-surface);
}
.media-frame video, .media-frame img{
  width:100%; height:100%;
  object-fit:cover;
}
.media-frame--wide{ aspect-ratio:16 / 9; }
.media-caption{
  font-size:var(--fs-small);
  color:var(--muted);
  margin-top:0.6em;
}

.split{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  align-items:center;
}
@media (min-width:768px){
  .split{ grid-template-columns:1fr 1fr; }
  .split--media-right .split__media{ order:2; }
}

/* ---------- pricing / commercial ---------- */
.pricing-spotlight{
  background:var(--surface);
  border:2.5px solid var(--primary);
  border-radius:var(--radius);
  padding:2rem;
  max-width:760px;
  margin:0 auto;
}
.pricing-spotlight__top{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:0.75rem;
  border-bottom:1.5px dashed var(--border);
  padding-bottom:1.25rem;
  margin-bottom:1.25rem;
}
.pricing-spotlight__price{
  font-family:var(--display-font);
  font-size:2.4rem;
  color:var(--primary);
  font-weight:bold;
}
.pricing-spotlight__hours{
  font-size:var(--fs-small);
  color:var(--muted);
}

.addon-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.1rem;
  margin-top:1.5rem;
}
@media (min-width:768px){
  .addon-grid{ grid-template-columns:repeat(3, 1fr); }
}
.addon-card{
  background:var(--accent-surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  padding:1.25rem;
}
.section--tint .addon-card{ background:var(--surface); }
.addon-card__price{
  font-family:var(--display-font);
  font-weight:bold;
  color:var(--primary);
  font-size:1.3rem;
  display:block;
  margin:0.35em 0 0.5em;
}

.perk-list{
  list-style:none;
  padding:0;
  margin:1.5rem 0 0;
  display:grid;
  gap:0.75rem;
}
@media (min-width:768px){
  .perk-list{ grid-template-columns:repeat(2, 1fr); }
}
.perk-list li{
  display:flex;
  align-items:flex-start;
  gap:0.6em;
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius-sm);
  padding:0.8em 1em;
  margin:0;
  font-size:0.94rem;
}
.perk-list li::before{
  content:"\2713";
  flex-shrink:0;
  width:20px; height:20px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  font-size:0.72rem;
  font-weight:bold;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ---------- limits / fit block ---------- */
.limits-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  margin-top:1.5rem;
}
@media (min-width:768px){
  .limits-grid{ grid-template-columns:repeat(2, 1fr); }
}
.limits-grid .card h3{ margin-bottom:0.6em; }
.limits-grid ul{ margin-bottom:0; }

/* ---------- faq accordion ---------- */
.accordion{ margin-top:1.5rem; }
.accordion__item{
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius-sm);
  margin-bottom:0.75rem;
  overflow:hidden;
}
.accordion__item summary{
  cursor:pointer;
  list-style:none;
  padding:1em 3em 1em 1.1em;
  font-family:var(--display-font);
  font-weight:bold;
  position:relative;
  min-height:44px;
  display:flex;
  align-items:center;
}
.accordion__item summary::-webkit-details-marker{ display:none; }
.accordion__item summary::after{
  content:"+";
  position:absolute;
  right:1.1em;
  top:50%;
  transform:translateY(-50%);
  font-size:1.3rem;
  color:var(--primary);
  font-weight:bold;
}
.accordion__item[open] summary::after{ content:"\2212"; }
.accordion__item[open] summary{ border-bottom:1px solid var(--border); }
.accordion__body{ padding:1em 1.1em 1.25em; color:var(--muted); }

/* ---------- final cta band ---------- */
.cta-band{
  background:var(--primary);
  color:#fff;
  border-radius:var(--radius);
  padding:2.5rem 1.75rem;
  text-align:center;
}
.cta-band h2, .cta-band p{ color:#fff; }
.cta-band .fine-note{ color:var(--accent-surface); }
.cta-band .btn--secondary{ background:#fff; border-color:#fff; color:var(--primary-dark); }
.cta-band .btn--secondary:hover{ background:var(--accent-surface); }

/* ---------- sticky bottom bar ---------- */
.sticky-cta{
  position:fixed;
  left:0; right:0; bottom:0;
  background:var(--text);
  color:#fff;
  padding:0.75rem 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.75rem;
  z-index:80;
  border-top:2px solid var(--primary);
}
.sticky-cta p{ margin:0; font-size:0.86rem; color:#fff; }
.sticky-cta .btn{ padding:0.6em 1.1em; font-size:0.86rem; flex-shrink:0; }
body.has-sticky-cta{ padding-bottom:76px; }
@media (min-width:768px){
  .sticky-cta p{ font-size:0.94rem; }
}

/* ---------- content pages (about/faq/program/legal) ---------- */
.page-hero{
  padding:2.5rem 0 1.5rem;
  background:var(--surface);
  text-align:center;
}
.page-hero .kicker{ margin-bottom:1em; }
.legal-content h2{ margin-top:1.75em; }
.legal-content ul{ margin-bottom:1.25em; }
.legal-content .card{ margin:1.5em 0; }

.step-list{
  list-style:none;
  padding:0;
  margin:1.5rem 0 0;
  counter-reset:step;
  display:flex;
  flex-direction:column;
  gap:1.1rem;
}
.step-list li{
  counter-increment:step;
  background:var(--surface);
  border:1.5px solid var(--border);
  border-radius:var(--radius);
  padding:1.25rem 1.25rem 1.25rem 3.6rem;
  position:relative;
  margin:0;
}
.section--tint .step-list li{ background:var(--surface); }
.step-list li::before{
  content:counter(step);
  position:absolute;
  left:1.1rem;
  top:1.25rem;
  width:32px; height:32px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  font-family:var(--display-font);
  font-weight:bold;
  display:flex;
  align-items:center;
  justify-content:center;
}
.step-list h3{ margin-bottom:0.3em; }
.step-list p{ margin-bottom:0; color:var(--muted); }

/* ---------- disclaimer + footer ---------- */
.site-disclaimer{
  display:block;
  background:var(--accent-surface);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:1.75rem 0;
}
.site-disclaimer .wrap{
  max-width:820px;
}
.site-disclaimer p{
  font-size:0.92rem;
  color:var(--text);
  margin-bottom:0.6em;
}
.site-disclaimer p:last-child{ margin-bottom:0; }
.site-disclaimer a{ color:var(--link); font-weight:bold; }

.site-footer{
  background:var(--text);
  color:#e7e8f5;
  padding:2.5rem 0 1.75rem;
  font-size:0.92rem;
}
.site-footer__inner{
  display:flex;
  flex-direction:column;
  gap:2rem;
}
@media (min-width:768px){
  .site-footer__inner{ flex-direction:row; justify-content:space-between; flex-wrap:wrap; }
}
.site-footer__company p{ margin:0 0 0.3em; color:#e7e8f5; }
.site-footer__company{ max-width:360px; }
.site-footer__company strong{ color:#fff; font-family:var(--display-font); }

.site-footer__links{
  display:flex;
  flex-wrap:wrap;
  gap:2.5rem;
}
.footer-col__title{
  font-family:var(--display-font);
  font-size:0.82rem;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:#c5c8ea;
  margin-bottom:0.75em;
}
.footer-col ul{ list-style:none; padding:0; margin:0; }
.footer-col li{ margin-bottom:0.55em; }
.footer-col a{
  color:#e7e8f5;
  text-decoration:none;
}
.footer-col a:hover, .footer-col a:focus-visible{ text-decoration:underline; color:#fff; }

.site-footer__bottom{
  border-top:1px solid #3c3f66;
  margin-top:2rem;
  padding-top:1.25rem;
  font-size:0.82rem;
  color:#a9adcf;
}