/* Get started */
.need-card{display:grid;gap:10px;align-content:start}
.need-n{font-size:.8rem;color:var(--accent-text)}
.need-card h3{font-size:1.15rem}
.need-card p{color:var(--ink-2);font-size:.9rem}

.steps-sec{background:var(--bg-sunk);border-block:1px solid var(--line)}
.steps{display:grid;gap:0;max-width:56rem;margin-inline:auto}
.step{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:start;padding:26px 0;border-top:1px solid var(--line);position:relative}
.step:first-child{border-top:0}
.step-n{font-size:1.6rem;color:var(--accent-text);opacity:.8}
.step-body h3{font-size:1.2rem;margin:4px 0 6px}
.step-body p{color:var(--ink-2);font-size:.92rem;max-width:60ch}
.step-body .kicker{font-size:.66rem}
.step-who{color:var(--muted);font-size:.76rem;white-space:nowrap;align-self:center}
@media (max-width:620px){.step{grid-template-columns:44px 1fr}.step-who{grid-column:2;padding-left:0}}

.review-list{display:grid;gap:11px;margin-top:22px}
.review-list li{padding-left:26px;position:relative;color:var(--ink-2);font-size:.95rem}
.review-list li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:8px;border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);transform:rotate(-45deg) translateY(-50%)}
.dl-card{padding:clamp(20px,2.6vw,30px);border-radius:var(--r-xl);box-shadow:var(--shadow-2);display:grid;gap:18px;justify-items:start}
.dl-card .tree{width:100%}

/* the sample request */
.req-sec{padding-top:0}
.req-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:start}
@media (max-width:860px){.req-grid{grid-template-columns:1fr}}
.req-copy{position:relative}
.req-copy h2{margin-top:14px;max-width:16ch}
.req-copy .lede{margin-top:14px}
.req-points{display:grid;gap:10px;margin-top:22px}
.req-points li{position:relative;padding-left:26px;color:var(--ink-2)}
.req-points li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);transform:rotate(-45deg) translateY(-50%)}
.req-mascot{width:clamp(96px,11vw,140px);margin-top:18px}
.req-form{display:grid;gap:14px}
.fld{display:grid;gap:6px}
.fld-row{display:grid;grid-template-columns:1fr 120px;gap:12px}
.fld label{font-weight:600;font-size:.92rem}
.fld .opt{font-weight:500;color:var(--muted);font-size:.8rem}
.fld input,.fld select,.fld textarea{width:100%;padding:.75em .9em;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);font-size:1rem}
.fld textarea{resize:vertical;min-height:84px}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px;border-color:transparent}
.req-err{color:light-dark(oklch(.49 .17 25),oklch(.74 .16 25));font-weight:600}
.req-fine{font-size:.85rem;color:var(--muted)}
.req-form .btn{justify-self:start}