/* Printed play surface prototype
   Scoped to the catalog and play-detail pages so the material language can be
   judged without changing the rest of the site. */
@layer tokens,base,components,views,printed-surfaces;
/* The reset intentionally keeps the original site square. These few issued
   paper objects need softened corners, so their radius lives in the earliest
   important layer instead of fighting the reset throughout the stylesheet. */
@layer tokens{
  .landing-page>.pnl{border-radius:0!important}
  .landing-page :is(
    .live-play-demo,
    .knowledge-proof,
    .play-value-orbit,
    .landing-result-board,
    .compatibility-flow,
    .closing-start-card
  ){border-radius:12px!important}
  .landing-page :is(
    .live-play-demo,
    .knowledge-proof,
    .play-value-orbit,
    .landing-result-board,
    .compatibility-flow,
    .closing-start-card
  ):before{border-radius:7px!important}
  .landing-page .play-cover{border-radius:12px!important}
  .landing-page .play-cover:before{border-radius:8px!important}
}
@layer printed-surfaces{

.catalog-page,.play-page,.profiles-page,.profile-page,.pricing-page,.landing-page{
  --press-bed:#9EA9A4;
  --press-paper:#EFEEE9;
  --press-paper-hi:#F7F6F1;
  --press-paper-low:#E1DFD8;
  --press-graphite:#565754;
  --press-line:rgba(74,75,72,.26);
  --press-cut:rgba(48,49,46,.31);
  --press-cut-soft:rgba(48,49,46,.18);
  --press-lift:rgba(255,255,255,.94);
  --press-deboss:
    inset 0 0 0 1px rgba(48,49,46,.22),
    inset 0 3px 3px rgba(43,44,41,.22),
    inset 3px 0 2px rgba(43,44,41,.11),
    inset 0 -2px 2px rgba(255,255,255,.96),
    inset -2px 0 2px rgba(255,255,255,.66),
    0 1px 0 rgba(255,255,255,.96);
  --press-grain:
    radial-gradient(circle at 3px 5px,rgba(55,56,53,.22) 0 .32px,transparent .58px),
    radial-gradient(circle at 13px 8px,rgba(55,56,53,.14) 0 .28px,transparent .52px),
    radial-gradient(circle at 7px 17px,rgba(55,56,53,.18) 0 .3px,transparent .56px),
    radial-gradient(circle at 19px 21px,rgba(55,56,53,.12) 0 .34px,transparent .6px);
  background-color:var(--press-bed);
  background-image:var(--press-grain);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px;
  padding:clamp(14px,2vw,28px) 0 132px;
  gap:clamp(16px,2vw,26px);
}

/* Landing chapters are issued from the same press as the catalog. The sheet
   edge is left unstroked; one rule is impressed inside the paper. */
.landing-page{
  background-color:var(--press-paper);
  background-image:var(--press-grain);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px;
  padding:0 0 90px;
  gap:0
}
.landing-page>.pnl{
  position:relative;margin:0;
  border:0!important;overflow:visible;border-radius:0!important;
  background-color:transparent;
  background-image:var(--press-grain)!important;
  background-size:23px 21px,19px 17px,29px 27px,31px 33px!important;
  box-shadow:none!important
}
.landing-page>.pnl:before{
  display:none
}
.landing-page>.pnl:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--press-grain);
  background-size:17px 19px,23px 21px,29px 31px,37px 35px;
  opacity:.18;mix-blend-mode:multiply;box-shadow:none!important
}
.landing-page>.pnl>*{position:relative;z-index:1}
.landing-page>.cite{margin-inline:clamp(14px,2vw,30px);color:var(--ink)}

/* Reusable impressed paper object: no CSS border at the object edge. */
.landing-page :is(
  .live-play-demo,
  .knowledge-proof,
  .play-value-orbit,
  .landing-result-board,
  .compatibility-flow,
  .closing-start-card
){
  position:relative;border:0!important;border-radius:12px!important;overflow:visible;
  background-color:var(--press-paper-hi)!important;
  background-image:var(--press-grain),linear-gradient(118deg,rgba(255,255,255,.28),transparent 52%)!important;
  background-size:23px 21px,19px 17px,29px 27px,31px 33px,100% 100%!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    4px 5px 0 rgba(65,66,63,.075)!important
}
.landing-page :is(
  .live-play-demo,
  .knowledge-proof,
  .play-value-orbit,
  .landing-result-board,
  .compatibility-flow,
  .closing-start-card
):before{
  content:"";position:absolute;inset:9px;z-index:4;pointer-events:none;
  border:0;border-radius:7px!important;
  background:rgba(255,255,255,.016);
  box-shadow:var(--press-deboss)
}
.landing-page :is(
  .live-play-demo,
  .knowledge-proof,
  .play-value-orbit,
  .landing-result-board,
  .compatibility-flow,
  .closing-start-card
)>*{position:relative;z-index:1}

/* The live screen is a bound field notebook, not a dark terminal window.
   Its interface is full bleed, so the pressed channel belongs on the actual
   screen edge—not as an inset rectangle crossing the internal chrome. */
