.vi-hero{background:linear-gradient(135deg, var(--brand) 0%, #0d2247 100%);color:#fff;padding-top:80px}.vi-hero__inner{max-width:800px;padding:var(--space-4xl) 32px var(--space-3xl);text-align:center;margin:0 auto}.vi-hero__title{font-family:var(--font-display);margin:0 0 var(--space-lg);font-size:clamp(2.6rem,5vw,4rem);font-weight:500;line-height:1.1}.vi-hero__sub{color:#ffffffbf;margin:0 0 var(--space-xl);max-width:560px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.vi-hero__ctas{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.vi-hero__ghost{color:#fff;background:0 0;border-color:#ffffff4d}.vi-hero__ghost:hover{color:#fff;background:#ffffff1a;border-color:#fff9}.vi-how{background:var(--surface)}.vi-how__inner{max-width:900px;padding:var(--space-4xl) 32px;margin:0 auto}.vi-how__title{font-family:var(--font-display);color:var(--ink);margin:0 0 var(--space-md);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:500;display:inline-block;position:relative}.vi-how__title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;margin-top:12px;display:block}.vi-how__desc{color:var(--ink-soft);margin:0 0 var(--space-2xl);max-width:700px;font-size:1.05rem;line-height:1.7}.vi-steps{padding:var(--space-xl) 0;justify-content:center;align-items:flex-start;gap:0;display:flex}.vi-step{flex-direction:column;flex:1;align-items:center;max-width:180px;display:flex;position:relative}.vi-step__circle{border:2px solid var(--border);width:48px;height:48px;color:var(--ink);font-family:var(--font-body);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex;position:relative}.vi-step__circle--active{color:#fff;background:#16a34a;border-color:#16a34a}.vi-step__line{background:var(--border);z-index:1;width:calc(100% - 48px);height:2px;position:absolute;top:24px;left:calc(50% + 24px)}.vi-step__label{margin-top:var(--space-sm);color:var(--ink);text-align:center;font-size:.88rem;font-weight:500}.vi-cases{background:var(--surface-dim)}.vi-cases__inner{max-width:1000px;padding:var(--space-4xl) 32px;margin:0 auto}.vi-cases__title{font-family:var(--font-display);color:var(--ink);margin:0 0 var(--space-2xl);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:500;display:inline-block;position:relative}.vi-cases__title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;margin-top:12px;display:block}.vi-cases__grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);align-items:stretch;display:grid}.vi-case{border:1px solid var(--border-light);border-left:4px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);transition:box-shadow var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);background:#fff;flex-direction:column;height:100%;display:flex}.vi-case:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vi-case__icon{width:36px;height:36px;color:var(--accent);margin-bottom:var(--space-sm);flex-shrink:0}.vi-case__icon svg{width:100%;height:100%}.vi-case__title{font-family:var(--font-body);color:var(--accent);margin:0 0 var(--space-xs);font-size:.95rem;font-weight:700}.vi-case__desc{color:var(--ink-soft);flex-grow:1;margin:0;font-size:.9rem;line-height:1.6}.vi-why{background:var(--surface)}.vi-why__inner{max-width:1000px;padding:var(--space-4xl) 32px;margin:0 auto}.vi-why__title{font-family:var(--font-display);color:var(--ink);margin:0 0 var(--space-xl);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:500;display:inline-block;position:relative}.vi-why__title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;margin-top:12px;display:block}.vi-why__list{margin:0 0 var(--space-2xl);gap:var(--space-lg);grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.vi-why__list li{color:var(--ink-soft);align-items:flex-start;gap:14px;font-size:.95rem;line-height:1.6;display:flex}.vi-why__check{width:24px;height:24px;color:var(--brand-blue);flex-shrink:0;margin-top:2px}.vi-benefits{gap:var(--space-md);background:var(--surface-dim);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.vi-benefit{text-align:center;padding:var(--space-md)}.vi-benefit__icon{width:44px;height:44px;margin:0 auto var(--space-md);color:var(--accent)}.vi-benefit__icon svg{width:100%;height:100%}.vi-benefit h3{font-family:var(--font-body);color:var(--ink);margin:0 0 var(--space-xs);font-size:.95rem;font-weight:700}.vi-benefit p{color:var(--ink-soft);margin:0;font-size:.85rem;line-height:1.6}@media (width<=800px){.vi-cases__grid,.vi-why__list,.vi-benefits{grid-template-columns:1fr}.vi-steps{gap:var(--space-lg);flex-wrap:wrap}.vi-step__line{display:none}}@media (width<=600px){.vi-hero__inner{padding:var(--space-3xl) 20px var(--space-2xl)}.vi-how__inner,.vi-cases__inner,.vi-why__inner{padding-left:20px;padding-right:20px}}