.df-duerp-demo{box-sizing:border-box;max-width:1064px;margin:44px auto;padding:44px;background:#f6f6f4;border:1px solid #e4e4e1;border-radius:18px;color:#0a0a0a;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;text-align:left;scroll-margin-top:85px}
.df-duerp-demo *{box-sizing:border-box}.df-duerp-demo h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;font-weight:700}.df-duerp-demo p{font-size:18px;line-height:1.6;color:#62665f;margin:0 0 26px;max-width:37ch}.df-duerp-demo .df-demo-cta{display:inline-flex;align-items:center;justify-content:center;background:#0a0a0a;color:white;padding:16px 24px;border-radius:9px;font-size:17px;font-weight:600;text-decoration:none;min-height:52px}.df-duerp-demo .df-demo-cta:hover{background:#30352f}.df-duerp-demo a:focus-visible,.df-duerp-demo button:focus-visible{outline:3px solid #20864b;outline-offset:4px}.df-demo-device{justify-self:center;text-align:center}.df-demo-phone{width:230px;max-width:100%;aspect-ratio:390/844;border:6px solid #151714;border-radius:23px;overflow:hidden;background:white;box-shadow:0 12px 32px #0001}.df-demo-phone img{display:block;width:100%;height:100%;object-fit:contain}
.df-demo-copy{grid-column:1;grid-row:1;align-self:end}.df-duerp-demo .df-demo-cta{grid-column:1;grid-row:2;justify-self:start;align-self:start}.df-demo-device{grid-column:2;grid-row:1 / 3}.df-duerp-demo{column-gap:48px;row-gap:0}.df-duerp-demo p{margin-bottom:26px}
@media(max-width:700px){.df-duerp-demo{margin:28px 18px;padding:27px 22px;grid-template-columns:1fr;gap:27px}.df-duerp-demo h2{font-size:32px}.df-duerp-demo p{font-size:16px;margin-bottom:0}.df-demo-copy{grid-column:1;grid-row:1}.df-demo-device{grid-column:1;grid-row:2}.df-duerp-demo .df-demo-cta{grid-column:1;grid-row:3;width:100%}.df-demo-phone{width:220px}}