.showcase-page{background:#FFFFFF;color:#3A3F4D}
.showcase-page h1,.showcase-page h2,.showcase-page h3{overflow-wrap:break-word}
.showcase-page code{overflow-wrap:anywhere}
.sc-hero{padding-block:var(--hero-pad) var(--space-5);background:#FFFFFF;color:#20232E}
.sc-hero__inner{text-align:center}
.sc-hero h1{max-width:22ch;margin-inline:auto;font-size:clamp(2.25rem,4vw,3.15rem);line-height:1.24;color:#20232E}
.sc-hero__lead{max-width:48rem;margin:var(--space-3) auto 0;color:#3A3F4D;font-size:var(--fs-lead)}
.sc-hero__note{max-width:48rem;margin:var(--space-3) auto 0;color:#5D6270;font-size:var(--fs-sm)}
.sc-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-3)}
.sc-actions--center{justify-content:center}
.sc-hero .sc-actions{margin-top:var(--space-3)}
.sc-workbook{margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--r-l);background:#EEF1F6;color:#283445;text-align:left}
.sc-workbook__heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,#283445 15%,transparent);font:500 var(--fs-sm)/1.5 var(--fh)}
.sc-workbook__mark{font-family:var(--fm);letter-spacing:.08em}
.sc-workbook__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);padding-top:var(--space-3)}
.sc-workbook__grid>div{display:flex;flex-direction:column;min-width:0;gap:var(--space-1)}
.sc-workbook__number{font:500 var(--fs-sm)/1.4 var(--fm);color:#4A4FA3}
.sc-workbook__grid strong{font:600 var(--fs-card)/1.4 var(--fh);overflow-wrap:break-word}
.sc-workbook__grid>div>span:last-child{font-size:var(--fs-sm);overflow-wrap:break-word}
.sc-section{padding-block:var(--space-5)}
.sc-section--soft{background:#EAF3EF;color:#1F3B30}
.sc-section--sand{background:#F3EFE8;color:#3B3326}
.sc-section__head{max-width:49rem;margin:0 auto var(--space-4);text-align:center}
.sc-section__head .c-kicker{margin-inline:auto}
.sc-section__head h2{color:#20232E}
.sc-section__head p{margin-top:var(--space-2);color:#3A3F4D}
.sc-usecase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.sc-usecase{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border-radius:var(--r-m)}
.sc-usecase--sand{background:#F3EFE8;color:#3B3326}
.sc-usecase--sage{background:#EAF3EF;color:#1F3B30}
.sc-usecase--rose{background:#F6ECEE;color:#4A2830}
.sc-usecase--slate{background:#EEF1F6;color:#283445}
.sc-usecase__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1);margin-bottom:var(--space-2);font:500 var(--fs-sm)/1.5 var(--fh)}
.sc-usecase__index{letter-spacing:.05em}
.sc-usecase h3{color:inherit;font-size:var(--fs-card);line-height:1.4}
.sc-usecase p{margin-top:var(--space-2);color:inherit}
.sc-usecase__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1);margin-top:auto;padding-top:var(--space-3);font:var(--fs-sm)/1.5 var(--fh)}
.sc-usecase__foot strong{font-weight:600}
.sc-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}
.sc-feature--reverse .sc-feature__copy{grid-column:2;grid-row:1}
.sc-feature--reverse .sc-feature__visual{grid-column:1;grid-row:1}
.sc-feature__copy,.sc-feature__visual{min-width:0}
.sc-feature__copy h2{color:#20232E}
.sc-section--soft .sc-feature__copy h2{color:#1F3B30}
.sc-feature__copy>p{margin-top:var(--space-2)}
.sc-feature__steps{list-style:none;margin:var(--space-3) 0 0;padding:0}
.sc-feature__steps li{display:grid;grid-template-columns:minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);min-width:0;padding:var(--space-2) 0;border-top:1px solid color-mix(in srgb,#20232E 15%,transparent)}
.sc-section--soft .sc-feature__steps li{border-top-color:color-mix(in srgb,#1F3B30 16%,transparent)}
.sc-feature__steps strong,.sc-feature__steps span{min-width:0;overflow-wrap:break-word}
.sc-feature__steps strong{font-family:var(--fh)}
.sc-feature__visual figcaption{margin-top:var(--space-2);color:#506075}
.sc-feature__visual--ios figcaption{color:#5D6270}
.sc-display{padding:var(--space-3);border-radius:var(--r-l);background:#FFFFFF;color:#20232E}
.sc-display__label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid #E8EAF0;font:600 var(--fs-sm)/1.5 var(--fh)}
.sc-display__flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding-block:var(--space-3)}
.sc-display__flow>div{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-2);border-radius:var(--r-s);background:#EEF1F6;color:#283445}
.sc-display__flow>div:nth-child(2){background:#F3EFE8;color:#3B3326}
.sc-display__flow>div:nth-child(3){background:#EAF3EF;color:#1F3B30}
.sc-display__flow>div:nth-child(4){background:#F6ECEE;color:#4A2830}
.sc-display__flow small{font-family:var(--fh)}
.sc-display__flow strong{font:600 var(--fs-base)/1.4 var(--fh);overflow-wrap:break-word}
.sc-display__flow span{font-size:var(--fs-sm);overflow-wrap:break-word}
.sc-display__command{max-width:100%;overflow-x:auto;padding:var(--space-2);border-radius:var(--r-s);background:#20232E;color:#ECEEF7;font-size:var(--fs-sm);white-space:nowrap}
.sc-test-sheet{border-radius:var(--r-l);overflow:hidden;background:#EEF1F6;color:#283445}
.sc-test-sheet__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#283445;color:#FFFFFF;font:600 var(--fs-sm)/1.5 var(--fh)}
.sc-test-sheet__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sc-test-sheet__matrix,.sc-test-sheet__delivery{min-width:0;padding:var(--space-3)}
.sc-test-sheet__matrix{display:flex;flex-direction:column}
.sc-test-sheet__matrix>div:last-child{margin-top:auto}
.sc-test-sheet__matrix{background:#EEF1F6;color:#283445}
.sc-test-sheet__delivery{background:#F6ECEE;color:#4A2830}
.sc-test-sheet__matrix>strong,.sc-test-sheet__delivery>strong{display:block;margin-bottom:var(--space-2);font:600 var(--fs-card)/1.4 var(--fh)}
.sc-test-sheet__matrix>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1);padding:var(--space-2) 0;border-top:1px solid color-mix(in srgb,#283445 15%,transparent);font-size:var(--fs-sm)}
.sc-test-sheet__delivery p{padding:var(--space-2) 0;border-top:1px solid color-mix(in srgb,#4A2830 15%,transparent);font-size:var(--fs-sm)}
.sc-test-sheet__delivery p span{margin-right:var(--space-1);font-family:var(--fm)}
.sc-release{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-4);align-items:stretch}
.sc-release__portrait{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:29rem;overflow:hidden;padding:var(--space-3);border-radius:var(--r-l);background:#EEF1F6;color:#283445}
.sc-release__portrait-label{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--fh)}
.sc-release__portrait-label span{font-size:var(--fs-sm)}
.sc-release__portrait-label strong{font-size:var(--fs-card);line-height:1.4}
.sc-release__figure{position:relative;height:17rem;margin-top:var(--space-3)}
.sc-release__head{position:absolute;z-index:2;left:calc(50% - 3rem);top:1rem;width:6rem;height:6rem;border-radius:48% 48% 46% 46%;background:#3B3326}
.sc-release__body{position:absolute;z-index:1;left:calc(50% - 7rem);bottom:1rem;width:14rem;height:11rem;border-radius:7rem 7rem 1rem 1rem;background:#4A4FA3}
.sc-release__desk{position:absolute;z-index:3;left:4%;right:4%;bottom:0;height:3rem;border-radius:var(--r-s) var(--r-s) 0 0;background:#283445}
.sc-release__copy{min-width:0}
.sc-release__copy h2{color:#3B3326}
.sc-release__copy>p{margin-top:var(--space-2)}
.sc-release__sequence{margin-top:var(--space-3)}
.sc-release__sequence>div{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid color-mix(in srgb,#3B3326 16%,transparent)}
.sc-release__sequence>div>span{font-size:var(--fs-sm)}
.sc-release__sequence p,.sc-release__sequence strong{color:#3B3326}
.sc-release__sequence strong{font-family:var(--fh)}
.sc-release__copy .sc-release__note{font-size:var(--fs-sm);color:#665B4B}
.sc-recommend-table{min-width:850px}
.sc-recommend-table caption{padding-bottom:var(--space-2);text-align:left;color:#5D6270;font-size:var(--fs-sm)}
.sc-recommend-table th:first-child{min-width:175px}
.sc-recommend-table td small{color:#5D6270}
.sc-table-note{margin-top:var(--space-3);color:#5D6270}
.sc-table-note a:not(.c-btn){color:#3E4391;text-underline-offset:3px}
.sc-section--closing{padding-bottom:var(--space-4)}
.sc-closeout{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,17rem);gap:var(--space-4);align-items:center;padding:var(--space-4);border-radius:var(--r-l);background:#20232E;color:#ECEEF7}
.sc-closeout__copy,.sc-closeout__actions{min-width:0}
.sc-closeout__eyebrow{display:block;margin-bottom:var(--space-2);font:500 var(--fs-sm)/1.5 var(--fm);color:#D8DCF0}
.sc-closeout h2{color:#FFFFFF}
.sc-closeout p{margin-top:var(--space-2);color:#E0E3EE}
.sc-closeout__actions{display:flex;flex-direction:column;gap:var(--space-2)}
.sc-closeout__actions .c-btn{width:100%}
.sc-closeout__actions .c-btn--primary{background:#FFFFFF;color:#283445}
.sc-closeout__actions .c-btn--primary:hover{background:#EEF1F6;color:#283445}
.sc-closeout__actions .c-btn--ghost{background:transparent;color:#FFFFFF;border-color:color-mix(in srgb,#FFFFFF 45%,transparent)}
.sc-closeout__actions .c-btn--ghost:hover{background:#3A3F4D;color:#FFFFFF}
@media(max-width:64rem){
  .sc-workbook__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc-feature,.sc-release{gap:var(--space-3)}
}
@media(max-width:48rem){
  .sc-feature,.sc-release,.sc-closeout{grid-template-columns:minmax(0,1fr)}
  .sc-feature--reverse .sc-feature__copy,.sc-feature--reverse .sc-feature__visual{grid-column:auto;grid-row:auto}
  .sc-release__portrait{min-height:23rem}
}
@media(max-width:42rem){
  .sc-hero{padding-bottom:var(--space-4)}
  .sc-hero h1{font-size:clamp(2rem,8vw,2.65rem)}
  .sc-section{padding-block:var(--space-4)}
  .sc-usecase-grid,.sc-display__flow,.sc-test-sheet__body{grid-template-columns:minmax(0,1fr)}
  .sc-workbook{padding:var(--space-3)}
  .sc-workbook__grid{grid-template-columns:minmax(0,1fr)}
  .sc-workbook__grid>div+div{padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,#283445 15%,transparent)}
  .sc-feature__steps li{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .sc-actions .c-btn{flex:1 1 100%}
  .sc-closeout{padding:var(--space-3)}
  .sc-release__portrait{min-height:21rem}
}