.ops-hero{.ops-hero__text{flex:1;max-width:600px;h1{font-size:46px;display:flex;flex-direction:column;span{width:fit-content}}p{font-weight:400}}.ops-hero__image{max-width:500px}}.ops-hero__img{width:100%;height:auto;border-radius:var(--radius-lg);display:block;object-fit:cover}.ops-hero__image-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:var(--bg-primary);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;padding:24px}.ops-hero__image-placeholder-label{font-size:var(--font-size-sm);line-height:var(--leading-normal);color:var(--text-secondary);text-align:center}.ops-section{display:flex;align-items:center;justify-content:center;width:100%;background:var(--bg-primary);&:nth-child(2n){background:var(--bg-primary)}.ops-section__inner{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;max-width:1200px;gap:80px;opacity:0;transform:translateY(40px);transition:transform .8s ease,opacity .8s ease;&.animate{opacity:1;transform:translateY(0)}}&.ops-section--reverse .ops-section__inner{flex-direction:row-reverse}}.ops-section__content{flex:1;min-width:0}.ops-section__title{font-weight:600;font-size:clamp(24px,4vw,36px);line-height:var(--leading-snug);color:var(--text-primary);span{color:var(--main)}}.ops-section__text{margin-top:12px;font-weight:400;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:560px}.ops-section__features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.ops-feature-card{padding:20px;border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-subtle);transition:box-shadow .3s ease,border-color .3s ease}.ops-feature-card:hover{border-color:var(--main);box-shadow:var(--shadow-md)}.ops-feature-card__title{font-weight:700;font-size:var(--font-size-lg);line-height:var(--leading-snug);color:var(--text-primary);margin-bottom:6px}.ops-feature-card__text{font-weight:400;font-size:var(--font-size-base);line-height:var(--leading-normal);color:var(--text-secondary)}.ops-section__img{width:100%;height:auto;border-radius:var(--radius-lg);display:block;object-fit:cover}.ops-section__image{flex:0 0 420px;max-width:420px}.ops-section__image-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:var(--bg-secondary);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;padding:24px}.ops-section__image-placeholder-label{font-size:var(--font-size-sm);line-height:var(--leading-normal);color:var(--text-secondary);text-align:center}.ops-cta{.ops-cta__container{button{margin-top:28px;padding:14px 40px}}}@media(900px<width<=1300px){.ops-hero{.ops-hero__text h1{font-size:46px;line-height:var(--leading-tight)}}.ops-section{.ops-section__inner{gap:40px}}.ops-section__image{flex:0 0 340px;max-width:340px}.ops-section__features{grid-template-columns:repeat(2,1fr);gap:12px}}@media(600px<width<=900px){.ops-hero{.ops-hero__text{max-width:100%;h1{font-size:42px;line-height:var(--leading-tight)}}.ops-hero__image{max-width:100%}}.ops-section{.ops-section__inner{flex-direction:column!important;gap:32px}}.ops-section__image{flex:none;max-width:100%;width:100%}.ops-section__features{grid-template-columns:repeat(2,1fr);gap:12px}}@media(360px<width<=600px){.ops-hero{.ops-hero__container{padding:40px 20px;gap:32px}.ops-hero__text{max-width:100%;h1{font-size:var(--font-size-6xl);line-height:var(--leading-tight)}}.ops-hero__image{max-width:100%}}.ops-section{.ops-section__inner{flex-direction:column!important;gap:24px}}.ops-section__image{flex:none;max-width:100%;width:100%}.ops-section__features{grid-template-columns:1fr;gap:10px}.ops-cta{padding:60px 16px}}@media(width<=360px){.ops-hero{.ops-hero__container{padding:20px;gap:24px}.ops-hero__text{max-width:100%;h1{font-size:var(--font-size-5xl);line-height:var(--leading-snug)}p{font-size:var(--font-size-base)}button{margin-top:20px;padding:10px 24px}}.ops-hero__image{max-width:100%}}.ops-section{.ops-section__inner{flex-direction:column!important;gap:20px}}.ops-section__image{flex:none;max-width:100%;width:100%}.ops-section__features{grid-template-columns:1fr;gap:8px}.ops-feature-card{padding:16px}.ops-cta{padding:40px 16px}}
