.invoice-demo{padding-top:160px;color:#eee}.demo-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.demo-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;color:#ef9dc5;margin-bottom:24px}.invoice-demo h1,.invoice-demo h2,.invoice-demo h3{font-family:'Maven Pro',sans-serif;letter-spacing:-.035em}.invoice-demo h1{font-size:clamp(44px,6.1vw,82px);font-weight:500;line-height:1.06;max-width:1050px}.invoice-demo h1 span{background:linear-gradient(100deg,#f7b79b,#ec8ebc 50%,#b49be3);background-clip:text;color:transparent}.demo-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:38px;max-width:1000px}.demo-intro>p:first-child{font-size:24px;color:#e7e3ec;line-height:1.4}.demo-intro>p:last-child,.invoice-demo article p,.demo-benefits>div>p:last-child,.demo-cta>p{font-size:16px;line-height:1.8;color:#bcb6c7}.demo-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.demo-flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-block:1px solid #ffffff20;padding:22px 0;gap:16px}.demo-flow li{font-size:14px}.demo-flow span{font-family:monospace;color:#df91bf;margin-right:12px}.demo-watch{padding-top:72px;scroll-margin-top:100px}.demo-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.demo-section-heading .demo-eyebrow{margin-bottom:12px}.invoice-demo h2{font-size:clamp(30px,3.6vw,48px);line-height:1.15;font-weight:500}.demo-section-heading>p,.demo-player-note,.demo-small{font-size:12px;color:#bcb6c7}.demo-player{aspect-ratio:16/9;background:#16121c;border:1px solid #ffffff26;border-radius:20px;overflow:hidden;box-shadow:0 25px 100px #a460b019}.demo-player iframe{width:100%;height:100%;border:0}.demo-player-note{display:flex;justify-content:space-between;gap:24px;margin-top:18px;line-height:1.6}.demo-player-note a{color:#f1b7d6;text-decoration:underline;text-underline-offset:4px}.demo-walkthrough{border-bottom:1px solid #ffffff20;margin-top:24px;padding-block:20px;color:#c9c3d2}.demo-walkthrough div{max-width:800px;line-height:1.8;font-size:15px}.demo-walkthrough p{margin-top:18px}.demo-section{padding-top:100px}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.demo-cards article{padding:30px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(145deg,#211a2b99,#14121999)}.demo-number{font-size:11px;letter-spacing:.12em;color:#e6a3ca}.invoice-demo h3{font-size:23px;line-height:1.25;margin:24px 0 16px}.demo-benefits{display:grid;grid-template-columns:1fr 1fr;gap:100px}.demo-benefits>div>p:last-child{margin-top:26px;max-width:380px}.demo-benefit-list article{border-top:1px solid #ffffff25;padding-bottom:26px}.demo-benefit-list h3{font-size:21px}.demo-cta{margin-top:100px;padding:58px;border:1px solid #df91bf40;border-radius:24px;background:radial-gradient(ellipse at top right,#67417344,transparent 70%),#161219}.demo-cta>p{max-width:600px;margin-block:24px}.demo-cta .demo-eyebrow{font-size:12px;color:#ef9dc5}.demo-cta .demo-small{font-size:12px;margin-bottom:0}.invoice-demo a:focus-visible,.invoice-demo iframe:focus-visible{outline:3px solid #f3b1d5;outline-offset:6px}@media(max-width:700px){.invoice-demo{padding-top:130px}.demo-wrap{width:calc(100% - 36px)}.demo-intro{grid-template-columns:1fr;gap:20px;margin-top:28px}.demo-intro>p:first-child{font-size:21px}.demo-flow{grid-template-columns:1fr 1fr;margin-top:38px;row-gap:22px}.demo-watch{padding-top:50px}.demo-section-heading,.demo-player-note{display:block}.demo-section-heading>p,.demo-player-note a{display:block;margin-top:14px}.demo-player{border-radius:12px}.demo-cards,.demo-benefits{grid-template-columns:1fr;gap:18px}.demo-cards article{padding:26px}.demo-section{padding-top:64px}.demo-benefit-list{margin-top:22px}.demo-cta{padding:30px 24px;margin-top:64px}.demo-actions a{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.demo-actions a,.demo-cta>a{gap:8px}.demo-hero .demo-eyebrow{overflow-wrap:anywhere}@media(max-width:420px){.demo-hero .demo-eyebrow{font-size:10px;letter-spacing:.12em}}
.invoice-demo h1,.invoice-demo h2,.invoice-demo h3{text-wrap:balance}.invoice-demo p{text-wrap:pretty}.demo-walkthrough{padding-block:12px}.demo-cta .btn-primary{text-align:center}
@media(max-width:700px){.invoice-demo h1{font-size:clamp(34px,9vw,44px);line-height:1.08}.demo-player-note a{font-size:13px;margin-top:6px;padding-block:8px}.demo-cta>a{width:100%;justify-content:center}}

.demo-player-note{justify-content:flex-end}.demo-walkthrough{padding-block:32px}.demo-walkthrough h3{font-size:clamp(24px,3vw,30px);margin:0 0 20px}.demo-walkthrough div{max-width:880px}