/* VeraTrain home page (V8). Loaded after style.css on index.html only. Classes start sh-. No inline styles (CSP). */
.sh-herogrid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.sh-herotext{display:flex;flex-direction:column;gap:18px}
.sh-herotext>*{margin:0}
.sh-pill{align-self:flex-start;border:1px solid #2F6B52;background:rgba(61,220,151,.08);color:#5BE8AB;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}
.sh-hero h1{font-size:clamp(34px,4.6vw,52px);line-height:1.08;letter-spacing:-.02em;color:#fff}
.sh-hero h1 span{color:#5BE8AB}
.sh-hero .lead{color:#B5BFC5}
.sh-ticks{list-style:none;padding:0;display:grid;gap:10px;color:#D9E0E3}
.sh-ticks li{display:flex;gap:10px;align-items:center}
.sh-tk{width:20px;height:20px;flex:none;fill:none;stroke:#3DDC97;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.sh-price{background:linear-gradient(180deg,#16232A,#111B1F);border:1px solid #33464F;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);color:#D9E0E3}
.sh-price>*{margin:0}
.sh-price-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sh-kind{margin:0;letter-spacing:.08em;color:#5CC8E8}
.sh-draft{background:#FFF6DD;color:#6B4E00;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.sh-amount{font-size:40px;line-height:1.1;color:#fff}
.sh-amount span{display:block;font-size:15px;font-weight:400;color:#B5BFC5;margin-top:4px}
.sh-price ul{margin:0;padding-left:20px;display:grid;gap:8px}
.sh-price .cardfoot{margin:0}
.sh-price .tag{color:#B5BFC5;border-color:#5A666C}
.sh-fine{font-size:12px;line-height:1.5;color:#8A949A}

.sh-stats{background:#111B1F;border-top:1px solid #26343A;border-bottom:1px solid #26343A}
.sh-statgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding-top:26px;padding-bottom:26px}
.sh-statgrid p{margin:0;display:flex;flex-direction:column;gap:2px}
.sh-statgrid strong{font-size:30px;color:#5BE8AB}
.sh-statgrid span{font-size:14px;color:#B5BFC5}

.sh-sec h2{font-size:clamp(28px,3.2vw,38px);line-height:1.15;margin:0 0 12px}
.sh-eyebrow{margin:0 0 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#0B6B45}
.sh-dark .sh-eyebrow{color:#5BE8AB}

.sh-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 20px}
.sh-tabs button{border:1px solid #C9D0D4;border-radius:999px;padding:11px 18px;font:inherit;font-weight:700;background:#fff;color:#1E2428;cursor:pointer;min-height:44px}
.sh-tabs button[aria-selected=true]{background:#10171A;border-color:#10171A;color:#5BE8AB}
.sh-stage{background:linear-gradient(160deg,#131E23,#0C1316);border:1px solid #26343A;border-radius:24px;padding:40px;color:#E6EAEC}
.sh-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.sh-panel[hidden]{display:none}
.sh-ptext h3{font-size:28px;color:#fff;margin:6px 0 10px}
.sh-ptext p{color:#B5BFC5;margin:0}
.sh-kicker{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.08em;color:#5CC8E8!important}
.sh-screen{background:#fff;color:#1E2428;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 48px rgba(0,0,0,.4)}
.sh-screen>p{margin:0}
.sh-shead{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#4A555C}
.sh-shead strong{color:#1E2428}
.sh-qc{border:2px dashed #C9D0D4;border-radius:12px;padding:14px;font-size:14px}
.sh-qc p{margin:0 0 6px}.sh-qc ul{margin:0 0 10px;padding-left:18px}
.sh-say{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sh-say p{margin:0;padding:10px;border-radius:10px;background:#E7F8EF}
.sh-say p+p{background:#FDECEA}
.sh-say strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.sh-bub{max-width:85%;padding:10px 14px;font-size:14px}
.sh-bub.them{align-self:flex-start;background:#EEF0F1;border-radius:14px 14px 14px 4px}
.sh-bub.us{align-self:flex-end;background:#E7F8EF;border-radius:14px 14px 4px 14px}
.sh-good{font-size:13px;color:#0B6B45;font-weight:700}
.sh-quote{background:#F4F6F7;border-radius:12px;padding:14px;font-size:15px;margin:0}
.sh-opt{border:1px solid #C9D0D4;border-radius:10px;padding:10px;font-size:14px}
.sh-opt.on{border:2px solid #1FA86C;background:#E7F8EF}

.sh-rowhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.sh-arrows{display:flex;gap:10px}
.sh-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #C9D0D4;background:#fff;font-size:24px;line-height:1;cursor:pointer;color:#1E2428}
.sh-arrow:hover{border-color:#1FA86C;color:#0B6B45}
.sh-track{list-style:none;margin:0;padding:4px 2px 16px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.sh-topic{scroll-snap-align:start;border:1px solid #DDE3E6;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.sh-tpic{background:#E8F6FB;height:170px;display:flex;align-items:center;justify-content:center}
.sh-tpic img{height:130px;width:auto}
.sh-tbody{padding:20px}
.sh-tbody h3{font-size:18px;margin:4px 0 8px}
.sh-tbody p{margin:0;font-size:14px;color:#4A555C}
.sh-tnum{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}

.sh-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.sh-two.sh-top{align-items:start}
.sh-try{background:#fff;border:1px solid #C9D0D4;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}
.sh-try>p{margin:0}
.sh-opts{display:grid;gap:10px}
.sh-o{text-align:left;border:1px solid #C9D0D4;border-radius:12px;padding:14px 16px;font:inherit;font-size:15px;background:#fff;color:#1E2428;cursor:pointer;min-height:44px}
.sh-o:hover{border-color:#1FA86C}
.sh-o[aria-pressed=true]{border:2px solid #10171A;background:#F4F6F7}
.sh-r{border-radius:12px;padding:16px}
.sh-r p{margin:0}.sh-r p+p{margin-top:6px;font-size:14px;line-height:1.55}
.sh-rate{font-weight:700}
.sh-r.best{background:#E7F8EF;color:#0B5537}
.sh-r.risk{background:#FFF6DD;color:#6B4E00}
.sh-r.bad{background:#FDECEA;color:#8C1D18}
.sh-src{font-size:12px;color:#4A555C}

.sh-dark{background:#0B1114;color:#E6EAEC;padding:88px 0}
.sh-dark h2{color:#fff}
.sh-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.sh-dcard{background:#121B1F;border:1px solid #26343A;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px}
.sh-dcard>p{margin:0;color:#B5BFC5}
.sh-chips{display:flex;gap:8px;flex-wrap:wrap}
.sh-chips span{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}
.sh-chips .best{background:#1E4D3A;color:#5BE8AB}
.sh-chips .risk{background:#4A3D14;color:#F4C95D}
.sh-chips .bad{background:#4A2420;color:#F8A598}
.sh-big{font-size:34px;font-weight:700;color:#fff!important}
.sh-big span{font-size:15px;font-weight:400;color:#B5BFC5}
.sh-bar{height:10px;background:#26343A;border-radius:999px;overflow:hidden}
.sh-bar span{display:block;width:80%;height:100%;background:#3DDC97}
.sh-ringrow{display:flex;align-items:center;gap:16px}
.sh-ringrow p{margin:0;color:#B5BFC5}.sh-ringrow strong{color:#5BE8AB}
.sh-ring{width:92px;height:92px;flex:none;border-radius:50%;background:conic-gradient(#3DDC97 0 84%,#26343A 84% 100%);display:flex;align-items:center;justify-content:center}
.sh-ring span{width:72px;height:72px;border-radius:50%;background:#121B1F;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}

.sh-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sh-steps li{background:#fff;border:1px solid #DDE3E6;border-radius:18px;padding:24px}
.sh-steps h3{font-size:18px;margin:12px 0 6px}.sh-steps p{margin:0;color:#4A555C;font-size:15px}
.sh-n{width:40px;height:40px;border-radius:50%;background:#E7F8EF;color:#0B6B45;display:flex;align-items:center;justify-content:center;font-weight:700}
.sh-list{margin:0;padding-left:20px;display:grid;gap:10px;color:#4A555C}
.sh-cert{margin:0;background:#fff;border:1px solid #DDE3E6;border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.sh-cert p{margin:0}
.sh-certh{font-size:24px;font-weight:700}
.sh-feature{border:2px solid #1FA86C}
.sh-who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 16px}
.sh-who div{background:#fff;border:1px solid #DDE3E6;border-radius:14px;padding:18px}
.sh-who h3{font-size:16px;margin:0 0 6px}.sh-who p{margin:0;font-size:14px;color:#4A555C}
.sh-dont{background:#10171A;color:#B5BFC5;border-radius:14px;padding:20px}
.sh-dont h3{color:#fff;font-size:16px;margin:0 0 6px}.sh-dont p{margin:0;font-size:14px}

@media (prefers-reduced-motion:no-preference){.sh-track{scroll-behavior:smooth}}
@media (max-width:1000px){
  .sh-herogrid,.sh-panel,.sh-two{grid-template-columns:minmax(0,1fr)}
  .sh-statgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sh-grid3,.sh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-track{grid-auto-columns:calc((100% - 20px)/2)}
  .sh-stage{padding:24px}
}
@media (max-width:640px){
  .sh-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-grid3,.sh-steps,.sh-who,.sh-say{grid-template-columns:minmax(0,1fr)}
  .sh-track{grid-auto-columns:85%}
  .sh-amount{font-size:32px}
  .sh-dark{padding:56px 0}
}
@media print{.sh-arrows,.sh-tabs{display:none}.sh-panel[hidden]{display:grid}.sh-track{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible}}
.sh-sec .sub{margin:0 0 8px;font-size:16px;max-width:760px}
