/* Small, readable close-ups of the actual product controls. */
.product-feature-preview{width:100%;height:100%;container-type:inline-size;color:#242c36;text-align:left;overflow:hidden;background:#eff0e6;color-scheme:light;font-size:12px}
.product-feature-preview .pfp-stage{height:100%;padding:1.2em;display:flex;flex-direction:column;justify-content:center;gap:.8em;font:500 2.8cqw/1.4 'Orka Dashboard',Manrope,Arial,sans-serif;background:linear-gradient(#eff0e6eb,#eff0e6eb),url('/assets/dashboard-ocean-pattern.svg') center/26em}
.product-feature-preview *{box-sizing:border-box}.product-feature-preview :is(p,h4,ol,figure){margin:0}.product-feature-preview :is(strong,b){font-weight:700;letter-spacing:0;color:inherit}.product-feature-preview small{font-size:.8em;color:#878c87}.product-feature-preview .dp-icon{width:1.25em;height:1.25em;flex-shrink:0;vertical-align:middle}.product-feature-preview .dp-person{width:2.5em;height:2.5em;border-radius:50%;object-fit:cover;flex-shrink:0}.pfp-panel{background:#fff;border:1px solid #d6dcd2;border-radius:1.1em;overflow:hidden}.pfp-heading{display:flex;align-items:center;gap:.7em;padding:.85em 1em;border-bottom:1px solid #e1e4de;background:#f8f9fa}.pfp-heading>strong{font-size:1.1em}.pfp-heading>.dp-icon:last-child{margin-left:auto}.pfp-heading-icon{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:.45em;color:#fff;background:linear-gradient(#57ce9b,#249567);flex-shrink:0}.pfp-heading>.pfp-badge,.pfp-heading>.pfp-small-action{margin-left:auto}.pfp-badge{display:inline-flex;align-items:center;border:1px solid #dbe6d2;background:#edf4e5;color:#5b7b48;border-radius:.5em;padding:.2em .55em;white-space:nowrap;font-size:.76em}.pfp-footnote{display:flex;justify-content:center;align-items:center;gap:.5em;color:#75826d;font-size:.85em}.pfp-team-list{padding:.3em 1em}.pfp-teammate{display:flex;align-items:center;gap:.75em;padding:.6em 0;border-bottom:1px solid #eef0eb}.pfp-teammate:last-child{border:0}.pfp-teammate>span:nth-child(2){display:flex;flex-direction:column;gap:.1em}.pfp-available{font-size:.7em;color:#5b9250;margin-left:auto}.pfp-plan-sizes{display:grid;grid-template-columns:repeat(4,1fr);padding:.65em .8em;gap:.45em;background:#f8faf6;border-top:1px solid #e7ebe3}.pfp-plan-sizes>span{display:flex;flex-direction:column;text-align:center;padding:.3em;border:1px solid transparent;border-radius:.6em;gap:.1em}.pfp-plan-sizes>span>strong{font-size:1.6em;line-height:1.1}.pfp-plan-sizes>span.selected{border-color:#b5cba3;background:#edf4e5}.pfp-plan-sizes>span>small{font-size:.75em}.pfp-seat-summary{display:flex;align-items:center;gap:1em;padding:.9em 1.1em;border-bottom:1px solid #e9ece5}.pfp-seat-summary>span{display:flex;align-items:center;padding-left:.3em}.pfp-seat-summary .dp-person,.pfp-seat-summary>span>b{margin-left:-.3em;border:2px solid white;width:2.4em;height:2.4em}.pfp-seat-summary>span>b{display:grid;place-items:center;background:#ecf2e5;color:#64804e;border-radius:50%;font-size:.8em;width:3em;height:3em}.pfp-seat-summary>div{display:flex;flex-direction:column;gap:.15em}.pfp-invite{padding:1em 1.1em}.pfp-invite>strong{display:flex;gap:.5em;align-items:center;font-size:1.1em;margin-bottom:.7em}.pfp-invite label{display:flex;flex-direction:column;gap:.35em;font-size:.85em}.pfp-input{display:block;padding:.55em .75em;border:1px solid #d5dce3;border-radius:.6em;background:#fff;font-size:1.1em}.pfp-invite-role{display:flex;justify-content:space-between;align-items:center;margin:.6em 0;font-size:.85em}.pfp-invite-role>strong{display:flex;align-items:center;gap:1em}.pfp-invite-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:.65em;border-top:1px solid #edf0e9;gap:.7em}.pfp-invite-bottom>span:first-child{font-size:.8em}.pfp-invite-bottom b{font-size:1.3em}.pfp-invite-bottom small{display:block;font-size:.8em}.pfp-solid-button{display:flex;align-items:center;gap:.4em;color:white;background:#202523;border-radius:.6em;padding:.65em .8em;white-space:nowrap;font-size:.8em}
.pfp-activity .pfp-stage{font-size:3cqw;padding:1em 2em}.pfp-timeline{list-style:none;padding:.9em 1.3em .4em}.pfp-timeline>li{display:flex;gap:.9em;position:relative;padding-bottom:1.2em}.pfp-timeline>li:last-child{padding-bottom:.5em}.pfp-timeline>li:not(:last-child)::before{content:"";position:absolute;top:1.15em;bottom:0;left:.37em;width:1px;background:#dce2d7}.pfp-timeline-dot{width:.85em;height:.85em;border:2px solid #cdd6c6;border-radius:50%;background:white;margin-top:.3em;z-index:1;flex-shrink:0}.pfp-timeline .current .pfp-timeline-dot{background:#5e9244;border-color:#5e9244;box-shadow:0 0 0 .35em #f0f6eb}.pfp-timeline li>div{min-width:0}.pfp-timeline strong{font-size:1.05em}.pfp-timeline .pfp-badge{margin-left:.6em;font-size:.65em}.pfp-timeline code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font: .75em/1.7 monospace;background:#f0f2f5;color:#626b73;border-radius:.35em;padding:0 .4em;margin:.3em 0}.pfp-timeline small{display:flex;align-items:center;gap:.3em}.pfp-panel-bottom{display:flex;align-items:center;gap:.65em;border-top:1px solid #e8ebe4;padding:.75em 1em;background:#f8f9fa}.pfp-panel-bottom>.dp-icon:last-child{margin-left:auto}.pfp-cart .pfp-stage{font-size:3cqw;padding:1.1em 1.4em}.pfp-cart-product{display:flex;align-items:center;gap:1em;padding:1.4em 1em}.pfp-cart-product>img{width:6em;height:6em;object-fit:cover;border-radius:.7em;background:#eaf0e6}.pfp-cart-product>div{display:flex;flex-direction:column;gap:.3em;min-width:0}.pfp-cart-product>div>span{font-size:.8em}.pfp-cart-product>div b{margin-left:.4em;border:1px solid #dce1d7;border-radius:.3em;padding:.05em .45em}.pfp-cart-product>strong{margin-left:auto;align-self:flex-start;padding-top:.2em;white-space:nowrap}.pfp-cart-total{display:flex;justify-content:space-between;padding:.8em 1.1em;border-top:1px solid #e9ece4}.pfp-cart-context{display:flex;gap:.6em;align-items:center;padding:.9em 1em;background:#f0f6e8;color:#5e7750;border-top:1px solid #e1ead7;font-size:.85em}
.pfp-analytics-filter{display:flex;align-items:center;gap:.55em;padding:.65em .75em;background:white;border:1px solid #d8dfd0;border-radius:.8em;font-size:.85em}.pfp-analytics-filter>span{border:1px solid #dfe4d9;border-radius:.4em;padding:.3em .5em;display:flex;gap:.5em;align-items:center}.pfp-analytics-filter>strong{margin-left:auto;background:#edf4e5;color:#5e7b4a;border:1px solid #d4e1c9;border-radius:.5em;padding:.4em .7em}.pfp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em}.pfp-metrics>div{display:flex;flex-direction:column;padding:.9em .8em .55em;background:white;border:1px solid #d6ded0;border-radius:.9em;min-width:0}.pfp-metrics>div>span{display:flex;align-items:center;gap:.35em;font-size:.7em;white-space:nowrap}.pfp-metrics>div>span>.dp-icon{color:#46ae7d}.pfp-metrics>div>strong{font-size:1.7em;margin-top:.35em}.pfp-metrics>div>small{font-size:.56em;white-space:nowrap}.pfp-spark{width:100%;height:4.2em;margin-top:.4em;overflow:visible}.pfp-analytics-summary{display:flex;align-items:center;gap:.7em;padding:1em;background:#fff;border:1px solid #d6ded0;border-radius:.9em}.pfp-analytics-summary>div{display:flex;flex-direction:column;gap:.1em}.pfp-analytics-summary>div>strong{font-size:1.4em}.pfp-analytics-summary>div>strong>span{font-size:.75em;color:#8a9184}.pfp-trend{font-size:.9em;color:#3c9d4d;margin-left:auto}.pfp-trend>small{display:block;font-size:.7em}.pfp-reports .pfp-stage{font-size:2.65cqw;gap:.7em;padding:1.1em}.pfp-report-table{padding:.5em .7em .7em}.pfp-report-labels,.pfp-report-row{display:grid;grid-template-columns:1.75fr .7fr .8fr .6fr;align-items:center;gap:.3em}.pfp-report-labels{padding:.2em .5em .5em;font-size:.65em;color:#868d7e}.pfp-report-labels>span:not(:first-child){text-align:center}.pfp-report-row{padding:.55em .6em;border-radius:.8em;background:#edf4e6;margin-bottom:.4em}.pfp-report-row:last-child{margin:0}.pfp-report-row>span{display:flex;align-items:center;gap:.6em;min-width:0}.pfp-report-row>span>b{display:grid;place-items:center;font-size:.8em;background:#fff;border-radius:50%;width:1.7em;height:1.7em;color:#68864f;flex-shrink:0}.pfp-report-row .dp-person{width:2.3em;height:2.3em}.pfp-report-row>span>strong{font-size:.9em;white-space:nowrap}.pfp-report-row small{display:block;font-size:.8em}.pfp-report-row>strong{text-align:center;font-size:1em}.pfp-response-hours{display:flex;align-items:center;gap:1em;padding:.9em;background:#fff;border:1px solid #d6ded0;border-radius:.9em}.pfp-response-hours>div:first-child{flex:1;min-width:0}.pfp-response-hours strong{display:flex;align-items:center;gap:.3em;font-size:.8em;white-space:nowrap}.pfp-response-hours small{font-size:.7em}.pfp-heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:.18em;width:6.8em;flex-shrink:0}.pfp-heatmap i{height:.8em;border-radius:.18em;background:#ecefed}.pfp-heatmap .level-1{background:#37c366}.pfp-heatmap .level-2{background:#339953}.pfp-heatmap .level-3{background:#226b3b}.pfp-response-hours>small{display:none}
.pfp-languages .pfp-stage{font-size:2.8cqw;padding:.9em 2.4em;gap:.65em}.pfp-language-bar{display:flex;justify-content:center;align-items:center;gap:.7em;font-size:.85em;white-space:nowrap}.pfp-language-bar>span{display:flex;align-items:center;gap:.4em}.pfp-language-bar>span>small{font-size:.75em}.pfp-language-bar>b{color:#8f9b85}.pfp-language-bar .pfp-badge{font-size:.7em}.pfp-help-window{background:#fff;border:1px solid #d9dfd2;border-radius:1.8em;padding:.8em 1em}.pfp-help-nav{display:flex;align-items:center;background:#f1f3f6;padding:.3em;border-radius:3em;font-size:.85em}.pfp-help-nav>span,.pfp-help-nav>strong{display:flex;align-items:center;justify-content:center;gap:.45em;flex:1;padding:.5em;border-radius:2em}.pfp-help-nav>strong{background:white;box-shadow:0 .1em .4em #25344d0d}.pfp-help-body{padding:.8em .4em .4em}.pfp-help-body>strong{font-size:1.5em;color:#29392b}.pfp-help-body>p{color:#869183;font-size:.87em;line-height:1.5;margin:.4em 0 .75em}.pfp-help-search{display:flex;align-items:center;gap:.5em;padding:.7em;background:#f1f3f6;color:#929cad;border-radius:.8em;font-size:.85em;margin-bottom:.8em}.pfp-help-body>small{font-size:.65em;color:#8c9787;letter-spacing:.03em}.pfp-help-collection{display:flex;align-items:center;gap:.7em;padding:.7em .5em;border:1px solid #e3e8df;font-size:.8em}.pfp-help-collection:first-of-type{margin-top:.4em}.pfp-help-collection>span{font-size:1.3em}.pfp-help-collection>small{margin-left:auto}.pfp-help-collection>.dp-icon{transform:rotate(-90deg);width:1em;height:1em}.pfp-help-collection+div{border-top:0;border-radius:0 0 .7em .7em}.pfp-collections .pfp-stage{font-size:2.85cqw;padding:1em}.pfp-small-action{display:flex;align-items:center;gap:.3em;border-radius:.5em;background:#232722;color:white;padding:.45em .6em;font-size:.7em;white-space:nowrap}.pfp-collection-labels{display:grid;grid-template-columns:1.7fr .8fr .7fr;padding:.8em 1em;font-size:.75em;gap:.5em;border-bottom:1px solid #ecefe8;color:#4d5549}.pfp-collection-labels>span:last-child{text-align:center}.pfp-collection-row{display:grid;grid-template-columns:1.7fr .8fr .7fr;align-items:center;gap:.5em;padding:.58em .7em;border-bottom:1px solid #edf0e9}.pfp-collection-row>span{display:flex;align-items:center;gap:.45em;min-width:0}.pfp-collection-row>span>.dp-icon{width:1em;color:#a1aa9c}.pfp-collection-row strong{font-size:.86em;white-space:nowrap}.pfp-collection-row>small{font-size:.72em;white-space:nowrap}.pfp-collection-row .pfp-branch{color:#687460}.pfp-collection-row.child>span{padding-left:.85em}.pfp-translated{justify-self:center;display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;background:#35bf45;color:white}.pfp-translated>.dp-icon{width:1em;height:1em}.pfp-collection-footer{display:flex;align-items:center;gap:.45em;padding:.7em 1em;color:#8a9282;font-size:.72em;background:#fbfcfa}.pfp-help-management{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0 42px}.pfp-help-management>figure{margin:0;min-width:0}.pfp-help-management figcaption{font:600 17px/1.4 Manrope,Arial,sans-serif;margin:0 0 12px;color:#334638}.pfp-help-management .product-feature-preview{height:auto;aspect-ratio:1.5;border:1px solid #d6ded0;border-radius:18px}.pfp-help-management .pfp-stage{height:100%}
@media(max-width:700px){.pfp-help-management{grid-template-columns:1fr;gap:26px}.pfp-help-management figcaption{font-size:15px}}@media(max-width:480px){.product-feature-preview .pfp-stage{font-size:2.9cqw}.pfp-reports .pfp-stage{font-size:2.65cqw}.pfp-languages .pfp-stage{font-size:2.8cqw}.pfp-activity .pfp-stage,.pfp-cart .pfp-stage{font-size:3cqw}}

/* Leave room for every row: these close-ups use a fixed 3:2 frame. */
.product-feature-preview.pfp-crew .pfp-stage{font-size:2.5cqw;padding:1em;gap:.65em}
.pfp-crew .pfp-heading{padding:.7em 1em}
.pfp-crew .pfp-teammate{padding:.45em 0}
.pfp-crew .pfp-plan-sizes{padding:.45em .8em}
.pfp-crew .pfp-plan-sizes>span>strong{font-size:1.3em;line-height:1.3;white-space:nowrap}
.pfp-crew .pfp-plan-sizes>span>strong>small{font-size:.55em;font-weight:500}
.product-feature-preview.pfp-members .pfp-stage{font-size:2.6cqw;padding:1em}
.pfp-members .pfp-heading{padding:.7em 1em}
.pfp-members .pfp-invite{padding:.8em 1.1em}
.product-feature-preview.pfp-activity .pfp-stage{font-size:2.8cqw;padding:1em 2em}
.pfp-activity .pfp-timeline{padding:.9em 1.3em .7em}
.pfp-activity .pfp-timeline>li{padding-bottom:.7em}
.pfp-activity .pfp-timeline>li:last-child{padding-bottom:0}
.product-feature-preview.pfp-cart .pfp-stage{font-size:2.8cqw;padding:1em 1.4em}
.pfp-cart .pfp-cart-product{padding:1.1em 1em}
.pfp-cart .pfp-cart-total{padding:.65em 1.1em}
.product-feature-preview.pfp-collections .pfp-stage{font-size:2.65cqw}