.portal-demo-strip{color:#999;border-bottom:1px solid #303030;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:25px;padding:0 0 15px;font-size:11px;display:flex}.portal-demo-strip>span{flex:1}.portal-demo-strip strong{color:#d4d8d0;font-weight:600}.portal-demo-strip button{color:#ccc;text-underline-offset:4px;text-decoration:underline}.portal-demo-tour{background:#101110;border:1px solid #3a3a36;border-left:2px solid #b7c9be;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;padding:18px 22px;display:flex}.portal-demo-tour small{color:#999;margin-right:16px;font-size:11px}.portal-demo-tour strong{font-size:14px;font-weight:500}.portal-demo-tour p{color:#aaa;max-width:72ch;margin-top:7px;font-size:12px;line-height:1.7}.portal-demo-tour>div:last-child{flex-shrink:0;gap:8px;display:flex}.demo-website{color:#24352d;background:#ebe8df;border:1px solid #444;margin-top:25px;overflow:hidden}.demo-website>header{border-bottom:1px solid #bcc3b8;justify-content:space-between;align-items:center;gap:20px;padding:28px 40px;font-size:12px;display:flex}.demo-website>header strong{font:34px Georgia,serif}.demo-website>header strong span{letter-spacing:5px;margin-top:7px;font:11px Arial;display:block}.demo-site-section{background:#ebe8df;min-height:270px;padding:60px 45px;position:relative;overflow:hidden}.demo-site-section[data-selected=true]{outline-offset:-4px;outline:4px solid #d43f35}.demo-site-section small{color:#586659;font:12px Arial}.demo-site-section h2{max-width:60%;margin:20px 0;font:400 clamp(30px,4vw,53px)/1.1 Georgia,serif}.demo-site-section p{color:#536458;max-width:50%;font-size:14px;line-height:1.8}.demo-site-shape{background:#8e9f8c;border-radius:100px 100px 8px 8px;width:25%;height:75%;position:absolute;top:45px;right:45px;box-shadow:12px 15px #d1d5c8}.demo-site-section-1{background:#dde1d6}.demo-site-section-1 .demo-site-shape{background:#b5bfa7;border-radius:0;height:160px;transform:rotate(10deg)}.demo-site-section-2{color:#f0f0e8;background:#263c30}.demo-site-section-2 p,.demo-site-section-2 small{color:#bccabb}.demo-site-section-2 .demo-site-shape{box-shadow:none;background:#b7c1a5;border-radius:50%;width:160px;height:160px}.demo-section-action{color:#ffe0dd;background:#302222;width:100%;padding:12px;font-size:12px}@media (max-width:760px){.portal-demo-tour{flex-direction:column;align-items:flex-start;gap:15px}.demo-website>header{flex-direction:column;align-items:flex-start;padding:22px}.demo-site-section{padding:35px 23px}.demo-site-section h2,.demo-site-section p{max-width:85%}.demo-site-shape{opacity:.18;right:10px}}