.demo-flagship{color:var(--mkt-ink)}.demo-flagship .demo-flagship-shell{max-width:86rem}.demo-flagship-opening{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,4.5rem);align-items:center;padding:clamp(1.5rem,3vw,3.2rem);border:1px solid var(--mkt-rule);border-radius:1rem;background:var(--mkt-surface-strong);color:var(--mkt-ink);overflow:hidden}.demo-flagship-copy{min-width:0}.demo-flagship-copy .mkt-eyebrow{font:650 .71rem/1.4 var(--font-sans);letter-spacing:.1em;color:var(--mkt-accent)}.demo-flagship .demo-flagship-copy h1{font:740 clamp(2.6rem,4.2vw,5.1rem)/1.03 var(--font-display);letter-spacing:-.067em;max-width:15ch;color:var(--mkt-ink);margin:1.2rem 0 0}.demo-flagship .demo-flagship-copy .mkt-lede{font:420 1rem/1.66 var(--font-sans);max-width:49ch;color:var(--mkt-ink-2);margin-top:1.5rem}.demo-flagship-primary{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.2rem;margin-top:1.6rem;padding:.85rem 1rem;background:var(--mkt-ink);border:1px solid var(--mkt-ink);border-radius:.5rem;color:var(--mkt-canvas)!important;text-decoration:none!important;font:650 .85rem/1.4 var(--font-sans)}.demo-flagship-primary:hover{opacity:.86}.demo-flagship-primary:focus-visible{outline:2px solid var(--mkt-accent);outline-offset:4px}.demo-flagship-display{min-width:0;padding:.75rem;border:1px solid var(--mkt-rule);border-radius:.85rem;background:var(--mkt-surface);box-shadow:var(--shadow-medium)}.demo-flagship-display-foot,.demo-flagship-display-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:var(--mkt-ink-3);font:500 .6875rem/1.45 var(--font-mono)}.demo-flagship-display-head{padding:.35rem .35rem .7rem}.demo-flagship-display-foot{padding:.7rem .35rem .2rem}.demo-flagship-display .ps-frame{border:1px solid var(--mkt-rule);border-radius:.45rem;margin:0;overflow:hidden;background:var(--mkt-canvas)}.demo-flagship-display .ps-bar{display:none}.demo-flagship-display .ps-frame img{display:block;width:100%;height:auto}.demo-flagship .demo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.demo-flagship .demo-card{display:flex;flex-direction:column;min-width:0;min-height:19rem;border-radius:.8rem;border:1px solid var(--mkt-rule);background:var(--mkt-surface);box-shadow:var(--shadow-small);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.demo-flagship .demo-card:hover{transform:translateY(-3px);border-color:var(--mkt-accent);box-shadow:var(--shadow-medium)}.demo-flagship .demo-card-marker{padding:1rem 1.3rem;background:var(--mkt-surface-strong);border-bottom:1px solid var(--mkt-rule);font:550 .73rem/1.4 var(--font-mono);color:var(--mkt-ink-2)}.demo-flagship .demo-card-marker>span{color:var(--mkt-accent);font-weight:650}.demo-flagship .demo-card-title{padding-top:1rem;font:690 clamp(1.3rem,1.8vw,1.7rem)/1.2 var(--font-display);letter-spacing:-.042em}.demo-flagship .demo-card-summary{font:.93rem/1.6 var(--font-sans);color:var(--mkt-ink-2)}.demo-flagship .demo-card-stats{border-top:1px solid var(--mkt-rule);padding-top:1rem;margin-top:auto}@media(max-width:1020px){.demo-flagship-opening{grid-template-columns:minmax(0,1fr)}.demo-flagship-copy{max-width:52rem}.demo-flagship-display{max-width:62rem}}@media(max-width:790px){.demo-flagship .demo-cards{grid-template-columns:minmax(0,1fr)}.demo-flagship .demo-card{min-height:0}}@media(max-width:500px){.demo-flagship-opening{padding:1.15rem;border-radius:.6rem}.demo-flagship .demo-flagship-copy h1{font-size:clamp(2.35rem,10vw,3.65rem);overflow-wrap:anywhere}.demo-flagship-display{padding:.55rem}.demo-flagship-display-foot,.demo-flagship-display-head{font-size:.6875rem}}@media(prefers-reduced-motion:reduce){.demo-flagship .demo-card{transition:none}.demo-flagship .demo-card:hover{transform:none}}@media(forced-colors:active){.demo-flagship .demo-card,.demo-flagship-display,.demo-flagship-opening{background:Canvas;color:CanvasText;border-color:CanvasText}}