.product-preview{border:1px solid var(--border-light);background:#fff;border-radius:1.25rem;overflow:hidden;box-shadow:0 24px 70px -24px #12334d38;container-type:inline-size}.product-preview>div{font-size:clamp(.625rem,2.4cqw,.875rem);line-height:1.45}.product-preview svg{flex:none;width:1.5em;height:1.5em}.product-preview strong,.product-preview b{color:var(--color-ink)}.preview-overline{color:var(--color-grey);font-size:.8em;display:block}.preview-chrome{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1em;padding:1.1em 1.4em;font-size:.9em;display:flex}.preview-dots{gap:.45em;display:flex}.preview-dots i{background:#d5e3eb;border-radius:50%;width:.65em;height:.65em}.preview-dots i:first-child{background:#f0cbb3}.preview-dots i:last-child{background:#afd4c5}.preview-demo,.preview-control{border:1px solid var(--border-light);color:var(--color-grey);border-radius:.5em;padding:.35em .7em}.preview-calendar>div{font-size:clamp(.4rem,1.65cqw,.75rem)}.calendar-workspace{grid-template-columns:11em 1fr;display:grid}.calendar-sidebar{border-right:1px solid var(--border-light);background:#fafdff;align-content:start;gap:1em;padding:2em 1em;display:grid}.preview-monogram{font-size:1.3em;line-height:1;display:block}.calendar-sidebar .preview-monogram{margin:0 0 .7em .4em}.sidebar-item{color:var(--color-grey);align-items:center;gap:.65em;padding:.7em .5em;font-size:.95em;display:flex}.sidebar-item.selected{color:var(--color-blue);background:var(--color-sky);border-radius:.6em}.sidebar-avatar,.person-avatar{background:var(--color-lilac);width:3em;height:3em;color:var(--color-ink);border-radius:50%;flex:none;place-items:center;font-size:.85em;font-weight:600;display:inline-grid}.sidebar-avatar{background:var(--color-mint);margin:4em 0 0 .5em}.calendar-main{min-width:0;padding:2em 1.5em 1.5em}.calendar-heading,.calendar-toolbar{justify-content:space-between;align-items:center;gap:1em;display:flex}.calendar-heading strong{letter-spacing:-.04em;margin-top:.15em;font-size:2em;display:block}.calendar-toolbar{margin:1.5em 0;font-weight:600}.calendar-toolbar>span:nth-child(2){color:var(--color-grey);margin-right:auto}.calendar-grid{grid-template-columns:3em repeat(5,minmax(0,1fr));display:grid}.time-axis{color:var(--color-grey);grid-template-rows:4.6em repeat(4,5em);font-size:.8em;display:grid}.time-axis span:not(:first-child){padding-top:.5em}.calendar-day{border-left:1px solid #e7eef2;min-width:0}.day-heading{text-align:center;color:var(--color-grey);padding:0 0 .8em;font-size:.9em}.day-heading b{margin:.15em auto 0;font-size:1.5em;display:block}.current-day .day-heading b{color:#fff;background:var(--color-blue);border-radius:50%;place-items:center;width:1.8em;height:1.8em;margin-top:0;display:grid}.current-day .day-heading{padding-bottom:.4em}.day-slots{background:repeating-linear-gradient(#fff 0 4.5em,#e7eef2 4.5em 4.6em);grid-template-rows:repeat(8,2.3em);gap:.2em;padding:.2em;display:grid}.appointment{border-left:2px solid var(--color-blue);border-radius:.5em;align-content:center;min-width:0;padding:.5em .55em;font-size:.85em;display:grid;overflow:hidden}.appointment b,.appointment span,.appointment small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.appointment small{margin-top:.2em;font-size:.8em}.appointment-sky{background:#e2f1fb}.appointment-mint{border-color:var(--color-pine);background:#e2f2e9}.appointment-peach{background:#fff0e2;border-color:#c6814d}.appointment-lilac{background:#eee8fa;border-color:#9583b7}.preview-booking,.preview-portal{border:6px solid #fff;border-radius:2rem;max-width:18rem;position:relative}.preview-booking>div,.preview-portal>div{font-size:clamp(.35rem,4.3cqw,.75rem)}.phone-status{justify-content:space-between;padding:.85em 1.5em 0;font-size:.85em;font-weight:600;display:flex}.booking-top{border-bottom:1px solid var(--border-light);justify-content:center;align-items:center;gap:.5em;padding:1.1em;font-weight:600;display:flex}.booking-top .preview-monogram{font-size:1em}.booking-content{padding:1.8em 1.5em}.phone-heading{letter-spacing:-.05em;margin:.4em 0 1em;font-size:2em;line-height:1.15;display:block}.booking-service{background:var(--color-sky);border-radius:.75em;align-items:center;gap:.8em;padding:1.1em;display:flex}.booking-service>svg{color:var(--color-blue);width:2em;height:2em}.booking-service b,.booking-person b{display:block}.booking-service span,.booking-person div>span{color:var(--color-grey);font-size:.8em}.booking-person{align-items:center;gap:.8em;padding-block:1.5em;display:flex}.booking-person>span:last-child{color:var(--color-pine);margin-left:auto}.booking-date{justify-content:space-between;align-items:center;padding-block:.6em;font-size:.9em;display:flex}.booking-times{grid-template-columns:1fr 1fr;gap:.7em;margin-top:.6em;display:grid}.booking-times span{text-align:center;border:1px solid var(--border-light);border-radius:.6em;padding:.7em;font-size:.85em;display:block}.booking-times .chosen{color:var(--color-pine);border-color:var(--color-pine);background:var(--color-mint)}.preview-action{color:#fff;background:var(--color-blue);border-radius:.8em;justify-content:space-between;align-items:center;gap:.5em;margin:1.5em 0 1em;padding:1em;font-size:.9em;font-weight:600;display:flex}.booking-note{color:var(--color-grey);text-align:center;font-size:.75em;display:block}.phone-home{background:var(--color-ink);border-radius:1em;width:33%;height:.3em;margin:0 auto .8em}.note-content{padding:2em}.note-top{align-items:center;gap:.8em;margin-bottom:2em;display:flex}.note-top b,.note-top div>span{display:block}.note-top div>span{color:var(--color-grey);font-size:.85em}.document-title{letter-spacing:-.04em;font-size:2em;line-height:1.2;display:block}.soap-fields{gap:1.25em;margin-top:2em;display:grid}.soap-field{gap:1em;display:flex}.soap-letter{border-radius:.6em;flex:none;place-items:center;width:2.4em;height:2.4em;font-weight:600;display:grid}.letter-0{background:var(--color-sky)}.letter-1{background:var(--color-mint)}.letter-2{background:var(--color-peach)}.letter-3{background:var(--color-lilac)}.soap-field p{color:var(--color-grey);margin-top:.3em;font-size:.85em}.signature{background:var(--color-mint);color:var(--color-pine);border-radius:.75em;align-items:center;gap:.8em;margin-top:2em;padding:1.25em;display:flex}.signature div>span{color:var(--color-grey);font-size:.8em;display:block}.signature>svg:last-child{margin-left:auto}.invoice-paper{padding:2em}.invoice-paper>svg{color:var(--color-blue);width:2.5em;height:2.5em;margin-bottom:1.5em}.invoice-paper .document-title{margin-top:.5em}.invoice-meta{color:var(--color-grey);margin-top:1em;font-size:.8em;display:block}.invoice-line{border-block:1px solid var(--border-light);justify-content:space-between;gap:1em;margin-top:1.5em;padding:1.8em 0;font-size:.9em;display:flex}.invoice-total{justify-content:space-between;align-items:center;gap:1em;padding:1.5em 0;display:flex}.invoice-total span{color:var(--color-grey);font-size:.8em}.invoice-total strong{font-size:2em}.invoice-ready{color:var(--color-pine);background:var(--color-mint);border-radius:.75em;justify-content:center;align-items:center;gap:.75em;padding:1em;display:flex}.portal-content{padding:2em 1.5em}.portal-content>.person-avatar{background:var(--color-peach);margin-bottom:1.5em}.portal-visit{background:var(--color-sky);border-radius:1em;gap:.5em;padding:1.5em;display:grid}.portal-visit>svg{color:var(--color-blue);margin-bottom:.5em}.portal-visit>b{color:var(--color-grey);font-size:.8em}.portal-visit strong{font-size:1.3em}.portal-visit>span{font-size:.85em}.portal-links{margin:1.5em 0 3em}.portal-links>div{border-bottom:1px solid var(--border-light);align-items:center;gap:.6em;padding:1em 0;font-size:.9em;display:flex}.portal-links svg:last-child{margin-left:auto}.preview-reminders>div{font-size:clamp(.5rem,2.6cqw,.875rem)}.preview-audit>div{font-size:clamp(.5rem,2.4cqw,.875rem)}.reminders-content{grid-template-columns:1.1fr 1fr;align-items:start;gap:1.5em;padding:2em;display:grid}.reminders-settings{gap:1em;display:grid}.reminder-channel{border:1px solid var(--border-light);border-radius:.75em;align-items:center;gap:.8em;padding:1em;display:flex}.reminder-channel>svg{color:var(--color-blue)}.reminder-toggle{background:var(--color-mint);color:var(--color-pine);border-radius:9999px;margin-left:auto;padding:.25em .9em;font-size:.8em;font-weight:600}.reminders-message{background:var(--color-lilac);border-radius:1.25em 1.25em 1.25em .3em;gap:.5em;padding:1.25em;display:grid}.reminders-message p{font-size:.9em}.reminders-message small{color:var(--color-grey);font-size:.75em}.audit-content{padding:2em}.audit-heading{justify-content:space-between;align-items:center;gap:1em;display:flex}.audit-badge{background:var(--color-mint);color:var(--color-pine);border-radius:9999px;align-items:center;gap:.4em;padding:.35em .8em;font-size:.8em;font-weight:600;display:inline-flex}.audit-badge svg{width:1.1em;height:1.1em}.audit-rows{margin:1.5em 0 1.25em}.audit-row{border-bottom:1px solid var(--border-light);align-items:center;gap:1em;padding:.9em 0;display:flex}.audit-row>svg{color:var(--color-blue);background:var(--color-sky);border-radius:.6em;width:2.6em;height:2.6em;padding:.5em}.audit-row div{min-width:0}.audit-row b,.audit-row div>span{display:block}.audit-row div>span{color:var(--color-grey);font-size:.85em}.audit-row small{color:var(--color-grey);white-space:nowrap;margin-left:auto;font-size:.8em}.concept-stage{isolation:isolate;border-radius:2rem;justify-items:center;gap:1.25rem;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,3rem) 1.5rem;display:grid;position:relative;overflow:hidden}.stage-sky{background:linear-gradient(160deg, #d6ebfa, var(--color-sky) 70%);--stage-line:#b5d8f0}.stage-mint{background:linear-gradient(160deg, #d3eee2, var(--color-mint) 70%);--stage-line:#b2dfcc}.stage-peach{background:linear-gradient(160deg, #ffe4cb, var(--color-peach) 70%);--stage-line:#f5cfab}.stage-lilac{background:linear-gradient(160deg, #e2d9f6, var(--color-lilac) 70%);--stage-line:#cdc0ea}.stage-art{color:var(--stage-line);z-index:-1;width:130%;max-width:none;position:absolute;top:-45%;right:-45%}.concept-stage>.product-preview{width:100%;color:var(--color-ink)}.concept-stage>.preview-notes{max-width:30rem}.concept-stage>.preview-billing{max-width:24rem}.concept-stage>.preview-reminders,.concept-stage>.preview-audit{max-width:36rem}.concept-stage>figcaption{color:var(--color-grey);text-align:center;font-size:.8125rem}.preview-reports>div{font-size:clamp(.5rem,2.4cqw,.875rem)}.reports-content{padding:2em}.reports-tiles{grid-template-columns:1fr 1fr;gap:1em;margin:1.5em 0;display:grid}.reports-tiles>div{background:var(--color-mist);border-radius:.75em;padding:1.1em}.reports-tiles strong{letter-spacing:-.04em;font-size:1.8em;display:block}.reports-bars{gap:.9em;display:grid}.reports-bar{grid-template-columns:9em 1fr 5em;align-items:center;gap:1em;font-size:.9em;display:grid}.reports-track{background:var(--color-mist);border-radius:9999px;height:1.1em;display:block;overflow:hidden}.reports-track i{border-left:0;border-radius:9999px;height:100%;display:block}.reports-bar small{color:var(--color-grey);text-align:right;white-space:nowrap}.concept-stage>.preview-reports{max-width:36rem}.concept-stage>.device{width:100%}.concept-stage>.device-phone{max-width:17rem}.concept-stage .device-shell{background:#fff}.product-capture{border:1px solid var(--border-light);background:#fff;border-radius:1rem;width:100%;min-width:0;overflow:hidden;box-shadow:0 20px 60px -24px #12334d3d}.product-capture-chrome{border-bottom:1px solid var(--border-light);background:var(--color-mist);min-height:2.75rem;color:var(--color-grey);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.75rem;line-height:1.5;display:flex}.product-capture-dots{gap:.35rem;display:flex}.product-capture-dots i{background:#b6c8d6;border-radius:50%;width:.5rem;height:.5rem}.product-capture-demo{border:1px solid var(--border-light);border-radius:.25rem;padding:.125rem .5rem}.product-capture img{aspect-ratio:8/5;width:100%;height:auto;display:block}.product-capture-caption{color:var(--color-grey);margin-top:1rem;font-size:.8125rem}.product-screen-gallery{gap:2.5rem;margin-top:3rem;display:grid}.product-screen-gallery figure{min-width:0}.product-screen-gallery h3{margin-bottom:1rem;font-size:1.25rem}@media (width>=64rem){.product-screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}