/* Commercial layer: concrete demonstrations and a progressively enhanced product chooser. */
[hidden] { display: none !important; }
.wm-commercial-hero { min-height: 100vh; min-height: 100dvh; padding: 96px 0 48px; background: #fbfcfd; }
.wm-commercial-hero .hc-hero__inner { grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.wm-commercial-hero .hc-hero__title { font-size: clamp(2.8rem,4.6vw,4.15rem); line-height: 1.05; letter-spacing: -.045em; margin-bottom: 24px; }
.wm-commercial-hero .hc-hero__subtitle { font-size: 1.06rem; line-height: 1.75; margin-bottom: 27px; }
.wm-commercial-hero .hc-eyebrow { font-size: .67rem; letter-spacing: .16em; }
.wm-hero-visual { width: 100%; max-width: 610px; min-width: 0; margin: 0 auto; }
.wm-hero-visual img { display: block; width: 100%; height: auto; }
.wm-hero-proof { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 28px; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.wm-hero-proof a,.wm-hero-proof span { display: inline-flex; gap: 6px; align-items: center; text-decoration: none; }
.wm-hero-proof i { color: var(--cyan-text); }
.v5-home .hc-section { padding: 88px 0; }
.wm-section-head { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; margin-bottom: 42px; }
.wm-section-head > div { width: 100%; }
.wm-section-head .hc-display { text-wrap: balance; }
.wm-section-head .hc-display,.wm-section-head .hc-lead { margin-bottom: 0; }
.wm-section-head .hc-text-link { margin-top: 18px; }
.wm-section-head > .hc-text-link { margin-top: 0; }
.wm-section-head .hc-kicker { margin-bottom: 18px; }
.wm-section-head .hc-lead { font-size: 1rem; max-width: 850px; }
.wm-anchor { position: absolute; top: 0; }
.wm-solutions,.wm-anchor,.wm-service { scroll-margin-top: 90px; }
.wm-demo { min-width: 0; overflow: hidden; border: 1px solid #dae7ea; border-radius: 22px; background: #fff; box-shadow: 0 25px 70px #21435016,0 2px 5px #21435008; }
.wm-demo__bar { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid #edf0f2; font-size: .72rem; font-weight: 650; }
.wm-demo__brand { font-size: 1.6rem; font-weight: 850; line-height: 1; letter-spacing: -.1em; color: #0b8793; }
.wm-demo__brand span { color: #d5339e; }
.wm-demo__example { margin-left: auto; font-size: .6rem; font-weight: 500; color: #666a72; }
.wm-demo__tabs { display: flex; gap: 5px; margin: 17px 20px 0; padding: 4px; background: #f3f5f7; border-radius: 10px; }
.wm-demo__tabs button { flex: 1; border: 0; padding: 9px 5px; border-radius: 7px; background: transparent; color: #555d66; font: 600 .73rem/1.4 var(--font); cursor: pointer; }
.wm-demo__tabs button[aria-selected=true] { background: #fff; color: #087684; box-shadow: 0 2px 6px #17293212; }
.wm-demo__tabs i { margin-right: 4px; }
.wm-demo__panel { padding: 23px 20px 0; }
.wm-demo__panel + .wm-demo__panel { border-top: 1px solid var(--line); }
.wm-demo.is-enhanced .wm-demo__panel { border-top: 0; }
.wm-demo__label { display: block; color: #087684; font-size: .6rem; font-weight: 750; letter-spacing: .11em; }
.wm-demo__heading h2 { font-size: 1.45rem; letter-spacing: -.025em; margin: 9px 0; line-height: 1.2; }
.wm-demo__heading p { color: var(--muted); font-size: .77rem; line-height: 1.65; max-width: 400px; }
.wm-demo__workspace { display: grid; grid-template-columns: .9fr 1.1fr; gap: 14px; align-items: stretch; margin-top: 20px; min-height: 230px; }
.wm-demo__document,.wm-demo__record,.wm-demo__booking,.wm-demo__sources { min-width: 0; border: 1px solid #e5eaee; border-radius: 12px; background: #f9fafb; padding: 13px; }
.wm-demo__document > div:first-child { display: flex; align-items: center; gap: 6px; font-size: .61rem; color: #444f5a; }
.wm-demo__document > div:first-child > i:first-child { color: #c74776; font-size: 1.2rem; }
.wm-demo__document > div:first-child > i:last-child { margin-left: auto; color: #247647; }
.wm-demo small { display: block; color: #68717b; font-size: .6rem; line-height: 1.5; }
.wm-demo__paper { background: #fff; padding: 15px 13px; border: 1px solid #e4e8ed; border-radius: 3px; margin-top: 12px; box-shadow: 0 4px 9px #00000004; }
.wm-demo__paper > span { font-size: .6rem; letter-spacing: .09em; color: #68717b; }
.wm-demo__paper > strong { display: block; font-size: .8rem; margin-top: 5px; }
.wm-demo__paper-lines { display: flex; flex-direction: column; gap: 4px; margin: 13px 0; }
.wm-demo__paper-lines b { display: block; background: #ebedf0; height: 3px; border-radius: 2px; }
.wm-demo__paper-lines b:nth-child(2) { width: 70%; }
.wm-demo__paper-lines b:nth-child(3) { width: 85%; }
.wm-demo dl { margin: 0; }
.wm-demo dl > div { display: flex; gap: 8px; justify-content: space-between; padding: 5px 0; font-size: .66rem; }
.wm-demo dd { margin: 0; font-weight: 650; text-align: right; }
.wm-demo dt { color: #68717b; }
.wm-demo__record { padding: 16px 13px; background: #fff; }
.wm-demo__record-head { display: flex; gap: 7px; align-items: center; color: #0a7f8c; font-weight: 700; font-size: .7rem; margin-bottom: 16px; }
.wm-demo__record dl > div { display: block; border-bottom: 1px solid #edf0f2; padding: 7px 0; }
.wm-demo__record dd { text-align: left; margin-top: 3px; color: #243944; }
.wm-demo__review { display: flex; gap: 7px; align-items: flex-start; margin-top: 14px; padding: 10px; border-radius: 8px; background: #eaf6ef; color: #246340; }
.wm-demo__review strong { display: block; font-size: .67rem; }
.wm-demo__review span { display: block; font-size: .6rem; line-height: 1.5; margin-top: 4px; }
.wm-demo__outcome { display: flex; gap: 8px; align-items: flex-start; margin: 16px 0; color: #43545c; font-size: .68rem; line-height: 1.6; }
.wm-demo__outcome i { color: #0a7f8c; margin-top: 2px; }
.wm-demo__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #edf0f2; padding: 12px 20px; background: #fbfcfd; font-size: .58rem; color: #68717b; }
.wm-demo__footer button { flex-shrink: 0; border: 0; background: none; padding: 5px 0; color: #087684; cursor: pointer; font: 650 .65rem var(--font); }
.wm-demo__booking > strong { display: block; font-size: 1rem; margin: 14px 0 7px; }
.wm-demo__booking > span:not(.wm-demo__label) { font-size: .7rem; color: #68717b; }
.wm-demo__slots { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 20px 0 12px; }
.wm-demo__slots > * { padding: 10px 5px; border: 1px solid #dce4e8; text-align: center; border-radius: 7px; background: #fff; font-size: .7rem; }
.wm-demo__slots b { background: #e1f6f5; color: #087684; border-color: #8bd4d7; }
.wm-demo__appointment { display: flex; gap: 9px; padding: 17px 8px; border-left: 3px solid #00b5c5; background: #eefafb; border-radius: 4px; margin: 24px 0; font-size: .7rem; }
.wm-demo__sources > div { display: flex; align-items: center; gap: 6px; font-size: .67rem; padding: 15px 0; border-bottom: 1px solid #e4eaee; }
.wm-demo__sources > div > i:last-child { color: #247647; margin-left: auto; }
.wm-demo__chart { height: 104px; display: flex; align-items: flex-end; gap: 8px; padding: 8px 7px 0; border-bottom: 1px solid #dfe9ef; }
.wm-demo__chart b { flex: 1; height: 40%; border-radius: 4px 4px 0 0; background: linear-gradient(#53cbcf,#b5e8e6); }
.wm-demo__chart b:nth-child(2) { height: 65%; }.wm-demo__chart b:nth-child(3) { height: 48%; }.wm-demo__chart b:nth-child(4) { height: 85%; }.wm-demo__chart b:nth-child(5) { height: 68%; }.wm-demo__chart b:nth-child(6) { height: 94%; }
.wm-demo [data-demo-phase] { transition: opacity .35s,transform .35s,box-shadow .35s; }
.wm-demo.is-playing [data-demo-phase]:not(.is-done) { opacity: .28; transform: translateY(5px); }
.wm-demo.is-playing .is-current { box-shadow: 0 0 0 2px #00b5c526; }
.wm-selector.is-enhanced { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 24px; align-items: start; }
.wm-selector__tabs { display: flex; flex-direction: column; gap: 7px; }
.wm-selector__tabs button { display: flex; text-align: left; align-items: center; gap: 13px; min-height: 78px; border: 1px solid transparent; border-radius: 13px; padding: 15px; background: transparent; font: 650 .86rem/1.4 var(--font); color: #46525c; cursor: pointer; transition: background .15s,border-color .15s; }
.wm-selector__tabs button > i:first-child { font-size: 1.35rem; color: #087684; }
.wm-selector__tabs button > i:last-child { margin-left: auto; color: #808b91; }
.wm-selector__tabs small { display: block; font-size: .7rem; margin-top: 4px; font-weight: 450; color: #627079; }
.wm-selector__tabs button[aria-selected=true] { background: #fff; border-color: #b9e3e5; color: #172e38; box-shadow: 0 5px 15px #15394307; }
.wm-selector__tabs button:hover { background: #ffffffa8; }
.wm-solution { min-width: 0; margin-bottom: 25px; border: 1px solid #e2e7eb; border-radius: 20px; background: #fff; overflow: hidden; }
.wm-selector.is-enhanced .wm-solution { margin: 0; }
.wm-solution__copy { padding: 30px 32px 22px; }
.wm-solution__audience { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: .7rem; color: #61717a; margin-bottom: 17px; }
.wm-solution__audience > span { border-radius: 20px; padding: 6px 11px; background: #eaf8f8; color: #087684; font-weight: 700; }
.wm-solution h3 { max-width: 630px; font-size: clamp(1.55rem,2.5vw,2.15rem); line-height: 1.18; letter-spacing: -.025em; margin-bottom: 16px; }
.wm-solution__copy > p:not(.wm-solution__audience) { color: #56616a; font-size: .95rem; line-height: 1.7; max-width: 670px; }
.wm-solution__offer { margin: 22px 0 18px; }
.wm-solution__offer strong { display: block; font-size: 1rem; color: #163b43; }
.wm-solution__offer span { display: block; font-size: .71rem; line-height: 1.6; color: #637079; margin-top: 5px; }
.wm-solution__actions { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.wm-solution__actions .wm-btn { min-height: 44px; font-size: .8rem; padding: 12px 18px; }
.wm-solution__actions .hc-text-link { font-size: .77rem; }
.wm-solution__benefits { margin-top: 24px; display: grid; gap: 10px; }
.wm-solution__benefits li { display: flex; gap: 8px; font-size: .78rem; line-height: 1.5; color: #52616a; }
.wm-solution__benefits i { color: #0a7f8c; padding-top: 2px; }
.wm-solution__visual { margin: 0; padding: 22px 32px 0; background: linear-gradient(125deg,#eaf8f8,#f4eaf4); border-top: 1px solid #edf0f2; overflow: hidden; }
.wm-solution__visual img { width: 100%; height: 235px; object-fit: cover; object-position: top; border-radius: 10px 10px 0 0; border: 1px solid #dce3e7; box-shadow: 0 4px 20px #2344500c; }
.wm-solution__visual figcaption { padding: 10px 0; font-size: .66rem; color: #637079; }
.wm-solutions__note { margin-top: 22px; color: #66747c; font-size: .76rem; line-height: 1.7; }
.wm-custom-proof { background: linear-gradient(125deg,#eaf8f8,#f4eaf4); padding: 28px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.wm-custom-proof__label { width: 100%; font-size: .65rem; color: #087684; font-weight: 750; letter-spacing: .1em; margin-bottom: 12px; }
.wm-custom-proof > div { flex: 1; min-width: 130px; padding: 16px; border-radius: 10px; background: #fff; }
.wm-custom-proof > div i { display: block; color: #087684; font-size: 1.4rem; margin-bottom: 10px; }
.wm-custom-proof strong { display: block; font-size: .83rem; }.wm-custom-proof > div span { display: block; margin-top: 6px; font-size: .7rem; line-height: 1.5; color: #627079; }.wm-custom-proof > i { transform: rotate(-90deg); color: #087684; }
.wm-evidence__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.wm-proof-card { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #e3e9ec; border-radius: 18px; padding: 28px; background: #fbfcfd; }
.wm-proof-card__icon { font-size: 1.6rem; color: #0a7f8c; margin-bottom: 25px; }
.wm-proof-card .hc-kicker { font-size: .62rem; letter-spacing: .1em; margin-bottom: 13px; }
.wm-proof-card h3 { font-size: 1.3rem; line-height: 1.3; letter-spacing: -.02em; margin-bottom: 25px; }
.wm-proof-card__change { padding: 15px 0; border-top: 1px solid #e4eaee; width: 100%; }
.wm-proof-card__change > span { display: block; font-size: .66rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 7px; color: #69747d; }
.wm-proof-card__change p { font-size: .86rem; line-height: 1.7; color: #57646d; }
.wm-proof-card__change--after > span { color: #087684; }.wm-proof-card .hc-text-link { margin-top: auto; padding-top: 19px; font-size: .8rem; }
.wm-services { display: grid; grid-template-columns: 1fr 1fr; gap: 0 34px; }
.wm-service { display: flex; gap: 18px; padding: 27px 0; border-top: 1px solid #dfe5e9; text-decoration: none; }
.wm-service > i:first-child { color: #0a7f8c; font-size: 1.5rem; padding-top: 3px; }.wm-service > i:last-child { margin-left: auto; color: #0a7f8c; }
.wm-service h3 { font-size: 1.07rem; margin-bottom: 9px; }.wm-service p { color: #5b6971; font-size: .86rem; line-height: 1.7; }.wm-service:hover h3 { color: #0a7f8c; }
.wm-method { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 35px; }
.wm-method article > span { display: block; color: #0a7f8c; font: 600 .8rem var(--mono); margin-bottom: 23px; }.wm-method h3 { font-size: 1.15rem; margin-bottom: 13px; }.wm-method p { font-size: .93rem; color: #596670; line-height: 1.75; }
.wm-method__next { margin-top: 35px; padding-top: 30px; border-top: 1px solid #e1e7eb; display: flex; align-items: center; justify-content: space-between; gap: 24px; }.wm-method__next p { max-width: 670px; font-size: .87rem; line-height: 1.7; color: #596670; }.wm-method__next strong { display: block; color: #253b44; }
.wm-continuity { color: #596670; line-height: 1.75; font-size: .95rem; margin: -25px 0 28px; }
.hc-cta .hc-lead { margin: 0 auto 30px; }.hc-cta__note { max-width: 700px; margin-inline: auto; }
.wm-editorial { background: #fff; border-top: 1px solid var(--line); }
.wm-editorial .hc-news-card__media { aspect-ratio: 16 / 9; }
.wm-editorial .hc-news-card__media img { height: 100%; }
.wm-case-result-first { margin: 28px 0 18px; padding: 24px 28px; background: #eef9f7; border: 1px solid #cbe7e2; border-radius: 15px; }.wm-case-result-first > span { display: block; text-transform: uppercase; letter-spacing: .1em; font-size: .7rem; font-weight: 700; color: #087684; margin-bottom: 10px; }.wm-case-result-first p { font-size: 1rem; line-height: 1.8; max-width: 900px; }
.wm-solution-page .wa-hero__lead { max-width: 890px; }.wm-solution-audience { margin-top: 22px; font-size: .9rem; color: #566973; }.wm-solution-page .wm-evidence__grid { grid-template-columns: 1fr 1fr; }.wm-solution-page .wm-proof-card h2 { font-size: 1.2rem; margin-bottom: 16px; }.wm-solution-page .wm-proof-card p { font-size: .95rem; line-height: 1.8; }.wm-solution-page .wm-proof-card ul { display: grid; gap: 18px; }.wm-solution-page .wm-proof-card li { font-size: .95rem; line-height: 1.7; }.wm-solution-page .wm-proof-card li i { margin-right: 7px; color: #0a7f8c; }
.wm-contact-inline { max-width: 760px; margin: 0 auto; padding: 30px; border: 1px solid #dbe5e9; border-radius: 18px; background: #fff; }.wm-contact-inline .wc-form { overflow: visible; padding: 0; margin-top: 0; }.wm-contact-inline .wc-field span { color: #344550; }.wm-contact-inline .wc-field input,.wm-contact-inline .wc-field select,.wm-contact-inline .wc-field textarea { color: #233944; background: #f8fafb; border-color: #cad8df; }.wm-contact-inline .wc-form__hint,.wm-contact-inline .wc-consent { color: #566771; }.wm-contact-inline .wc-success { color: #233944; }.wm-contact-inline .wc-success h3 { color: #233944; }
.wc-context { padding: 12px 14px; border-radius: 8px; background: #0a7f8c12; font-size: .82rem; line-height: 1.6; color: inherit; }.wc-context:empty { display: none; }
.wm-assistant-shortcuts { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 16px; }.wm-assistant-shortcuts a { border: 1px solid #cce3e5; border-radius: 15px; padding: 6px 10px; color: #0a7f8c; font-size: .7rem; text-decoration: none; background: #fff; }.is-collapsed .wm-assistant-shortcuts { display: none; }
.wc-direct-contact { font-size: .8rem; color: #64727b; line-height: 1.6; margin: 14px 0 0; }.wc-direct-contact a { color: #087684; }
@media (min-width:901px) and (max-width:1150px) { .wm-commercial-hero .hc-hero__inner { gap: 26px; }.wm-commercial-hero .hc-hero__title { font-size: 3.2rem; }.wm-demo__example { display: none; }.wm-selector.is-enhanced { grid-template-columns: 285px minmax(0,1fr); } }
@media (max-width:900px) { .wm-commercial-hero { padding: 115px 0 60px; }.wm-commercial-hero .hc-hero__inner { grid-template-columns: 1fr; gap: 38px; }.wm-commercial-hero .hc-hero__title { font-size: clamp(2.65rem,7.5vw,4rem); }.wm-demo { max-width: 610px; width: 100%; }.wm-section-head { grid-template-columns: 1fr; gap: 20px; }.wm-selector.is-enhanced { grid-template-columns: 1fr; }.wm-selector__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }.wm-selector__tabs button { min-height: 72px; padding: 12px; font-size: .78rem; }.wm-evidence__grid { grid-template-columns: 1fr; }.wm-proof-card { padding: 27px; }.wm-method { gap: 23px; }.wm-method__next { flex-wrap: wrap; }.wm-section-head .hc-display { font-size: clamp(2rem,5.5vw,3rem); }.wm-solution__visual img { height: 290px; } }
@media (max-width:560px) { .v5-home .hc-section { padding: 64px 0; }.wm-commercial-hero { padding-top: 104px; }.wm-commercial-hero .hc-hero__title { font-size: clamp(2.35rem,10.3vw,3.35rem); }.wm-commercial-hero .hc-hero__subtitle { font-size: .96rem; }.wm-commercial-hero .hc-hero__actions { align-items: stretch; }.wm-commercial-hero .hc-hero__explore { justify-content: center; width: 100%; font-size: .9rem; }.wm-hero-proof { font-size: .67rem; gap: 10px 12px; }.wm-demo__bar { padding: 12px 14px; }.wm-demo__example { font-size: .5rem; }.wm-demo__tabs { margin-inline: 12px; }.wm-demo__panel { padding: 20px 12px 0; }.wm-demo__workspace { gap: 8px; grid-template-columns: .9fr 1.1fr; }.wm-demo__record,.wm-demo__document,.wm-demo__booking,.wm-demo__sources { padding: 10px; }.wm-demo__paper { padding: 11px 8px; }.wm-demo__document > div:first-child { font-size: .52rem; }.wm-demo__review { padding: 8px; gap: 5px; }.wm-demo__review > i { display: none; }.wm-demo__footer { padding: 10px 13px; }.wm-demo__heading h2 { font-size: 1.35rem; }.wm-selector__tabs { gap: 5px; }.wm-selector__tabs button { align-items: flex-start; min-height: 90px; gap: 8px; font-size: .73rem; padding: 12px 9px; border-color: #e0e6e9; }.wm-selector__tabs button > i:first-child { font-size: 1.05rem; }.wm-selector__tabs button > i:last-child { display: none; }.wm-selector__tabs small { font-size: .62rem; }.wm-solution__copy { padding: 24px 20px; }.wm-solution__actions { align-items: stretch; }.wm-solution__actions .wm-btn { width: 100%; }.wm-solution__visual { padding: 18px 18px 0; }.wm-solution__visual img { height: 175px; }.wm-services,.wm-method,.wm-solution-page .wm-evidence__grid { grid-template-columns: 1fr; }.wm-method { gap: 28px; }.wm-method article > span { margin-bottom: 10px; }.wm-custom-proof { flex-direction: column; align-items: stretch; padding: 22px; }.wm-custom-proof > i { transform: none; text-align: center; }.wm-continuity { margin-top: -22px; }.wm-contact-inline { padding: 22px 18px; }.wm-section-head { gap: 15px; }.hc-cta .hc-display { margin-bottom: 24px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; }.wm-demo [data-demo-phase] { transition: none; }.hc-grad,.hc-ring-frame::before { animation: none; } }
.wa-case-hero h1{font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.12;max-width:1050px}
.wm-case-result-first h2{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.35;margin:8px 0 10px}
.v5-home .wa-skip{position:fixed;top:8px;left:8px;z-index:10000;padding:12px 18px;background:#fff;color:#172b38;transform:translateY(-180%)}
.v5-home .wa-skip:focus{transform:none}
.wm-service h2{font-size:1.35rem;line-height:1.3;margin:12px 0}