/* CYBERSIDE.AI Phase 3: business-problem hub + matrix pages */
.problem-hub-hero,.problem-hero{padding:68px 0 44px;position:relative;overflow:hidden}.problem-hub-hero:after,.problem-hero:after{content:"";position:absolute;width:540px;height:540px;right:-210px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(108,249,178,.13),rgba(94,231,255,.08) 43%,transparent 70%);pointer-events:none}.problem-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.7fr);gap:34px;align-items:center}.problem-icon{font-size:2.1rem;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;border:1px solid rgba(108,249,178,.28);background:rgba(108,249,178,.07);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.problem-hub-hero h1,.problem-hero h1{font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:.22em 0}.problem-hub-hero h1 span,.problem-hero h1 span{background:linear-gradient(90deg,#6cf9b2,#5ee7ff 48%,#b4a1ff);-webkit-background-clip:text;background-clip:text;color:transparent}.problem-intro{font-size:1.08rem;line-height:1.72;color:#b8cee6;max-width:810px}.problem-section{padding:48px 0}.problem-section.alt{border-top:1px solid rgba(124,176,240,.12);border-bottom:1px solid rgba(124,176,240,.12);background:linear-gradient(180deg,rgba(12,25,52,.42),rgba(7,14,31,.18))}.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.problem-card{display:flex;flex-direction:column;min-height:235px;text-decoration:none;color:inherit;border:1px solid rgba(123,180,245,.22);border-radius:18px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.18s ease}.problem-card:hover{transform:translateY(-3px);border-color:rgba(108,249,178,.58);background:linear-gradient(145deg,rgba(108,249,178,.08),rgba(94,231,255,.045))}.problem-card .card-icon{font-size:1.7rem}.problem-card h2,.problem-card h3{font-size:1.12rem;margin:12px 0 8px;color:#f4fbff}.problem-card p{color:#a9c1dc;line-height:1.55;margin:.25rem 0 0}.problem-card .card-link{margin-top:auto;padding-top:16px;color:#6cf9b2;font-weight:800;font-size:.88rem}.matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.matrix-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(116,189,255,.22);border-radius:16px;padding:18px;background:rgba(255,255,255,.025)}.matrix-card:hover{border-color:rgba(94,231,255,.55);background:rgba(94,231,255,.06)}.matrix-card strong{display:block;color:#f2fbff}.matrix-card small{display:block;color:#91acc8;margin-top:6px;line-height:1.45}.problem-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(108,249,178,.25);border-radius:999px;color:#bdfbdc;background:rgba(108,249,178,.055);font-size:.8rem;text-decoration:none}.problem-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.matrix-callout{padding:24px;border:1px solid rgba(108,249,178,.28);border-radius:20px;background:linear-gradient(120deg,rgba(108,249,178,.075),rgba(94,231,255,.055),rgba(154,124,255,.055))}.matrix-callout h2{margin-top:0}.matrix-callout p{color:#abc3df;line-height:1.65}.problem-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.problem-step{padding:18px;border-radius:16px;border:1px solid rgba(108,249,178,.2);background:rgba(10,25,52,.5);position:relative}.problem-step b{display:block;color:#74f4bd;margin-bottom:6px}.problem-step p{color:#abc5df;font-size:.91rem;line-height:1.52;margin:0}.problem-step:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:#5ee7ff;font-weight:900;z-index:2}
@media(max-width:1050px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-hero-grid{grid-template-columns:1fr}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-step:nth-child(2):after{display:none}}
@media(max-width:650px){.problem-hub-hero,.problem-hero{padding-top:42px}.problem-grid,.matrix-grid,.problem-step-grid{grid-template-columns:1fr}.problem-step:after{display:none}.problem-card{min-height:0}}