.starter-guide { background:#f3f3ee; color:#171716; padding:72px 6vw 88px; }
.starter-guide__inner { max-width:1100px; margin:auto; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:42px 64px; align-items:center; }
.starter-guide__eyebrow { display:inline-block; background:#c6f500; padding:8px 12px; font-size:12px; font-weight:800; letter-spacing:.08em; }
.starter-guide h2 { font-size:clamp(28px,3.7vw,48px); line-height:1.4; letter-spacing:.015em; margin:22px 0; font-weight:800; }
.starter-guide__lead { font-size:15px; line-height:1.95; }
.starter-guide__topics { list-style:none; margin:24px 0 28px; padding:0; }
.starter-guide__topics li { position:relative; padding:10px 0 10px 24px; border-bottom:1px solid #d5d5cb; font-size:14px; line-height:1.6; }
.starter-guide__topics li::before { content:'✓'; position:absolute; left:0; font-weight:800; }
.starter-guide__button { display:flex; align-items:center; justify-content:center; gap:10px; background:#06c755; color:#fff; min-height:62px; padding:14px 16px; border-radius:7px; font-size:16px; font-weight:800; line-height:1.5; text-decoration:none; }
.starter-guide__button img { flex:0 0 30px; width:30px; height:30px; object-fit:contain; }
.starter-guide__button:hover { background:#05ac49; }
.starter-guide__button:focus-visible { outline:3px solid #171716; outline-offset:4px; }
.starter-guide__delivery { font-size:12px; line-height:1.8; margin:14px 0 8px; }
.starter-guide__quiet { color:#66665d; font-size:11px; line-height:1.7; }
.starter-guide__cover { margin:0; text-align:center; }
.starter-guide__cover img { width:min(100%,300px); height:auto; display:block; margin:auto; box-shadow:0 15px 40px #17171625; }
.starter-guide figcaption { color:#66665d; font-size:11px; line-height:1.6; margin-top:12px; }
.starter-guide__samples { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:540px; width:100%; margin:auto; }
.starter-guide__sample-label { grid-column:1/-1; font-size:13px; font-weight:700; text-align:center; margin:0 0 4px; }
.starter-guide__samples figure { margin:0; text-align:center; }
.starter-guide__samples img { display:block; width:100%; height:auto; border:1px solid #d5d5cb; }
@media(min-width:901px) {
 html.starter-guide-scroll-mode { scroll-snap-type:none; }
}
@media(max-width:700px) {
 .starter-guide { padding:44px 22px 92px; }
 .starter-guide__inner { grid-template-columns:1fr; gap:30px; }
 .starter-guide__cover { grid-row:2; }
 .starter-guide__cover img { width:210px; }
 .starter-guide__button { font-size:14px; padding:14px 10px; gap:8px; }
 .starter-guide__lead { font-size:14px; }
 .starter-guide__topics li { font-size:13px; }
}