/* Page-specific layout overrides. */

/* Intro headline: "Technology transformation is in our DNA." */
.wma-bd-0{background-image:none;-webkit-mask-image:none;mask-image:none}
.wma-bd-0::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--paper) 16%,transparent) 1px,transparent 1.7px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 78% 40%,#000,transparent);mask-image:radial-gradient(ellipse 60% 70% at 78% 40%,#000,transparent)}
.wma main h1.wma-dna-title{font-size:clamp(44px,7.4vw,128px);line-height:.95}
.wma-dna-title .wma-dna-l{display:block;white-space:nowrap}
.wma main h1.wma-dna-title em{display:inline;font-size:1.08em}
.is-pinned .wma-beat-intro .wma-lede{max-width:600px;font-size:clamp(20px,1.75vw,27px);line-height:1.42}
@media (max-width:900px){.wma main h1.wma-dna-title{font-size:clamp(40px,12vw,100px)}}

/* GEO: growth story, followed by the definition, example and a direct inquiry. */
#geo .wma-geo-launch{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;row-gap:clamp(26px,2.6vw,42px)}
.motion #geo>.wma-geo-launch,.motion #geo>.wma-solve-bridge,.motion #geo .wma-launch-feats li{opacity:1;transform:none}
#geo .wma-geo-story{grid-column:1/-1;display:grid;gap:18px}
#geo .wma-geo-story h4{margin:0;max-width:1040px;font:400 clamp(27px,2.8vw,42px)/1.12 Epilogue,sans-serif;letter-spacing:-.045em;text-wrap:balance}
#geo .wma-geo-story h4 em{display:block;color:var(--vir)}
#geo .wma-geo-story>p{max-width:820px;font:400 clamp(16px,1.3vw,19px)/1.5 Epilogue,sans-serif}
#geo .wma-launch-head,#geo .wma-launch-body,#geo .wma-ui{min-width:0}
#geo .wma-geo-definition{display:grid;gap:10px}
#geo .wma-geo-definition h5{margin:0;font:600 clamp(20px,1.7vw,26px)/1.2 Epilogue,sans-serif;letter-spacing:-.025em}
#geo .wma-geo-definition p{font:400 clamp(16px,1.25vw,18px)/1.5 Epilogue,sans-serif}
#geo .wma-geo-cta{width:100%;max-width:310px;justify-content:space-between;gap:12px;padding-left:18px;font-size:15px;line-height:1.25;text-decoration:none}
#geo .wma-geo-cta .wma-pill-arrow{flex:none}
#geo .wma-ui-geo{align-self:center}
@media(max-width:1100px){
 #geo .wma-geo-launch{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 #geo .wma-ui-geo{justify-self:center;width:100%;max-width:540px}
}
@media(max-width:900px){
 #geo .wma-geo-launch{grid-template-columns:minmax(0,1fr)}
 #geo .wma-ui-geo{max-width:none}
}

/* Shared, concise announcements for the Intelligence Engine and MERGE One. */
.wma-solve .wma-product-launch{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;row-gap:clamp(28px,3vw,46px)}
.motion :is(#listen,#align)>.wma-product-launch,.motion :is(#listen,#align)>.wma-solve-bridge,.motion :is(#listen,#align) .wma-launch-feats li{opacity:1;transform:none}
.wma-product-story{min-width:0;display:grid;gap:18px}
.wma-product-eyebrow{font:500 11px/1.4 Epilogue,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--product-accent,var(--mint))}
.wma-product-story h4{margin:0;font:400 clamp(32px,3.8vw,58px)/1.06 Epilogue,sans-serif;letter-spacing:-.05em;text-wrap:balance}
.wma-product-tag{max-width:920px;font-size:clamp(23px,2vw,31px);line-height:1.2;color:var(--product-accent,var(--mint))}
.wma-product-intro{max-width:820px;font:400 clamp(16px,1.3vw,19px)/1.5 Epilogue,sans-serif}
.wma-product-body{min-width:0}
.wma-product-definition{display:grid;gap:10px}
.wma-product-definition h5{margin:0;font:600 clamp(20px,1.7vw,26px)/1.2 Epilogue,sans-serif;letter-spacing:-.025em}
.wma-product-definition p{font:400 clamp(16px,1.25vw,18px)/1.5 Epilogue,sans-serif}
.wma-product-launch .wma-product-cta{width:100%;max-width:350px;justify-content:space-between;gap:12px;padding-left:18px;font-size:15px;line-height:1.25;text-decoration:none}
.wma-product-cta .wma-pill-arrow{flex:none}
.wma-one-launch{--product-accent:var(--vir)}
.wma-one-launch .wma-product-story h4{font-size:clamp(44px,5.4vw,80px)}
@media(max-width:900px){
 .wma-solve .wma-product-launch{grid-template-columns:minmax(0,1fr)}
 .wma-product-story h4{font-size:clamp(30px,8vw,46px)}
}

