:root {
  --v9-ink: #10181f;
  --v9-muted: #667085;
  --v9-red: #f6323e;
  --v9-red-dark: #b21e27;
  --v9-line: #e8eaf0;
  --v9-soft: #fff5f6;
  --v9-blue: #164e63;
}

body { background: #fbfcfe; }
main { overflow: hidden; }
.v9-hero { position: relative; isolation: isolate; background: radial-gradient(circle at 12% 12%, rgba(246,50,62,.14), transparent 34%), linear-gradient(135deg, #fff1f2 0%, #fff 58%, #f3f7fb 100%); }
.v9-hero::before, .v9-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 999px; pointer-events: none; }
.v9-hero::before { width: 360px; height: 360px; right: -130px; top: 80px; border: 1px solid rgba(246,50,62,.16); box-shadow: 0 0 0 28px rgba(246,50,62,.03), 0 0 0 58px rgba(246,50,62,.02); }
.v9-hero::after { width: 210px; height: 210px; left: -100px; bottom: 50px; background: rgba(22,78,99,.04); }
.v9-hero h1 { letter-spacing: -.035em; }
.v9-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; padding: 7px 13px; border: 1px solid rgba(246,50,62,.24); border-radius: 999px; color: var(--v9-red-dark); background: rgba(255,255,255,.8); font-size: .86rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.v9-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: var(--v9-red); box-shadow: 0 0 0 4px rgba(246,50,62,.14); }
.v9-hero-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); align-items: center; gap: 54px; }
.v9-hero-copy { text-align: left; }
.v9-hero-copy > p { margin-left: 0; }
.v9-hero-actions { justify-content: flex-start; }
.v9-dashboard { position: relative; min-height: 390px; display: grid; place-items: center; }
.v9-dashboard::before { content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%; background: linear-gradient(145deg, rgba(246,50,62,.18), rgba(22,78,99,.08)); filter: blur(1px); }
.v9-dashboard-card { position: relative; width: min(100%, 390px); padding: 23px; border: 1px solid rgba(255,255,255,.9); border-radius: 22px; background: rgba(255,255,255,.84); box-shadow: 0 24px 70px rgba(16,24,31,.14); backdrop-filter: blur(12px); }
.v9-dashboard-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; color: var(--v9-muted); font-size: .82rem; font-weight: 600; }
.v9-dashboard-badge { padding: 5px 9px; border-radius: 999px; color: #0f766e; background: #ecfdf5; font-size: .72rem; }
.v9-dashboard-value { margin: 0; color: var(--v9-ink); font-size: 2.2rem; font-weight: 700; letter-spacing: -.04em; }
.v9-dashboard-sub { margin: 0 0 20px; color: var(--v9-muted); font-size: .85rem; }
.v9-bars { display: flex; align-items: end; gap: 9px; height: 104px; padding: 14px 0; border-bottom: 1px solid var(--v9-line); }
.v9-bars i { display: block; flex: 1; min-height: 22px; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, var(--v9-red), #ffb3b8); }
.v9-bars i:nth-child(2) { height: 58%; opacity: .72; }.v9-bars i:nth-child(3) { height: 82%; opacity: .85; }.v9-bars i:nth-child(4) { height: 45%; opacity: .56; }.v9-bars i:nth-child(5) { height: 92%; }.v9-bars i:nth-child(6) { height: 66%; opacity: .75; }
.v9-dashboard-foot { display: flex; gap: 12px; margin-top: 18px; }
.v9-mini-stat { flex: 1; padding: 11px 12px; border-radius: 12px; background: #f8fafc; }.v9-mini-stat strong { display: block; color: var(--v9-ink); font-size: 1rem; }.v9-mini-stat span { color: var(--v9-muted); font-size: .72rem; }
.v9-float { position: absolute; padding: 12px 15px; border: 1px solid rgba(255,255,255,.86); border-radius: 14px; background: rgba(255,255,255,.9); box-shadow: 0 14px 30px rgba(16,24,31,.11); color: var(--v9-ink); font-size: .78rem; font-weight: 600; }
.v9-float strong { display: block; color: var(--v9-red-dark); font-size: 1.1rem; }.v9-float.one { top: 14%; right: -4%; }.v9-float.two { bottom: 10%; left: -5%; }
.v9-trust-grid article { border: 1px solid rgba(232,234,240,.9); box-shadow: 0 12px 32px rgba(16,24,31,.07); transition: transform .25s ease, box-shadow .25s ease; }
.v9-trust-grid article:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(16,24,31,.12); }
.v9-section-lead { max-width: 760px; margin-inline: auto; }
.v9-section-lead h2 { letter-spacing: -.025em; }
.v9-service-grid .service-card { position: relative; overflow: hidden; border-color: var(--v9-line); background: #fff; box-shadow: 0 9px 24px rgba(16,24,31,.045); }
.v9-service-grid .service-card::after { content: ""; position: absolute; width: 110px; height: 110px; right: -46px; top: -48px; border-radius: 50%; background: rgba(246,50,62,.06); transition: transform .3s ease; }
.v9-service-grid .service-card:hover::after { transform: scale(1.5); }
.v9-service-grid .service-card::before { position: relative; z-index: 1; display: inline-grid; place-items: center; width: 43px; height: 43px; margin-bottom: 18px; border-radius: 13px; color: #fff; background: linear-gradient(145deg, var(--v9-red), var(--v9-red-dark)); box-shadow: 0 9px 16px rgba(246,50,62,.22); font-size: .77rem; font-weight: 700; }
.v9-service-grid .service-card:nth-child(2n)::before, .v9-service-grid .service-card:nth-child(3n)::before { background: linear-gradient(145deg, #164e63, #0e7490); box-shadow: 0 9px 16px rgba(22,78,99,.2); }
.v9-service-grid .service-card:nth-child(1)::before { content: "01"; }.v9-service-grid .service-card:nth-child(2)::before { content: "02"; }.v9-service-grid .service-card:nth-child(3)::before { content: "03"; }.v9-service-grid .service-card:nth-child(4)::before { content: "04"; }.v9-service-grid .service-card:nth-child(5)::before { content: "05"; }.v9-service-grid .service-card:nth-child(6)::before { content: "06"; }.v9-service-grid .service-card:nth-child(7)::before { content: "07"; }.v9-service-grid .service-card:nth-child(8)::before { content: "08"; }.v9-service-grid .service-card:nth-child(9)::before { content: "09"; }
.v9-service-grid .service-card h3 { position: relative; z-index: 1; }
.v9-service-grid .service-card p { position: relative; z-index: 1; min-height: 84px; }
.v9-service-icon { position: relative; z-index: 1; display: inline-grid; place-items: center; width: 43px; height: 43px; margin-bottom: 18px; border-radius: 13px; color: #fff; background: linear-gradient(145deg, var(--v9-red), var(--v9-red-dark)); box-shadow: 0 9px 16px rgba(246,50,62,.22); font-size: .77rem; font-weight: 700; }
.v9-service-icon.cool { background: linear-gradient(145deg, #164e63, #0e7490); box-shadow: 0 9px 16px rgba(22,78,99,.2); }
.v9-service-card-link { position: relative; z-index: 1; }
.v9-process { position: relative; }
.v9-process::before { content: ""; position: absolute; left: 16.5%; right: 16.5%; top: 71px; height: 1px; background: linear-gradient(90deg, transparent, #f7a0a6, transparent); }
.v9-process-card { position: relative; z-index: 1; border: 1px solid var(--v9-line); background: rgba(255,255,255,.92); box-shadow: 0 12px 30px rgba(16,24,31,.06); }
.v9-process-number { display: inline-grid; place-items: center; width: 45px; height: 45px; border: 5px solid #fff; border-radius: 50%; color: #fff; background: var(--v9-red); box-shadow: 0 0 0 1px rgba(246,50,62,.25), 0 8px 16px rgba(246,50,62,.18); font-weight: 700; }
.v9-about-panel { position: relative; overflow: hidden; border: 1px solid var(--v9-line); box-shadow: 0 16px 42px rgba(16,24,31,.07); }
.v9-about-panel::after { content: "WMC"; position: absolute; right: -18px; bottom: -35px; color: rgba(246,50,62,.05); font-size: 10rem; font-weight: 800; line-height: 1; pointer-events: none; }
.v9-contact-tile { border: 1px solid var(--v9-line); box-shadow: 0 10px 25px rgba(16,24,31,.05); transition: transform .2s ease, border-color .2s ease; }
.v9-contact-tile:hover { transform: translateY(-3px); border-color: rgba(246,50,62,.35); }
.v9-contact-icon { display: inline-grid; place-items: center; width: 42px; height: 42px; margin-bottom: 13px; border-radius: 12px; color: var(--v9-red-dark); background: var(--v9-soft); font-size: 1.1rem; }
.v9-contact-form { border: 1px solid var(--v9-line); box-shadow: 0 18px 44px rgba(16,24,31,.08); }
.v9-cta { position: relative; overflow: hidden; background: radial-gradient(circle at 90% 15%, rgba(246,50,62,.35), transparent 33%), linear-gradient(135deg, #10181f, #173442); }
.v9-cta::after { content: ""; position: absolute; width: 280px; height: 280px; right: -90px; bottom: -150px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.04), 0 0 0 70px rgba(255,255,255,.025); }
@media (max-width: 900px) { .v9-hero-grid { grid-template-columns: 1fr; gap: 18px; }.v9-hero-copy { text-align: center; }.v9-hero-copy > p { margin-inline: auto; }.v9-hero-actions { justify-content: center; }.v9-dashboard { min-height: 330px; }.v9-process::before { left: 10%; right: 10%; } }
@media (max-width: 640px) { .v9-dashboard { min-height: 280px; }.v9-dashboard-card { padding: 18px; }.v9-float.one { right: -2%; top: 7%; }.v9-float.two { left: -2%; bottom: 5%; }.v9-process::before { display: none; }.v9-service-grid .service-card p { min-height: auto; } }