/* TASTE-PRICE 1004 (Astra's taste audit rank 9 + the how-it-works part of rank 14; build/launch/TASTE-PRICE-BRIEF.md): Georgia's
   how-it-works while the $199 package is on sale. Three product views in a row (Pick -> Prepare -> Review), each a numbered station, a
   one-word title and its object; the customer's part in one strip; one red action. The page surface only (no coloured band).
   Loaded after d/pages.css. */
.hw-hero{padding:28px 0 8px}
.hw-h1{margin-top:12px;font-size:clamp(34px,5vw,64px);max-width:14em}
.hw-how{padding:28px 0 56px}
.hw-steps{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.hw-step{display:grid;gap:14px;align-content:start;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.hw-k{display:flex;align-items:center;gap:12px}
.hw-k .bm{width:40px;height:40px;flex:none;color:var(--ink)}
.hw-k .h-title{margin:0}
.hw-view svg{display:block;width:100%;max-width:320px;height:auto}
.hw-view .hw-sign{max-width:170px}
.hw-view .tb-stack{margin-top:0}
.hw-w{margin:0;font-size:var(--fs-body);line-height:1.45;color:var(--ink);max-width:36ch}
.hw-yours{display:grid;gap:0;margin:28px 0 0;border-top:1.5px solid var(--ink)}
.hw-yours div{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--rule)}
.hw-yours dt{font-size:var(--fs-label);line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-stretch:88%;color:var(--ink-2)}
.hw-yours dd{margin:0;font-size:var(--fs-small);line-height:1.5;color:var(--ink);max-width:62ch}
.hw-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px}
.hw-price{margin:0;display:flex;align-items:baseline;gap:8px}
.hw-price .num{font-size:clamp(40px,4vw,52px);line-height:1;font-weight:600;letter-spacing:-.03em}
.hw-price span:last-child{font-size:var(--fs-lede);color:var(--ink-2)}
.hw-go .more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--ink)}
@media (max-width:479px){.hw-go .btn{flex:1 1 100%;justify-content:center}}
@media (min-width:900px){
  .hw-hero{padding:64px 0 8px}
  .hw-how{padding:48px 0 96px}
  .hw-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .hw-step{border-bottom:0;padding-bottom:0}
  .hw-view{display:grid;align-content:center;min-height:200px}
  .hw-prep .hw-view{align-content:start}
  .hw-prep .tb-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
  .hw-yours{grid-template-columns:1fr 1fr;column-gap:40px;margin-top:48px}
}