.landing-page .live-play-demo{
  overflow:hidden;
  box-shadow:
    var(--press-deboss),
    5px 6px 0 rgba(65,66,63,.075)!important
}
.landing-page .live-play-demo:before{display:none}
.landing-page .live-play-demo *{min-width:0}
.landing-page :is(.live-demo-bar,.live-demo-footer,.live-canvas-head,.live-agent-head,.live-output-head,.first-play-cta-head){
  border-color:rgba(73,74,71,.18)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.88)
}
.landing-page :is(.live-sidebar,.live-canvas-stage,.live-agent-panel){
  border-color:rgba(73,74,71,.16)!important
}
.landing-page .live-agent-panel{
  border:0!important;border-radius:10px!important;
  background-color:color-mix(in srgb,var(--press-paper-hi) 94%,#dfe8e3)!important;
  background-image:var(--press-grain)!important;
  box-shadow:
    inset 0 0 0 1px var(--press-cut-soft),
    inset 0 2px 2px rgba(43,44,41,.16),
    inset 0 -1px 1px var(--press-lift),
    4px 5px 0 rgba(65,66,63,.075)!important
}
.landing-page :is(.live-canvas-question,.live-tool,.live-minted-play,.live-output-card,.live-save-card){
  border:0!important;border-radius:7px!important;
  box-shadow:
    inset 0 0 0 1px var(--press-cut-soft),
    inset 0 2px 2px rgba(43,44,41,.16),
    inset 0 -1px 1px var(--press-lift),
    3px 4px 0 rgba(65,66,63,.065)!important
}
.landing-page .live-canvas-question{
  background-color:color-mix(in srgb,var(--press-paper-hi) 94%,#d7e2de)!important
}
.landing-page .live-tool{
  background-color:color-mix(in srgb,var(--press-paper-hi) 95%,#dde7e3)!important
}
.landing-page .live-save-card{
  background-color:color-mix(in srgb,var(--press-paper-hi) 88%,#e7d485)!important
}
.landing-page .live-minted-play{
  background-color:color-mix(in srgb,var(--press-paper-hi) 84%,#e2cc68)!important
}
.landing-page .live-mint-cover{
  min-width:0;max-width:100%;overflow:hidden
}
.landing-page .live-mint-cover .play-cover{
  width:100%;max-width:100%;min-width:0;padding:9px;overflow:hidden;
  container-type:inline-size
}
.landing-page .live-mint-cover :is(.cover-top,.cover-foot){
  gap:2px;font-size:3.5px;line-height:1;white-space:nowrap
}
.landing-page .live-mint-cover .cover-title{
  max-width:100%;font-size:10px;line-height:.88;letter-spacing:-.035em;
  overflow-wrap:normal;word-break:normal
}
.landing-page .live-mint-cover .cover-activity{
  padding:3px;gap:1px;margin-block:6px 3px
}
.landing-page .live-mint-cover .cover-activity-meta{display:none}
.landing-page .live-mint-cover .play-cover:before{
  inset:5px;border-radius:5px!important
}
.landing-page .live-output-card{
  background-color:color-mix(in srgb,var(--press-paper-hi) 88%,var(--soft-green))!important
}
.landing-page .live-play-uri-card{
  background-color:color-mix(in srgb,var(--press-paper-hi) 92%,#e2cc68)!important
}
.landing-page :is(.live-source-row>span,.live-canvas-result>span,.live-output-numbers>span,.live-turn){
  border-color:rgba(73,74,71,.16)!important;
  box-shadow:inset 0 1px 1px rgba(62,63,60,.07),0 1px 0 rgba(255,255,255,.86)!important
}
.landing-page .live-demo-controls button,
.landing-page .live-demo-keys kbd,
.landing-page :is(.btn,.btn2,.btn.ready){
  border:0!important;border-radius:4px!important;
  background-color:var(--press-paper-low)!important;
  background-image:var(--press-grain)!important;
  color:var(--ink)!important;
  box-shadow:
    inset 0 0 0 1px rgba(73,74,71,.16),
    inset 0 1px 1px rgba(255,255,255,.72),
    3px 4px 0 rgba(65,66,63,.09)!important
}
.landing-page .live-demo-controls button:hover,
.landing-page :is(.btn,.btn2,.btn.ready):hover{background-color:color-mix(in srgb,var(--press-paper-low) 88%,var(--soft-green))!important}

/* The expert-memory comparison is printed as two columns on one sheet.
   Individual steps are scored rows, not a stack of UI cards. */
.landing-page .knowledge-proof{gap:0;overflow:hidden}
.landing-page .knowledge-proof>article{background:transparent!important}
.landing-page .knowledge-proof>article+article{
  border-left:1px solid rgba(73,74,71,.16);
  box-shadow:inset 1px 0 1px rgba(62,63,60,.06),-1px 0 0 rgba(255,255,255,.7)
}
.landing-page .knowledge-step{
  border:0!important;border-top:1px solid rgba(73,74,71,.16)!important;
  background:transparent!important;
  box-shadow:inset 0 1px 1px rgba(62,63,60,.06),0 1px 0 rgba(255,255,255,.8)
}
.landing-page .knowledge-steps .knowledge-step:last-child{border-bottom:1px solid rgba(73,74,71,.13)!important}
.landing-page .knowledge-kept .knowledge-step{background-color:color-mix(in srgb,var(--press-paper) 93%,var(--soft-green))!important}
.landing-page .knowledge-step>span,
.landing-page :is(.knowledge-play,.knowledge-outcome,.knowledge-play .catalog-uri){
  border-color:rgba(73,74,71,.17)!important;
  box-shadow:inset 0 1px 2px rgba(62,63,60,.09),0 1px 0 rgba(255,255,255,.84)
}
.landing-page .knowledge-play,
.landing-page .knowledge-outcome{background-image:var(--press-grain)}

/* The value orbit is a faint registration drawing pressed around one URI. */
.landing-page .play-value-orbit{overflow:hidden}
.landing-page .play-value-core{
  border:0!important;border-radius:9px!important;
  background-color:var(--press-paper-hi)!important;
  background-image:var(--press-grain)!important;
  box-shadow:
    inset 0 0 0 1px rgba(73,74,71,.17),
    inset 0 1px 2px rgba(62,63,60,.11),
    4px 5px 0 rgba(65,66,63,.075)!important
}
.landing-page .play-value-core>div .catalog-uri{
  border-color:rgba(73,74,71,.18)!important;
  background-color:var(--press-paper)!important;
  box-shadow:inset 0 1px 2px rgba(62,63,60,.1),0 1px 0 rgba(255,255,255,.86)
}
.landing-page .play-value-note{
  min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere;
  background-color:rgba(247,246,241,.9)!important;
  border-color:rgba(73,74,71,.18)!important;
  box-shadow:
    inset 0 2px 2px rgba(43,44,41,.13),
    inset 0 -1px 1px var(--press-lift),
    0 1px 0 rgba(255,255,255,.9)
}
.landing-page .play-value-note.value-direct{
  background-color:color-mix(in srgb,var(--press-paper-hi) 88%,#d8e3de)!important
}
.landing-page .play-value-note.value-recall{
  background-color:color-mix(in srgb,var(--press-paper-hi) 89%,#e5d274)!important
}
.landing-page .play-value-note.value-share{
  background-color:color-mix(in srgb,var(--press-paper-hi) 91%,#c9825f)!important
}
.landing-page .play-value-note.value-eval{
  background-color:color-mix(in srgb,var(--press-paper-hi) 88%,#d4dfd9)!important
}
.landing-page .play-value-note.value-model{
  background-color:color-mix(in srgb,var(--press-paper-hi) 91%,#d8c66d)!important
}

/* The result is one issued card. Press its channel into the card edge so the
   full-bleed header, cells, footer, and outline share the same geometry. */
.landing-page .landing-result-board{
  overflow:hidden;
  box-shadow:
    var(--press-deboss),
    4px 5px 0 rgba(65,66,63,.075)!important
}
.landing-page .landing-result-board:before{display:none}
.landing-page :is(.landing-result-head,.landing-result-cells>div,.landing-result-foot){
  border-color:rgba(73,74,71,.16)!important;
  box-shadow:inset 0 1px 1px rgba(62,63,60,.065),0 1px 0 rgba(255,255,255,.84)
}
.landing-page .compatibility-flow{
  width:100%;max-width:100%;overflow:hidden;gap:0;
  grid-template-columns:minmax(0,.9fr) auto minmax(0,1fr) auto minmax(0,1.2fr)
}
.landing-page .compatibility-flow>div{
  min-width:0;max-width:100%;padding-inline:clamp(14px,1.25vw,22px)!important;
  background-color:transparent;
  background-image:var(--press-grain);
  overflow:hidden;overflow-wrap:anywhere
}
.landing-page .compatibility-flow :is(b,p,span){max-width:100%;overflow-wrap:anywhere}
.landing-page .compatibility-flow>i{color:var(--press-graphite)!important}
.landing-page .closing-start-card{max-width:100%;overflow:hidden!important}
.landing-page .closing-start-card *{min-width:0}
.landing-page .closing-start-card .first-play-cta-head{
  width:calc(100% - 20px);margin:10px 10px 0;
  border:0!important;border-radius:5px!important;
  background-color:var(--press-paper-low)!important;background-image:var(--press-grain);
  box-shadow:
    inset 0 1px 1px rgba(43,44,41,.14),
    inset 0 -1px 1px rgba(255,255,255,.82)!important
}
.landing-page .closing-stage .first-play-cta{
  border:0!important;border-radius:12px!important;box-shadow:none!important
}
.landing-page .closing-start-body{
  width:calc(100% - 20px);margin-inline:10px;
  padding-inline:clamp(20px,2.5vw,42px)
}

/* Profiles use the same press bed, but section sheets have one boundary only:
   the inset groove. There is deliberately no outer panel stroke or shadow. */
.profiles-page,.profile-page{
  background-color:var(--press-bed);
  background-image:var(--press-grain);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px;
  padding:clamp(14px,2vw,28px) 0 132px;
  gap:clamp(16px,2vw,26px)
}
.profiles-page>.pnl,.profile-page>.pnl{
  position:relative;margin:0 clamp(12px,2vw,30px);
  border:0!important;overflow:visible;
  border-radius:14px!important;
  background-color:var(--press-paper);
  background-image:var(--press-grain),linear-gradient(118deg,rgba(255,255,255,.34),transparent 48%);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px,100% 100%;
  box-shadow:none!important
}
.profiles-page>.pnl:before,.profile-page>.pnl:before{
  content:"";position:absolute;inset:13px;z-index:0;pointer-events:none;
  border:1px solid var(--press-cut-soft);border-radius:9px!important;
  background:rgba(255,255,255,.018);
  box-shadow:var(--press-deboss)
}
.profiles-page>.pnl:after,.profile-page>.pnl:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--press-grain);
  background-size:17px 19px,23px 21px,29px 31px,37px 35px;
  opacity:.18;mix-blend-mode:multiply;box-shadow:none!important
}
.profiles-page>.pnl>*,.profile-page>.pnl>*{position:relative;z-index:1}
.profiles-page>.cite,.profile-page>.cite,
.profile-page>.crumbs,.profiles-page>.crumbs{
  margin-inline:clamp(14px,2vw,30px);color:var(--ink)
}
.profile-page>.crumbs,.profiles-page>.crumbs{
  padding:9px 13px;border:0;border-radius:0!important;background:transparent;
  box-shadow:none
}

/* Every chapter is a separate sheet on the press bed. The paired dark and
   light rules imitate a line scored into heavy uncoated stock. */
.catalog-page>.pnl,.play-page>.pnl{
  margin:0 clamp(12px,2vw,30px);
  border:1px solid rgba(69,70,67,.32);
  border-radius:14px!important;
  overflow:hidden;
  background-color:var(--press-paper);
  background-image:var(--press-grain),linear-gradient(118deg,rgba(255,255,255,.34),transparent 48%);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px,100% 100%;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 1px rgba(57,58,55,.18),
    0 2px 2px rgba(47,49,46,.16),
    3px 4px 0 rgba(47,49,46,.08);
}
.catalog-page>.pnl{position:relative}
.catalog-page>.pnl{
  border:0;overflow:visible;
  box-shadow:none
}
.catalog-page>.pnl:before{
  content:"";position:absolute;inset:13px;z-index:0;pointer-events:none;
  border:1px solid var(--press-cut-soft);border-radius:9px!important;
  background:rgba(255,255,255,.018);
  box-shadow:var(--press-deboss)
}
.catalog-page>.pnl>*,
.play-page>.pnl>*{position:relative;z-index:1}
.catalog-page>.pnl:after,
.play-page>.pnl:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--press-grain);background-size:17px 19px,23px 21px,29px 31px,37px 35px;
  opacity:.18;mix-blend-mode:multiply
}
.catalog-page>.pnl:after{box-shadow:none}
.catalog-page>.cite,.play-page>.cite,
.play-page>.crumbs,.play-page>.landing-return-crumb{
  margin-inline:clamp(14px,2vw,30px);color:var(--ink)
}
.play-page>.crumbs,.play-page>.landing-return-crumb{
  padding:9px 13px;border:1px solid rgba(69,70,67,.26);
  border-radius:9px!important;background:var(--press-paper);
  box-shadow:inset 0 1px rgba(255,255,255,.92),inset 0 -1px 1px rgba(57,58,55,.12),0 2px 2px rgba(44,48,45,.1)
}

/* Grooves: a dark registration rule and a highlight immediately beneath it. */
.catalog-page :is(.catalog-kicker,.strip,.catalog-filters,.shelf-head,.card-copy>div,.feature-proof,.catalog-disclosure),
.play-page :is(.strip,.shelf-head,.play-uri-wrap,.setup-grid,.source-vault,.colophon){
  border-color:var(--press-line);
  box-shadow:0 1px 0 rgba(255,255,255,.92),0 2px 1px rgba(64,65,62,.04)
}
.catalog-page .catalog-row,
.play-page :is(.track-row,.tle,.vrow,.dep,.prow){
  border-color:rgba(74,75,72,.22);
  box-shadow:inset 0 1px 1px rgba(65,66,63,.08),0 1px 0 rgba(255,255,255,.82)
}

/* A cover is issued stock, not a flat rectangle. Domain colour remains, but
   most of the saturation is absorbed by paper. */
.catalog-page .play-cover,.play-page .play-cover,.landing-page .play-cover{
  --issued-stock:color-mix(in srgb,var(--cover-bg) 23%,var(--press-paper-hi));
  background-color:var(--issued-stock);
  background-image:
    var(--press-grain),
    linear-gradient(145deg,rgba(255,255,255,.28),transparent 42%,rgba(25,55,47,.045));
  background-size:17px 19px,23px 21px,29px 31px,37px 35px,100% 100%;
  border:1px solid rgba(71,72,69,.38);
  border-radius:12px!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.9),
    inset -1px -1px 1px rgba(66,67,64,.16),
    0 2px 3px rgba(42,43,41,.18),
    4px 5px 0 rgba(72,73,70,.1)
}
.catalog-page .play-cover:before,.play-page .play-cover:before,.landing-page .play-cover:before{
  content:"";position:absolute;inset:11px;z-index:0;pointer-events:none;
  border:0;
  border-radius:8px!important;
  background:rgba(255,255,255,.012);
  box-shadow:var(--press-deboss)
}
.catalog-page .play-cover:after,.play-page .play-cover:after,.landing-page .play-cover:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--press-grain);background-size:13px 17px,19px 23px,29px 27px,31px 37px;
  opacity:.26;mix-blend-mode:multiply
}
.catalog-page .play-cover>*,
.play-page .play-cover>*,
.landing-page .play-cover>*{position:relative;z-index:1}
.catalog-page .cover-top,.catalog-page .cover-foot,
.play-page .cover-top,.play-page .cover-foot,
.landing-page .cover-top,.landing-page .cover-foot{
  color:var(--press-graphite);
  opacity:.9;text-shadow:0 1px rgba(255,255,255,.7)
}
.catalog-page .cover-foot,.play-page .cover-foot,.landing-page .cover-foot{
  border-color:rgba(66,67,64,.25);
  box-shadow:inset 0 1px 1px rgba(61,62,59,.1),0 1px 0 rgba(255,255,255,.8)
}
.catalog-page .cover-title,.play-page .cover-title,.landing-page .cover-title{
  color:var(--press-graphite);opacity:.94;
  text-shadow:0 1px 0 rgba(255,255,255,.54)
}
.catalog-page .cover-activity,.play-page .cover-activity,.landing-page .cover-activity{
  padding:10px;border:0;border-radius:6px!important;
  box-shadow:
    inset 0 0 0 1px rgba(67,68,65,.19),
    inset 0 2px 2px rgba(48,49,46,.18),
    inset 0 -1px 1px rgba(255,255,255,.88)
}
.catalog-page .cover-activity i,.play-page .cover-activity i,.landing-page .cover-activity i{
  border-color:rgba(70,71,68,.2);
  border-radius:2px!important;
  color:var(--press-graphite);
  box-shadow:
    inset 0 1px 1px rgba(48,49,46,.18),
    inset 0 -1px 1px rgba(255,255,255,.68)
}

/* Index thumbnails are stamps, not scaled-down sleeves. Keep only enough
   registration detail to identify the object; the adjacent row carries its
   title and metadata. */
.catalog-page .play-cover.thumb:before,
.catalog-page .play-cover.mini:before{
  inset:3px;border-radius:3px!important
}
.catalog-page .play-cover.thumb .cover-activity,
.catalog-page .play-cover.mini .cover-activity{
  margin:3px 0 2px;padding:2px;gap:1px;border-radius:2px!important;
  box-shadow:inset 0 1px 1px rgba(58,59,56,.14),0 1px rgba(255,255,255,.68)
}
.catalog-page .play-cover.thumb .cover-activity i,
.catalog-page .play-cover.mini .cover-activity i{
  border:0;border-radius:0!important;box-shadow:none
}
.catalog-page .play-cover.thumb .cover-title,
.catalog-page .play-cover.mini .cover-title{
  font-size:6px;line-height:.9;max-width:100%
}
.catalog-page .play-cover.thumb .cover-foot,
.catalog-page .play-cover.mini .cover-foot{
  display:none
}

/* A few loose sheets behind each sleeve create the handled, archival feel
   without animating or disturbing layout. */
.catalog-page .feature-cover,
.play-page .play-hero-art{isolation:isolate}
.catalog-page .feature-cover:before,
.play-page .play-hero-art:before{
  content:"";position:absolute;z-index:0;inset:5px -4px -5px 7px;
  border:1px solid rgba(71,72,69,.22);
  border-radius:12px!important;background:var(--press-paper-low);
  box-shadow:0 2px 2px rgba(44,48,45,.1);
  transform:rotate(.45deg)
}
.catalog-page :is(.feature-cover,.card-art) .play-cover,
.play-page .play-hero-art .play-cover,
.catalog-page :is(.feature-cover,.card-art) .cover-play,
.play-page .play-hero-art .cover-play{position:relative;z-index:1}
.catalog-page .cover-play,.play-page .cover-play{
  border-radius:7px!important;background:var(--press-paper-hi);
  border-color:rgba(67,68,65,.55);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.14),0 1px 0 #fff,2px 3px 0 rgba(66,67,64,.12)
}

/* Feed objects */
.catalog-page .catalog-intro{padding-top:32px;padding-bottom:34px}
.catalog-page .catalog-kicker{
  width:max-content;padding:8px 13px 9px;margin-top:2px;
  border:1px solid rgba(71,72,69,.25);border-radius:4px!important;
  background:rgba(255,255,255,.12);
  box-shadow:
    inset 0 1px 2px rgba(61,62,59,.15),
    0 1px 0 rgba(255,255,255,.88);
  text-shadow:0 1px 0 rgba(255,255,255,.74)
}
.catalog-page .catalog-intro-grid{
  position:relative;padding:44px 18px 38px;margin-top:10px;
  border-bottom:1px solid rgba(73,74,71,.18);
  box-shadow:0 1px 0 rgba(255,255,255,.88)
}
.catalog-page .catalog-intro-grid:before{
  content:"";position:absolute;inset:18px 0 auto;height:1px;
  background:rgba(70,71,68,.2);
  box-shadow:0 1px 0 rgba(255,255,255,.9)
}
.catalog-page .catalog-intro h1{
  color:var(--press-graphite);
  text-shadow:0 1px 0 rgba(255,255,255,.7)
}
.catalog-page .catalog-intro-actions{
  padding:18px 20px 20px;border:1px solid rgba(70,71,68,.18);
  border-radius:7px!important;background:rgba(255,255,255,.1);
  box-shadow:
    inset 0 1px 2px rgba(61,62,59,.13),
    0 1px 0 rgba(255,255,255,.82)
}
.catalog-page .catalog-search{
  padding:12px 13px;border:1px solid rgba(70,71,68,.3);
  border-radius:5px!important;background:var(--press-paper-hi);
  box-shadow:
    inset 0 2px 3px rgba(61,62,59,.16),
    0 1px 0 rgba(255,255,255,.95),
    2px 2px 0 rgba(65,66,63,.06)
}
.catalog-page .catalog-search input{color:var(--press-graphite)}
.catalog-page .catalog-filters{
  margin-top:18px;padding:14px 18px 1px;border-top:1px solid rgba(73,74,71,.2);
  box-shadow:0 1px 0 rgba(255,255,255,.88)
}
.catalog-page .catalog-filters .chip{
  border:1px solid rgba(70,71,68,.22);border-radius:4px!important;
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.86)
}
.catalog-page .catalog-filters .chip.on{
  color:var(--press-paper-hi);background:var(--press-graphite);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.32),0 1px 0 rgba(255,255,255,.5)
}

.catalog-page .featured-play{background-color:var(--press-paper-hi)}
.catalog-page .feature-copy{
  position:relative;
  padding:22px clamp(24px,3.2vw,52px);
  padding-left:clamp(24px,3.2vw,52px);
  border-left:1px solid rgba(70,71,68,.2);
  box-shadow:-1px 0 0 rgba(255,255,255,.9)
}
.catalog-page .feature-copy:before{
  content:"";position:absolute;inset:9px 0 9px clamp(10px,1.4vw,22px);
  border:1px solid rgba(70,71,68,.15);border-radius:7px!important;
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.82);
  pointer-events:none
}
.catalog-page .feature-copy>*{position:relative;z-index:1}
.catalog-page .feature-copy h2{
  max-width:100%;font-size:clamp(42px,5.2vw,76px);
  overflow-wrap:anywhere;text-wrap:balance
}
.catalog-page .feature-cover .cover-title{
  max-width:9ch;font-size:clamp(25px,2.35vw,42px);
  overflow-wrap:anywhere
}
.catalog-page .feature-cover .play-cover{max-width:520px}
.catalog-page .feature-copy .strip{
  padding-bottom:13px;border-bottom:1px solid rgba(70,71,68,.23);
  box-shadow:0 1px 0 rgba(255,255,255,.9)
}
.catalog-page .feature-hear{
  padding:14px 16px;border:1px solid rgba(70,71,68,.19);
  border-left:3px double rgba(70,71,68,.42);
  border-radius:3px!important;background:rgba(255,255,255,.11);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.84)
}
.catalog-page .feature-actions .btn,
.catalog-page .feature-actions .btn2{
  border-radius:4px!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.22),2px 3px 0 rgba(65,66,63,.1)
}

