/* The first viewport is now the product tour, without staged hardware or media. */
.product-opening{background:#f5f7f5;color:#171a19;padding:22px 0 20px;position:relative;scroll-margin-top:90px}
.product-opening>.wrap{max-width:1280px}
.product-intro{text-align:center;margin:0 auto 14px}
.product-intro .eyebrow{margin-bottom:12px;color:#61736a}
.product-intro h1{font-size:54px;line-height:1.08;letter-spacing:0;margin:0 0 10px;font-weight:800}
.product-intro h1 span{color:#cc3f3a}
.product-intro>p:last-child{font-size:20px;color:#363f3a;margin:0}
.product-intro>p:last-child span{color:#61736a}
.legacy-anchor{position:absolute;top:0}
.tour-shell{background:#fff;border:1px solid #cbd4ce;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #19251e0c;text-align:left}
.tour-topbar{min-height:45px;padding:7px 14px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #dde3df;background:#f9faf9}
.tour-topbar>strong{display:flex;align-items:center;gap:9px;font-size:13px}
.tour-topbar .icon{width:17px;height:17px}
.tour-demo-label{margin-left:auto;color:#66756c;font-size:11px}
.tour-topbar .icon-button{width:30px;height:30px;color:#58655d;border-color:#d8dfdb}
.tour-tabs{display:flex;align-items:stretch;background:#fff;border-bottom:1px solid #d3dbd5;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b8c8bf transparent;padding:0 10px;gap:2px}
.tour-tabs [role=tab]{flex:1 0 auto;min-height:46px;max-width:220px;padding:11px 15px;color:#68756c;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:12px;line-height:1.35;font-weight:750;white-space:nowrap;cursor:pointer}
.tour-tabs [role=tab]:hover{background:#f0f5f1;color:#193e29}
.tour-tabs [role=tab][aria-selected=true]{color:#264f39;border-color:#406b51;background:#edf3ee}
.tour-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-width:0;outline-offset:-3px}
.tour-figure{margin:0;min-width:0;align-self:start;background:#f1f2ef;position:relative}
.tour-window{height:440px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#bdcbc0 transparent;background:#f1f2ef}
.tour-canvas{position:relative;background:#f1f2ef}
.tour-canvas>img{display:block;width:100%;height:auto;transition:opacity .16s ease}
.tour-canvas.is-loading>img{opacity:.35}
.tour-figure figcaption{padding:9px 12px;min-height:31px;font-size:10px;color:#707c73;background:#f8faf8;border-top:1px solid #e0e6e1}
.tour-highlight{position:absolute;border:2px solid #338358;background:#4d9b6510;border-radius:4px;pointer-events:none;transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease;z-index:1}
.tour-point{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#fff;color:#315c43;outline:1px solid #50755e;box-shadow:0 2px 7px #152d201f;font-size:12px;font-weight:800;cursor:pointer;z-index:2}
.tour-point:hover,.tour-point[aria-pressed=true]{background:#315f43;color:#fff;outline-color:#315f43}
.tour-zoom{position:absolute;right:10px;top:10px;width:34px;height:34px;color:#263b2e;background:#fff;z-index:3;border-color:#ced7d0;box-shadow:0 2px 8px #0001}
.tour-zoom:hover{background:#eaf1eb}
.tour-coach{border-left:1px solid #d3dbd5;padding:23px 22px 16px;display:flex;flex-direction:column;min-width:0;min-height:471px;background:#fff}
.tour-chapter{display:flex;justify-content:space-between;gap:10px;color:#607367;font-size:10px;font-weight:750;text-transform:uppercase;margin-bottom:20px}
.tour-explanation{min-height:182px}
.tour-explanation h2{font-size:24px;line-height:1.22;color:#213a2b;margin:0 0 13px;font-weight:750;letter-spacing:0}
.tour-explanation p{font-size:12px;line-height:1.75;color:#66736a;margin:0}
.tour-step-list{margin:17px 0 14px;padding:0;list-style:none;border-top:1px solid #e1e7e2}
.tour-step-list button{width:100%;display:flex;align-items:center;gap:9px;padding:10px 0;text-align:left;background:transparent;border:0;border-bottom:1px solid #e1e7e2;border-radius:0;color:#778279;min-height:39px;font-size:11px;font-weight:650;cursor:pointer}
.tour-step-list button span{font-variant-numeric:tabular-nums;font-size:10px;color:#8a978c}
.tour-step-list button[aria-current=step]{color:#234e34;font-weight:800}
.tour-step-list button[aria-current=step] span{color:#315f43}
.tour-step-list button:hover{color:#234e34}
.tour-related{font-size:10px;line-height:1.4;display:flex;justify-content:space-between;gap:9px;color:#315f43;margin:0 0 12px;padding:0;border:0;max-width:100%}
.tour-related .icon{width:15px;height:15px;flex:none}
.tour-related[hidden]{display:none}
.tour-controls{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px}
.tour-controls>span{margin-right:auto;color:#809085;font-size:10px;font-variant-numeric:tabular-nums}
.tour-controls .icon-button{width:34px;height:34px;border:1px solid #cbd6cd;color:#31533e;border-radius:50%}
.tour-controls .icon-button:disabled{opacity:.3;cursor:default}
[data-tour-prev] .icon{transform:rotate(180deg)}
.tour-controls .icon-button:not(:disabled):hover{background:#edf4ef}
.tour-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d5ded7;background:#f6f9f6;padding:10px 14px;color:#6c7b70;font-size:10px;line-height:1.4}
.product-opening-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:10px;font-size:12px;color:#6a796d}
.product-opening-bottom p{margin:0}
.product-opening-bottom .text-link{font-size:12px;color:#315c43;gap:10px}
.tour-image-status{position:absolute;inset:0;z-index:4;margin:0;display:grid;place-items:center;background:#f2f5f2;color:#385141;padding:35px;text-align:center;font-size:14px}
.tour-image-status[hidden]{display:none}
.tour-noscript{padding:15px;font-size:13px}
.tour-shell button:focus-visible{outline:3px solid #c48821;outline-offset:-3px}
.tour-point:focus-visible{outline-offset:3px!important}
.tour-in-view .whatsapp-button{visibility:hidden;pointer-events:none}
.motion-paused .tour-highlight,.motion-paused .tour-canvas>img{transition:none}
@media(min-width:1600px){.tour-workspace{grid-template-columns:minmax(0,1fr) 340px}.tour-coach{padding:28px}.tour-explanation p{font-size:13px}.tour-explanation h2{font-size:27px}.tour-step-list button{font-size:12px;min-height:44px}}
@media(max-width:1100px){.tour-workspace{grid-template-columns:minmax(0,1fr) 270px}.tour-tabs [role=tab]{padding:10px;font-size:11px}.tour-coach{padding:18px}.tour-explanation h2{font-size:22px}.tour-explanation{min-height:195px}.tour-explanation p{font-size:11px}}
@media(max-width:800px){.product-opening{padding-top:28px}.product-intro h1{font-size:54px}.product-intro>p:last-child{font-size:17px}.tour-workspace{grid-template-columns:1fr}.tour-tabs [role=tab]{flex:0 0 auto;padding:10px 15px;font-size:12px}.tour-tabs{padding:0 5px}.tour-window{height:340px}.tour-canvas{min-height:0}.tour-canvas>img{height:auto}.tour-figure{align-self:start}.tour-coach{min-height:0;border-left:0;border-top:1px solid #d3dbd5;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:20px}.tour-chapter{grid-column:1/-1;margin:0 0 13px}.tour-explanation{min-height:140px;grid-row:2/4}.tour-explanation h2{font-size:24px}.tour-explanation p{font-size:12px}.tour-step-list{margin:0}.tour-controls{grid-column:2;padding-top:10px}.tour-related{grid-column:1;margin:6px 0 0}.tour-step-list button{font-size:12px}.product-opening-bottom{flex-wrap:wrap;gap:10px}.product-opening-bottom p{font-size:11px}}
@media(max-width:500px){.tour-window{height:210px}.product-opening{padding:22px 0 20px}.product-opening>.wrap{width:calc(100% - 24px)}.product-intro{margin-bottom:20px}.product-intro .eyebrow{font-size:8px;margin-bottom:11px}.product-intro h1{font-size:43px}.product-intro>p:last-child{font-size:13px}.tour-topbar{padding:6px 9px;gap:8px;min-height:40px}.tour-topbar>strong{font-size:11px}.tour-demo-label{font-size:8px;max-width:77px;line-height:1.4}.tour-topbar>strong>.icon{display:none}.tour-topbar .icon-button{width:28px;height:28px}.tour-tabs [role=tab]{min-height:43px;padding:10px 13px;font-size:11px}.tour-coach{display:flex;padding:17px;min-height:275px}.tour-chapter{font-size:9px;margin-bottom:11px}.tour-explanation{min-height:112px}.tour-explanation h2{font-size:22px;margin-bottom:9px}.tour-explanation p{font-size:11px;line-height:1.65}.tour-step-list{display:flex;gap:7px;border-top:0;margin:13px 0 3px}.tour-step-list li{flex:1;min-width:0}.tour-step-list button{font-size:9px;display:block;line-height:1.35;min-height:45px;padding:5px 2px;border-bottom:2px solid #e0e7e1}.tour-step-list button span{display:block;margin-bottom:3px;font-size:8px}.tour-step-list button[aria-current=step]{border-bottom-color:#3f7452}.tour-controls{padding-top:8px}.tour-controls .icon-button{width:30px;height:30px}.tour-related{font-size:10px;margin-top:8px}.tour-point{width:25px;height:25px;margin:-12.5px 0 0 -12.5px;font-size:10px}.tour-zoom{width:28px;height:28px;right:6px;top:6px}.tour-zoom .icon{width:15px;height:15px}.tour-highlight{border-width:1px}.tour-figure figcaption{font-size:8px;min-height:26px;padding:7px 9px}.tour-footer{font-size:8px;padding:8px 10px}.tour-footer>span:first-child{max-width:58%}.tour-footer>span:last-child{white-space:nowrap}.product-opening-bottom{padding-top:15px}.product-opening-bottom .text-link{font-size:11px}.product-opening-bottom p{display:none}}
@media(prefers-reduced-motion:reduce){.tour-highlight,.tour-canvas>img{transition:none}}