.environments{padding:120px 0;background-color:#fff}.section-header{text-align:center;margin-bottom:80px;max-width:1100px;margin-left:auto;margin-right:auto}.environments-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px;margin-top:80px}.environment-card{background-color:#fff;padding:48px 36px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid #f0f0f0;position:relative;overflow:hidden;text-align:center}.environment-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:#e30613;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.environment-card:hover{transform:translateY(-8px);box-shadow:0 12px 48px rgba(0,0,0,.12);border-color:#e30613}.environment-card:hover:before{transform:scaleY(1)}.environment-icon{margin-bottom:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;height:80px}.environment-icon img{width:auto;height:80px;object-fit:contain}.environment-card:hover .environment-icon{transform:scale(1.1)}.environment-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px;line-height:1.3}.environment-description{color:#666;line-height:1.6;font-size:15px}@media (max-width:1200px){.environments-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (max-width:1024px){.environments{padding:100px 0}.environments-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.environments{padding:80px 0}.section-header{margin-bottom:60px}.environments-grid{grid-template-columns:1fr;gap:20px;margin-top:60px}.environment-card{padding:36px 28px}.environment-icon{font-size:48px}.environment-title{font-size:20px}.environment-description{font-size:14px}}.benefits{padding:120px 0;background-color:#fff}.benefits-header{display:flex;gap:100px;align-items:flex-start;max-width:1440px;margin:0 auto;padding:0 60px}.benefits-title-wrapper{flex-shrink:0;padding-top:20px}.benefits-title-vertical{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-size:48px;font-weight:700;color:#1a1a1a;line-height:1.2;display:flex;flex-direction:column;gap:20px;letter-spacing:-.5px}.benefits-title-vertical span{display:block}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:64px;gap:64px;flex:1 1}.benefit-card{text-align:left;padding:0}.benefit-icon{margin-bottom:32px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;height:64px}.benefit-icon img{width:64px;height:64px;object-fit:contain}.benefit-card:hover .benefit-icon{transform:scale(1.1)}.benefit-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.3}.benefit-description{color:#666;line-height:1.6;font-size:15px}@media (max-width:1200px){.benefits-header{gap:80px;padding:0 40px}.benefits-title-vertical{font-size:42px}.benefits-grid{gap:56px}}@media (max-width:1024px){.benefits{padding:100px 0}.benefits-header{flex-direction:column;gap:60px;padding:0 40px}.benefits-title-vertical{writing-mode:horizontal-tb;-webkit-text-orientation:mixed;text-orientation:mixed;font-size:36px;text-align:center}.benefits-grid{grid-template-columns:1fr;gap:56px}}@media (max-width:768px){.benefits{padding:80px 0}.benefits-header{padding:0 24px}.benefits-title-vertical{font-size:32px}.benefits-grid{gap:48px}.benefit-icon{height:64px}.benefit-icon img{width:64px;height:64px}.benefit-title{font-size:22px}.benefit-description{font-size:14px}}