.marketing-product-demo-module__cWzQEW__demo{color:var(--foreground);margin:0}.marketing-product-demo-module__cWzQEW__workspace{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);grid-template-columns:15rem minmax(0,1fr);grid-template-areas:"header header""steps pane";display:grid;overflow:hidden}.marketing-product-demo-module__cWzQEW__workspaceHeader{border-bottom:1px solid var(--border);grid-area:header;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.75rem 1.5rem;font-size:.875rem;display:flex}.marketing-product-demo-module__cWzQEW__business{align-items:center;gap:.625rem;font-weight:600;display:flex}.marketing-product-demo-module__cWzQEW__business svg{width:1rem;height:1rem;color:var(--primary)}.marketing-product-demo-module__cWzQEW__exampleLabel{color:var(--muted-foreground)}.marketing-product-demo-module__cWzQEW__steps{border:0;border-right:1px solid var(--border);background:var(--background);flex-direction:column;grid-area:steps;gap:.5rem;min-width:0;margin:0;padding:1.5rem 1rem;display:flex}.marketing-product-demo-module__cWzQEW__steps label{border-radius:calc(var(--radius) * .6);cursor:pointer;min-height:4.5rem;color:var(--muted-foreground);border:1px solid #0000;align-items:flex-start;gap:.75rem;padding:.875rem .75rem;display:flex}.marketing-product-demo-module__cWzQEW__stepNumber{font-variant-numeric:tabular-nums;padding-top:.0625rem;font-size:.75rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__steps strong{font-size:.875rem;font-weight:600;line-height:1.4;display:block}.marketing-product-demo-module__cWzQEW__steps small{margin-top:.25rem;font-size:.75rem;line-height:1.5;display:block}.marketing-product-demo-module__cWzQEW__stepHint{color:var(--muted-foreground);margin:auto .75rem 0;padding-top:2rem;font-size:.75rem;line-height:1.6}.marketing-product-demo-module__cWzQEW__srOnly,.marketing-product-demo-module__cWzQEW__radio{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.marketing-product-demo-module__cWzQEW__radio:checked+label{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground)}.marketing-product-demo-module__cWzQEW__radio:focus-visible+label{outline:2px solid var(--primary);outline-offset:3px}.marketing-product-demo-module__cWzQEW__steps label:hover{color:var(--foreground)}.marketing-product-demo-module__cWzQEW__pane{flex-direction:column;grid-area:pane;min-width:0;min-height:26rem;display:none}.marketing-product-demo-module__cWzQEW__reviewPane{display:flex}.marketing-product-demo-module__cWzQEW__invoiceHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.marketing-product-demo-module__cWzQEW__invoiceHeader h2{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.marketing-product-demo-module__cWzQEW__invoiceHeader p{color:var(--muted-foreground);margin:.375rem 0 0;font-size:.875rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__invoiceTotal{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.375rem;display:flex}.marketing-product-demo-module__cWzQEW__invoiceTotal strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:500;line-height:1.1}.marketing-product-demo-module__cWzQEW__draftStatus,.marketing-product-demo-module__cWzQEW__paidStatus{border-radius:calc(var(--radius) * .4);padding:.1875rem .5rem;font-size:.75rem;line-height:1.4;display:inline-block}.marketing-product-demo-module__cWzQEW__draftStatus{background:var(--accent);color:var(--accent-foreground)}.marketing-product-demo-module__cWzQEW__paidStatus{background:var(--secondary);color:var(--secondary-foreground)}.marketing-product-demo-module__cWzQEW__invoiceBody,.marketing-product-demo-module__cWzQEW__reviewBody,.marketing-product-demo-module__cWzQEW__controlBody{flex:1;padding:1.5rem 2rem}.marketing-product-demo-module__cWzQEW__pane h3{margin:0;font-size:.875rem;font-weight:600;line-height:1.5}.marketing-product-demo-module__cWzQEW__details{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem 2rem;margin:1.5rem 0 0;display:grid}.marketing-product-demo-module__cWzQEW__details dt,.marketing-product-demo-module__cWzQEW__history dt{color:var(--muted-foreground);font-size:.8125rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__details dd{margin:.375rem 0 0;font-size:.875rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__bodyNote{max-width:37rem;color:var(--muted-foreground);margin:1.5rem 0 0;font-size:.875rem;line-height:1.6}.marketing-product-demo-module__cWzQEW__paneFooter{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:flex-start;gap:.625rem;margin:auto 0 0;padding:.875rem 2rem;font-size:.8125rem;line-height:1.5;display:flex}.marketing-product-demo-module__cWzQEW__paneFooter svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0;margin-top:.0625rem}.marketing-product-demo-module__cWzQEW__reviewBody{grid-template-columns:10.5rem minmax(0,1fr);gap:2rem;display:grid}.marketing-product-demo-module__cWzQEW__sequence{border-right:1px solid var(--border);padding-right:1.5rem}.marketing-product-demo-module__cWzQEW__sequence ol{gap:1.25rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.marketing-product-demo-module__cWzQEW__sequence li{border-left:2px solid var(--border);padding-left:.75rem}.marketing-product-demo-module__cWzQEW__sequence li.marketing-product-demo-module__cWzQEW__currentReminder{border-color:var(--primary)}.marketing-product-demo-module__cWzQEW__sequence strong{font-size:.8125rem;font-weight:500;line-height:1.5;display:block}.marketing-product-demo-module__cWzQEW__sequence span{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem;line-height:1.5;display:block}.marketing-product-demo-module__cWzQEW__sequence small{color:var(--primary);margin-top:.375rem;font-size:.75rem;line-height:1.4;display:block}.marketing-product-demo-module__cWzQEW__message{min-width:0}.marketing-product-demo-module__cWzQEW__recipient{color:var(--muted-foreground);margin:0 0 .375rem;font-size:.8125rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__messageBody{margin-top:1.25rem;font-size:.875rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__messageBody p{margin:0}.marketing-product-demo-module__cWzQEW__messageBody p+p{margin-top:.625rem}.marketing-product-demo-module__cWzQEW__resolution{align-items:center;gap:.875rem;margin-top:.25rem;display:flex}.marketing-product-demo-module__cWzQEW__resolution>svg{border-radius:calc(var(--radius) * .6);background:var(--secondary);width:2.5rem;height:2.5rem;color:var(--secondary-foreground);padding:.625rem}.marketing-product-demo-module__cWzQEW__resolution h3{letter-spacing:-.02em;font-size:1.25rem;font-weight:500}.marketing-product-demo-module__cWzQEW__resolution p{color:var(--muted-foreground);margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__history{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.75rem 0 0;padding-top:1.25rem;display:grid}.marketing-product-demo-module__cWzQEW__history dd{margin:.375rem 0 0;font-size:.875rem;line-height:1.5}.marketing-product-demo-module__cWzQEW__caption{text-align:center;color:var(--muted-foreground);margin:1rem 0 0;font-size:.75rem;line-height:1.6}:is(.marketing-product-demo-module__cWzQEW__demo:has(.marketing-product-demo-module__cWzQEW__invoicesRadio:checked) .marketing-product-demo-module__cWzQEW__reviewPane,.marketing-product-demo-module__cWzQEW__demo:has(.marketing-product-demo-module__cWzQEW__controlRadio:checked) .marketing-product-demo-module__cWzQEW__reviewPane){display:none}:is(.marketing-product-demo-module__cWzQEW__demo:has(.marketing-product-demo-module__cWzQEW__invoicesRadio:checked) .marketing-product-demo-module__cWzQEW__invoicePane,.marketing-product-demo-module__cWzQEW__demo:has(.marketing-product-demo-module__cWzQEW__controlRadio:checked) .marketing-product-demo-module__cWzQEW__controlPane){display:flex}@media (max-width:1000px){.marketing-product-demo-module__cWzQEW__workspace{grid-template-columns:13.5rem minmax(0,1fr)}.marketing-product-demo-module__cWzQEW__steps{padding-inline:.75rem}.marketing-product-demo-module__cWzQEW__invoiceHeader,.marketing-product-demo-module__cWzQEW__invoiceBody,.marketing-product-demo-module__cWzQEW__reviewBody,.marketing-product-demo-module__cWzQEW__controlBody,.marketing-product-demo-module__cWzQEW__paneFooter{padding-inline:1.5rem}.marketing-product-demo-module__cWzQEW__details{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-product-demo-module__cWzQEW__reviewBody{grid-template-columns:1fr;gap:1.5rem}.marketing-product-demo-module__cWzQEW__sequence{border-right:0;border-bottom:1px solid var(--border);padding:0 0 1.25rem}.marketing-product-demo-module__cWzQEW__sequence ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.marketing-product-demo-module__cWzQEW__sequence strong{font-size:.75rem}.marketing-product-demo-module__cWzQEW__workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""steps""pane"}.marketing-product-demo-module__cWzQEW__steps{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.75rem;display:grid}.marketing-product-demo-module__cWzQEW__steps label{justify-content:center;align-items:center;gap:.5rem;min-height:3.5rem;padding:.5rem}.marketing-product-demo-module__cWzQEW__steps strong{text-align:center;font-size:.8125rem}.marketing-product-demo-module__cWzQEW__steps small,.marketing-product-demo-module__cWzQEW__stepHint{display:none}.marketing-product-demo-module__cWzQEW__pane{min-height:27rem}.marketing-product-demo-module__cWzQEW__invoiceHeader{gap:1rem}.marketing-product-demo-module__cWzQEW__invoiceHeader p{max-width:16rem}.marketing-product-demo-module__cWzQEW__reviewBody{gap:1.25rem}}@media (max-width:480px){.marketing-product-demo-module__cWzQEW__workspaceHeader{min-height:3rem;padding:.75rem 1rem;font-size:.8125rem}.marketing-product-demo-module__cWzQEW__exampleLabel,.marketing-product-demo-module__cWzQEW__stepNumber{display:none}.marketing-product-demo-module__cWzQEW__steps strong{font-size:.75rem}.marketing-product-demo-module__cWzQEW__invoiceHeader{align-items:flex-start;padding:1.25rem 1rem}.marketing-product-demo-module__cWzQEW__invoiceHeader h2{font-size:1rem}.marketing-product-demo-module__cWzQEW__invoiceHeader p{font-size:.8125rem}.marketing-product-demo-module__cWzQEW__invoiceTotal strong{font-size:1.375rem}.marketing-product-demo-module__cWzQEW__draftStatus,.marketing-product-demo-module__cWzQEW__paidStatus{font-size:.6875rem}.marketing-product-demo-module__cWzQEW__invoiceBody,.marketing-product-demo-module__cWzQEW__reviewBody,.marketing-product-demo-module__cWzQEW__controlBody{padding:1.25rem 1rem}.marketing-product-demo-module__cWzQEW__details{gap:1rem;margin-top:1.25rem}.marketing-product-demo-module__cWzQEW__paneFooter{padding:.875rem 1rem}.marketing-product-demo-module__cWzQEW__sequence h3{font-size:.8125rem}.marketing-product-demo-module__cWzQEW__sequence strong,.marketing-product-demo-module__cWzQEW__sequence span,.marketing-product-demo-module__cWzQEW__sequence small{font-size:.6875rem}.marketing-product-demo-module__cWzQEW__sequence li{padding-left:.5rem}.marketing-product-demo-module__cWzQEW__history{grid-template-columns:1fr;gap:1rem}.marketing-product-demo-module__cWzQEW__caption{text-align:left}}