/* Test solution: the card shows what the client gets */
.wma-ui-get{gap:16px;padding:26px 26px 28px;align-content:start}
.ui-get-lab{justify-self:start;margin:0;padding:6px 11px;border-radius:999px;background:var(--mint);color:var(--ink);font:600 10px/1 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ui-get-big{margin:0;font:500 clamp(22px,1.9vw,30px)/1.12 Epilogue,sans-serif;letter-spacing:-.035em;color:var(--ink)}
.ui-get-big em{font-family:Fraunces,Georgia,serif;font-weight:300;font-style:italic;color:var(--color-headline-accent)}
.ui-get-list{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line-d);display:grid;gap:10px}
.ui-get-list li{position:relative;padding-left:26px;font:400 14px/1.4 Epilogue,sans-serif;color:var(--ink)}
.ui-get-list li::before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--mint);font-size:10px;font-weight:700;color:var(--ink)}

/* Each MERGE.ai solution is its own boxed product announcement, sitting inside the ribbon frame.
   The box lines up with the ribbon: --rib is the ribbon width, --gap the space between ribbon and box. */
.wma-band{container-type:inline-size}
.wma-solve{--rib:30px;--gap:clamp(20px,2.2vw,32px);padding-inline:0;padding-bottom:calc(6px + var(--rib) / 2 + var(--gap))}
.wma-solve:not(.wma-solve-notes){padding-top:calc(6px + var(--rib) / 2 + var(--gap))}
.wma-launch{
 --m:max(0px,(100cqw - 100%) / 4 - var(--rib) / 2 - var(--gap));
 position:relative;margin-inline:calc(-1 * var(--m));
 padding:clamp(44px,4.6vw,76px) calc(var(--m) * .4 + clamp(36px,4vw,72px));
 gap:clamp(32px,3.8vw,72px);
 border-radius:clamp(26px,2.6vw,40px);
 background:var(--box,#fff);
 box-shadow:0 0 0 1px var(--box-line,rgba(19,59,52,.08)),0 44px 90px -46px rgba(0,0,0,.45)
}
.wma-band-1 .wma-launch,.wma-band-4 .wma-launch{--box:#fff}
.wma-band-2 .wma-launch{--box:var(--forest);--box-line:color-mix(in srgb,var(--mint) 22%,transparent)}
.wma-band-3 .wma-launch{--box:var(--ink);--box-line:color-mix(in srgb,var(--mint) 22%,transparent)}
/* Larger type inside the box */
.wma-launch-feats b{font-size:clamp(16px,1.3vw,19px)}
.wma-launch-feats span{font-size:clamp(14.5px,1.12vw,16.5px)}
.wma-launch-feats li{padding:16px 0}
.wma-get{font-size:clamp(19px,1.7vw,26px);max-width:620px}
.wma-launch .wma-ui{box-shadow:0 30px 60px -20px rgba(0,0,0,.28),0 0 0 1px rgba(19,59,52,.1)}
@media (max-width:900px){
 .wma-solve{--rib:12px;--gap:12px}
 .wma-launch{padding:30px 22px 32px;border-radius:24px;gap:26px}
}

/* Trust: the four patient questions are text messages coming off the couple's photo.
   page.js pops them in one at a time as the photo scrolls up, then adds each "Answer tested" tag while the photo is still on screen. */
.wma-viz-chat .wma-ring{--bub:#fff}
.wma-chat{position:absolute;inset:0;z-index:2;margin:0;padding:0;list-style:none;pointer-events:none}
.wma-bub{position:absolute;width:max(52%,168px);display:grid;gap:7px}
.wma-bub-l{left:-14%;justify-items:end;transform-origin:100% 100%}
.wma-bub-r{right:-21%;justify-items:start;transform-origin:0 100%}
.wma-bub:nth-child(1){top:2%}
.wma-bub:nth-child(2){top:21%}
.wma-bub:nth-child(3){top:56%}
.wma-bub:nth-child(4){top:72%}
.wma-bub span{position:relative;display:block;padding:11px 15px 12px;border-radius:20px;background:var(--bub);color:var(--ink);font:500 clamp(14px,1.1vw,16px)/1.25 Epilogue,sans-serif;letter-spacing:-.01em;filter:drop-shadow(0 12px 18px rgba(0,0,0,.32))}
.wma-bub-l span{border-bottom-right-radius:6px}
.wma-bub-r span{border-bottom-left-radius:6px}
/* the little curled tail of a text bubble */
.wma-bub span::after{content:"";position:absolute;bottom:0;width:20px;height:17px;background:var(--bub);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3E%3Cpath d='M0 0H11C11 8 13.5 13.5 20 16.6C14 17.4 8.5 16.4 4 13.8L0 17Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3E%3Cpath d='M0 0H11C11 8 13.5 13.5 20 16.6C14 17.4 8.5 16.4 4 13.8L0 17Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.wma-bub-l span::after{right:-9px}
.wma-bub-r span::after{left:-9px;transform:scaleX(-1)}
.wma-bub b{padding:5px 9px;border-radius:999px;background:var(--mint);color:var(--ink);font:600 10.5px/1 Epilogue,sans-serif;letter-spacing:.03em;opacity:0;transform:scale(.7);transition:opacity .4s,transform .6s var(--ease)}
.wma-bub-l b{transform-origin:100% 50%}
.wma-bub-r b{transform-origin:0 50%}
.wma-bub.is-tested b,html:not(.motion) .wma-bub b{opacity:1;transform:none}
.motion .wma-bub{opacity:0;transform:translateY(12px) scale(.82);transition:opacity .3s,transform .55s cubic-bezier(.3,1.5,.5,1)}
.motion .wma-bub.is-shown{opacity:1;transform:none}
@media (min-width:901px) and (max-width:1100px){.wma-viz-chat .wma-ring{width:min(31vw,330px)}}
@media (max-width:900px){
 .wma-viz-chat .wma-ring{width:min(74vw,300px);margin-inline:auto}
 .wma-bub{width:52%;gap:5px}
 .wma-bub-l{left:-7%}
 .wma-bub-r{right:-7%}
 .wma-bub:nth-child(1){top:0}
 .wma-bub:nth-child(2){top:17%}
 .wma-bub:nth-child(3){top:60%}
 .wma-bub:nth-child(4){top:77%}
 .wma-bub span{padding:8px 11px 9px;border-radius:15px;font-size:12.5px}
 .wma-bub span::after{width:16px;height:14px}
 .wma-bub-l span::after{right:-7px}
 .wma-bub-r span::after{left:-7px}
 .wma-bub b{font-size:9.5px;padding:4px 8px}
}

/* Final CTA: the growth invitation shares the dark ribbon-led surface. */
.wma-final .wma-head{max-width:none;padding-right:88px}
.wma-final .wma-head>div{display:grid;gap:22px}
.wma-final .wma-head h2{max-width:1100px}
.wma-final .wma-close-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:5vw;padding-inline:clamp(40px,5vw,96px) 88px;margin-top:72px;align-items:start}
.wma-final .wma-reasons li{grid-template-columns:44px minmax(0,1fr);gap:18px 24px}
.wma-final .wma-reasons p{grid-column:2}
.wma-reason-icon{width:28px;height:28px;align-self:start;fill:none;stroke:var(--mint);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wma-cta-art{display:block;aspect-ratio:5/4}
.wma-cta-art img{width:100%;height:100%;object-fit:contain}
/* A quiet identity reveal: MERGE stays still while .ai draws and fills. */
.wma-mini-brand{aspect-ratio:1000/560;margin:0;color:var(--mint)}
.wma-mini-brand>svg{display:block;width:100%;height:100%;overflow:visible}
.wma-mini-period,.wma-mini-fill{fill:currentColor}
.wma-mini-period-trace{fill:none;stroke:currentColor;stroke-width:1.5;opacity:0}
.wma-mini-trace{fill:none;stroke:currentColor;stroke-width:12;stroke-linejoin:round;stroke-linecap:round;opacity:0}
.wma-mini-brand.is-animating .wma-mini-period-trace{animation:wma-mini-trace-dot 2.6s both}
.wma-mini-brand.is-animating .wma-mini-period{animation:wma-mini-period 2.6s both}
.wma-mini-brand.is-animating .wma-mini-a .wma-mini-trace{animation:wma-mini-trace-a 2.6s both}
.wma-mini-brand.is-animating .wma-mini-i .wma-mini-trace{animation:wma-mini-trace-i 2.6s both}
.wma-mini-brand.is-animating .wma-mini-a .wma-mini-fill{animation:wma-mini-letter-a 2.6s both}
.wma-mini-brand.is-animating .wma-mini-i .wma-mini-fill{animation:wma-mini-letter-i 2.6s both}
.wma-mini-brand.is-animating:not(.is-playing) *{animation-play-state:paused!important}
@keyframes wma-mini-trace-dot{0%{opacity:1;stroke-dasharray:1;stroke-dashoffset:1}15%{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}22%,100%{opacity:0;stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes wma-mini-period{0%,14%{opacity:0}22%,100%{opacity:1}}
@keyframes wma-mini-trace-a{0%,10%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}12%{opacity:1;stroke-dasharray:1;stroke-dashoffset:1}56%{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}66%,100%{opacity:0;stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes wma-mini-trace-i{0%,58%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}60%{opacity:1;stroke-dasharray:1;stroke-dashoffset:1}88%{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}98%,100%{opacity:0;stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes wma-mini-letter-a{0%,55%{opacity:0}66%,100%{opacity:1}}
@keyframes wma-mini-letter-i{0%,87%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.wma-mini-brand.is-animating *{animation:none!important}.wma-mini-brand .wma-mini-trace,.wma-mini-brand .wma-mini-period-trace{display:none}}
.wma-final .wma-cta .wma-pill{justify-self:stretch;justify-content:space-between}

/* Product actions support the story; reserve the filled mint pill for the closing invitation. */
.wma-band .wma-launch .wma-pill{--cta-ink:var(--ink);background:transparent;border:1px solid var(--cta-ink);color:var(--cta-ink)!important;transition:background .25s,color .25s,transform .3s var(--ease)}
.wma-band-2 .wma-launch .wma-pill,.wma-band-3 .wma-launch .wma-pill{--cta-ink:var(--paper)}
.wma-band .wma-launch .wma-pill-arrow{background:var(--cta-ink);color:var(--box,#fff);transition:background .25s,color .25s,transform .3s var(--ease)}
.wma-band .wma-launch .wma-pill:hover{background:var(--cta-ink);color:var(--box,#fff)!important}
.wma-band .wma-launch .wma-pill:hover .wma-pill-arrow{background:var(--box,#fff);color:var(--cta-ink)}
@media (max-width:900px){
 .wma-final .wma-head{padding-right:28px}
 .wma-final .wma-close-grid{grid-template-columns:1fr;gap:48px;padding-inline:14px 28px;margin-top:48px}
 .wma-final .wma-reasons li{grid-template-columns:30px minmax(0,1fr);gap:12px 14px}
 .wma-final .wma-cta .wma-pill{padding-left:20px;font-size:14px;gap:10px}
}

/* Palette: page accents inherit exact #75FB9F from palette.css.
   Keep the shared menu opening on its dark field on this page. */
.wma .mega-menu::before{background:var(--merge-dark-green)}
/* Retain the footer sweep using the mint hue and alpha only; no intermediate hues. */
@media (prefers-reduced-motion:no-preference){
 .wma .merge-footer .footer-ai{background-image:linear-gradient(110deg,var(--merge-mint) 0%,var(--merge-mint) 35%,color-mix(in srgb,var(--merge-mint) 72%,transparent) 49%,var(--merge-mint) 63%,var(--merge-mint) 100%)}
}