#diy-live-demo{font-family:var(--diy-font);color:var(--diy-ink);background:#fff}#diy-live-demo *{box-sizing:border-box}#diy-live-demo h1,#diy-live-demo h2,#diy-live-demo p{margin-top:0}#diy-live-demo h1,#diy-live-demo h2{color:var(--diy-ink);letter-spacing:-.025em;font-weight:750;line-height:1.12}#diy-live-demo h1{margin-bottom:22px;font-size:clamp(34px,3.25vw,48px)}#diy-live-demo h2{margin-bottom:20px;font-size:clamp(28px,2.5vw,36px)}#diy-live-demo p{color:#59616e;font-size:16px;line-height:1.65}#diy-live-demo .demo-wrap{width:min(var(--diy-container), calc(100% - 48px));margin-inline:auto}#diy-live-demo .demo-eyebrow{color:var(--diy-purple);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800}#diy-live-demo .demo-hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:52px;padding-block:70px 64px;display:grid}#diy-live-demo .demo-lead{font-size:18px;line-height:1.55}#diy-live-demo .demo-button{border-radius:var(--diy-pill-radius);background:var(--diy-purple);color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:15px 24px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}#diy-live-demo .demo-button:hover{background:var(--diy-purple-dark)}#diy-live-demo .demo-button:focus-visible{outline:3px solid var(--diy-purple);outline-offset:4px}#diy-live-demo .demo-new-tab{font-size:11px;font-weight:500}#diy-live-demo .demo-microcopy{margin:12px 0 0;font-size:13px}#diy-live-demo .demo-product{margin:0}#diy-live-demo .demo-product img{width:100%;height:auto;display:block}#diy-live-demo figcaption{color:#59616e;text-align:center;margin-top:14px;font-size:13px}#diy-live-demo .demo-business{background:var(--diy-pale);padding-block:56px}#diy-live-demo .demo-business-grid{grid-template-columns:1fr 1fr;gap:90px;display:grid}#diy-live-demo .demo-business-note{border-left:3px solid var(--diy-purple);margin-top:24px;padding-left:18px;font-size:14px}#diy-live-demo .demo-concepts{margin:0}#diy-live-demo .demo-concepts>div{border-bottom:1px solid #dadce3;grid-template-columns:175px 1fr;gap:20px;padding:19px 0;display:grid}#diy-live-demo .demo-concepts>div:first-child{padding-top:0}#diy-live-demo dt{font-size:16px;font-weight:750;line-height:1.5}#diy-live-demo dd{color:#59616e;margin:0;font-size:15px;line-height:1.6}#diy-live-demo .demo-final{grid-template-columns:1fr 1fr;gap:90px;padding-block:60px 70px;display:grid}#diy-live-demo .demo-guided{color:var(--diy-purple);text-underline-offset:4px;width:fit-content;min-height:24px;margin-block:20px;font-size:15px;font-weight:750;display:block}#diy-live-demo .demo-final-actions>p{max-width:460px;font-size:14px}@media (width<=1024px){#diy-live-demo .demo-hero{gap:30px}#diy-live-demo .demo-business-grid,#diy-live-demo .demo-final{gap:40px}#diy-live-demo .demo-concepts>div{grid-template-columns:1fr;gap:5px}}@media (width<=900px){#diy-live-demo .demo-hero{grid-template-columns:1fr;gap:30px;padding-block:48px}#diy-live-demo .demo-intro{max-width:650px}#diy-live-demo .demo-product{justify-self:center;width:100%;max-width:650px}#diy-live-demo .demo-business-grid,#diy-live-demo .demo-final{grid-template-columns:1fr;gap:30px}#diy-live-demo .demo-business{padding-block:40px}#diy-live-demo .demo-final{padding-block:44px}#diy-live-demo .demo-concepts>div{grid-template-columns:175px 1fr;gap:20px}}@media (width<=600px){#diy-live-demo .demo-wrap{width:calc(100% - 30px)}#diy-live-demo h1{font-size:34px}#diy-live-demo .demo-hero{padding-top:36px}#diy-live-demo .demo-concepts>div{grid-template-columns:1fr;gap:5px;padding-block:16px}#diy-live-demo .demo-button{width:100%}}
