/* One finite Optimize screen. em units keep the product preview balanced at every size. */
.wx-demo{position:relative;overflow:hidden;color:#213d65;font-size:12px}
.wx-tabs{display:flex;gap:.5em;padding:1.2em 1.6em 0}.wx-tabs button{flex:1;min-width:0;border:0;background:#f0f4fa;color:#657b99;border-radius:.7em;padding:.9em .3em;font:700 .85em Manrope,sans-serif;cursor:pointer;transition:background .2s,color .2s}.wx-tabs button span{margin-right:.65em;opacity:.6;font-size:.85em}.wx-tabs button[aria-selected=true]{background:#1f386b;color:white}.wx-demo button:focus-visible{outline:3px solid #3158f5;outline-offset:2px}
.wx-stage{height:34em;padding:1.5em 1.6em}.wx-panel{height:100%}.wx-context{display:flex;align-items:center;justify-content:space-between;gap:.7em;margin-bottom:1.2em;font-size:.94em}.wx-context>span{font-size:.75em;color:#7b8da6;white-space:nowrap}.wx-enter{animation:wx-enter .5s ease both}
.wx-version-picker{display:flex;gap:.6em;margin-bottom:1em}.wx-version-picker button{flex:1;text-align:left;border:1px solid #dfe6f1;background:#fff;color:#7285a1;padding:.8em 1em;border-radius:.7em;font:650 .83em Manrope,sans-serif}.wx-version-picker b{margin-right:.5em}.wx-version-picker button>span{float:right}.wx-version-picker [aria-pressed=true]{color:#3158f5;background:#eef3ff;border-color:#bbcafa}
.wx-browser{border:1px solid #dbe3ee;border-radius:.9em;overflow:hidden}.wx-browser-bar{display:flex;align-items:center;gap:1em;padding:.8em 1.1em;background:#f8faff;font-size:.65em;color:#a3b2c7}.wx-browser-bar small{flex:1;font-size:1em;color:#7c8da4}.wx-browser-bar b{font-size:1em;font-weight:700;color:#3158f5}.wx-page-canvas{height:22em;overflow:hidden}.wx-page-canvas>[data-wx-pageview]{height:100%}.wx-site{height:100%;overflow:hidden}.wx-site-nav{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1.3em 1.8em;background:#fff;font-size:.64em}.wx-site-nav>b{font-size:1.25em;letter-spacing:-.3px;color:#254239}.wx-site-nav>b>span{font-weight:400}.wx-site-nav>span{color:#839189;font-size:.9em}
.wx-site-a{background:#f3f4f0}.wx-old-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:1em;height:16.8em;padding:1.7em}.wx-old-hero>div:first-child{z-index:1}.wx-old-hero small,.wx-new-copy>small{font-size:.55em;letter-spacing:1.2px;font-weight:750;color:#758a7a}#website-experiments .wx-site h3{font-size:2.25em;line-height:1.07;letter-spacing:-.04em;margin:.45em 0 .4em;color:#294b3b}.wx-old-hero p{font-size:.7em;line-height:1.5;color:#809185;max-width:22em;margin:0 0 1.3em}.wx-faux-button{display:inline-block;font-size:.68em;font-weight:750;padding:.9em 1.1em;background:#294b3b;color:#fff;border-radius:.4em}
.wx-room{position:relative;isolation:isolate;background:linear-gradient(120deg,#dce5d5,#a8baa3);border-radius:7em 7em .5em .5em;overflow:hidden}.wx-room-window{position:absolute;top:10%;left:15%;height:57%;width:70%;background:linear-gradient(145deg,#f9fbef,#ccdbc7);border:.65em solid #f8f9f1;box-shadow:0 1em 2em #3f63401a}.wx-room-window:after{content:'';position:absolute;left:45%;width:.3em;height:100%;background:#fff}.wx-room-table{position:absolute;left:0;top:73%;width:110%;height:1.2em;background:#a78b70;transform:skewY(-8deg)}.wx-room-chair{position:absolute;width:38%;height:45%;top:65%;left:25%;background:#728b76;border-radius:45% 45% 0 0;box-shadow:.7em .3em 0 #5f7763}.wx-room>b{position:absolute;right:.9em;bottom:1em;color:#2c4e37;font-size:.75em;line-height:1.15;letter-spacing:1px}.wx-old-bottom{display:flex;justify-content:space-around;padding:1em;border-top:1px solid #dce2d7;font-size:.65em;color:#859483}
.wx-site-b{background:#172e44}.wx-site-b .wx-site-nav{background:#172e44;border-bottom:1px solid #ffffff15}.wx-site-b .wx-site-nav>b,.wx-site-b .wx-site-nav>span{color:#e3f1ea}.wx-new-hero{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;padding:1.5em 1.7em;height:16.8em;background:radial-gradient(ellipse at top left,#36544d,#172e44 70%)}.wx-new-copy>small{color:#c9f395}#website-experiments .wx-site-b h3{font-size:2.18em;color:#fff;margin:.5em 0}.wx-new-copy p{font-size:.68em;line-height:1.6;color:#b7c9c7;margin:0}.wx-benefits{display:flex;flex-wrap:wrap;gap:.55em 1.1em;font-size:.58em;color:#d2edb5;margin-top:1.4em}.wx-booking{align-self:center;background:#fff;padding:1.35em;border-radius:.9em;box-shadow:0 .6em 2em #06132222}.wx-booking>b{display:block;font-size:1.1em;letter-spacing:-.03em;color:#203d35}.wx-booking>p{font-size:.62em;color:#86928f;margin:.6em 0 1.2em}.wx-form-label{display:block;color:#6f817c;font-size:.55em;margin:1em 0 .5em}.wx-faux-input{display:block;border:1px solid #e1e7e3;border-radius:.5em;padding:.85em;font-size:.6em;color:#9aa7a1}.wx-faux-input i{float:right;font-style:normal}.wx-booking .wx-faux-button{display:block;text-align:center;margin-top:1.1em;background:#c9f395;color:#233b32;font-size:.65em}.wx-booking>small{display:block;text-align:center;font-size:.46em;color:#8b9691;margin-top:1em}.wx-new-bottom{display:flex;justify-content:space-around;gap:1em;padding:1em 1.2em;font-size:.58em;color:#b9e889;border-top:1px solid #ffffff15}.wx-new-bottom b{font-weight:500;color:#b7c9c7;margin-left:.5em}
.wx-change-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.65em;margin-top:1em}.wx-change-strip>span{display:flex;align-items:center;gap:.5em;font-size:.63em;color:#778aa4;padding:.8em .6em;border-radius:.6em;background:#f5f7fb;min-width:0}.wx-change-strip i{font-style:normal;font-size:.8em;opacity:.6}.wx-change-strip b{font-weight:600;line-height:1.4}.wx-change-strip.is-new>span{background:#eef4e6;color:#46603a}.wx-change-strip.is-new i{color:#557b30;opacity:1}.wx-change-strip.is-new>span:nth-child(2){animation-delay:.12s}.wx-change-strip.is-new>span:nth-child(3){animation-delay:.24s}
.wx-flow-head{display:flex;align-items:center;justify-content:center;gap:.9em;padding:.9em;border:1px solid #dbe4f1;border-radius:3em;background:#f7f9fd;width:max-content;margin:0 auto;font-size:.85em}.wx-people{font-size:.65em;letter-spacing:.2em;color:#97accb}.wx-flow-lines{height:3.8em;position:relative}.wx-flow-lines>svg{height:100%;width:100%;stroke:#c8d5e9;stroke-width:1.5}.wx-visitor{position:absolute;width:.6em;height:.6em;border-radius:50%;background:#3158f5;top:0;left:calc(50% - .3em);box-shadow:0 0 0 .3em #3158f518;animation:wx-travel-a 2.8s ease-in-out infinite;animation-play-state:paused}.wx-visitor-b{animation-name:wx-travel-b;animation-delay:1.4s;background:#82a851;box-shadow:0 0 0 .3em #82a85122}.wx-running .wx-visitor{animation-play-state:running}.wx-allocation{display:grid;grid-template-columns:1fr 1fr;gap:1.2em}.wx-allocation>div{border:1px solid #dce5f2;border-radius:1em;padding:1em;background:#f8faff;min-width:0}.wx-allocation>div:last-child{background:#eef3ff;border-color:#c5d4f7}.wx-allocation-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9em}.wx-allocation-title>b{font-size:.9em}.wx-allocation-title strong{font-size:2.15em;line-height:1;letter-spacing:-.05em;color:#1f386b}.wx-allocation-title strong span{font-size:.6em}.wx-thumbnail{height:11em;border-radius:.5em;overflow:hidden}.wx-thumbnail .wx-site{font-size:.5em;height:22em}.wx-allocation>div>small{display:block;font-size:.65em;color:#7a8eaa;margin-top:.8em;text-align:center}.wx-goal{display:flex;align-items:center;gap:1em;margin-top:1.4em;padding:1.2em;border-radius:.8em;background:#f3f8eb;border:1px solid #e1ebd0}.wx-goal>span{display:grid;place-items:center;width:2em;height:2em;background:#e0edca;border-radius:50%;color:#537735}.wx-goal svg{width:1.2em;height:1.2em}.wx-goal b{display:block;font-size:.92em;color:#3d5a38}.wx-goal small{display:block;font-size:.75em;color:#7a8c6c;margin-top:.5em}
.wx-segments{display:flex;gap:.4em}.wx-segments button{border:1px solid #e0e6f0;background:white;border-radius:2em;padding:.65em 1.1em;color:#7890ac;font:650 .8em Manrope,sans-serif}.wx-segments [aria-pressed=true]{background:#edf2ff;color:#3158f5;border-color:#c1d0fb}.wx-outcome{display:flex;align-items:center;gap:1.3em;padding:1.7em 0 1.9em}.wx-outcome>strong{font-size:5em;line-height:1;letter-spacing:-.06em;color:#1f386b;white-space:nowrap}.wx-outcome>strong>span{font-size:.5em}.wx-outcome>div{display:grid;gap:.6em}.wx-outcome b{font-size:1.2em}.wx-outcome div>span{font-size:.78em;line-height:1.6;color:#788ca7}.wx-results-head,.wx-result-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:center;gap:.6em}.wx-results-head{font-size:.65em;color:#7d8fa8;text-align:right;padding:0 .9em 1em}.wx-results-head>span:first-child{text-align:left}.wx-result-row{position:relative;background:#f6f8fc;border:1px solid #e0e6f0;border-radius:.8em;margin-bottom:.7em;padding:1em .75em 1.4em;text-align:right}.wx-result-row>div:first-child{display:flex;align-items:center;gap:.6em;text-align:left;font-size:.85em}.wx-result-letter{padding:.3em .5em;background:#e5ebf4;border-radius:.35em;color:#6f82a1;font-size:.8em}.wx-result-row>span{font-size:.95em;font-variant-numeric:tabular-nums}.wx-result-row>strong{font-size:1.5em;letter-spacing:-.04em;color:#314c76}.wx-result-row[data-wx-result=b]{background:#eef3ff;border-color:#cfdbf7}.wx-result-row[data-wx-result=b] .wx-result-letter{background:#3158f5;color:#fff}.wx-meter{position:absolute;left:.8em;right:.8em;bottom:.6em;height:.22em;border-radius:.2em;background:#e1e8f3;overflow:hidden}.wx-meter i{height:100%;display:block;background:#8b9ebb;transition:width .65s ease;width:66.66667%}.wx-result-row[data-wx-result=b] .wx-meter i{background:#3158f5;width:86.66667%}.wx-result-note{display:flex;gap:.7em;align-items:flex-start;margin-top:1.1em;padding:.9em 1em;background:#f4f8ef;border-radius:.7em}.wx-note-dot{width:.5em;height:.5em;background:#8dac66;border-radius:50%;flex-shrink:0;margin-top:.4em}.wx-result-note p{font-size:.8em;line-height:1.5;color:#637657;margin:0}.wx-method{font-size:.62em;color:#8a9bb0;line-height:1.5;margin:1em 0 0}
.wx-footer{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:1em 1.6em;border-top:1px solid #e4eaf3;font-size:.72em;color:#8595ab}.wx-footer button{background:none;border:0;padding:.3em;font:750 1em Manrope,sans-serif;color:#3158f5;white-space:nowrap}.wx-pointer{position:absolute;pointer-events:none;z-index:5;transition:left .6s ease,top .6s ease;filter:drop-shadow(0 2px 3px #17315722)}.wx-pointer svg{width:1.6em;height:2em;fill:#213d65;stroke:#fff;stroke-width:1.5}.wx-pointer>span{position:absolute;left:1.7em;top:1.4em;background:#213d65;color:white;white-space:nowrap;padding:.5em .8em;border-radius:.5em;font-size:.65em}.wx-pointer.wx-click:after{content:'';position:absolute;left:-.4em;top:-.4em;width:1.4em;height:1.4em;border:2px solid #3158f5;border-radius:50%;animation:wx-ring .6s ease both}
@keyframes wx-enter{from{opacity:0;transform:translateY(.65em)}to{opacity:1;transform:none}}@keyframes wx-ring{to{transform:scale(2);opacity:0}}@keyframes wx-travel-a{0%{left:calc(50% - .3em);top:0;opacity:0}10%{opacity:1}30%{left:calc(50% - .3em);top:35%}70%{left:calc(25% - .3em);top:48%;opacity:1}100%{left:calc(25% - .3em);top:90%;opacity:0}}@keyframes wx-travel-b{0%{left:calc(50% - .3em);top:0;opacity:0}10%{opacity:1}30%{left:calc(50% - .3em);top:35%}70%{left:calc(75% - .3em);top:48%;opacity:1}100%{left:calc(75% - .3em);top:90%;opacity:0}}
@media(max-width:1199px){.wx-demo{font-size:11px}.wx-stage{padding:1.3em}.wx-tabs{padding:1em 1.3em 0}.wx-context{font-size:.88em}}
@media(max-width:700px){.wx-demo{font-size:10px}.wx-tabs button{font-size:.8em}.wx-tabs button span{display:block;margin:0 0 .3em}.wx-stage{height:33em;padding:1.2em}.wx-page-canvas{height:21em}.wx-context{font-size:.86em;margin-bottom:1em}.wx-context>span{font-size:.7em}.wx-site-nav>span{font-size:.8em}.wx-old-hero{padding:1.4em;height:16em}#website-experiments .wx-site h3{font-size:2.05em}.wx-new-hero{padding:1.3em 1.4em;gap:1em;height:16em}#website-experiments .wx-site-b h3{font-size:1.95em}.wx-booking{padding:1em}.wx-new-bottom{font-size:.48em}.wx-change-strip{gap:.4em}.wx-change-strip>span{font-size:.58em;padding:.7em .5em}.wx-context>b{max-width:77%}.wx-outcome{padding:1.6em 0}.wx-outcome>strong{font-size:4.6em}.wx-outcome b{font-size:1.05em}.wx-outcome div>span{font-size:.72em}.wx-footer{font-size:.66em}.wx-pointer>span{display:none}}
@media(max-width:700px) and (max-height:750px){.wx-demo{font-size:8.4px}.wx-stage{height:32em}.wx-demo .s-appbar{padding:10px 12px}.wx-context{font-size:.9em}.wx-outcome>strong{font-size:4.3em}.wx-outcome{padding:1.4em 0}.wx-result-note{padding:.8em}.wx-method{font-size:.65em}.wx-site-nav>span{display:none}}
@media(min-width:701px) and (max-height:550px){.wx-demo{font-size:7px}.wx-demo .s-appbar{padding:6px 12px}.wx-stage{height:29em;padding:1em 1.4em}.wx-tabs{padding:.8em 1.4em 0}.wx-tabs button{padding:.6em}.wx-context{margin-bottom:.8em}.wx-page-canvas{height:19em}.wx-site-nav{padding:.7em 1.8em}.wx-old-hero,.wx-new-hero{height:15.5em;padding:1em 1.7em}.wx-site h3{font-size:2em!important}.wx-new-bottom{font-size:.5em}.wx-change-strip{margin-top:.6em}.wx-change-strip>span{padding:.5em}.wx-outcome{padding:1em 0}.wx-outcome>strong{font-size:4em}.wx-result-row{padding:.8em .75em 1.2em}.wx-result-note{margin-top:.8em}.wx-method{margin-top:.7em}.wx-thumbnail{height:9em}.wx-thumbnail .wx-site{font-size:.46em}.wx-flow-lines{height:3em}.wx-goal{margin-top:1em;padding:.8em}.wx-footer{padding:.7em 1.6em}}
@media(prefers-reduced-motion:reduce){.wx-enter,.wx-visitor,.wx-pointer.wx-click:after{animation:none}.wx-visitor,.wx-pointer{display:none}.wx-tabs button,.wx-meter i{transition:none}}
/* Reserve real space around each screen; miniature pages keep their own proportions. */
.wx-stage{padding-top:1em;padding-bottom:1em}.wx-context{margin-bottom:.8em}.wx-browser-bar{padding-top:.6em;padding-bottom:.6em}.wx-change-strip{margin-top:.7em}.wx-booking{font-size:.83em}.wx-thumbnail{height:10em}.wx-thumbnail .wx-site{font-size:.45em}.wx-flow-lines{height:3.2em}.wx-goal{margin-top:1em;padding:.9em}
@media(max-width:700px){.wx-new-hero{grid-template-columns:1.05fr .95fr;padding:1.2em;gap:.9em}#website-experiments .wx-site-b h3{font-size:1.8em}.wx-benefits{margin-top:1em}}
@media(max-width:700px) and (max-height:750px){.wx-flow-lines{height:2.6em}.wx-context{margin-bottom:.7em}}
@media(min-width:701px) and (max-height:550px){.wx-old-hero,.wx-new-hero{height:14.4em}.wx-thumbnail{height:8em}.wx-thumbnail .wx-site{font-size:.4em}.wx-flow-lines{height:2.5em}.wx-booking{font-size:.76em}#website-experiments .wx-site-b h3{font-size:1.9em!important}}
@media(min-width:701px) and (max-height:550px){.wx-version-picker{margin-bottom:.5em}.wx-version-picker button{padding-top:.5em;padding-bottom:.5em}.wx-browser-bar{padding-top:.4em;padding-bottom:.4em}.wx-change-strip{margin-top:.5em}}