.about-volokitx{--about-ink:var(--brand-blue,#001860);--about-accent:var(--brand-teal,#075cff);--about-muted:var(--muted,#6a7b8f);--about-line:var(--line,#e4eaf1);color:var(--about-ink)}
.about-volokitx h1,.about-volokitx h2,.about-volokitx h3{color:inherit;overflow-wrap:anywhere}
.about-volokitx h1{font-size:clamp(38px,4.2vw,54px);line-height:1.08;letter-spacing:-1.5px;font-weight:800;margin:0 0 20px}
.about-volokitx h2{font-size:clamp(28px,3vw,36px);line-height:1.2;letter-spacing:-.5px;margin:0 0 24px}
.about-volokitx h3{font-size:20px;line-height:1.35;margin:0 0 10px}
.about-volokitx p{overflow-wrap:anywhere}
.about-volokitx__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding-block:32px}
.about-volokitx__hero-copy:only-child{grid-column:1/-1;max-width:850px}
.about-volokitx__subtitle{font-size:clamp(20px,2vw,24px);line-height:1.4;font-weight:650;margin:0 0 18px}
.about-volokitx__copy{font-size:16px;line-height:1.7;color:var(--about-muted)}
.about-volokitx__copy p{margin:0 0 14px}.about-volokitx__copy p:last-child{margin-bottom:0}
.about-volokitx__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.about-volokitx .v-btn{min-height:46px;font-size:14px;white-space:normal;text-align:center;max-width:100%}
.about-volokitx a:focus-visible{outline:3px solid var(--about-accent);outline-offset:5px}
.about-volokitx__hero-media,.about-volokitx__story-media{border-radius:18px;overflow:hidden;background:#f3f7fd}
.about-volokitx__hero-media,.about-volokitx__story-media{aspect-ratio:5/4;position:relative;min-width:0}
.about-volokitx__hero-media img,.about-volokitx__story-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.about-volokitx__hero-media img{object-position:var(--about-hero-position,50% 50%)!important}
.about-volokitx__story-media img{object-position:var(--about-story-position,50% 50%)!important}
.about-volokitx__product-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;background:#f3f7fd;border-radius:18px}
.about-volokitx__product-mosaic figure{margin:0;min-width:0;background:#fff;border-radius:12px;padding:16px}
.about-volokitx__product-mosaic img{width:100%;height:270px;object-fit:contain}
.about-volokitx__product-mosaic figcaption{font-size:13px;line-height:1.6;color:var(--about-muted);margin-top:14px;overflow-wrap:anywhere}
.about-volokitx__band{padding:32px 0}.about-volokitx__band--soft{background:#f5f8fc}
.about-volokitx__story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}
.about-volokitx__story--text{grid-template-columns:minmax(0,1fr);max-width:920px}
.about-volokitx__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.about-volokitx__grid--step{grid-template-columns:repeat(4,minmax(0,1fr))}
.about-volokitx__card{min-width:0;padding:24px 20px;border:1px solid #dce5f2;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(0,24,96,.035)}
.about-volokitx__card p{color:var(--about-muted);font-size:15px;line-height:1.6;margin:0}
.about-volokitx__grid--advantage h3,.about-volokitx__grid--step h3{min-height:2.7em}
.about-volokitx__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--about-accent);background:#edf4ff;border-radius:10px;margin-bottom:18px}
.about-volokitx__icon svg{width:24px;height:24px}
.about-volokitx__scenario{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:22px}
.about-volokitx__step{display:block;font-size:13px;letter-spacing:1.35px;font-weight:800;color:var(--about-accent);margin-bottom:18px}
.about-volokitx__partnership{padding:32px 0;background:var(--about-ink);color:#fff}
.about-volokitx__partnership h2{max-width:900px;margin-bottom:22px}
.about-volokitx__partnership p:not(.about-volokitx__kicker){max-width:850px;font-size:16px;line-height:1.7;color:#d6e3fa;margin:0}
.about-volokitx .about-volokitx__kicker{margin:0 0 12px}
.about-volokitx__partnership .about-volokitx__kicker{color:#8eb4ff}
.about-volokitx__partnership .v-btn--primary{background:var(--about-accent);color:#fff}
.about-volokitx__partnership .v-btn--secondary{background:transparent;color:#fff;border-color:#a6bee4}
.about-volokitx__partnership p.about-volokitx__email{margin-top:24px;font-size:16px}
.about-volokitx__email a{text-decoration:underline;text-underline-offset:4px;color:#fff}
.about-volokitx__editor-note{padding:24px;background:#f3f7fd;border:1px dashed var(--about-line)}
@media(min-width:990px) and (max-width:1199px){.about-volokitx__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-volokitx__hero,.about-volokitx__story{gap:28px}}
@media(max-width:989px){.about-volokitx__hero,.about-volokitx__story{grid-template-columns:1fr;gap:24px}.about-volokitx__story-media{order:2}.about-volokitx__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-volokitx__hero-media,.about-volokitx__story-media{aspect-ratio:auto}.about-volokitx__hero-media img,.about-volokitx__story-media img{position:static;width:100%;height:auto;object-fit:contain}.about-volokitx__hero,.about-volokitx__band,.about-volokitx__partnership{padding-block:20px}}
@media(max-width:599px){.about-volokitx__grid{grid-template-columns:1fr}.about-volokitx__product-mosaic{padding:12px;gap:10px}.about-volokitx__product-mosaic figure{padding:10px}.about-volokitx__product-mosaic img{height:170px}.about-volokitx__card{padding:22px 20px}.about-volokitx__actions{flex-direction:column}.about-volokitx h1{font-size:36px}.about-volokitx__grid--advantage h3,.about-volokitx__grid--step h3{min-height:0}}
