@keyframes wc-dive{0%,10%{transform:scale(1)}42%,68%{transform:scale(2.3)}96%,100%{transform:scale(1)}}
.wc-content .wc-dive{transform-origin:50% 36%;animation:wc-dive 11s cubic-bezier(.6,0,.3,1) infinite}
@keyframes wc-pg{0%,12%{transform:translateY(0)}60%,72%{transform:translateY(-250px)}96%,100%{transform:translateY(0)}}
.wc-content .wc-pg{animation:wc-pg 11s ease-in-out infinite}
@keyframes wc-mo{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.wc-content .wc-mo{animation:wc-mo 1.6s ease-in-out infinite}
@media(max-width:900px){.wc-content .wc-bn>*{grid-column:1/-1!important}}
.wc-content .wc-zi{transition:transform .5s}
.wc-content .wc-zc:hover .wc-zi{transform:scale(1.04)}
@keyframes wc-tr{0%{transform:translateX(0);opacity:0}8%{opacity:1}85%{opacity:1}100%{transform:translateX(var(--wc-travel,78px));opacity:0}}
.wc-content .wc-tr{position:absolute;top:-5px;left:0;width:12px;height:12px;border-radius:50%;background:#FFC000;animation:wc-tr 2.4s linear infinite}
@keyframes wc-ok{0%,40%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.15)}56%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}
.wc-content .wc-ok{opacity:0;animation:wc-ok 6s infinite}
@keyframes wc-s1{0%,28%{opacity:1;transform:none}33%,95%{opacity:0;transform:translateX(-24px)}100%{opacity:1;transform:none}}
.wc-content .wc-s1{animation:wc-s1 9s infinite}
@keyframes wc-s2{0%,30%{opacity:0;transform:translateX(24px)}35%,61%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateX(-24px)}}
.wc-content .wc-s2{opacity:0;animation:wc-s2 9s infinite}
@keyframes wc-s3{0%,63%{opacity:0;transform:translateX(24px)}69%,93%{opacity:1;transform:none}98%,100%{opacity:0}}
.wc-content .wc-s3{opacity:0;animation:wc-s3 9s infinite}
@keyframes wc-bp{0%,14%{transform:scale(1)}18%{transform:scale(.92)}22%,100%{transform:scale(1)}}
.wc-content .wc-bp{animation:wc-bp 9s infinite}
@keyframes wc-cnt{0%,20%{opacity:0;transform:scale(.3)}26%,95%{opacity:1;transform:scale(1)}100%{opacity:0}}
.wc-content .wc-cnt{opacity:0;animation:wc-cnt 9s infinite}
@keyframes wc-stp{0%,10%{background:#FFC000;color:#141414}15%,100%{background:#fff;color:#141414}}
@keyframes wc-gl{0%,100%{box-shadow:0 0 0 0 rgba(255,192,0,0)}50%{box-shadow:0 0 0 8px rgba(255,192,0,.35)}}
.wc-content .wc-gl{animation:wc-gl 3s ease-in-out infinite}
@keyframes wc-bk{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.wc-content .wc-bk{animation:wc-bk 5s ease-in-out infinite}
@keyframes wc-fy{0%{clip-path:inset(0 100% 0 0)}8%,100%{clip-path:inset(0 0 0 0)}}
.wc-content .wc-fy{display:inline-block;white-space:nowrap;animation:wc-fy 7s steps(20) infinite}
@keyframes wc-fy2{0%,2%{clip-path:inset(0 100% 0 0)}}
@keyframes wc-bp2k{0%,38%{transform:scale(1)}41%{transform:scale(.93)}44%,100%{transform:scale(1)}}
.wc-content .wc-bp2{animation:wc-bp2k 7s infinite}
@keyframes wc-ok2k{0%,60%{opacity:0;transform:scale(.4)}66%{opacity:1;transform:scale(1.15)}70%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}
.wc-content .wc-ok2{opacity:0;animation:wc-ok2k 7s infinite}
@keyframes wc-ln{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.wc-content .wc-ln{transform-origin:left;animation:wc-ln 2.4s cubic-bezier(.2,.7,.2,1) both}
.wc-content summary{list-style:none;cursor:pointer}
.wc-content summary::-webkit-details-marker{display:none}
.wc-content .wc-pl{display:inline-block;font-size:24px;line-height:1;transition:transform .2s}
.wc-content details[open] .wc-pl{transform:rotate(45deg)}
.wc-content .wc-sl{overflow:hidden}
.wc-content .wc-trk{display:flex;width:max-content;animation:wc-mq 90s linear infinite}
.wc-content .wc-sl:hover .wc-trk{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.wc-content .wc-sl{overflow-x:auto}}
.wc-content a{color:inherit}
@keyframes wc-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.wc-content .wc-up{animation:wc-up .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes wc-fl{50%{transform:translateY(-14px) rotate(var(--r,0deg))}}
.wc-content .wc-fl{animation:wc-fl 6s ease-in-out infinite}
@keyframes wc-mq{to{transform:translateX(-50%)}}
.wc-content .wc-mq{display:flex;gap:56px;width:max-content;animation:wc-mq 30s linear infinite;white-space:nowrap}
@keyframes wc-ds{to{stroke-dashoffset:-28}}
.wc-content .wc-ds{stroke-dasharray:8 6;animation:wc-ds 1.2s linear infinite}
@keyframes wc-pu{0%{box-shadow:0 0 0 0 rgba(255,192,0,.7)}100%{box-shadow:0 0 0 20px rgba(255,192,0,0)}}
.wc-content .wc-pu{animation:wc-pu 2s infinite}
@keyframes wc-gr{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.wc-content .wc-bar{transform-origin:bottom;animation:wc-gr 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes wc-cu{0%,100%{transform:translate(0,0)}50%{transform:translate(-34px,-20px) scale(.88)}}
.wc-content .wc-cu{animation:wc-cu 3s ease-in-out infinite}
@keyframes wc-bl{50%{opacity:0}}
.wc-content .wc-cr{animation:wc-bl 1s steps(1) infinite}
@keyframes wc-rg{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.wc-content .wc-rg{transform-origin:center;animation:wc-rg 2.4s ease-out infinite}
.wc-content .wc-card{transition:transform .3s,background .3s,color .3s}
.wc-content .wc-card:hover{transform:translateY(-8px)}
.wc-content .wc-sv:hover{background:#FFC000!important;color:#141414!important}
.wc-content .wc-sv:hover .wc-ic{background:#141414!important;color:#FFC000!important}
.wc-content .wc-btn{transition:transform .2s,box-shadow .2s}
.wc-content .wc-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(255,192,0,.45)}
.wc-content .wc-btn span{display:inline-block;transition:transform .2s}
.wc-content .wc-btn:hover span{transform:translateX(6px)}
.wc-content .wc-zm{transition:transform .4s}
.wc-content .wc-zm:hover{transform:scale(1.08) rotate(-3deg)}
@media(prefers-reduced-motion:reduce){.wc-content *{animation:none!important;transition:none!important}}
.wc-content .wc-fk{position:relative}
.wc-content .wc-fk::before,.wc-content .wc-fk::after{content:"";position:absolute;width:44px;height:44px;border:5px solid #FFC000;pointer-events:none}
.wc-content .wc-fk::before{top:-14px;left:-14px;border-right:0;border-bottom:0;border-radius:14px 0 0 0}
.wc-content .wc-fk::after{bottom:-14px;right:-14px;border-left:0;border-top:0;border-radius:0 0 14px 0}
@keyframes wc-dr{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
.wc-content .wc-dr{stroke-dasharray:420;animation:wc-dr 2.6s ease both}
.wc-content .wc-hl{background:linear-gradient(transparent 58%,#FFC000 58%);padding:0 4px}
.wc-content button{font-family:inherit}
.wc-content b{font-weight:400}
.wc-content input[type=range]{width:100%;accent-color:#FFC000;height:28px}
.wc-content .wc-fq:hover{background:#fff}
.wc-content .wc-fl2:hover{transform:translateY(-4px)}
.wc-content h1,.wc-content h2,.wc-content h3,.wc-content .wc-dp{font-family:'Barlow',Arial,sans-serif;font-weight:400;text-transform:none;letter-spacing:0}
@font-face{font-family:'Barlow Web Reference';font-style:normal;font-weight:300;font-display:swap;src:url('../../fonts/barlow-300-latin.woff2') format('woff2')}
@font-face{font-family:'Barlow Web Reference';font-style:normal;font-weight:400;font-display:swap;src:url('../../fonts/barlow-400-latin.woff2') format('woff2')}
.wc-content{font-family:'Barlow Web Reference',Barlow,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.5;background:#F6F6F2;color:#141414;overflow:clip}
.wc-content *,.wc-content *::before,.wc-content *::after{box-sizing:border-box}
.wc-content :is(h2,h3){font-family:'Barlow Web Reference',Barlow,Arial,sans-serif!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2;color:inherit;text-wrap:initial}
.wc-content h2{font-size:36px!important;line-height:1.1}
.wc-content h3{font-size:22px!important}
.wc-content p{font-size:16px;line-height:1.5;text-wrap:pretty}
.wc-content :is(a,button,summary){font-family:inherit;color:inherit}
.wc-content :is(div,section){min-width:0}
.wc-content svg{display:block;flex:none;max-width:none}
.wc-content :is(a,button,summary):focus-visible{outline:3px solid #946b00;outline-offset:5px}
.wc-content .wc-region-1 :is(a,summary):focus-visible{outline-color:#FFC000}
.wc-content ::selection{background:#FFC000;color:#141414}
.wc-content .wc-wrap{max-width:1360px!important;width:100%;margin-inline:auto}
.wc-content .wc-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;min-height:52px;font-weight:400;line-height:1.3}
.wc-content .wc-btn span{display:inline-flex}
.wc-content details,.wc-content details:last-child{border:1px solid #e2e2dc}
.wc-content summary{padding:0;justify-content:initial;font-size:20px;font-weight:400}
.wc-content summary::after{content:none!important}
.wc-content summary .wc-pl{display:flex;align-items:center;justify-content:center;flex:none}
.wc-content details>p{font-size:18px;line-height:1.6;color:#50504b}
.wc-content .wc-faq-item summary{justify-content:space-between;min-height:68px}
.wc-content .wc-faq-item summary>span:first-child{min-width:0}
.wc-content .wc-faq-item .wc-pl{color:#141414}
.wc-content .wc-service-detail>div{color:#50504b}
.wc-content .wc-service-detail summary{gap:18px;min-height:104px;height:auto!important;padding-block:22px!important}
.wc-content .wc-service-detail h3{line-height:1.25}
.wc-content .wc-service-detail[open] summary{margin-bottom:0}
.wc-content .wc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.wc-content .wc-reference-image{background:#EDEDE6;border-radius:16px;height:230px;overflow:hidden}
.wc-content .wc-reference-image a{display:block;width:100%;height:100%}
.wc-content .wc-reference-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.wc-content .wc-reference-card:hover img{transform:scale(1.04)}
.wc-content .wc-reference-card:last-child img{object-position:top center}
.wc-content .wc-trust img{width:auto;max-width:28%;height:94px;object-fit:contain}
.wc-content .wc-trust{gap:42px!important}
.wc-content .wc-flow-result{height:auto!important;min-height:86px}
.wc-content .wc-flow-panel{overflow:hidden}
.wc-content .wc-device-example{overflow:hidden}
.wc-content .wc-device-example>.wc-bk{max-width:100%}
.wc-content .wc-region-12{color:#141414}
/* The content surface starts only after the preserved pinned laptop scene. */
.wd-page>.gp-screen-content{padding-top:clamp(140px,18vh,220px);background:#141414;color:#141414}
.wd-scene-ready>.gp-screen-content::before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:40vh;background:#141414;pointer-events:none}
.wd-page>.wd-hero{position:relative;z-index:3;padding-block:185px 110px}
/* Share the scene's empty lead-in with the hero; pinning still uses the full viewport. */
.wd-scene-ready>.wd-hero{padding-bottom:40px}
.wd-scene-ready>.gp-device-zoom{margin-top:clamp(-420px,calc(40px - 35vh),0px)}
.wc-content .wc-media-frame{padding:0!important;align-items:flex-end!important}
.wc-content .wc-media-frame img{width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center bottom;display:block}
.wc-content .wc-reference-card{padding:0!important;overflow:hidden}
.wc-content .wc-reference-image{border-radius:0}
.wc-content .wc-reference-card>a{display:block;margin:18px 20px 8px}
.wc-content .wc-reference-card>p{margin:0!important;padding:0 20px 20px}
.wc-content .wc-connector{height:2px;border:0!important}
.wc-content .wc-connector::before{content:'';position:absolute;left:0;top:50%;width:100%;border-top:2px dashed #b8b8b0;transform:translateY(-50%)}
.wc-content .wc-connector .wc-tr{top:50%;margin-top:-6px}
.wc-content.wc-motion-ready .wc-flow-panel :is(.wc-fy,.wc-bp2,.wc-tr,.wc-ok2){animation:none!important}
.wc-content .wc-flow-static .wc-ok2{opacity:1!important;visibility:visible!important;transform:none!important}
/* Source examples also remain meaningful when JavaScript or motion is absent. */
.wc-content:not(.wc-motion-ready) :is(.wc-up,.wc-ok2,.wc-cnt){opacity:1!important;transform:none!important}
.wc-content:not(.wc-motion-ready) :is(.wc-fy,.wc-tr,.wc-bp2,.wc-ok2,.wc-bk,.wc-s1,.wc-s2,.wc-s3,.wc-bp,.wc-cnt){animation:none!important}
.wc-content:not(.wc-motion-ready) .wc-fy{clip-path:none!important}
.wc-content:not(.wc-motion-ready) .wc-tr{display:none}
.wc-content:not(.wc-motion-ready) :is(.wc-s1,.wc-s2){opacity:0!important}
.wc-content:not(.wc-motion-ready) .wc-s3{opacity:1!important;transform:none!important}
@media(max-width:1100px){.wc-content .wc-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
 .wd-page>.wd-hero{padding-block:145px 80px}
 .wd-scene-ready>.wd-hero{padding-bottom:40px}
 .wd-scene-ready>.gp-device-zoom{margin-top:clamp(-420px,calc(56px - 44svh),0px)}
 .wc-content .wc-wrap{padding:64px 22px!important}
 .wc-content h2{font-size:32px!important}
 .wc-content .wc-wrap>p{font-size:18px!important;line-height:1.55!important;margin-bottom:32px!important}
 .wc-content .wc-grid{grid-template-columns:1fr!important;gap:24px!important}
 .wc-content .wc-flow-panel{padding:22px!important}
 .wc-content .wc-flow{flex-direction:column;align-items:stretch!important;gap:18px!important}
 .wc-content :is(.wc-form-example,.wc-flow-results){min-width:0!important;width:100%}
 .wc-content .wc-form-example{padding:18px!important}
 .wc-content .wc-connector{height:45px;width:2px!important;min-width:0!important;border:0!important;margin:0 auto!important}
 .wc-content .wc-connector::before{left:50%;top:0;width:0;height:100%;border-top:0;border-left:2px dashed #b8b8b0;transform:translateX(-50%)}
 .wc-content .wc-connector .wc-tr{top:0;left:50%;margin-top:0;margin-left:-6px}
 .wc-content .wc-flow-result{padding:14px 12px!important;gap:10px!important}
 .wc-content .wc-flow-result>div>div:last-child{font-size:15px!important;overflow-wrap:anywhere}
 .wc-content .wc-device-example{padding:28px 18px!important;gap:22px!important}
 .wc-content .wc-device-example>.wc-bk:first-child{width:100%!important}
 .wc-content .wc-device-example>.wc-bk:nth-child(2){width:145px!important}
 .wc-content .wc-device-example>.wc-bk:nth-child(3){width:90px!important}
 .wc-content .wc-service-detail summary{padding:20px!important;gap:14px!important}
 .wc-content .wc-service-detail>div{padding:0 22px 24px!important}
 .wc-content .wc-service-detail h3{font-size:20px!important}
 .wc-content .wc-bn{gap:22px!important}
 .wc-content .wc-bn>div>div:first-child{height:320px!important}
 .wc-content .wc-region-6 .wc-grid-6{margin-bottom:32px!important}
 .wc-content .wc-region-6 .wc-grid-6>div:last-child img{max-height:290px!important}
 .wc-content .wc-shop-panel{padding:22px 16px!important}
 .wc-content .wc-shop-example>.wc-s1,.wc-content .wc-shop-example>.wc-s2{padding:18px 14px!important}
 .wc-content .wc-shop-example .wc-s1>div:last-child{gap:10px}
 .wc-content .wc-shop-example .wc-s2>div:nth-child(3){gap:5px!important;flex-wrap:wrap}
 .wc-content .wc-shop-example .wc-s2>div:nth-child(3)>span{padding:4px 9px!important}
 .wc-content .wc-integrations{grid-template-columns:1fr!important}
 .wc-content .wc-grid-9{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
 .wc-content .wc-faq-item summary{font-size:18px!important;padding:18px 20px!important}
 .wc-content .wc-faq-item>p{font-size:17px!important;padding:0 20px 24px!important}
 .wc-content .wc-trust{justify-content:space-between!important;gap:22px!important}
 .wc-content .wc-trust img{height:64px;max-width:29%}
}
@keyframes wc-tr-mobile{0%{transform:translateY(0);opacity:0}8%,85%{opacity:1}100%{transform:translateY(33px);opacity:0}}
@media(prefers-reduced-motion:reduce){
 .wc-content :is(.wc-up,.wc-ok2,.wc-cnt){opacity:1!important;transform:none!important}
 .wc-content .wc-fy{clip-path:none!important}
 .wc-content .wc-tr{display:none}
 .wc-content :is(.wc-s1,.wc-s2){opacity:0!important}
 .wc-content .wc-s3{opacity:1!important;transform:none!important}
}