.page-hero{padding:150px 0 90px;position:relative;overflow:hidden;text-align:center}
/* Solution hero cards */
.sol-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.sol-hero-card{padding:32px;border-radius:var(--r-xl);background:var(--bg3);border:1px solid var(--bs);text-align:left;transition:all .28s;text-decoration:none;display:block;position:relative;overflow:hidden}
.sol-hero-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--g1);transform:scaleX(0);transition:transform .28s;transform-origin:left}
.sol-hero-card:hover{border-color:var(--ba);transform:translateY(-5px);box-shadow:var(--sh-md),0 0 28px rgba(91,95,239,.15)}
.sol-hero-card:hover::after{transform:scaleX(1)}
.sol-card-num{font-family:var(--fd);font-size:2.8rem;font-weight:700;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:14px}
.sol-card-title{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:var(--t1);margin-bottom:10px}
.sol-card-desc{font-size:.85rem;color:var(--t2);line-height:1.72;margin-bottom:18px}
.sol-card-tags{display:flex;flex-wrap:wrap;gap:7px}
.sol-tag{padding:3px 9px;background:rgba(91,95,239,.1);border:1px solid rgba(91,95,239,.2);border-radius:var(--r-full);font-size:.65rem;font-weight:600;color:var(--ai);letter-spacing:.04em}
/* Detail sections */
.sol-detail{padding:88px 0;position:relative}
.sol-detail:nth-child(even){background:rgba(17,24,39,.35)}
.sol-layout{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.sol-layout.flip{direction:rtl}
.sol-layout.flip>*{direction:ltr}
.sol-content h2{margin:12px 0 16px}
.sol-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}
.sol-step{display:flex;gap:16px;padding:18px;border-radius:var(--r-lg);background:var(--bg3);border:1px solid var(--bs);transition:border-color .2s}
.sol-step:hover{border-color:var(--ba)}
.sol-step-num{font-family:var(--fd);font-size:1.5rem;font-weight:700;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;flex-shrink:0;min-width:36px}
.sol-step-title{font-family:var(--fd);font-size:.92rem;font-weight:700;color:var(--t1);margin-bottom:5px}
.sol-step-desc{font-size:.82rem;color:var(--t2);line-height:1.65}
/* Visual panel */
.sol-visual{border-radius:var(--r-xl);background:var(--bg3);border:1px solid var(--bs);overflow:hidden;position:relative}
.sol-visual-header{padding:22px 24px;border-bottom:1px solid var(--bs);display:flex;align-items:center;justify-content:space-between}
.sol-visual-title{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--t1)}
.sol-visual-body{padding:24px}
.sol-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}
.sol-metric{padding:16px;background:rgba(255,255,255,.03);border:1px solid var(--bs);border-radius:12px;text-align:center}
.sol-metric-val{font-family:var(--fd);font-size:1.7rem;font-weight:700;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}
.sol-metric-label{font-size:.7rem;color:var(--tm)}
.sol-checklist{display:flex;flex-direction:column;gap:10px}
.sol-check-row{display:flex;align-items:flex-start;gap:10px;font-size:.84rem;color:var(--t2);line-height:1.55}
.sol-check-icon{width:20px;height:20px;border-radius:50%;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.sol-check-icon svg{width:11px;height:11px;color:#10B981}
/* Comparison */
.compare-table{width:100%;border-collapse:collapse;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--bs)}
.compare-table th,.compare-table td{padding:15px 20px;text-align:left;font-size:.85rem}
.compare-table thead tr{background:var(--bg2)}
.compare-table th{font-family:var(--fd);font-weight:700;color:var(--t1)}
.compare-table th.hl{background:rgba(91,95,239,.15);color:var(--ai)}
.compare-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.compare-table td{color:var(--t2);border-top:1px solid var(--bs)}
.compare-table td.hl{background:rgba(91,95,239,.05);color:var(--t1);font-weight:500}
.tick{color:#10B981;font-weight:700}.cross{color:#EF4444;font-weight:700}
/* Outcome cards */
.outcomes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.outcome-card{padding:24px;border-radius:var(--r-xl);background:var(--bg3);border:1px solid var(--bs);text-align:center;transition:all .25s}
.outcome-card:hover{border-color:var(--ba);transform:translateY(-3px)}
.outcome-icon{font-size:2.2rem;margin-bottom:12px}
.outcome-val{font-family:var(--fd);font-size:1.8rem;font-weight:700;background:var(--gt);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px}
.outcome-label{font-size:.8rem;color:var(--tm)}
/* Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){.sol-hero-grid{grid-template-columns:repeat(2,1fr)}.sol-layout,.sol-layout.flip{grid-template-columns:1fr;direction:ltr}.outcomes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sol-hero-grid{grid-template-columns:1fr}.outcomes-grid{grid-template-columns:1fr 1fr}}