.solution-detail .platform-hero { overflow:hidden; }
.solution-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:22px; color:#64748b; font-weight:800; font-size:13px; }
.solution-breadcrumb a { color:#0f766e; }
.solution-visual { min-height:420px; display:grid; align-items:center; }
.industry-orbit { position:relative; min-height:360px; border-radius:34px; background: radial-gradient(circle at 30% 20%, rgba(0,192,127,.22), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.9), rgba(245,251,249,.78)); border:1px solid var(--h2o-line); box-shadow:var(--h2o-shadow); overflow:hidden; }
.industry-orbit:before { content:""; position:absolute; inset:28px; border:1px solid rgba(0,192,127,.18); border-radius:50%; }
.industry-orbit:after { content:""; position:absolute; width:170px; height:170px; border-radius:50%; right:40px; bottom:42px; background:linear-gradient(135deg, rgba(47,107,255,.16), rgba(0,192,127,.18)); filter:blur(1px); }
.orbit-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:150px; height:150px; border-radius:32px; display:grid; place-items:center; text-align:center; color:#fff; background:linear-gradient(135deg, var(--h2o-green), var(--h2o-blue)); box-shadow:0 28px 70px rgba(0,192,127,.24); font-weight:950; }
.orbit-node { position:absolute; min-width:132px; padding:14px; border-radius:18px; background:rgba(255,255,255,.88); border:1px solid var(--h2o-line); box-shadow:0 16px 38px rgba(7,20,38,.08); font-weight:900; color:var(--h2o-ink); }
.orbit-node small { display:block; margin-top:3px; color:var(--h2o-muted); font-weight:700; }
.node-a{left:30px;top:42px}.node-b{right:30px;top:60px}.node-c{left:44px;bottom:44px}.node-d{right:46px;bottom:54px}
.challenge-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.challenge-card { padding:22px; border-radius:24px; background:#fff; border:1px solid var(--h2o-line); box-shadow:0 14px 34px rgba(7,20,38,.055); }
.challenge-card i { color:var(--h2o-green); font-size:24px; }
.challenge-card h3 { margin:12px 0 8px; }
.solution-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.solution-product-card { position:relative; overflow:hidden; padding:30px; border-radius:30px; color:#fff; background:linear-gradient(135deg,#071426,#073c37); box-shadow:var(--h2o-shadow); }
.solution-product-card.invoice { background:linear-gradient(135deg,#2b160e,#ff6b35); }
.solution-product-card p { color:rgba(255,255,255,.78); }
.solution-product-card .tag-row span { color:#dffcf5; background:rgba(255,255,255,.12); }
.workflow-rail { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.workflow-node { position:relative; padding:18px 14px; min-height:116px; border-radius:22px; background:#fff; border:1px solid var(--h2o-line); box-shadow:0 12px 30px rgba(7,20,38,.05); }
.workflow-node:after { content:"->"; position:absolute; right:-13px; top:42px; color:var(--h2o-green); font-weight:950; }
.workflow-node:last-child:after { display:none; }
.workflow-node span { display:grid; place-items:center; width:34px; height:34px; border-radius:12px; background:rgba(0,192,127,.12); color:#047857; font-weight:950; margin-bottom:10px; }
.plan-recommendation { display:grid; grid-template-columns:.9fr 1.1fr; gap:26px; align-items:stretch; }
.plan-box { padding:28px; border-radius:30px; background:#fff; border:1px solid var(--h2o-line); box-shadow:var(--h2o-shadow); }
.plan-box.featured { background:radial-gradient(circle at 0 0, rgba(0,192,127,.2), transparent 34%), #071426; color:#fff; }
.plan-box.featured p { color:rgba(255,255,255,.78); }
.plan-price-line { display:flex; flex-wrap:wrap; gap:8px; align-items:flex-end; margin:16px 0; }
.plan-price-line strong { font-size:38px; line-height:1; }
.plan-price-line span { color:inherit; opacity:.7; margin-bottom:5px; }
.solution-faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.solution-faq-grid details { padding:22px; border-radius:24px; border:1px solid var(--h2o-line); background:#fff; box-shadow:0 12px 30px rgba(7,20,38,.05); }
.solution-faq-grid summary { cursor:pointer; list-style:none; font-weight:950; color:var(--h2o-ink); display:flex; justify-content:space-between; gap:12px; }
.solution-faq-grid summary::-webkit-details-marker{display:none}.solution-faq-grid summary:after{content:"+"; color:var(--h2o-green);}.solution-faq-grid details[open] summary:after{content:"-"}.solution-faq-grid p{color:var(--h2o-muted);margin:12px 0 0}.solution-final { text-align:center; border-radius:34px; padding:54px 24px; color:#fff; background:radial-gradient(circle at 20% 0, rgba(33,230,208,.22), transparent 32%), linear-gradient(135deg,#071426,#064e45); box-shadow:var(--h2o-shadow); }
.solution-final p { color:rgba(255,255,255,.78); max-width:720px; margin:0 auto; }
@media(max-width:900px){.challenge-grid,.solution-product-grid,.plan-recommendation,.solution-faq-grid{grid-template-columns:1fr}.workflow-rail{grid-template-columns:repeat(2,1fr)}.workflow-node:after{display:none}.solution-visual{min-height:340px}}@media(max-width:640px){.challenge-grid,.workflow-rail{grid-template-columns:1fr}.orbit-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:10px}.industry-orbit{display:grid;gap:8px;padding:18px}.orbit-center{position:relative;left:auto;top:auto;transform:none;width:auto;height:auto;padding:28px}.industry-orbit:before,.industry-orbit:after{display:none}}