
/* FIX08: replacement design for the two lower homepage sections only.
   SVG solution icons are complete standalone icons, not cropped art assets. */
.solutions-showcase{background:linear-gradient(115deg,#f0f8ff 0%,#e7f4ff 56%,#f4f9ff 100%);padding:32px 24px 38px;position:relative}
.bottom-wrap{max-width:1510px;margin:auto}
.solutions-intro{text-align:center;margin-bottom:24px}
.solutions-kicker{display:inline-flex;color:#0874d1;font-size:12px;font-weight:850;letter-spacing:.1px;background:#fff;border:1px solid #cee8ff;padding:6px 16px;border-radius:40px;margin-bottom:8px}
.solutions-intro h2{font-size:clamp(22px,1.55vw,28px);margin:0 0 7px;line-height:1.5;font-weight:900;color:#0a326b}
.solutions-intro p{font-size:14px;color:#5c7898;line-height:1.7;margin:0}
.solutions-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.solution-card{position:relative;display:flex;align-items:center;gap:14px;padding:20px 17px;border:1px solid #d8e8fa;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,76,135,.055);min-height:136px;min-width:0;overflow:visible;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.solution-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(10,81,160,.13);border-color:#9fcafa}
.solution-card:focus-visible{outline:3px solid #ff8b13;outline-offset:3px}
.solution-icon{display:flex;align-items:center;justify-content:center;flex:none;width:76px;height:76px;border-radius:18px;background:linear-gradient(145deg,#ebf6ff,#fff);border:1px solid #d5ebff;box-shadow:inset 0 1px 2px #fff,0 6px 13px rgba(30,107,177,.06)}
.solution-icon img{display:block;object-fit:contain;width:61px;height:61px;max-width:100%;max-height:100%;overflow:visible}
.solution-info{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;gap:5px;text-align:right}
.solution-info b{font-size:14px;font-weight:900;line-height:1.6;color:#0b3c77}
.solution-info small{font-size:11.5px;color:#67809c;line-height:1.65}
.solution-status{display:inline-block;font-size:11px;font-style:normal;font-weight:850;padding:4px 12px;line-height:1.3;border-radius:40px;white-space:nowrap}
.solution-status.available{color:#138765;background:#dcf6eb}.solution-status.developing{color:#7546c5;background:#efe7ff}.solution-status.soon{color:#bf6914;background:#fff0db}
.solution-arrow{position:absolute;bottom:19px;left:13px;font-size:18px;font-weight:900;color:#77a6d4;opacity:0;transform:translateX(5px);transition:opacity .2s,transform .2s}
.solution-card:hover .solution-arrow{opacity:1;transform:none}
.solution-pos .solution-icon{background:linear-gradient(145deg,#f3eeff,#fff);border-color:#e8d9ff}
.solution-maintenance .solution-icon{background:linear-gradient(145deg,#fff4e6,#fff);border-color:#ffdfb9}
.solution-restaurants .solution-icon{background:linear-gradient(145deg,#fff0f1,#fff);border-color:#ffdcde}
.closing-cta{padding:25px 24px 30px;background:linear-gradient(108deg,#d9f0ff 0%,#ecf8ff 54%,#dcf0ff 100%);border-top:1px solid #d5eaff;position:relative;overflow:hidden}
.closing-cta::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.54;background-image:radial-gradient(#8ec6fa 1.6px,transparent 1.6px);background-size:18px 18px;mask-image:linear-gradient(90deg,#0001 0,transparent 40%,transparent 78%,#0001 100%)}
.closing-cta__content{position:relative;max-width:1510px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:center}
.closing-copy{min-width:0}
.closing-tag{display:inline-flex;align-items:center;gap:7px;background:#fff9ef;color:#bf6311;border:1px solid #ffdaac;border-radius:25px;padding:5px 12px;font-size:12px;font-weight:800;margin-bottom:10px}
.closing-tag .ico{width:15px;height:15px;color:#12a77a}
.closing-copy h2{font-size:clamp(24px,2vw,33px);line-height:1.45;font-weight:900;margin:0 0 7px;color:#0b3470}
.closing-copy h2 span{color:#ff8000;font-family:Arial,sans-serif}
.closing-copy p{margin:0 0 16px;max-width:740px;font-size:13.5px;line-height:1.9;color:#4f7091}
.closing-actions{display:flex;gap:12px;flex-wrap:wrap}
.closing-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:11px 21px;font-size:14px;font-weight:850;min-width:158px;min-height:46px;transition:transform .2s,box-shadow .2s}
.closing-actions a:hover{transform:translateY(-3px)}
.closing-actions .ico{width:19px;height:19px}
.closing-primary{background:linear-gradient(120deg,#ff9e22,#ff7a00);color:white;box-shadow:0 7px 17px #ed7e1940}
.closing-secondary{background:#fff;color:#0965c3;border:1px solid #a9d6ff;box-shadow:0 5px 14px #1760b10d}
.closing-support{padding:20px;border-radius:20px;background:#fff;border:1px solid #cfe5f9;box-shadow:0 12px 30px rgba(14,79,141,.09);width:100%;min-width:0}
.closing-support__top{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.closing-support__symbol{flex:none;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(155deg,#e8f4ff,#d9eeff);border-radius:17px;border:1px solid #d7eaff}
.closing-support__symbol svg{width:46px;height:46px;display:block;overflow:visible}
.closing-support__top strong{display:block;font-size:14px;font-weight:900;color:#0c407d;line-height:1.6}
.closing-support__top span{display:block;font-size:11px;color:#6b879f;margin-top:4px}
.closing-support__channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.closing-support__channels a{display:flex;align-items:center;justify-content:space-between;background:#f2f9ff;border:1px solid #dcecfb;padding:10px 13px;border-radius:9px;color:#0a61b4;font-weight:800;font-size:12px;transition:background .2s}
.closing-support__channels a:hover{background:#e0f1ff}
.closing-support__channels span{font-size:18px;font-weight:800}
@media(max-width:1250px){.solutions-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-card{min-height:120px}.closing-cta__content{grid-template-columns:minmax(0,1fr) 300px;gap:20px}}
@media(max-width:820px){.solutions-showcase{padding:25px 18px 30px}.closing-cta{padding:25px 18px}.closing-cta__content{grid-template-columns:1fr;gap:20px}.closing-support{max-width:440px}.closing-copy h2{font-size:27px}.solutions-intro p{font-size:13px}}
@media(max-width:600px){.solutions-showcase{padding:24px 14px 26px}.solutions-intro h2{font-size:22px}.solutions-cards{grid-template-columns:1fr;gap:10px}.solution-card{min-height:104px;padding:13px 14px;border-radius:15px}.solution-icon{width:61px;height:61px;border-radius:15px}.solution-icon img{width:51px;height:51px}.solution-info b{font-size:13.5px}.solution-info small{font-size:11px}.closing-cta{padding:24px 16px}.closing-copy h2{font-size:24px}.closing-copy p{font-size:12px}.closing-actions a{flex:1;min-width:0;padding:10px 13px;font-size:12px}.closing-support{padding:16px}.closing-support__top strong{font-size:13px}}