.catalog-page .play-shelf{
  padding-top:34px;padding-bottom:38px;
  background-color:color-mix(in srgb,var(--press-paper) 94%,var(--press-bed))
}
.catalog-page .shelf-head{
  position:relative;padding:0 16px 17px;margin-bottom:24px;
  border-bottom:1px solid rgba(70,71,68,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.92)
}
.catalog-page .shelf-head .lab{
  display:inline-block;padding:6px 9px;border:1px solid rgba(70,71,68,.2);
  border-radius:3px!important;background:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.86)
}
.catalog-page .shelf-track{
  padding:18px;border:1px solid rgba(70,71,68,.18);
  border-radius:8px!important;background:rgba(255,255,255,.08);
  box-shadow:
    inset 0 2px 4px rgba(61,62,59,.13),
    0 1px 0 rgba(255,255,255,.9)
}
.catalog-page .catalog-card{
  padding:12px 12px 16px;border:1px solid rgba(70,71,68,.14);
  border-radius:9px!important;background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.72),0 1px 2px rgba(61,62,59,.07);
  transition:background .16s,box-shadow .16s
}
.catalog-page .catalog-card:hover{
  background:rgba(255,255,255,.34);
  box-shadow:inset 0 1px 1px #fff,0 2px 4px rgba(61,62,59,.12)
}
.catalog-page .catalog-card:hover .play-cover{
  transform:translate(-2px,-2px);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.9),inset -1px -1px 1px rgba(66,67,64,.16),0 4px 6px rgba(42,43,41,.2),5px 6px 0 rgba(72,73,70,.11)
}
.catalog-page .card-copy>div{
  padding:9px 7px 1px;border-top:1px solid rgba(70,71,68,.23);
  box-shadow:0 1px 0 rgba(255,255,255,.86)
}
.catalog-page .catalog-all{
  padding-top:34px;padding-bottom:38px;background-color:var(--press-paper-hi)
}
.catalog-page .catalog-table-head{
  margin:0 0 3px;padding:11px 14px;
  border:1px solid rgba(70,71,68,.2);border-radius:4px!important;
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.86)
}
.catalog-page .catalog-row{
  margin-top:4px;padding:12px 14px;border:1px solid rgba(70,71,68,.16);
  border-radius:5px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.1),0 1px 0 rgba(255,255,255,.84)
}
.catalog-page .catalog-row:hover{background:var(--press-graphite);color:var(--press-paper-hi)}
.catalog-page .row-preview{
  border-radius:4px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.14),0 1px 0 rgba(255,255,255,.72)
}
.catalog-page .catalog-disclosure{
  margin-top:16px;padding:13px 14px;
  border:1px solid rgba(70,71,68,.18);border-radius:4px!important;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.1),0 1px 0 rgba(255,255,255,.84)
}

