.showcase-page [hidden]{display:none!important}
.showcase-page{font-variant-numeric:tabular-nums}
.showcase-page .showcase-hero{display:block;background:#FFFFFF;color:#1A1418;padding-top:var(--hero-top)}
.showcase-hero-copy{display:block;min-width:0}
.showcase-hero-copy h1{max-width:100%;font-size:clamp(2.625rem,4vw,3.2rem);line-height:var(--lh-display);overflow-wrap:break-word}
.showcase-intro{max-width:52rem;margin-top:var(--space-4);font-size:var(--text-lg);line-height:var(--lh-body)}
.showcase-hero-note{max-width:52rem;margin-top:var(--space-4);font-size:var(--text-sm);line-height:var(--lh-body);color:#6F676C}
.showcase-head{margin-bottom:var(--space-5);min-width:0}
.showcase-head>p{max-width:54rem;margin-top:var(--space-3);font-size:var(--text-base);line-height:var(--lh-body)}
.showcase-usecases{align-items:stretch}
.showcase-usecase{gap:var(--space-3)}
.showcase-mark{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-width:0}
.showcase-label{font-size:var(--text-sm);line-height:var(--lh-small)}
.showcase-facts{display:grid;gap:0;margin:0;min-width:0}
.showcase-facts>div{display:grid;grid-template-columns:minmax(5rem,6rem) minmax(0,1fr);align-items:start;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);min-width:0}
.showcase-facts dt,.showcase-facts dd{min-width:0;overflow-wrap:break-word;font-size:var(--text-sm);line-height:var(--lh-body)}
.showcase-facts dt{font-weight:500}
.showcase-facts dd{margin:0}
.showcase-usecase .showcase-case-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:auto;padding-top:0}
.showcase-case-foot>p{font-size:var(--text-sm);line-height:var(--lh-body)}
.showcase-browser-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-7);align-items:start}
.showcase-browser-layout>*{min-width:0}
.showcase-desktop{height:auto;min-width:0}
.showcase-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#EEF0F3;color:#1F2733;font-size:var(--text-sm);line-height:var(--lh-small)}
.showcase-tab svg{width:var(--icon-size);height:var(--icon-size);flex:none}
.showcase-desktop-body{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#E1EBE3;color:#1F3A2A;min-width:0;height:auto}
.showcase-menu{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--lh-small)}
.showcase-project{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#FFFFFF;color:#1A1418;min-width:0}
.showcase-project-heading{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.showcase-project-heading>div{min-width:0}
.showcase-project-heading h3{font-size:var(--text-card);line-height:var(--lh-heading)}
.showcase-project-heading p{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--lh-body);color:#6F676C}
.showcase-project-heading .c-icon-well{background:#EEF0F3;color:#86396A;flex:none}
.showcase-task-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.showcase-task-list>li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);align-items:baseline;padding-block:var(--space-3);border-top:1px solid #ECE8EA;min-width:0;font-size:var(--text-sm);line-height:var(--lh-body)}
.showcase-task-list>li>span{min-width:0;overflow-wrap:break-word}
.showcase-desktop-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--lh-small)}
.showcase-desktop>figcaption{margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--lh-body);color:#6F676C}
.showcase-browser-copy{min-width:0}
.showcase-browser-copy>p{margin-top:var(--space-3);font-size:var(--text-base);line-height:var(--lh-body)}
.showcase-connect-list{display:grid;gap:var(--space-3);margin-block:var(--space-4);min-width:0}
.showcase-connect-list>div{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);align-items:start;min-width:0}
.showcase-connect-list>div>span{font-size:var(--text-sm);line-height:var(--lh-body);color:#86396A}
.showcase-connect-list p{min-width:0;font-size:var(--text-base);line-height:var(--lh-body)}
.showcase-period-table{display:table;width:100%;text-align:left}
.showcase-period-table th,.showcase-period-table td{text-align:left}
.showcase-period-table .num{white-space:nowrap}
.showcase-period-notes{margin-top:var(--space-4);align-items:start}
.showcase-period-notes>.c-card{height:auto}
.showcase-payment-note{margin-top:var(--space-4);font-size:var(--text-sm);line-height:var(--lh-body);color:#6F676C}
.showcase-templates{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.showcase-template-number{font-size:var(--text-xs);line-height:var(--lh-small)}
.showcase-template ul{margin:0;padding-inline-start:var(--space-4);display:grid;gap:var(--space-2)}
.showcase-template li{font-size:var(--text-base);line-height:var(--lh-body)}
.showcase-template .showcase-template-foot{display:grid;gap:var(--space-2);margin-top:auto;padding-top:0}
.showcase-template-foot p{font-size:var(--text-sm);line-height:var(--lh-body)}
.showcase-last{padding-bottom:var(--space-close)}
.showcase-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.42fr);align-items:center;gap:var(--space-7);padding:var(--space-7);border-radius:var(--radius-xl);background:#1A1418;color:#FFFFFF;--muted:#D0C5CC;--line:color-mix(in srgb,#FFFFFF 18%,transparent)}
.showcase-closing>div{min-width:0}
.showcase-closing h2{font-size:var(--text-section);line-height:var(--lh-heading);color:#FFFFFF}
.showcase-closing p{max-width:45rem;margin-top:var(--space-3);font-size:var(--text-base);line-height:var(--lh-body);color:#D0C5CC}
.showcase-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}
.showcase-closing-actions .c-btn--secondary{background:#FFFFFF;color:#1A1418;border-color:#FFFFFF}
.showcase-closing-actions .c-btn--secondary:hover{background:#F4F2EE;color:#2A2824;border-color:#F4F2EE}
.showcase-closing-actions .c-btn--ghost{background:transparent;color:#FFFFFF;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.showcase-closing-actions .c-btn--ghost:hover{background:#3B3237;color:#FFFFFF;border-color:color-mix(in srgb,currentColor 45%,transparent)}
@media(max-width:64rem){
.showcase-browser-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
.showcase-templates{grid-template-columns:minmax(0,1fr)}
.showcase-closing{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
.showcase-closing-actions{align-items:flex-start}
}
@media(max-width:42rem){
.showcase-hero-copy h1{font-size:2.625rem}
.showcase-intro{font-size:var(--text-base)}
.showcase-usecase,.showcase-template{padding:var(--space-4)}
.showcase-project-heading{align-items:flex-start}
.showcase-project-heading h3{font-size:var(--text-card)}
.showcase-project{padding:var(--space-4)}
.showcase-facts>div{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
.showcase-usecase .showcase-case-foot{align-items:flex-start;flex-direction:column}
.showcase-closing{padding:var(--space-4)}
.showcase-closing-actions{align-items:stretch}
.showcase-desktop-body{height:auto}
}