.front-page-cards{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:80px auto 0;max-width:var(--max-width);padding-top:40px}.front-page-card{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.05);color:#fff;margin-bottom:var(--card-spacing);overflow:hidden;padding:40px 24px;transition:all .3s ease}.front-page-card:last-child{margin-bottom:0}.front-page-card:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-6px)}.card-container{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1600px;min-height:500px;padding:0}.card-content{display:flex;flex:1;flex-direction:column;justify-content:center}.front-page-card .content-wrapper{max-width:500px}.title-with-icon{align-items:flex-start;display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.title-icon{align-items:center;background:var(--accent-color);border:none;border-radius:8px;box-shadow:none;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.title-icon img{filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.title-icon svg{color:#fff;height:24px;width:24px;stroke-width:2}.card-title{color:#fff;font-size:var(--font-size-2xl);font-weight:600;letter-spacing:0;line-height:1.2;margin:0;text-transform:none}.card-subtitle{color:#fff;font-size:18px;font-weight:400;line-height:1.4;margin:0 0 32px}.feature-list{color:#fff;font-size:16px;line-height:1.6;list-style:none;margin:0;padding:0}.feature-item{color:#fff;font-weight:400;margin-bottom:16px;padding-left:24px;position:relative}.feature-item:last-child{margin-bottom:0}.feature-item:before{color:var(--accent-color);content:"•";font-size:18px;font-weight:700;left:0;position:absolute;top:0}.card-visual{flex:0 0 auto;justify-content:center;min-width:550px}.card-visual,.visual-wrapper{align-items:center;display:flex}.visual-wrapper{flex-direction:column;gap:32px}.main-graphic{align-items:center;background:transparent;border:none;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.15);display:flex;height:500px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:500px}.main-graphic:before{background:linear-gradient(135deg,var(--accent-color),hsla(0,0%,100%,.2));border-radius:18px;bottom:-3px;content:"";left:-3px;opacity:.4;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.main-graphic:hover:before{opacity:.7}.main-graphic img{background:transparent;border-radius:12px;filter:none;height:100%;max-height:480px;max-width:480px;object-fit:contain;transition:transform .3s ease;width:100%}.main-graphic:hover img{transform:scale(1.05)}.main-graphic svg{color:#fff;height:100%;max-height:360px;max-width:360px;width:100%;stroke-width:2.5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .3s ease}.main-graphic:hover svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.05)}.main-graphic:hover{box-shadow:0 16px 64px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.2),0 0 40px rgba(255,110,130,.3);transform:translateY(-4px) scale(1.02)}.graphic-label{color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;margin-top:16px;text-transform:uppercase}.company-logo{align-items:center;display:flex;justify-content:center;margin-top:24px;max-height:60px;max-width:200px}.company-logo img{filter:brightness(0) invert(1);max-height:100%;max-width:100%;object-fit:contain;opacity:.8}.main-graphic .icon-chart svg,.main-graphic .icon-cloud svg,.main-graphic .icon-database svg,.main-graphic .icon-lightning svg,.main-graphic .icon-search svg,.main-graphic .icon-shield svg,.title-icon .icon-chart svg,.title-icon .icon-cloud svg,.title-icon .icon-database svg,.title-icon .icon-lightning svg,.title-icon .icon-search svg,.title-icon .icon-shield svg{color:#fff;height:100%;width:100%}.card-content-left{order:1}.card-content-right,.card-visual-right{order:2}.card-visual-left{order:1}@media (max-width:768px){.front-page-cards{margin-top:60px;padding:20px 16px 0}.front-page-card{margin-bottom:40px}.card-container{flex-direction:column;gap:40px;min-height:auto;padding:0;text-align:center}.card-visual{min-width:auto;width:100%}.title-with-icon{align-items:center}.card-content-left,.card-content-right{order:1}.card-visual-left,.card-visual-right{order:2}.content-wrapper{max-width:100%}.card-title{font-size:var(--font-size-xl)}.card-subtitle{font-size:16px}.feature-list{font-size:14px}.main-graphic{height:340px;width:340px}.main-graphic img{max-height:320px;max-width:320px}.main-graphic svg{max-height:260px;max-width:260px}.graphic-label{font-size:20px}.title-icon{height:28px;width:28px}.title-icon img,.title-icon svg{height:18px;width:18px}}@media (max-width:480px){.front-page-cards{margin-top:50px;padding-top:16px}.front-page-card{margin:16px 0;padding:24px}.card-container{gap:24px}.card-title{font-size:var(--font-size-lg)}.small-icon{height:32px;width:32px}.small-icon img,.small-icon svg{height:20px;width:20px}.large-icon{height:80px;width:80px}.large-icon img,.large-icon svg{height:40px;width:40px}}@media (prefers-reduced-motion:reduce){.front-page-card{transition:none}.front-page-card:hover{transform:none}}