/* Complete ADHD Pattern Assessment sales page (/complete-assessment). Builds on dopafix.css tokens. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-complete main > section{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.page-complete main > section + section{margin-top:clamp(5rem,10vw,9rem)}
.page-complete main{padding-bottom:clamp(5rem,10vw,8rem)}

/* hero */
.ca-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:clamp(3rem,8vw,6rem)!important}
.ca-hero .h1{margin-top:.75rem}
.ca-hero__lede{margin-top:1.5rem;max-width:44ch;font:400 clamp(1.2rem,1.8vw,1.45rem)/1.45 var(--serif)}
.ca-buy{margin-top:2rem;display:grid;gap:1rem;justify-items:start}
.ca-buy [hidden]{display:none!important}
.ca-buy__soon{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;color:var(--muted)}
.ca-buy__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem}
.ca-buy__price b{font:400 clamp(2.2rem,3.6vw,3rem)/1 var(--serif);font-variant-numeric:tabular-nums}
.ca-buy__price span{color:var(--muted)}
.ca-buy__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.ca-buy .link{white-space:normal}
.ca-buy__code{font-size:.92rem;color:var(--muted)}
.ca-hero__flower{max-width:440px;width:100%;justify-self:center}
.flower--ca .centre{fill:var(--bg);stroke:var(--story);stroke-width:2.5}
.flower--ca.is-live .petal,.flower--ca.is-live .centre{cursor:pointer}
.flower--ca.is-story .petal{opacity:.22}
.flower--ca.is-story .centre{fill:var(--story)}

/* open a petal */
.ca-explore{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.ca-explore__head p{margin-top:1rem;max-width:42ch;color:var(--muted)}
.ca-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.ca-chips[hidden]{display:none}
.ca-chip{min-height:44px;padding:.5rem 1.05rem;border-radius:999px;border:1.5px solid var(--line-2);background:transparent;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;touch-action:manipulation;transition:border-color .2s,background-color .2s,color .2s}
.ca-chip::before{content:"";width:.7rem;height:.7rem;border-radius:70% 0 70% 0;transform:rotate(45deg);background:var(--c)}
.ca-chip:hover{border-color:var(--c)}
.ca-chip[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#1A1210}
.ca-chip[aria-pressed=true]::before{background:#1A1210}
.ca-panel{margin-top:1.25rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--r-lg);background:var(--surface);border-top:4px solid var(--c,var(--p2));min-height:18rem}
.ca-panel__name{font-size:clamp(2rem,4vw,3rem)}
.ca-panel__quote{margin:1rem 0 0;font:italic 400 clamp(1.2rem,2vw,1.5rem)/1.35 var(--serif);color:var(--c,var(--p2))}
.ca-panel__quote:empty{display:none}
.ca-panel__shows{margin-top:1rem;max-width:58ch}
.ca-panel__report{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--muted);max-width:58ch}
@media (prefers-reduced-motion:no-preference){.ca-panel.is-in > *{animation:cain .4s var(--ease) both}.ca-panel.is-in > :nth-child(2){animation-delay:.05s}.ca-panel.is-in > :nth-child(3){animation-delay:.1s}}
@keyframes cain{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* what it includes */
.ca-get__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,4rem);align-items:center;margin-top:2rem}
.ca-get__list{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
.ca-get__list li{display:grid;gap:.35rem;padding-inline-start:1.8rem;position:relative}
.ca-get__list li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:.8rem;height:.8rem;border-radius:70% 0 70% 0;transform:rotate(45deg);background:var(--bloom)}
.ca-get__list b{font:400 1.45rem/1.2 var(--serif)}
.ca-get__list span{color:var(--muted);max-width:56ch}
.ca-week{margin:0}
.ca-week__ui{padding:1.5rem;border-radius:var(--r-lg);background:var(--surface);display:grid;gap:1rem}
.ca-week__title{font:400 1.4rem/1.2 var(--serif)}
.ca-week__row{display:grid;grid-template-columns:minmax(7.5rem,1.6fr) repeat(7,minmax(0,1fr));gap:.35rem;align-items:center;--c:var(--p2)}
.ca-week__row--time{--c:#EE6A56}
.ca-week__label{display:grid;gap:.1rem}
.ca-week__label b{font:500 1rem/1.2 var(--serif)}
.ca-week__label small{font-size:.8rem;font-weight:600;color:var(--c)}
.ca-week__row i{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:var(--card)}
.ca-week__row i::after{content:"";width:40%;aspect-ratio:1;border-radius:70% 0 70% 0;transform:rotate(45deg) scale(.6);background:var(--line-2)}
.ca-week__row i.on::after{background:var(--c);transform:rotate(45deg) scale(1.1)}
.ca-week__count{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.ca-day__t{font:600 clamp(1.6rem,3vw,2.1rem)/1.1 var(--serif);border-top:4px solid #F3982C;padding-top:1rem}
.ca-day__do{padding:1rem 1.1rem;border-radius:var(--r-sm);background:var(--card);border-inline-start:4px solid #F3982C;font-size:1.02rem}
.ca-week figcaption{margin-top:.8rem;font-size:.9rem;color:var(--muted)}

/* how it works */
.ca-steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:none}
.ca-steps li{display:grid;gap:.5rem;align-content:start;padding:1.5rem;border-radius:var(--r);background:var(--surface)}
.ca-steps b{font:400 1.35rem/1.2 var(--serif)}
.ca-steps span{color:var(--muted)}

/* compare */
.ca-table{margin-top:2rem;overflow-x:auto;border-radius:var(--r);background:var(--surface)}
.ca-table table{width:100%;border-collapse:collapse;min-width:34rem}
.ca-table th,.ca-table td{padding:1rem 1.25rem;text-align:start;vertical-align:top}
.ca-table thead th{font:400 1.25rem/1.2 var(--serif)}
.ca-table thead th:last-child{color:var(--p2)}
.ca-table tbody tr:nth-child(odd){background:#ffffff06}
.ca-table tbody th{font-weight:600}
.ca-table tbody td{color:var(--muted)}
.ca-table tbody td:last-child{color:var(--text)}

/* faq */
.ca-faq__list{margin-top:2rem;display:grid;gap:.75rem;max-width:56rem}
.ca-faq details{border-radius:var(--r);background:var(--surface)}
.ca-faq summary{cursor:pointer;padding:1.15rem 1.4rem;font:400 1.3rem/1.3 var(--serif);list-style-position:inside}
.ca-faq details p{padding:0 1.4rem 1.3rem;color:var(--muted);max-width:66ch}
.ca-faq details[open] summary{color:var(--p2)}
.ca-faq__boundary{margin-top:2.5rem;max-width:66ch;color:var(--muted);font-size:.95rem}

@media (max-width:1000px){
  .ca-hero,.ca-explore,.ca-get__grid{grid-template-columns:minmax(0,1fr)}
  .ca-hero__flower{max-width:300px;justify-self:start}
  .ca-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .ca-steps{grid-template-columns:minmax(0,1fr)}
  .ca-week__row{grid-template-columns:repeat(7,minmax(0,1fr))}
  .ca-week__label{grid-column:1/-1}
}