.starter-kit { padding: clamp(40px, 6vw, 64px) 0; background: #090c0a; border-block: 1px solid rgba(255,255,255,.07); }
.starter-kit .wrap { width: min(1280px, calc(100% - 32px)); margin-inline: auto; }
.starter-kit__intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.starter-kit__kicker { display: block; margin: 0 0 12px; color: #e6b84a; font: 700 13px/1.3 'Barlow Condensed', sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.starter-kit__title { margin: 0; color: #f3f1ea; font: 400 clamp(40px, 4.5vw, 64px)/1.04 'Anton', sans-serif; text-transform: uppercase; letter-spacing: -.015em; }
.starter-kit__title em { color: var(--green, #9dff2b); font-family: inherit; font-style: normal; }
.starter-kit__lead { max-width: 710px; margin: 16px 0 0; color: rgba(255,255,255,.74); font: 400 16px/1.6 'Inter', sans-serif; }
.starter-kit__free { flex: 0 0 auto; display: grid; place-content: center; width: 100px; height: 100px; border: 1px solid rgba(157,255,43,.5); background: rgba(157,255,43,.06); color: var(--green, #9dff2b); text-align: center; }
.starter-kit__free strong { font: 400 38px/1 'Anton', sans-serif; }
.starter-kit__free span { margin-top: 7px; color: #f3f1ea; font: 700 11px/1.2 'Barlow Condensed', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.starter-kit__groups { display: grid; gap: 14px; }
.starter-kit__group { min-width: 0; padding: 18px 14px 14px; border: 1px solid rgba(255,255,255,.12); border-top: 2px solid rgba(157,255,43,.65); background: linear-gradient(150deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); }
.starter-kit__group h3 { display: flex; align-items: baseline; gap: 10px; margin: 0 0 6px; color: #f3f1ea; font: 800 25px/1.1 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.starter-kit__group h3 span { color: #e6b84a; font: 600 12px/1 'Inter', sans-serif; }
.starter-kit__group > p { margin: 0 0 15px; color: rgba(255,255,255,.6); font: 400 13px/1.5 'Inter', sans-serif; }
.starter-kit__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.starter-kit__item { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; min-height: 126px; padding: 12px 5px 9px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.035); text-align: center; }
.starter-kit__item > img { display: block; width: 64px; height: 64px; object-fit: contain; }
.starter-kit__quantity { position: absolute; top: 5px; right: 5px; z-index: 1; padding: 2px 4px; color: var(--green, #9dff2b); background: #141b12; font: 700 14px/1.1 'Barlow Condensed', sans-serif; }
.starter-kit__item strong { color: #f3f1ea; font: 600 15px/1.2 'Barlow Condensed', sans-serif; }
.starter-kit__outfit { display: grid; grid-template-columns: 1fr 1fr; width: 64px; height: 64px; }
.starter-kit__outfit img { width: 32px; height: 32px; object-fit: contain; }
.starter-kit__outfit-note { margin: 12px 0 0; color: rgba(255,255,255,.58); font: 400 12px/1.5 'Inter', sans-serif; }
.starter-kit__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; padding: 20px 0; list-style: none; border-block: 1px solid rgba(255,255,255,.12); }
.starter-kit__steps li { display: flex; align-items: center; gap: 10px; min-width: 0; }
.starter-kit__steps span { display: grid; place-content: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid rgba(157,255,43,.4); color: var(--green, #9dff2b); font: 700 16px/1 'Barlow Condensed', sans-serif; }
.starter-kit__steps b { display: block; color: #f3f1ea; font: 700 17px/1.2 'Barlow Condensed', sans-serif; }
.starter-kit__steps small { display: block; margin-top: 4px; color: rgba(255,255,255,.6); font: 400 12px/1.4 'Inter', sans-serif; }
.starter-kit__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; }
.starter-kit__footer p { max-width: 650px; margin: 0; color: rgba(255,255,255,.68); font: 400 14px/1.5 'Inter', sans-serif; }
.starter-kit__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.starter-kit__actions .btn { min-height: 52px; text-align: center; white-space: normal; }
.starter-kit-peek { display: inline-flex; align-items: center; min-height: 44px; margin-top: 16px; color: #e6b84a; font: 700 15px/1.4 'Barlow Condensed', sans-serif; letter-spacing: .04em; text-decoration: underline; text-underline-offset: 4px; }
.starter-kit-peek:focus-visible { outline: 2px solid var(--green, #9dff2b); outline-offset: 5px; }
@media (min-width: 900px) { .starter-kit__groups { grid-template-columns: repeat(3, minmax(0, 1fr)); } .starter-kit__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 500px) { .starter-kit__intro { align-items: flex-start; gap: 12px; } .starter-kit__free { width: 72px; height: 78px; } .starter-kit__free strong { font-size: 29px; } .starter-kit__free span { font-size: 9px; } .starter-kit__title { font-size: 39px; } .starter-kit__lead { font-size: 14px; } .starter-kit__footer { align-items: stretch; } .starter-kit__actions { width: 100%; } .starter-kit__actions .btn { width: 100%; } }

.starter-kit [hidden] { display: none !important; }
.hero__cta-row .starter-kit-peek { margin-top: 0; }

.starter-kit__intro-actions { margin-bottom: 22px; }