.wm { --wm-mint:#b8efd5; --wm-blue:#a7c8ed; --wm-gold:#e3ceaa; }
.mp:has(.wm) { padding-top:38px; }
.wm h1 em,.wm h2 em { font:inherit; color:var(--wm-mint); }
.wm h2 { font-size:clamp(29px,3.2vw,43px); }
.wm .mp-eyebrow { font-size:10px; letter-spacing:.13em; }
.wm .mp-textlink { color:var(--wm-mint) !important; font-size:12px; }
.wm .mp-button { font-size:12px; }
.wm-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:50px; align-items:center; padding:24px 0 58px; }
.wm-hero__copy { animation:wm-enter .85s ease-out both; }
.wm-hero .mp-eyebrow { display:flex; gap:12px; flex-wrap:wrap; }
.wm-hero .mp-eyebrow > span { opacity:.4; }
.wm h1 { font-size:clamp(27px,2.8vw,38px); line-height:1.25; letter-spacing:-.04em; margin:0 0 24px; }
.wm-brand { display:block; font-size:clamp(52px,5.25vw,72px); line-height:1.15; letter-spacing:-.035em; margin-bottom:23px; color:#fff; }
.wm-brand > span { color:var(--wm-mint); }
.wm-hero__copy > p { max-width:440px; font-size:14px; }
.wm .mp-actions { gap:22px; }
.wm-hero__note { display:flex; align-items:center; gap:9px; margin-top:29px; font-size:10px; color:#adbed2; }
.wm-hero__note > span { width:5px; height:5px; border-radius:50%; background:var(--wm-mint); }
.wm-finance { margin:0; padding:25px 25px 19px; border:1px solid #adcbd62b; border-radius:24px; background:radial-gradient(ellipse at 80% 20%,#549b9015,transparent 70%),linear-gradient(145deg,#29375288,#141e3833); box-shadow:0 24px 70px -45px #060c24; animation:wm-enter 1s .12s both; }
.wm-finance__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.wm-finance__heading div > span { display:block; color:#a5bbce; font-size:8px; letter-spacing:.11em; margin-bottom:10px; }
.wm-finance__heading strong { display:block; font-size:19px; line-height:1.3; font-weight:500; letter-spacing:-.035em; color:#e9f3f5; }
.wm-finance__heading > span { color:var(--wm-mint); font-size:24px; }
.wm-finance__accounts { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:20px 0; }
.wm-finance__accounts > div { display:flex; gap:12px; align-items:center; border:1px solid #a7c8ed20; background:#b8efd504; border-radius:12px; padding:11px 12px; }
.wm-finance__arrow { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:var(--wm-mint); background:#b8efd50b; font-size:19px; flex-shrink:0; }
.wm-finance__accounts > div:nth-child(2) .wm-finance__arrow { color:var(--wm-blue); background:#a7c8ed0b; }
.wm-finance__accounts small { display:block; color:#9fb6cd; font-size:7px; letter-spacing:.1em; margin-bottom:8px; }
.wm-finance__accounts strong { color:#e2eef2; font-weight:500; font-size:12px; }
.wm-finance__chart-head { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#d9e5ef; font-size:11px; }
.wm-finance__chart-head small { font-size:8px; color:#a7bbd1; }
.wm-finance__chart { display:block; width:100%; height:auto; max-height:145px; margin:10px 0 14px; }
.wm-finance__bars { transform-box:fill-box; transform-origin:center bottom; animation:wm-grow 1.1s cubic-bezier(.2,.65,.3,1) calc(.25s + var(--bar-order) * .1s) both; }
.wm-finance__line { stroke-dasharray:500; animation:wm-draw 1.9s .4s both; }
.wm-finance__dot { animation:wm-enter .5s 1.8s both; }
.wm-finance__ledger > div { display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:10px; padding:10px 0; border-top:1px solid var(--mp-line); }
.wm-finance__ledger span { color:#92a9c2; font-size:8px; }
.wm-finance__ledger strong { font-weight:500; font-size:11px; color:#d9e6ee; }
.wm-finance__ledger small { font-size:9px; color:#a5b8cf; }
.wm-finance figcaption { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding-top:17px; margin-top:3px; border-top:1px solid var(--mp-line); color:#9badc5; font-size:8px; }
.wm-finance__legend { display:flex; align-items:center; gap:7px; }
.wm-finance__legend i { width:5px; height:5px; background:var(--wm-mint); border-radius:50%; }
.wm-nav { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--mp-line); }
.wm-nav a { display:flex; align-items:center; gap:12px; padding:23px 18px; color:#e5edf5; font-size:12px; transition:background .25s; }
.wm-nav a + a { border-left:1px solid var(--mp-line); }
.wm-nav span { color:var(--wm-mint); font-size:9px; }
.wm-nav i { margin-left:auto; color:var(--wm-mint); font-style:normal; transition:transform .25s; }
.wm-nav a:hover { background:#b8efd507; }
.wm-nav a:hover i { transform:translateY(3px); }
.wm section { scroll-margin-top:110px; }
.wm-section { padding:78px 0; border-bottom:1px solid var(--mp-line); }
.wm-section__heading { display:grid; grid-template-columns:1fr .72fr; gap:65px; align-items:end; margin-bottom:40px; }
.wm-section__heading h2 { margin:0; }
.wm-section__heading > p { margin:0 0 3px; max-width:380px; font-size:14px; }
.wm-operations { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.wm-operations article { padding-top:22px; border-top:1px solid #b8efd540; }
.wm-number { color:var(--wm-mint); font-size:10px; }
.wm-operations h3 { font-size:21px; font-weight:500; margin:23px 0 15px; }
.wm-operations p { font-size:13px; margin:0; }
.wm-accounting { display:grid; grid-template-columns:1fr 1.1fr; gap:85px; align-items:center; }
.wm-accounting h2,.wm-connect h2 { margin:0 0 24px; }
.wm-accounting p,.wm-connect p { max-width:430px; font-size:14px; }
.wm-book { display:flex; align-items:center; gap:14px; margin-top:34px; }
.wm-book span { border:1px solid #a7c8ed35; border-radius:8px; padding:13px 18px; color:#bfd5e7; font-size:9px; letter-spacing:.06em; }
.wm-book i { font-style:normal; color:var(--wm-mint); font-size:13px; }
.wm-accounting__list { display:grid; grid-template-columns:1fr 1fr; gap:0 26px; list-style:none; padding:0; margin:0; }
.wm-accounting__list li { display:flex; align-items:flex-start; gap:10px; padding:18px 0; border-bottom:1px solid var(--mp-line); color:#c6d4e5; font-size:12px; line-height:1.7; }
.wm-accounting__list li > span { color:var(--wm-mint); }
.wm-reports { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.wm-reports article { padding:29px 25px; border:1px solid var(--mp-line); border-radius:18px; background:linear-gradient(150deg,#b8efd508,transparent); transition:border-color .3s; }
.wm-reports article:hover { border-color:#b8efd560; }
.wm-report-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid #b8efd530; border-radius:11px; font-size:23px; color:var(--wm-mint); }
.wm-reports article:nth-child(2) .wm-report-icon { color:var(--wm-blue); border-color:#a7c8ed30; }
.wm-reports article:nth-child(3) .wm-report-icon { color:var(--wm-gold); border-color:#e3ceaa30; }
.wm-reports h3 { font-size:22px; font-weight:500; margin:24px 0; }
.wm-reports ul { list-style:none; margin:0; padding:17px 0 0; border-top:1px solid var(--mp-line); }
.wm-reports li { position:relative; padding:7px 0 7px 13px; color:#bfcee0; font-size:12px; line-height:1.8; }
.wm-reports li::before { content:''; width:3px; height:3px; border-radius:50%; position:absolute; left:0; top:16px; background:var(--wm-mint); }
.wm-connect { display:grid; grid-template-columns:1fr 1fr; gap:95px; align-items:center; }
.wm-connect .mp-textlink { margin-top:18px; }
.wm-documents { border:1px solid #a7c8ed30; border-radius:20px; padding:30px; background:linear-gradient(140deg,#a7c8ed0b,#b8efd503); }
.wm-documents__eyebrow { display:block; font-size:8px; color:#a7bed5; letter-spacing:.12em; }
.wm-documents__main { display:flex; align-items:center; gap:26px; margin:30px 0; }
.wm-documents svg { width:53px; height:62px; color:var(--wm-mint); flex-shrink:0; }
.wm-documents h3 { font-size:28px; font-weight:500; margin:0 0 8px; }
.wm-documents p { font-size:11px; margin:0; }
.wm-documents ul { list-style:none; display:flex; flex-wrap:wrap; gap:10px; border-top:1px solid var(--mp-line); padding:23px 0 0; margin:0; }
.wm-documents li { font-size:11px; padding:10px 15px; border:1px solid #b8efd533; border-radius:30px; color:#c8e0df; }
.wm-faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:65px; }
.wm-faq details { border-bottom:1px solid var(--mp-line); }
.wm-faq details:first-child { border-top:1px solid var(--mp-line); }
.wm-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; padding:23px 0; color:#e4edf7; font-size:14px; }
.wm-faq summary::-webkit-details-marker { display:none; }
.wm-faq summary > span { flex-shrink:0; color:var(--wm-mint); font-size:22px; transition:transform .25s; }
.wm-faq details[open] summary > span { transform:rotate(45deg); }
.wm-faq details p { font-size:13px; margin:0 30px 25px 0; }
.wm-faq summary:focus-visible { outline:2px solid var(--wm-mint); outline-offset:5px; }
.wm-cta { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:65px 0 0; }
.wm-cta h2 { margin:0 0 22px; }
.wm-cta p { font-size:13px; margin:0; }
.wm-cta .mp-button { flex-shrink:0; }
@keyframes wm-enter { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
@keyframes wm-grow { from { opacity:0; transform:scaleY(.05); } to { opacity:1; transform:scaleY(1); } }
@keyframes wm-draw { from { stroke-dashoffset:500; } to { stroke-dashoffset:0; } }
@media (min-width:1001px) and (max-width:1150px) { .wm-hero { gap:30px; } .wm-brand { font-size:53px; } .wm h1 { font-size:28px; } .wm-finance { padding:22px 18px 18px; } .wm-finance__accounts { gap:10px; } .wm-finance__accounts > div { padding:14px 9px; gap:7px; } .wm-finance__accounts strong { font-size:11px; } }
@media (max-width:1000px) { .wm-hero { grid-template-columns:1fr; gap:36px; padding-top:14px; } .wm-hero__copy { max-width:650px; } .wm-brand { font-size:clamp(52px,8vw,76px); } .wm h1 { font-size:clamp(28px,4vw,38px); } .wm-finance { width:100%; max-width:630px; box-sizing:border-box; justify-self:center; } .wm-operations { grid-template-columns:1fr 1fr; gap:32px; } .wm-nav a { font-size:11px; padding-inline:12px; gap:8px; } .wm-accounting,.wm-connect { gap:40px; } .wm-accounting__list { grid-template-columns:1fr; } .wm-reports article { padding:23px 18px; } .wm-reports h3 { font-size:19px; } .wm-faq { gap:35px; } }
@media (max-width:600px) { .mp:has(.wm) { padding-top:22px; } .wm-hero { padding:12px 0 36px; gap:32px; } .wm-brand { font-size:clamp(40px,10.2vw,61px); margin-bottom:22px; } .wm h1 { font-size:clamp(23px,5.8vw,33px); } .wm-hero .mp-eyebrow { font-size:8px; gap:9px; } .wm-hero__copy > p { font-size:13px; } .wm .mp-actions { gap:18px; } .wm-hero__note { font-size:9px; margin-top:25px; } .wm-finance { padding:22px 17px 18px; border-radius:18px; } .wm-finance__heading strong { font-size:18px; } .wm-finance__heading div > span { font-size:7px; } .wm-finance__accounts { gap:10px; margin-block:22px; } .wm-finance__accounts > div { padding:14px 9px; gap:8px; } .wm-finance__accounts strong { font-size:10px; } .wm-finance__arrow { width:24px; height:24px; font-size:16px; } .wm-finance__accounts small { font-size:6px; } .wm-nav { grid-template-columns:1fr 1fr; } .wm-nav a { padding:19px 12px; font-size:11px; } .wm-nav a:nth-child(3) { border-left:0; } .wm-nav a:nth-child(n+3) { border-top:1px solid var(--mp-line); } .wm-section { padding:50px 0; } .wm-section__heading { grid-template-columns:1fr; gap:20px; margin-bottom:30px; } .wm-section__heading > p { font-size:13px; } .wm-operations { gap:28px 20px; } .wm-operations h3 { font-size:19px; margin-top:20px; } .wm-operations p { font-size:12px; } .wm-accounting,.wm-connect,.wm-faq { grid-template-columns:1fr; gap:30px; } .wm-accounting__list { grid-template-columns:1fr 1fr; gap:0 20px; } .wm-accounting__list li { font-size:11px; } .wm-book { gap:12px; } .wm-book span { padding:12px 15px; } .wm-reports { grid-template-columns:1fr; gap:16px; } .wm-reports article { padding:26px; } .wm-report-icon { float:right; margin-left:12px; } .wm-reports h3 { margin:10px 0 25px; font-size:23px; } .wm-reports ul { clear:both; } .wm-documents { padding:25px; } .wm-documents__main { gap:22px; } .wm-faq h2 { margin:0; } .wm-faq summary { font-size:13px; } .wm-cta { flex-direction:column; align-items:flex-start; gap:28px; padding-top:48px; } }
@media (max-width:360px) { .wm-brand { font-size:36px; } .wm-finance__accounts { grid-template-columns:1fr; } .wm-operations,.wm-accounting__list { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .wm *, .wm *::before { animation:none !important; transition:none !important; } }