.main-header{margin-bottom:48px;text-align:center}.main-title{font-family:var(--brutal-font-serif);font-size:clamp(28px,4vw,42px);font-weight:900;color:#0A0A0A;margin-bottom:16px;letter-spacing:-0.02em}.main-subtitle{font-size:16px;color:#9CA3AF;max-width:650px;margin:0 auto;line-height:1.7}.solution-marquee-wrapper-fullwidth{width:100vw;margin-left:calc(-50vw+50%);margin-right:calc(-50vw+50%);overflow:hidden;position:relative;background:transparent;padding:10px 0 32px 0}.solution-marquee-wrapper-fullwidth::before,.solution-marquee-wrapper-fullwidth::after{content:'';position:absolute;top:0;width:120px;height:100%;z-index:10;pointer-events:none}.solution-marquee-wrapper-fullwidth::before{left:0;background:linear-gradient(to right,var(--brutal-bg-primary,#FAFAF9),transparent)}.solution-marquee-wrapper-fullwidth::after{right:0;background:linear-gradient(to left,var(--brutal-bg-primary,#FAFAF9),transparent)}.solution-marquee-content{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;width:fit-content;align-items:center;gap:24px;will-change:transform;list-style:none;padding:0 40px;margin:0}.solution-menu-item{font-family:'Space Mono',monospace;font-size:13px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;padding:14px 28px;border:2px solid #E8E6E3;background:#FFFFFF;cursor:pointer;transition:all .25s cubic-bezier(0.22,1,0.36,1);display:inline-flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0 !important;border-radius:4px}.solution-menu-item img{width:26px;height:26px;object-fit:contain;transition:transform .25s ease}.solution-menu-item span{color:#5C5C5C;transition:color .25s ease}.solution-menu-item:hover:not(.active){border-color:var(--brutal-accent-red);box-shadow:0 2px 12px rgba(10,10,10,0.15);transform:translateY(-2px)}.solution-menu-item:hover:not(.active) img{transform:scale(1.1)}.solution-menu-item:hover:not(.active) span{color:var(--brutal-accent-red)}.solution-menu-item.active{background:#0A0A0A;border-color:#0A0A0A;box-shadow:0 4px 16px rgba(10,10,10,0.2)}.solution-menu-item.active span{color:#FFFFFF !important}.solution-menu-item.active:hover{box-shadow:0 6px 20px rgba(10,10,10,0.3);transform:translateY(-2px)}.solution-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;margin:0;padding:0;align-items:stretch}.solution-card{position:relative;height:100%;display:flex;flex-direction:column}.solution-card-bg{position:absolute;bottom:-12px;right:-12px;width:100%;height:100%;background:#F3F4F6;z-index:0}.solution-card-main{position:relative;background:#FFFFFF;border:2px solid #000000;padding:0;box-shadow:8px 8px 0 rgba(0,0,0,1);z-index:1;transition:all 0.3s cubic-bezier(0.22,1,0.36,1);overflow:hidden;height:100%;display:flex;flex-direction:column}.solution-card:hover .solution-card-main{transform:translate(-4px,-4px);box-shadow:12px 12px 0 rgba(10,10,10,0.4)}.solution-card-main::before{content:'';position:absolute;top:0;left:0;bottom:0;width:5px;background:linear-gradient(180deg,#0A0A0A 0%,#2B2B2B 100%);transform:scaleY(0);transform-origin:top;transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);z-index:2}.solution-card:hover .solution-card-main::before{transform:scaleY(1)}.solution-hot-tag{position:absolute;top:16px;right:20px;font-family:'Space Mono',monospace;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;padding:5px 11px;color:white;background:#EF4444;z-index:3;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.solution-card-header{background:#F5F5F3;padding:1rem 1.25rem;border-bottom:2px solid rgba(10,10,10,0.08);display:flex;align-items:center;gap:0.875rem;position:relative;z-index:2}.solution-icon-box{width:48px;height:48px;min-width:48px;background:#ffffff;border:2px solid rgba(10,10,10,0.12);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all 0.3s cubic-bezier(0.22,1,0.36,1)}.solution-icon-box img{width:100%;height:100%;object-fit:contain}.solution-icon-box i{font-size:1.25rem;color:#0A0A0A}.solution-card:hover .solution-card-main .solution-icon-box{transform:scale(1.05) rotate(-3deg);border-color:#0A0A0A;box-shadow:0 4px 12px rgba(10,10,10,0.18)}.solution-title-row{flex:1;min-width:0}.solution-title-text{font-family:var(--brutal-font-sans);font-weight:700;font-size:1rem;color:#0A0A0A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.solution-card-body{padding:1rem 1.25rem 1.25rem;position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.solution-desc-text{font-size:0.88rem;color:#5C5C5C;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem;flex:1}.third-bottom-section-label{display:flex;flex-wrap:wrap;gap:6px}.third-bottom-section-label span{font-family:'Space Mono',monospace;font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;padding:0.35rem 0.75rem;background:#0A0A0A;color:#ffffff;border:none;transition:all 0.25s ease}.solution-card:hover .solution-card-main .third-bottom-section-label span{background:#0A0A0A}.logo_img{width:40px;height:40px;object-fit:contain;margin-top:auto;padding-top:8px}@media (max-width:992px){.solution-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.solution-cards{grid-template-columns:1fr}}