/* Profile catalog + identity pages ---------------------------------------- */
:is(.profiles-page,.profile-page) :is(.talent-section-head,.profile-section-head){
  padding:0 16px 17px;margin-bottom:24px;
  border-bottom:1px solid rgba(70,71,68,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.92)
}
:is(.profiles-page,.profile-page) :is(.talent-section-head,.profile-section-head) .lab{
  display:inline-block;padding:6px 9px;border:1px solid rgba(70,71,68,.2);
  border-radius:3px!important;background:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.86)
}

.profiles-page .talent-hero{padding-top:34px;padding-bottom:38px}
.profiles-page .talent-hero>.lab{
  display:inline-block;width:max-content;padding:8px 13px 9px;
  border:1px solid rgba(71,72,69,.25);border-radius:4px!important;
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.15),0 1px 0 rgba(255,255,255,.88)
}
.profiles-page .talent-hero-grid{
  position:relative;padding:42px 18px 20px;margin-top:12px;
  border-top:1px solid rgba(70,71,68,.2);
  box-shadow:0 -1px 0 rgba(255,255,255,.88)
}
.profiles-page .talent-hero-grid>div{
  padding:18px 20px;border:1px solid rgba(70,71,68,.18);
  border-radius:7px!important;background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.82)
}
.profiles-page .talent-live{
  padding:11px 12px;border:1px solid rgba(70,71,68,.18);
  border-radius:4px!important;background:var(--press-paper-hi);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.86)
}

/* Identity and maker cards are issued objects. Keep their identity colour,
   then press the type and metrics into the stock with one physical edge. */
.profiles-page :is(.identity-card,.master-card,.pair-card,.rising-card),
.profile-page :is(.identity-person-link,.authorization-sheet,.profile-play,.cohort-row>a){
  border:1px solid rgba(70,71,68,.28)!important;border-radius:8px!important;
  background-color:var(--press-paper-hi);
  background-image:var(--press-grain);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.84),
    inset 0 -1px 1px rgba(61,62,59,.12),
    2px 3px 0 rgba(65,66,63,.08)
}
.profiles-page .rising-card:hover,
.profiles-page .rising-card:focus-visible{
  background-color:var(--press-paper-hi);color:var(--press-graphite);
  transform:translate(-2px,-2px);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.84),
    inset 0 -1px 1px rgba(61,62,59,.12),
    5px 6px 0 rgba(65,66,63,.1);
  outline:none;
}
.profiles-page :is(.identity-face,.master-portrait,.pair-mono,.rising-mono),
.profile-page :is(.artist-portrait,.identity-face){
  background-image:var(--press-grain),linear-gradient(145deg,rgba(255,255,255,.08),transparent 48%);
  background-size:17px 19px,23px 21px,29px 31px,37px 35px,100% 100%;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.2),inset 1px 0 1px rgba(0,0,0,.08)
}
.profiles-page :is(.identity-face,.master-portrait):after,
.profile-page .artist-portrait:after{
  content:"";position:absolute;inset:12px;pointer-events:none;
  border:1px solid rgba(247,246,241,.28);border-radius:7px!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.12)
}
.profiles-page :is(.identity-copy,.master-copy){
  padding:clamp(20px,2.5vw,34px)
}
.profiles-page :is(.identity-proof,.master-stats,.master-uri,.pair-proof,.rising-proof){
  border-color:rgba(70,71,68,.22)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.84)
}
.profiles-page .identity-proof>span,
.profiles-page .master-stats>span{
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.09)
}

.profiles-page :is(.identity-grid,.master-grid,.pair-grid,.rising-grid){
  padding:18px;border:1px solid rgba(70,71,68,.18);
  border-radius:8px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 4px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.9)
}
.profiles-page .live-board{
  padding:8px 14px;border:1px solid rgba(70,71,68,.18);
  border-radius:7px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 4px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.88)
}
.profiles-page .live-row{
  margin:4px 0;padding:14px 12px;border:1px solid rgba(70,71,68,.15);
  border-radius:5px!important;background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.09),0 1px 0 rgba(255,255,255,.82)
}
.profiles-page .live-row:hover{padding-inline:12px;background:var(--press-graphite);color:var(--press-paper-hi)}
.profiles-page .ladder-track{
  padding:12px;border:1px solid rgba(70,71,68,.18);
  border-radius:8px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 4px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.9)
}
.profiles-page .ladder-rung{
  border-color:rgba(70,71,68,.2);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.08),0 1px 0 rgba(255,255,255,.68)
}

/* Detail hero: the portrait is the profile card; the biography is a pressed
   dossier beside it. */
.profile-page .artist-hero{padding-top:42px;padding-bottom:42px}
.profile-page .artist-portrait{
  border:1px solid rgba(70,71,68,.38);border-radius:11px!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.12),
    inset -1px -1px 1px rgba(0,0,0,.16),
    3px 4px 0 rgba(65,66,63,.1)
}
.profile-page .artist-copy{
  padding:clamp(22px,3vw,42px);border:1px solid rgba(70,71,68,.18);
  border-radius:9px!important;background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.84)
}
.profile-page .artist-kicker{
  padding-bottom:13px;border-color:rgba(70,71,68,.24);
  box-shadow:0 1px 0 rgba(255,255,255,.88)
}
.profile-page .artist-metrics{
  padding:8px;border:1px solid rgba(70,71,68,.18);
  border-radius:6px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 3px rgba(61,62,59,.11),0 1px 0 rgba(255,255,255,.86)
}
.profile-page .artist-metrics>div{
  border-color:rgba(70,71,68,.18);
  box-shadow:inset 0 1px 1px rgba(61,62,59,.06)
}
.profile-page .artist-credential{
  padding:15px;border:1px solid rgba(70,71,68,.2);
  border-radius:6px!important;background:var(--press-paper-hi);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),0 1px 0 rgba(255,255,255,.9)
}
.profile-page .artist-actions .ta{
  padding:8px 10px;border:1px solid rgba(70,71,68,.2);border-radius:4px!important;
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.1),0 1px 0 rgba(255,255,255,.84)
}

