.placly-site .feature-showcase-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"introduction" "tabs" "playback" "stage" "caption";padding-block:48px 56px}.placly-site .feature-showcase-layout .feature-copy-column,.placly-site .feature-showcase-layout .feature-demo-column{display:contents}.placly-site .feature-showcase-layout .feature-showcase-intro{grid-area:introduction;min-width:0;margin:0 0 28px;text-align:center}.placly-site .feature-showcase-layout .feature-showcase-intro .eyebrow{margin-bottom:16px;text-transform:none}.placly-site .feature-showcase-layout .feature-showcase-intro>p:last-child{margin:16px auto 0}.placly-site .feature-showcase-layout .feature-tabs{grid-area:tabs;container:feature-tabs/inline-size;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;width:100%;max-width:100%;justify-content:stretch;gap:6px;padding:6px;margin:0 auto 12px;border-radius:18px;overflow:visible}.placly-site .feature-showcase-layout .feature-tabs button{grid-column:span 3;position:relative;min-width:0;min-height:44px;justify-content:center;gap:8px;padding:10px 12px;font-size:12px;line-height:1.3;white-space:nowrap;overflow:visible}.placly-site .feature-showcase-layout .feature-tab-progress{position:absolute;inset:0;display:block;width:100%;height:100%;flex:none;overflow:visible;pointer-events:none}.placly-site .feature-showcase-layout .feature-tab-progress rect{fill:none;stroke:var(--accent-fill);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:0 100;stroke-dashoffset:0;animation:placly-feature-tour-perimeter 5s linear forwards;animation-play-state:paused}.placly-site .feature-showcase-layout[data-tour-state=playing] .feature-tab-progress rect{animation-play-state:running}@keyframes placly-feature-tour-perimeter{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@media (prefers-reduced-motion:reduce){.placly-site .feature-showcase-layout .feature-tab-progress rect{animation:none;stroke-dasharray:100 0}}.placly-site .feature-showcase-layout .feature-tabs button>svg:not(.feature-tab-progress){width:16px;height:16px;flex:0 0 16px}.placly-site .feature-showcase-layout .feature-playback{grid-area:playback;width:100%;max-width:none;margin:0 0 12px}.placly-site .feature-showcase-layout .feature-stage{grid-area:stage;min-width:0;width:100%;max-width:none;margin:0;padding:16px 20px}.placly-site .feature-showcase-layout .feature-caption{grid-area:caption;min-width:0;margin:20px auto 0}.placly-site .feature-showcase-layout .workspace-demo:has(.finance-body){height:auto}.placly-site .feature-showcase-layout .feature-caption .feature-detail-link{grid-column:auto}@media (min-width:1200px){.placly-site .feature-showcase-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);grid-template-areas:". tabs" ". playback" "copy stage";align-items:start;column-gap:clamp(32px,3vw,48px)}.placly-site .feature-showcase-layout .feature-copy-column{grid-area:copy;display:flex;flex-direction:column;gap:32px;min-width:0;padding-top:0;align-self:center}.placly-site .feature-showcase-layout .feature-demo-column{display:contents}.placly-site .feature-showcase-layout .feature-showcase-intro{margin:0;text-align:left}.placly-site .feature-showcase-layout .feature-showcase-intro h2{font-size:clamp(38px,3.4vw,52px);line-height:1.06;letter-spacing:-.035em;max-width:none;text-wrap:balance}.placly-site .feature-showcase-layout .feature-showcase-intro>p:last-child{margin-inline:0;font-size:16px;line-height:1.6}.placly-site .feature-showcase-layout .feature-stage{padding:20px 24px}.placly-site .feature-showcase-layout .workspace-demo{height:400px}.placly-site .feature-showcase-layout .approval-body{padding:24px;gap:28px}.placly-site .feature-showcase-layout .record-line{padding-bottom:10px;margin-bottom:9px}.placly-site .feature-showcase-layout .approval-total{margin-bottom:12px}.placly-site .feature-showcase-layout .finance-body{padding:24px}.placly-site .feature-showcase-layout .invoice-heading{margin-bottom:18px}.placly-site .feature-showcase-layout .invoice-table{margin-top:18px}.placly-site .feature-showcase-layout .ledger-preview>p{margin-bottom:18px}.placly-site .feature-showcase-layout .customer-demo{padding-block:24px}.placly-site .feature-showcase-layout .customer-demo-head{margin-bottom:18px}.placly-site .feature-showcase-layout .access-preview-compact{height:100%}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-content{padding-top:10px}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-layout{padding-block:8px}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-profile,.placly-site .feature-showcase-layout .access-preview-compact .access-preview-scope .feature-page-ui-label{margin-bottom:6px}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-venue{padding-block:5px}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-scope-note{margin-top:6px}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-permissions-heading{margin-bottom:6px}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-permissions td,.placly-site .feature-showcase-layout .access-preview-compact .access-preview-permissions th{height:28px}.placly-site .feature-showcase-layout .access-preview-compact .access-preview-action{padding-block:9px}.placly-site .feature-showcase-layout .feature-caption{max-width:none;margin:0;text-align:left}.placly-site .feature-showcase-layout .feature-caption h3{font-size:22px;line-height:1.3;margin-bottom:12px}.placly-site .feature-showcase-layout .feature-caption p{font-size:15px;line-height:1.6}.placly-site .feature-showcase-layout .feature-caption .feature-detail-link,.placly-site .feature-showcase-layout .feature-caption>span{margin-top:16px}}@container feature-tabs (min-width: 420px){.placly-site .feature-showcase-layout .feature-tabs button{grid-column:span 2}}@container feature-tabs (min-width: 660px){.placly-site .feature-showcase-layout .feature-tabs button{grid-column:span 1}}@media (max-width:680px){.placly-site .feature-showcase-layout .feature-showcase-intro{margin-bottom:22px}.placly-site .feature-showcase-layout .feature-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;width:100%;margin-inline:0;gap:var(--space-control-gap);padding:var(--spacing-sm);border-radius:var(--radius-pill);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-padding-inline:var(--spacing-sm)}.placly-site .feature-showcase-layout .feature-tabs::-webkit-scrollbar{display:none}.placly-site .feature-showcase-layout .feature-tabs button{flex:0 0 calc((100% - var(--space-control-gap) * 2) / 2.5);overflow:hidden}.placly-site .feature-showcase-layout .feature-tab-progress{overflow:hidden}}.placly-site .feature-demo-calendar-grid{display:grid;grid-template-columns:45px repeat(5,minmax(0,1fr));height:230px;margin:0 25px}.placly-site .feature-demo-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 16px}.placly-site .feature-demo-calendar-toolbar h3{font-size:15px;font-weight:550;letter-spacing:-.3px}.placly-site .feature-demo-calendar-toolbar h3>span{margin-left:3px;color:var(--muted);font-weight:400}.placly-site .feature-demo-calendar-toolbar>div{display:flex;gap:5px}.placly-site .feature-demo-calendar-toolbar button{display:grid;width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:5px;background:transparent;color:inherit;place-items:center}.placly-site .feature-demo-calendar-toolbar button:disabled{cursor:default}.placly-site .feature-demo-calendar-times{display:flex;flex-direction:column;justify-content:space-between;padding-top:40px;color:var(--accent-fill);font-size:8px}.placly-site .feature-demo-calendar-day{min-width:0;border-left:1px solid var(--line)}.placly-site .feature-demo-calendar-day-name{display:flex;align-items:center;justify-content:center;gap:8px;height:30px;border-bottom:1px solid var(--line);color:var(--accent-fill);font-size:8px;text-align:center}.placly-site .feature-demo-calendar-day-name b{color:var(--ink);font-size:12px;font-weight:500}.placly-site .feature-demo-calendar-day-body{position:relative;height:200px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,var(--line) 49px,transparent 50px)}.placly-site .feature-demo-calendar-event{position:absolute;right:6px;left:6px;display:flex;flex-direction:column;gap:5px;min-width:0;padding:11px 9px;border:1px solid var(--border-brand);border-radius:var(--radius-xs);background:var(--blue-pale);color:var(--ink);text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.placly-site .feature-demo-calendar-event b{overflow-wrap:anywhere;font-size:10px;font-weight:550;line-height:1.35}.placly-site .feature-demo-calendar-event>span{color:var(--muted);font-size:8px;line-height:1.35}.placly-site .feature-demo-calendar-event.blue,.placly-site .feature-demo-calendar-event.indigo,.placly-site .feature-demo-calendar-event.slate{background:var(--blue-pale)}.placly-site .feature-demo-calendar-event.is-selected{z-index:1;border-color:var(--accent-fill);box-shadow:var(--shadow-none)}@media (hover:hover) and (pointer:fine){.placly-site .feature-demo-calendar-event:hover{z-index:1;border-color:var(--accent-fill);box-shadow:var(--shadow-none)}}.placly-site .feature-demo-calendar-feedback{display:flex;align-items:center;gap:7px;min-height:37px;padding:10px 25px;border-top:1px solid var(--line);color:var(--accent-fill);font-size:9px}.placly-site .feature-demo-calendar-feedback b{color:var(--ink);font-weight:500}.placly-site .feature-demo-calendar-feedback>span:last-child{margin-left:auto}.placly-site .feature-demo-calendar-status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-fill)}@media (min-width:1200px){.placly-site .feature-showcase-layout{width:min(var(--container),calc(100% - var(--gutter) * 2));margin-inline:auto;min-height:calc(100svh - var(--website-header-height, 0px));align-content:center;align-items:center}}@media (max-width:680px){.placly-site .feature-demo-calendar-toolbar{padding:20px 15px 17px}.placly-site .feature-demo-calendar-toolbar h3{font-size:14px}.placly-site .feature-demo-calendar-toolbar h3>span{font-size:11px}.placly-site .feature-demo-calendar-grid{grid-template-columns:37px repeat(3,minmax(0,1fr));height:250px;margin-inline:13px}.placly-site .feature-demo-calendar-grid>.feature-demo-calendar-day:nth-last-child(-n+2){display:none}.placly-site .feature-demo-calendar-times{padding-top:39px;font-size:10px}.placly-site .feature-demo-calendar-day-name{gap:8px;height:30px;font-size:10px}.placly-site .feature-demo-calendar-day-name b{font-size:13px}.placly-site .feature-demo-calendar-day-body{height:220px}.placly-site .feature-demo-calendar-event{right:4px;left:4px;padding:9px 3px;border-width:1px}.placly-site .feature-demo-calendar-event b{overflow-wrap:normal;word-break:normal;font-size:10px;line-height:1.3}.placly-site .feature-demo-calendar-event>span{font-size:10px}.placly-site .feature-demo-calendar-feedback{flex-wrap:wrap;min-height:43px;padding:12px 15px;font-size:10px;line-height:1.5}.placly-site .feature-demo-calendar-feedback>span:last-child{margin-left:0;font-size:9px}}@media (pointer:coarse){.placly-site .feature-demo-calendar-toolbar>div{gap:calc(var(--control-h-touch) - 24px)}.placly-site .feature-demo-calendar-toolbar button{position:relative}.placly-site .feature-demo-calendar-toolbar button:after{content:"";position:absolute;inset:calc((100% - var(--control-h-touch)) / 2)}}