/* Home page sections (copy v4, docs/home-copy.md). Loaded only on "/". */
.hero h1{max-width:660px;font-size:clamp(2.3rem,4.4vw,3.6rem)}
.hero h1 .lit{display:block;font-size:.78em;line-height:1.12;margin-top:.18em}

.familiar{padding:76px 0 30px}
.fam-grid{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start}
.fam-intro h2{font-size:2.3rem;margin-bottom:10px}
.fam-intro p{margin-top:16px;max-width:330px;color:var(--cocoa-60)}
.fam-list{list-style:none;columns:2;column-gap:44px;border-top:1.5px solid var(--mulberry)}
.fam-list li{break-inside:avoid;border-bottom:1px solid var(--thread)}
.fam-list a{display:block;padding:15px 0 14px;text-decoration:none;color:inherit}
.fam-list q{display:block;font-family:var(--display);font-size:1.12rem;line-height:1.35;color:var(--mulberry);quotes:"“" "”"}
.fam-list .go{display:inline-block;margin-top:6px;font:600 .8rem/1.3 var(--sans);color:var(--plum);padding-bottom:3px;background:var(--stitch-plum) left bottom/32px 4px repeat-x}
.fam-list a:hover q,.fam-list a:focus-visible q{color:var(--plum)}

.how2{padding:70px 0 10px}
.how2-grid{display:grid;grid-template-columns:5fr 7fr;gap:60px;border-top:1px solid var(--thread);padding-top:46px}
.how2 .lbl{display:block;font:600 .84rem/1 var(--sans);color:var(--plum);margin-bottom:14px}
.how2 h2{font-size:2.1rem;max-width:400px}
.how2-steps{list-style:none;counter-reset:s}
.how2-steps li{display:grid;grid-template-columns:40px 1fr;align-items:baseline;padding:14px 0;border-bottom:1px dotted var(--thread);font-family:var(--display);font-size:1.32rem;line-height:1.4;color:var(--mulberry)}
.how2-steps li svg{transform:translateY(5px)}
.how2-steps b{font-weight:400;color:var(--mulberry)}
.how2-steps li p{color:var(--cocoa)} .how2-steps li p b{color:var(--mulberry)}
.how2-note{margin-top:18px;font-size:.95rem;color:var(--cocoa-60)}
.how2-note .hl{margin-left:6px}

.approach{padding:40px 0 150px}
.ap-grid{display:grid;grid-template-columns:7fr 5fr;gap:70px;align-items:start;background:var(--paper);border:1px solid var(--thread);padding:46px 50px;transform:rotate(-.4deg);margin-left:-10px}
.ap-txt h2{font-size:2.2rem;margin-bottom:18px}
.ap-txt p{margin-top:12px;max-width:560px}
.ap-links{font-size:.92rem;color:var(--cocoa-60)}
.ap-list{border-top:1.5px solid var(--mulberry);margin-top:6px}
.ap-list div{padding:13px 0;border-bottom:1px dotted var(--thread)}
.ap-list dt{font-family:var(--display);font-size:1.08rem;color:var(--mulberry)}
.ap-list dd{font-size:.9rem;color:var(--cocoa-60);margin-top:3px}

.home-faq{padding:20px 0 40px}
.hf-grid{display:grid;grid-template-columns:7fr 4fr;gap:80px;align-items:start}
.home-faq .faq{margin-top:0;max-width:none}
.home-faq .faq h2{font-size:2.1rem;margin-bottom:8px}
.help-line{border-left:3px solid var(--lamp);padding:6px 0 6px 24px;margin-top:64px;font-size:.9rem}
.help-line h3{font-size:1.2rem;margin-bottom:10px}
.help-line ul{list-style:none;margin:14px 0}
.help-line li{padding:7px 0;border-bottom:1px dotted var(--thread);line-height:1.4}
.help-line li a{white-space:nowrap;color:var(--plum);font-weight:600}
.help-line .tiny a{color:inherit}

@media (max-width:900px){
  .hero h1{font-size:2.2rem}
  .familiar{padding:56px 0 20px}
  .fam-grid,.how2-grid,.ap-grid,.hf-grid{grid-template-columns:1fr;gap:26px}
  .fam-list{columns:1}
  .fam-intro h2,.how2 h2,.ap-txt h2,.home-faq .faq h2{font-size:1.8rem}
  .how2{padding:44px 0 0} .how2-grid{padding-top:34px}
  .how2-steps li{font-size:1.15rem}
  .approach{padding:30px 0 110px}
  .ap-grid{padding:30px 22px;transform:none;margin-left:0}
  .help-line{margin-top:10px}
}