
.sp-hero .wrapc { text-align:left; }
.sp-faq { display:inline-flex; align-items:center; gap:6px; margin-top:22px; padding:13px 20px; border-radius:14px; background:var(--ac); color:var(--ac-ink) !important; font-weight:800; text-decoration:none !important; box-shadow:0 12px 26px -14px rgba(197,232,124,.8); } .sp-faq svg { width:16px; height:16px; }
.sp-grid .safe { margin-top:52px; }
.sp-search { display:flex; align-items:center; gap:10px; margin-top:22px; max-width:560px; padding:4px 6px 4px 16px; border-radius:16px; border:1px solid var(--ln2); background:var(--bg2); }
.sp-search svg { width:18px; height:18px; color:var(--mu); flex:none; } .sp-search input { flex:1; border:0; outline:0; background:none; padding:13px 0; font-size:15px; color:var(--tx); }
.sp-search:focus-within { border-color:var(--ac); box-shadow:0 0 0 3px var(--ac-2); }
.chs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.ch { display:flex; gap:14px; align-items:flex-start; padding:20px; border-radius:20px; border:1px solid var(--ln); background:var(--card); color:var(--tx) !important; text-decoration:none !important; transition:border-color .2s, transform .2s; }
.ch:hover { border-color:var(--ac-3); transform:translateY(-2px); } .ch.pri { border-color:var(--ac-3); background:linear-gradient(135deg, rgba(197,232,124,.08), transparent 60%), var(--card); }
.ch-ic { width:46px; height:46px; flex:none; border-radius:14px; display:grid; place-items:center; background:var(--ac-2); border:1px solid var(--ac-3); color:var(--ac); } .ch-ic svg { width:22px; height:22px; }
.ch-m { flex:1; min-width:0; } .ch-m b { font-size:16px; font-weight:800; } .ch-m p { margin-top:4px; font-size:14px; color:var(--mu); line-height:1.55; }
.ch-eta { display:inline-flex; align-items:center; gap:6px; margin-top:10px; font-size:12.5px; font-weight:700; color:var(--mu); } .ch-eta svg { width:14px; height:14px; color:var(--ac); }
.ch-cta { display:inline-flex; align-items:center; gap:4px; align-self:center; flex:none; font-size:13.5px; font-weight:800; color:var(--ac); white-space:nowrap; } .ch-cta svg { width:15px; height:15px; }
.sp-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:36px; align-items:start; }
.qas { margin-top:18px; display:grid; gap:10px; }
.qa { border-radius:16px; border:1px solid var(--ln); background:var(--card); } .qa[open] { border-color:var(--ac-3); }
.qa summary { list-style:none; display:flex; align-items:center; gap:10px; padding:16px 18px; cursor:pointer; font-weight:700; font-size:15px; } .qa summary::-webkit-details-marker { display:none; }
.qa summary i { margin-left:auto; display:grid; color:var(--mu); transition:transform .2s; } .qa summary i svg { width:16px; height:16px; } .qa[open] summary i { transform:rotate(90deg); color:var(--ac); }
.qa-tag { flex:none; padding:3px 8px; border-radius:8px; background:var(--bg2); border:1px solid var(--ln); font-size:11px; font-weight:800; color:var(--mu); }
.qa p { padding:0 18px 16px; color:#C9CBC6; font-size:14.5px; line-height:1.65; }
.sp-empty { margin-top:14px; color:var(--mu); font-size:14px; }
.sp-form { margin-top:8px; padding:22px; border-radius:20px; border:1px solid var(--ln); background:var(--card); }
.sp-form .field > span em { font-style:normal; color:var(--mu2); font-weight:600; } textarea.inp { resize:vertical; min-height:120px; line-height:1.5; font:inherit; font-size:15px; color:var(--tx); }
.sp-note { display:flex; align-items:center; gap:8px; margin-top:14px; font-size:12.5px; color:var(--mu); } .sp-note svg { width:15px; height:15px; color:var(--gd); flex:none; }
.sp-form .btn svg { width:17px; height:17px; }
.sp-done { margin-top:8px; padding:30px 22px; border-radius:20px; border:1px solid var(--ac-3); background:var(--card); text-align:center; }
.sp-done .big { width:60px; height:60px; margin:0 auto 14px; border-radius:18px; display:grid; place-items:center; background:var(--ac); color:var(--ac-ink); } .sp-done .big svg { width:28px; height:28px; }
.sp-done h3 { font-size:20px; font-weight:800; } .sp-done p { margin-top:6px; color:var(--mu); }
.safe { display:flex; gap:16px; padding:22px; border-radius:20px; border:1px solid rgba(217,180,90,.35); background:linear-gradient(135deg, rgba(217,180,90,.07), transparent 60%), var(--card); }
.safe-ic { width:46px; height:46px; flex:none; border-radius:14px; display:grid; place-items:center; background:rgba(217,180,90,.12); color:var(--gd); } .safe-ic svg { width:22px; height:22px; }
.safe h3 { font-size:17px; font-weight:800; } .safe ul { margin:10px 0 0 18px; display:grid; gap:6px; color:#C9CBC6; font-size:14.5px; line-height:1.6; } .safe b { color:var(--tx); }
.co { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.co > div { padding:18px; border-radius:16px; border:1px solid var(--ln); background:var(--bg2); } .co h3 { font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--mu2); font-weight:800; }
.co p { margin-top:8px; font-size:14.5px; line-height:1.7; color:#C9CBC6; } .co .dim { color:var(--mu2); font-size:13px; }
@media (max-width:900px) { .sp-grid .safe { margin-top:0; } .chs, .sp-grid, .co { grid-template-columns:minmax(0,1fr); } .ch { flex-wrap:wrap; } .ch-cta { margin-left:60px; } }
