/* Portfolio preview shell; each app has its own isolated visual system. */
.demo-page{padding-top:65px}.demo-notice{background:#edf0e7;border:1px solid #c8d2ba;border-radius:8px;padding:23px 26px;margin:0 0 30px;font-size:14px;line-height:1.7}.demo-notice p{margin:8px 0 0;max-width:950px;color:var(--muted)}.demo-choices{display:flex;gap:12px;margin:28px 0 22px}.demo-choices button{font:inherit;font-weight:600;border:1px solid #b9bfb0;border-radius:6px;padding:15px 22px;background:transparent;cursor:pointer}.demo-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.demo-choices button:focus-visible{outline:3px solid #75618f;outline-offset:3px}.project-demo-panel{border:1px solid #d0d2c8;border-radius:10px;overflow:hidden}.project-demo-panel[hidden]{display:none!important}.project-demo-intro{padding:30px;display:flex;align-items:flex-start;gap:30px;justify-content:space-between;background:#f5f5ef}.project-demo-intro h2{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:10px 0}.project-demo-intro p,.demo-try{font-size:14px;line-height:1.7;color:var(--muted)}.project-demo-intro>.text-link{flex-shrink:0;font-size:13px}.demo-try{padding-left:20px;margin-top:16px}.demo-try li+li{margin-top:3px}.project-demo-embed{display:block;border:0;border-top:1px solid #d0d2c8;border-bottom:1px solid #d0d2c8;width:100%;height:900px;background:#f6f5f2}.dai-embed{background:#f6f9f9;height:1020px}.demo-fit{padding:27px 30px;display:flex;align-items:center;gap:30px;background:#f5f5ef}.demo-fit p{flex:1;font-size:14px;line-height:1.6}.demo-fit p strong,.demo-fit p span{display:block}.demo-fit p span{color:var(--muted);margin-top:7px}.demo-fit .button{font-size:13px;white-space:nowrap}.demo-after{max-width:800px;margin:48px 0 0}.demo-after h2{font-size:30px;letter-spacing:-1px}.demo-after p{font-size:14px;line-height:1.8;margin:18px 0 22px;color:var(--muted)}
.demo-teaser{background:#e6eade;padding:30px;border:1px solid #c8d2ba;border-radius:8px;display:flex;align-items:center;gap:30px;margin-top:32px}.demo-teaser h2,.demo-teaser h3{font-size:29px;letter-spacing:-1px;line-height:1.25}.demo-teaser p{font-size:14px;line-height:1.7;max-width:650px;margin-top:12px;color:var(--muted)}.demo-teaser .button{white-space:nowrap;font-size:13px;min-height:46px}.demo-teaser>.button{margin-left:auto}.demo-teaser .eyebrow{font-size:10px;margin:0 0 12px}
@media(max-width:800px){.demo-teaser{display:block}.demo-teaser>.button{margin-top:20px}.project-demo-intro{display:block}.project-demo-intro>.text-link{display:inline-block;margin-top:15px}.demo-fit{flex-wrap:wrap}.demo-fit p{flex-basis:100%}}
@media(max-width:600px){.demo-page{padding-top:35px}.demo-notice{padding:18px;font-size:13px}.demo-choices{flex-direction:column;gap:8px}.demo-choices button{font-size:13px;text-align:left;padding:15px}.project-demo-intro{padding:22px 18px}.project-demo-intro h2{font-size:27px}.demo-try,.project-demo-intro p{font-size:13px}.demo-fit{padding:22px 18px;gap:17px}.demo-fit .button{width:100%;justify-content:center}.demo-teaser{padding:23px}.demo-teaser h2,.demo-teaser h3{font-size:26px}.demo-after h2{font-size:26px}.project-demo-embed{height:860px}.dai-embed{height:950px}}
/* Business context and guided routes. */
.project-demo-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:24px 40px}.project-demo-intro .eyebrow{margin-bottom:13px}.project-demo-intro h2{max-width:600px}.demo-start{background:#e7ebdd;border:1px solid #cbd3bd;border-radius:9px;padding:22px}.demo-start p{margin:10px 0 18px}.demo-start .button{font-size:12px;min-height:44px;justify-content:center}.demo-start .text-link{display:table;margin-top:12px}.demo-tour-time{font-size:10px;font-weight:700;letter-spacing:1px}.demo-business-context{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #d5d9ca;padding-top:23px}.demo-business-context h3{font-size:17px;letter-spacing:0;margin-bottom:9px}.demo-business-context p{font-size:13px}.demo-mobile-preview,.tour-mobile{display:none}.project-demo-embed{scroll-margin-top:110px}.saybah-embed{height:900px}.demo-after{margin-top:36px}
@media(max-width:800px){.project-demo-intro{grid-template-columns:1fr}.demo-business-context{gap:22px}.demo-start .text-link{display:inline-flex;margin-left:15px}}
@media(max-width:600px){.demo-business-context{grid-template-columns:1fr;gap:20px}.project-demo-intro{padding:24px 19px;gap:20px}.demo-start{padding:18px}.demo-start .text-link{margin:12px 0 0;display:table}.demo-start .tour-inline{display:none}.demo-start .tour-mobile{display:flex;width:100%}.demo-mobile-preview{display:block;background:#e9ecdf;border-top:1px solid #d0d2c8;border-bottom:1px solid #d0d2c8}.demo-mobile-preview img{display:block;width:100%;height:auto;aspect-ratio:11/7;object-fit:cover;object-position:top}.demo-mobile-preview span{display:block;padding:13px 18px;font-size:12px;font-weight:600;text-decoration:underline}.project-demo-embed{display:none}.demo-business-context p{font-size:13px}.demo-choices button{font-size:13px}}