/* Play shelves and evidence tables read as specimen trays and ledgers. */
.profile-page .profile-shelf{
  padding:18px;border:1px solid rgba(70,71,68,.18);
  border-radius:8px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 4px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.9)
}
.profile-page .profile-play{padding:12px 12px 16px}
.profile-page .profile-play>div:last-child{
  border-color:rgba(70,71,68,.2);
  box-shadow:0 1px 0 rgba(255,255,255,.84)
}
.profile-page :is(.influence-grid,.instrument-grid,.identity-relation-grid){
  padding:10px;border:1px solid rgba(70,71,68,.18)!important;
  border-radius:8px!important;background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 4px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.9)
}
.profile-page :is(.influence-number,.instrument,.identity-relation-grid>div){
  margin:3px;border:1px solid rgba(70,71,68,.14)!important;
  border-radius:5px!important;background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.08),0 1px 0 rgba(255,255,255,.8)
}
.profile-page .identity-person-link{
  grid-template-columns:64px minmax(0,1fr) 28px;
  padding:14px 14px 14px 10px;
}
.profile-page .identity-person-link>i{
  width:28px;height:28px;display:grid;place-items:center;
  justify-self:end;border:1px solid rgba(70,71,68,.18);border-radius:3px!important;
  background:rgba(255,255,255,.14);box-shadow:inset 0 1px 1px rgba(61,62,59,.08);
  font-size:14px;
}
.profile-page :is(.remix-ledger>a,.live-row){
  border-color:rgba(70,71,68,.2);
  box-shadow:0 1px 0 rgba(255,255,255,.82)
}
.profile-page .authorization-sheet>span,
.profile-page .authorization-sheet>p{
  border-color:rgba(70,71,68,.16)
}

/* Profile page play covers use the same issued-stock process as the catalog. */
:is(.profiles-page,.profile-page) .play-cover{
  --issued-stock:color-mix(in srgb,var(--cover-bg) 23%,var(--press-paper-hi));
  background-color:var(--issued-stock);
  background-image:var(--press-grain),linear-gradient(145deg,rgba(255,255,255,.28),transparent 42%,rgba(25,55,47,.045));
  background-size:17px 19px,23px 21px,29px 31px,37px 35px,100% 100%;
  border:1px solid rgba(71,72,69,.38);border-radius:10px!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.9),inset -1px -1px 1px rgba(66,67,64,.16),3px 4px 0 rgba(72,73,70,.09)
}
:is(.profiles-page,.profile-page) .play-cover:before{
  content:"";position:absolute;inset:10px;z-index:0;pointer-events:none;
  border:1px solid rgba(67,68,65,.2);border-radius:7px!important;
  box-shadow:inset 0 1px 2px rgba(61,62,59,.16),0 1px 0 rgba(255,255,255,.84)
}
:is(.profiles-page,.profile-page) .play-cover>*{position:relative;z-index:1}
:is(.profiles-page,.profile-page) .cover-activity{
  padding:8px;border:1px solid rgba(67,68,65,.2);border-radius:5px!important;
  box-shadow:inset 0 1px 2px rgba(61,62,59,.16),0 1px 0 rgba(255,255,255,.82)
}
:is(.profiles-page,.profile-page) .cover-activity i{
  border-color:rgba(70,71,68,.22);border-radius:2px!important;
  color:var(--press-graphite);
  box-shadow:inset 0 1px 2px rgba(58,59,56,.16),0 1px rgba(255,255,255,.68)
}
:is(.profiles-page,.profile-page) .play-cover:is(.thumb,.mini):before{inset:3px;border-radius:3px!important}
:is(.profiles-page,.profile-page) .play-cover:is(.thumb,.mini) .cover-activity{
  margin:3px 0 2px;padding:2px;gap:1px;border-radius:2px!important
}
:is(.profiles-page,.profile-page) .play-cover:is(.thumb,.mini) .cover-activity i{border:0;border-radius:0!important;box-shadow:none}
:is(.profiles-page,.profile-page) .play-cover:is(.thumb,.mini) .cover-title{font-size:6px;line-height:.9;max-width:100%}
:is(.profiles-page,.profile-page) .play-cover:is(.thumb,.mini) .cover-foot{display:none}

/* Detail objects */
.play-page .play-hero{background-color:var(--press-paper-hi)}
.play-page .catalog-uri{
  padding:12px 14px;border:1px solid rgba(70,71,68,.24);
  border-radius:8px!important;background:rgba(255,255,255,.28);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.16),0 1px 0 rgba(255,255,255,.92)
}
.play-page .result-stage{background-color:var(--press-paper)}
.play-page .result-sheet{
  color:var(--ink);background-color:var(--press-paper-hi);background-image:var(--press-grain);
  background-size:31px 37px,41px 43px,47px 53px,59px 61px;
  border-color:color-mix(in srgb,var(--ink) 55%,transparent);
  border-radius:9px!important;
  box-shadow:inset 0 1px 2px rgba(61,62,59,.13),0 1px #fff,3px 4px 0 rgba(44,48,45,.1)
}
.play-page .result-sheet-head{
  color:var(--press-paper-hi);background-color:var(--press-graphite);
  background-image:var(--press-grain);background-size:29px 31px,37px 41px,43px 47px,61px 59px
}
.play-page .result-finish{background:var(--soft-green)}
.play-page .play-notes{background-color:color-mix(in srgb,var(--press-paper) 96%,var(--soft-green))}
.play-page .play-contract{
  background-color:var(--press-graphite);background-image:var(--press-grain);
  background-size:29px 31px,37px 41px,43px 47px,61px 59px;
  border:1px solid rgba(25,55,47,.68);border-radius:11px!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.38),0 1px rgba(255,255,255,.12),3px 4px 0 rgba(44,48,45,.1)
}
.play-page .play-record{background-color:var(--press-paper-hi)}
.play-page .record-proof{
  border-radius:10px!important;background:color-mix(in srgb,var(--press-paper) 91%,var(--soft-green));
  box-shadow:inset 0 1px 2px rgba(61,62,59,.15),0 1px rgba(255,255,255,.88),2px 3px 0 rgba(44,48,45,.08)
}
.play-page .source-vault{
  padding-inline:14px;border:1px solid color-mix(in srgb,var(--ink) 42%,transparent);
  border-radius:10px!important;background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.15),0 1px 0 rgba(255,255,255,.88)
}

/* Pricing is a rate-card folio. Section sheets use the same single scored
   boundary as profiles; the calculator and individual plans are separate
   physical objects with one edge apiece. */
.pricing-page{
  background-color:var(--press-bed);
  background-image:var(--press-grain);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px;
  padding:clamp(14px,2vw,28px) 0 132px;
  gap:clamp(16px,2vw,26px)
}
.pricing-page>.pnl{
  position:relative;margin:0 clamp(12px,2vw,30px);
  border:0!important;overflow:visible;border-radius:14px!important;
  background-color:var(--press-paper);
  background-image:var(--press-grain),linear-gradient(118deg,rgba(255,255,255,.34),transparent 48%);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px,100% 100%;
  box-shadow:none!important
}
.pricing-page>.pnl:before{
  content:"";position:absolute;inset:13px;z-index:0;pointer-events:none;
  border:1px solid var(--press-cut-soft);border-radius:9px!important;
  background:rgba(255,255,255,.018);
  box-shadow:var(--press-deboss)
}
.pricing-page>.pnl:after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--press-grain);
  background-size:17px 19px,23px 21px,29px 31px,37px 35px;
  opacity:.18;mix-blend-mode:multiply;box-shadow:none!important
}
.pricing-page>.pnl>*,.pricing-page .pricing-plan-stack{position:relative;z-index:1}
.pricing-page>.cite{margin-inline:clamp(14px,2vw,30px);color:var(--ink)}
.pricing-page :is(.strip,.pricing-section-head,.pricing-human-example,.pricing-safety-note,.fit-result-top){
  border-color:var(--press-line);
  box-shadow:0 1px 0 rgba(255,255,255,.9)
}

