/* ==========================================================================
   Accucus Chartered Accountants — shared stylesheet
   Swap the values in :root for your own design system tokens.
   ========================================================================== */

:root{
  /* --- Color --------------------------------------------------------- */
  --color-accent:#e60000;
  --color-accent-deep:#c40000;
  --color-ink:#25282b;
  --color-ink-soft:#3b4045;
  --color-canvas:#ffffff;
  --color-canvas-soft:#f2f2f2;
  --color-body:#5c6166;
  --color-mute:#8e9498;
  --color-on-dark:#ffffff;
  --color-on-dark-mute:rgba(255,255,255,.68);
  --color-border:#dcdedf;
  --color-border-ink:#25282b;
  --color-border-on-dark:rgba(255,255,255,.25);

  /* --- Type ---------------------------------------------------------- */
  --font-display:"Inter","Helvetica Neue",Arial,sans-serif;
  --font-body:"Inter","Helvetica Neue",Arial,sans-serif;
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-bold:700;
  --weight-black:800;
  --size-hero:clamp(2.6rem,7.2vw,5.5rem);
  --size-display:clamp(2rem,4.6vw,3.5rem);
  --size-h2:clamp(1.65rem,3.2vw,2.5rem);
  --size-h3:clamp(1.15rem,1.6vw,1.4rem);
  --size-lead:clamp(1.05rem,1.5vw,1.35rem);
  --size-body:1rem;
  --size-sm:.9375rem;
  --size-caption:.8125rem;
  --tracking-tight:-1px;
  --tracking-wide:.14em;
  --leading-tight:1.02;
  --leading-body:1.65;

  /* --- Spacing ------------------------------------------------------- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;
  --gutter:20px;
  --gutter-lg:32px;
  --max-width:1280px;
  --max-measure:64ch;

  /* --- Radius & lines ------------------------------------------------ */
  --radius-none:0;
  --radius-sm:6px;
  --radius-md:6px;
  --radius-pill:60px;
  --radius-badge:32px;
  --radius-circle:9999px;
  --hairline:1px;
  --rule-thick:4px;
  --transition:160ms ease;
}

