﻿.hero{position:relative;padding:58px 0 48px;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 440px at 82% -10%,rgba(14,123,196,.12),transparent 60%),radial-gradient(640px 360px at 4% 12%,rgba(14,123,196,.05),transparent 55%);z-index:-1}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
  @media(max-width:940px){.hero-grid{grid-template-columns:1fr;gap:38px}}
  .sol-logo{height:34px;display:flex;align-items:center;margin-bottom:18px}
  .sol-logo img{height:32px;width:auto}
  .hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.05;letter-spacing:-1.6px;font-weight:800;margin-bottom:20px}
  .hero h1 .accent{color:var(--primary)}
  .hero .lede{font-size:18px;line-height:1.62;color:var(--ink-soft);max-width:560px;margin-bottom:30px}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
  .hero-visual{position:relative}
  .live-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}
  .lp-rows{display:flex;flex-direction:column;gap:9px}
  .lp-row{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;opacity:0;transform:translateY(8px);animation:rowin .5s forwards}
  .lp-row:nth-child(1){animation-delay:.1s}.lp-row:nth-child(2){animation-delay:.25s}.lp-row:nth-child(3){animation-delay:.4s}.lp-row:nth-child(4){animation-delay:.55s}
  @keyframes rowin{to{opacity:1;transform:none}}
  .lp-row .ic{width:30px;height:36px;border-radius:5px;background:linear-gradient(160deg,var(--primary-light),#d4e9f8);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--primary-dark)}
  .lp-row .tx{flex:1}.lp-row .tx b{font-size:12.5px;display:block}.lp-row .tx s{font-size:11px;color:var(--ink-muted);text-decoration:none}
  .lp-row .badge{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}
  .b-green{background:#E7F8EE;color:#1A9E54}.b-amber{background:#FEF3E7;color:var(--amber)}.b-blue{background:var(--primary-light);color:var(--primary-dark)}
  .lp-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-md);padding:12px 14px;display:flex;align-items:center;gap:10px}
  .lp-float.f1{top:-18px;right:-16px}.lp-float.f2{bottom:-18px;left:-16px}
  .lp-float .fck{width:30px;height:30px;border-radius:8px;background:#E7F8EE;color:#1A9E54;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .lp-float.f2 .fck{background:var(--primary-light);color:var(--primary)}
  .lp-float b{font-size:12px;font-weight:700;display:block}.lp-float s{font-size:11px;color:var(--ink-muted);text-decoration:none}
  @media(max-width:940px){.lp-float{display:none}}
  .vcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:820px){.vcards{grid-template-columns:1fr}}
  .vcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;transition:.2s}
  .vcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
  .vcard .vic{width:54px;height:54px;border-radius:14px;background:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 18px rgba(14,123,196,.22)}
  .vcard .vic svg{width:26px;height:26px;color:#fff}
  .vcard h3{font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:11px}
  .vcard p{font-size:15px;line-height:1.62;color:var(--ink-soft)}
  .explorer{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}
  @media(max-width:940px){.explorer{grid-template-columns:1fr;gap:18px}}
  .exp-tabs{display:flex;flex-direction:column;gap:10px;position:sticky;top:88px}
  @media(max-width:940px){.exp-tabs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:6px}}
  .exp-tab{text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px 20px;cursor:pointer;transition:.2s;display:flex;gap:14px;align-items:flex-start;width:100%;font-family:inherit}
  @media(max-width:940px){.exp-tab{min-width:240px}}
  .exp-tab:hover{border-color:var(--primary)}
  .exp-tab.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:var(--shadow-md)}
  .exp-tab .tn{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;transition:.2s}
  .exp-tab.active .tn{background:var(--primary);color:#fff}
  .exp-tab h3,.exp-tab h4{font-size:15.5px;font-weight:700;margin-bottom:4px}
  .exp-tab p{font-size:13px;color:var(--ink-soft);line-height:1.5}
  .exp-panel{display:none;animation:fade .45s ease}.exp-panel.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .exp-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
  @media(max-width:760px){.exp-panel-grid{grid-template-columns:1fr;gap:24px}}
  .exp-copy .fkick{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.6px;color:var(--primary);text-transform:uppercase;margin-bottom:14px}
  .exp-copy .fkick .ln{width:26px;height:2px;background:var(--primary);border-radius:2px}
  .exp-copy h3{font-size:clamp(22px,2.6vw,30px);line-height:1.14;letter-spacing:-.6px;font-weight:800;margin-bottom:14px}
  .exp-copy>p{font-size:15.5px;line-height:1.66;color:var(--ink-soft);margin-bottom:22px}
  .flist{list-style:none;display:flex;flex-direction:column;gap:18px}
  .flist li{display:flex;gap:14px}
  .flist .fnum{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
  .flist h3,.flist h4{font-size:15.5px;font-weight:700;margin-bottom:4px}
  .flist p{font-size:14px;line-height:1.55;color:var(--ink-soft)}
  .epanel-mock{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}
  .em-body{padding:16px}
  .em-row{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-bottom:8px}
  .em-row .en{width:30px;height:30px;border-radius:8px;background:var(--primary-light);color:var(--primary-dark);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .em-row .et{flex:1}.em-row .et b{font-size:12.5px;display:block}.em-row .et s{font-size:11px;color:var(--ink-muted);text-decoration:none}
  .em-row .eb{font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--primary-light);color:var(--primary-dark);white-space:nowrap}
  .em-row .eb.g{background:#E7F8EE;color:#1A9E54}.em-row .eb.a{background:#FEF3E7;color:var(--amber)}