.pricing-page :is(.pricing-ledger,.priced-primitives-grid,.priced-identities,.identity-ledger-example,.fit-controls,.fit-route,.pricing-guarantee-list){
  border:1px solid rgba(70,71,68,.16)!important;
  background-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.11),0 1px 0 rgba(255,255,255,.86)!important
}
.pricing-page .pricing-ledger{
  border-radius:9px!important;overflow:hidden;
  box-shadow:inset 0 1px 2px rgba(61,62,59,.11),3px 4px 0 rgba(65,66,63,.08)!important
}
.pricing-page .pricing-ledger>div+div{background:color-mix(in srgb,var(--press-paper) 92%,var(--soft-green))}
.pricing-page :is(.priced-primitives-grid,.priced-identities,.identity-ledger-example){
  border-radius:8px!important;overflow:hidden
}
.pricing-page .priced-primitive,
.pricing-page .priced-identity,
.pricing-page .identity-ledger-example,
.pricing-page .pricing-ledger li{
  border-color:rgba(70,71,68,.17)!important
}
.pricing-page .pricing-ledger>div+div,
.pricing-page .priced-primitive,
.pricing-page .priced-identity{
  border-color:rgba(70,71,68,.17)!important
}
.pricing-page .priced-primitive-no,
.pricing-page .plan-sheet-no{color:var(--press-graphite);opacity:.45}
.pricing-page .priced-identity-mark{
  border:1px solid rgba(70,71,68,.26);
  border-radius:5px!important;background:var(--press-paper-hi)!important;color:var(--ink)!important;
  box-shadow:inset 0 1px 2px rgba(61,62,59,.13),0 1px 0 rgba(255,255,255,.86)
}
.pricing-page .priced-identity-agent .priced-identity-mark{background:color-mix(in srgb,var(--press-paper) 88%,var(--soft-green))!important}
.pricing-page .identity-ledger-example{border-top:0;border-radius:0 0 8px 8px!important}

.pricing-page .fit-controls{
  border-radius:9px!important;overflow:hidden;
  background-color:var(--press-paper-hi);
  background-image:var(--press-grain);
  background-size:29px 31px,37px 41px,43px 47px,61px 59px
}
.pricing-page :is(.fit-control,.fit-choice,.fit-unmetered){
  border-color:rgba(70,71,68,.16)!important;
  box-shadow:inset 0 1px 1px rgba(61,62,59,.045)
}
.pricing-page .fit-unmetered{background:color-mix(in srgb,var(--press-paper) 91%,var(--soft-green))}
.pricing-page .fit-choice-options span,
.pricing-page .fit-unmetered strong{
  border-color:rgba(70,71,68,.22);border-radius:4px!important;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 2px rgba(61,62,59,.09),0 1px 0 rgba(255,255,255,.84)
}
.pricing-page .fit-choice-options input:checked+span{
  background:color-mix(in srgb,var(--press-paper) 87%,var(--soft-green));
  box-shadow:inset 0 1px 2px rgba(61,62,59,.12),3px 3px 0 rgba(65,66,63,.08)
}
.pricing-page .fit-result{
  border:1px solid rgba(70,71,68,.18)!important;border-radius:10px!important;
  background-color:var(--press-paper-hi);
  background-image:var(--press-grain),linear-gradient(145deg,rgba(255,255,255,.2),transparent 48%);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px,100% 100%;
  box-shadow:inset 0 1px 2px rgba(61,62,59,.13),4px 5px 0 rgba(65,66,63,.09)!important
}
.pricing-page .fit-example{
  padding:16px;border:1px solid rgba(70,71,68,.16);border-radius:5px!important;
  background:rgba(255,255,255,.1);box-shadow:inset 0 1px 2px rgba(61,62,59,.08)
}
.pricing-page .btn,.pricing-page .btn2{
  border:1px solid rgba(70,71,68,.2);border-radius:4px!important;
  background:var(--press-paper-low);color:var(--ink);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.72),3px 4px 0 rgba(65,66,63,.09)
}
.pricing-page .btn:hover,.pricing-page .btn2:hover{
  background:var(--press-graphite);color:var(--press-paper-hi)
}
.pricing-page .fit-route{border-radius:8px!important;overflow:hidden}
.pricing-page .fit-route-step{border-color:rgba(70,71,68,.16)!important}
.pricing-page .fit-route-step:hover,
.pricing-page .fit-route-step:focus-visible{background:color-mix(in srgb,var(--press-paper) 90%,var(--soft-green))}

.pricing-page .pricing-plan-stack{
  margin:0 clamp(12px,2vw,30px);padding:0!important;
  background:transparent
}
.pricing-page .plan-sheet{
  position:relative;border:1px solid rgba(70,71,68,.18)!important;border-radius:12px!important;overflow:hidden;
  background-color:var(--press-paper);
  background-image:var(--press-grain),linear-gradient(118deg,rgba(255,255,255,.3),transparent 48%);
  background-size:23px 21px,19px 17px,29px 27px,31px 33px,100% 100%;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.86),4px 5px 0 rgba(65,66,63,.09)!important
}
.pricing-page .plan-sheet-enterprise{border-width:1px!important}
.pricing-page :is(.plan-sheet-head,.plan-scope,.plan-sheet-body,.plan-sheet-boundary,.plan-scope-cell,.plan-includes,.plan-includes li){
  border-color:rgba(70,71,68,.16)!important
}
.pricing-page .plan-example{background:color-mix(in srgb,var(--press-paper) 92%,var(--soft-green))}
.pricing-page .plan-scope-cell,
.pricing-page .plan-includes li{box-shadow:inset 0 1px 1px rgba(61,62,59,.045)}
.pricing-page .pricing-guarantee-list{border-radius:8px!important;overflow:hidden}
.pricing-page .pricing-guarantee-list span{border-color:rgba(70,71,68,.16)!important}

/* Pricing press correction: do not tint the old UI borders. Remove them.
   Each rate-card object gets the same single impressed perimeter as a feed
   sheet, then uses scored rules—not boxes—for its internal structure. */
.pricing-page :is(
  .pricing-ledger,
  .priced-primitives-grid,
  .priced-identities,
  .identity-ledger-example,
  .fit-controls,
  .fit-result,
  .fit-route,
  .plan-sheet,
  .pricing-guarantee-list
){
  position:relative;border:0!important;border-radius:12px!important;overflow:visible;
  background-color:var(--press-paper-hi);
  background-image:var(--press-grain),linear-gradient(118deg,rgba(255,255,255,.28),transparent 52%)!important;
  background-size:23px 21px,19px 17px,29px 27px,31px 33px,100% 100%!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 2px 2px rgba(47,49,46,.07)!important
}
.pricing-page :is(
  .pricing-ledger,
  .priced-primitives-grid,
  .priced-identities,
  .identity-ledger-example,
  .fit-controls,
  .fit-result,
  .fit-route,
  .plan-sheet,
  .pricing-guarantee-list
):before{
  content:"";position:absolute;inset:9px;z-index:3;pointer-events:none;
  border:1px solid var(--press-cut-soft);border-radius:7px!important;
  background:rgba(255,255,255,.016);
  box-shadow:var(--press-deboss)
}
.pricing-page :is(
  .pricing-ledger,
  .priced-primitives-grid,
  .priced-identities,
  .identity-ledger-example,
  .fit-controls,
  .fit-result,
  .fit-route,
  .plan-sheet,
  .pricing-guarantee-list
)>*{position:relative;z-index:1}

/* One light/dark pair is the impression left by each divider. */
.pricing-page .pricing-ledger>div+div,
.pricing-page .priced-primitive,
.pricing-page .priced-identity,
.pricing-page .fit-control,
.pricing-page .fit-choice,
.pricing-page .fit-unmetered,
.pricing-page .fit-route-step,
.pricing-page .plan-sheet-head,
.pricing-page .plan-scope,
.pricing-page .plan-sheet-body,
.pricing-page .plan-sheet-boundary,
.pricing-page .plan-scope-cell,
.pricing-page .plan-includes,
.pricing-page .plan-includes li,
.pricing-page .pricing-guarantee-list span{
  border-color:rgba(73,74,71,.16)!important;
  box-shadow:inset 0 1px 1px rgba(62,63,60,.08),0 1px 0 rgba(255,255,255,.88)
}
.pricing-page :is(.priced-primitive,.priced-identity,.plan-scope-cell,.pricing-guarantee-list span){
  background-color:rgba(255,255,255,.035);
  background-image:var(--press-grain);
  background-size:31px 37px,41px 43px,47px 53px,59px 61px
}
.pricing-page .pricing-ledger>div+div,
.pricing-page .plan-example,
.pricing-page .fit-unmetered{
  background-color:color-mix(in srgb,var(--press-paper) 94%,var(--soft-green))!important;
  background-image:var(--press-grain)!important;
  background-size:31px 37px,41px 43px,47px 53px,59px 61px!important
}
.pricing-page .fit-result{
  padding:clamp(24px,3vw,40px);
  background-color:var(--press-paper)!important
}
.pricing-page .fit-example,
.pricing-page .fit-choice-options span,
.pricing-page .fit-unmetered strong,
.pricing-page .priced-identity-mark{
  border:0!important;border-radius:0!important;background-color:var(--press-paper-hi)!important;
  box-shadow:
    inset 0 0 0 1px rgba(73,74,71,.14),
    inset 0 1px 2px rgba(62,63,60,.11),
    0 1px 0 rgba(255,255,255,.88)!important
}
.pricing-page .fit-choice-options input:checked+span{
  background-color:color-mix(in srgb,var(--press-paper) 90%,var(--soft-green))!important;
  box-shadow:
    inset 0 0 0 1px rgba(73,74,71,.24),
    inset 0 2px 3px rgba(62,63,60,.13),
    0 1px 0 rgba(255,255,255,.88)!important
}
.pricing-page .plan-sheet{
  background-color:var(--press-paper)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    4px 5px 0 rgba(65,66,63,.075)!important
}
.pricing-page .plan-sheet:before{
  inset:10px;border-color:rgba(73,74,71,.19);
  box-shadow:
    inset 0 1px 2px rgba(62,63,60,.17),
    inset 1px 0 1px rgba(62,63,60,.08),
    0 1px 0 rgba(255,255,255,.94),
    1px 0 0 rgba(255,255,255,.52)
}

