.haio-solution{overflow:clip}.haio-solution h1,.haio-solution h2{line-height:1.45}.haio-solution h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:.3rem 0 1rem}.haio-solution h3{line-height:1.5}.haio-solution p{color:var(--muted)}.haio-solution .eyebrow{color:var(--accent-ink)}.solution-highlight{color:var(--blue)}.solution-section{padding-block:clamp(3.5rem,7vw,6.5rem)}.solution-band{background:var(--surface)}.solution-section-head{max-width:750px;margin-bottom:2rem}.solution-breadcrumb{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted);padding-top:1.5rem}.solution-breadcrumb a{text-decoration:none}.solution-hero{background:radial-gradient(circle at 80% 25%,#10afc31c,transparent 35%),var(--canvas)}.solution-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(3.5rem,7vw,7rem)}.solution-hero h1{font-size:clamp(2.1rem,4vw,4.2rem);margin:.5rem 0 1rem}.solution-lead{font-size:1.1rem;max-width:650px}.solution-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.solution-note{border-right:3px solid var(--cyan);padding:.5rem 1rem;background:color-mix(in srgb,var(--cyan) 8%,var(--surface));border-radius:8px}.solution-hero-art{min-width:0}.solution-hero-art img,.solution-service-art img{max-width:100%;height:auto;border-radius:20px}.solution-visual-card{min-height:360px;padding:2rem;border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,#102942,#1767ba);color:#fff;box-shadow:0 25px 55px #102b4730;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem}.solution-visual-card small{color:#d3edf6}.solution-visual-card strong{font-size:clamp(1.5rem,2.5vw,2.4rem)}.solution-visual-card p{color:#d3edf6}.solution-flow{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.solution-flow span:first-child,.solution-flow span:last-child{padding:.7rem 1rem;background:#ffffff20;border:1px solid #ffffff50;border-radius:12px}.solution-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.solution-card{min-width:0;padding:1.6rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:0 15px 35px #102b470a}.solution-band .solution-card{background:var(--canvas)}.solution-card .icon,.solution-steps .icon{width:2rem;height:2rem;color:var(--blue)}.solution-card h3{margin:.8rem 0 .4rem}.solution-card p{margin:.3rem 0 1rem}.solution-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.solution-steps li{position:relative;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0}.solution-number{display:block;color:var(--accent-ink);font:700 1.2rem Arial,sans-serif;margin-bottom:1.2rem}.solution-tabs{display:flex;gap:.8rem;overflow-x:auto;padding:.3rem .2rem 1rem}.solution-tabs button{display:flex;align-items:center;gap:.7rem;min-width:185px;flex:1;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);text-align:right;cursor:pointer}.solution-tabs button[aria-selected=true]{border-color:var(--blue);box-shadow:inset 0 -3px var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.solution-tabs .icon{width:1.7rem;height:1.7rem;color:var(--blue)}.solution-tabs small{display:block;color:var(--muted)}.solution-tab-panel{display:grid;grid-template-columns:1fr .8fr;gap:2rem;align-items:center;padding:clamp(1.5rem,3vw,3rem);border:1px solid var(--line);border-radius:24px;background:var(--surface)}.solution-tab-panel[hidden]{display:none}.solution-features{padding-right:1.3rem;color:var(--text)}.solution-features li{margin:.35rem 0}.solution-features li::marker{color:var(--cyan)}.solution-service-art{min-height:245px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#102942,#1767ba);color:#fff}.solution-service-art>.icon{width:6rem;height:6rem}.solution-workflow,.solution-resource-grid,.solution-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.solution-workflow-steps{padding-right:1.3rem}.solution-workflow-steps li{margin:1rem 0}.solution-workflow-steps p{margin:.2rem 0}.solution-terminal{min-width:0;background:#0b1c2f;color:#e8f8ff;border-radius:22px;overflow:hidden;box-shadow:0 25px 50px #07111f24}.solution-terminal>div{background:#15304b;padding:.7rem 1.2rem;font:700 .8rem Arial,sans-serif}.solution-terminal pre{overflow-x:auto;padding:1.5rem;line-height:1.8}.solution-terminal small{display:block;padding:.7rem 1.2rem;color:#a8c8da}.solution-faq-grid{align-items:start}.solution-pricing .haio-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))}.solution-pricing[data-featured=pro] .haio-plan--pro,.solution-pricing[data-featured=scale] .haio-plan--scale,.solution-pricing[data-featured=starter] .haio-plan--starter,.solution-pricing[data-featured=business] .haio-plan--business,.solution-pricing[data-featured=enterprise] .haio-plan--enterprise{border:2px solid var(--action);box-shadow:0 15px 38px #1767ba1c}.haio-solution .home-pool-visual{min-width:0}@media(max-width:900px){.solution-hero-grid,.solution-workflow,.solution-resource-grid,.solution-faq-grid{grid-template-columns:1fr}.solution-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-tab-panel{grid-template-columns:1fr}.solution-service-art{min-height:180px}}@media(max-width:600px){.solution-card-grid,.solution-steps{grid-template-columns:1fr}.solution-hero-grid{padding-block:3rem}.solution-visual-card{min-height:270px}.solution-tabs button{min-width:160px}.solution-section{padding-block:3.5rem}}@media(prefers-reduced-motion:reduce){.haio-solution *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.solution-pricing:not([data-featured=pro]) .haio-plan--pro{border:1px solid var(--line);padding:1.6rem;box-shadow:0 10px 30px #102b470b}