@import url('https://fonts.googleapis.com/css2?family=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  --accent: #681c68;
  --bg: #FAFAFC;
  --ink: #0F172A;
  --ink-soft: #374151;
  --ink-medium: hsl(217, 18%, 23%);
  --line: #E5E7EB;
  --radius-lg: 1.25rem;
  --radius-xxlg: 10em;
}
*,
*::before,
*::after { box-sizing:border-box; }
html{scroll-behavior: smooth;}
html,body{margin:0;padding:0;}
body{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 80;
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

h1,h2,h3,h4{
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
  letter-spacing:-0.02em;
  margin:0 0 0.3em;
}
p{margin:0 0 0.75em;}
.container{max-width:1120px;margin:0 auto;padding:0 24px;}

/* fonts */
.merriweather-sans-nav-header {
  font-family: "Merriweather Sans", sans-serif;
  font-optical-sizing: auto;  
  font-style: normal;
}

.fw-300{
  font-weight: 300;
}

.fw-600{
  font-weight: 600;
}

.fw-800{
  font-weight: 800;
}

/* header */
.site-header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.site-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;
}
.brand{display:flex;align-items:center;gap:0.25em;padding-right:1em;margin-left: -2em;}
.brand-text{
  font-weight:600;font-size:0.9rem;
  letter-spacing:-0.01em;color:var(--accent);
}
@media(min-width:768px){.brand-text{font-size:1rem;}}
.main-nav{display:none;}
.main-nav a{
  font-size:0.85rem;padding:6px 12px;border-radius:12px;color:#4B5563;
}
.main-nav a:hover{background:var(--accent);color:#fff;}
.main-nav a.is-active,
.main-nav a[aria-current="page"]{
  background:var(--accent);color:#fff;
}
.cta-header{font-size:0.8rem;}
@media(min-width:768px){
  .main-nav{display:flex;gap:8px;align-items:center;}
}

/* buttons */
.btn{
  display:inline-block;border-radius:9999px;
  padding:10px 18px;font-size:0.9rem;font-weight:600;
  border:1px solid transparent;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease;
  background:transparent;
}
.btn--big{
  width:100%;
  height: 3rem;
}
.btn-primary{background:var(--accent);color:#fff;}
.btn-outline{border-color:var(--line);color:var(--ink);background:transparent;}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.14);}

/* cards */
.card, .card-img{
  background:#fff;border-radius:var(--radius-lg);
  border:1px solid var(--line);padding:18px;
  box-shadow:0 4px 18px rgba(15,23,42,.06);
  transition:transform .15s ease,box-shadow .15s ease;
}
.card, .card-img:hover{transform:translateY(-2px);box-shadow:0 12px 12px rgba(15,23,42,.18);}

.card__rebuttal{
  padding: 1em;
  margin: 1em auto;
}

/* hero */
.section-hero{position:relative;padding:80px 0 72px;overflow:hidden;}
.section-hero--qualities{
  display: block;
  margin-top: 1em;
}
.blob{position:absolute;filter:blur(34px);opacity:.5;pointer-events:none;}
.blob-a{
  width:320px;height:320px;
  background:radial-gradient(circle at 30% 30%,rgba(104,28,104,.22),transparent 62%);
  top:-80px;left:-60px;
}
.blob-b{
  width:260px;height:260px;
  background:radial-gradient(circle at 70% 60%,rgba(104,28,104,.16),transparent 60%);
  bottom:-40px;right:-60px;
}
.hero-grid{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:3em;align-items:center; /*gap:48px*/
}
.hero-eyebrow{
  font-size:0.75rem;text-transform:uppercase;
  letter-spacing:0.14em;color:#6B7280;margin-bottom:8px;
}
.hero-title{font-size:2.6rem;line-height:1.1;}
.hero-text{font-size:0.95rem;color:var(--ink-soft);max-width:34rem;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.hero-meta{
  margin-top:8px;font-size:0.7rem;
  text-transform:uppercase;letter-spacing:0.16em;color:#6B7280;
}
/*var(--accent);*/
.hero-photo{
  overflow:hidden;
  padding:0;
  background: transparent; 
  border: none; 
  box-shadow: none; 
  height: auto;
}

.hero-photo img{
  width:100%;object-fit: cover;border-radius:var(--radius-lg);
}

.hero-photo img:hover{box-shadow:0px 0px 16px var(--accent);}

@media(max-width:768px){
  /* .card-img{border-radius:var(--radius-lg)} */
  .section-hero{padding-top:56px;}
  .hero-grid{grid-template-columns:minmax(0,1fr);}
  .hero-title{font-size:2.1rem;}
  .hero-photo img{width: 100vh; object-position: top center; object-fit: contain;}
}

/* band */
.band{
  padding:16px 0;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.9);
}
.band-inner{
  display:flex;flex-wrap:wrap;gap:1em;
  align-items:center;justify-content:space-between;
  font-size:0.85rem;color:#4B5563;
}
.band-brand{display:flex;align-items:center;gap:1em;}

