.demo-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center;padding-block:40px}.demo-intro-copy>.eyebrow{margin:24px 0 10px;font-size:.875rem;letter-spacing:.08em}.demo-intro h1{font-size:clamp(2rem,3.1vw,3.1rem);line-height:1.16;margin:0 0 18px}.demo-intro-copy>p{font-size:1.05rem;margin-bottom:18px}.demo-stack{display:flex;gap:12px;flex-wrap:wrap;font-size:.875rem;padding-block:14px;margin-bottom:10px;border-top:1px solid var(--line)}.demo-stack strong{color:var(--navy)}.demo-stack span{color:var(--muted)}.demo-intro-cover{border-radius:14px;overflow:hidden;background:#edf2f6;border:1px solid var(--line);box-shadow:0 20px 50px #1534480c}.demo-intro-cover .project-art{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}.demo-workbench{max-width:1440px;border:1px solid #ccd8e2;border-radius:12px;overflow:hidden;background:white;box-shadow:0 18px 50px #1735470a;margin-block:12px 60px}.demo-workbench-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--line)}.device-controls{display:flex;gap:4px;background:#eef2f6;border:1px solid #dce4eb;border-radius:8px;padding:4px}.device-controls a{font-size:.875rem;font-weight:600;color:var(--navy);padding:8px 16px;border-radius:5px}.device-controls a[aria-pressed=true]{background:var(--navy);color:#fff}.device-controls a:focus-visible{outline:3px solid #9b7439;outline-offset:3px}.demo-stage{position:relative;height:clamp(440px,76vh,860px);overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fcfdff,#e9eff5);overscroll-behavior:contain}.demo-device{position:absolute;left:24px;top:24px;width:1284px;height:840px;border:2px solid #b4c3d0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 20px 60px #12304922;transform-origin:top left}.demo-device-chrome{height:36px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f6f8fb;color:#4e6475;font-size:12px;border-bottom:1px solid #dde5ec;box-sizing:border-box}.demo-device-chrome>span:first-child{letter-spacing:3px;color:#a6b7c5}.demo-device iframe{display:block;border:0;width:1280px;height:800px;min-height:0;background:white}.demo-workbench[data-device=mobile] .demo-device{border-radius:26px;border-color:#19394f;width:394px}.demo-workbench[data-device=mobile] .demo-device-chrome{background:#19394f;color:#fff}.demo-workbench[data-device=mobile] .demo-device iframe{width:390px;height:780px}.demo-workbench-foot{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:14px 22px;font-size:.875rem;color:var(--muted)}.demo-workbench-foot [data-demo-size]{font-variant-numeric:tabular-nums;color:var(--navy)}.demo-privacy-note{padding:0 22px 16px;font-size:.875rem;margin:0;color:#566a7a}.demo-project-brief{padding-bottom:70px;scroll-margin-top:115px}.demo-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-brief-grid article{padding:30px;border:1px solid var(--line);border-radius:10px;background:white}.brief-number{color:#876236;font-size:.875rem;display:block;margin-bottom:20px}.demo-brief-grid h3{font-size:1.4rem;line-height:1.3;margin-bottom:18px}.demo-brief-grid p,.demo-brief-grid li{font-size:1rem;line-height:1.8}.demo-brief-grid .feature-list{margin-top:16px}.brief-stack{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:.875rem;color:var(--navy)}.demo-brief-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:30px;margin-top:24px;background:#f3f7fa;border-radius:10px}.demo-brief-cta>span{font-size:1.2rem;color:var(--navy)}.project-card .project-art{aspect-ratio:16/10;object-fit:cover}.card-business{font-size:.875rem;font-weight:600;color:#765631;margin:10px 0}.card-stack{font-size:.875rem;color:#536475;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;line-height:1.7}
@media(max-width:1000px){.demo-intro{gap:28px}.demo-brief-grid{grid-template-columns:1fr}.demo-brief-grid article{padding:25px}.demo-brief-grid h3{font-size:1.5rem}.demo-workbench-toolbar{padding:14px}.demo-launch-links{gap:5px}.demo-launch-links a{padding:8px 10px}}
@media(max-width:700px){.demo-intro{grid-template-columns:1fr;padding-block:28px}.demo-intro-cover{max-width:550px}.demo-intro-cover .project-art{aspect-ratio:16/8}.demo-workbench{width:calc(100% - 24px)}.demo-workbench-toolbar{align-items:flex-start}.device-controls{margin-left:auto}.demo-stage{height:70vh;min-height:420px}.demo-workbench-foot,.demo-privacy-note{padding-inline:14px}.demo-workbench-foot{gap:6px}.demo-brief-cta{padding:24px}.demo-intro h1{font-size:2.2rem}}