.web-workspace{min-width:0;border:1px solid #e2d9e9;border-radius:9px;background:linear-gradient(135deg,#f9f2f8,#f3f5fc);box-shadow:0 20px 70px #80618509;overflow:hidden}.web-window-bar{display:flex;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid #e6deec;background:#ffffff8c;font-size:8px;letter-spacing:.1em;color:#8b7c97}.web-window-bar>.icon{margin-left:auto;width:13px;height:13px}.web-window-dots{display:flex;gap:4px}.web-window-dots i{width:5px;height:5px;border-radius:50%;background:#cbb9d2}.web-window-dots i:nth-child(2){background:#cc97bd}.web-window-dots i:nth-child(3){background:#959fc7}.web-workspace-body{padding:27px}.web-demo-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#80668a;margin-bottom:25px}.web-demo-label .signal-dot{width:5px;height:5px;background:var(--pink)}.web-workflow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.web-workflow-tabs button{display:flex;align-items:center;gap:9px;padding:13px 10px;border:1px solid #e2d9e9;background:#ffffff91;border-radius:5px;font-size:11px;transition:background .2s,border-color .2s,color .2s}.web-workflow-tabs button>.icon{width:17px;height:17px;color:#aa8aad}.web-workflow-tabs small{font-size:8px;color:#ae9ab7;margin-left:auto}.web-workflow-tabs [aria-selected=true]{color:#8f327d;border-color:#c9a5c6;background:#efddee}.web-workflow-tabs button:focus-visible{outline-offset:2px}.web-example{background:#ffffffd9;border:1px solid #e3daeb;border-radius:6px;padding:27px;min-height:340px;box-shadow:0 8px 30px #b4a2c00a}.web-example-content{animation:web-stage-in .3s ease-out}.web-step-caption{font-size:8px;letter-spacing:.14em;color:#ab8bb0}.web-example h2{font-size:25px;line-height:1.25;letter-spacing:-.04em;margin:15px 0 12px}.web-example p{font-size:11px;line-height:1.8;min-height:40px}.web-example dl{margin:22px 0}.web-example dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eeebf3;font-size:10px;line-height:1.5}.web-example dt{color:#8b7f96}.web-example dd{margin:0;color:#5b4967;text-align:right}.web-record{display:flex;align-items:center;gap:9px;color:#926694;font-size:10px}.web-record .icon{width:15px;height:15px}.web-foundations{display:flex;justify-content:space-between;gap:12px;margin-top:23px;font-size:8px;color:#928299}.web-foundations>span{display:flex;align-items:center;gap:6px}.web-foundations .icon{width:13px;height:13px}.web-window-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 22px;border-top:1px solid #e4dceb;font-size:8px;color:#9d8ca6}.web-window-footer>span:last-child{display:flex;align-items:center;gap:8px;color:#89678f}.web-window-footer .icon{width:13px;height:13px}.web-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.web-solution-grid article{position:relative;padding:32px 42px 32px 0;border-top:1px solid var(--line)}.web-solution-grid article>.icon{width:28px;height:28px;color:#ac87ac;margin-bottom:24px}.web-solution-index{position:absolute;right:0;top:35px;font-size:10px;color:#b39fbb}.web-solution-grid h3{font-size:26px;line-height:1.3;max-width:340px;margin-bottom:15px}.web-solution-grid p{font-size:14px;max-width:470px}.web-outcome-note{display:flex;align-items:center;gap:20px;padding-top:50px;color:#cc97bd}.web-outcome-note .icon{width:42px;height:42px}.web-outcome-note p{color:#c6b2ce;font-size:14px}.web-related{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 35px;margin-top:60px;border:1px solid #e5ddea;background:linear-gradient(115deg,#f9f2f8,#f3f6fc);border-radius:5px}.web-related .section-label{font-size:8px;margin-bottom:13px}.web-related h3{font-size:21px;margin-bottom:10px}.web-related p{font-size:12px;max-width:560px}.web-related>.text-link{flex-shrink:0}.web-example h2{min-height:2.5em}@keyframes web-stage-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1150px){.web-workspace-body{padding:22px}.web-example{padding:23px}.web-workflow-tabs button{font-size:10px;gap:6px;padding-inline:8px}.web-workflow-tabs small{display:none}.web-foundations{gap:8px;font-size:7px}.web-related{gap:25px;padding:28px}.web-related>.text-link{font-size:11px}}@media(max-width:900px){.web-workspace{max-width:600px;width:100%;margin-inline:auto}.web-workflow-tabs small{display:block}.web-workflow-tabs button{font-size:11px;padding:14px}.web-foundations{font-size:9px}.web-related{align-items:flex-start;flex-direction:column;gap:14px}.web-solution-grid{gap:0 30px}.web-solution-grid h3{font-size:24px}.web-solution-grid p{font-size:13px}}@media(max-width:650px){.web-example h2{min-height:3.75em}.web-example p{min-height:5.4em}}@media(max-width:650px){.web-window-bar{padding:17px;font-size:7px;gap:10px}.web-workspace-body{padding:20px 16px}.web-demo-label{font-size:10px}.web-workflow-tabs{gap:6px}.web-workflow-tabs button{flex-direction:column;padding:12px 5px;gap:7px;font-size:10px}.web-workflow-tabs small{display:none}.web-example{padding:22px 17px;min-height:350px}.web-example h2{font-size:24px}.web-example p{font-size:11px}.web-example dl>div{font-size:10px}.web-foundations{gap:7px;font-size:7px}.web-foundations>span{flex-direction:column;gap:7px}.web-window-footer{padding:16px;font-size:7px;gap:10px}.web-solution-grid{grid-template-columns:1fr;gap:0}.web-solution-grid article{padding:27px 25px 27px 0}.web-solution-grid h3{font-size:25px}.web-solution-grid p{font-size:13px}.web-outcome-note{padding-top:25px}.web-related{padding:25px;margin-top:40px}.web-related h3{font-size:22px}.web-related>.text-link{font-size:10px;gap:12px}}