.problem-solutions{position:relative;isolation:isolate;padding:92px 0 100px}.problem-solutions:before{content:"";position:absolute;inset:200px -25px 20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 25%,#c5dfdd80,transparent 48%),radial-gradient(ellipse at 90% 75%,#d5d0ed88,transparent 50%)}.problem-heading{text-align:center;max-width:950px;margin:0 auto 52px}.problem-badge{color:#273633;letter-spacing:0;font-weight:450;margin-bottom:28px}.problem-heading h2{font-size:clamp(38px,4.4vw,64px);font-weight:500;max-width:900px;margin:0 auto 24px}.problem-heading>p:last-child{margin:0 auto;max-width:620px;font-size:17px}.problem-grid{gap:22px;border:0}.problem-pair.glass-flip{padding:0;border:0;background:none;min-width:0;perspective:1400px}.flip-control{display:block;width:100%;height:320px;padding:0;border:0;background:transparent;text-align:left;font:inherit;color:#20332e;cursor:pointer;border-radius:26px;-webkit-tap-highlight-color:transparent}.flip-control:focus-visible{outline:2px solid #3b7264;outline-offset:6px}.flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.75,.24,1)}.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:28px;border-radius:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #fffffff0;background:linear-gradient(135deg,#ffffffb8,#ffffff52);box-shadow:inset 0 1px 0 #fff,0 12px 35px #283d4110,0 1px 2px #273c3c0a;backdrop-filter:blur(22px);overflow:hidden}.flip-face:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff40,transparent 42%);border:1px solid #ffffff30}.flip-back{transform:rotateY(180deg);background:linear-gradient(135deg,#e9f4efed,#dcebe7d9);border-color:#fff}.flip-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}.glass-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#ffffffeb,#d7e6e28c);border:1px solid #fff;box-shadow:inset 0 1px 2px #fff,0 5px 12px #203c3010;color:#4c7368}.glass-icon svg{width:25px;height:25px}.face-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7c76}.flip-title{display:block;font-size:clamp(22px,2vw,27px);font-weight:500;line-height:1.23;letter-spacing:-.035em;max-width:300px}.flip-hint{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#64776f;margin-top:auto;padding-top:20px}.flip-hint>span{font-size:20px}.flip-back .flip-top{margin-bottom:23px}.flip-back .flip-title{font-size:24px}.flip-description{font-size:14px;line-height:1.65;color:#526a60;display:block;margin-top:14px}.flip-back .flip-hint{padding-top:12px}@media(max-width:1000px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.problem-solutions{padding:58px 0 65px}.problem-grid{grid-template-columns:1fr;gap:18px}.problem-heading{margin-bottom:32px}.problem-heading h2{font-size:39px}.problem-heading>p:last-child{font-size:15px}.problem-badge{font-size:12px;margin-bottom:24px}.flip-control{height:300px}.flip-face{padding:26px}.flip-title{font-size:25px}.flip-back .flip-title{font-size:24px}}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}}html:not(.motion-on) .flip-inner{transition:none}
html.motion-on .flip-inner{transition:transform .8s cubic-bezier(.22,.75,.24,1)}.problem-solutions:before{mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
html.motion-on .flip-inner{transition:transform .8s cubic-bezier(.22,.75,.24,1)!important}
