/* Native Gutenberg blocks supply the content; these classes only organize its presentation. */
.solution-detail { background: #0a0e1a; color: #edf3ff; }
.solution-hero { padding: 32px 0 64px; border-bottom: 1px solid #ffffff12; background: radial-gradient(ellipse at 85% 30%,#32377055,transparent 50%),radial-gradient(ellipse at 0 100%,#004d6150,transparent 45%),#0b1121; }
.solution-hero-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(220px,.7fr); align-items: center; gap: 48px; margin-top: 48px; }
.solution-kicker { font: 11px/1.4 monospace; color: #32dcf5; letter-spacing: .18em; }
.solution-hero h1 { font-size: clamp(32px,4.2vw,58px); letter-spacing: -.04em; line-height: 1.2; margin: 16px 0 22px; max-width: 820px; }
.solution-subtitle { color: #d2def1; font-size: clamp(18px,2vw,23px); line-height: 1.6; margin: 0 0 14px; }
.solution-intro { max-width: 730px; color: #9faec4; font-size: 15px; line-height: 1.9; }
.solution-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; font-size: 13px; }.solution-actions>a:last-child { color: #b3c4da; }
.solution-visual { position: relative; display: grid; place-items: center; min-height: 280px; }.solution-visual-ring { position: absolute; width: 240px; height: 240px; border: 1px solid #00d9ff40; border-radius: 50%; transform: rotateX(38deg) rotate(-25deg); box-shadow: 0 0 70px #7b61ff22; }.solution-visual-ring::after { content:''; position:absolute; inset:25px; border:1px dashed #7b61ff88; border-radius:50%; }.solution-visual-core { display:grid; place-items:center; width:120px; height:120px; color:#00d9ff; border:1px solid #00d9ff60; border-radius:28px; background:linear-gradient(130deg,#12374b,#191d3d); box-shadow:0 0 60px #00d9ff13; }.solution-visual i { position:absolute; width:7px; height:7px; background:#00d9ff; border-radius:50%; box-shadow:0 0 20px #00d9ff; }.solution-visual i:nth-last-child(1){top:18%;left:20%}.solution-visual i:nth-last-child(2){bottom:18%;right:20%}.solution-visual i:nth-last-child(3){top:26%;right:10%;background:#7b61ff}
.solution-toc { border-bottom:1px solid #ffffff12; background:#101726; }.solution-toc .site-shell { display:flex; overflow:auto; gap:26px; padding-block:18px; scrollbar-width:thin; }.solution-toc a { flex-shrink:0; color:#a8b8ce; font-size:13px; }.solution-toc a:hover { color:#00d9ff; }
.solution-body { max-width:1200px; padding-top:28px; }.solution-section { padding-block:64px; border-bottom:1px solid #ffffff12; scroll-margin-top:110px; }.solution-section h2 { margin:0 0 32px; color:#f3f7ff; font-size:clamp(27px,3vw,38px); letter-spacing:-.025em; line-height:1.3; }.solution-section h2::before { content:''; display:inline-block; width:5px; height:24px; border-radius:3px; margin-right:14px; background:linear-gradient(#00d9ff,#7b61ff); vertical-align:-1px; }.solution-section p { color:#a5b2c7; font-size:15px; line-height:1.9; margin:10px 0 0; }.solution-section h3 { color:#e6effc; font-size:18px; line-height:1.5; margin:0; }.solution-overview p { max-width:880px; font-size:18px; line-height:1.95; color:#bfccdf; }
.solution-pains { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; counter-reset:pains; }.solution-pains .solution-item { padding:22px 0 22px 34px; border-top:1px solid #ffffff12; position:relative; counter-increment:pains; }.solution-pains .solution-item::before { content:counter(pains,decimal-leading-zero); position:absolute; left:0; top:27px; color:#00d9ff; font:11px monospace; }
.solution-architecture { padding-inline:30px; margin-inline:-30px; border-radius:22px; background:linear-gradient(120deg,#0f2032,#151b31); }.solution-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-bottom:26px; }.solution-flow .solution-item { position:relative; border:1px solid #00d9ff38; border-radius:13px; padding:22px; background:#0b1223; }.solution-flow .solution-item:not(:last-child)::after { content:'→'; position:absolute; right:-23px; top:40%; color:#00d9ff; font-size:22px; }.solution-flow h3 { color:#63dcec; font-size:17px; }.solution-flow p { font-size:13px; }
.solution-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; counter-reset:feature; }.solution-features .solution-item { position:relative; padding:28px; border:1px solid #ffffff13; border-radius:17px; background:linear-gradient(145deg,#151f30,#101624); transition:border-color .2s,transform .2s; counter-increment:feature; }.solution-features .solution-item::before { content:'◇  ' counter(feature,decimal-leading-zero); color:#00d9ff; display:block; font:16px monospace; margin-bottom:30px; }.solution-features .solution-item:hover { transform:translateY(-3px); border-color:#00d9ff55; }.solution-features p { font-size:14px; }
.solution-scenarios { display:grid; gap:26px; counter-reset:scenario; }.solution-scenarios .solution-item { padding:0 0 0 65px; position:relative; counter-increment:scenario; }.solution-scenarios .solution-item::before { content:counter(scenario,decimal-leading-zero); position:absolute; left:0; top:0; color:#637d9e; font:30px monospace; }.solution-scenarios p { max-width:880px; }
.solution-technology { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }.solution-technology .solution-item { border-left:2px solid #7b61ff80; padding-left:22px; }.solution-technology h3 { color:#a4dff8; }
.solution-timeline { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; counter-reset:step; }.solution-timeline .solution-item { counter-increment:step; border-top:1px solid #00d9ff55; padding-top:20px; }.solution-timeline .solution-item::before { content:counter(step,decimal-leading-zero); color:#00d9ff; font:13px monospace; display:block; margin-bottom:18px; }.solution-timeline h3 { font-size:17px; }.solution-timeline p { font-size:13px; }
.solution-deliverables { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.solution-deliverables p { margin:0; border:1px solid #ffffff10; background:#111b2b; padding:18px; border-radius:10px; font-size:14px; }.solution-deliverables p::before { content:'✓'; color:#00d9ff; margin-right:10px; }.solution-boundary { margin-top:32px; padding:26px; border:1px solid #7b61ff40; border-radius:16px; background:#13192b; }.solution-boundary h2 { font-size:23px; margin-bottom:12px; }
.solution-faq details { border-bottom:1px solid #ffffff15; padding:20px 0; }.solution-faq summary { list-style:none; display:flex; justify-content:space-between; gap:18px; color:#dde9fb; cursor:pointer; font-size:16px; }.solution-faq summary::-webkit-details-marker { display:none; }.solution-faq summary::after { content:'＋'; color:#00d9ff; }.solution-faq details[open] summary::after { content:'−'; }.solution-faq details p { max-width:880px; padding-top:10px; }
.solution-related { padding:70px 0; background:#0d1421; }.solution-related h2 { font-size:32px; margin:15px 0 30px; }.solution-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.solution-related-grid a { border-top:1px solid #00d9ff40; padding:22px 0; }.solution-related-grid span { color:#7187a3; font-size:12px; }.solution-related-grid h3 { font-size:18px; margin:12px 0 0; }.solution-related-grid a:hover h3 { color:#00d9ff; }.solution-cta { padding:90px 0; text-align:center; background:radial-gradient(ellipse at 50% 100%,#24306870,transparent 70%),#0b1121; }.solution-cta h2 { font-size:clamp(28px,4vw,44px); margin:18px 0; }.solution-cta p { color:#a3b3c9; }.solution-cta .button { margin-top:20px; }.solution-review-notice { color:#f3cb7b; padding-block:15px; font-size:13px; }
.content-type-lm_solution .content-card-body { display:flex; flex-direction:column; height:100%; }.content-type-lm_solution .content-card-tags { margin-top:auto; }.content-type-lm_solution .content-card-excerpt { margin-bottom:22px; }.content-type-lm_solution .content-card-title { font-size:22px; }
@media(max-width:1023px){.solution-hero-grid{grid-template-columns:1fr minmax(180px,.4fr);gap:20px}.solution-flow{grid-template-columns:1fr}.solution-flow .solution-item:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-27px}.solution-features{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-architecture{margin-inline:0;padding-inline:24px}.solution-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.solution-hero{padding-bottom:36px}.solution-hero-grid{grid-template-columns:1fr;margin-top:34px}.solution-visual{min-height:180px;transform:scale(.7);margin-block:-25px}.solution-hero h1{font-size:34px;overflow-wrap:anywhere}.solution-toc .site-shell{gap:20px}.solution-section{padding-block:42px}.solution-section h2{font-size:26px;margin-bottom:25px}.solution-overview p{font-size:16px}.solution-pains,.solution-features,.solution-technology,.solution-flow,.solution-deliverables,.solution-related-grid{grid-template-columns:1fr}.solution-flow .solution-item:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-27px}.solution-timeline{grid-template-columns:1fr;gap:24px}.solution-timeline .solution-item{border-top:0;border-left:1px solid #00d9ff55;padding:0 0 0 22px}.solution-timeline .solution-item::before{margin-bottom:8px}.solution-timeline p{font-size:14px}.solution-boundary{padding:20px}.solution-features .solution-item{padding:24px}.solution-cta{padding-block:64px}.solution-body{padding-top:8px}.solution-architecture{padding:24px 18px}.solution-scenarios .solution-item{padding-left:45px}}
@media(prefers-reduced-motion:reduce){.solution-features .solution-item{transition:none}}

.solution-body>p{color:#a5b2c7;font-size:17px;line-height:1.9;max-width:880px;margin:36px 0 60px}
.solution-detail :is(h2,h3)[id]{scroll-margin-top:110px}

/* Classic themes receive an extra native Group wrapper; keep the authored grid hierarchy. */
.solution-body .wp-block-group__inner-container{display:contents}
.solution-body .solution-item{margin:0}

/* Use panel backgrounds and whitespace instead of card and list outlines. */
.solution-toc,
.solution-section,
.solution-pains .solution-item,
.solution-flow .solution-item,
.solution-features .solution-item,
.solution-technology .solution-item,
.solution-timeline .solution-item,
.solution-deliverables p,
.solution-boundary,
.solution-faq details,
.solution-related-grid a {
	border: 0;
}