/* ============ Welcome Kit page specific ============ */

.kit-hero{ padding-top:56px; background:linear-gradient(180deg,#FDF3E7, #fff); }
.kit-hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.kit-copy h1{ font-size:2.1rem; }
.kit-feats{ margin:26px 0; gap:16px; }
.fitem-col{ display:flex; flex-direction:column; gap:8px; font-size:.82rem; font-weight:600; }
.fitem-col{ font-size:1.4rem; }
.fitem-col span{ font-size:.8rem; font-weight:600; color:var(--ink-2); }
.kit-banner{ background:linear-gradient(90deg,rgba(214,58,255,.08),rgba(255,107,107,.08)); border:1px solid var(--border); border-radius:var(--radius-md); padding:14px 18px; font-size:.88rem; }
.kit-banner strong{ color:var(--purple); }

.kit-visual{ position:relative; }
.kit-photo{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius-lg); box-shadow:0 24px 50px rgba(26,11,46,.18); aspect-ratio:5/4; }
@media (max-width:900px){ .kit-hero-grid{ grid-template-columns:1fr; } }

/* merch in action */
.merch-action{ background:var(--light-wash); }
.merch-action-grid{ display:grid; grid-template-columns:.8fr 1.2fr; gap:44px; align-items:center; }
.merch-photo{ width:100%; border-radius:var(--radius-lg); box-shadow:var(--shadow-card); aspect-ratio:4/3; object-fit:cover; }
.merch-action-grid h2{ font-size:1.7rem; }
@media (max-width:800px){ .merch-action-grid{ grid-template-columns:1fr; } }

/* inside */
.inside-section{ background:var(--light-wash); text-align:center; }
.inside-section h2{ max-width:600px; margin:0 auto 40px; }
.inside-grid{ text-align:left; }
.inside-card{ background:#fff; border:1px solid var(--border); border-radius:var(--radius-md); padding:20px; display:flex; gap:14px; align-items:flex-start; box-shadow:var(--shadow-card); }
.ins-ic{ font-size:1.5rem; width:44px; height:44px; border-radius:12px; background:var(--light); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.inside-card strong{ font-size:.92rem; }
.inside-card p{ font-size:.82rem; margin:4px 0 0; }

/* kits */
.kits-header{ text-align:center; margin-bottom:36px; }
.kit-tier{ background:#fff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:26px; box-shadow:var(--shadow-card); display:flex; flex-direction:column; }
.kit-tier-photo{ width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--radius-md); margin-bottom:16px; }
.kit-tier .badge{ align-self:flex-start; margin-bottom:10px; }
.incl-tag{ margin-top:auto; text-align:center; padding:10px; border-radius:10px; font-weight:700; font-size:.82rem; }
.incl-green{ background:rgba(20,180,120,.12); color:#0E9F63; }
.incl-purple{ background:rgba(214,58,255,.12); color:var(--purple); }
.incl-amber{ background:rgba(255,179,71,.18); color:#9A7300; }

.kits-footer{ margin-top:32px; }
.programs-box, .start-box{ background:var(--light); border-radius:var(--radius-lg); padding:28px; }
.start-box{ background:var(--grad-dark); color:#fff; }
.start-box h4{ color:#fff; }
.start-box p{ color:#C6C9D8; margin-bottom:18px; }
.programs-box h4{ margin-bottom:4px; }

/* why */
.why-section{ background:var(--light-wash); }
.why-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:start; margin-bottom:36px; }
@media (max-width:900px){ .why-grid{ grid-template-columns:1fr; } }
.why-list{ display:flex; flex-direction:column; gap:20px; margin-top:20px; }
.why-item{ display:flex; gap:14px; align-items:flex-start; }
.why-item .ic{ width:42px; height:42px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0; }
.why-item .ic.purple{ background:rgba(214,58,255,.12); }
.why-item .ic.pink{ background:rgba(255,107,107,.12); }
.why-item .ic.green{ background:rgba(20,180,120,.12); }
.why-item .ic.amber{ background:rgba(255,179,71,.18); }
.why-item strong{ font-size:.95rem; }
.why-item p{ font-size:.85rem; margin:2px 0 0; }
.why-quote{ background:#fff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:30px; box-shadow:var(--shadow-card); }
.why-quote blockquote{ margin:0 0 10px; font-size:1.1rem; font-style:italic; font-family:'Poppins',sans-serif; font-weight:600; }
.why-footer{ margin-top:8px; }