body{background:#0c0b10;color:#f7f2fa;font-family:'Segoe UI',Arial,sans-serif;margin:0}*{box-sizing:border-box}.shell{width:min(1200px,90%);margin:auto}.show-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff28;padding:25px 0}.brand{font:26px Georgia,serif;color:white;text-decoration:none}.back{color:#e3ccff}.intro{padding:65px 0 35px}.eyebrow{color:#cdb1e9;letter-spacing:2px;font-size:11px;font-weight:700}.intro h1{font:400 clamp(45px,5vw,70px)/1.08 Georgia,serif;letter-spacing:-2px;margin:20px 0}.intro em{color:#c9a8ff}.intro p{color:#c9bfce;line-height:1.6;max-width:650px}.switcher{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.switcher button,.cta{border:1px solid #8e79a0;background:#1f1827;color:#f5edf9;border-radius:5px;padding:13px 18px;font:600 14px 'Segoe UI',sans-serif;cursor:pointer}.switcher button[aria-pressed=true],.cta{background:#dcc4fa;color:#24172c}.demo-desc{color:#d0c6d5;font-size:14px;line-height:1.6}.demo-frame{display:block;width:100%;height:900px;background:#f6f4f0;border:1px solid #76637f;border-radius:8px}.lower{padding:45px 0 75px}.lower h2{font:35px Georgia,serif}.lower p{color:#c9bfce}.cta{display:inline-block;text-decoration:none}.in-blueprint .show-header,.in-blueprint .lower{display:none}@media(max-width:700px){.intro{padding-top:38px}.intro h1{letter-spacing:-1px}}
.demo-frame{border:0;outline:1px solid #76637f}

.real-project{border-top:1px solid #ffffff25;padding-top:45px}.real-project h2{font:42px Georgia,serif}.real-project p{max-width:780px;color:#d2c8da;line-height:1.7}.real-examples{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.real-examples figure{margin:0}.real-examples img{width:100%;height:auto;display:block;border-radius:7px}.real-examples figcaption{padding:14px 0;color:#d6bdf4}@media(max-width:700px){.real-examples{grid-template-columns:1fr}}