.vocs-hero{margin-top:78px;min-height:610px;color:#fff;background-image:linear-gradient(90deg,#04152ef5 0%,#06264ee8 40%,#06264e78 66%,#06264e1a 100%),url('./assets/vocs-case.jpeg');background-position:center;background-size:cover}
.vocs-hero-inner{display:flex;align-items:center;min-height:610px}.vocs-hero-inner>div{max-width:680px;padding:82px 0}.vocs-hero h1{margin:14px 0 16px;font-size:clamp(2.7rem,5.5vw,5rem);line-height:1.04}.vocs-hero p{max-width:640px;color:#dce8f5;line-height:1.8}.vocs-hero-subtitle{margin:0 0 12px!important;color:#f2c563!important;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:800}.vocs-button{display:inline-flex;margin-top:22px;padding:13px 21px;border-radius:6px;background:#efc15d;color:#0c2d52;font-weight:800;text-decoration:none}
.vocs-eyebrow{display:block;margin-bottom:10px;color:#a87519;font-size:.78rem;font-weight:900;letter-spacing:.12em}.vocs-intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:54px;align-items:center}.vocs-intro-grid h2{margin-top:0}.vocs-intro-grid figure,.vocs-system-layout figure{margin:0;padding:10px;border:1px solid #dae5ef;border-radius:14px;background:#fff;box-shadow:0 18px 50px #0b2c5114}.vocs-intro-grid img,.vocs-system-layout img{display:block;width:100%;height:auto;border-radius:8px}.vocs-intro-grid figcaption,.vocs-system-layout figcaption{padding:11px 5px 3px;color:#60748b;font-size:.86rem}.vocs-note{margin:20px 0 0;padding:14px 17px;border-left:3px solid #d7a849;background:#f5f8fb;color:#52677f;line-height:1.7}.vocs-section-nav{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:42px}
.vocs-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}.vocs-process article{position:relative;padding:26px 22px;border:1px solid #d9e4ef;border-radius:11px;background:#fff;box-shadow:0 12px 32px #1029460d}.vocs-process article:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;z-index:2;color:#c38b28;font-size:1.25rem;font-weight:900}.vocs-process span{color:#d09a35;font-size:1.45rem;font-weight:900}.vocs-process h3{margin:10px 0 8px;color:#123a67}.vocs-process p{margin:0;color:#586c83;line-height:1.7}
.vocs-dark{color:#fff;background:linear-gradient(135deg,#061b3a,#0b477f)}.vocs-dark .vocs-eyebrow{color:#f0c364}.vocs-dark h2{color:#fff}.vocs-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.vocs-application-grid article{padding:27px;border:1px solid #8bb1d64d;border-radius:12px;background:#ffffff0d}.vocs-application-grid h3{margin:0 0 10px;color:#fff}.vocs-application-grid p{margin:0;color:#d5e3f2;line-height:1.75}
.vocs-system-layout{display:block}.vocs-system-layout>div{max-width:900px}.vocs-list{display:grid;gap:10px;margin:26px 0;padding:0;list-style:none}.vocs-list li{position:relative;padding:13px 16px 13px 44px;border:1px solid #dae5ef;border-radius:8px;background:#fff;color:#294a6e}.vocs-list li::before{content:'✓';position:absolute;left:17px;color:#b67c19;font-weight:900}.vocs-text-link{display:inline-flex;color:#0d67b5;font-weight:800;text-decoration:none}.vocs-text-link::after{content:'→';margin-left:8px}
.vocs-advantages{background:#f3f7fb}.vocs-advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.vocs-advantage-grid article{padding:25px;border:1px solid #dbe6f1;border-radius:12px;background:#fff;box-shadow:0 12px 34px #0c315611}.vocs-advantage-grid i{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#e8f2fb;color:#0a69ba;font-style:normal;font-size:1.35rem;font-weight:900}.vocs-advantage-grid h3{margin:16px 0 8px;color:#113960}.vocs-advantage-grid p{margin:0;color:#5b6f85;line-height:1.7}
.vocs-case-feature{margin:28px 0 0;overflow:hidden;border:1px solid #dbe5ef;border-radius:14px;background:#fff;box-shadow:0 18px 48px #0b2c5114}.vocs-case-feature img{display:block;width:100%;height:auto}.vocs-case-feature figcaption{padding:15px 18px;color:#3e5772;font-weight:700}.vocs-cta .container{gap:50px}.vocs-cta .vocs-eyebrow{color:#f1c461}.vocs-cta p{max-width:780px;color:#d5e2f1;line-height:1.8}.vocs-cta a{min-width:190px;text-align:center}
@media(max-width:960px){.vocs-process{grid-template-columns:repeat(2,minmax(0,1fr))}.vocs-process article::after{display:none}.vocs-advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocs-intro-grid{grid-template-columns:1fr}}
@media(max-width:700px){.vocs-hero{margin-top:68px;min-height:610px;background-position:58% center;background-image:linear-gradient(90deg,#04152ff7 0%,#05264ee8 64%,#05264e7a 100%),url('./assets/vocs-case.jpeg')}.vocs-hero-inner{min-height:610px}.vocs-hero-inner>div{padding:64px 0}.vocs-hero h1{font-size:clamp(2.35rem,12vw,3.5rem)}.vocs-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.vocs-process,.vocs-application-grid,.vocs-advantage-grid{grid-template-columns:1fr}.vocs-button{width:100%;justify-content:center}}