
.dd-tour-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:44px;margin-block:24px 48px;border:1px solid #d4e4dd;border-radius:24px;background:#f3f8f5}.dd-tour-teaser h2{font-size:clamp(26px,3vw,40px);line-height:1.16;margin:12px 0 18px}.dd-tour-teaser p{line-height:1.65;color:#516760}.dd-tour-teaser small{display:block;margin-top:12px;color:#516760;font-size:12px}.dd-tour-teaser .button{margin-top:12px;gap:12px}.dd-tour-cover{padding:30px;border-radius:20px;background:#deeee5;transform:rotate(1deg)}.dd-tour-chip{font-size:11px;letter-spacing:.08em;color:#28644f;font-weight:700}.dd-tour-cover-flow{display:flex;gap:20px;align-items:center;margin:28px 0;color:#19483d}.dd-tour-cover-flow>span{flex:1;font-size:13px;line-height:1.8}.dd-tour-cover-flow i{font-size:26px;font-style:normal}.dd-tour-paper{background:#fff;border-radius:10px;padding:20px;box-shadow:0 12px 26px #174c3910}.dd-tour-paper em{display:block;font-size:10px;font-style:normal;color:#37765c}.dd-tour-cover>p{font-size:15px;margin:0}.dd-tour-dialog{box-sizing:border-box;border:1px solid #d9e8df;border-radius:24px;padding:24px 30px;color:#183e36;background:#f7faf7;width:min(1120px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 30px 100px #102b3466}.dd-tour-dialog::backdrop{background:#102d32c9;backdrop-filter:blur(6px)}.dd-tour-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:.09em}.dd-tour-top b{color:#c59760;padding:0 8px}.dd-tour-dialog button{font:inherit;cursor:pointer}.dd-tour-top button{border:1px solid #c6d9d0;border-radius:50%;background:#fff;font-size:26px;width:42px;height:42px;color:#184f41;flex-shrink:0}.dd-tour-track{display:flex;gap:9px;margin:14px 0 25px}.dd-tour-track button{flex:1;min-width:0;padding:7px 0;background:none;border:0;text-align:left}.dd-tour-track button>span{display:block;height:4px;border-radius:4px;background:#d3e1d8;overflow:hidden}.dd-tour-track i{display:block;width:100%;height:100%;background:#21806b;transform:scaleX(0);transform-origin:left}.dd-tour-track [aria-current="step"] i{animation:ddTourProgress 7.5s linear both}.dd-tour-track small{display:block;font-size:10px;color:#708078;margin-top:9px}.dd-tour-track [aria-current="step"] small{color:#206452;font-weight:700}.dd-tour-slide{display:grid;grid-template-columns:.85fr 1.3fr;gap:35px;align-items:center}.dd-tour-slide[hidden]{display:none!important}.dd-tour-story h2{font-size:clamp(27px,3vw,41px);line-height:1.12;letter-spacing:-.035em;margin:16px 0 24px}.dd-tour-story>p{font-size:15px;line-height:1.7;color:#567065;margin:18px 0}.dd-tour-benefit{display:flex;gap:12px;align-items:center;border-left:3px solid #c48f52;padding:13px 15px;background:#f3ecdf;border-radius:0 10px 10px 0}.dd-tour-benefit>span{font-size:25px;color:#b98648}.dd-tour-benefit small{font-size:9px;letter-spacing:.09em;color:#8b683e;display:block;margin-bottom:5px}.dd-tour-benefit strong{font-size:16px;line-height:1.4;display:block}.dd-tour-story .button{margin-top:6px}.dd-tour-demo{min-width:0}.dd-tour-window{border:1px solid #c7dbd0;border-radius:13px;overflow:hidden;background:white;box-shadow:0 15px 35px #264f3810}.dd-tour-windowbar{display:flex;align-items:center;gap:12px;background:#edf4ef;padding:11px 14px;border-bottom:1px solid #d5e2d9;font-size:12px}.dd-tour-windowbar>span{font-size:8px;color:#adbdaf;letter-spacing:3px}.dd-tour-windowbar>small{margin-left:auto;font-size:8px;color:#5a7968;border:1px solid #b8cebf;border-radius:4px;padding:2px 5px}.dd-tour-workspace{display:grid;grid-template-columns:91px 1fr;min-height:310px}.dd-tour-workspace aside{background:#f5f8f5;border-right:1px solid #e0e9e2;padding:17px 8px;font-size:9px;display:flex;flex-direction:column;gap:8px}.dd-tour-workspace aside>b{font-size:26px;color:#227566;margin:0 7px 10px}.dd-tour-workspace aside>span{padding:7px 5px;border-radius:5px;color:#5f7569}.dd-tour-workspace aside .current{background:#dcece2;color:#1c6750;font-weight:700}.dd-tour-screen{position:relative;padding:19px;min-width:0;overflow:hidden;--tx:77%;--ty:71%}.dd-tour-screen-kicker{display:block;font-size:7px;letter-spacing:.07em;color:#859b8f}.dd-tour-screen h3{font-size:18px;line-height:1.25;margin:8px 0 17px}.dd-tour-mini-banner{background:#e9f4ec;border-radius:8px;padding:13px;color:#276a50;font-weight:700;font-size:13px;margin-bottom:12px}.dd-tour-mini-banner small{display:block;font-size:9px;font-weight:400;margin-top:5px}.dd-tour-field{border:1px solid #dce7df;border-radius:6px;padding:9px 11px;font-size:9px;color:#6d8175;margin:8px 0;background:#fff}.dd-tour-field strong{display:block;font-size:11px;font-weight:600;color:#2b5142;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.dd-tour-field small{font-size:8px;color:#8a9b8f}.dd-tour-simbutton{display:block;background:#267968;color:white;font-size:11px;font-weight:600;padding:11px 12px;border-radius:6px;text-align:center;margin-top:12px;animation:ddTourButton 7.5s both}.dd-tour-choice{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #dbe5de;border-radius:6px;padding:10px;font-size:10px;line-height:1.4;margin:7px 0}.dd-tour-choice b{white-space:nowrap}.dd-tour-act{background:#e0f0e7;border-color:#84b69d;animation:ddTourSelect 7.5s both}.dd-tour-tabs{display:flex;gap:7px;font-size:9px;margin:12px 0;flex-wrap:wrap}.dd-tour-tabs>*{padding:5px;background:#f0f5f0;border-radius:4px}.dd-tour-tabs b{background:#dcefe4;color:#26634d}.dd-tour-reveal{animation:ddTourReveal 7.5s both}.dd-tour-success{font-size:10px;color:#2c7454;background:#edf6ed;border-radius:5px;padding:8px;margin-top:10px;animation:ddTourSuccess 7.5s both}.dd-tour-inline-note{font-size:9px;color:#5c7e68}.dd-tour-basket{display:grid;grid-template-columns:1fr auto;gap:5px;border-top:1px solid #dbe6de;padding-top:12px;margin-top:12px;font-size:11px}.dd-tour-basket span{grid-column:1/-1;font-size:9px;color:#6b8577}.dd-tour-reuse{font-size:10px;line-height:1.8;padding:11px;background:#f5f8f2;border-radius:6px;margin-top:12px}.dd-tour-reuse span{color:#b17a3f}.dd-tour-mini-document{border:1px solid #e4e5dc;background:#fffffd;padding:15px;box-shadow:0 6px 14px #20482e0c;font-size:9px;display:grid;gap:9px;transform:rotate(-1deg)}.dd-tour-mini-document>span{color:#2b6996;font-weight:bold;font-size:15px}.dd-tour-mini-document>span small{font-size:7px;color:#85907e;margin-left:6px;font-weight:400}.dd-tour-mini-document>b{text-align:center;font-size:13px;letter-spacing:.1em}.dd-tour-mini-document mark{background:#faf0c5;color:#425643;padding:4px;font-size:10px}.dd-tour-lines{height:24px;background:repeating-linear-gradient(transparent 0 6px,#e8ebe4 6px 7px,transparent 7px 10px)}.dd-tour-saved{font-size:10px;line-height:2;background:#edf5ed;border-radius:7px;padding:11px;color:#548064;margin-bottom:13px}.dd-tour-typed{clip-path:inset(0);animation:ddTourType 2s steps(22,end) both}.dd-tour-cursor{position:absolute;top:var(--ty);left:var(--tx);z-index:3;filter:drop-shadow(1px 2px 2px #163c3c33);animation:ddTourCursor 7.5s both;pointer-events:none}.dd-tour-click{position:absolute;top:var(--ty);left:var(--tx);width:30px;height:30px;margin:-10px;border:2px solid #cfad6f;border-radius:50%;pointer-events:none;animation:ddTourClick 7.5s both}.dd-tour-slide[data-tour-slide="1"] .dd-tour-screen{--ty:46%}.dd-tour-slide[data-tour-slide="2"] .dd-tour-screen{--ty:31%;--tx:46%}.dd-tour-slide[data-tour-slide="3"] .dd-tour-screen{--ty:64%}.dd-tour-slide[data-tour-slide="4"] .dd-tour-screen{--ty:83%}.dd-tour-slide[data-tour-slide="5"] .dd-tour-screen{--ty:76%}.dd-tour-guide{display:flex;gap:10px;align-items:center;margin:17px 0 8px}.dd-tour-guide img{flex-shrink:0;width:78px;height:78px;object-fit:contain;animation:ddTourTooth 2.4s ease-in-out 2}.dd-tour-guide>div{position:relative;background:#e8f1e9;border:1px solid #d4e6d5;border-radius:14px 14px 14px 3px;padding:13px 15px}.dd-tour-guide>div>span{font-size:8px;letter-spacing:.1em;color:#709279}.dd-tour-guide p{font-size:12px;line-height:1.6;color:#395e49;margin:5px 0 0}.dd-tour-disclosure{display:block;font-size:9px;color:#829184;text-align:center}.dd-tour-controls{display:flex;align-items:center;gap:12px;border-top:1px solid #d4e2d9;padding:16px 0 12px;margin-top:22px;position:sticky;bottom:-24px;background:#f7faf7;z-index:5}.dd-tour-controls button{background:white;border:1px solid #c4d8cd;border-radius:9px;padding:10px 15px;color:#245846;min-height:42px;font-size:13px}.dd-tour-controls button:disabled{opacity:.4;cursor:default}.dd-tour-controls>span{margin-left:auto;font-size:12px}.dd-tour-dialog :focus-visible,.dd-tour-teaser :focus-visible{outline:3px solid #d58b48;outline-offset:3px}.dd-tour-dialog.is-paused *{animation-play-state:paused!important}.dd-tour-dialog.is-static *{animation:none!important}.dd-tour-dialog.is-static .dd-tour-cursor,.dd-tour-dialog.is-static .dd-tour-click{display:none}.dd-tour-dialog.is-static [aria-current="step"] i{transform:scaleX(1)}
@keyframes ddTourProgress{to{transform:scaleX(1)}}@keyframes ddTourType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ddTourReveal{0%,38%{opacity:0;transform:translateY(7px)}48%,100%{opacity:1;transform:none}}@keyframes ddTourSuccess{0%,65%{opacity:0;transform:translateY(5px)}75%,100%{opacity:1;transform:none}}@keyframes ddTourSelect{0%,30%{background:#fff;border-color:#dbe5de}40%,100%{background:#e0f0e7;border-color:#84b69d}}@keyframes ddTourButton{0%,29%,42%,100%{filter:brightness(1);transform:none}34%{filter:brightness(.86);transform:scale(.97)}}@keyframes ddTourCursor{0%,10%{opacity:0;transform:translate(40px,55px)}15%{opacity:1;transform:translate(40px,55px)}30%,52%{opacity:1;transform:translate(0,0)}70%,100%{opacity:0;transform:translate(18px,18px)}}@keyframes ddTourClick{0%,30%{opacity:0;transform:scale(.3)}34%{opacity:1;transform:scale(.5)}45%,100%{opacity:0;transform:scale(1.7)}}@keyframes ddTourTooth{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}
@media(max-width:850px){.dd-tour-dialog{padding:20px}.dd-tour-slide{grid-template-columns:1fr;gap:20px}.dd-tour-story h2{font-size:29px;margin:10px 0 14px}.dd-tour-story>p{font-size:14px;margin:12px 0}.dd-tour-benefit{padding:9px 12px}.dd-tour-benefit strong{font-size:14px}.dd-tour-demo{max-width:570px;width:100%;margin:auto}.dd-tour-controls{bottom:-20px}.dd-tour-track small{display:none}.dd-tour-track{margin:8px 0 18px}.dd-tour-workspace{min-height:280px}.dd-tour-story .button{font-size:13px;padding:10px 16px}.dd-tour-guide{margin-top:12px}}@media(max-width:480px){.dd-tour-dialog{padding:17px;width:calc(100% - 20px);border-radius:17px}.dd-tour-top{font-size:8px}.dd-tour-top b{padding:0 3px}.dd-tour-story h2{font-size:27px}.dd-tour-workspace{grid-template-columns:65px 1fr}.dd-tour-workspace aside{font-size:7px;padding:14px 5px;gap:5px}.dd-tour-screen{padding:13px 10px}.dd-tour-screen h3{font-size:15px}.dd-tour-screen-kicker{font-size:6px}.dd-tour-guide img{width:59px;height:65px}.dd-tour-guide p{font-size:11px}.dd-tour-guide>div{padding:10px}.dd-tour-controls{gap:7px;bottom:-17px;margin-top:15px}.dd-tour-controls button{padding:9px 10px;font-size:11px}.dd-tour-choice{font-size:9px;padding:8px}.dd-tour-field strong{font-size:10px}.dd-tour-controls>span{font-size:10px}.dd-tour-windowbar{padding:9px 10px}.dd-tour-teaser{grid-template-columns:1fr;padding:24px;gap:20px}}@media(prefers-reduced-motion:reduce){.dd-tour-dialog *{animation:none!important}.dd-tour-cursor,.dd-tour-click{display:none}.dd-tour-track [aria-current="step"] i{transform:scaleX(1)}}

.dd-tour-story .dd-tour-guide{margin-top:24px}.dd-tour-story .dd-tour-guide p{font-size:12px;line-height:1.5}.dd-tour-demo{line-height:1.4}.dd-tour-story .dd-tour-guide img{width:70px;height:78px}.dd-tour-story .button{margin-top:15px}@media(min-width:851px) and (max-height:800px){.dd-tour-dialog{padding:18px 26px}.dd-tour-track{margin:6px 0 15px}.dd-tour-story h2{font-size:34px;margin-bottom:18px}.dd-tour-guide>div{padding:10px 12px}.dd-tour-controls{margin-top:15px;bottom:-18px}.dd-tour-screen{padding:15px}.dd-tour-choice{padding:8px}.dd-tour-screen h3{margin-bottom:13px}.dd-tour-simbutton{padding:10px}}@media(max-width:850px){.dd-tour-story .dd-tour-guide{margin:14px 0}.dd-tour-story .dd-tour-guide img{width:60px;height:68px}.dd-tour-story .dd-tour-guide p{font-size:11px}.dd-tour-disclosure{margin-top:8px}}