/* sections */
.section{padding:64px 0;}
.section-about{font-size:0.9rem;line-height:1.5;color:var(--ink-soft);max-width:480; padding: 2rem;}
.section-footnote{padding: 2rem 0;}
.section-title{font-size:2rem;}
.section-subtitle{font-size:0.9rem;color:var(--ink-soft);max-width:50rem;}
.section-content{font-size:0.9rem;color:var(--ink-soft);max-width:48rem;}

.grid-3{
  display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;
}
@media(min-width:768px){
  .grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
}

.grid-5{
  display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5em;
}
@media(min-width:768px){
  .grid-5{grid-template-columns:repeat(5,minmax(0,1fr));}
}

/* footer */
.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:72px;}
.footer-main{
  padding:32px 24px 24px;
  display:grid;grid-template-columns:repeat(1,minmax(0,1fr));
  gap:24px;font-size:0.85rem;
}

@media(min-width:768px){
  .footer-main{
    max-width:1120px;margin:0 auto;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
.footer-brand-row{display:flex;align-items:center;gap:8px;}
.footer-note{margin-top:8px;font-size:0.75rem;color:#6B7280;}
.footer-links h4{
  font-size:0.7rem;text-transform:uppercase;
  letter-spacing:0.16em;margin-bottom:6px;
}
.footer-links a{display:block;margin-bottom:4px;}
.footer-meta{
  max-width:1120px;margin:0 auto;
  border-top:1px solid var(--line);
  padding:10px 24px 12px;
  display:flex;justify-content:space-between;
  font-size:0.7rem;color:#6B7280;
}

/* process */
.process-steps{
  display:grid;
  gap:1rem;
} 

@media(min-width:992px){
  .process-steps{grid-auto-flow: row;}
}

@media(max-width:991px){
  .process-steps{
    display:flex;
    flex-direction:column;
    gap:1em; 
  }
}

.process-step{position:relative;padding-left:34px;}
.step-number{
  position:absolute;left:0.5em;top:16px;
  width:22px;height:22px;border-radius:999px;
  background:var(--accent);color:#fff;
  font-size:0.75rem;display:grid;place-items:center;font-weight:700;
}
.down-arrow{display:none;align-items:center;font-size:1.3rem;color:var(--accent);padding:0 4px; margin: 0 auto;}
@media(min-width:992px){.down-arrow{display:flex;}}

/* conditions */
.conditions-intro{font-size:0.9rem;color:var(--ink-soft);max-width:36rem;}
.search-row{margin-top:18px;display:flex;flex-direction:column;gap:12px;}
@media(min-width:768px){
  .search-row{flex-direction:row;align-items:center;}
}
.search-input{
  width:100%;max-width:360px;border-radius:9999px;
  border:1px solid var(--line);padding:9px 14px;font-size:0.85rem;
}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{
  border-radius:9999px;border:1px solid var(--line);
  padding:0.4rem 0.85rem;font-size:0.85rem;background:#fff;cursor:pointer;
}
.chip.active{background:var(--accent);color:#fff;border-color:var(--accent);}
.cond-section{margin-top:32px;}
.cond-section h2{font-size:1.6rem;}
.cond-grid{
  display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;
}
ul.cond-grid{
  list-style-type: none;
}
@media(min-width:768px){
  .cond-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
.condition-item{font-size:0.85rem;}

/* misc */
.text-large{font-size: 1.15rem;}
.text-normal{font-size: 1rem;}
.text-medium{font-size: 0.95rem;}
.text-small{font-size:0.85rem;}
.text-xs{font-size:0.75rem;}
.muted{color:var(--ink-soft);}
.slight-muted{color:var(--ink-medium);}
.accent-text{color:var(--accent);}
.impactful{font-weight: 650;}
.color-normal{color:var(--ink);}
.inline-img{display: inline;}
.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
details.card summary{cursor:pointer;}