/* --- Reset ---------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--color-canvas);
  color:var(--color-body);
  font-family:var(--font-body);
  font-size:var(--size-body);
  font-weight:var(--weight-regular);
  line-height:var(--leading-body);
  text-wrap:pretty;
}
img{max-width:100%;display:block}
figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;color:var(--color-ink);font-family:var(--font-display);line-height:var(--leading-tight)}
p{margin:0}
a{color:var(--color-accent);text-decoration:none}
a:hover{color:var(--color-accent-deep);text-decoration:underline}
:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.on-dark :focus-visible,.site-footer :focus-visible{outline-color:var(--color-on-dark)}

/* --- Utilities ------------------------------------------------------ */
.wrap{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}
.band{padding-block:var(--space-8)}
.band--soft{background:var(--color-canvas-soft)}
.band--ink{background:var(--color-ink);color:var(--color-on-dark-mute)}
.band--ink h1,.band--ink h2,.band--ink h3,
.hero h1,.hero h2,.hero h3{color:var(--color-on-dark)}
.band--accent{background:var(--color-accent);color:#fff}
.band--accent h2,.band--accent h3{color:#fff}
.band--tight{padding-block:var(--space-7)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:99;background:var(--color-ink);color:#fff;padding:var(--space-3) var(--space-5);border-radius:0 0 var(--radius-sm) 0}
.skip-link:focus{left:0;color:#fff}
.eyebrow{
  display:block;margin:0 0 var(--space-4);
  font-size:var(--size-caption);font-weight:var(--weight-bold);
  letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);
}
.band--ink .eyebrow,.band--accent .eyebrow{color:#fff;opacity:.75}
.shout{font-size:var(--size-hero);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);text-transform:uppercase}
.display{font-size:var(--size-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);text-transform:uppercase}
.h2{font-size:var(--size-h2);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);text-transform:uppercase}
.h3{font-size:var(--size-h3);font-weight:var(--weight-bold)}
.lead{font-size:var(--size-lead);font-weight:var(--weight-light);line-height:1.45;max-width:var(--max-measure)}
.measure{max-width:var(--max-measure)}
.sm{font-size:var(--size-sm)}
.section-head{display:grid;gap:var(--space-4);margin-bottom:var(--space-7);max-width:70ch}
.rule{height:var(--rule-thick);width:56px;background:var(--color-accent);border:0;margin:0}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- Buttons -------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  min-height:52px;padding:var(--space-3) var(--space-6);
  border:var(--hairline) solid transparent;border-radius:var(--radius-pill);
  font-family:var(--font-display);font-size:var(--size-sm);font-weight:var(--weight-bold);
  letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background var(--transition),color var(--transition),border-color var(--transition);
}
.btn:hover{text-decoration:none}
.btn--primary{background:var(--color-accent);color:#fff}
.btn--primary:hover{background:var(--color-accent-deep);color:#fff}
.btn--outline{background:transparent;color:var(--color-ink);border-color:var(--color-border-ink)}
.btn--outline:hover{background:var(--color-ink);color:#fff}
.btn--on-dark{background:transparent;color:#fff;border-color:var(--color-border-on-dark)}
.btn--on-dark:hover{background:#fff;color:var(--color-ink)}
.btn--on-accent{background:#fff;color:var(--color-accent)}
.btn--on-accent:hover{background:var(--color-ink);color:#fff}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}

/* --- Header --------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:20;background:var(--color-canvas);border-bottom:var(--hairline) solid var(--color-border)}
.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-5);padding-block:var(--space-4)}
.brand{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink);font-family:var(--font-display);text-decoration:none}
.brand:hover{color:var(--color-ink);text-decoration:none}
.brand__logo{height:40px;width:auto;max-width:190px;flex:none;display:block;object-fit:contain}
.footer-logo{height:42px;width:auto;max-width:230px;display:block;object-fit:contain;margin-bottom:var(--space-4)}
.brand__name{font-size:1.0625rem;font-weight:var(--weight-black);letter-spacing:-.4px;text-transform:uppercase;line-height:1.1}
.brand__sub{display:block;font-size:.6875rem;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute)}
.site-nav ul{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
.site-nav a{
  display:inline-block;padding:var(--space-2) 0;
  color:var(--color-ink);font-size:var(--size-sm);font-weight:var(--weight-medium);
  border-bottom:2px solid transparent;
}
.site-nav a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent);text-decoration:none}
.site-nav a[aria-current="page"]{color:var(--color-accent);border-bottom-color:var(--color-accent)}
.site-header__cta{margin-left:auto;min-height:44px;padding-inline:var(--space-5);white-space:nowrap}

/* --- Hero ----------------------------------------------------------- */
.hero{background:var(--color-ink);color:var(--color-on-dark-mute);padding-block:var(--space-8) 0;overflow:hidden}
.hero__copy{max-width:none}
.hero__copy .shout{max-width:11em;overflow-wrap:break-word}
.hero .lead{color:var(--color-on-dark-mute);max-width:52ch;margin-top:var(--space-5)}
.hero__figure{margin-top:var(--space-8);background:var(--color-ink-soft);aspect-ratio:21/9;overflow:hidden}
.hero__figure img{width:100%;height:100%;object-fit:cover}
.hero--compact{padding-block:var(--space-8) var(--space-8)}
.hero--compact .hero__copy .shout{max-width:13em}
.hero-split{display:grid;gap:var(--space-7);align-items:end}
.hero-strip{display:grid;gap:var(--space-5);border-top:var(--hairline) solid var(--color-border-on-dark);margin-top:var(--space-7);padding-top:var(--space-6)}
.hero-strip p{color:var(--color-on-dark-mute);font-size:var(--size-sm)}
.hero-strip strong{display:block;color:#fff;font-family:var(--font-display);font-size:1.75rem;font-weight:var(--weight-black);letter-spacing:var(--tracking-tight)}

/* --- Grids ---------------------------------------------------------- */
.grid{display:grid;gap:var(--space-5)}
.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}

/* --- Cards ---------------------------------------------------------- */
.card{background:var(--color-canvas);border-radius:var(--radius-md);padding:var(--space-5);display:grid;gap:var(--space-3);align-content:start}
.card--bordered{border:var(--hairline) solid var(--color-border)}
.card--ink{background:var(--color-ink);color:var(--color-on-dark-mute)}
.card--ink h3{color:#fff}
.card__num{font-family:var(--font-display);font-size:var(--size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--color-accent)}
.card__media{aspect-ratio:16/9;background:var(--color-canvas-soft);border-radius:var(--radius-sm);overflow:hidden;margin:0 0 var(--space-2)}
.card__media img{width:100%;height:100%;object-fit:cover}
.card p{font-size:var(--size-sm)}
.card__link{font-size:var(--size-sm);font-weight:var(--weight-bold);letter-spacing:.02em}
.badge{display:inline-block;padding:6px var(--space-4);border-radius:var(--radius-badge);background:var(--color-canvas-soft);color:var(--color-ink);font-size:var(--size-caption);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase}
.badge--accent{background:var(--color-accent);color:#fff}
.badge--on-dark{background:rgba(255,255,255,.14);color:#fff}
.icon{width:28px;height:28px;stroke:var(--color-accent);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.card--ink .icon{stroke:#fff}

/* --- Stats ---------------------------------------------------------- */
.stats{display:grid;gap:var(--space-6)}
.stat{border-top:var(--rule-thick) solid var(--color-accent);padding-top:var(--space-4)}
.stat__value{display:block;font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.5rem);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--color-ink);line-height:1}
.band--ink .stat__value{color:#fff}
.stat__label{font-size:var(--size-sm);margin-top:var(--space-2)}

/* --- Process timeline ----------------------------------------------- */
.timeline{display:grid;gap:0;counter-reset:step}
.timeline li{
  counter-increment:step;position:relative;
  padding:var(--space-5) 0 var(--space-5) 64px;
  border-top:var(--hairline) solid var(--color-border);
}
.timeline li:last-child{border-bottom:var(--hairline) solid var(--color-border)}
.timeline li::before{
  content:counter(step,decimal-leading-zero);
  position:absolute;left:0;top:var(--space-5);
  width:44px;height:44px;border-radius:var(--radius-circle);
  background:var(--color-accent);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:var(--size-caption);font-weight:var(--weight-black);
}
.timeline h3{margin-bottom:var(--space-2)}
.timeline p{font-size:var(--size-sm)}
.timeline--on-ink li{border-color:var(--color-border-on-dark)}

/* --- Comparison table ----------------------------------------------- */
.table-scroll{overflow-x:auto;border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);background:#fff}
table{width:100%;border-collapse:collapse;min-width:640px}
caption{text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--size-sm);color:var(--color-mute);border-bottom:var(--hairline) solid var(--color-border)}
th,td{text-align:left;padding:var(--space-4) var(--space-5);border-bottom:var(--hairline) solid var(--color-border);font-size:var(--size-sm);vertical-align:top}
thead th{
  background:var(--color-ink);color:#fff;font-family:var(--font-display);
  font-size:var(--size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;
}
tbody th{font-weight:var(--weight-bold);color:var(--color-ink);width:34%}
td:last-child{color:var(--color-ink);font-weight:var(--weight-medium);background:#fff8f8}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}

/* --- Pricing -------------------------------------------------------- */
.tier{border:var(--hairline) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);display:grid;gap:var(--space-4);align-content:start;background:#fff}
.tier--featured{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-dark-mute)}
.tier--featured h3,.tier--featured .tier__price{color:#fff}
.tier__price{font-family:var(--font-display);font-size:2rem;font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--color-ink)}
.tier__price span{display:block;font-size:var(--size-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute)}
.tier--featured .tier__price span{color:var(--color-on-dark-mute)}
.ticks{display:grid;gap:var(--space-3);font-size:var(--size-sm)}
.ticks li{display:grid;grid-template-columns:20px 1fr;gap:var(--space-3)}
.ticks svg{width:18px;height:18px;stroke:var(--color-accent);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:4px}
.tier--featured .ticks svg{stroke:#fff}

/* --- FAQ accordion -------------------------------------------------- */
.faq{display:grid;border-top:var(--hairline) solid var(--color-border)}
.faq details{border-bottom:var(--hairline) solid var(--color-border)}
.faq summary{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);
  padding:var(--space-5) 0;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-size:var(--size-h3);font-weight:var(--weight-bold);color:var(--color-ink);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.6rem;font-weight:var(--weight-light);color:var(--color-accent);line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq summary:hover{color:var(--color-accent)}
.faq p{padding:0 0 var(--space-5);font-size:var(--size-sm);max-width:70ch}

/* --- Testimonials --------------------------------------------------- */
.quote{background:#fff;border-radius:var(--radius-md);padding:var(--space-6);display:grid;gap:var(--space-4);align-content:start;border-top:var(--rule-thick) solid var(--color-accent)}
.quote blockquote{margin:0;font-size:var(--size-lead);font-weight:var(--weight-light);line-height:1.45;color:var(--color-ink)}
.quote figcaption{font-size:var(--size-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute)}
.quote figcaption strong{display:block;letter-spacing:0;text-transform:none;font-size:var(--size-sm);color:var(--color-ink)}

/* --- Split feature -------------------------------------------------- */
.split{display:grid;gap:var(--space-6);align-items:center}
.split__media{background:var(--color-canvas-soft);border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:4/3}
.split__media img{width:100%;height:100%;object-fit:cover}
.dl-grid{display:grid;gap:var(--space-5)}
.dl-grid div{border-top:var(--hairline) solid var(--color-border);padding-top:var(--space-4)}
.band--ink .dl-grid div{border-color:var(--color-border-on-dark)}
.dl-grid dt{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-2)}
.band--ink .dl-grid dt{color:#fff}
.dl-grid dd{margin:0;font-size:var(--size-sm)}

/* --- Roles (career) ------------------------------------------------- */
.role{border:var(--hairline) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:grid;gap:var(--space-3);background:#fff}
.role__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}

/* --- Form ----------------------------------------------------------- */
.form{display:grid;gap:var(--space-5);background:#fff;border:var(--hairline) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}
.field{display:grid;gap:var(--space-2)}
.field label{font-size:var(--size-sm);font-weight:var(--weight-bold);color:var(--color-ink)}
.field .hint{font-size:var(--size-caption);color:var(--color-mute)}
.field input,.field select,.field textarea{
  width:100%;padding:14px var(--space-4);
  font-family:var(--font-body);font-size:var(--size-body);color:var(--color-ink);
  background:#fff;border:var(--hairline) solid var(--color-border);border-radius:var(--radius-sm);
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-ink);outline:3px solid var(--color-accent);outline-offset:2px}
.field textarea{min-height:150px;resize:vertical}
.req{color:var(--color-accent)}
fieldset{border:0;padding:0;margin:0;display:grid;gap:var(--space-4)}
legend{font-family:var(--font-display);font-size:var(--size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute);padding:0;margin-bottom:var(--space-2)}
.check{display:grid;grid-template-columns:22px 1fr;gap:var(--space-3);align-items:start;font-size:var(--size-sm)}
.check input{width:22px;height:22px;margin:0;accent-color:var(--color-accent)}

/* --- Contact details ------------------------------------------------ */
.contact-list{display:grid;gap:var(--space-5)}
.contact-list div{border-top:var(--hairline) solid var(--color-border);padding-top:var(--space-4)}
.contact-list dt{font-size:var(--size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute);margin-bottom:var(--space-2)}
.contact-list dd{margin:0;font-family:var(--font-display);font-size:1.0625rem;font-weight:var(--weight-medium);color:var(--color-ink)}

/* --- CTA band ------------------------------------------------------- */
.cta-band{display:grid;gap:var(--space-6);align-items:center}

.cta-direct{margin-top:var(--space-4);font-size:var(--size-sm);color:#fff}
.band--accent .cta-direct a,.cta-direct a{color:#fff !important;font-weight:var(--weight-bold);text-decoration:underline}
.band--accent .cta-direct a:hover,.cta-direct a:hover{color:var(--color-ink) !important}
.tier__note{font-size:var(--size-caption);color:var(--color-mute);line-height:1.5}
.contact-banner{aspect-ratio:3/1}
.founder{display:grid;gap:var(--space-6)}
.founder__media{background:var(--color-canvas-soft);border-radius:var(--radius-sm);overflow:hidden;align-self:start;width:100%;max-width:440px}
.founder__media img{width:100%;height:auto;max-height:560px;object-fit:cover;object-position:top center;display:block}
.founder__media figcaption{padding:var(--space-4) var(--space-5);background:var(--color-ink);color:var(--color-on-dark-mute);font-size:var(--size-caption);letter-spacing:.06em;text-transform:uppercase}
.founder__media figcaption strong{display:block;color:#fff;font-family:var(--font-display);font-size:var(--size-sm);letter-spacing:0;text-transform:none;margin-bottom:2px}
.founder__copy{display:grid;gap:var(--space-4);align-content:start;font-size:var(--size-body);line-height:var(--leading-body)}
.founder__copy p{max-width:64ch}

/* --- Footer --------------------------------------------------------- */
.site-footer{background:var(--color-ink);color:var(--color-on-dark-mute);padding-block:var(--space-7) var(--space-5);font-size:var(--size-sm)}
.site-footer h2,.site-footer h3{color:#fff;font-size:var(--size-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-4)}
.footer-grid{display:grid;gap:var(--space-6)}
.site-footer a{color:var(--color-on-dark-mute)}
.site-footer a:hover{color:#fff}
.site-footer ul{display:grid;gap:var(--space-3)}
.footer-brand p{margin-top:var(--space-4);max-width:38ch}
.site-footer ul.social{display:flex;flex-direction:row;gap:var(--space-3);margin-top:var(--space-5)}
.social a{
  display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;
  border:var(--hairline) solid var(--color-border-on-dark);border-radius:var(--radius-circle);
}
.social a:hover{background:#fff}
.social svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social a:hover svg{stroke:var(--color-ink)}
.footer-base{
  display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);justify-content:space-between;
  margin-top:var(--space-6);padding-top:var(--space-4);
  border-top:var(--hairline) solid var(--color-border-on-dark);
  font-size:var(--size-caption);
}

.form-direct{font-size:var(--size-sm);color:var(--color-body);border-top:var(--hairline) solid var(--color-border);padding-top:var(--space-4)}
.form-direct a{font-weight:var(--weight-bold)}

/* --- Responsive ----------------------------------------------------- */
@media (min-width:600px){
  :root{--gutter:var(--gutter-lg)}
  .grid--2{grid-template-columns:repeat(2,1fr)}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .hero-strip{grid-template-columns:repeat(3,1fr)}
  .contact-list{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:900px){
  .band{padding-block:var(--space-9)}
  .band--tight{padding-block:var(--space-8)}
  .hero{padding-block:var(--space-9) 0}
  .hero--compact{padding-block:var(--space-9) var(--space-9)}
  .grid--3{grid-template-columns:repeat(3,1fr)}
  .grid--4{grid-template-columns:repeat(4,1fr)}
  .stats{grid-template-columns:repeat(4,1fr)}
  .split{grid-template-columns:1fr 1fr;gap:var(--space-8)}
  .split--wide-text{grid-template-columns:1.1fr .9fr}
  .hero-split{grid-template-columns:1.15fr .85fr}
  .cta-band{grid-template-columns:1.4fr auto}
  .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr}
  .dl-grid--2{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
  .founder{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-8);align-items:start}
  .timeline--split li{padding-left:88px}
}
@media (min-width:1200px){
  .brand__logo{height:44px;max-width:230px}
  .site-nav ul{gap:var(--space-2) var(--space-5)}
  .site-header__inner{gap:var(--space-4) var(--space-6)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}
@media print{
  .site-header,.site-footer,.btn-row{display:none}
  body{color:#000}
}