@media(max-width:760px){
  .catalog-page,.play-page,.profiles-page,.profile-page,.pricing-page,.landing-page{padding-top:10px;gap:12px}
  .catalog-page>.pnl,.play-page>.pnl{margin-inline:8px;border-radius:10px!important;box-shadow:inset 0 1px #fff,inset 0 -1px 1px rgba(25,55,47,.12),0 2px 2px rgba(44,48,45,.12)}
  .profiles-page>.pnl,.profile-page>.pnl{margin-inline:8px;border-radius:10px!important}
  .pricing-page>.pnl{margin-inline:8px;border-radius:10px!important}
  .landing-page>.pnl{margin-inline:8px;border-radius:10px!important}
  .profiles-page>.pnl:before,.profile-page>.pnl:before,.pricing-page>.pnl:before,.landing-page>.pnl:before{inset:7px;border-radius:7px!important}
  .pricing-page .pricing-plan-stack{margin-inline:8px}
  .landing-page :is(.live-play-demo,.knowledge-proof,.play-value-orbit,.landing-result-board,.compatibility-flow,.closing-start-card):before{inset:6px;border-radius:6px!important}
  .catalog-page .catalog-card{padding:7px 7px 12px}
  .catalog-page>.pnl:before{inset:7px;border-radius:7px!important}
  .catalog-page .catalog-intro{padding-top:22px}
  .catalog-page .catalog-intro-grid{padding:34px 5px 24px}
  .catalog-page .catalog-intro-actions{padding:14px}
  .catalog-page .catalog-filters{padding-inline:5px}
  .catalog-page .feature-copy{padding:18px 5px 5px;border-left:0;border-top:1px solid rgba(70,71,68,.2);box-shadow:0 -1px 0 rgba(255,255,255,.9)}
  .catalog-page .feature-copy:before{inset:8px 0 0}
  .catalog-page .shelf-head{padding-inline:5px}
  .catalog-page .shelf-track{padding:11px}
  .catalog-page .catalog-table-head{display:none}
  .catalog-page .catalog-row{padding-inline:10px}
  :is(.profiles-page,.profile-page) :is(.talent-section-head,.profile-section-head){padding-inline:5px}
  .profiles-page .talent-hero-grid{padding:34px 5px 20px}
  .profiles-page .talent-hero-grid>div{padding:14px}
  .profiles-page :is(.identity-grid,.master-grid,.pair-grid,.rising-grid),
  .profiles-page .ladder-track,.profiles-page .live-board,
  .profile-page .profile-shelf,
  .profile-page :is(.influence-grid,.instrument-grid,.identity-relation-grid){padding:10px}
  .profile-page .artist-copy{padding:18px}
  .profile-page .artist-credential{padding:12px}
  :is(.profiles-page,.profile-page) .play-cover:before{inset:7px}
  .catalog-page .play-cover,.play-page .play-cover,.landing-page .play-cover{border-radius:9px!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.82),inset -1px -1px 1px rgba(66,67,64,.14),0 2px 3px rgba(42,43,41,.16),2px 3px 0 rgba(72,73,70,.08)}
  .catalog-page .play-cover:before,.play-page .play-cover:before,.landing-page .play-cover:before{inset:7px;border-radius:7px!important}
  .play-page .catalog-uri{width:100%}
}

}

/* ── PRICING · decision first, one impression per object ─────────────
   A section is a sheet. A calculator, recommendation, or plan is an issued
   object on that sheet. Tonal wells organize the contents without making a
   second and third stack of bordered boxes. */
.pricing-page.pricing-v2{
  gap:clamp(22px,3vw,38px);
  padding-top:clamp(14px,2vw,28px)
}
.pricing-page.pricing-v2>.pnl{
  padding:clamp(40px,5vw,78px);
  overflow:hidden;
  border:0!important
}
.pricing-page.pricing-v2>.pnl:before{
  inset:0;
  border-color:rgba(70,71,68,.22);
  border-radius:13px!important;
  box-shadow:
    inset 0 1px 2px rgba(62,63,60,.15),
    inset 1px 0 1px rgba(62,63,60,.07),
    0 1px 0 rgba(255,255,255,.9)
}
.pricing-page.pricing-v2>.pnl:after{border-radius:13px!important}

.pricing-fit-intro{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:clamp(34px,7vw,110px);
  align-items:end
}
.pricing-fit-intro h1{
  max-width:15ch;
  margin:14px 0 0;
  font:850 clamp(42px,5vw,76px)/.94 var(--sans);
  letter-spacing:-.05em
}
.pricing-rule{
  max-width:48ch;
  padding:clamp(20px,2.4vw,32px);
  background:color-mix(in srgb,var(--press-paper) 92%,var(--soft-green));
  box-shadow:
    inset 0 1px 2px rgba(62,63,60,.08),
    0 1px 0 rgba(255,255,255,.82)
}
.pricing-rule strong{
  display:block;
  margin-bottom:8px;
  font:780 clamp(22px,2vw,30px)/1.1 var(--sans);
  letter-spacing:-.025em
}
.pricing-rule p{font:600 clamp(15px,1.25vw,18px)/1.5 var(--sans)}
.pricing-rule small{
  display:block;
  margin-top:16px;
  color:var(--muted);
  font:750 9px/1.45 var(--mono);
  letter-spacing:.075em;
  text-transform:uppercase
}

.pricing-page .fit-grid{
  margin-top:clamp(34px,5vw,72px);
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(20px,3vw,42px)
}
.pricing-page .fit-controls,
.pricing-page .fit-result,
.pricing-page .plan-sheet{
  position:relative;
  border:1px solid rgba(70,71,68,.22)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background-color:var(--press-paper-hi)!important;
  background-image:var(--press-grain)!important;
  background-size:29px 31px,37px 41px,43px 47px,61px 59px!important;
  box-shadow:
    inset 0 1px 2px rgba(62,63,60,.12),
    0 1px 0 rgba(255,255,255,.88),
    4px 5px 0 rgba(65,66,63,.075)!important
}
.pricing-page .fit-controls:before,
.pricing-page .fit-result:before,
.pricing-page .plan-sheet:before{display:none!important}

.pricing-page .fit-controls{
  display:grid;
  gap:8px;
  padding:10px
}
.pricing-page :is(.fit-control,.fit-choice,.fit-unmetered){
  border:0!important;
  box-shadow:none!important;
  background:rgba(70,71,68,.035)
}
.pricing-page .fit-control,
.pricing-page .fit-choice,
.pricing-page .fit-unmetered{
  padding:clamp(16px,1.7vw,22px)
}
.pricing-page .fit-control:first-child{border:0!important}
.pricing-page .fit-control b,
.pricing-page .fit-choice-label b,
.pricing-page .fit-unmetered b{font-size:14px}
.pricing-page .fit-choice-options span,
.pricing-page .fit-unmetered strong{
  border:0!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.34)!important;
  box-shadow:
    inset 0 0 0 1px rgba(73,74,71,.12),
    inset 0 1px 2px rgba(62,63,60,.08)!important
}
.pricing-page .fit-choice-options input:checked+span{
  background:color-mix(in srgb,var(--press-paper) 88%,var(--soft-green))!important;
  box-shadow:
    inset 0 0 0 1px rgba(73,74,71,.2),
    inset 0 2px 3px rgba(62,63,60,.12)!important
}

.pricing-page .fit-result{
  min-height:0;
  padding:clamp(24px,3vw,40px)
}
.pricing-page .fit-result-top{
  padding:0;
  border:0!important;
  box-shadow:none!important
}
.pricing-page .fit-result h3{
  margin:clamp(24px,3vw,40px) 0 8px;
  font-size:clamp(48px,5.5vw,78px)
}
.pricing-page .fit-price{margin:28px 0 6px}
.pricing-page .fit-math{
  padding:10px 0 0;
  border:0!important
}
.pricing-page .fit-example{
  margin:22px 0;
  padding:18px;
  border:0!important;
  border-radius:4px!important;
  background:rgba(70,71,68,.045)!important;
  box-shadow:none!important
}
.pricing-page .fit-example p{margin-top:8px}
.pricing-page .fit-enterprise-note{border:0!important}

.pricing-page .pricing-plan-stack{
  margin:0 clamp(12px,2vw,30px);
  padding:0!important;
  gap:clamp(18px,2vw,28px)
}
.pricing-compare-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);
  gap:clamp(24px,6vw,90px);
  align-items:end;
  padding:clamp(28px,4vw,58px) clamp(8px,2vw,28px) clamp(12px,2vw,24px)
}
.pricing-compare-head .lab{grid-column:1/-1}
.pricing-compare-head h2{
  max-width:15ch;
  font:850 clamp(34px,4vw,58px)/.96 var(--sans);
  letter-spacing:-.045em
}
.pricing-compare-head p{
  max-width:45ch;
  font:600 clamp(15px,1.25vw,18px)/1.5 var(--sans)
}

.pricing-page .plan-sheet{
  padding:clamp(28px,3.5vw,52px)
}
.pricing-page .plan-sheet-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px clamp(20px,4vw,60px);
  align-items:start;
  padding:0;
  border:0!important;
  box-shadow:none!important
}
.pricing-page .plan-sheet-head>div:first-child{
  grid-row:1/3;
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:1.2ch;
  align-items:baseline
}
.pricing-page .plan-sheet h3{
  margin-top:14px;
  font-size:clamp(42px,5vw,68px);
  line-height:.88
}
.pricing-page .plan-sheet-head p{
  max-width:42ch;
  margin-top:10px;
  font-size:clamp(15px,1.25vw,18px)
}
.pricing-page .plan-back{grid-column:2}
.pricing-page .plan-sheet-price{grid-column:2}
.pricing-page .plan-sheet-price>b{font-size:clamp(40px,4.5vw,66px)}

.pricing-page .plan-sheet-content{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:12px clamp(14px,2vw,28px);
  margin-top:clamp(28px,4vw,52px)
}
.pricing-page .plan-scope{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  border:0!important;
  box-shadow:none!important
}
.pricing-page .plan-scope-cell{
  min-height:0;
  padding:16px;
  border:0!important;
  background:rgba(70,71,68,.04)!important;
  box-shadow:none!important
}
.pricing-page .plan-scope-cell b{font-size:14px}
.pricing-page .plan-example{
  grid-column:1/7;
  min-height:0;
  padding:clamp(20px,2.4vw,30px);
  border:0!important;
  border-radius:4px!important;
  background:color-mix(in srgb,var(--press-paper) 92%,var(--soft-green))!important;
  box-shadow:none!important
}
.pricing-page .plan-example p{
  margin:14px 0 20px;
  font:700 clamp(17px,1.55vw,22px)/1.35 var(--sans)
}
.pricing-page .plan-includes{
  grid-column:7/-1;
  min-height:0;
  padding:clamp(18px,2.2vw,28px) 0;
  border:0!important;
  box-shadow:none!important
}
.pricing-page .plan-includes ul{margin-top:10px}
.pricing-page .plan-includes li{
  padding:8px 0 8px 20px;
  border:0!important;
  box-shadow:none!important;
  font-size:13px
}
.pricing-page .plan-sheet-boundary{
  grid-column:1/10;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(16px,3vw,40px);
  padding:18px;
  border:0!important;
  background:rgba(70,71,68,.035);
  box-shadow:none!important
}
.pricing-page .plan-sheet-action{
  grid-column:10/-1;
  display:flex;
  align-items:stretch
}
.pricing-page .plan-sheet-action .pricing-action{
  width:100%;
  justify-content:center;
  text-align:center
}
.pricing-page .plan-sheet-enterprise{border-width:1px!important}

.pricing-page .pricing-guarantee{
  display:grid;
  grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);
  gap:clamp(28px,6vw,90px);
  align-items:center
}
.pricing-page .pricing-guarantee h2{
  max-width:12ch;
  font-size:clamp(36px,4vw,58px)
}
.pricing-page .pricing-guarantee>div>p{
  max-width:42ch;
  margin-top:14px;
  font:600 16px/1.5 var(--sans)
}
.pricing-page .pricing-guarantee-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:0;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important
}
.pricing-page .pricing-guarantee-list:before{display:none!important}
.pricing-page .pricing-guarantee-list span,
.pricing-page .pricing-guarantee-list span:nth-child(n){
  min-height:76px;
  padding:18px;
  border:0!important;
  background:rgba(70,71,68,.04)!important;
  box-shadow:none!important
}
.pricing-page .pricing-close{text-align:left}
.pricing-page .pricing-close h2{
  max-width:15ch;
  margin:14px 0 16px;
  font:850 clamp(38px,4.5vw,66px)/.95 var(--sans);
  letter-spacing:-.045em
}
.pricing-page .pricing-close>p{
  max-width:58ch;
  margin:0 0 24px;
  font-size:clamp(16px,1.35vw,20px)
}
.pricing-page .pricing-close>div{justify-content:flex-start}

@media(max-width:900px){
  .pricing-fit-intro,
  .pricing-compare-head,
  .pricing-page .pricing-guarantee{grid-template-columns:1fr}
  .pricing-page .fit-grid{grid-template-columns:1fr}
  .pricing-page .fit-result{position:relative;top:auto}
  .pricing-page .plan-example,
  .pricing-page .plan-includes,
  .pricing-page .plan-sheet-boundary,
  .pricing-page .plan-sheet-action{grid-column:1/-1}
  .pricing-page .plan-sheet-action .pricing-action{min-height:58px}
}
@media(max-width:650px){
  .pricing-page.pricing-v2>.pnl{padding:32px 20px}
  .pricing-page .fit-control{grid-template-columns:1fr 5ch}
  .pricing-page .fit-choice{grid-template-columns:1fr}
  .pricing-page .plan-sheet{padding:24px 18px}
  .pricing-page .plan-sheet-head{grid-template-columns:1fr}
  .pricing-page .plan-sheet-head>div:first-child{grid-row:auto}
  .pricing-page .plan-back,
  .pricing-page .plan-sheet-price{grid-column:1;justify-self:start;text-align:left}
  .pricing-page .plan-scope{grid-template-columns:1fr 1fr}
  .pricing-page .plan-sheet-boundary,
  .pricing-page .pricing-guarantee-list{grid-template-columns:1fr}
}
@media(max-width:480px){
  .pricing-page.pricing-v2>.pnl{padding:28px 16px}
  .pricing-page .pricing-plan-stack{margin-inline:6px}
  .pricing-page .plan-sheet{padding:22px 15px}
  .pricing-page .plan-scope{grid-template-columns:1fr}
  .pricing-page .fit-choice-options{grid-template-columns:1fr}
  .pricing-page .pricing-fit-intro h1{font-size:clamp(38px,12vw,48px)}
  .pricing-page .fit-result h3,
  .pricing-page .plan-sheet h3{overflow-wrap:anywhere}
}

/* PLAY CATALOG · one pressed shelf, four issued objects.
   The shelf owns the letterpress perimeter. The track and each catalog entry
   stay visually open so a cover never sits inside two extra boxes. */
.catalog-page .play-shelf{
  padding:clamp(30px,3.5vw,52px)!important
}
.catalog-page .play-shelf .shelf-head{
  padding:0!important;
  margin:0 0 clamp(24px,3vw,40px)!important;
  border:0!important;
  box-shadow:none!important
}
.catalog-page .play-shelf .shelf-head .lab{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.catalog-page .play-shelf .shelf-head h2{
  max-width:24ch;
  margin-top:8px;
  font-size:clamp(24px,2.25vw,36px);
  line-height:1.08;
  text-wrap:balance
}
.catalog-page .play-shelf .shelf-track{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  gap:clamp(24px,3vw,48px)
}
.catalog-page .play-shelf .catalog-card{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.catalog-page .play-shelf .catalog-card:hover{
  background:transparent!important;
  box-shadow:none!important
}
.catalog-page .play-shelf .card-art{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none
}
.catalog-page .play-shelf .play-cover.card .cover-title{
  max-width:100%;
  font-size:clamp(22px,1.85vw,35px);
  line-height:.94;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance
}
.catalog-page .play-shelf .card-copy{
  padding:clamp(14px,1.4vw,20px) 2px 0
}
.catalog-page .play-shelf .card-copy h3{
  font-size:clamp(17px,1.15vw,21px);
  line-height:1.18
}
.catalog-page .play-shelf .card-copy p{
  margin:7px 0 10px;
  font-size:13px
}
.catalog-page .play-shelf .card-copy>div{
  padding:3px 0 0;
  border:0!important;
  box-shadow:none!important
}

@media(max-width:980px){
  .catalog-page .play-shelf .shelf-track{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .catalog-page .play-shelf .play-cover.card .cover-title{
    font-size:clamp(24px,4.2vw,38px)
  }
}

/* The homepage is a continuous document, not a stack of issued chapter
   sheets. Keep the tactile treatment on the product artifacts themselves. */
@layer printed-surfaces{
  .landing-page{
    padding:0 0 90px;
    gap:0;
    background-color:var(--press-paper);
  }
  .landing-page>.pnl{
    margin:0;
    border-radius:0!important;
    background-color:transparent;
    background-image:var(--press-grain)!important;
    box-shadow:none!important;
  }
  .landing-page>.pnl:not(:first-child){
    border-top:1px solid var(--press-cut-soft)!important;
  }
  .landing-page>.pnl:before{
    display:none;
  }
}
@media(max-width:760px){
  .catalog-page .play-shelf{
    padding:28px 20px!important
  }
  .catalog-page .play-shelf .shelf-head{
    align-items:flex-start
  }
  .catalog-page .play-shelf .shelf-note{
    max-width:17ch
  }
  .catalog-page .play-shelf .shelf-track{
    display:flex;
    gap:22px;
    padding:0 14px 10px 0!important
  }
  .catalog-page .play-shelf .catalog-card{
    flex:0 0 min(78vw,300px)
  }
  .catalog-page .play-shelf .play-cover.card .cover-title{
    font-size:clamp(24px,8vw,34px)
  }
}
@media(max-width:480px){
  .catalog-page .play-shelf{
    padding:25px 16px!important
  }
  .catalog-page .play-shelf .shelf-head{
    display:block
  }
  .catalog-page .play-shelf .shelf-note{
    display:block;
    max-width:none;
    margin-top:10px;
    text-align:left
  }
}