/* Shared design tokens. Official colors are applied in brand-official.css.
   Hanken Grotesk supplied by Daryl, 2026-10-31. See assets/fonts/hanken-grotesk/OFL.txt. */
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6ae70130e13644c1aa1458ad_taloox-59ba6184e-hanken-grotesk-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6ae7012b8d563679df018f8a_taloox-f2265f457-hanken-grotesk-italic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
:root {
  --brand-ink: #243833;
  --brand-ink-soft: #32413d;
  --brand-paper: #f6f8f7;
  --brand-surface: #ffffff;
  --brand-accent: #c7ddbc;
  --brand-soft: #e8f1ed;
  --brand-muted: #5b665e;
  --brand-line: #dce2d9;
  --brand-focus: #285e52;
  --brand-warning: #79542b;
  --brand-warning-surface: #f7eedf;
  --brand-font-display: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --brand-font-body: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --brand-font-wordmark: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --layout-max: 1200px;
  --layout-gutter: clamp(20px, 4vw, 64px);
  --radius-control: 8px;
  --radius-panel: 16px;
  --radius-scene: 28px;
  --ease-out: cubic-bezier(.2,.8,.2,1);
}

/* Replace language-specific fonts here alongside the English font tokens. */
html[lang=zh-Hant]{--brand-font-display:'Hanken Grotesk','Songti TC','Noto Serif TC',serif;--brand-font-body:'Hanken Grotesk','PingFang TC','Microsoft JhengHei',sans-serif}

/* Static first: the complete story remains readable without JavaScript. */
.convergence {
  --convergence-progress: 0;
  --convergence-core-progress: 0;
  --convergence-result-progress: 0;
  --convergence-core-size: 112px;
  --convergence-core-start: 0.76;
  position: relative;
  isolation: isolate;
  color: var(--brand-ink, #202c2a);
  background: var(--brand-soft, #f1f5ee);
}

.convergence-sticky {
  box-sizing: border-box;
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
  padding-block: 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.convergence-heading {
  position: relative;
  z-index: 4;
  max-width: 820px;
  text-align: center;
}

.convergence-heading h2 {
  margin: 0;
  font-size: clamp(32px, 4.2vw, 58px);
  font-weight: 500;
  line-height: 1.07;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.convergence-heading p {
  max-width: 540px;
  margin: 16px auto 0;
  font-size: clamp(14px, 1.4vw, 17px);
  line-height: 1.5;
  color: color-mix(in srgb, var(--brand-ink, #202c2a) 70%, transparent);
}

.convergence-stage {
  position: relative;
  width: 100%;
  max-width: 1060px;
  min-height: 340px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  align-content: center;
  align-items: center;
  gap: 16px;
}

.convergence-node {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 12px 17px;
  border: 1px solid color-mix(in srgb, var(--brand-ink, #202c2a) 12%, transparent);
  border-radius: 12px;
  color: var(--brand-ink, #202c2a);
  background: var(--brand-surface, #fdfefb);
  box-shadow: 0 3px 0 color-mix(in srgb,var(--brand-ink) 1.2%,transparent), 0 8px 22px color-mix(in srgb,var(--brand-ink) 1.6%,transparent);
  font-size: 15px;
  font-weight: 450;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.convergence-node svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  opacity: 0.62;
}

.convergence-core {
  position: relative;
  z-index: 3;
  grid-column: 1 / -1;
  justify-self: center;
  display: grid;
  place-items: center;
  width: var(--convergence-core-size);
  height: var(--convergence-core-size);
  margin-block: 24px 8px;
  border: 1px solid color-mix(in srgb, var(--brand-accent) 75%, var(--brand-focus));
  border-radius: 28%;
  background: var(--brand-accent, #c7ddbc);
  box-shadow: inset 0 1px 0 color-mix(in srgb,var(--brand-surface) 65%,transparent), 0 14px 40px color-mix(in srgb, var(--brand-focus) 7%, transparent);
}

.convergence-core [data-brand-mark] {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  color: var(--brand-ink, #202c2a);
  font-size: calc(var(--convergence-core-size) * 0.55);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.07em;
}

.convergence-core img[data-brand-mark],
.convergence-core [data-brand-mark] img {
  display: block;
  width: calc(var(--convergence-core-size) * 0.6);
  height: calc(var(--convergence-core-size) * 0.6);
  object-fit: contain;
}

.convergence-glow {
  position: absolute;
  z-index: -1;
  inset: -100%;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-accent) 80%, transparent) 0%, color-mix(in srgb, var(--brand-accent) 40%, transparent) 38%, transparent 69%);
  pointer-events: none;
}

.convergence-result {
  position: relative;
  z-index: 4;
  max-width: 540px;
  margin: 0;
  text-align: center;
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.5;
  text-wrap: balance;
}

.convergence-progress {
  display: none;
  width: 80px;
  height: 3px;
  flex: 0 0 3px;
  overflow: hidden;
  border-radius: 3px;
  background: color-mix(in srgb,var(--brand-ink) 9.4%,transparent);
}

.convergence-progress::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--brand-ink, #202c2a);
  transform: scaleX(var(--convergence-progress));
  transform-origin: left center;
}

/* No scroll hijacking, timers, or sticky-containing overflow on the section. */
.convergence.is-convergence-enhanced {
  height: 220vh;
  height: 220svh;
}

.is-convergence-enhanced .convergence-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  padding-block: clamp(32px, 5svh, 72px);
  gap: clamp(16px, 2.2svh, 24px);
}

.is-convergence-enhanced .convergence-stage {
  display: block;
  height: clamp(340px, 42svh, 430px);
  flex: 0 0 auto;
}

.is-convergence-enhanced .convergence-node {
  position: absolute;
  left: 50%;
  top: 50%;
  width: max-content;
  max-width: calc(100% - 24px);
}

.is-convergence-enhanced .convergence-core {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%) scale(calc(var(--convergence-core-start) + (1 - var(--convergence-core-start)) * var(--convergence-core-progress)));
}

.is-convergence-enhanced .convergence-glow {
  opacity: var(--convergence-core-progress);
  transform: scale(calc(0.55 + var(--convergence-core-progress) * 0.45));
}

.is-convergence-enhanced .convergence-result {
  opacity: var(--convergence-result-progress);
  transform: translateY(calc((1 - var(--convergence-result-progress)) * 12px));
}

.is-convergence-enhanced .convergence-progress {
  display: block;
}

@media (max-width: 680px) {
  .convergence {
    --convergence-core-size: 84px;
    --convergence-core-start: 0.58;
  }

  .convergence-sticky {
    width: calc(100% - 32px);
    padding-block: 64px;
    gap: 20px;
  }

  .convergence-heading h2 {
    font-size: clamp(30px, 7.7vw, 44px);
    max-width: 520px;
  }

  .convergence-heading p {
    max-width: 330px;
    margin-top: 12px;
    font-size: 14px;
  }

  .convergence-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .convergence-node {
    gap: 7px;
    min-height: 42px;
    padding: 11px 12px;
    font-size: 12px;
    border-radius: 10px;
  }

  .convergence-node svg {
    width: 15px;
    height: 15px;
  }

  .convergence-core {
    margin-top: 22px;
  }

  .is-convergence-enhanced .convergence-sticky {
    gap: 16px;
    padding-block: 28px;
  }

  .is-convergence-enhanced .convergence-stage {
    height: clamp(340px, 45svh, 430px);
  }
}

/* CSS is also a safeguard if the preference changes before JS responds. */
@media (prefers-reduced-motion: reduce), (max-height: 620px) {
  .convergence.is-convergence-enhanced {
    height: auto;
  }

  .is-convergence-enhanced .convergence-sticky {
    position: relative;
    height: auto;
    padding-block: 64px;
  }

  .is-convergence-enhanced .convergence-stage {
    display: grid;
    height: auto;
  }

  .is-convergence-enhanced .convergence-node,
  .is-convergence-enhanced .convergence-core {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    max-width: none;
    opacity: 1 !important;
    transform: none !important;
  }

  .is-convergence-enhanced .convergence-core {
    width: var(--convergence-core-size);
    margin-block: 24px 8px;
  }

  .is-convergence-enhanced .convergence-result,
  .is-convergence-enhanced .convergence-glow {
    opacity: 1;
    transform: none;
  }

  .is-convergence-enhanced .convergence-progress {
    display: none;
  }
}

*{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body{
  margin:0;
  background:var(--brand-paper);
  color:var(--brand-ink);
  font-family:var(--brand-font-body);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased
}
button,input,select{
  font:inherit
}
button,a,input,select,summary{
  -webkit-tap-highlight-color:transparent
}
button,a{
  touch-action:manipulation
}
button{
  cursor:pointer
}
a{
  color:inherit;
  text-decoration:none
}
button{
  color:inherit
}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--brand-focus);
  outline-offset:5px
}
button:disabled{
  cursor:not-allowed
}
h1,h2,h3,h4,p{
  margin:0
}
h1,h2{
  font-family:var(--brand-font-display);
  font-weight:400;
  letter-spacing:-.055em;
  line-height:1.02
}
h2{
  font-size:clamp(40px,5.3vw,68px)
}
img{
  display:block;
  max-width:100%
}
button{
  border:0;
  background:none
}
[hidden]{
  display:none!important
}
.section-wrap{
  width:min(var(--layout-max),calc(100% - var(--layout-gutter)*2));
  margin-inline:auto
}
.skip-link{
  position:fixed;
  top:-100px;
  left:20px;
  z-index:20;
  padding:12px;
  background:white
}
.skip-link:focus{
  top:12px
}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  min-height:54px;
  background:var(--brand-ink);
  color:var(--brand-surface);
  padding:14px 24px;
  border-radius:var(--radius-control);
  font-weight:500;
  font-size:15px;
  transition:background .2s,transform .2s;
  white-space:nowrap
}
.button:hover{
  background:var(--brand-ink-soft);
  transform:translateY(-2px)
}
.button span{
  font-size:21px;
  font-weight:400
}
.button-small{
  min-height:44px;
  padding:10px 18px;
  gap:18px;
  font-size:13px
}
.button-light{
  background:var(--brand-accent);
  color:var(--brand-ink)
}
.button-light:hover{
  background:var(--brand-soft)
}
.text-link{
  display:inline-flex;
  gap:12px;
  align-items:center;
  min-height:44px;
  font-size:15px;
  font-weight:500;
  padding:0
}
.text-link:hover{
  text-decoration:underline;
  text-underline-offset:5px
}
.play-symbol{
  font-size:24px
}
.wordmark{
  font-family:var(--brand-font-wordmark);
  font-size:32px;
  letter-spacing:-2px;
  line-height:1;
  font-weight:750
}
.wordmark img{
  max-width:140px;
  max-height:40px
}
.site-header{
  width:calc(100% - 40px);
  max-width:1440px;
  height:76px;
  position:sticky;
  top:12px;
  margin:12px auto 0;
  z-index:12;
  display:flex;
  align-items:center;
  gap:28px;
  padding:0 24px;
  background:color-mix(in srgb,var(--brand-surface) 94%,transparent);
  border:1px solid color-mix(in srgb,var(--brand-line) 60%,transparent);
  border-radius:12px;
  backdrop-filter:blur(12px)
}
.site-header nav{
  display:flex;
  gap:32px;
  margin-left:40px;
  font-size:14px
}
.site-header nav a{
  padding:10px 0
}
.site-header nav a:hover{
  text-decoration:underline;
  text-underline-offset:6px
}
.header-cta{
  margin-left:auto
}
.menu-toggle{
  display:none
}
.hero{
  overflow:clip;
  padding-top:72px
}
.hero-copy{
  text-align:center;
  position:relative;
  z-index:2;
  padding:0 22px
}
.availability{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  margin-bottom:22px;
  color:var(--brand-muted)
}
.availability>span{
  height:6px;
  width:6px;
  background:var(--brand-focus);
  border-radius:50%
}
h1{
  font-size:clamp(68px,8.5vw,116px);
  line-height:.97
}
.hero-intro{
  max-width:465px;
  margin:26px auto 0;
  font-size:18px;
  line-height:1.6;
  color:var(--brand-ink-soft)
}
.hero-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:30px;
  margin-top:28px
}
.hero-scene{
  width:min(1370px,100%);
  height:540px;
  margin:64px auto 0;
  position:relative;
  isolation:isolate
}
.scene-background{
  position:absolute;
  inset:80px 0 0;
  background:var(--brand-accent);
  z-index:-1;
  border-radius:45% 45% 0 0 / 16% 16% 0 0;
  overflow:hidden
}
.scene-line{
  width:110%;
  height:100px;
  border:1px solid color-mix(in srgb,var(--brand-focus) 16%,transparent);
  position:absolute;
  border-radius:50%;
  left:-5%;
  top:140px
}
.line-two{
  top:270px;
  width:120%;
  left:-10%
}
.workspace-window{
  position:relative;
  width:720px;
  margin:auto;
  background:var(--brand-surface);
  border:1px solid var(--brand-line);
  border-radius:12px;
  box-shadow:0 22px 64px color-mix(in srgb,var(--brand-ink) 8.6%,transparent);
  overflow:hidden;
  top:24px;
  z-index:2;
  transform:rotate(-1deg)
}
.window-chrome{
  height:34px;
  background:var(--brand-paper);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  font-size:10px;
  color:var(--brand-muted);
  border-bottom:1px solid var(--brand-line)
}
.window-dots{
  color:var(--brand-line);
  font-size:9px;
  letter-spacing:3px
}
.sample-tag{
  font-size:10px;
  font-weight:400;
  line-height:1.5;
  border:1px solid var(--brand-line);
  padding:2px 6px;
  border-radius:4px;
  color:var(--brand-muted);
  white-space:nowrap
}
.workspace-content{
  display:grid;
  grid-template-columns:140px 1fr;
  min-height:396px
}
.workspace-sidebar{
  background:var(--brand-paper);
  padding:24px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:11px;
  position:relative
}
.workspace-sidebar strong{
  font-size:21px;
  letter-spacing:-1px;
  margin:0 8px 18px
}
.workspace-sidebar>span{
  padding:8px 10px;
  border-radius:5px;
  color:var(--brand-muted)
}
.workspace-sidebar .active{
  background:var(--brand-accent);
  color:var(--brand-ink)
}
.sidebar-bottom{
  position:absolute;
  bottom:26px;
  left:22px;
  color:var(--brand-muted);
  font-family:var(--brand-font-display);
  font-size:17px;
  line-height:1.2
}
.workspace-main{
  padding:22px 30px
}
.workspace-greeting{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:10px;
  color:var(--brand-muted)
}
.avatar{
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:50%;
  background:var(--brand-soft);
  color:var(--brand-ink);
  font-size:11px
}
.workspace-main h2{
  font-size:31px;
  letter-spacing:-.035em;
  margin-top:12px;
  line-height:1.05
}
.overview-counts{
  display:flex;
  margin:20px 0 16px;
  gap:30px
}
.overview-counts div{
  display:flex;
  flex-direction:column;
  gap:3px
}
.overview-counts span{
  font-size:9px;
  color:var(--brand-muted)
}
.overview-counts strong{
  font-size:23px;
  font-weight:400
}
.list-heading{
  font-size:11px;
  font-weight:600;
  display:flex;
  justify-content:space-between;
  margin-bottom:8px
}
.list-heading span{
  font-size:9px;
  font-weight:400;
  color:var(--brand-muted)
}
.task-row{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 0;
  border-top:1px solid var(--brand-line)
}
.task-check{
  width:12px;
  height:12px;
  border:1px solid var(--brand-line);
  border-radius:3px
}
.task-row>div{
  display:flex;
  flex-direction:column;
  gap:2px
}
.task-row strong{
  font-size:10px;
  font-weight:500
}
.task-row small{
  font-size:9px;
  color:var(--brand-muted)
}
.task-due{
  margin-left:auto;
  font-size:9px;
  color:var(--brand-muted)
}
.paper-note{
  position:absolute;
  background:var(--brand-surface);
  box-shadow:0 12px 32px color-mix(in srgb,var(--brand-ink) 6.3%,transparent);
  border:1px solid var(--brand-line);
  border-radius:10px;
  z-index:3
}
.note-brief{
  left:3%;
  top:75px;
  width:225px;
  padding:18px;
  transform:rotate(-9deg)
}
.paper-top{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:var(--brand-muted);
  justify-content:space-between
}
.file-symbol{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:6px;
  background:var(--brand-soft);
  font-size:20px;
  color:var(--brand-ink)
}
.mini-dot{
  height:5px;
  width:5px;
  border-radius:50%;
  background:var(--brand-accent);
  margin-left:auto
}
.note-brief h3{
  font-family:var(--brand-font-display);
  font-size:28px;
  line-height:1.04;
  letter-spacing:-1px;
  font-weight:400;
  margin:20px 0 12px
}
.note-brief>p{
  font-size:10px;
  color:var(--brand-muted);
  margin-bottom:18px
}
.brief-line{
  display:flex;
  justify-content:space-between;
  font-size:9px;
  padding:8px 0;
  border-top:1px solid var(--brand-line);
  gap:10px
}
.brief-line strong{
  font-weight:500
}
.brief-line span{
  color:var(--brand-muted)
}
.paper-tag{
  display:inline-block;
  font-size:9px;
  background:var(--brand-soft);
  padding:5px 9px;
  border-radius:20px;
  margin-top:14px
}
.note-payment{
  right:3%;
  top:210px;
  width:210px;
  padding:22px;
  transform:rotate(8deg);
  display:flex;
  flex-direction:column;
  gap:7px
}
.payment-check{
  width:27px;
  height:27px;
  border-radius:50%;
  background:var(--brand-soft);
  display:grid;
  place-items:center;
  font-size:13px;
  margin-bottom:4px
}
.note-payment>span{
  font-size:11px;
  color:var(--brand-muted)
}
.note-payment strong{
  font-size:30px;
  letter-spacing:-1.5px;
  font-weight:500
}
.payment-meter{
  height:6px;
  border-radius:5px;
  background:var(--brand-paper);
  margin:10px 0 0
}
.payment-meter span{
  display:block;
  background:var(--brand-accent);
  width:50%;
  height:100%;
  border-radius:5px
}
.note-payment small{
  font-size:9px;
  color:var(--brand-muted)
}
.scene-caption{
  position:absolute;
  bottom:20px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  color:var(--brand-muted)
}
.audience-band{
  padding:48px 20px 66px;
  text-align:center;
  background:var(--brand-surface)
}
.audience-band>span{
  font-size:12px;
  color:var(--brand-muted)
}
.audience-band p{
  font-family:var(--brand-font-display);
  font-size:clamp(22px,3vw,34px);
  margin-top:12px;
  letter-spacing:-.025em
}
.audience-band i{
  font-family:var(--brand-font-body);
  font-style:normal;
  font-size:16px;
  vertical-align:middle;
  margin:0 20px;
  color:color-mix(in srgb,var(--brand-muted) 65%,var(--brand-paper))
}
.convergence-footnote{
  position:absolute;
  bottom:18px;
  left:20px;
  right:20px;
  text-align:center;
  color:var(--brand-muted);
  font-size:10px
}
.source-icon{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  flex-shrink:0;
  background:var(--brand-soft);
  border-radius:6px;
  font-size:15px;
  font-weight:500
}
.product-section{
  padding-block:120px 90px
}
.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:52px
}
.section-heading .text-link{
  margin-bottom:5px
}
.walkthrough-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid var(--brand-line);
  gap:24px
}
.walkthrough-tabs button{
  padding:18px 0;
  text-align:left;
  font-size:16px;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  color:var(--brand-muted);
  transition:color .2s,border-color .2s
}
.walkthrough-tabs button span{
  font-size:11px;
  margin-right:10px
}
.walkthrough-tabs button[aria-selected=true]{
  color:var(--brand-ink);
  border-color:var(--brand-ink)
}
.walkthrough{
  display:grid;
  grid-template-columns:.85fr 1.4fr;
  gap:60px;
  align-items:center;
  padding:40px 0 0;
  min-height:540px
}
.walkthrough-copy{
  max-width:330px;
  padding-left:4px
}
.step-counter{
  font-size:12px;
  color:var(--brand-muted)
}
.walkthrough-copy h3{
  font-family:var(--brand-font-display);
  font-size:43px;
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.08;
  margin-top:24px
}
.walkthrough-copy p{
  font-size:16px;
  line-height:1.7;
  color:var(--brand-muted);
  margin-top:22px
}
.round-next{
  width:46px;
  height:46px;
  border:1px solid var(--brand-line);
  border-radius:50%;
  margin-top:28px;
  font-size:22px;
  transition:background .2s
}
.round-next:hover{
  background:var(--brand-accent)
}
.deal-stage{
  padding:38px 40px 58px;
  background:var(--brand-soft);
  border-radius:var(--radius-scene);
  position:relative;
  min-width:0
}
.deal-document{
  background:var(--brand-surface);
  padding:24px 30px;
  border:1px solid var(--brand-line);
  border-radius:10px;
  box-shadow:0 14px 40px color-mix(in srgb,var(--brand-ink) 3.9%,transparent);
  min-height:392px
}
.document-top{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.mini-wordmark{
  font-size:20px;
  font-weight:700;
  letter-spacing:-1px
}
.deal-breadcrumb{
  font-size:10px;
  color:var(--brand-muted);
  margin-top:20px
}
.deal-breadcrumb span{
  padding:0 8px
}
.deal-title-line{
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:start;
  margin-top:12px
}
.deal-title-line h4{
  font-size:22px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.7px
}
.status-pill{
  display:inline-block;
  background:var(--brand-soft);
  border-radius:20px;
  padding:5px 9px;
  font-size:9px;
  white-space:nowrap
}
.deal-party{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:16px
}
.deal-party>div{
  display:flex;
  flex-direction:column
}
.deal-party strong{
  font-size:11px;
  font-weight:500
}
.deal-party>div>span{
  font-size:9px;
  color:var(--brand-muted)
}
.deal-fields{
  margin:20px 0
}
.deal-fields>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-top:1px solid var(--brand-line);
  font-size:11px
}
.deal-fields dt{
  color:var(--brand-muted)
}
.deal-fields dd{
  margin:0;
  text-align:right;
  font-weight:500
}
.deal-next{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px;
  background:var(--brand-soft);
  border-radius:7px
}
.small-spark{
  font-size:22px
}
.deal-next>div{
  display:flex;
  flex-direction:column;
  gap:2px
}
.deal-next span:not(.small-spark){
  font-size:9px;
  color:var(--brand-muted)
}
.deal-next strong{
  font-size:11px;
  font-weight:500
}
.deal-annotation{
  position:absolute;
  bottom:20px;
  right:-18px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  gap:10px;
  width:290px;
  background:var(--brand-ink);
  color:var(--brand-surface);
  border-radius:9px;
  box-shadow:0 8px 24px color-mix(in srgb,var(--brand-ink) 9.4%,transparent)
}
.annotation-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand-accent);
  flex-shrink:0
}
.deal-annotation p{
  font-size:11px;
  line-height:1.5
}
.sample-caption{
  font-size:11px;
  color:var(--brand-muted);
  text-align:right;
  margin-top:22px;
  max-width:670px;
  margin-left:auto
}
.details-section{
  padding-bottom:130px
}
.detail-row{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:110px;
  align-items:center;
  padding-top:90px
}
.feature-copy{
  max-width:410px
}
.feature-copy h2{
  font-size:clamp(40px,4.5vw,58px)
}
.feature-copy p{
  font-size:17px;
  line-height:1.7;
  color:var(--brand-muted);
  margin-top:26px
}
.feature-endnote{
  display:block;
  margin-top:25px;
  font-size:13px
}
.draft-scene{
  background:color-mix(in srgb,var(--brand-soft) 55%,var(--brand-paper));
  padding:68px 52px 40px;
  border-radius:var(--radius-scene);
  position:relative
}
.draft-context{
  position:absolute;
  left:28px;
  top:22px;
  right:80px;
  background:var(--brand-accent);
  padding:14px 20px;
  border-radius:8px;
  transform:rotate(-5deg);
  display:flex;
  flex-direction:column;
  box-shadow:0 5px 20px color-mix(in srgb,var(--brand-ink) 3.9%,transparent)
}
.draft-context>span:not(.context-pin){
  font-size:9px;
  color:var(--brand-ink-soft)
}
.draft-context strong{
  font-size:11px;
  font-weight:500
}
.context-pin{
  position:absolute;
  right:16px;
  bottom:10px;
  font-size:26px
}
.draft-paper{
  position:relative;
  background:var(--brand-surface);
  padding:26px 30px;
  border-radius:8px;
  transform:rotate(2deg);
  box-shadow:0 10px 40px color-mix(in srgb,var(--brand-ink) 3.9%,transparent);
  font-size:12px;
  line-height:1.65
}
.draft-paper>p{
  margin-top:20px
}
.draft-signature{
  margin-top:20px
}
.draft-bottom{
  border-top:1px solid var(--brand-line);
  padding-top:16px;
  margin-top:20px;
  color:var(--brand-muted);
  display:flex;
  gap:8px;
  align-items:center;
  font-size:9px
}
.status-dot{
  width:6px;
  height:6px;
  background:var(--brand-focus);
  display:inline-block;
  border-radius:50%;
  vertical-align:middle
}
.payment-feature{
  grid-template-columns:1fr 1.1fr;
  padding-top:150px
}
.payment-feature .feature-copy{
  padding-left:25px
}
.payment-feature .text-link{
  margin-top:24px
}
.finance-scene{
  background:color-mix(in srgb,var(--brand-accent) 30%,var(--brand-paper));
  border-radius:var(--radius-scene);
  padding:48px 38px 24px
}
.finance-paper{
  background:var(--brand-surface);
  padding:28px;
  border-radius:9px;
  transform:rotate(-3deg);
  box-shadow:0 10px 30px color-mix(in srgb,var(--brand-ink) 3.5%,transparent)
}
.finance-total{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:32px 0
}
.finance-total>span{
  font-size:11px;
  color:var(--brand-muted)
}
.finance-total strong{
  font-size:48px;
  letter-spacing:-2px;
  font-weight:400
}
.finance-track{
  display:flex;
  gap:5px
}
.finance-track>span{
  height:12px;
  background:var(--brand-accent);
  width:50%;
  border-radius:3px
}
.finance-track>span+span{
  background:var(--brand-paper)
}
.finance-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  font-size:9px;
  color:var(--brand-muted);
  gap:12px;
  margin:16px 0 28px
}
.finance-split strong{
  display:block;
  font-size:20px;
  color:var(--brand-ink);
  font-weight:400;
  margin:8px 0 0 10px
}
.pending{
  background:color-mix(in srgb,var(--brand-muted) 45%,var(--brand-paper))
}
.due-note{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  padding-top:18px;
  border-top:1px solid var(--brand-line)
}
.due-note>span{
  color:var(--brand-muted)
}
.due-note strong{
  font-weight:500
}
.finance-caption{
  font-size:10px;
  margin-top:26px;
  text-align:center;
  color:var(--brand-muted)
}
.audience-section{
  background:var(--brand-ink);
  color:var(--brand-paper);
  padding:100px 0 110px
}
.audience-top{
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:end
}
.audience-top h2{
  font-size:clamp(42px,5vw,64px)
}
.role-switch{
  display:flex;
  border:1px solid color-mix(in srgb,var(--brand-ink) 70%,var(--brand-paper));
  padding:4px;
  border-radius:8px;
  white-space:nowrap;
  margin-bottom:4px
}
.role-switch button{
  padding:12px 16px;
  font-size:12px;
  border-radius:5px;
  color:var(--brand-paper)
}
.role-switch button[aria-pressed=true]{
  background:var(--brand-accent);
  color:var(--brand-ink)
}
.role-content{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  margin-top:70px;
  align-items:center
}
.role-content h3{
  font-size:26px;
  line-height:1.25;
  font-weight:400;
  max-width:340px;
  letter-spacing:-.8px
}
.role-content p{
  font-size:15px;
  line-height:1.75;
  color:color-mix(in srgb,var(--brand-paper) 75%,var(--brand-ink));
  max-width:390px;
  margin-top:18px
}
.role-content ul{
  list-style:none;
  padding:0;
  margin:26px 0 30px;
  color:color-mix(in srgb,var(--brand-paper) 85%,var(--brand-ink));
  font-size:13px;
  display:flex;
  flex-direction:column;
  gap:12px
}
.role-content li:before{
  content:'✓';
  margin-right:12px;
  color:var(--brand-accent)
}
.role-preview{
  padding:30px;
  background:var(--brand-paper);
  color:var(--brand-ink);
  border-radius:12px;
  transform:rotate(2deg)
}
.role-preview-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:11px;
  color:var(--brand-muted)
}
.role-preview h4{
  font-family:var(--brand-font-display);
  font-size:35px;
  font-weight:400;
  line-height:1.1;
  letter-spacing:-1px;
  margin:26px 0
}
.role-project{
  display:flex;
  gap:12px;
  padding:18px 0;
  border-top:1px solid var(--brand-line);
  align-items:center
}
.role-project-mark{
  display:grid;
  place-items:center;
  height:36px;
  width:36px;
  background:var(--brand-accent);
  border-radius:8px;
  font-family:var(--brand-font-display);
  font-size:20px
}
.role-project>div{
  display:flex;
  flex-direction:column;
  gap:4px
}
.role-project strong{
  font-size:12px;
  font-weight:500
}
.role-project>div>span{
  font-size:11px;
  color:var(--brand-muted)
}
.role-preview-bottom{
  font-size:10px;
  border-top:1px solid var(--brand-line);
  padding-top:18px;
  color:var(--brand-muted)
}
.faq-section{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:100px;
  padding-block:130px
}
.faq-section h2{
  font-size:52px
}
.faq-list{
  border-top:1px solid var(--brand-line)
}
.faq-list details{
  border-bottom:1px solid var(--brand-line)
}
.faq-list summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px 0;
  font-size:16px
}
.faq-list summary::-webkit-details-marker{
  display:none
}
.faq-list summary>span{
  font-size:23px;
  line-height:1;
  transition:transform .2s
}
.faq-list details[open] summary>span{
  transform:rotate(45deg)
}
.faq-list details p{
  font-size:14px;
  line-height:1.75;
  color:var(--brand-muted);
  padding:0 38px 25px 0
}
.closing-section{
  position:relative;
  background:var(--brand-accent);
  padding:100px 20px 110px;
  text-align:center;
  overflow:hidden
}
.closing-section h2{
  font-size:clamp(68px,8vw,106px)
}
.closing-section>.button{
  margin-top:36px
}
.closing-note{
  position:absolute;
  left:9%;
  top:95px;
  background:var(--brand-paper);
  width:170px;
  height:195px;
  transform:rotate(-12deg);
  text-align:left;
  padding:18px;
  border-radius:6px;
  box-shadow:0 14px 30px color-mix(in srgb,var(--brand-ink) 6.3%,transparent)
}
.closing-note>span{
  font-size:10px;
  color:var(--brand-muted)
}
.closing-note strong{
  display:block;
  font-family:var(--brand-font-display);
  font-size:27px;
  font-weight:400;
  line-height:1.1;
  margin-top:16px;
  letter-spacing:-.6px
}
.closing-note .note-corner{
  position:absolute;
  bottom:16px;
  right:16px;
  font-size:25px;
  color:var(--brand-ink)
}
.site-footer{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:28px;
  padding:50px var(--layout-gutter) 28px;
  max-width:1440px;
  margin:auto
}
.site-footer>.wordmark{
  font-size:36px
}
.site-footer>p{
  font-size:12px;
  color:var(--brand-muted)
}
.site-footer nav{
  display:flex;
  gap:24px;
  font-size:12px;
  margin-left:auto
}
.site-footer nav a{
  padding-block:12px
}
.site-footer nav a:hover{
  text-decoration:underline
}
.site-footer small{
  flex-basis:100%;
  font-size:10px;
  color:var(--brand-muted);
  border-top:1px solid var(--brand-line);
  padding-top:20px
}
dialog{
  width:min(490px,calc(100vw - 32px));
  border:1px solid var(--brand-line);
  border-radius:18px;
  padding:42px;
  background:var(--brand-paper);
  color:var(--brand-ink);
  box-shadow:0 24px 100px color-mix(in srgb,var(--brand-ink) 20%,transparent);
  max-height:90dvh;
  overflow-y:auto
}
dialog::backdrop{
  background:color-mix(in srgb,var(--brand-ink) 47%,transparent);
  backdrop-filter:blur(4px)
}
.dialog-close{
  position:absolute;
  right:12px;
  top:12px;
  width:36px;
  height:36px;
  font-size:27px;
  border-radius:50%
}
.dialog-close:hover{
  background:var(--brand-line)
}
.dialog-label{
  display:block;
  color:var(--brand-muted);
  font-size:12px;
  margin-bottom:20px
}
dialog h2{
  font-size:43px
}
dialog>p{
  font-size:13px;
  margin-top:20px;
  color:var(--brand-muted)
}
form{
  margin-top:26px
}
form label{
  display:block;
  font-size:12px;
  margin:18px 0 7px
}
form input,form select{
  width:100%;
  background:var(--brand-surface);
  border:1px solid var(--brand-line);
  border-radius:6px;
  padding:12px;
  min-height:46px;
  font-size:14px;
  color:var(--brand-ink)
}
form>.button{
  margin-top:24px;
  width:100%
}
.form-status{
  margin-top:14px;
  font-size:12px;
  color:var(--brand-focus)
}
#video-dialog{
  width:min(1000px,calc(100vw - 32px));
  padding:48px 20px 20px
}
#video-dialog video{
  display:block;
  width:100%;
  max-height:75vh;
  border-radius:8px
}
.noscript-note{
  margin:20px;
  text-align:center;
  font-size:13px
}
.replacement-media{
  height:100%;
  width:100%;
  object-fit:contain;
  position:relative;
  z-index:4
}
.deal-stage>.replacement-media{
  max-height:440px
}
.hero-scene>.replacement-media{
  max-width:1040px;
  margin:auto
}
.review-page{
  padding:70px 0
}
.review-page h1{
  font-size:64px
}
.review-page h2{
  font-size:32px;
  letter-spacing:-1px;
  margin:55px 0 20px
}
.review-page p,.review-page li{
  max-width:850px;
  font-size:16px;
  line-height:1.8
}
.review-page table{
  border-collapse:collapse;
  width:100%;
  font-size:14px
}
.review-page td,.review-page th{
  border-bottom:1px solid var(--brand-line);
  padding:14px 12px;
  text-align:left;
  vertical-align:top
}
.review-page th{
  font-weight:500
}
.review-page code{
  font-size:12px;
  background:var(--brand-soft);
  padding:2px 5px;
  overflow-wrap:anywhere
}
.review-page a:not(.button){
  text-decoration:underline;
  text-underline-offset:3px
}
.review-swatch{
  display:inline-block;
  width:50px;
  height:36px;
  vertical-align:middle;
  margin-right:10px;
  border:1px solid var(--brand-line)
}
@media(min-width:1600px){
  .hero-scene{
    margin-top:74px
  }
  .hero{
    padding-top:90px
  }
}
@media(max-width:1100px){
  .note-brief{
    left:-25px;
    width:190px;
    padding:16px
  }
  .note-payment{
    right:-18px;
    width:185px
  }
  .workspace-window{
    width:660px
  }
  .workspace-content{
    grid-template-columns:120px 1fr
  }
  .site-header nav{
    margin-left:10px;
    gap:22px
  }
  .detail-row{
    gap:60px
  }
  .draft-scene{
    padding:70px 32px 32px
  }
  .role-content{
    gap:55px
  }
  .faq-section{
    gap:55px
  }
  .closing-note{
    left:5%;
    width:150px;
    height:180px
  }
  .deal-stage{
    padding:30px 24px 58px
  }
  .deal-document{
    padding:24px
  }
  .audience-top{
    gap:25px
  }
}
@media(max-width:800px){
  .site-header{
    height:66px;
    padding:0 18px;
    gap:16px;
    width:calc(100% - 24px);
    top:8px;
    margin-top:8px
  }
  .site-header nav{
    gap:18px;
    margin-left:auto;
    font-size:12px
  }
  .header-cta{
    font-size:11px;
    gap:8px;
    padding:10px 12px
  }
  .wordmark{
    font-size:28px
  }
  .hero{
    padding-top:60px
  }
  .hero-intro{
    font-size:16px
  }
  .hero-scene{
    height:440px;
    margin-top:54px
  }
  .workspace-window{
    width:580px
  }
  .workspace-content{
    grid-template-columns:110px 1fr;
    min-height:340px
  }
  .workspace-main{
    padding:18px 22px
  }
  .workspace-main h2{
    font-size:28px
  }
  .workspace-sidebar{
    padding-inline:8px
  }
  .overview-counts{
    gap:22px
  }
  .note-brief{
    left:-55px;
    top:90px;
    width:170px;
    z-index:1
  }
  .note-payment{
    right:-28px;
    top:210px;
    width:150px;
    padding:16px
  }
  .note-payment strong{
    font-size:25px
  }
  .note-payment small{
    font-size:8px
  }
  .scene-caption{
    bottom:12px
  }
  .audience-band{
    padding-block:35px 45px
  }
  .audience-band i{
    margin:0 12px
  }
  .product-section{
    padding-block:85px 55px
  }
  .walkthrough{
    gap:30px;
    grid-template-columns:.8fr 1.2fr;
    min-height:480px
  }
  .walkthrough-copy h3{
    font-size:34px
  }
  .walkthrough-copy p{
    font-size:14px
  }
  .walkthrough-tabs{
    gap:14px
  }
  .walkthrough-tabs button{
    font-size:13px
  }
  .walkthrough-tabs button span{
    display:block;
    margin-bottom:5px
  }
  .deal-stage{
    padding:22px 16px 62px
  }
  .deal-document{
    padding:18px
  }
  .deal-title-line{
    flex-direction:column;
    gap:8px
  }
  .deal-title-line h4{
    font-size:20px
  }
  .deal-fields>div{
    font-size:10px
  }
  .deal-annotation{
    right:8px;
    width:240px
  }
  .sample-caption{
    text-align:left
  }
  .detail-row{
    gap:40px;
    padding-top:70px
  }
  .feature-copy p{
    font-size:15px
  }
  .feature-copy h2{
    font-size:40px
  }
  .draft-scene{
    padding:66px 22px 28px
  }
  .draft-paper{
    padding:20px;
    font-size:11px
  }
  .draft-context{
    left:15px;
    right:35px
  }
  .payment-feature{
    padding-top:100px
  }
  .payment-feature .feature-copy{
    padding-left:0
  }
  .finance-scene{
    padding:35px 20px 20px
  }
  .finance-paper{
    padding:22px
  }
  .finance-total strong{
    font-size:38px
  }
  .finance-split{
    font-size:8px
  }
  .finance-split strong{
    font-size:17px
  }
  .audience-section{
    padding-block:75px
  }
  .audience-top{
    align-items:start;
    flex-direction:column
  }
  .role-content{
    gap:40px;
    margin-top:44px
  }
  .role-content h3{
    font-size:23px
  }
  .role-preview{
    padding:22px
  }
  .role-preview h4{
    font-size:30px
  }
  .role-content p{
    font-size:14px
  }
  .faq-section{
    grid-template-columns:.85fr 1.3fr;
    gap:40px;
    padding-block:85px
  }
  .faq-section h2{
    font-size:42px
  }
  .faq-list summary{
    font-size:14px
  }
  .closing-note{
    left:0;
    top:80px;
    width:130px;
    height:160px;
    transform:translateX(-30%) rotate(-12deg)
  }
  .closing-note strong{
    font-size:23px
  }
  .site-footer{
    gap:18px
  }
  .site-footer nav{
    flex-basis:100%;
    margin-left:0
  }
  .details-section{
    padding-bottom:90px
  }
}
@media(max-width:600px){
  html{
    scroll-padding-top:90px
  }
  .site-header{
    gap:12px;
    padding:0 14px;
    height:62px
  }
  .wordmark{
    font-size:27px
  }
  .menu-toggle{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:12px;
    min-height:44px;
    margin-left:auto;
    padding:0 5px
  }
  .menu-toggle span{
    font-size:19px
  }
  .header-cta{
    min-height:38px;
    font-size:10px;
    gap:7px;
    padding:9px 11px;
    margin-left:0
  }
  .header-cta span{
    font-size:15px
  }
  .site-header nav{
    display:none;
    position:absolute;
    top:70px;
    left:0;
    right:0;
    padding:15px 24px;
    background:var(--brand-surface);
    border:1px solid var(--brand-line);
    border-radius:10px;
    box-shadow:0 10px 20px color-mix(in srgb,var(--brand-ink) 3.9%,transparent);
    margin:0;
    font-size:15px
  }
  .site-header nav.is-open{
    display:flex;
    flex-direction:column;
    gap:2px
  }
  .site-header nav a{
    padding:12px 0
  }
  .hero{
    padding-top:48px
  }
  .availability{
    font-size:10px;
    margin-bottom:22px
  }
  .hero h1{
    font-size:clamp(57px,14vw,82px)
  }
  .hero-intro{
    font-size:15px;
    max-width:330px;
    margin-top:22px
  }
  .hero-actions{
    gap:20px;
    margin-top:26px
  }
  .hero-actions>.button{
    min-height:48px;
    padding:12px 18px;
    gap:16px;
    font-size:13px
  }
  .hero-actions .text-link{
    font-size:12px;
    gap:7px
  }
  .hero-scene{
    height:420px;
    margin-top:44px;
    max-width:100%
  }
  .scene-background{
    inset:40px 0 0;
    border-radius:35% 35% 0 0 / 10% 10% 0 0
  }
  .workspace-window{
    width:calc(100% - 36px);
    top:15px;
    transform:rotate(-1deg);
    border-radius:9px
  }
  .workspace-content{
    grid-template-columns:1fr;
    min-height:322px
  }
  .workspace-sidebar{
    display:none
  }
  .workspace-main{
    padding:16px 20px 22px
  }
  .workspace-main h2{
    font-size:30px
  }
  .workspace-greeting{
    font-size:9px
  }
  .window-chrome{
    font-size:9px
  }
  .overview-counts{
    gap:0;
    justify-content:space-between;
    margin-top:18px
  }
  .overview-counts span{
    font-size:8px
  }
  .overview-counts strong{
    font-size:22px
  }
  .note-brief{
    display:none
  }
  .note-payment{
    width:145px;
    top:auto;
    bottom:40px;
    right:12px;
    transform:rotate(7deg);
    padding:12px 16px;
    gap:2px
  }
  .note-payment .payment-check,.note-payment small,.note-payment .payment-meter{
    display:none
  }
  .note-payment>span{
    font-size:9px
  }
  .note-payment strong{
    font-size:24px
  }
  .scene-caption{
    font-size:9px;
    bottom:14px
  }
  .audience-band{
    padding:34px 20px 40px
  }
  .audience-band>span{
    font-size:11px
  }
  .audience-band p{
    font-size:23px;
    line-height:1.5
  }
  .audience-band i{
    margin:0 6px;
    font-size:11px
  }
  .product-section{
    padding-block:70px 40px
  }
  .section-heading{
    margin-bottom:26px
  }
  .section-heading h2{
    font-size:41px
  }
  .walkthrough-tabs{
    gap:6px
  }
  .walkthrough-tabs button{
    font-size:11px;
    padding:12px 0
  }
  .walkthrough-tabs button span{
    font-size:10px;
    margin-bottom:5px
  }
  .walkthrough{
    grid-template-columns:1fr;
    gap:24px;
    padding-top:24px;
    min-height:0
  }
  .walkthrough-copy{
    max-width:none;
    padding:0;
    position:relative
  }
  .step-counter{
    font-size:10px
  }
  .walkthrough-copy h3{
    font-size:33px;
    margin-top:10px;
    padding-right:45px
  }
  .walkthrough-copy p{
    font-size:14px;
    margin-top:14px;
    max-width:90%
  }
  .round-next{
    position:absolute;
    right:0;
    top:10px;
    margin:0;
    width:38px;
    height:38px
  }
  .deal-stage{
    padding:24px 20px 58px
  }
  .deal-document{
    padding:20px;
    min-height:360px
  }
  .deal-title-line{
    flex-direction:row
  }
  .deal-title-line h4{
    font-size:21px
  }
  .deal-fields>div{
    font-size:10px
  }
  .deal-annotation{
    width:245px;
    bottom:16px;
    right:8px;
    padding:13px 16px
  }
  .sample-caption{
    font-size:10px;
    margin-top:16px
  }
  .detail-row,.payment-feature{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:55px
  }
  .draft-feature .feature-copy{
    grid-row:1
  }
  .feature-copy{
    max-width:none
  }
  .feature-copy h2{
    font-size:42px
  }
  .feature-copy p{
    font-size:15px;
    margin-top:18px;
    max-width:350px
  }
  .feature-endnote{
    margin-top:18px;
    font-size:12px
  }
  .draft-scene{
    padding:74px 40px 35px
  }
  .draft-paper{
    font-size:12px;
    padding:24px
  }
  .draft-context{
    left:24px;
    right:65px;
    top:24px
  }
  .finance-scene{
    padding:40px 32px 24px
  }
  .finance-paper{
    padding:25px
  }
  .finance-total strong{
    font-size:46px
  }
  .finance-split{
    font-size:9px
  }
  .finance-split strong{
    font-size:20px
  }
  .details-section{
    padding-bottom:65px
  }
  .audience-section{
    padding-block:65px
  }
  .audience-top h2{
    font-size:42px
  }
  .role-switch{
    width:100%;
    margin-top:8px
  }
  .role-switch button{
    width:50%;
    font-size:13px
  }
  .role-content{
    grid-template-columns:1fr;
    gap:35px;
    margin-top:34px
  }
  .role-content h3{
    max-width:300px;
    font-size:25px
  }
  .role-content p{
    font-size:15px
  }
  .role-preview{
    transform:rotate(1deg);
    padding:26px
  }
  .role-preview h4{
    font-size:34px
  }
  .role-project strong{
    font-size:12px
  }
  .role-content ul{
    margin-bottom:26px
  }
  .faq-section{
    grid-template-columns:1fr;
    gap:30px;
    padding-block:65px
  }
  .faq-section h2{
    font-size:43px
  }
  .faq-list summary{
    font-size:15px;
    padding:22px 0
  }
  .faq-list details p{
    font-size:13px
  }
  .closing-section{
    padding:70px 20px 80px
  }
  .closing-section h2{
    font-size:70px;
    position:relative;
    z-index:2
  }
  .closing-note{
    width:95px;
    height:118px;
    left:auto;
    right:-30px;
    top:42px;
    transform:rotate(13deg);
    opacity:.6;
    padding:13px
  }
  .closing-note strong{
    font-size:18px
  }
  .closing-note .note-corner{
    font-size:18px;
    bottom:8px;
    right:10px
  }
  .closing-note>span{
    font-size:8px
  }
  .closing-section>.button{
    margin-top:28px
  }
  .site-footer{
    padding-top:34px;
    gap:18px
  }
  .site-footer>.wordmark{
    font-size:32px
  }
  .site-footer>p{
    font-size:11px;
    flex-basis:100%
  }
  .site-footer nav{
    gap:22px;
    flex-wrap:wrap;
    font-size:11px
  }
  .site-footer small{
    font-size:9px
  }
  dialog{
    padding:38px 26px 28px
  }
  dialog h2{
    font-size:39px
  }
  .review-page{
    padding-top:45px
  }
  .review-page h1{
    font-size:46px
  }
  .review-page table{
    font-size:11px
  }
  .review-page td,.review-page th{
    padding:10px 6px
  }
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  *,*:before,*:after{
    animation:none!important;
    transition:none!important
  }
  .button:hover{
    transform:none
  }
}
.language-switch{
  font-size:12px;
  min-width:38px;
  min-height:44px;
  padding:6px;
  margin-left:auto
}
.header-cta{
  margin-left:0
}
.convergence-result strong{
  font-family:var(--brand-font-display);
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:400;
  display:block
}
.convergence-result>span{
  display:block;
  font-size:12px;
  margin-top:10px
}
.convergence-heading h2{
  font-weight:400
}
.is-convergence-enhanced .convergence-sticky{
  padding-top:90px
}
.convergence-footnote{
  bottom:8px;
  font-size:9px
}
html[lang=zh-Hant] h1{
  font-size:clamp(60px,7vw,96px);
  line-height:1.15;
  letter-spacing:-.025em
}
html[lang=zh-Hant] h2{
  letter-spacing:-.025em;
  line-height:1.16
}
html[lang=zh-Hant] .hero-intro{
  max-width:460px;
  line-height:1.8
}
html[lang=zh-Hant] .workspace-main h2{
  font-size:29px
}
html[lang=zh-Hant] .convergence-result strong{
  font-size:30px
}
html[lang=zh-Hant] .walkthrough-copy h3{
  font-size:37px
}
html[lang=zh-Hant] .feature-copy h2{
  font-size:50px
}
html[lang=zh-Hant] .role-content h3{
  line-height:1.5;
  font-size:24px
}
html[lang=zh-Hant] .draft-paper{
  line-height:1.9
}
@media(max-width:800px){
  .language-switch{
    margin-left:0
  }
  .site-header{
    gap:16px
  }
  .site-header nav{
    gap:16px
  }
  .is-convergence-enhanced .convergence-sticky{
    padding-top:85px
  }
  html[lang=zh-Hant] .feature-copy h2{
    font-size:39px
  }
}
@media(max-width:600px){
  .site-header{
    gap:6px
  }
  .language-switch{
    font-size:11px;
    min-width:32px
  }
  .header-cta{
    font-size:10px;
    padding:9px;
    gap:4px
  }
  .header-cta span{
    display:none
  }
  .menu-toggle{
    font-size:11px;
    gap:4px
  }
  .site-header .wordmark{
    font-size:25px
  }
  .is-convergence-enhanced .convergence-sticky{
    padding-top:85px;
    gap:12px
  }
  .convergence-result strong{
    font-size:26px
  }
  .convergence-result>span{
    font-size:11px
  }
  .convergence-heading h2{
    font-size:31px
  }
  .is-convergence-enhanced .convergence-stage{
    height:340px
  }
  .convergence-footnote{
    font-size:8px
  }
  .source-icon{
    width:22px;
    height:22px;
    font-size:12px
  }
  .convergence-node{
    padding:9px 10px
  }
  html[lang=zh-Hant] h1{
    font-size:clamp(48px,13vw,68px)
  }
  html[lang=zh-Hant] .hero-intro{
    font-size:14px
  }
  html[lang=zh-Hant] .feature-copy h2{
    font-size:38px
  }
  html[lang=zh-Hant] .workspace-main h2{
    font-size:28px
  }
  html[lang=zh-Hant] .convergence-heading h2{
    font-size:29px
  }
  html[lang=zh-Hant] .convergence-result strong{
    font-size:24px
  }
  html[lang=zh-Hant] .closing-section h2{
    font-size:62px
  }
}
/* Grid children must be allowed to shrink below their text intrinsic width. */
.detail-row>*{
  min-width:0
}
.finance-paper .document-top{
  gap:8px
}
.finance-paper .document-top>span:first-child{
  min-width:0;
  overflow-wrap:anywhere
}
.finance-split>div{
  min-width:0
}
@media(max-width:380px){
  .finance-scene{
    padding:32px 16px 24px
  }
  .finance-paper{
    padding:20px
  }
  .finance-total strong{
    font-size:40px
  }
  .finance-split strong{
    font-size:17px;
    margin-left:0
  }
  .payment-feature .feature-copy{
    padding-left:0
  }
  .hero-actions{
    gap:14px
  }
  .hero-actions>.button{
    padding-inline:14px
  }
  .deal-stage{
    padding-inline:12px
  }
  .deal-document{
    padding:16px
  }
  .deal-title-line{
    flex-wrap:wrap
  }
  .deal-fields dd{
    max-width:65%
  }
  .draft-scene{
    padding-inline:22px
  }
}
@media(max-width:600px){
  html[lang=zh-Hant] .section-heading h2{
    font-size:clamp(28px,7.7vw,42px)
  }
  html[lang=zh-Hant] .audience-top h2{
    font-size:clamp(30px,8vw,42px)
  }
  html[lang=zh-Hant] .walkthrough-copy h3{
    font-size:31px
  }
}

/* Shared multi-page navigation and editorial layouts. Brand values live in brand.css. */
:root { --page-space: clamp(64px, 8vw, 112px); }
textarea { font: inherit; color: inherit; }
textarea:focus-visible { outline: 3px solid var(--brand-focus); outline-offset: 4px; }
summary { -webkit-tap-highlight-color: transparent; }
.site-header { gap: 24px; }
.site-header nav { margin-left: 28px; gap: 28px; align-items: center; }
.site-header nav > a { white-space: nowrap; }
.site-header nav > a[aria-current], .nav-disclosure .is-current { text-decoration: underline; text-underline-offset: 7px; }
.nav-disclosure, .language-picker { position: relative; }
.nav-disclosure summary, .language-picker summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 7px; min-height: 44px; }
summary::-webkit-details-marker { display: none; }
.chevron { width: 12px; height: 12px; transition: transform .18s; }
details[open] > summary .chevron { transform: rotate(180deg); }
.language-picker { margin-left: auto; flex-shrink: 0; }
.language-picker > summary { justify-content: center; width: 48px; border-radius: 7px; }
.language-picker > summary > svg:first-child { width: 21px; height: 21px; }
.language-picker > summary:hover, .language-picker[open] > summary { background: var(--brand-soft); }
.language-panel, .audience-menu { position: absolute; z-index: 20; top: calc(100% + 15px); background: var(--brand-surface); border: 1px solid var(--brand-line); box-shadow: 0 12px 32px color-mix(in srgb,var(--brand-ink) 10%,transparent); border-radius: 10px; padding: 10px; }
.language-panel { right: 0; width: 205px; }
.language-panel p { color: var(--brand-muted); font-size: 12px; padding: 8px 12px; }
.language-panel a { display: flex; justify-content: space-between; gap: 24px; padding: 12px; font-size: 14px; border-radius: 5px; min-height: 44px; }
.language-panel a:hover, .language-panel a[aria-current] { background: var(--brand-soft); }
.audience-menu { left: -20px; width: 330px; }
.site-header nav .audience-menu a { display: block; padding: 18px; border-radius: 6px; text-decoration: none; }
.audience-menu a:hover { background: var(--brand-soft); }
.audience-menu strong { display: block; font-size: 16px; font-weight: 500; }
.audience-menu span { display: block; font-size: 13px; line-height: 1.5; color: var(--brand-muted); margin-top: 6px; }
.header-cta { margin-left: 0; }
.hero { padding-top: 56px; }
.hero-scene { margin-top: 46px; }
.hero-intro { max-width: 540px; }
.home-product { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-block: var(--page-space); }
.home-product h2 { font-size: clamp(40px,4.4vw,60px); }
.home-product .text-link { margin-top: 30px; }
.workflow-outline { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--brand-line); }
.workflow-outline li { border-bottom: 1px solid var(--brand-line); }
.workflow-outline a { display: flex; align-items: center; gap: 24px; padding: 24px 4px; }
.workflow-outline a > span:first-child { color: var(--brand-muted); font-size: 12px; }
.workflow-outline a > span:last-child { margin-left: auto; font-size: 22px; }
.workflow-outline h3 { font-size: 19px; font-weight: 500; }
.workflow-outline p { margin-top: 5px; font-size: 14px; color: var(--brand-muted); }
.workflow-outline a:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
.audience-paths { padding-bottom: var(--page-space); }
.audience-paths > h2 { font-size: 50px; margin-bottom: 44px; }
.audience-path-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.audience-path { position: relative; padding: 40px; border-radius: var(--radius-panel); background: var(--brand-soft); transition: background .2s; }
.audience-path:nth-child(2) { background: var(--brand-ink); color: var(--brand-paper); }
.audience-path > span:first-child { font-size: 13px; }
.audience-path h3 { font-family: var(--brand-font-display); font-size: clamp(30px,3.2vw,44px); font-weight: 400; line-height: 1.12; letter-spacing: -.03em; margin: 28px 0 18px; }
.audience-path p { font-size: 14px; max-width: 330px; line-height: 1.7; }
.audience-path > span:last-child { position: absolute; top: 32px; right: 36px; font-size: 32px; transition: transform .2s; }
.audience-path:hover > span:last-child { transform: translate(3px,-3px); }
.home-notes { padding-bottom: var(--page-space); }
.home-notes .section-heading { gap: 32px; }
.home-notes h2 { font-size: clamp(40px,4.4vw,60px); }
.guide-list { border-top: 1px solid var(--brand-line); }
.guide-row { display: grid; grid-template-columns: 160px 1fr 230px; gap: 28px; align-items: baseline; padding: 32px 0; border-bottom: 1px solid var(--brand-line); }
.guide-topic, .guide-link { font-size: 13px; line-height: 1.7; }
.guide-topic { color: var(--brand-muted); }
.guide-row h3 { font-family: var(--brand-font-display); font-weight: 400; font-size: 30px; line-height: 1.2; letter-spacing: -.025em; }
.guide-row p { grid-column: 2; font-size: 15px; line-height: 1.8; color: var(--brand-muted); max-width: 550px; }
.guide-row .guide-link { grid-column: 3; grid-row: 1; text-align: right; }
.guide-link > span { margin-left: 10px; }
.guide-row:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.compact-closing { padding-block: 72px; }
.compact-closing h2, html[lang=zh-Hant] .compact-closing h2 { font-size: clamp(40px,5.5vw,72px); }
.compact-closing .button { margin-top: 28px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; font-size: 12px; color: var(--brand-muted); padding-top: 42px; }
.breadcrumb a:hover { text-decoration: underline; }
.page-heading { padding-top: 50px; padding-bottom: 72px; }
html[lang] .page-heading h1, html[lang] .role-hero h1, html[lang] .access-layout h1 { font-size: clamp(48px,6.4vw,88px); line-height: 1.03; max-width: 1000px; letter-spacing: -.05em; }
html[lang=zh-Hant] .page-heading h1, html[lang=zh-Hant] .role-hero h1, html[lang=zh-Hant] .access-layout h1 { line-height: 1.22; letter-spacing: -.03em; }
.page-intro { max-width: 630px; margin-top: 30px; font-size: 19px; line-height: 1.7; color: var(--brand-muted); }
.page-jump { display: flex; gap: 30px; margin-top: 36px; font-size: 14px; }
/* Text-link spacing must not override the shared CTA padding. */
.page-jump a:not(.button) { padding: 8px 0; border-bottom: 1px solid var(--brand-line); }
.page-jump a:not(.button):hover { border-color: var(--brand-ink); }
.page-product .product-section { padding-block: 34px 50px; border-top: 1px solid var(--brand-line); }
.page-product .product-section h2 { font-size: clamp(36px,4vw,54px); }
.page-product .product-section .section-heading { margin-bottom: 30px; }
.page-product .details-section { padding-bottom: 85px; }
.plain-callout, .role-next { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-block: 70px 100px; border-top: 1px solid var(--brand-line); }
.plain-callout h2, .role-next h2 { font-size: clamp(36px,4vw,54px); }
.plain-callout p, .role-next p { font-size: 17px; line-height: 1.8; color: var(--brand-muted); }
.plain-callout .text-link, .role-next .text-link { margin-top: 20px; }
.role-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 72px; align-items: center; padding-block: 56px 100px; }
.role-hero > div:first-child > p { max-width: 480px; margin: 30px 0; color: var(--brand-muted); font-size: 17px; line-height: 1.8; }
.role-hero .role-preview { background: var(--brand-surface); box-shadow: 16px 20px 0 var(--brand-accent); }
.role-hero .role-preview h2 { font-size: 38px; margin-block: 30px; letter-spacing: -.03em; text-wrap: balance; }
.manager-hero .role-preview { background: var(--brand-ink); color: var(--brand-paper); box-shadow: 16px 20px 0 var(--brand-accent); transform: rotate(-2deg); }
.manager-hero .role-preview-top, .manager-hero .role-project > div > span, .manager-hero .role-preview-bottom { color: color-mix(in srgb,var(--brand-paper) 76%,transparent); }
.manager-hero .role-project-mark { color: var(--brand-ink); }
.manager-hero .sample-tag { color: var(--brand-paper); border-color: color-mix(in srgb,var(--brand-paper) 30%,transparent); }
.manager-hero .role-project, .manager-hero .role-preview-bottom { border-color: color-mix(in srgb,var(--brand-paper) 20%,transparent); }
.use-case-rows { padding-bottom: 80px; }
.use-case-rows article { display: grid; grid-template-columns: 60px 1fr 1fr; gap: 45px; align-items: start; padding-block: 40px; border-top: 1px solid var(--brand-line); }
.case-mark { font-size: 32px; line-height: 1; padding-top: 4px; }
.use-case-rows h2 { font-size: 36px; line-height: 1.12; }
.use-case-rows p { font-size: 16px; color: var(--brand-muted); line-height: 1.8; }
.plan-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding-bottom: var(--page-space); align-items: start; }
.plan-sheet { padding: 44px; background: var(--brand-surface); border: 1px solid var(--brand-line); border-radius: var(--radius-panel); box-shadow: 10px 10px 0 var(--brand-accent); }
.plan-sheet h2 { margin-top: 24px; font-size: 42px; }
.plan-sheet p { margin-top: 20px; font-size: 16px; color: var(--brand-muted); line-height: 1.7; }
.price-pending { padding-block: 28px; margin-top: 10px; font-size: 25px; border-bottom: 1px solid var(--brand-line); }
.plan-sheet ul { padding-left: 18px; margin-block: 26px; font-size: 15px; line-height: 2; }
.plan-sheet small { display: block; margin-top: 20px; font-size: 12px; color: var(--brand-muted); line-height: 1.7; }
.plan-notes { padding-top: 24px; }
.plan-notes h2 { font-size: 40px; }
.plan-notes dl { margin-block: 32px; }
.plan-notes dl > div { padding-block: 22px; border-top: 1px solid var(--brand-line); }
.plan-notes dt { font-size: 17px; margin-bottom: 12px; }
.plan-notes dd { margin: 0; font-size: 15px; line-height: 1.8; color: var(--brand-muted); }
.resource-library { padding-bottom: 80px; }
.library-label { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 22px; font-size: 13px; color: var(--brand-muted); }
.article-heading { max-width: 1200px; }
.article-heading .page-intro { max-width: 740px; }
.article-byline { margin-top: 28px; display: flex; gap: 12px; font-size: 12px; color: var(--brand-muted); }
.article-layout { display: grid; grid-template-columns: 260px 1fr; gap: 90px; align-items: start; padding-bottom: 88px; }
.article-toc { display: flex; flex-direction: column; position: sticky; top: 124px; gap: 8px; font-size: 14px; }
.article-toc > span { margin-bottom: 12px; color: var(--brand-muted); font-size: 12px; }
.article-toc a { border-left: 1px solid var(--brand-line); padding: 10px 16px; }
.article-toc a:hover { border-color: var(--brand-focus); background: var(--brand-soft); }
.article-body { max-width: 730px; min-width: 0; }
.article-body > section { padding-bottom: 44px; }
.article-body h2 { font-size: 38px; line-height: 1.14; }
.article-body p { font-size: 17px; line-height: 1.9; margin-top: 24px; color: var(--brand-muted); }
.article-body ul { list-style: none; padding: 0; margin-top: 24px; }
.article-body li { padding-block: 9px; font-size: 15px; display: flex; gap: 12px; }
.article-body li::before { content: ''; display: block; width: 14px; height: 14px; flex-shrink: 0; border: 1px solid var(--brand-muted); border-radius: 2px; margin-top: 4px; }
.article-body .template-sheet { background: var(--brand-surface); border: 1px solid var(--brand-line); padding: 36px; border-radius: 10px; margin-top: 16px; box-shadow: 8px 8px 0 var(--brand-accent); }
.template-sheet h2 { font-size: 33px; }
.template-sheet pre { font-family: var(--brand-font-body); white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.9; margin-block: 28px; color: var(--brand-muted); }
.template-actions { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; }
.article-body .copy-status { font-size: 13px; margin-top: 14px; }
.article-body .article-endnote { font-size: 13px; margin-top: 30px; }
.next-note { padding-block: 50px 80px; border-top: 1px solid var(--brand-line); }
.next-note > span { font-size: 13px; color: var(--brand-muted); }
.next-note > a { display: flex; gap: 25px; align-items: center; justify-content: space-between; margin-top: 20px; }
.next-note h2 { font-size: 46px; }
.next-note a > span { font-size: 36px; }
.about-story { display: grid; grid-template-columns: 260px 1fr; gap: 90px; padding-bottom: var(--page-space); }
.about-margin { padding-top: 5px; }
.about-mark { display: grid; place-items: center; width: 96px; height: 96px; background: var(--brand-accent); border-radius: 25%; font-size: 52px; font-weight: 600; }
.about-margin p { margin-top: 24px; font-size: 14px; color: var(--brand-muted); }
.about-story > div:last-child { max-width: 710px; }
.about-story p:not(.story-lead), .privacy-copy p:not(.story-lead) { font-size: 17px; line-height: 1.9; margin-bottom: 26px; color: var(--brand-muted); }
.story-lead { font-size: 25px; line-height: 1.65; margin-bottom: 28px; }
.about-story h2, .privacy-copy h2 { font-size: 37px; margin-block: 50px 24px; }
.about-links { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 36px; }
.faq-page { display: grid; grid-template-columns: 1fr 1.8fr; gap: 100px; padding-bottom: var(--page-space); }
.faq-page-aside p { font-size: 17px; color: var(--brand-muted); line-height: 1.8; margin-bottom: 24px; }
.faq-page-aside .text-link { display: flex; margin-top: 10px; }
.privacy-copy { max-width: 840px; padding-bottom: 90px; }
.access-layout { padding-block: 56px 110px; display: grid; grid-template-columns: 1.1fr 1fr; align-items: start; gap: 100px; }
html[lang] .access-layout h1 { font-size: clamp(48px,5.4vw,72px); }
.access-layout .page-intro { font-size: 17px; max-width: 440px; }
.access-expect { margin-top: 50px; }
.access-expect h2 { font-family: var(--brand-font-body); letter-spacing: 0; font-size: 20px; }
.access-expect ol { padding-left: 20px; margin-top: 24px; color: var(--brand-muted); }
.access-expect li { padding-left: 8px; margin-top: 18px; font-size: 15px; line-height: 1.7; }
.access-sheet { background: var(--brand-surface); padding: 38px; border-radius: var(--radius-panel); border: 1px solid var(--brand-line); }
.preview-label { display: flex; gap: 8px; align-items: center; font-size: 12px; color: var(--brand-muted); margin-bottom: 22px; }
.preview-label > span { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-focus); }
.access-sheet h2 { font-size: 36px; }
.access-sheet > p { font-size: 14px; line-height: 1.8; color: var(--brand-muted); margin-top: 18px; }
#access-form { display: flex; flex-direction: column; margin-top: 30px; }
#access-form label { font-size: 13px; margin: 0 0 8px; }
#access-form input, #access-form select, #access-form textarea { display: block; width: 100%; border: 1px solid var(--brand-line); border-radius: 6px; background: var(--brand-paper); padding: 12px; margin-bottom: 24px; min-height: 48px; }
#access-form textarea { resize: vertical; }
#access-form input::placeholder, #access-form textarea::placeholder { color: var(--brand-muted); opacity: .85; }
.optional { float: right; font-size: 11px; color: var(--brand-muted); }
#access-form .button { align-self: flex-start; margin-top: 0; }
#access-form .form-status { margin-top: 18px; color: var(--brand-ink); font-size: 14px; line-height: 1.7; }
.form-data-note a { text-decoration: underline; text-underline-offset: 4px; }
.not-found-links { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; margin-top: 35px; }
.page-404 .page-heading { padding-block: 100px 140px; }
.full-footer { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; padding: 65px max(var(--layout-gutter),calc((100% - 1200px)/2)) 30px; background: var(--brand-surface); }
.footer-brand p { font-size: 15px; line-height: 1.7; margin-top: 25px; color: var(--brand-muted); }
.full-footer nav { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 36px; margin: 0; font-size: 13px; }
.full-footer nav > div { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.full-footer nav h2 { font-family: var(--brand-font-body); font-size: 13px; letter-spacing: 0; margin: 0 0 9px; font-weight: 500; }
.full-footer nav a { color: var(--brand-muted); line-height: 1.6; }
.full-footer nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.footer-bottom { grid-column: 1/-1; border-top: 1px solid var(--brand-line); padding-top: 25px; display: flex; flex-wrap: wrap; gap: 15px 25px; font-size: 11px; color: var(--brand-muted); align-items: baseline; }
.footer-bottom small { margin: 0; flex-basis: auto; font-size: 11px; }
.footer-bottom > a { margin-left: auto; }
@media(max-width:1100px) {
  .site-header { gap: 14px; padding-inline: 20px; }
  .site-header nav { margin-left: 10px; gap: 22px; }
  .header-cta { font-size: 12px; padding-inline: 14px; }
  .home-product, .role-hero, .plan-layout, .access-layout { gap: 48px; }
  .role-hero .role-preview h2 { font-size: 31px; }
  .article-layout, .about-story { grid-template-columns: 210px 1fr; gap: 50px; }
  .guide-row { grid-template-columns: 130px 1fr 160px; }
  .full-footer { grid-template-columns: .8fr 2fr; gap: 36px; }
}
@media(max-width:800px) {
  .site-header { height: 66px; gap: 14px; }
  .site-header .wordmark { font-size: 28px; }
  .menu-toggle { display: flex; align-items: center; min-height: 44px; font-size: 12px; gap: 7px; margin-left: auto; }
  .menu-toggle span { font-size: 20px; }
  .language-picker { margin-left: 0; }
  .site-header nav { display: none; position: absolute; top: 74px; left: 0; right: 0; margin: 0; padding: 16px 22px; border: 1px solid var(--brand-line); border-radius: 10px; background: var(--brand-surface); box-shadow: 0 12px 30px color-mix(in srgb,var(--brand-ink) 8%,transparent); }
  .site-header nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 3px; }
  .site-header nav > a, .nav-disclosure summary { font-size: 15px; padding-block: 12px; }
  .nav-disclosure summary { justify-content: space-between; }
  .audience-menu { position: static; width: 100%; box-shadow: none; border: 0; background: var(--brand-paper); padding: 4px; margin-block: 2px 10px; }
  .language-panel { top: calc(100% + 13px); }
  .home-product, .plain-callout, .role-next { gap: 40px; }
  .home-product h2 { font-size: 42px; }
  .workflow-outline a { gap: 16px; padding-block: 20px; }
  .workflow-outline h3 { font-size: 17px; }
  .audience-path { padding: 30px; }
  .audience-path h3 { font-size: 32px; }
  .guide-row { grid-template-columns: 105px 1fr; gap: 18px; }
  .guide-row .guide-link { grid-column: 2; grid-row: auto; text-align: left; }
  .role-hero { grid-template-columns: 1fr; gap: 50px; padding-bottom: 80px; }
  .role-hero .role-preview { max-width: 560px; width: calc(100% - 20px); margin-inline: auto; }
  .use-case-rows article { grid-template-columns: 35px 1fr 1.2fr; gap: 25px; }
  .use-case-rows h2 { font-size: 30px; }
  .plan-layout, .access-layout { grid-template-columns: 1fr; gap: 45px; }
  .plan-sheet { max-width: 580px; }
  .plan-notes { padding-top: 0; }
  .article-layout { grid-template-columns: 1fr; gap: 45px; }
  .article-toc { position: static; flex-direction: row; flex-wrap: wrap; gap: 10px; }
  .article-toc > span { flex-basis: 100%; }
  .article-toc a { font-size: 13px; padding: 8px 12px; }
  .about-story { grid-template-columns: 140px 1fr; gap: 35px; }
  .faq-page { grid-template-columns: 1fr; gap: 40px; }
  .faq-page-aside .text-link { display: inline-flex; margin-right: 24px; }
  .access-sheet { max-width: 620px; }
  .full-footer { grid-template-columns: 1fr; gap: 40px; }
  .full-footer nav { grid-template-columns: 1fr 1.2fr 1fr; gap: 25px; }
}
@media(max-width:600px) {
  .site-header { width: calc(100% - 24px); padding-inline: 12px; gap: 5px; height: 62px; }
  .site-header .wordmark { font-size: 25px; }
  .menu-toggle { font-size: 11px; padding: 0 5px; gap: 4px; }
  .language-picker > summary { width: 44px; gap: 3px; }
  .language-picker > summary > svg:first-child { width: 19px; height: 19px; }
  .language-picker .chevron { width: 9px; }
  .header-cta { font-size: 10px; padding: 10px; min-height: 44px; }
  .header-cta > span { display: none; }
  .language-panel { right: -75px; width: 205px; }
  .hero { padding-top: 46px; }
  .hero-scene { margin-top: 38px; }
  .hero-actions { gap: 18px; }
  .home-product { grid-template-columns: 1fr; gap: 35px; }
  .home-product h2 { font-size: 41px; }
  .home-product .text-link { margin-top: 20px; }
  .audience-paths > h2 { font-size: 42px; margin-bottom: 30px; }
  .audience-path-grid { grid-template-columns: 1fr; gap: 18px; }
  .audience-path { padding: 30px; }
  .audience-path h3 { font-size: 33px; }
  .home-notes .section-heading { align-items: start; flex-direction: column; gap: 20px; }
  .home-notes h2 { font-size: 40px; }
  .guide-row { grid-template-columns: 1fr; gap: 12px; padding-block: 26px; }
  .guide-row h3 { font-size: 31px; }
  .guide-row p, .guide-row .guide-link { grid-column: auto; }
  .guide-row p { font-size: 14px; }
  .guide-row .guide-link { margin-top: 6px; }
  .compact-closing { padding-block: 55px; }
  .breadcrumb { padding-top: 28px; font-size: 11px; gap: 8px; }
  .page-heading { padding-top: 35px; padding-bottom: 45px; }
  html[lang] .page-heading h1, html[lang] .role-hero h1, html[lang] .access-layout h1 { font-size: clamp(42px,10.7vw,63px); letter-spacing: -.04em; }
  html[lang=zh-Hant] .page-heading h1, html[lang=zh-Hant] .role-hero h1, html[lang=zh-Hant] .access-layout h1 { font-size: clamp(34px,9vw,52px); }
  .page-intro { margin-top: 24px; font-size: 16px; line-height: 1.8; }
  .page-jump { gap: 20px; flex-wrap: wrap; margin-top: 24px; font-size: 12px; }
  .page-product .product-section h2 { font-size: 36px; }
  html[lang=zh-Hant] .page-product .product-section h2 { font-size: 28px; }
  .page-product .product-section { padding-top: 30px; }
  .page-product .details-section { padding-bottom: 60px; }
  .plain-callout, .role-next { grid-template-columns: 1fr; gap: 28px; padding-block: 45px 65px; }
  .plain-callout h2, .role-next h2 { font-size: 36px; }
  .plain-callout p, .role-next p { font-size: 15px; }
  .role-hero { padding-top: 36px; }
  .role-hero > div:first-child > p { font-size: 15px; margin-block: 24px; }
  .role-hero .role-preview { padding: 24px; transform: rotate(1deg); box-shadow: 8px 10px 0 var(--brand-accent); }
  .role-hero .role-preview h2 { font-size: 30px; }
  .use-case-rows { padding-bottom: 45px; }
  .use-case-rows article { grid-template-columns: 30px 1fr; gap: 18px; padding-block: 28px; }
  .use-case-rows h2 { font-size: 29px; }
  .use-case-rows p { grid-column: 2; font-size: 15px; }
  .case-mark { font-size: 26px; }
  .plan-layout { padding-bottom: 65px; gap: 45px; }
  .plan-sheet { padding: 28px; width: calc(100% - 8px); box-shadow: 8px 8px 0 var(--brand-accent); }
  .plan-sheet h2 { font-size: 37px; }
  .plan-sheet p, .plan-sheet ul { font-size: 14px; }
  .price-pending { font-size: 22px; }
  .plan-notes h2 { font-size: 36px; }
  .library-label { flex-direction: column; gap: 8px; }
  .resource-library { padding-bottom: 55px; }
  .article-toc { gap: 6px; }
  .article-toc a { font-size: 12px; }
  .article-layout { gap: 40px; padding-bottom: 65px; }
  .article-body h2 { font-size: 31px; }
  .article-body p { font-size: 16px; margin-top: 20px; }
  .article-body li { font-size: 14px; }
  .article-body .template-sheet { padding: 24px; box-shadow: 5px 5px 0 var(--brand-accent); }
  .template-sheet h2 { font-size: 28px; }
  .template-sheet pre { font-size: 13px; }
  .template-actions .button { font-size: 13px; padding-inline: 18px; }
  .template-actions .text-link { font-size: 13px; }
  .next-note { padding-block: 36px 55px; }
  .next-note h2 { font-size: 34px; }
  .about-story { grid-template-columns: 1fr; gap: 30px; }
  .about-margin { display: flex; align-items: center; gap: 20px; }
  .about-mark { width: 70px; height: 70px; font-size: 36px; }
  .about-margin p { margin: 0; font-size: 13px; }
  .story-lead { font-size: 21px; }
  .about-story p:not(.story-lead), .privacy-copy p:not(.story-lead) { font-size: 16px; }
  .about-story h2, .privacy-copy h2 { font-size: 31px; margin-top: 36px; }
  .faq-page-aside p { font-size: 15px; }
  .access-layout { padding-block: 36px 65px; }
  .access-layout .page-intro { font-size: 15px; }
  .access-expect { margin-top: 35px; }
  .access-expect li { font-size: 14px; }
  .access-sheet { padding: 26px 22px; }
  .access-sheet h2 { font-size: 30px; }
  .access-sheet > p { font-size: 13px; }
  #access-form input, #access-form select, #access-form textarea { font-size: 16px; }
  .full-footer { padding-top: 42px; gap: 32px; }
  .full-footer nav { grid-template-columns: 1fr 1fr; gap: 32px 20px; font-size: 12px; }
  .footer-brand p { margin-top: 18px; font-size: 14px; }
  .footer-bottom { gap: 12px; }
  .footer-bottom > span { flex-basis: 100%; }
  .footer-bottom > a { margin-left: 0; }
}
@media(prefers-reduced-motion:reduce) { .audience-path:hover > span:last-child { transform: none; } }

/* Product photography: preserve the actual interface, with a readable full-size view. */
.product-capture { min-width: 0; width: 100%; margin: 0; position: relative; }
.capture-open { position: relative; display: block; overflow: hidden; border: 1px solid var(--brand-line); border-radius: 12px; background: var(--brand-surface); box-shadow: 0 16px 48px color-mix(in srgb,var(--brand-ink) 8%,transparent); cursor: zoom-in; }
.capture-open img { display: block; width: 100%; height: auto; }
.capture-enlarge { position: absolute; right: 12px; bottom: 12px; padding: 9px 12px; border-radius: 6px; color: var(--brand-ink); background: var(--brand-surface); border: 1px solid var(--brand-line); font-size: 12px; font-weight: 600; }
.product-capture figcaption { margin: 13px 0 0; color: var(--brand-muted); font-size: 12px; line-height: 1.5; text-align: left; }
.hero-scene.has-product-capture { height: auto; min-height: 0; display: block; max-width: 1120px; padding: 20px; margin-inline: auto; overflow: visible; background: var(--brand-soft); border-radius: 20px; }
.hero-scene.has-product-capture .product-capture { transform: none; }
.deal-stage.has-product-capture { min-height: 0; height: auto; padding: 0; background: transparent; display: block; border: 0; }
.deal-stage.has-product-capture [hidden] { display: none; }
.walkthrough:has(.has-product-capture) { grid-template-columns: minmax(230px,.7fr) minmax(0,1.6fr); gap: 40px; align-items: center; }
.detail-row:has(.product-capture) { gap: 56px; }
.role-hero:has(.product-capture) { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 48px; }
#product-image-dialog { width: min(1500px,96vw); max-width: 96vw; padding: 0; border: 1px solid var(--brand-line); border-radius: 12px; background: var(--brand-surface); color: var(--brand-ink); max-height: 94dvh; }
#product-image-dialog::backdrop { background: rgb(16 28 23 / .72); }
.capture-dialog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px; border-bottom: 1px solid var(--brand-line); }
.capture-dialog-toolbar p { font-size: 13px; margin: 0; }
.capture-dialog-toolbar button { width: 44px; height: 44px; border: 0; background: transparent; color: inherit; font-size: 28px; cursor: pointer; }
.capture-dialog-scroll { overflow: auto; max-height: calc(94dvh - 61px); }
.capture-dialog-scroll img { display: block; width: 100%; min-width: 1000px; height: auto; }
html:has(#product-image-dialog[open]) { overflow: hidden; }
@media (max-width: 800px) {
  .walkthrough:has(.has-product-capture), .role-hero:has(.product-capture) { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .hero-scene.has-product-capture { padding: 10px; width: calc(100% - 32px); border-radius: 14px; }
  .capture-open { border-radius: 8px; }
  .capture-enlarge { position: static; display: block; border: 0; border-top: 1px solid var(--brand-line); border-radius: 0; padding: 12px; text-align: right; }
  .detail-row:has(.product-capture) { gap: 32px; }
}

/* Daily assistant: one sheet of commitments, arriving together once. */
.assistant-story { background: var(--brand-ink); color: var(--brand-paper); padding-block: clamp(64px,8vw,112px); }
.assistant-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,7vw,108px); align-items: center; }
.assistant-copy h2 { font-size: clamp(34px,4.4vw,60px); line-height: 1.13; letter-spacing: -.035em; }
.assistant-copy > p { font-size: 17px; line-height: 1.85; max-width: 47ch; margin-block: 28px; }
.assistant-copy .text-link { color: var(--brand-accent); }
.assistant-copy .assistant-scope { font-size: 13px; color: var(--brand-accent); margin-top: 32px; }
.day-sheet { margin: 0; background: var(--brand-paper); color: var(--brand-ink); border-radius: 4px 4px 18px 4px; padding: clamp(20px,3vw,38px); box-shadow: 0 22px 44px #00000024; }
.day-sheet-heading { display:flex; justify-content:space-between; align-items:center; padding-bottom:22px; border-bottom:1px solid var(--brand-ink); font-size:22px; font-family:var(--brand-font-display); }
.day-sheet-heading svg { width:25px; height:25px; }
.day-sheet ol { list-style:none; margin:0; padding:0; }
.day-sheet li { display:grid; grid-template-columns:54px minmax(0,1fr); gap:18px; padding-block:22px; border-bottom:1px solid var(--brand-line); }
.day-time { font-size:13px; font-variant-numeric:tabular-nums; padding-top:3px; }
.day-sheet strong { display:block; font-size:17px; line-height:1.5; font-weight:500; }
.day-sheet li div > span { display:block; font-size:12px; color:var(--brand-muted); margin-top:5px; }
.day-sheet figcaption { margin-top:22px; font-size:11px; line-height:1.6; color:var(--brand-muted); }
@keyframes reminder-arrive { from { transform:translateX(22px); opacity:.3; } to { transform:translateX(0); opacity:1; } }
@keyframes reminder-emphasis { from { background:var(--brand-accent); } to { background:transparent; } }
.assistant-story.has-arrived .day-sheet li { animation:reminder-arrive 560ms cubic-bezier(.16,1,.3,1) backwards, reminder-emphasis 900ms ease-out; animation-delay:calc(var(--reminder-order) * 100ms); }
.industry-story,.government-teaser { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:clamp(40px,7vw,108px); padding-block:clamp(72px,9vw,128px); }
.industry-story h2,.government-teaser h2,.scenario-context h2 { font-size:clamp(34px,4vw,54px); line-height:1.18; letter-spacing:-.03em; }
.industry-story p,.government-teaser p,.scenario-context p { font-size:17px; line-height:1.85; max-width:52ch; }
.industry-story .industry-lead { font-size:22px; line-height:1.6; margin-top:0; }
.government-teaser { border-top:1px solid var(--brand-line); }
.scenario-label,.phase-label { display:block; font-size:13px; color:var(--brand-muted); margin-bottom:18px; }
.government-teaser .text-link { margin-top:22px; }
.government-flow { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(40px,8vw,112px); padding-block:44px 100px; }
.scenario-context { position:sticky; top:120px; align-self:start; }
.government-flow ol { margin:0; padding:0; list-style:none; }
.government-flow li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:22px; padding-block:32px 42px; border-top:1px solid var(--brand-line); }
.phase-index { font-size:13px; font-variant-numeric:tabular-nums; padding-top:2px; color:var(--brand-muted); }
.government-flow h3 { font-family:var(--brand-font-display); font-size:29px; line-height:1.3; font-weight:400; margin:0 0 18px; }
.government-flow p { line-height:1.8; font-size:16px; }
.scenario-example { display:block; margin-top:24px; padding:14px 18px; background:var(--brand-soft); border-radius:4px; font-size:13px; line-height:1.6; }
@media(max-width:800px) { .assistant-layout,.industry-story,.government-teaser,.government-flow { grid-template-columns:minmax(0,1fr); gap:36px; } .scenario-context { position:static; } .assistant-copy > p { max-width:65ch; } }
@media(max-width:420px) { .day-sheet { padding:20px 16px; } .day-sheet li { gap:10px; grid-template-columns:45px minmax(0,1fr); } .day-sheet strong { font-size:15px; } .industry-story .industry-lead { font-size:19px; } }
@media(prefers-reduced-motion:reduce) { .assistant-story.has-arrived .day-sheet li { animation:none; } }

/* Product proof and first-project guidance. */
.menu-group-label { margin:12px 14px 2px; padding-top:16px; border-top:1px solid var(--brand-line); color:var(--brand-muted); font-size:12px; }
.tour-teaser { display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(40px,8vw,116px); align-items:center; padding-block:80px 110px; }
.tour-teaser h2,.first-project h2,.home-explore h2 { font-size:clamp(34px,4.5vw,60px); line-height:1.14; letter-spacing:-.035em; }
.tour-teaser p { max-width:45ch; line-height:1.85; margin:26px 0; }
.tour-receipt { border:1px solid var(--brand-line); border-radius:4px; padding:36px; background:var(--brand-surface); transform:rotate(-2deg); box-shadow:0 18px 36px #202c2a0c; }
.tour-receipt > span { color:var(--brand-muted); font-size:13px; }
.tour-receipt > strong { display:block; font-family:var(--brand-font-display); font-size:clamp(56px,6vw,84px); font-weight:400; padding-block:25px; font-variant-numeric:tabular-nums; }
.tour-receipt > div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-block:18px; border-block:1px solid var(--brand-line); font-size:13px; }
.tour-receipt > p { font-size:14px; margin-bottom:0; }
.home-explore { padding-block:70px 100px; border-top:1px solid var(--brand-line); }
.home-explore .workflow-content > div { margin-top:40px; }
.home-explore a { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:24px; border-bottom:1px solid var(--brand-line); text-decoration:none; }
.home-explore strong { font-weight:500; font-size:20px; }
.home-explore a > span { color:var(--brand-muted); font-size:14px; }
.guided-tour { padding-bottom:100px; }
.tour-tabs { display:flex; border-bottom:1px solid var(--brand-line); margin-bottom:42px; }
.tour-tabs button { appearance:none; background:none; border:0; border-bottom:2px solid transparent; padding:18px 22px; min-height:48px; text-align:left; color:var(--brand-muted); font:inherit; cursor:pointer; }
.tour-tabs button span { display:inline-block; font-size:12px; margin-right:14px; font-variant-numeric:tabular-nums; }
.tour-tabs button[aria-selected=true] { border-bottom-color:var(--brand-ink); color:var(--brand-ink); }
.tour-panel { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:48px; align-items:start; margin-block:35px; }
.tour-narration { padding-top:16px; }
.tour-narration h2 { font-size:clamp(30px,3vw,42px); line-height:1.2; margin:24px 0; letter-spacing:-.025em; }
.tour-count { font-size:12px; color:var(--brand-muted); }
.tour-narration p { line-height:1.85; font-size:16px; }
.tour-narration .tour-note { font-size:13px; color:var(--brand-muted); margin-top:26px; }
.tour-capture { margin:0; min-width:0; }
.focus-window { position:relative; overflow:hidden; width:100%; aspect-ratio:var(--shot-aspect,1.44); background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:12px; }
.focus-window img { display:block; width:100%; max-width:none; height:auto; }
.focus-window.is-focused { aspect-ratio:2; }
.focus-window.is-focused img { width:calc(var(--shot-zoom) * 100%); transform:translate(var(--shot-x),var(--shot-y)); }
.focus-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; flex-wrap:wrap; padding-top:16px; }
.focus-toolbar button { border:1px solid var(--brand-line); background:var(--brand-soft); color:var(--brand-ink); font:inherit; font-size:13px; padding:12px 16px; border-radius:8px; min-height:44px; cursor:pointer; }
.focus-toolbar a { font-size:13px; color:var(--brand-ink); text-underline-offset:4px; }
.tour-capture figcaption,.tour-disclosure { font-size:12px; color:var(--brand-muted); line-height:1.7; margin-top:18px; }
.tour-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--brand-line); padding-top:26px; margin-top:38px; }
.tour-controls > span { font-size:13px; color:var(--brand-muted); }
.tour-controls button:disabled { opacity:.45; cursor:default; }
.followup-example { background:var(--brand-surface); padding:32px; border:1px solid var(--brand-line); border-radius:12px; }
.followup-example label { font-size:17px; font-weight:500; }
.followup-example textarea { box-sizing:border-box; display:block; width:100%; resize:vertical; border:1px solid var(--brand-line); background:var(--brand-paper); padding:20px; margin-block:22px; min-height:240px; font:inherit; line-height:1.9; color:var(--brand-ink); border-radius:4px; }
.followup-example p { font-size:14px; line-height:1.8; }
.first-project { padding-block:100px; }
.first-project-heading { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:44px; }
.first-project-heading > p { max-width:46ch; line-height:1.9; }
.first-project ol { list-style:none; padding:0; margin:0; }
.first-project li { display:grid; grid-template-columns:64px 1fr; gap:20px; padding-block:25px; border-top:1px solid var(--brand-line); }
.first-project li > span { font-size:13px; padding-top:6px; color:var(--brand-muted); }
.first-project h3 { font-size:23px; font-weight:500; line-height:1.5; margin:0 0 10px; }
.first-project p { line-height:1.8; max-width:72ch; }
.setup-expectations { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding:32px; margin-block:28px; background:var(--brand-soft); border-radius:8px; }
.setup-expectations h3 { font-size:19px; }
.setup-expectations p { font-size:15px; }
@media(prefers-reduced-motion:no-preference) { .tour-panel:not([hidden]) .tour-capture,.tour-panel:not([hidden]) .followup-example { animation:tour-enter 280ms ease-out; } @keyframes tour-enter { from { opacity:.4; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } } }
@media(max-width:800px) { .tour-teaser,.first-project-heading,.setup-expectations,.tour-panel { grid-template-columns:minmax(0,1fr); gap:28px; } .tour-teaser { padding-block:60px 80px; } .tour-receipt { transform:none; } .tour-narration h2 { margin:18px 0; } .tour-panel { margin-block:24px; } .tour-tabs { margin-bottom:24px; } .tour-tabs button { flex:1; padding:14px 8px; font-size:14px; } .tour-tabs button span { display:block; margin:0 0 6px; } .home-explore a { flex-direction:column; align-items:flex-start; gap:10px; } .first-project { padding-block:70px; } }
@media(max-width:420px) { .tour-controls { flex-wrap:wrap; gap:12px; } .tour-controls .button { font-size:13px; padding:14px 16px; } .tour-controls > span { font-size:11px; } .followup-example,.setup-expectations,.tour-receipt { padding:22px; } .first-project li { grid-template-columns:28px 1fr; gap:14px; } .tour-tabs button { font-size:12px; } .first-project h3 { font-size:20px; } }
/* Keep the walkthrough itself near the top, instead of repeating a large landing hero. */
html[lang] .page-demo .page-heading h1 { font-size:clamp(36px,4vw,58px); letter-spacing:-.035em; }
.page-demo .page-heading { padding-top:32px; padding-bottom:34px; }
.page-demo .page-heading .page-intro { margin-top:20px; font-size:17px; }
.page-demo .tour-tabs { margin-bottom:26px; }
@media(max-width:800px) { .page-demo .page-heading { padding-top:20px; padding-bottom:26px; } .tour-tabs button { font-size:14px; } }
.tour-roster-proof{grid-column:1/-1;border-block:1px solid var(--brand-line);scroll-margin-top:100px}
.tour-roster-proof summary{cursor:pointer;padding:16px 0;font-weight:600}
.tour-roster-proof>div{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px}
.tour-roster-proof p{margin:0;max-width:54ch;line-height:1.65}
.tour-roster-proof img{width:min(100%,423px);height:auto;border-radius:5px}
.roster-demo-link{padding-block:24px}
@media(max-width:760px){.tour-roster-proof>div{flex-direction:column;align-items:start}.guided-tour .tour-tabs button{flex:1;min-width:0;padding:12px 4px;font-size:14px}.guided-tour .tour-tabs button span{display:block}}
.tour-proof-print{padding:clamp(16px,3vw,34px);border:1px solid #cbd7ca;background:#eaf0e6;border-radius:12px}
.tour-proof-print figcaption{margin:0 0 14px;font-size:15px;color:#35503a}
.tour-proof-print img{display:block;width:100%;height:auto;max-width:704px;margin:auto;border-radius:5px}
.tour-proof-enlarge{display:inline-block;padding-top:14px;color:#234b34;text-underline-offset:.2em}

/* Bilingual type, plans and a restrained brand layer. */
:root {
  --helper-paper: #f3f7f4;
  --helper-fold: #8daf9f;
  --helper-ink: #285e52;
  --cta-ease: cubic-bezier(.16,1,.3,1);
}
h1,h2,h3,h4 { text-wrap:balance; overflow-wrap:normal; word-break:normal; hyphens:none; }
h1 .heading-line,h2 .heading-line,h3 .heading-line,h4 .heading-line { display:block; text-wrap:balance; }
h1 .keep-tail,h2 .keep-tail,h3 .keep-tail,h4 .keep-tail { display:inline; white-space:nowrap; font:inherit; color:inherit; letter-spacing:inherit; }
p,li,dd { text-wrap:pretty; }
html[lang=zh-Hant] h1,html[lang=zh-Hant] h2,html[lang=zh-Hant] h3 { line-break:strict; }
::selection { background:var(--brand-accent); color:var(--brand-ink); }
input,textarea { caret-color:var(--helper-ink); }

/* A compact arrow slides inside its own well; the label remains still. */
.button { position:relative; gap:20px; transition:background-color 220ms var(--cta-ease),box-shadow 220ms var(--cta-ease),transform 220ms var(--cta-ease); }
.button .cta-arrow,.text-link .cta-arrow,.guide-link .cta-arrow { display:inline-flex; flex:0 0 28px; width:28px; height:28px; align-items:center; justify-content:center; border-radius:50%; overflow:hidden; }
.button .cta-arrow { background:rgba(255,255,255,.12); }
.cta-arrow svg { display:block; flex:none; width:18px; height:18px; transition:transform 260ms var(--cta-ease); }
.text-link { padding:4px 0; gap:10px; border:0; border-radius:6px; transition:color 220ms var(--cta-ease); }
.text-link .cta-arrow { background:var(--brand-soft); color:var(--helper-ink); transition:background-color 220ms var(--cta-ease); }
.text-link:hover { text-decoration:none; }
.button-secondary { color:var(--brand-ink); background:var(--brand-soft); }
.button-secondary .cta-arrow { background:var(--brand-surface); }
.button:focus-visible,.text-link:focus-visible { outline:3px solid var(--brand-focus); outline-offset:5px; }
.button:active { transform:translateY(0) scale(.985); }
.button:disabled { opacity:.5; transform:none; box-shadow:none; }
@media (hover:hover) and (pointer:fine) {
  .button:hover { background:var(--helper-ink); transform:translateY(-2px); box-shadow:0 7px 16px rgba(32,44,42,.13); }
  .button-secondary:hover { background:var(--brand-accent); }
  .text-link:hover { color:var(--helper-ink); }
  .text-link:hover .cta-arrow { background:var(--brand-accent); }
  .button:hover .cta-arrow svg,.text-link:hover .cta-arrow svg { transform:translateX(3px); }
}
.button:focus-visible .cta-arrow svg,.text-link:focus-visible .cta-arrow svg { transform:translateX(3px); }
.brand-helper { display:block; width:76px; height:76px; flex:none; overflow:visible; }
.compact-closing > .brand-helper { margin:0 auto 26px; width:88px; height:88px; }
.helper-body { transform-origin:50% 90%; transition:transform 360ms var(--cta-ease); }
.compact-closing:focus-within .helper-body { transform:rotate(-5deg); }
@media (hover:hover) { .compact-closing:has(.button:hover) .helper-body { transform:rotate(-5deg); } }

.page-pricing .page-heading { padding-bottom:48px; }
html[lang] .page-pricing .page-heading h1 { font-size:clamp(42px,5vw,68px); }
.pricing-context { display:flex; justify-content:space-between; gap:16px; padding:0 0 20px; color:var(--brand-muted); font-size:14px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--brand-line); border-radius:20px; overflow:hidden; background:var(--brand-surface); }
.pricing-plan { display:flex; flex-direction:column; min-width:0; padding:36px 30px 28px; }
.pricing-plan + .pricing-plan { border-left:1px solid var(--brand-line); }
.pricing-plan.plan-pro { background:var(--brand-soft); }
.pricing-plan h2 { font-family:var(--brand-font-body); font-size:26px; letter-spacing:-.025em; font-weight:600; }
.plan-audience { color:var(--brand-muted); margin-top:12px; min-height:48px; font-size:16px; }
.plan-price { display:flex; gap:5px; align-items:baseline; margin:32px 0 26px; min-height:64px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.plan-currency { font-size:19px; }
.plan-price strong { font-size:62px; line-height:1; letter-spacing:-.04em; font-weight:500; }
.plan-price .custom-price { font-family:var(--brand-font-display); font-size:43px; letter-spacing:-.025em; }
.plan-period { font-size:14px; color:var(--brand-muted); margin-left:4px; }
.plan-description { font-size:16px; line-height:1.65; margin-bottom:30px; }
.pricing-plan .button { width:100%; margin-top:auto; justify-content:space-between; }
.plan-detail-note { margin-top:24px; font-size:13px; line-height:1.6; color:var(--brand-muted); }
.pricing-disclosure { font-size:14px; line-height:1.7; color:var(--brand-muted); margin-top:22px; max-width:850px; }
.plan-help { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; padding-block:90px 110px; }
.plan-help-heading { display:flex; align-items:center; gap:24px; }
.plan-help h2 { font-size:38px; line-height:1.15; }
.plan-help p { margin-bottom:20px; max-width:48ch; }
.editorial-scene { margin-block:72px 30px; }
.editorial-scene img { width:100%; height:auto; max-height:480px; object-fit:cover; object-position:center 67%; border-radius:var(--radius-panel); }
.editorial-scene figcaption { color:var(--brand-muted); font-size:12px; margin-top:12px; }
@media (max-width:1000px) {
  .pricing-plan { padding:28px 20px 24px; }
  .plan-price strong { font-size:54px; }
  .plan-price .custom-price { font-size:36px; }
  .plan-price { flex-wrap:wrap; }
  .plan-help { gap:35px; }
}
@media (max-width:700px) {
  .pricing-grid { grid-template-columns:1fr; }
  .pricing-plan { padding:30px 26px; }
  .pricing-plan + .pricing-plan { border-left:0; border-top:1px solid var(--brand-line); }
  .plan-audience { min-height:0; }
  .plan-price { margin:26px 0 20px; min-height:0; }
  .pricing-context { flex-wrap:wrap; font-size:13px; }
  .plan-help { grid-template-columns:1fr; gap:28px; padding-block:64px; }
  .plan-help h2 { font-size:32px; }
  .plan-help-heading { gap:16px; }
  .brand-helper { width:60px; height:60px; }
  .editorial-scene { margin-block:42px 22px; }
  .editorial-scene img { aspect-ratio:3/2; }
}
@media (max-width:380px) {
  html[lang] .page-heading h1,html[lang] .role-hero h1,html[lang] .access-layout h1 { font-size:40px; }
  .button { gap:12px; padding-inline:18px; }
  .plan-price .custom-price { font-size:34px; }
}
@media (prefers-reduced-motion:reduce) {
  .button,.cta-arrow svg,.text-link,.text-link .cta-arrow,.helper-body { transition:none; }
  .button:hover,.button:active,.button:focus-visible .cta-arrow svg,.text-link:focus-visible .cta-arrow svg,.button:hover .cta-arrow svg,.text-link:hover .cta-arrow svg,.compact-closing:focus-within .helper-body,.compact-closing:has(.button:hover) .helper-body { transform:none; }
}
/* Keep the compact navigation within 320px, with a full CTA in page content. */
@media (max-width:600px) {
  .site-header .header-cta { padding:10px 12px; gap:0; }
  .site-header .header-cta .cta-arrow { display:none; }
  html[lang=en] .hero h1 { font-size:clamp(34px,9vw,54px); }
  html[lang=en] .page-faq .page-heading h1 { font-size:clamp(29px,8vw,48px); }
}
@media (max-width:380px) {
  html[lang=en] .audience-path h3 { font-size:29px; }
}
@media (max-width:600px) {
  .hero-actions { flex-direction:column; gap:12px; }
  .hero-actions .text-link { white-space:nowrap; }
}

/* Official app artwork remains unaltered and in its native brand colors. */
.convergence-node .source-app-logo { display:block; width:32px; height:32px; flex:0 0 32px; object-fit:contain; }
.convergence-node .source-icon { width:32px; height:32px; }
.convergence-node .source-icon svg { width:20px; height:20px; opacity:1; }
.convergence .convergence-node { min-height:58px; gap:10px; padding:12px 16px; }
.convergence .convergence-footnote { font-size:12px; line-height:1.5; }
@media (max-width:680px) {
  .convergence .convergence-node { flex-direction:column; justify-self:center; gap:5px; width:106px; padding:7px 8px; min-height:61px; font-size:11px; }
  .convergence-node .source-app-logo { width:28px; height:28px; flex-basis:28px; }
  .convergence-node .source-icon { width:28px; height:28px; }
  .convergence .convergence-footnote { font-size:10px; max-width:300px; }
}
/* Keep the two complete Chinese hero phrases together on small phones. */
@media(max-width:600px){html[lang=zh-Hant] .hero h1{font-size:clamp(30px,9.5vw,52px);line-height:1.25}}

/* Additive editorial layouts use the existing replaceable brand tokens. */
.value-path,.product-bridge,.portfolio-story,.opportunity-teaser,.roadmap-split {padding-block:clamp(56px,8vw,108px)}
.value-path h2 {max-width:800px;margin:0 0 42px}
.value-path-list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.value-path-list>a {display:flex;flex-direction:column;align-items:flex-start;border-top:2px solid var(--brand-accent);padding:24px 0 8px;color:inherit;text-decoration:none}
.value-path-list h3 {font-family:var(--brand-font-body);font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.value-path-list p {font-size:16px;line-height:1.65;color:var(--brand-muted);margin:0 0 20px}
.value-path-list .cta-arrow {margin-top:auto}
.feature-directory {display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(32px,6vw,88px);padding-bottom:90px;align-items:start}
.feature-index {position:sticky;top:110px;display:grid;gap:4px;border-left:2px solid var(--brand-line)}
.feature-index a {padding:12px 18px;line-height:1.5;font-size:15px;color:var(--brand-muted);text-decoration:none}
.feature-index a:hover,.feature-index a:focus-visible {background:var(--brand-soft);color:var(--brand-ink)}
.feature-chapter {padding:0 0 60px;margin:0 0 56px;border-bottom:1px solid var(--brand-line);scroll-margin-top:120px}
.feature-chapter h2 {font-size:clamp(30px,3.3vw,46px);line-height:1.2;margin:0 0 18px}
.feature-value {font-size:20px;line-height:1.6;max-width:650px;margin:0 0 30px}
.feature-chapter dl {margin:0}.feature-chapter dl>div {display:grid;grid-template-columns:minmax(145px,.7fr) minmax(0,1.3fr);gap:24px;padding:20px 0;border-top:1px solid var(--brand-line)}
.feature-chapter dt {font-size:17px;font-weight:600;line-height:1.5}.feature-chapter dd {margin:0;font-size:16px;line-height:1.75;color:var(--brand-muted)}
.capability-note {font-size:14px!important;line-height:1.7!important;color:var(--brand-muted);max-width:760px}
.feature-chapter .capability-note {border-left:3px solid var(--brand-accent);padding-left:16px;margin:22px 0}
.product-bridge,.portfolio-story,.opportunity-teaser {display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,7vw,100px);align-items:center}
.product-bridge h2,.portfolio-story h2,.opportunity-teaser h2 {margin:0 0 24px;font-size:clamp(36px,4.5vw,60px);line-height:1.12}
.product-bridge p,.portfolio-story p,.opportunity-teaser p {font-size:18px;line-height:1.75}
.product-bridge .button {margin:8px 18px 16px 0}.product-bridge .text-link {margin-block:8px}
.opportunity-preview {padding:clamp(24px,4vw,48px);background:var(--brand-soft);border-radius:var(--radius-panel)}
.opportunity-preview>span,.portfolio-illustration>span {font-size:13px;color:var(--brand-muted)}
.opportunity-preview h3 {font:normal clamp(28px,3vw,38px)/1.3 var(--brand-font-display);margin:24px 0}
.opportunity-preview ul {list-style:none;padding:0;margin:0}.opportunity-preview li {padding:16px 0;border-top:1px solid var(--brand-line);font-size:17px;line-height:1.5}
.opportunity-preview li::before {content:'✓';color:var(--brand-focus);margin-right:12px}
.opportunity-preview p {font-size:13px;margin:20px 0 0;line-height:1.6;color:var(--brand-muted)}
.opportunity-flow {display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,7vw,90px);align-items:start;padding-bottom:65px}
.opportunity-flow ol {list-style:none;margin:0;padding:0}.opportunity-flow li {display:grid;grid-template-columns:36px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--brand-line)}
.flow-number {width:32px;height:32px;border-radius:50%;background:var(--brand-accent);display:grid;place-items:center;font-size:15px}
.opportunity-flow li h2 {font-family:var(--brand-font-body);font-size:24px;line-height:1.3;margin:0 0 12px}
.opportunity-flow li p,.opportunity-aside p,.roadmap-split p {font-size:17px;line-height:1.75;color:var(--brand-muted);margin:0}
.opportunity-aside {position:sticky;top:110px;background:var(--brand-soft);padding:36px;border-radius:var(--radius-panel)}
.opportunity-aside h2 {font-size:36px;line-height:1.2;margin:0 0 24px}.opportunity-aside .sample-tag {display:inline-block;margin-top:24px}
.roadmap-split {display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);border-top:1px solid var(--brand-line)}
.roadmap-split h2 {font-size:clamp(30px,4vw,46px);line-height:1.2;margin:20px 0}
.release-label {display:inline-block;font-size:14px;background:var(--brand-soft);padding:7px 12px;border-radius:6px}
.roadmap-split .text-link {margin-top:20px}.plain-callout .text-link {display:flex;width:fit-content;margin-bottom:18px}
.portfolio-illustration {padding:28px;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:var(--radius-panel)}
.portfolio-illustration ul {list-style:none;padding:0;margin:20px 0}.portfolio-illustration li {display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--brand-line)}
.portfolio-avatar {flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;background:var(--brand-accent);border-radius:50%}
.portfolio-illustration li div {min-width:0}.portfolio-illustration strong {display:block;font-size:17px}.portfolio-illustration li div span {font-size:13px;color:var(--brand-muted)}
.portfolio-permission {margin-left:auto;font-size:12px;color:var(--brand-focus)}.portfolio-illustration p {font-size:14px;line-height:1.7;margin-bottom:0}
.plan-inclusions {padding:0;list-style:none;margin:8px 0 24px}.plan-inclusions li {padding:12px 0;border-top:1px solid var(--brand-line);font-size:15px;line-height:1.6}.plan-inclusions strong {font-weight:600}
@media(max-width:1000px){.value-path-list{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-directory{grid-template-columns:180px minmax(0,1fr);gap:30px}.feature-chapter dl>div{grid-template-columns:1fr;gap:7px}.portfolio-permission{display:none}}
@media(max-width:700px){.feature-directory{display:block}.feature-index{position:static;display:flex;flex-wrap:wrap;border:0;gap:8px;margin-bottom:42px}.feature-index a{padding:10px 12px;background:var(--brand-soft);border-radius:6px;font-size:14px}.product-bridge,.portfolio-story,.opportunity-teaser,.opportunity-flow,.roadmap-split{grid-template-columns:1fr;gap:32px}.opportunity-aside{position:static}.feature-chapter{padding-bottom:38px;margin-bottom:38px}.feature-value{font-size:18px}.value-path-list{gap:24px}.value-path-list h3{font-size:21px}.opportunity-flow li{gap:14px}.roadmap-split>div+div{border-top:1px solid var(--brand-line);padding-top:30px}}
@media(max-width:380px){.value-path-list{grid-template-columns:1fr}.opportunity-aside{padding:24px}.portfolio-illustration{padding:20px}}
/* Allow short-phone grids to shrink without discarding protected heading tails. */
.opportunity-flow {grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.opportunity-flow li {grid-template-columns:36px minmax(0,1fr)}
.opportunity-flow li>div,.opportunity-flow ol {min-width:0}
@media(min-width:801px){.plan-detail-note{min-height:3.2em}}
@media(max-width:700px){.opportunity-flow{grid-template-columns:minmax(0,1fr)}}

/* A shallow feature hub leads to focused workflow pages. */
.feature-hub {padding-bottom:70px}
.feature-hub-row {position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr) auto;gap:clamp(24px,4vw,64px);align-items:center;border-top:1px solid var(--brand-line);padding:42px 0;scroll-margin-top:115px}
.feature-hub-row h2,.feature-hub-row h3 {font:normal clamp(28px,3.3vw,44px)/1.2 var(--brand-font-display);margin:0 0 14px;letter-spacing:-.025em}
.feature-hub-row h2 a,.feature-hub-row h3 a {color:inherit;text-decoration:none}
.feature-hub-row p {max-width:540px;margin:0;font-size:17px;line-height:1.7;color:var(--brand-muted)}
.feature-hub-row ul {list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:15px;line-height:1.5}
.feature-hub-row li {padding-left:16px;position:relative}.feature-hub-row li:before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--brand-focus)}
.feature-hub-row>.text-link {white-space:nowrap}
.anchor-marker {position:absolute;top:0;scroll-margin-top:115px}
.hub-compact {padding-top:65px}.hub-compact>h2{margin:0 0 40px;max-width:800px}
.shared-workspace {padding-block:25px 85px}.shared-workspace>h2{margin:0 0 35px}
.shared-workspace>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.shared-workspace h3{font-family:var(--brand-font-body);font-size:21px;line-height:1.4;margin:0 0 12px}
.shared-workspace p{font-size:16px;line-height:1.75;color:var(--brand-muted);margin:0}
.feature-area-nav {display:flex;flex-wrap:wrap;gap:8px;padding-bottom:38px;align-items:center}
.feature-area-nav a {display:block;padding:10px 14px;color:var(--brand-muted);text-decoration:none;border:1px solid var(--brand-line);border-radius:30px;font-size:14px;line-height:1.5}
.feature-area-nav a:hover,.feature-area-nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-focus)}
.feature-hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:28px 0 22px}
.feature-proof {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,80px);align-items:center;padding-block:45px 90px}
.feature-proof h2 {font-size:clamp(32px,4vw,54px);line-height:1.15;margin:0 0 30px}
.feature-proof .product-capture{min-width:0;margin:0}
.feature-workflow{list-style:none;margin:0;padding:0}
.feature-workflow li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:23px 0;border-top:1px solid var(--brand-line)}
.feature-workflow li>span{font-size:14px;color:var(--brand-muted);padding-top:3px}
.feature-workflow h3{font-family:var(--brand-font-body);font-size:21px;line-height:1.4;margin:0 0 9px}
.feature-workflow p{font-size:16px;line-height:1.7;color:var(--brand-muted);margin:0}
.billing-example{background:var(--brand-soft);border-radius:var(--radius-panel);padding:clamp(24px,4vw,48px);margin:0}
.billing-example figcaption{font-size:13px;color:var(--brand-muted)}
.billing-example h3{font:normal clamp(27px,3vw,38px)/1.2 var(--brand-font-display);margin:30px 0}
.billing-example dl{margin:0}.billing-example dl>div{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--brand-line);align-items:center}
.billing-example dt{font-size:15px}.billing-example dd{font-size:25px;font-variant-numeric:tabular-nums;margin:0}.billing-example .billing-remainder dd{font-size:38px;color:var(--brand-focus)}
.billing-example p{font-size:13px;line-height:1.65;color:var(--brand-muted);margin:18px 0 0}
.capability-details,.feature-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,7vw,100px);padding-block:70px;border-top:1px solid var(--brand-line)}
.capability-details h2,.feature-faq h2{font-size:clamp(30px,3.5vw,46px);line-height:1.2;margin:0}
.capability-details details{border-bottom:1px solid var(--brand-line)}
.capability-details summary{display:flex;gap:20px;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:20px;line-height:1.4;padding:23px 0}
.capability-details summary::-webkit-details-marker{display:none}.capability-details summary>span{font-size:24px;flex-shrink:0;transition:transform .2s ease}.capability-details details[open] summary>span{transform:rotate(45deg)}
.capability-details p{font-size:17px;line-height:1.75;margin:0 0 24px;color:var(--brand-muted)}
.feature-faq .faq-list{margin:0;max-width:none;width:auto}.feature-faq details p{max-width:none}
.feature-next{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding-block:50px 85px;border-top:1px solid var(--brand-line)}
.feature-next>div{flex:1 1 400px}.feature-next h2{font-size:clamp(30px,3vw,42px);line-height:1.2;margin:0 0 18px}.feature-next p{font-size:17px;line-height:1.7;color:var(--brand-muted);max-width:560px;margin:0}
.site-header .product-menu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:600px;max-height:calc(100dvh - 110px);overflow-y:auto}
.site-header .product-menu>div+div{border-left:1px solid var(--brand-line)}
.site-header nav .product-menu a{padding:14px 18px}
@media(max-width:1050px) and (min-width:801px){.site-header .product-menu{left:-150px;width:560px}}
@media(max-width:800px){
 .site-header nav.is-open{max-height:calc(100dvh - 74px);overflow-y:auto}
 .site-header .product-menu{display:block;width:100%;max-height:none;overflow:visible}
 .site-header .product-menu>div+div{border-left:0;border-top:1px solid var(--brand-line)}
 .feature-hub-row{grid-template-columns:minmax(0,1fr) auto;gap:22px;padding-block:32px}.feature-hub-row>div{grid-column:1/-1}.feature-hub-row ul{font-size:14px;gap:8px}
 .feature-proof,.capability-details,.feature-faq{grid-template-columns:minmax(0,1fr);gap:30px}
 .shared-workspace>div{grid-template-columns:minmax(0,1fr);gap:30px}
 .shared-workspace article{border-top:1px solid var(--brand-line);padding-top:24px}
 .feature-proof{padding-bottom:55px}.capability-details,.feature-faq{padding-block:45px}
 .feature-area-nav{gap:7px}.feature-area-nav a{font-size:13px;padding:9px 12px}
}
@media(max-width:380px){.feature-hub-row{grid-template-columns:minmax(0,1fr)}.feature-hub-row>div{grid-column:auto}.billing-example .billing-remainder dd{font-size:30px}}
@media(prefers-reduced-motion:reduce){.capability-details summary>span{transition:none}}

/* Practical brief and delivery guidance lives with the document workflow. */
.working-checklists {padding-block:48px 72px;scroll-margin-top:110px}
.working-checklists>h2 {font-size:clamp(30px,4vw,48px);line-height:1.2;margin:0 0 36px;text-wrap:balance}
.working-checklist-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.working-checklist-grid article {border-top:1px solid var(--brand-line);padding-top:24px;scroll-margin-top:110px;display:flex;flex-direction:column;min-width:0}
.working-checklist-grid h3 {font:500 23px/1.4 var(--brand-font-body);margin:0 0 16px;text-wrap:balance}
.working-checklist-grid ul {margin:0 0 24px;padding-left:1.2em;color:var(--brand-muted);font-size:16px;line-height:1.8}
.working-checklist-grid li+li {margin-top:10px}
.checklist-links {display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin-top:auto}
.checklist-links a {max-width:100%;line-height:1.6}
.checklist-next {display:inline-flex;align-items:center;gap:12px;color:var(--brand-muted);font-size:14px;text-underline-offset:4px}
.checklist-next .cta-arrow {flex-shrink:0}
@media(max-width:700px) {
 .working-checklists {padding-block:32px 48px}
 .working-checklist-grid {grid-template-columns:minmax(0,1fr);gap:32px}
 .working-checklists>h2 {margin-bottom:24px}
}

/* One editorial column avoids a vacant title column beside long capability lists. */
.capability-details{grid-template-columns:minmax(0,1fr);gap:28px}
.capability-details>div{width:100%;min-width:0}
.capability-details details>p{max-width:78ch;margin-top:2px;margin-bottom:26px}
.capability-details summary{padding-block:22px}
.feature-proof>div>p{font-size:18px;line-height:1.7;margin:0 0 30px;max-width:43ch;text-wrap:pretty}
.feature-proof>div>.button,.feature-proof>div>.text-link{margin-top:4px}
@media(max-width:740px){.feature-proof>div>p{font-size:17px;margin-bottom:25px}.capability-details{gap:22px}}
/* A quiet navigation band between the page introduction and its first workflow. */
.feature-area-nav.section-wrap{padding-block:clamp(18px,2.2vw,32px);border-top:1px solid var(--brand-line)}

/* Forest-green/ivory artwork from the deck; live labels inherit the site typography.
   No image contains customer-facing text. Sprites are presentation-only crops. */
.feature-glyph{display:block;width:32px;height:32px;color:var(--brand-focus);flex-shrink:0}
.value-path-list>a>.feature-glyph{margin-bottom:22px;width:34px;height:34px}
.feature-hub-heading{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:20px;align-items:start}
.feature-hub-heading>.feature-glyph{margin-top:6px}.feature-hub-heading h2,.feature-hub-heading h3{grid-column:2}.feature-hub-heading p{grid-column:2}
.sculpture{display:block;position:relative;width:128px;aspect-ratio:1;flex-shrink:0}
.sculpture img{display:block;width:100%;height:100%;object-fit:contain}
.sculpture-band{clip-path:inset(0 10%);background-repeat:no-repeat;background-size:491.765% auto;background-position-y:50%;mix-blend-mode:multiply}
.sculpture-deal{background-image:url('https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6adbfdf91deddbc27ad80a5d_deal-lifecycle-icons.webp')}
.sculpture-grant{background-image:url('https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6adbfdfa3d78fba00e682da8_grant-process-icons.webp')}
.sculpture-station-0{background-position-x:3.38%}.sculpture-station-1{background-position-x:34.91%}.sculpture-station-2{background-position-x:66.07%}.sculpture-station-3{background-position-x:97.6%}
/* The existing deal tabs become an illustrated, keyboard-operable journey. */
.walkthrough-tabs.illustrated-tabs{gap:32px;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:0;margin-bottom:30px}
.illustrated-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 10px 20px;margin:0;border:1px solid transparent;border-bottom:2px solid var(--brand-line);border-radius:12px 12px 0 0;min-width:0;transition:background .2s,border-color .2s}
.illustrated-tabs button .sculpture{width:clamp(90px,11vw,146px);margin:0 0 12px;transition:transform .25s var(--ease-out)}
.illustrated-tabs button .illustrated-tab-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;line-height:1.4;margin:0}
.illustrated-tabs .illustrated-tab-label>span{font-size:12px;margin:0;color:var(--brand-muted)}
.illustrated-tabs .illustrated-tab-label strong{font-weight:500}
.illustrated-tabs button[aria-selected=true]{background:var(--brand-soft);border-color:transparent;border-bottom-color:var(--brand-focus);color:var(--brand-ink)}
.illustrated-tabs button:hover .sculpture,.illustrated-tabs button:focus-visible .sculpture{transform:translateY(-4px)}
.illustrated-tabs button:not(:last-child):after{content:'→';position:absolute;right:-25px;top:42%;font-size:22px;color:var(--brand-focus);pointer-events:none}
/* A connected assistant sequence, not three unrelated feature cards. */
.assistant-visual{padding-block:75px 60px}.assistant-visual>h2{margin:0 0 38px;font-size:clamp(30px,4vw,48px);line-height:1.2}
.illustrated-flow{margin:0}.illustrated-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;list-style:none;margin:0;padding:0}
.illustrated-flow li{position:relative}.illustrated-flow .sculpture{width:140px;margin:0 0 28px}
.illustrated-flow li:not(:last-child):after{content:'→';position:absolute;left:165px;right:-32px;top:65px;font-size:22px;color:var(--brand-focus);text-align:right;border-top:1px solid var(--brand-accent);line-height:0}
.illustrated-flow h3{font-family:var(--brand-font-body);font-size:22px;line-height:1.4;margin:0 0 12px}.illustrated-flow p{font-size:17px;line-height:1.7;color:var(--brand-muted);max-width:290px;margin:0}
.illustrated-flow figcaption{margin-top:35px;font-size:13px;line-height:1.6;color:var(--brand-muted)}
/* The existing grant story becomes a connected timeline with live bilingual text. */
.opportunity-flow .opportunity-illustrated li{grid-template-columns:108px minmax(0,1fr);gap:24px;border:0;padding:20px 0 34px;position:relative}
.opportunity-station{position:relative;align-self:stretch}.opportunity-station .sculpture{width:108px;position:relative;z-index:1}
.opportunity-station .flow-number{width:24px;height:24px;font-size:12px;position:absolute;left:0;top:0;z-index:2;background:var(--brand-soft);border:1px solid var(--brand-line)}
.opportunity-illustrated li:not(:last-child) .opportunity-station:after{content:'';position:absolute;left:53px;top:116px;bottom:-24px;border-left:1px solid var(--brand-accent)}
.opportunity-preview>.sculpture{width:108px;margin-bottom:18px}
/* A proportional example of receipts and the remaining balance. */
.billing-example>.sculpture{width:110px;margin-block:20px 16px}
.receipt-visual{margin:0 0 28px}.receipt-bar{height:16px;display:flex;gap:4px;margin:0 0 14px;border-radius:4px;overflow:hidden}
.receipt-bar>span:first-child{flex:20;background:var(--brand-focus)}.receipt-bar>span:last-child{flex:22;background:var(--brand-accent)}
.receipt-key{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;line-height:1.5;color:var(--brand-muted)}
.receipt-key>span{display:flex;align-items:center;gap:7px}.receipt-key b{font-weight:500;font-variant-numeric:tabular-nums}
.receipt-key i{width:7px;height:7px;background:var(--brand-focus);border-radius:50%}.receipt-key>span:last-child i{background:var(--brand-accent);border:1px solid var(--brand-focus)}
/* Manager diagram: invitation-based inputs -> selected roster -> three read-only views. */
.portfolio-map{margin:0;min-width:0;padding:30px;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:var(--radius-panel)}
.portfolio-map>figcaption{font-size:13px;color:var(--brand-muted);margin-bottom:26px}
.portfolio-sources{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}
.portfolio-sources li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:14px;line-height:1.4}
.portfolio-map-permission{font-size:11px;color:var(--brand-focus)}
.portfolio-merge,.portfolio-branches{height:45px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:calc(100% / 6)}
.portfolio-merge>span,.portfolio-branches>span{position:relative}
.portfolio-merge>span:first-child{border-left:1px solid var(--brand-accent);border-bottom:1px solid var(--brand-accent);border-radius:0 0 0 12px;grid-column:1/3}
.portfolio-merge>span:nth-child(2){position:absolute}
.portfolio-merge>span:last-child{border-right:1px solid var(--brand-accent);border-bottom:1px solid var(--brand-accent);border-radius:0 0 12px 0}
.portfolio-merge{position:relative}.portfolio-merge:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--brand-accent)}
.portfolio-map-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:23px 14px;background:var(--brand-ink);color:var(--brand-paper);border-radius:10px;margin-top:16px}
.portfolio-map-center:before{content:'';position:absolute;bottom:100%;height:16px;border-left:1px solid var(--brand-accent)}
.portfolio-map-center>.feature-glyph{color:var(--brand-accent);margin-bottom:10px;width:30px;height:30px}
.portfolio-map-center strong{font-size:18px;line-height:1.4;font-weight:500}.portfolio-map-center>span{font-size:12px;line-height:1.5;margin-top:7px;color:var(--brand-accent)}
.portfolio-branches{position:relative;grid-template-columns:1fr 1fr;height:35px;margin-top:18px}
.portfolio-branches:before{content:'';position:absolute;left:50%;top:-18px;height:18px;border-left:1px solid var(--brand-accent)}
.portfolio-branches>span:first-child{border-top:1px solid var(--brand-accent);border-left:1px solid var(--brand-accent);border-radius:12px 0 0 0}
.portfolio-branches>span:nth-child(2){position:absolute;left:50%;height:100%;border-left:1px solid var(--brand-accent)}
.portfolio-branches>span:last-child{border-top:1px solid var(--brand-accent);border-right:1px solid var(--brand-accent);border-radius:0 12px 0 0}
.portfolio-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.portfolio-destinations li{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;line-height:1.4;text-align:center}.portfolio-destinations .feature-glyph{width:27px;height:27px}
.portfolio-map>p{margin:24px 0 0;font-size:13px;line-height:1.65;color:var(--brand-muted)}
@media(max-width:1000px){.illustrated-flow ol{gap:32px}.illustrated-flow li:not(:last-child):after{left:130px;right:-16px}.illustrated-flow .sculpture{width:110px}.illustrated-flow li:not(:last-child):after{top:52px}.portfolio-map{padding:24px}}
@media(max-width:700px){
 .feature-hub-heading{grid-template-columns:30px minmax(0,1fr);gap:0 14px}.feature-hub-heading>.feature-glyph{width:25px;height:25px;margin-top:5px}.feature-hub-heading p{grid-column:1/-1}
 .walkthrough-tabs.illustrated-tabs{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .illustrated-tabs button{padding:10px 6px 14px}.illustrated-tabs button .sculpture{width:92px;margin:0 0 6px}.illustrated-tabs button .illustrated-tab-label{font-size:14px;gap:7px}
 .illustrated-tabs button:after{display:none}
 .illustrated-flow ol{grid-template-columns:minmax(0,1fr);gap:34px}
 .illustrated-flow li{display:grid;grid-template-columns:85px minmax(0,1fr);gap:24px;align-items:center}
 .illustrated-flow .sculpture{width:85px;margin:0}.illustrated-flow h3{font-size:21px}.illustrated-flow p{font-size:16px}
 .illustrated-flow li:not(:last-child):after{left:42px;top:100%;bottom:-30px;right:auto;border-top:0;border-left:1px solid var(--brand-accent);height:auto;content:''}
 .assistant-visual{padding-block:50px}.illustrated-flow figcaption{margin-top:28px}
 .opportunity-flow .opportunity-illustrated li{grid-template-columns:80px minmax(0,1fr);gap:18px}.opportunity-station .sculpture{width:80px}
 .opportunity-illustrated li:not(:last-child) .opportunity-station:after{left:39px;top:88px}
 .billing-example>.sculpture{width:90px}.opportunity-preview>.sculpture{width:90px}
}
@media(max-width:380px){.opportunity-flow .opportunity-illustrated li{grid-template-columns:62px minmax(0,1fr);gap:14px}.opportunity-station .sculpture{width:62px}.opportunity-illustrated li:not(:last-child) .opportunity-station:after{left:30px;top:70px}.opportunity-flow li h2{font-size:21px}.illustrated-flow li{grid-template-columns:68px minmax(0,1fr);gap:18px}.illustrated-flow .sculpture{width:68px}.illustrated-flow li:not(:last-child):after{left:34px}.portfolio-map{padding:20px}.portfolio-sources li{font-size:12px}.portfolio-map-permission{font-size:10px}}
@media(prefers-reduced-motion:reduce){.illustrated-tabs button,.illustrated-tabs button .sculpture{transition:none}.illustrated-tabs button:hover .sculpture,.illustrated-tabs button:focus-visible .sculpture{transform:none}}

/* Mask only the ribbon gutters; the original object artwork remains unchanged. */
.sculpture-deal.sculpture-station-1{clip-path:polygon(10% 0,93% 0,93% 38%,90% 38%,90% 63%,93% 63%,93% 100%,10% 100%)}
.sculpture-deal.sculpture-station-3{clip-path:inset(0 0 0 10%)}

.sculpture-grant.sculpture-station-1{clip-path:polygon(10% 0,90% 0,90% 39%,88% 39%,88% 58%,90% 58%,90% 100%,10% 100%)}

/* Adapted from talent_biz_os/app/glass.css and experience.css, reviewed 2026-10-21.
   Real blur is reserved for floating UI. Content uses the same near-opaque material. */
:root {
  --site-glass-tint: #e4eee8;
  --site-glass-fill: linear-gradient(135deg, #ffffffed, #f5faf7d9 58%, #e8f0ebe6);
  --site-glass-control: linear-gradient(160deg, #fffffff5, #f4f8f5d9);
  --site-glass-edge: #ffffffd9;
  --site-glass-line: #cddcd3;
  --site-glass-shadow: inset 0 1px 0 #fff, 0 5px 18px #2438330a, 0 1px 3px #24383308;
  --site-glass-float-shadow: inset 0 1px 0 #ffffffed, 0 16px 44px #203c3224, 0 2px 6px #203c320c;
  --site-glass-selected: linear-gradient(145deg, #f4faf6ed, #d4e7db);
  --site-glass-primary: linear-gradient(155deg, #477c6c, var(--brand-focus) 54%, #234f45);
}
body {
  background: radial-gradient(ellipse 90% 850px at 15% 0%, #dcebe5b3, transparent 72%), linear-gradient(140deg, #f5f8f6, #f2f5f3 65%, #eef3ef);
}
.site-header {
  background: var(--site-glass-fill);
  border-color: var(--site-glass-line);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 var(--site-glass-edge), 0 5px 20px #2438330b;
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  backdrop-filter: blur(20px) saturate(130%);
}
.language-panel,.audience-menu,#product-image-dialog {
  background: var(--site-glass-fill);
  border-color: var(--site-glass-line);
  box-shadow: var(--site-glass-float-shadow);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
  backdrop-filter: blur(24px) saturate(125%);
}
.language-panel,.audience-menu {border-radius:18px}
.language-panel a,.site-header nav .audience-menu a {border-radius:8px}
.language-panel a:hover,.language-panel a[aria-current],.audience-menu a:hover {background:var(--site-glass-selected)}
.site-header .product-menu>div+div {border-color:var(--site-glass-line)}
/* Content surfaces share the product material without filtering scrolling ancestors. */
:is(.day-sheet,.tour-receipt,.opportunity-preview,.opportunity-aside,.billing-example,.portfolio-map,.access-sheet,.pricing-grid,.followup-example,.setup-expectations) {
  background:var(--site-glass-fill);
  border:1px solid var(--site-glass-line);
  border-radius:var(--radius-panel);
  box-shadow:var(--site-glass-shadow);
}
.day-sheet {background:linear-gradient(135deg,#fffffff5,#f5faf7ed 58%,#e8f0ebf2);box-shadow:var(--site-glass-float-shadow);color:var(--brand-ink)}
.day-sheet-heading {border-bottom-color:var(--site-glass-line)}
.pricing-grid {border-radius:20px}
.pricing-plan.plan-pro {background:var(--site-glass-selected);box-shadow:inset 0 1px 0 #fff}
.pricing-plan+.pricing-plan {border-color:var(--site-glass-line)}
.portfolio-map-center {background:var(--site-glass-primary);box-shadow:inset 0 1px 0 #ffffff57,0 3px 8px #285e521a}
.portfolio-map-center>span {color:#fff}
.portfolio-map-center>.feature-glyph {color:#e0eee7}
.audience-path {background:var(--site-glass-fill);box-shadow:var(--site-glass-shadow);border:1px solid var(--site-glass-line)}
.audience-path:nth-child(2) {background:linear-gradient(145deg,#354f46,#243833 68%);color:var(--brand-paper);border-color:#456357;box-shadow:inset 0 1px 0 #ffffff29,0 5px 18px #24383312}
/* Crisp product captures inside a frosted frame; never blur the source image. */
.capture-open {padding:10px;background:var(--site-glass-fill);border-color:var(--site-glass-edge);border-radius:24px;box-shadow:var(--site-glass-float-shadow)}
.capture-open img {border-radius:14px;outline:1px solid #0000001a;outline-offset:-1px}
.hero-scene.has-product-capture {padding:14px;background:linear-gradient(140deg,#ffffffb3,#dcebe5b3);border:1px solid var(--site-glass-edge);border-radius:38px;box-shadow:var(--site-glass-shadow)}
.capture-enlarge {background:var(--site-glass-control);border-color:var(--site-glass-line);box-shadow:var(--site-glass-shadow);right:20px;bottom:20px;border-radius:8px}
.focus-window {border-color:var(--site-glass-line);box-shadow:var(--site-glass-shadow)}
#product-image-dialog {border-radius:22px}
#product-image-dialog::backdrop {background:#193b3066;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.capture-dialog-toolbar {background:linear-gradient(135deg,#fcfefdef,#eff6f1f5);border-color:var(--site-glass-line)}
.button {
  background:var(--site-glass-primary);
  color:#fff;
  border:1px solid var(--brand-focus);
  box-shadow:inset 0 1px 0 #ffffff57,0 3px 8px #285e521a;
  transition:box-shadow 150ms ease-out,transform 150ms cubic-bezier(.2,0,0,1);
}
.button:hover {background:linear-gradient(155deg,#3c705f,#1f4b42);color:#fff}
.button-secondary,.focus-toolbar button,.round-next,.menu-toggle {
  background:var(--site-glass-control);border:1px solid var(--site-glass-line);color:var(--brand-ink);box-shadow:var(--site-glass-shadow);
}
.button-secondary:hover,.focus-toolbar button:hover,.round-next:hover {background:linear-gradient(145deg,#fff,#e7f0e9);border-color:#99b7a7;color:var(--brand-ink)}
.button:active:not(:disabled) {transform:scale(.96)}
.menu-toggle {border-radius:9px;padding-inline:10px}
.feature-area-nav a {background:var(--site-glass-control);border-color:var(--site-glass-line);box-shadow:inset 0 1px 0 #fff}
.feature-area-nav a[aria-current=page],.feature-area-nav a:hover {background:var(--site-glass-selected);border-color:#82a894}
.illustrated-tabs button[aria-selected=true] {background:var(--site-glass-selected);border-color:#bbd1c3;border-bottom-color:var(--brand-focus);box-shadow:var(--site-glass-shadow)}
.tour-tabs button[aria-selected=true] {background:linear-gradient(180deg,#ffffff00,#dfeee4a6);border-bottom-color:var(--brand-focus)}
#access-form :is(input,select,textarea),.followup-example textarea {background:#ffffffed;border-color:#cbdad1;box-shadow:inset 0 1px 2px #24383304}
/* Source logos and animation remain unchanged; their material now matches the app. */
.convergence-node {background:var(--site-glass-fill);border-color:var(--site-glass-line);box-shadow:var(--site-glass-shadow)}
.full-footer {background:linear-gradient(135deg,#ffffffed,#eff5f1ed);border-top:1px solid var(--site-glass-line);box-shadow:inset 0 1px 0 #fff}
@media(max-width:800px) {
 .site-header nav.is-open {background:var(--site-glass-fill);border-color:var(--site-glass-line);box-shadow:var(--site-glass-float-shadow);border-radius:16px;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}
 .site-header nav .audience-menu {background:#f4f8f5eF;border-radius:10px;box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:none;backdrop-filter:none}
 .capture-open {padding:6px;border-radius:18px}.capture-open img{border-radius:12px}
 .hero-scene.has-product-capture{padding:10px;border-radius:28px}
 .capture-enlarge{right:12px;bottom:12px}
}
@media(max-width:380px){.menu-toggle{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active:not(:disabled){transform:none}}
/* User preferences and browsers without blur retain complete, readable surfaces. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .site-header,.language-panel,.audience-menu,#product-image-dialog,.site-header nav.is-open {background:var(--brand-surface)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 body{background:var(--brand-paper)}
 .site-header,.language-panel,.audience-menu,#product-image-dialog,.site-header nav.is-open,
 :is(.day-sheet,.tour-receipt,.opportunity-preview,.opportunity-aside,.billing-example,.portfolio-map,.access-sheet,.pricing-grid,.followup-example,.setup-expectations,.capture-open,.capture-enlarge,.hero-scene.has-product-capture,.convergence-node) {background:var(--brand-surface);border-color:var(--brand-muted);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 .site-header nav .audience-menu{background:var(--brand-surface);box-shadow:none}
 #product-image-dialog::backdrop{background:#193b30cc;-webkit-backdrop-filter:none;backdrop-filter:none}
 .button,.portfolio-map-center{background:var(--brand-focus);box-shadow:none}
 .button-secondary,.focus-toolbar button,.round-next,.menu-toggle,.feature-area-nav a{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-muted);box-shadow:none}
 .pricing-plan.plan-pro,.illustrated-tabs button[aria-selected=true],.feature-area-nav a[aria-current=page]{background:var(--brand-soft);box-shadow:none}
}
@media(forced-colors:active) {
 body,.site-header,.language-panel,.audience-menu,#product-image-dialog,.site-header nav.is-open,
 :is(.day-sheet,.tour-receipt,.opportunity-preview,.opportunity-aside,.billing-example,.portfolio-map,.access-sheet,.pricing-grid,.followup-example,.setup-expectations,.capture-open,.hero-scene.has-product-capture,.portfolio-map-center,.audience-path,.convergence-node) {background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 .site-header nav .audience-menu{background:Canvas;box-shadow:none}
 .button,.button-secondary,.focus-toolbar button,.round-next,.menu-toggle,.feature-area-nav a{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
 .illustrated-tabs button[aria-selected=true],.feature-area-nav a[aria-current=page]{border-color:Highlight}
 .portfolio-map-center>span,.portfolio-map-center>.feature-glyph{color:CanvasText}
}
/* Let floating menus sample the page instead of the header's backdrop root. */
.site-header:has(.nav-disclosure[open],.language-picker[open],nav.is-open) {-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:380px){
 .site-header{gap:4px}
 .site-header .header-cta{padding-inline:8px}
 .site-header .menu-toggle{padding-inline:3px;gap:2px}
 .language-picker>summary{width:44px}
}

/* v0.66 deck material, composed with live text and the product glass tokens. */
.feature-emblem{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid var(--site-glass-line);border-radius:16px;background:var(--site-glass-control);box-shadow:var(--site-glass-shadow);color:var(--brand-focus)}
.feature-emblem .feature-glyph{width:28px;height:28px}
.feature-hub-heading{grid-template-columns:54px minmax(0,1fr);column-gap:20px}
.feature-hub-heading>.feature-emblem{margin-top:2px}
.shared-workspace .feature-emblem{margin-bottom:20px}
.feature-area-nav a{display:flex;align-items:center;gap:8px}
.feature-area-nav .feature-glyph{width:18px;height:18px}
.capability-details summary{gap:16px}
.capability-details summary>.feature-emblem{width:44px;height:44px;border-radius:13px;transform:none!important}
.capability-details summary>.feature-emblem .feature-glyph{width:24px;height:24px}
.capability-details summary>strong{flex:1;min-width:0;font:inherit}
.capability-details details[open] .feature-emblem{background:var(--site-glass-selected);border-color:var(--brand-focus)}
.capability-details details>p{padding-left:60px}
.sculpture-source{background-image:url('https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6adbfdfb8b9df6fc95b50c2e_opportunity-sources.webp');background-repeat:no-repeat;background-size:380% auto;background-position-y:50%;mix-blend-mode:multiply}
/* Keep complete objects; exclude the original slide's connecting arrow gutters. */
.sculpture-source-0{background-position-x:3.247%;clip-path:polygon(0 0,100% 0,100% 32%,94% 32%,94% 54%,100% 54%,100% 100%,0 100%)}
.sculpture-source-1{background-position-x:51.542%;clip-path:polygon(0 0,100% 0,100% 32%,89% 32%,89% 54%,100% 54%,100% 100%,0 100%,0 54%,8% 54%,8% 32%,0 32%)}
.sculpture-source-2{background-position-x:99.025%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 54%,5% 54%,5% 32%,0 32%)}
.opportunity-overview{padding-block:15px 75px}
.opportunity-overview>h2{max-width:850px;margin:0 0 32px;font-size:clamp(30px,4vw,48px);line-height:1.2}
.deck-flow{margin:0}
.deck-flow>ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding:0;margin:0}
.deck-flow li{position:relative;min-width:0;display:flex;flex-direction:column}
.deck-flow-art{height:180px;display:flex;justify-content:center;align-items:center;position:relative}
.deck-flow-art>.sculpture{width:172px}
.deck-step{font-size:13px;letter-spacing:.08em;color:var(--brand-focus);font-weight:600;font-variant-numeric:tabular-nums}
.deck-flow-art .deck-step{position:absolute;left:22px;bottom:22px}
.deck-flow-copy{flex:1;border:1px solid var(--site-glass-line);border-radius:20px;background:var(--site-glass-fill);box-shadow:var(--site-glass-float-shadow);overflow:hidden}
.deck-flow-copy h3{display:flex;align-items:center;min-height:86px;padding:22px 24px;margin:0;font:500 21px/1.35 var(--brand-font-body);letter-spacing:-.025em;background:linear-gradient(135deg,#deebe3,#bed3c7);border-bottom:1px solid #aac5b7;color:var(--brand-ink)}
.deck-flow-copy p{margin:0;padding:25px 24px 30px;font-size:17px;line-height:1.7;color:var(--brand-muted)}
.flow-ribbon{position:absolute;left:calc(100% - 1px);top:206px;width:40px;height:34px;background:linear-gradient(90deg,#bdd3c5,#8daf9f);clip-path:polygon(0 20%,65% 20%,65% 0,100% 50%,65% 100%,65% 80%,0 80%);z-index:2;transform-origin:left center}
.deck-flow li:last-child>.flow-ribbon{display:none}
.deck-flow figcaption{margin-top:26px;font-size:13px;line-height:1.65;color:var(--brand-muted);max-width:760px}
/* The detailed workflows retain their reading order and gain small sculptures. */
.feature-workflow li{grid-template-columns:96px minmax(0,1fr);gap:20px;position:relative;padding:24px 0;border-top:0;align-items:center}
.workflow-station{position:relative;align-self:stretch;display:grid;align-content:start;justify-items:center}
.workflow-station .sculpture{width:90px}
.workflow-station .deck-step{margin-top:2px}
.feature-workflow li:not(:last-child) .workflow-station:after{content:'';position:absolute;top:120px;bottom:-22px;left:calc(50% - 3px);width:6px;border-radius:4px;background:linear-gradient(#c4d8cb,#8daf9f);transform-origin:top}
.opportunity-flow .opportunity-illustrated li{padding:22px 0 32px}
.opportunity-illustrated li:not(:last-child) .opportunity-station:after{border:0;width:6px;border-radius:4px;background:linear-gradient(#c4d8cb,#8daf9f);left:51px;transform-origin:top}
.opportunity-station .flow-number{background:var(--site-glass-control);box-shadow:var(--site-glass-shadow)}
.opportunity-aside{border-top:3px solid #8daf9f}
/* Curved ribbons and frosted endpoints echo the deck's manager portfolio. */
.portfolio-sources li{padding:15px 5px 12px;background:var(--site-glass-control);border:1px solid var(--site-glass-line);border-radius:13px;box-shadow:var(--site-glass-shadow)}
.portfolio-avatar{background:var(--site-glass-selected);border:1px solid #b5cdbd}
.portfolio-map .portfolio-ribbons{display:block;width:calc(100% * 2 / 3);height:60px;margin:0 auto;overflow:visible}
.portfolio-ribbons path{fill:none;stroke:#a6c2b2;stroke-width:14;stroke-linecap:butt}
.portfolio-ribbons path:nth-child(2){stroke:#bdd2c5;stroke-width:18}
.portfolio-map-center{margin-top:0;box-shadow:var(--site-glass-float-shadow)}
.portfolio-map-center:before{display:none}
.portfolio-destinations li{padding:18px 4px;background:var(--site-glass-control);border:1px solid var(--site-glass-line);border-radius:12px;box-shadow:var(--site-glass-shadow)}
.walkthrough-tabs.illustrated-tabs{gap:38px}
.illustrated-tabs button{border:1px solid var(--site-glass-line);border-radius:20px;background:var(--site-glass-control);box-shadow:var(--site-glass-shadow)}
.illustrated-tabs button:not(:last-child):after{content:'';width:40px;height:28px;right:-40px;top:45%;background:linear-gradient(90deg,#bdd3c5,#8daf9f);clip-path:polygon(0 20%,65% 20%,65% 0,100% 50%,65% 100%,65% 80%,0 80%);transform-origin:left center;z-index:1}
.illustrated-tabs button[aria-selected=true]{border:1px solid var(--brand-focus);box-shadow:var(--site-glass-shadow),0 0 0 2px #285e5214}
/* One pass on entry. Text is always readable; animation never gates content. */
@keyframes flow-arrive{from{opacity:.35;transform:translateY(13px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ribbon-across{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ribbon-down{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes ribbon-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes receipt-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 .flow-entered:is(.deck-flow li,.feature-workflow li,.opportunity-illustrated li) .sculpture,
 .flow-entered:is(.portfolio-sources li,.portfolio-destinations li,.portfolio-map-center),
 .illustrated-tabs .flow-entered>.sculpture{animation:flow-arrive .65s var(--ease-out) var(--flow-delay,0ms) backwards}
 .deck-flow .flow-entered .deck-flow-copy{animation:flow-arrive .6s var(--ease-out) calc(var(--flow-delay,0ms) + 90ms) backwards}
 .flow-entered>.flow-ribbon,.illustrated-tabs button.flow-entered:after{animation:ribbon-across .55s var(--ease-out) calc(var(--flow-delay,0ms) + 220ms) backwards}
 .feature-workflow .flow-entered .workflow-station:after,.opportunity-illustrated .flow-entered .opportunity-station:after{animation:ribbon-down .55s var(--ease-out) calc(var(--flow-delay,0ms) + 200ms) backwards}
 .portfolio-ribbons.flow-entered path{stroke-dasharray:1;animation:ribbon-draw .75s ease-in-out var(--flow-delay,0ms) backwards}
 .receipt-visual.flow-entered .receipt-bar{transform-origin:left;animation:receipt-fill .8s var(--ease-out) var(--flow-delay,0ms) backwards}
}
@media(max-width:1000px){
 .deck-flow>ol{gap:24px}.flow-ribbon{width:26px;height:28px;top:201px}
 .deck-flow-copy h3{font-size:19px;padding:20px 18px;min-height:76px}.deck-flow-copy p{padding:20px 18px 24px;font-size:16px}
}
@media(max-width:700px){
 .feature-hub-heading{grid-template-columns:44px minmax(0,1fr);gap:0 14px}.feature-hub-heading>.feature-emblem{width:44px;height:44px;border-radius:13px}.feature-hub-heading p{grid-column:1/-1}
 .deck-flow>ol{grid-template-columns:minmax(0,1fr);gap:32px}
 .deck-flow li{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;padding:18px 16px;border:1px solid var(--site-glass-line);border-radius:20px;background:var(--site-glass-fill);box-shadow:var(--site-glass-shadow)}
 .deck-flow-art{height:auto;min-height:135px}.deck-flow-art>.sculpture{width:108px}.deck-flow-art .deck-step{left:50%;bottom:0;transform:translateX(-50%)}
 .deck-flow-copy{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
 .deck-flow-copy h3{display:block;padding:0;margin:0 0 10px;background:none;border:0;min-height:0;font-size:20px;line-height:1.4}
 .deck-flow-copy p{padding:0;font-size:15px;line-height:1.65}
 .flow-ribbon{left:56px;top:100%;width:24px;height:34px;clip-path:polygon(20% 0,80% 0,80% 65%,100% 65%,50% 100%,0 65%,20% 65%);background:linear-gradient(#bdd3c5,#8daf9f);transform-origin:top}
 .deck-flow .flow-entered>.flow-ribbon{animation-name:ribbon-down}
 .opportunity-overview{padding-bottom:45px}
 .feature-workflow li{grid-template-columns:76px minmax(0,1fr);gap:18px}.workflow-station .sculpture{width:76px}.feature-workflow li:not(:last-child) .workflow-station:after{top:108px}
 .opportunity-illustrated li:not(:last-child) .opportunity-station:after{left:37px}
 .walkthrough-tabs.illustrated-tabs{gap:14px}.illustrated-tabs button{border-radius:16px}
 .portfolio-sources{gap:7px}.portfolio-sources li{font-size:12px;padding:12px 3px}.portfolio-map-permission{font-size:10px}
 .portfolio-destinations{gap:7px}.portfolio-destinations li{padding:14px 2px}
}
@media(max-width:380px){
 .deck-flow li{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:18px 12px}.deck-flow-art>.sculpture{width:80px}.deck-flow-art{min-height:112px}.deck-flow-copy h3{font-size:18px}.deck-flow-copy p{font-size:14px}.flow-ribbon{left:36px}
 .capability-details summary{gap:10px;font-size:18px}.capability-details details>p{padding-left:0}
 .feature-workflow li{grid-template-columns:60px minmax(0,1fr);gap:14px}.workflow-station .sculpture{width:62px}.feature-workflow li:not(:last-child) .workflow-station:after{top:94px}
 .opportunity-illustrated li:not(:last-child) .opportunity-station:after{left:28px}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .feature-emblem,.deck-flow li,.deck-flow-copy,.portfolio-sources li,.portfolio-destinations li{background:#f7faf8;box-shadow:none}
 .deck-flow-copy h3{background:#dce9e1}
}
@media(forced-colors:active){
 .feature-emblem,.deck-flow-copy,.deck-flow li,.portfolio-sources li,.portfolio-destinations li{background:Canvas;border-color:CanvasText;box-shadow:none}
 .deck-flow-copy h3{background:Canvas;color:CanvasText}.flow-ribbon{background:CanvasText}.portfolio-ribbons path{stroke:CanvasText}
}
/* Short process steps need a clear connector rather than a clipped vertical dot. */
.feature-workflow li:not(:last-child) .workflow-station:after{top:calc(100% + 7px);bottom:auto;height:32px;width:12px;left:calc(50% - 6px);clip-path:polygon(30% 0,70% 0,70% 72%,100% 72%,50% 100%,0 72%,30% 72%)}

/* Public beta presentation. Secondary actions have their own warm surface. */
:root{--brand-secondary:#d4e1eb;--brand-secondary-hover:#c3d5e3;--brand-secondary-border:#91aaba}
.button.button-secondary{background:var(--brand-secondary);color:var(--brand-ink);border:1px solid var(--brand-secondary-border);box-shadow:inset 0 1px 0 #fff8,0 3px 8px #2438330a}
.button.button-secondary .cta-arrow{background:#fff9;color:var(--brand-ink)}
@media(hover:hover){.button.button-secondary:hover{background:var(--brand-secondary-hover);border-color:#7895a8}}
.hero-actions{align-items:center;gap:14px}
.hero-actions .button{min-height:54px}
.feature-next{column-gap:14px;row-gap:22px}
.feature-next>div{flex-basis:380px}
.site-footer.full-footer{width:100%;max-width:none;margin:0;grid-template-columns:minmax(220px,.8fr) minmax(0,2.2fr);gap:32px clamp(32px,4vw,128px);padding:44px clamp(24px,4vw,128px) 24px;align-items:start}
.full-footer nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,80px);font-size:14px}
.full-footer nav>div{gap:4px}
.full-footer nav h2{font-size:13px;font-weight:600;margin:0 0 10px;color:var(--brand-ink)}
.full-footer nav a{display:flex;align-items:center;min-height:36px;padding-block:5px;text-decoration:none;line-height:1.5}
.footer-brand p{max-width:210px;font-size:14px;margin:18px 0 0;line-height:1.7}
.footer-bottom{padding-top:18px;gap:16px;font-size:12px}
.footer-bottom small{font-size:12px}
.site-footer .footer-bottom small{border:0;padding:0}
.footer-bottom>a{margin-left:auto;color:var(--brand-muted)}
/* Keep the authored Chinese phrases intact within the two-column hero. */
html[lang=zh-Hant] .role-hero h1{font-size:clamp(30px,4.6vw,64px);line-height:1.3;letter-spacing:-.025em;text-wrap:initial}
html[lang=zh-Hant] .role-hero h1 .heading-line{display:block;white-space:nowrap}
.role-hero>div:first-child{min-width:0}
html[lang=zh-Hant] .opportunity-aside h2{font-size:clamp(26px,3vw,36px)}
.document-flow,.government-overview{padding-block:45px 75px}
.document-flow>h2,.government-overview>h2{font-size:clamp(30px,4vw,48px);line-height:1.2;max-width:900px;margin:0 0 30px}
.deck-flow-four>ol{grid-template-columns:repeat(4,minmax(0,1fr))}
.deck-flow-four .deck-flow-copy h3{font-size:19px;padding-inline:18px;min-height:86px}
.deck-flow-four .deck-flow-copy p{font-size:16px;padding:22px 18px}
.deck-flow-four .deck-flow-art>.sculpture{width:145px}
@media(max-width:1000px) and (min-width:701px){
 .deck-flow-four>ol{gap:18px}.deck-flow-four .deck-flow-copy h3{font-size:17px;padding-inline:14px}.deck-flow-four .deck-flow-copy p{font-size:15px;padding-inline:14px}.deck-flow-four .flow-ribbon{width:20px}.deck-flow-four .deck-flow-art>.sculpture{width:120px}
}
@media(max-width:1000px){.site-footer.full-footer{grid-template-columns:minmax(0,1fr);gap:28px}.footer-brand{display:flex;align-items:center;gap:28px}.footer-brand p{max-width:none;margin:0}}
@media(max-width:700px){
 .deck-flow-four>ol{grid-template-columns:minmax(0,1fr)}
 .deck-flow-four .deck-flow-art>.sculpture{width:108px}
 .deck-flow-four .deck-flow-copy h3{font-size:20px;padding:0;min-height:0}
 .deck-flow-four .deck-flow-copy p{font-size:15px;padding:0}
 .document-flow,.government-overview{padding-block:30px 45px}
 .site-footer.full-footer{padding:32px 20px 22px;gap:26px}.full-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
 .full-footer nav a{min-height:40px}.full-footer nav h2{margin-bottom:5px}
 .footer-brand{display:block}.footer-brand p{margin-top:12px}
 .hero-actions{align-items:stretch}.hero-actions .button{justify-content:space-between}
 .feature-hero-actions .button{width:fit-content}
 html[lang=zh-Hant] .role-hero h1{font-size:clamp(30px,8vw,48px)}
}
@media(max-width:380px){.deck-flow-four .deck-flow-art>.sculpture{width:80px}.deck-flow-four .deck-flow-copy h3{font-size:18px}.deck-flow-four .deck-flow-copy p{font-size:14px}.feature-next>.button{width:100%;justify-content:space-between}}
@media(forced-colors:active){.button.button-secondary{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}}

/* Value-first copy: readable benefit lists, with room for localized sentences. */
.hero-positioning{font-family:var(--brand-font-body);font-size:16px;line-height:1.5;font-weight:600;color:var(--brand-focus);margin:0 0 22px;letter-spacing:.02em}
.hero .hero-intro{max-width:700px;font-size:18px;line-height:1.75;text-wrap:pretty}
.feature-hub-row ul{font-size:16px;line-height:1.65;gap:12px}
.feature-hub-row p{text-wrap:pretty}
.opportunity-preview p,.portfolio-map>p,.plan-detail-note{font-size:15px;line-height:1.7}
.tour-note{font-size:15px;line-height:1.7}
@media(max-width:700px){
 .hero-positioning{font-size:15px;margin-bottom:18px}
 .hero .hero-intro{font-size:17px;line-height:1.75}
 .feature-hub-row{grid-template-columns:minmax(0,1fr);gap:22px}
 .feature-hub-row>div{grid-column:auto}
 .feature-hub-row>.text-link{justify-self:start}
 .feature-hub-row ul{font-size:16px}
 .role-hero>div:first-child>p{font-size:17px;line-height:1.75}
}
html[lang=zh-Hant] .role-hero h1 .heading-line{white-space:normal;text-wrap:balance}
@media(min-width:701px) and (max-width:1000px){.opportunity-flow{grid-template-columns:minmax(0,1fr);gap:32px}.opportunity-aside{position:static}}

/* The consolidation story must stay readable alongside the scroll animation. */
.convergence-heading p{font-size:17px;line-height:1.6;max-width:620px}
.convergence-result>span{font-size:16px;line-height:1.6}
.is-convergence-enhanced .convergence-stage{min-height:260px;height:clamp(260px,32svh,360px)}
@media(max-width:600px){
 .convergence-heading p{font-size:16px;line-height:1.55;margin-top:14px}
 .convergence-result>span{font-size:16px;line-height:1.55}
 .is-convergence-enhanced .convergence-stage{height:260px;min-height:260px}
}
@media(max-width:380px){html[lang=en] .convergence-heading h2{font-size:27px}}

/* Full-width scene background. The pale left scrim belongs to the layout, not the asset. */
.page-heading.has-hero-media{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;max-width:none;min-height:620px;margin-block:24px 64px;padding:84px max(var(--layout-gutter),calc((100% - var(--layout-max))/2));overflow:hidden;background:var(--brand-paper)}
.has-hero-media .page-hero-copy{position:relative;z-index:2;width:min(600px,52%);min-width:0}
html[lang] .page-heading.has-hero-media h1{font-size:clamp(40px,4.2vw,64px);line-height:1.08;max-width:none;letter-spacing:-.04em}
html[lang=zh-Hant] .page-heading.has-hero-media h1{font-size:clamp(38px,3.7vw,56px);line-height:1.25;letter-spacing:-.035em}
.has-hero-media .page-intro{max-width:530px;font-size:17px;line-height:1.75;margin-top:24px;text-wrap:pretty;color:var(--brand-ink-soft)}
.has-hero-media .feature-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-media-slot{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-media-slot img,.hero-media-slot video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 48%}
.hero-media-slot video{opacity:0}.hero-media-slot video.has-frame{opacity:1}
.hero-media-slot::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(246,248,247,.99) 0%,rgba(246,248,247,.97) 28%,rgba(246,248,247,.92) 45%,rgba(246,248,247,.52) 59%,rgba(246,248,247,.08) 77%,rgba(246,248,247,0) 100%)}
.hero-film-toggle{position:absolute;z-index:3;right:24px;bottom:24px;min-height:44px;padding:10px 18px;border:1px solid var(--brand-line);border-radius:var(--radius-control);background:var(--brand-paper);font:inherit;font-size:14px;cursor:pointer}
@media(min-width:1800px){.page-heading.has-hero-media{min-height:680px}.hero-media-slot::after{background:linear-gradient(90deg,rgba(246,248,247,.99),rgba(246,248,247,.97) 35%,rgba(246,248,247,.92) 49%,rgba(246,248,247,.45) 63%,transparent 82%)}}
@media(max-width:1000px){
 .page-heading.has-hero-media{min-height:560px;padding-block:64px}
 .has-hero-media .page-hero-copy{width:65%;max-width:580px}
 .hero-media-slot img,.hero-media-slot video{object-position:65% center}
 .hero-media-slot::after{background:linear-gradient(90deg,rgba(246,248,247,.99),rgba(246,248,247,.96) 44%,rgba(246,248,247,.83) 62%,rgba(246,248,247,.1) 100%)}
}
@media(max-width:600px){
 .page-heading.has-hero-media{display:block;min-height:0;margin-block:20px 42px;padding-top:28px;padding-bottom:300px}
 .has-hero-media .page-hero-copy{width:100%;max-width:none}
 html[lang] .page-heading.has-hero-media h1{font-size:clamp(32px,8.5vw,46px)}
 html[lang=zh-Hant] .page-heading.has-hero-media h1{font-size:clamp(30px,7.8vw,42px)}
 .has-hero-media .page-intro{font-size:16px;line-height:1.75;margin-top:20px}
 .hero-media-slot img,.hero-media-slot video{top:auto;bottom:0;height:360px;object-position:78% center}
 .hero-media-slot::after{background:linear-gradient(to bottom,var(--brand-paper) 0%,rgba(246,248,247,.96) 14%,rgba(246,248,247,.6) 29%,rgba(246,248,247,.05) 70%,transparent 100%);top:auto;height:360px;bottom:0}
 .hero-film-toggle{right:16px;bottom:16px}
 .page-product .product-section .section-heading{align-items:flex-start;flex-direction:column;gap:20px}
 .page-product .product-section .section-heading h2{max-width:none;width:100%}
 .page-product .product-section .video-trigger{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.hero-media-slot video,.hero-film-toggle{display:none}}
@media(forced-colors:active){.hero-media-slot{display:none}.has-hero-media .page-hero-copy{width:100%}}

/* Frosted helper: painted vector material, without blur over facial details. */
.brand-helper{filter:drop-shadow(0 4px 4px #234e4317)}
.compact-closing>.brand-helper{width:104px;height:110px}
.compact-closing{background:radial-gradient(ellipse at 20% 0,#ffffffc9,transparent 65%),linear-gradient(135deg,#e6f0e9f5,#c5dfd2ed);border-block:1px solid #c1d7c9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80}
.helper-body{transform-box:fill-box;transform-origin:50% 90%;transition:transform 240ms var(--ease-out)}
.helper-fold{transform-box:fill-box;transform-origin:10% 90%}
.helper-eyes{transform-box:fill-box;transform-origin:center}
@keyframes helper-greet{0%{transform:translateY(4px) rotate(-3deg)}30%{transform:translateY(-4px) rotate(2deg)}65%{transform:translateY(-2px) rotate(-1deg)}100%{transform:none}}
@keyframes helper-glint{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(95px)}}
@keyframes helper-fold-tip{0%,100%{transform:none}45%{transform:rotate(-7deg)}}
@keyframes helper-blink{0%,42%,48%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}
@media(prefers-reduced-motion:no-preference){
 .helper-awake .helper-body{animation:helper-greet 2s var(--ease-out) both}
 .helper-awake .helper-shine{animation:helper-glint 2.2s ease-in-out both}
 .helper-awake .helper-fold{animation:helper-fold-tip 1.4s ease-in-out 300ms both}
 .helper-awake .helper-eyes{animation:helper-blink 2.5s ease-in-out both}
 .opportunity-illustrated li.flow-entered>div:last-child{animation:flow-arrive .65s var(--ease-out) calc(var(--flow-delay,0ms) + 100ms) backwards}
}
/* A five-scene film composed of live, localized text and original deck artwork. */
.opportunity-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:clamp(28px,4.4vw,64px);align-items:center;padding-block:48px 70px}
.opportunity-hero h1{font:normal clamp(42px,4.7vw,68px)/1.08 var(--brand-font-display);letter-spacing:-.045em;margin:0 0 26px;text-wrap:balance}
.opportunity-hero>div>p{font-size:18px;line-height:1.75;color:var(--brand-muted);max-width:510px}
html[lang=zh-Hant] .opportunity-hero h1{font-size:clamp(32px,3.65vw,52px);line-height:1.3;letter-spacing:-.025em}
html[lang=zh-Hant] .opportunity-hero h1 .heading-line{white-space:nowrap;display:block}
.opportunity-hero .feature-hero-actions{gap:12px;margin-bottom:0}
.opportunity-hero .button{font-size:14px;padding:16px 18px}
.opportunity-motion{margin:0;min-width:0;border:1px solid #c3d8d0;border-radius:26px;background:linear-gradient(140deg,#ffffffed,#e8f2ecf0);box-shadow:inset 0 1px 0 white,0 18px 60px #315c4920;overflow:hidden;isolation:isolate}
.motion-scene-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 0;font-size:12px;color:var(--brand-muted);line-height:1.5}
.motion-counter{flex:none;color:var(--brand-focus);font-variant-numeric:tabular-nums;letter-spacing:.08em}
.motion-theater{height:340px;position:relative;padding:14px 24px 20px;overflow:hidden}
.motion-orbit{position:absolute;left:50%;top:17px;width:260px;height:205px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#c7ddd1a6,transparent 68%);pointer-events:none}
.motion-helper{position:absolute;right:26px;top:26px;transform:rotate(8deg);z-index:3}
.motion-helper .brand-helper{width:54px;height:60px}
.motion-frame{position:relative;display:flex;align-items:center;flex-direction:column;height:100%;z-index:1;mix-blend-mode:multiply}
.motion-frame[hidden],.motion-controls[hidden],.motion-step-list[hidden]{display:none}
.motion-sculpture{display:grid;place-items:center;height:195px;flex:none}
.motion-sculpture>.sculpture{width:200px}
.motion-copy{text-align:center;max-width:470px}
.motion-copy h3{font:500 clamp(22px,2vw,28px)/1.3 var(--brand-font-body);letter-spacing:-.025em;margin:3px 0 12px;text-wrap:balance}
.motion-copy p{font-size:15px;line-height:1.65;color:var(--brand-muted);margin:0 auto;max-width:370px;text-wrap:pretty}
.motion-progress{height:3px;background:#dfe9e2;margin:0 24px;overflow:hidden}
.motion-progress span{display:block;height:100%;background:var(--brand-focus);transform:scaleX(0);transform-origin:left}
.motion-step-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:18px 15px 12px}
.motion-step-list button{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:8px;min-width:0;padding:10px 4px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--brand-muted);font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.motion-step-list .feature-glyph{width:24px;height:24px;color:inherit}
.motion-step-list button span{font-size:11px;line-height:1.4;text-align:center}
.motion-step-list button[aria-pressed=true]{color:var(--brand-focus);background:#dbece2;border-color:#9abbaa;box-shadow:inset 0 1px 0 #fff9}
.motion-step-list button:hover{background:#e1ebe5}.motion-step-list button:active{transform:scale(.97)}
.motion-step-list button:focus-visible,.motion-controls button:focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
.motion-scene-bottom{padding:2px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:1.5;color:var(--brand-muted)}
.motion-controls{display:flex;gap:8px;flex:none}
.motion-controls button{font:inherit;font-size:12px;min-height:36px;padding:6px 8px;border:1px solid #b7ccbf;border-radius:8px;background:#f5faf7;color:var(--brand-focus);cursor:pointer}
.motion-controls button:active{transform:scale(.97)}
@keyframes scene-object{from{opacity:0;transform:translateY(22px) rotate(-4deg) scale(.95)}to{opacity:1;transform:none}}
@keyframes scene-words{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .scene-arrives .motion-sculpture{animation:scene-object .7s var(--ease-out) both}
 .scene-arrives .motion-copy{animation:scene-words .55s var(--ease-out) 160ms both}
}
@media(max-width:1000px){.opportunity-hero{grid-template-columns:minmax(0,1fr);gap:36px}.opportunity-hero>div:first-child{max-width:760px}.opportunity-motion{width:100%;max-width:650px;margin-inline:auto}.opportunity-hero h1{font-size:58px}html[lang=zh-Hant] .opportunity-hero h1{font-size:48px}}
@media(max-width:600px){
 .opportunity-hero{padding-block:30px 45px}.opportunity-hero h1{font-size:clamp(34px,10.5vw,44px)}html[lang=zh-Hant] .opportunity-hero h1{font-size:clamp(30px,8vw,45px)}
 .opportunity-hero>div>p{font-size:16px}.opportunity-hero .feature-hero-actions{gap:10px}.opportunity-hero .button{font-size:13px;padding:14px 12px}
 .opportunity-motion{border-radius:20px}.motion-scene-top{padding:18px 16px 0;font-size:11px;gap:8px}.motion-theater{height:330px;padding:12px 16px 18px}
 .motion-helper{right:18px;top:22px}.motion-helper .brand-helper{width:42px;height:47px}.motion-sculpture{height:180px}.motion-sculpture>.sculpture{width:175px}
 .motion-copy h3{font-size:23px}.motion-copy p{font-size:14px}.motion-step-list{padding:14px 8px 10px;gap:2px}.motion-step-list button span{font-size:10px}.motion-step-list .feature-glyph{width:21px;height:21px}
 .motion-scene-bottom{padding:0 16px 16px;flex-wrap:wrap}.motion-controls{margin-left:auto}.motion-progress{margin-inline:16px}
}
@media(max-width:380px){.motion-scene-top{font-size:10px;padding-inline:12px}.motion-theater{height:325px}.motion-copy h3{font-size:21px}.motion-copy p{font-size:13px}.motion-step-list button span{font-size:9px}.motion-step-list button{padding-inline:2px}.motion-step-list .feature-glyph{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.brand-helper *,.opportunity-motion *{animation:none!important;transition:none!important}.compact-closing:focus-within .helper-body,.compact-closing:has(.button:hover) .helper-body{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.opportunity-motion{background:#f4f8f5;box-shadow:none}.motion-orbit{display:none}.motion-copy p,.motion-scene-top,.motion-scene-bottom{color:var(--brand-ink)}}
@media(forced-colors:active){.opportunity-motion{background:Canvas;border-color:CanvasText;box-shadow:none}.motion-step-list button[aria-pressed=true]{background:Highlight;color:HighlightText}.motion-progress span{background:Highlight}.motion-orbit{display:none}}

/* Live workflow graphics. Essential descriptions remain readable at every frame. */
.value-graph{border:1px solid #bed2c7;border-radius:28px;padding:30px;background:linear-gradient(135deg,#ffffffd9,#e7f0e9c9);box-shadow:inset 0 1px 0 #fff,0 20px 65px #1f514210}
.graph-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.graph-node{min-width:0;position:relative}.graph-label{display:flex;justify-content:space-between;align-items:center;color:#557568;font-size:12px}.graph-label .feature-glyph{width:26px;height:26px}
.graph-demo{height:210px;display:flex;flex-direction:column;justify-content:center;gap:10px;margin:20px 0 24px;padding:20px;background:#fff9;border:1px solid #d0ded5;border-radius:16px;box-shadow:0 7px 20px #20473608;transition:border-color .24s,box-shadow .24s;overflow:hidden}
.graph-node a,.graph-opportunity a{color:inherit;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none}.graph-node a:hover,.graph-opportunity a:hover{color:#287462}.graph-node a:active,.graph-opportunity a:active{transform:scale(.98)}
.graph-node h3,.graph-opportunity h3{font:500 22px/1.4 var(--brand-font-body);margin:0}.graph-node p{font-size:15px;line-height:1.7;color:var(--brand-muted);margin:10px 0 0}
.graph-envelope,.graph-notice{display:flex;align-items:center;gap:10px;font-size:12px}.graph-envelope .feature-glyph{width:24px;height:24px}.graph-fields{display:grid;gap:7px;font-size:12px;border-top:1px solid #d9e3dc;padding-top:12px}.graph-fields strong{font-size:24px;font-weight:500}.graph-fields>span:last-child{color:#3a7560}
.graph-task{display:flex;align-items:center;gap:9px;font-size:12px}.graph-task b{margin-left:auto;font-size:11px;font-weight:400;color:#557568}.graph-task i{width:13px;height:13px;border:1px solid #9bb7a8;border-radius:3px;flex:none}.graph-notice{padding:10px 8px;background:#e4eee7;border-radius:8px;font-size:11px}.graph-notice .feature-glyph{width:17px;height:17px}
.graph-invoice{display:flex;flex-direction:column;gap:8px;font-size:12px}.graph-invoice strong{font-size:30px;font-weight:500}.graph-moneybar{height:8px;background:#dfe7e2;border-radius:4px;overflow:hidden;margin:10px 0}.graph-moneybar span{display:block;width:50%;height:100%;background:#31735f;transform-origin:left}.graph-money{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#52675c}.graph-money b{display:block;font-size:15px;font-weight:500;color:#244738;margin-top:5px}
.graph-connector{position:absolute;left:calc(100% + 3px);top:150px;width:36px;height:2px;background:#bfd1c6}.graph-connector>span{display:block;height:100%;background:#2c705b;transform-origin:left;transform:scaleX(var(--sequence-progress,0))}.graph-connector i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#2c705b;left:calc(var(--sequence-progress,0) * 100%);opacity:0}.sequence-active .graph-connector i{opacity:1}.graph-node:last-child .graph-connector{display:none}
.graph-opportunity{border-top:1px solid #c4d7cb;margin-top:30px;padding-top:24px;display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center}.graph-opportunity>div{display:flex;align-items:center;gap:14px}.graph-opportunity h3{font-size:18px}.graph-opportunity ol{display:flex;justify-content:space-between;gap:14px;list-style:none;margin:0;padding:0}.graph-opportunity li{font-size:12px;padding:10px;border:1px solid #c4d7cb;border-radius:9px;position:relative;background:#ffffff70}.graph-opportunity li+li:before{content:'→';position:absolute;left:-15px;color:#688e7c}
.sequence-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;border-top:1px solid #c6d9cd;padding-top:16px}.sequence-controls[hidden]{display:none}.sequence-controls>div{display:flex;gap:10px}.sequence-controls button{font:inherit;font-size:12px;padding:10px 14px;min-height:40px;border:1px solid #abc5b5;background:#f4f9f5;color:#285e52;border-radius:9px;cursor:pointer;transition:background .2s,transform .2s}.sequence-controls button:hover{background:#d9e9de}.sequence-controls button:active{transform:scale(.97)}.sequence-controls button:focus-visible{outline:2px solid #285e52;outline-offset:3px}.sequence-position{font-size:12px;letter-spacing:.08em;color:#557568}.graph-caption{font-size:12px;line-height:1.7;color:#617368;margin:16px 0 0}
[data-sequence] .sequence-active .graph-demo{border-color:#4d9276;box-shadow:0 8px 30px #285e5220,inset 0 1px 0 #fff}
[data-sequence].deck-flow .flow-ribbon{background:#dae5dd;overflow:hidden}[data-sequence].deck-flow .flow-ribbon:after{content:'';display:block;position:absolute;inset:0;background:#4f9275;transform-origin:left;transform:scaleX(var(--sequence-progress,0))}
[data-sequence].deck-flow .deck-flow-copy{transition:box-shadow .24s,border-color .24s}[data-sequence].deck-flow .sequence-active .deck-flow-copy{border-color:#4d9276;box-shadow:0 10px 36px #285e5227}[data-sequence].deck-flow .sequence-done .deck-step{color:#285e52}
@keyframes graph-field{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes graph-notice{0%,35%{opacity:0;transform:translateY(18px)}60%,100%{opacity:1;transform:none}}
@keyframes graph-receipt{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes graph-lift{0%{transform:translateY(0)}35%{transform:translateY(-9px)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
.sequence-active .graph-fields{animation:graph-field .7s ease-out both}.sequence-active .graph-task{animation:graph-field .6s ease-out both}.sequence-active .graph-notice{animation:graph-notice 1.8s ease-out both}.sequence-active .graph-moneybar span{animation:graph-receipt 1.3s ease-out both}.sequence-active.graph-opportunity li{animation:graph-field .5s ease-out both}.sequence-active.graph-opportunity li:nth-child(2){animation-delay:.8s}.sequence-active.graph-opportunity li:nth-child(3){animation-delay:1.6s}[data-sequence].deck-flow .sequence-active .sculpture{animation:graph-lift 1.1s ease-out both}
[data-sequence]:not(.sequence-running) *{animation-play-state:paused!important}
}
@media(max-width:900px){.value-graph{padding:22px}.graph-main{gap:26px}.graph-connector{width:20px}.graph-demo{padding:12px}.graph-opportunity{grid-template-columns:1fr}.graph-opportunity ol{justify-content:flex-start;gap:26px}.graph-node h3{font-size:19px}}
@media(max-width:650px){.value-graph{padding:22px 18px;border-radius:22px}.graph-main{grid-template-columns:1fr;gap:38px}.graph-node{display:grid;grid-template-columns:1fr;gap:0}.graph-demo{height:185px;margin:10px 0 18px;padding:20px}.graph-label{justify-content:flex-start;gap:14px}.graph-connector{top:calc(100% + 15px);left:50%;width:2px;height:24px}.graph-connector>span{transform:scaleY(var(--sequence-progress,0));transform-origin:top}.graph-connector i{left:-3px;top:calc(var(--sequence-progress,0) * 100%)}.graph-opportunity ol{gap:17px}.graph-opportunity li{font-size:11px;padding:8px;flex:1;text-align:center}.graph-opportunity h3{font-size:17px}.graph-opportunity li+li:before{left:-14px}.graph-caption{font-size:11px}.sequence-controls button{padding:9px 12px}.sequence-controls{gap:8px}[data-sequence].deck-flow .flow-ribbon:after{transform:scaleY(var(--sequence-progress,0));transform-origin:top}}
@media(prefers-reduced-motion:reduce){[data-sequence] *{animation:none!important;transition:none!important}.graph-connector span{transform:none}.graph-connector i{display:none}}
.film-link{display:inline-flex;align-items:center;gap:9px;color:var(--brand-focus);border:0;background:transparent;font:inherit;font-size:14px;padding:12px;cursor:pointer;margin:10px auto 0}.film-link[hidden]{display:none}.film-link:hover{text-decoration:underline}.film-link:active{transform:scale(.98)}#video-dialog{max-width:1200px;width:90vw;padding:16px;border-radius:20px;background:#162f28}#video-dialog video{width:100%;display:block;border-radius:10px}#video-dialog::backdrop{background:#0a201bcc;backdrop-filter:blur(8px)}

/* Small UI icons only. Large workflow illustrations retain their original artwork. */
:root {
 --icon-mist:color-mix(in srgb,var(--brand-soft) 85%,#fff);
 --icon-surface:linear-gradient(145deg,#ffffffd9,var(--icon-mist));
 --icon-edge:color-mix(in srgb,var(--brand-focus) 18%,var(--brand-paper));
 --icon-shadow:inset 0 1px 0 #ffffffc7;
}
.glass-glyph {overflow:visible}
.glass-object {display:block;width:100%;height:100%}
.feature-emblem {
 background:var(--icon-surface);border:1px solid var(--icon-edge);
 box-shadow:var(--icon-shadow);border-radius:14px;
}
.feature-emblem::before {content:none}
.capability-details summary>.feature-emblem {border-radius:12px}
.capability-details details[open] .feature-emblem {background:var(--brand-soft);border-color:var(--brand-focus)}
.case-mark {display:block;width:64px;height:64px;padding:0;line-height:0}
.case-mark .glass-object {width:64px;height:64px;margin:0}
.use-case-rows article {grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:36px}
.cta-arrow,.text-link .cta-arrow,.button.button-secondary .cta-arrow,
.play-symbol,.payment-check,.small-spark,.file-symbol,
.opportunity-preview li::before {
 background:var(--icon-surface);color:var(--brand-focus);border:1px solid var(--icon-edge);box-shadow:none;
}
.button:not(.button-secondary) .cta-arrow {
 background:#ffffff14;color:#fff;border-color:#ffffff40;box-shadow:none;
}
.cta-arrow svg {filter:none}
.play-symbol {display:inline-grid;place-items:center;border-radius:50%}
.language-picker>summary {border-radius:12px;background:var(--icon-surface);box-shadow:none;border:1px solid var(--icon-edge)}
.language-picker>summary>.feature-glyph {width:21px;height:21px}
.opportunity-preview li::before {display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:13px;flex:none}
.day-sheet-heading>.feature-glyph {width:26px;height:26px}
.portfolio-map-center .glass-glyph {color:#ecfff5}
/* Keep the pair of related-feature actions together at every breakpoint. */
.feature-next {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}
.feature-next-copy {min-width:0}
.feature-next-actions {display:flex;align-items:center;justify-content:flex-end;gap:12px}
.feature-next-actions .button {white-space:nowrap;justify-content:center;flex:none}
@media(max-width:1100px) {
 .feature-next {grid-template-columns:minmax(0,1fr);gap:24px}
 .feature-next-actions {justify-content:flex-start}
}
@media(max-width:800px) {
 .use-case-rows article {grid-template-columns:50px minmax(0,1fr);gap:16px 18px}
 .use-case-rows article p {grid-column:2}
 .case-mark {grid-row:1 / span 2;width:50px;height:50px}
 .case-mark .glass-object {width:50px;height:50px}
}
@media(max-width:640px) {
 .feature-next-actions {display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .feature-next-actions .button {width:100%;white-space:normal;justify-content:space-between}
}
@media(max-width:380px) {
 .use-case-rows article {grid-template-columns:44px minmax(0,1fr);column-gap:14px}
 .case-mark,.case-mark .glass-object {width:44px;height:44px}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 .feature-emblem,.language-picker>summary,.cta-arrow,.text-link .cta-arrow,.button.button-secondary .cta-arrow,
 .play-symbol,.payment-check,.small-spark,.file-symbol,.opportunity-preview li::before {
  background:var(--brand-surface);border-color:var(--brand-focus);box-shadow:none;
 }
 .small-glass-face {fill:var(--brand-soft);stroke:var(--brand-focus)}
}
@media(forced-colors:active) {
 .feature-emblem,.language-picker>summary,.cta-arrow,.text-link .cta-arrow,.button.button-secondary .cta-arrow,
 .play-symbol,.payment-check,.small-spark,.file-symbol,.opportunity-preview li::before {background:Canvas;border-color:ButtonText;color:ButtonText;box-shadow:none}
 .glass-object g {stroke:CanvasText}.small-glass-face {fill:Canvas;stroke:CanvasText}
 .portfolio-map-center .glass-glyph {color:CanvasText}
}

/* Homepage keeps its original centered copy, actions and product capture. */
.page-home .hero{padding-top:0}
.home-hero-stage{position:relative;isolation:isolate;padding:82px 0 88px;overflow:hidden;background:var(--brand-paper)}
.home-hero-stage .hero-copy{max-width:1240px;margin-inline:auto}
.home-hero-stage .hero-media-slot::after{background:linear-gradient(to bottom,rgba(246,248,247,.1),rgba(246,248,247,.3) 18%,rgba(246,248,247,.56) 36%,rgba(246,248,247,.55) 62%,rgba(246,248,247,.05) 82%,transparent),linear-gradient(90deg,rgba(246,248,247,.7),rgba(246,248,247,.52) 36%,rgba(246,248,247,.36) 58%,rgba(246,248,247,.17) 76%,rgba(246,248,247,.02)),linear-gradient(to top,var(--brand-paper),transparent 28%)}
.home-hero-stage .hero-intro{color:var(--brand-ink)}
.page-home .hero-scene{margin-top:40px}
.home-hero-stage .hero-film-toggle{right:24px;bottom:16px}
/* Two independent roadmaps. A connector belongs to a station, never a text baseline. */
.opportunity-roadmap{padding-block:clamp(56px,8vw,108px)}
.roadmap-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px}
.roadmap-heading h2{max-width:800px}
.roadmap-heading .text-link{flex-shrink:0}
.graph-main{--roadmap-gap:64px;list-style:none;margin:0;padding:0;gap:var(--roadmap-gap)}
.graph-label{height:32px;font-size:14px}
.graph-station{position:relative;margin:18px 0 24px}
.graph-station .graph-demo{margin:0;height:220px}
.graph-node .graph-connector{position:absolute;display:block;left:calc(100% + 8px);top:calc(50% - 12px);width:calc(var(--roadmap-gap) - 16px);height:24px;background:none;transform:none;pointer-events:none}
.graph-connector svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--brand-focus);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.roadmap-track{opacity:.5}.roadmap-progress{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sequence-progress,0));stroke-width:3}
.graph-node p{font-size:16px}
.graph-envelope,.graph-fields,.graph-task,.graph-invoice{font-size:14px}
.graph-notice,.graph-money{font-size:13px}
.graph-task b{font-size:13px}
.roadmap-source{display:flex;align-items:center;gap:14px}.roadmap-source strong{font-size:18px;font-weight:500}
.roadmap-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.roadmap-tags span{font-size:13px;padding:6px 9px;background:var(--brand-soft);border-radius:6px}
.roadmap-check{display:flex;align-items:center;gap:12px;font-size:15px;padding:9px 0}.roadmap-check>span{color:var(--brand-focus);font-size:20px;width:22px}
.sequence-active .roadmap-check{animation:graph-field .6s ease-out both}.sequence-active .roadmap-check:nth-child(2){animation-delay:.2s}.sequence-active .roadmap-check:nth-child(3){animation-delay:.4s}
/* Illustrated sequences connect the centers of their art stations. */
[data-sequence].deck-flow .flow-ribbon{background:#91afa0}
@media(min-width:701px){
 .deck-flow .flow-ribbon{top:78px;height:24px;left:100%;width:40px;clip-path:polygon(0 42%,78% 42%,78% 12%,100% 50%,78% 88%,78% 58%,0 58%)}
 .illustrated-tabs button:not(:last-child):after{content:'';top:calc(50% - 12px);height:24px;clip-path:polygon(0 42%,78% 42%,78% 12%,100% 50%,78% 88%,78% 58%,0 58%)}
}
@media(min-width:701px) and (max-width:1000px){.deck-flow .flow-ribbon{width:24px}}
@media(min-width:701px) and (max-width:1000px){.deck-flow-four .flow-ribbon{width:18px}}
@media(max-width:1000px){.graph-main{--roadmap-gap:40px}.graph-demo{padding:16px}.graph-node h3{font-size:20px}.graph-node p{font-size:15px}}
@media(max-width:800px){
 .graph-main{grid-template-columns:1fr;gap:72px}
 .graph-node{display:block}.graph-station{position:static}
 .graph-station .graph-demo{height:210px}
 .graph-node .graph-connector{left:calc(50% - 28px);top:calc(100% + 24px);width:56px;height:24px;transform:rotate(90deg)}
 .graph-label{justify-content:space-between}
 .graph-node h3{font-size:22px}.graph-node p{font-size:16px}
 .roadmap-heading{display:block}.roadmap-heading .text-link{margin-top:24px}
}
@media(max-width:700px){
 .deck-flow .flow-ribbon{left:calc(50% - 12px);top:100%;height:32px;width:24px;clip-path:polygon(42% 0,58% 0,58% 72%,90% 72%,50% 100%,10% 72%,42% 72%)}
 /* There is no sequential horizontal connection across a wrapped two-column tab grid. */
 .illustrated-tabs button:after{display:none}
}
@media(max-width:600px){
 .home-hero-stage{padding:48px 0 260px}
 .home-hero-stage .hero-media-slot img,.home-hero-stage .hero-media-slot video{height:340px;object-position:78% center}
 .home-hero-stage .hero-media-slot::after{height:340px;background:linear-gradient(to bottom,var(--brand-paper),rgba(246,248,247,.88) 12%,rgba(246,248,247,.1) 45%,transparent 85%,var(--brand-paper))}
 .page-home .hero-scene{margin-top:24px}
 .value-graph{padding:24px 18px}.graph-main{gap:72px}
}
@media(prefers-reduced-motion:reduce){.roadmap-progress{stroke-dashoffset:0}.sequence-active .roadmap-check{animation:none}}
@media(forced-colors:active){.graph-connector svg{stroke:CanvasText}.home-hero-stage .hero-media-slot{display:none}}

/* Locale is a page-level utility, separate from the conversion/navigation bar. */
.site-utility {
  position: relative;
  z-index: 30;
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 40px);
  max-width: 1440px;
  margin: 2px auto 0;
  padding-inline: 12px;
}
.site-utility .language-picker { margin: 0; }
.site-utility .language-picker > summary {
  width: auto;
  min-height: 44px;
  padding: 0 10px;
  gap: 8px;
  font-size: 12px;
  color: var(--brand-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
}
.site-utility .language-panel { right: 0; top: calc(100% + 5px); }
.site-header { margin-top: 0; }
.site-header .header-cta { margin-left: auto; }
.heading-phrase { display: inline-block; white-space: nowrap; }
html[lang=zh-Hant] .role-hero h1 { font-size: clamp(30px, 3.5vw, 48px); }
html[lang=zh-Hant] .role-hero h1 .heading-line { text-wrap: initial; }
.page-jump { align-items: center; flex-wrap: wrap; gap: 18px 24px; }
.government-overview { scroll-margin-top: 110px; }
.deck-flow-copy h3:has(.heading-phrase) { display: block; align-content: center; }
/* A drawn plus has a stable center independent of each language's font baseline. */
.site-header .menu-toggle { justify-content: center; line-height: 1; }
.site-header .menu-toggle .menu-label { font: inherit; line-height: 1; }
.menu-plus { display: block; flex: 0 0 14px; width: 14px; height: 14px; transform: translateY(-.5px); }
@media (max-width: 800px) {
  .site-header .header-cta { margin-left: 0; }
  html[lang=zh-Hant] .role-hero h1 { font-size: clamp(30px, 6.5vw, 48px); }
}
@media (max-width: 600px) {
  .site-utility { width: calc(100% - 24px); padding-inline: 2px; }
  .site-utility .language-picker > summary { font-size: 11px; }
  .site-header nav { top: calc(100% + 8px); }
  .page-jump { gap: 16px 24px; }
  .page-jump > .button { flex-basis: auto; }
}
@media (max-width: 640px) {
  /* Content-sized actions stay compact instead of filling a whole phone row. */
  main .button {
    width: fit-content;
    max-width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.35;
    gap: 10px;
    justify-content: center;
  }
  main .button .cta-arrow { flex-basis: 24px; width: 24px; height: 24px; }
  main .button .cta-arrow svg { width: 16px; height: 16px; }
  .feature-hero-actions, .hero-actions, .feature-next-actions {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    gap: 10px 12px;
    align-items: center;
  }
  .feature-hero-actions .button, .hero-actions .button,
  .feature-next-actions .button, .pricing-plan .button {
    width: fit-content;
    justify-content: center;
  }
  .feature-next-actions { justify-content: flex-start; }
}
@media (max-width: 380px) {
  /* The icon and a long feature name should not compete for a 280px row. */
  .feature-hub-heading { grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
  .feature-hub-heading h2, .feature-hub-heading h3, .feature-hub-heading p { grid-column: 1; }
  .feature-hub-heading h2, .feature-hub-heading h3 { margin-bottom: 0; }
}

/* Explicit defaults preserve the local layout inside Webflow. */
/* Paint the material on the document body, not the viewport-sized root canvas. */
html { height:auto; min-height:100%; background:#f5f8f6; }
body { min-height:100vh; background-repeat:no-repeat; }

/* Legal reading surface: use the established typography, with a quiet contents control. */
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-heading { padding-bottom:42px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-heading h1 { max-width:none; font-size:clamp(36px,5vw,68px); }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-date { margin-top:18px; font-size:16px; color:var(--brand-muted); }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-layout { display:grid; grid-template-columns:minmax(180px,240px) minmax(0,710px); gap:clamp(32px,6vw,90px); align-items:start; padding-bottom:90px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contents { position:sticky; top:100px; min-width:0; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contents details { border-block:1px solid var(--brand-line); }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contents summary { cursor:pointer; padding:16px 0; font-size:17px; font-weight:600; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contents ol { padding:0 0 16px; margin:0; list-style:none; max-height:65vh; overflow:auto; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contents a { display:block; padding:11px 0; font-size:16px; line-height:1.5; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy { min-width:0; max-width:710px; padding:0; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-section { scroll-margin-top:110px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-section + .privacy-section { margin-top:48px; padding-top:12px; border-top:1px solid var(--brand-line); }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-section h2 { font-family:var(--brand-font-body); font-size:clamp(23px,2.2vw,29px); line-height:1.4; letter-spacing:-.015em; margin:0 0 22px; text-wrap:balance; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-section + .privacy-section h2 { margin-top:26px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy p,
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy li { font-size:17px; line-height:1.85; color:var(--brand-ink); overflow-wrap:break-word; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy p { margin:0 0 22px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy ul { padding-left:23px; margin:0 0 24px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy li { padding-left:5px; margin:0 0 18px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy a { text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contact { margin:22px 0 0; font-size:17px; line-height:1.7; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contact > div { margin-top:14px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contact dt { font-weight:600; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contact dd { margin:3px 0 0; overflow-wrap:anywhere; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-draft { padding:24px; margin-bottom:38px; border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-soft); }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-draft strong { display:block; font-size:18px; margin-bottom:10px; }
:is(.page-privacy,.page-terms,.page-subprocessors) .privacy-draft p { margin:0; font-size:16px; }
.page-access .form-privacy-help,
.page-access .form-data-note { font-size:16px; line-height:1.65; color:var(--brand-muted); }
.page-access .form-privacy-help { margin:10px 0 22px; }
.page-access .form-data-note a { text-decoration:underline; text-underline-offset:3px; }
@media (max-width:800px) {
 :is(.page-privacy,.page-terms,.page-subprocessors) .privacy-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 :is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contents { position:static; }
 :is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy p,
 :is(.page-privacy,.page-terms,.page-subprocessors) .privacy-copy li { font-size:16px; }
 :is(.page-privacy,.page-terms,.page-subprocessors) .privacy-contents ol { max-height:none; }
 :is(.page-privacy,.page-terms,.page-subprocessors) .privacy-draft { padding:20px; }
}

/* Longer hero sentences need a wider reading area over the full-width scene. */
@media (min-width:601px) {
 html[lang=en] .page-features .has-hero-media .page-hero-copy { width:min(820px,80%); max-width:none; }
 html[lang=en] .page-deals .has-hero-media .page-hero-copy { width:min(740px,70%); max-width:none; }
 html[lang=en] .page-billing .has-hero-media .page-hero-copy { width:min(680px,70%); max-width:none; }
 .page-government .has-hero-media .page-hero-copy,
 html[lang=zh-Hant] .page-product .has-hero-media .page-hero-copy { width:min(740px,74%); max-width:none; }
 html[lang=en] :is(.page-features,.page-deals,.page-billing,.page-government) .page-heading.has-hero-media h1 {
  font-size:clamp(32px,4.2vw,64px);
 }
 html[lang=zh-Hant] :is(.page-product,.page-government) .page-heading.has-hero-media h1 {
  font-size:clamp(30px,3.5vw,52px);
 }
 html[lang=en] :is(.page-features,.page-deals,.page-billing) .hero-media-slot::after,
 .page-government .hero-media-slot::after,
 html[lang=zh-Hant] .page-product .hero-media-slot::after {
  background:linear-gradient(90deg,rgba(246,248,247,.99),rgba(246,248,247,.97) 38%,rgba(246,248,247,.94) 62%,rgba(246,248,247,.65) 76%,transparent);
 }
}
@media (min-width:1001px) {
 html[lang=en] .opportunity-hero h1 { font-size:clamp(42px,4.1vw,60px); }
}
.page-opportunities .plain-callout h2 { font-size:clamp(30px,3.2vw,44px); align-self:start; }
@media (max-width:700px) {
 html[lang=en] .page-opportunities .opportunity-aside h2 { font-size:clamp(26px,7vw,32px); }
}
@media (max-width:600px) {
 html[lang=en] .page-heading.has-hero-media h1 { font-size:clamp(28px,8.5vw,46px); }
 html[lang=zh-Hant] .page-heading.has-hero-media h1 { font-size:clamp(28px,7.8vw,42px); }
 html[lang=en] .page-about .page-heading h1 { font-size:clamp(32px,10vw,42px); }
 html[lang=zh-Hant] .page-about .page-heading h1 { font-size:clamp(28px,9vw,40px); }
 html[lang=en] .page-pricing .page-heading h1 { font-size:clamp(34px,10.2vw,42px); }
}

/* Keep the artist, her working surface and the headline in the same spread. */
.page-creators .role-hero {
 grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
 align-items:center;
 gap:clamp(24px,4vw,70px);
}
html[lang] .page-creators .role-hero h1 {
 max-width:none;
 font-size:clamp(38px,4.15vw,72px);
}
html[lang=zh-Hant] .page-creators .role-hero h1 {font-size:clamp(32px,3.45vw,58px)}
.creator-hero-print {margin:0;min-width:0;overflow:hidden;border-radius:28% 6% 28% 6% / 36% 8% 36% 8%}
.creator-hero-print img {display:block;width:100%;height:auto}
@media(max-width:800px) {
 .page-creators .role-hero {grid-template-columns:minmax(0,1fr);gap:24px}
 html[lang] .page-creators .role-hero h1 {font-size:clamp(34px,8vw,54px)}
 html[lang=zh-Hant] .page-creators .role-hero h1 {font-size:clamp(28px,7.7vw,48px)}
 .creator-hero-print {width:100%;max-width:580px;justify-self:center}
}
figcaption { margin-top:0; }
img { vertical-align:baseline; }
#access-form label { font-weight:400; }
.access-expect ol { margin-bottom:16px; }
.taloox-signup { display:contents; }
.pricing-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pricing-plan { padding:30px 24px; }
.pricing-plan h2 { font-size:24px; white-space:nowrap; }
.pricing-plan .plan-audience { min-height:48px; }
.plan-price-block { min-height:148px; padding-block:28px 22px; }
.plan-price-block .plan-price { margin:0; min-height:62px; flex-wrap:nowrap; }
.plan-price-block .plan-price strong { font-size:52px; }
.plan-price-block .plan-price .custom-price { font-size:36px; }
.plan-add-on { margin-top:10px; font-size:15px; line-height:1.6; color:var(--helper-ink); }
.pricing-plan .plan-description { min-height:132px; }
.pricing-plan .plan-inclusions { margin-bottom:30px; }
.pricing-plan .button { font-size:14px; gap:10px; }
.pricing-terms { display:grid; grid-template-columns:2fr 1fr; gap:32px; padding-top:24px; font-size:16px; line-height:1.7; color:var(--brand-muted); }
.seat-estimate { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; margin-top:48px; padding:32px 0; border-top:1px solid var(--brand-line); border-bottom:1px solid var(--brand-line); }
.seat-estimate h2 { font-size:32px; line-height:1.2; }
.seat-estimate p { margin-top:14px; max-width:48ch; }
.seat-estimate-control { display:grid; grid-template-columns:100px 1fr; gap:12px 24px; align-items:center; }
.seat-estimate-control label { grid-column:1/-1; font-size:16px; margin:0; font-weight:400; }
.seat-estimate-control input { width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-surface); color:var(--brand-ink); font:inherit; }
.seat-estimate-control output { font-size:24px; font-variant-numeric:tabular-nums; }
.seat-estimate-control input:focus-visible { outline:3px solid var(--brand-focus); outline-offset:3px; }
.access-seat-field label { display:block; }
@media (max-width:1100px) {
 .pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .pricing-plan:nth-child(3) { border-left:0; }
 .pricing-plan:nth-child(n+3) { border-top:1px solid var(--brand-line); }
 .pricing-plan .plan-description { min-height:88px; }
}
@media (max-width:700px) {
 .pricing-grid { grid-template-columns:1fr; }
 .pricing-plan { padding:30px 26px; }
 .pricing-plan+.pricing-plan { border-left:0; border-top:1px solid var(--brand-line); }
 .pricing-plan .plan-audience,.pricing-plan .plan-description { min-height:0; }
 .plan-price-block { min-height:0; padding-block:22px; }
 .pricing-terms,.seat-estimate { grid-template-columns:1fr; gap:20px; }
 .seat-estimate { margin-top:32px; }
 .seat-estimate h2 { font-size:28px; }
 .seat-estimate-control { gap:12px 18px; }
 .seat-estimate-control output { font-size:21px; }
}
@media (max-width:380px) {
 .plan-help-heading { flex-direction:column; align-items:flex-start; }
 .plan-help > * { min-width:0; }
}

/* Keep the pair of legal links together at the end of the existing footer. */
.footer-bottom > a + a { margin-left:0; }

/* Keep wrapped legal references clickable across their complete line box. */
.privacy-copy .legal-reference { display:inline-block; max-width:100%; min-height:44px; padding-block:8px; }

@media(max-width:380px){html[lang=zh-Hant] .access-layout h1{font-size:clamp(29px,9vw,34px)}}
/* The two audience spreads sit on the same paper as their first chapter. */
body[data-page="creators"],.page-creators {background:#f6f3eb}
body[data-page="managers"],.page-managers {background:#eff0e6}

/* Fit both complete English phrases to the actual hero column. */
.page-creators .role-hero>div:first-child{container-type:inline-size;min-width:0}
html[lang=en] .page-creators .role-hero h1{font-size:clamp(24px,10cqi,72px)}
html[lang=en] .page-creators .role-hero h1 .heading-line{display:block;white-space:nowrap}

/* Approved TALOOX artwork and three official colors, 2026-10-28.
   Pale surfaces and muted text are supporting neutrals. Hanken Grotesk is
   the supplied replacement for Sets Grotesk; Chinese glyph families are retained. */
:root {
  --brand-deep:#002e0d;
  --brand-bright:#93fe60;
  --brand-white:#fff;
  --brand-ink:var(--brand-deep);
  --brand-ink-soft:#284332;
  --brand-accent:var(--brand-bright);
  --brand-focus:var(--brand-deep);
  --brand-muted:#536457;
  --brand-soft:#eef5ec;
  --brand-line:#d4dfd2;
  --brand-secondary:#e3efdc;
  --brand-secondary-hover:#d5ebc8;
  --brand-secondary-border:#a3b89a;
  --site-glass-line:#cfddce;
  --site-glass-selected:linear-gradient(145deg,#f5faf3ed,#e0efda);
  --site-glass-primary:linear-gradient(155deg,#234b2e,var(--brand-deep) 65%);
}
.site-header .wordmark,.footer-brand .wordmark {display:flex;align-items:center;flex-shrink:0;line-height:0;letter-spacing:normal}
.site-header .wordmark img.brand-lockup {display:block;width:144px;max-width:none;height:auto;max-height:none;object-fit:contain}
.footer-brand .wordmark img.brand-lockup {display:block;width:190px;max-width:none;height:auto;max-height:none;object-fit:contain}
.mini-wordmark img.brand-lockup {display:block;width:88px;height:auto}
.button:not(.button-secondary){background:var(--site-glass-primary);color:var(--brand-white);border-color:var(--brand-deep)}
.button.button-secondary{background:var(--brand-secondary);color:var(--brand-deep);border-color:var(--brand-secondary-border)}
@media(hover:hover){
 .button:not(.button-secondary):hover{background:var(--brand-bright);color:var(--brand-deep);border-color:var(--brand-bright)}
 .button:not(.button-secondary):hover .cta-arrow{color:var(--brand-deep);background:#ffffff80}
 .button.button-secondary:hover{background:var(--brand-secondary-hover);border-color:#7f9c71}
}
.site-footer.full-footer{background:var(--brand-deep);color:#fff;border-top:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff14}
.site-footer.full-footer nav h2{color:#fff}
.site-footer.full-footer nav a,.site-footer .footer-brand p,.site-footer .footer-bottom,.site-footer .footer-bottom>a,.site-footer .footer-bottom small{color:#dce8da}
.site-footer .footer-bottom{border-color:#ffffff29}
.site-footer.full-footer a:hover{color:var(--brand-bright)}
.site-footer :focus-visible{outline:2px solid var(--brand-bright);outline-offset:5px}
.convergence-core{background:linear-gradient(145deg,#ffffffed,#e8f3e1ed);border-color:#9bb693}
.convergence-core [data-brand-mark]{width:65%;height:65%}
.convergence-core [data-brand-mark] img{width:100%;height:100%;object-fit:contain}
.audience-path:nth-child(2){background:linear-gradient(145deg,#244b30,var(--brand-deep) 68%);border-color:#47744c}
.portfolio-map-center{background:var(--site-glass-primary)}
@media(max-width:800px){.site-header .wordmark img.brand-lockup{width:108px}}
@media(max-width:600px){.site-header .wordmark img.brand-lockup{width:92px}}
@media(max-width:360px){.site-header .wordmark img.brand-lockup{width:74px}}
@media(forced-colors:active){.button:not(.button-secondary),.button.button-secondary,.site-footer.full-footer{background:Canvas;color:CanvasText;border-color:CanvasText}}

.site-header .wordmark img.brand-lockup{position:relative;top:-1px}

/* Approved paper direction: tactile objects, quiet ivory, forest typography. */
:root{--paper-surface:#faf9f5;--paper-muted:#586653}
body:has(.paper-home),body:has(.work-journey){background:var(--paper-surface)}
body:has(.paper-home) .site-header,body:has(.work-journey) .site-header{background:var(--paper-surface);position:relative;z-index:25}
.paper-icon{display:block;width:108px;aspect-ratio:1;background-image:url('https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6ae7019d5899eb75f1b77578_paper-icons.webp');background-size:200% 200%;background-repeat:no-repeat;flex-shrink:0}
.paper-icon-envelope{background-position:0 0}.paper-icon-contract{background-position:100% 0}.paper-icon-calendar{background-position:0 100%}.paper-icon-invoice{background-position:100% 100%}
.paper-home{position:relative;background:var(--paper-surface)}
.paper-home .story-stage{position:relative;padding:40px 5vw}
.paper-home .scene-intro{max-width:600px}.paper-home h1{font-size:clamp(38px,3.65vw,62px);line-height:1.12;max-width:none;text-wrap:balance}
.paper-home .position{font-size:14px;margin:0 0 20px}.paper-home .intro{max-width:495px;font-size:16px;line-height:1.75;margin:24px 0}
.paper-home .actions{display:flex;flex-wrap:wrap;gap:12px}.paper-home .button{font-size:14px;white-space:nowrap}
.paper-home .story-start{display:inline-flex;gap:18px;font-size:13px;margin-top:24px;text-decoration:none;padding-block:8px}
.paper-home .render-surface{position:relative;width:min(100%,1000px);margin:auto;aspect-ratio:4/3;overflow:clip}
.paper-home .render-surface img,.paper-home .render-surface canvas{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
.paper-home .render-surface canvas{visibility:hidden}.paper-home .render-surface.is-ready canvas{visibility:visible}.paper-home .render-surface.is-ready .scene-poster{visibility:hidden}
.paper-home .scene-headings,.paper-home .document-legend,.paper-home .story-footer,.paper-home .product-actions{display:none}
.paper-home .static-product{margin:38px auto;max-width:1100px}.paper-home .static-product img{width:100%;border-radius:14px}.paper-home .static-product h2{text-align:center}
.paper-home .full-screen{font-size:13px;text-underline-offset:4px}
/* On phones the introduction is a centered invitation, followed by the film. */
@media(max-width:700px){
 html[lang] .paper-home .scene-intro{text-align:center}
 html[lang] .paper-home .scene-intro .intro{margin-inline:auto;max-width:36ch}
 html[lang] .paper-home .scene-intro .actions{display:flex;flex-direction:column;align-items:center;gap:9px}
 html[lang] .paper-home .scene-intro .actions .button{justify-content:space-between;width:fit-content;min-width:194px;max-width:100%;font-size:14px;min-height:45px;padding:10px 16px}
 html[lang] .paper-home .scene-intro .story-start{margin-top:10px}
}
.paper-motion-ready .paper-home{height:410svh}
.paper-motion-ready .paper-home .story-stage{position:sticky;top:0;height:100svh;min-height:590px;padding:0;overflow:clip;isolation:isolate}
.paper-motion-ready .paper-home .scene-intro{position:absolute;z-index:5;left:5vw;top:9%;width:43%;max-width:650px;will-change:transform}
.paper-motion-ready .paper-home .render-surface{position:absolute;left:0;top:0;margin:0;aspect-ratio:auto;will-change:transform;transform-origin:0 0;pointer-events:none;z-index:1;mask-composite:intersect}
.paper-motion-ready .paper-home .scene-headings{display:block;position:absolute;z-index:4;left:5vw;right:5vw;top:26px;height:124px;overflow:hidden;pointer-events:none}
.paper-home .scene-headings h2{position:absolute;inset:0;display:block;align-content:center;text-align:center;font-size:clamp(29px,3vw,46px);line-height:1.2;margin:0;transform:translateY(-150px);will-change:transform}
.paper-motion-ready .paper-home .document-legend{display:block;position:absolute;z-index:5;left:20px;right:20px;text-align:center;font-size:14px;color:var(--paper-muted);transform:translateY(240px)}
.paper-motion-ready .paper-home .product-actions{position:absolute;display:flex;justify-content:center;align-items:center;gap:22px;left:20px;right:20px;z-index:8;transform:translateY(240px)}
.paper-motion-ready .paper-home .story-footer{position:absolute;display:flex;align-items:center;justify-content:space-between;left:5vw;right:5vw;bottom:22px;z-index:9}
.paper-home .chapter-nav{display:flex;gap:24px;font-size:12px}.paper-home .chapter-nav a{display:flex;align-items:center;padding:12px 0;color:var(--paper-muted);border-bottom:1px solid transparent;text-decoration:none}.paper-home .chapter-nav a[aria-current=step]{color:#002e0d;border-color:currentColor}
.paper-home .story-skip{font-size:12px;text-decoration:none;padding:12px}.paper-motion-ready .paper-home .static-product{display:none}
.paper-home .render-surface .sharp-product{inset:auto;max-width:none;object-fit:fill;z-index:2}.paper-home .render-surface .sharp-product[hidden]{display:none}
.paper-roles{padding-block:90px}.paper-role{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;padding-block:34px}.paper-role.reverse{grid-template-columns:1fr 1.2fr}.paper-role.reverse .paper-role-art{order:2}
.paper-role-art,.work-intro-art{border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;isolation:isolate}
.paper-role-art img,.work-intro-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 94%,transparent);mask-composite:intersect}
.paper-role-copy h2{font-size:clamp(32px,3.4vw,52px);line-height:1.16;max-width:530px;margin:0 0 24px;text-wrap:balance}.paper-role-copy p{font-size:17px;line-height:1.75;max-width:480px;color:var(--paper-muted);margin:0 0 26px}
.work-intro{display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center;padding-block:45px 75px}.work-intro h1{font-size:clamp(38px,4.4vw,68px);line-height:1.1;max-width:none}.work-intro p{max-width:560px;font-size:18px;line-height:1.75;color:var(--paper-muted);margin:24px 0}.work-intro-icons{display:grid;place-items:center}.work-intro-icons .paper-icon{width:min(29vw,360px)}
.work-journey{background:var(--paper-surface);position:relative}.work-stage{padding:56px 4vw;position:relative;overflow:clip;isolation:isolate}.work-titles{position:relative;max-width:900px;margin:auto;text-align:center}.work-titles h2{font-size:clamp(28px,3.1vw,48px);line-height:1.2;margin:0;text-wrap:balance}.work-titles h2:not(:first-child){display:none}
.work-artboard{position:relative;width:100%;max-width:1050px;height:550px;margin:20px auto}
.work-chapters{display:flex;justify-content:center;gap:30px;font-size:13px}.work-chapters a{padding:10px 0;text-decoration:none;border-bottom:1px solid transparent}.work-chapters a[aria-current=step]{border-color:currentColor}.work-chapters .work-skip{margin-left:auto}
.journey-piece{position:absolute;border:1px solid #d9dfd2;background:#fffef9;border-radius:22px;box-shadow:0 8px 22px #2039190b;will-change:transform;overflow:hidden}
.document-piece{display:flex;align-items:center;gap:12px;padding:18px;width:29%;height:145px;left:3%;top:30%}.document-piece:nth-of-type(2){left:35%;top:23%;background:#eff3eb}.document-piece:nth-of-type(3){left:67%;top:35%;background:#f4ebe3}.document-piece small{display:block;color:#586653;font-size:12px}.document-piece strong{display:block;font-size:17px;line-height:1.35}.document-piece p{font-size:14px;margin:6px 0 0}.document-piece .paper-icon{width:80px}
.journey-board{position:absolute;inset:7% 4% 7%;background:#e9eee3;border:1px solid #cdd7c6;border-radius:28px;box-shadow:inset 0 1px 0 #fff;transform-origin:50% 50%;visibility:hidden}.board-top{display:flex;justify-content:space-between;gap:20px;padding:22px 28px;font-size:14px}.board-top>span:first-child{font-weight:600}
.assistant-answer{position:absolute;right:6%;top:20%;width:40%;visibility:hidden}.assistant-question{padding:16px 20px;border-radius:20px 20px 4px 20px;background:#d3e2c9;font-size:15px;margin:0 0 18px}.assistant-answer>div{display:flex;align-items:flex-start;gap:12px}.assistant-answer>div p{margin:0;font-size:17px;line-height:1.75}.assistant-answer>div img{flex-shrink:0}.assistant-answer>a{display:inline-flex;align-items:center;gap:10px;font-size:14px;padding:12px;margin:14px 0 0 30px}
.document-product{position:absolute;width:88%;left:6%;top:13%;visibility:hidden;border-radius:18px;overflow:hidden;box-shadow:0 16px 45px #002e0d14}.document-product img{width:100%;height:auto;display:block}
.roster-hub{position:absolute;left:35%;top:0;width:30%;height:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.roster-hub img{object-fit:cover;object-position:45% 20%;width:80px;height:80px;border-radius:50%;mix-blend-mode:multiply}.roster-hub strong{font-size:15px;text-align:center}.roster-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.roster-connectors path{stroke:#a2b798;stroke-width:1.4;fill:none;vector-effect:non-scaling-stroke}
.artist-piece{width:28%;height:118px;left:3%;top:40%;padding:20px}.artist-piece:nth-of-type(2){left:36%}.artist-piece:nth-of-type(3){left:69%}.artist-identity{display:flex;align-items:center;gap:15px;min-width:130px;flex-shrink:0}.artist-identity img{width:66px;height:66px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;object-position:45% 20%}.artist-identity strong{display:block;font-size:20px}.artist-identity small{font-size:12px;display:block;color:#586653}.artist-calendar,.artist-finance{display:none;flex:1}.calendar-event{display:flex;align-items:center;gap:16px;padding:13px 18px;background:#d2dfc8;border-radius:10px;width:70%;font-size:14px;white-space:nowrap}.calendar-event b{font-size:12px}.event-1{margin-left:15%;background:#dde8ed}.event-2{margin-left:27%;background:#f0dbcb}.artist-finance{justify-content:space-around;gap:14px}.artist-finance span{font-size:12px;color:#586653}.artist-finance strong{display:block;color:#002e0d;font-size:19px;margin-top:3px}.roster-total{position:absolute;bottom:10%;left:10%;right:10%;display:flex;justify-content:space-between;align-items:center;visibility:hidden;font-size:14px}.roster-total strong{font-size:25px}
[data-finance-label]{display:none}
.work-journey.is-scroll{height:320svh}.is-scroll .work-stage{position:sticky;top:0;height:100svh;min-height:620px;padding:30px 4vw 65px}.is-scroll .work-titles{height:100px;overflow:hidden}.is-scroll .work-titles h2{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;will-change:transform}.is-scroll .work-artboard{height:calc(100% - 145px);max-height:580px;margin:0 auto}.is-scroll .work-chapters{position:absolute;bottom:22px;left:5%;right:5%}.is-scroll .journey-piece{display:flex;align-items:center}
.work-journey[data-phase="1"] .artist-calendar{display:flex}.work-journey[data-phase="2"] .artist-finance{display:flex}.work-journey[data-phase="2"] [data-finance-label]{display:block}.work-journey[data-phase="2"] [data-calendar-label]{display:none}
.work-journey:not(.is-scroll) .work-artboard{height:auto;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-journey:not(.is-scroll) .journey-piece{position:static;width:auto;height:auto;min-height:135px}.work-journey:not(.is-scroll) .roster-hub,.work-journey:not(.is-scroll) .roster-connectors{display:none}.work-journey:not(.is-scroll) .assistant-answer,.work-journey:not(.is-scroll) .document-product{position:relative;visibility:visible;inset:auto;width:100%;grid-column:1/-1;margin:20px 0}.work-journey:not(.is-scroll) .artist-piece{display:block}.work-journey:not(.is-scroll) .artist-finance,.work-journey:not(.is-scroll) .artist-calendar{display:flex;margin-top:18px}.work-journey:not(.is-scroll) .calendar-event{width:100%;margin:0;font-size:12px;gap:8px}.work-journey:not(.is-scroll) .work-chapters{display:none}.work-journey:not(.is-scroll) .artist-finance strong{font-size:16px}
.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-plan{min-width:0}.pricing-plan .plan-price strong{font-size:clamp(37px,4vw,56px)}
@media(min-width:701px) and (max-width:1000px){.paper-motion-ready .paper-home .scene-intro{top:25px;width:90%;max-width:680px}.paper-home h1{font-size:44px}.paper-home .intro{max-width:620px;margin:18px 0}.document-piece .paper-icon{width:60px}.artist-piece{padding:12px}.artist-identity{min-width:110px;gap:8px}.artist-identity img{width:44px;height:44px}}
@media(max-width:700px){
 .paper-home .story-stage{padding:26px 22px}.paper-motion-ready .paper-home{height:370svh}.paper-motion-ready .paper-home .scene-intro{left:22px;right:22px;top:24px;width:auto;max-width:none}.paper-home h1,html[lang=zh-Hant] .paper-home h1{font-size:clamp(29px,8vw,38px);line-height:1.16}.paper-home .position{font-size:12px;margin-bottom:14px}.paper-home .intro{font-size:13px;line-height:1.75;margin:16px 0}.paper-home .actions{gap:9px}.paper-home .button{font-size:12px;padding:10px 12px;min-height:42px;width:auto;flex:none}.paper-home .button .cta-arrow{width:24px;height:24px}.paper-home .story-start{font-size:12px;margin-top:12px}.paper-motion-ready .paper-home .scene-headings{top:30px;left:18px;right:18px;height:120px}.paper-home .scene-headings h2{font-size:27px}.paper-motion-ready .paper-home .document-legend{font-size:12px}.paper-motion-ready .paper-home .product-actions{gap:16px}.paper-home .full-screen{font-size:12px}.paper-motion-ready .paper-home .story-footer{left:20px;right:20px;bottom:15px;display:block}.paper-home .chapter-nav{gap:0;justify-content:space-between;font-size:11px}.paper-home .story-skip{display:block;text-align:center;font-size:11px;padding:6px}
 .paper-roles{padding-block:42px}.paper-role,.paper-role.reverse{grid-template-columns:1fr;gap:20px;padding-block:30px}.paper-role.reverse .paper-role-art{order:0}.paper-role-copy h2{font-size:32px;margin-bottom:18px}.paper-role-copy p{font-size:15px;margin-bottom:20px}.paper-role-copy .button{font-size:14px;width:auto}
 .work-intro{padding-block:25px 36px;grid-template-columns:1fr;gap:18px}.work-intro h1{font-size:38px}.work-intro p{font-size:15px;line-height:1.75;margin:20px 0}.work-intro-art{max-width:400px;margin:auto}.work-intro-icons{display:none}.work-intro .button{font-size:12px;padding:10px 13px;min-height:44px;width:auto;flex:none}.work-intro .cta-arrow{width:24px;height:24px}
 .work-journey.is-scroll{height:285svh}.is-scroll .work-stage{padding:20px 12px 65px;min-height:620px}.is-scroll .work-titles{height:100px}.work-titles h2{font-size:27px}.is-scroll .work-artboard{height:calc(100% - 135px);max-height:590px}.is-scroll .work-chapters{left:16px;right:16px;bottom:18px;gap:16px;justify-content:space-between;font-size:11px}.work-chapters .work-skip{margin-left:0}.board-top{font-size:12px;padding:16px;gap:10px}.journey-board{border-radius:20px}.journey-piece{border-radius:16px}.document-piece{padding:12px;gap:10px}.document-piece .paper-icon{width:60px}.document-piece strong{font-size:15px}.document-piece small{font-size:11px}.document-piece p{font-size:13px;margin-top:3px}.assistant-answer{width:86%;left:7%;top:57%}.assistant-question{font-size:13px;padding:10px 14px;margin-bottom:12px}.assistant-answer>div p{font-size:14px;line-height:1.7}.assistant-answer>div img{width:22px;height:22px}.assistant-answer>a{margin-top:2px;font-size:12px;padding:8px}
 .roster-hub{left:20%;width:60%;height:23%}.roster-hub img{width:68px;height:68px}.roster-hub strong{font-size:13px}.artist-piece{padding:10px}.artist-identity{gap:8px;min-width:100px}.artist-identity img{width:40px;height:40px}.artist-identity strong{font-size:16px}.artist-identity small{font-size:10px}.artist-calendar{min-width:0}.calendar-event{font-size:11px;padding:9px;width:100%;gap:7px}.calendar-event b{font-size:10px}.event-1,.event-2{margin-left:0}.artist-finance{gap:7px;justify-content:space-between}.artist-finance span{font-size:10px}.artist-finance strong{font-size:12px;white-space:nowrap}.roster-total{font-size:12px;left:8%;right:8%}.roster-total strong{font-size:20px}
 .work-journey:not(.is-scroll) .work-artboard{grid-template-columns:1fr}.work-journey:not(.is-scroll) .journey-piece{min-height:110px}.work-journey:not(.is-scroll) .artist-piece{display:flex;flex-wrap:wrap;gap:15px}.work-journey:not(.is-scroll) .artist-calendar{flex-basis:100%}.work-journey:not(.is-scroll) .artist-finance{margin:0}.work-journey:not(.is-scroll) .document-product{margin:0}.pricing-grid{grid-template-columns:1fr}
}
@media(max-width:360px){.paper-motion-ready .paper-home .scene-intro{left:16px;right:16px;top:18px}.paper-home h1,html[lang=zh-Hant] .paper-home h1{font-size:28px}.paper-home .intro{font-size:12px;line-height:1.65}.paper-home .button{font-size:11px;gap:9px;padding:9px 10px}.paper-home .scene-headings h2{font-size:23px}.paper-home .chapter-nav{font-size:10px}.paper-home .document-legend{font-size:11px}.work-intro h1{font-size:32px}.work-titles h2{font-size:24px}.artist-identity{min-width:91px;gap:6px}.artist-identity img{width:32px;height:32px}.artist-finance strong{font-size:11px}.artist-piece{padding:8px}.work-chapters{gap:9px!important;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.paper-home *, .work-journey *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* These selectors deliberately outrank the legacy global CJK heading rules. */
html[lang] .paper-home h1{font-size:clamp(38px,3.65vw,60px);line-height:1.14;letter-spacing:-.035em}
html[lang=zh-Hant] .paper-home h1{font-size:clamp(36px,3.45vw,54px);line-height:1.22;letter-spacing:-.025em}
html[lang] .work-intro h1{font-size:clamp(38px,4.2vw,64px);line-height:1.14}
html[lang=zh-Hant] .work-intro h1{font-size:clamp(36px,3.7vw,56px);line-height:1.23}
html[lang] .paper-home .scene-headings h2{font-size:clamp(29px,3vw,46px)}
.paper-role-art,.work-intro-art{isolation:auto}
.paper-home .scene-intro .position{display:block}
.paper-home .scene-intro h1 .heading-line,.work-intro h1 .heading-line{text-wrap:initial}
.work-artboard{overflow:clip}
.work-titles{z-index:2}
@media(max-width:1000px) and (min-width:701px){html[lang] .paper-home h1{font-size:44px}}
@media(max-width:700px){html[lang] .paper-home h1{font-size:clamp(29px,8vw,38px)}html[lang=zh-Hant] .paper-home h1{font-size:clamp(27px,7.8vw,36px)}html[lang] .work-intro h1{font-size:38px}html[lang=zh-Hant] .work-intro h1{font-size:34px}html[lang] .paper-home .scene-headings h2{font-size:27px}}
@media(max-width:360px){html[lang] .paper-home h1{font-size:28px}html[lang=zh-Hant] .paper-home h1{font-size:27px}html[lang] .work-intro h1{font-size:32px}html[lang=zh-Hant] .work-intro h1{font-size:30px}html[lang] .paper-home .scene-headings h2{font-size:23px}}
.work-title-text{display:block;max-width:100%;text-wrap:balance}
@media(max-width:700px){.is-scroll .document-product{height:74%;top:16%}.is-scroll .document-product img{height:100%;width:100%;object-fit:cover;object-position:76% center}}
/* Keep identity columns stable as the same roster turns into a schedule. */
.is-scroll .artist-identity{width:180px}
.pricing-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.pricing-plan{grid-column:span 2}.pricing-plan:nth-child(n+4){grid-column:span 3;border-top:1px solid var(--brand-line)}.pricing-plan:nth-child(4){border-left:0}
.pricing-plan .plan-audience{min-height:30px}.pricing-plan .plan-description{min-height:84px;margin-bottom:22px}.pricing-plan .plan-price-block{min-height:120px;padding-block:20px}.pricing-plan .button{width:fit-content;align-self:flex-start;min-height:44px}
@media(max-width:1000px) and (min-width:701px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-plan,.pricing-plan:nth-child(n+4){grid-column:span 1}.pricing-plan:last-child{grid-column:1/-1}.pricing-plan:nth-child(odd){border-left:0}.pricing-plan:nth-child(even){border-left:1px solid var(--brand-line)}}
@media(max-width:700px){.is-scroll .artist-identity{width:102px}.artist-finance strong{font-size:14px}.artist-identity small{font-size:11px}.is-scroll .document-product img{object-position:64% center}.pricing-grid{grid-template-columns:1fr}.pricing-plan,.pricing-plan:nth-child(n+4){grid-column:1;border-left:0}.pricing-plan .plan-description,.pricing-plan .plan-audience,.pricing-plan .plan-price-block{min-height:0}.pricing-plan .button{font-size:14px;padding:11px 16px;min-height:44px}}
@media(max-width:360px){.is-scroll .artist-identity{width:91px}.artist-finance strong{font-size:12px}}
.calendar-event b{display:flex;flex-direction:column;gap:2px;line-height:1.25}
@media(max-width:700px){.calendar-event{font-size:12px}}
/* Keep the two authored English heading lines intact on narrow phones. */
@media(max-width:360px){html[lang=en] .paper-home .scene-intro h1{font-size:25px;letter-spacing:-.04em}}

/* Let the two audience spreads grow with the desk they are being read on. */
@media (min-width: 1000px) {
  .page-home .paper-roles {
    width: min(92%, 120rem);
  }
  .paper-role-copy h2 {
    max-width: none;
    font-size: clamp(2.625rem, 4.05vw, 5.5rem);
    line-height: 1.12;
  }
  .paper-role-copy p {
    max-width: 42ch;
    font-size: clamp(1.125rem, 1.45vw, 1.625rem);
    line-height: 1.55;
  }
  .paper-role-copy .button {
    font-size: clamp(1rem, 1.18vw, 1.25rem);
  }
}

/* October studio pass. Actual paper renders; product information remains selectable HTML. */
:root{--status-outstanding:#b57d37;--status-outstanding-ink:#78511f;--status-outstanding-soft:#f4e5ca}
html[lang] .site-header nav,html[lang] .site-header button,html[lang] .site-header summary,html[lang] .site-header a{font-family:var(--brand-font-body)}
html[lang] .site-header nav>a,html[lang] .site-header .nav-disclosure>summary{font-size:18px;font-weight:550;line-height:1.35;min-height:44px;display:flex;align-items:center}
html[lang] .site-header .audience-menu strong{font-size:17px;font-weight:550;line-height:1.4}
html[lang] .site-header .audience-menu a>span{font-size:15px;line-height:1.5}
html[lang] .site-header .menu-group-label{font-size:13px;letter-spacing:.04em}
html[lang] .site-header .language-panel a{font-size:16px;min-height:44px;display:flex;align-items:center}
html[lang] .site-header .header-cta{font-size:15px}
html[lang] .site-header .menu-label{font-size:14px}
.receipt-bar>span:last-child,.receipt-key>span:last-child i{background:var(--status-outstanding);border-color:var(--status-outstanding)}
.billing-example .billing-remainder dd,.artist-finance>span:last-child strong{color:var(--status-outstanding-ink)}
/* Feature collection: a visible example first, details directly beneath it. */
.feature-gallery{display:grid;grid-template-columns:1fr 1fr;gap:64px 48px;padding-block:40px 80px}
.gallery-area{min-width:0;position:relative}
.gallery-preview{height:310px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:28px;background:#eeeae0}
.gallery-daily .gallery-preview{background:#e7ece3}.gallery-deals .gallery-preview{background:#eee3d9}.gallery-billing .gallery-preview{background:#e6edef}.gallery-opportunities .gallery-preview{background:#e9e8d9}
.gallery-copy{padding:28px 8px 0}.gallery-copy h2{font:550 clamp(28px,2.5vw,38px)/1.15 var(--brand-font-body);margin:0 0 18px}.gallery-copy h2 a{text-decoration:none}.gallery-copy p{font-size:17px;line-height:1.75;max-width:55ch;margin:0 0 22px}.gallery-copy ul{padding:0;margin:0 0 26px;list-style:none;display:grid;gap:10px}.gallery-copy li{font-size:15px;padding-left:20px;position:relative;line-height:1.5}.gallery-copy li:before{content:'✓';position:absolute;left:0;color:var(--brand-focus)}.gallery-copy .text-link{font-size:16px}
.gallery-preview>.paper-icon{position:absolute;width:140px;right:10px;bottom:4px;transform:rotate(9deg);filter:drop-shadow(0 8px 8px #23352a10)}
.gallery-agenda{width:72%;background:#faf9f5;border-radius:15px;padding:22px 25px;box-shadow:0 12px 30px #23352a0d;transform:rotate(-3deg)}
.gallery-clock{font-size:35px;font-weight:600;letter-spacing:-.04em}.gallery-clock span{color:#7d8c76}.gallery-agenda>strong{display:block;font-size:15px;margin:2px 0 16px}.gallery-agenda>div:not(.gallery-clock){display:flex;gap:18px;padding:9px 0;border-top:1px solid #dbe1d7;font-size:13px}.gallery-agenda b{font-weight:500}.gallery-agenda>div>span{min-width:56px;color:#5d6959}
.gallery-documents{display:flex;gap:0;align-items:center}.gallery-documents>div{width:130px;min-height:175px;display:grid;place-items:center;background:#faf9f5;border-radius:14px;box-shadow:0 10px 22px #51341913;transform:rotate(-9deg)}.gallery-documents>div:nth-child(2){transform:translateY(-12px) rotate(3deg);z-index:2}.gallery-documents>div:nth-child(3){transform:rotate(11deg)}.gallery-documents .paper-icon{width:110px}.gallery-documents span{font-size:14px;padding-bottom:20px}
.gallery-balance{width:72%;padding:30px;background:#faf9f5;border-radius:16px;transform:rotate(-3deg);box-shadow:0 12px 30px #23352a0d}.gallery-balance>span{font-size:13px;color:#627367}.gallery-balance>strong{font-size:44px;display:block;line-height:1.3}.gallery-payment-bar{display:flex;gap:5px;margin:16px 0;height:13px}.gallery-payment-bar i:first-child{flex:20;background:#002e0d;border-radius:4px}.gallery-payment-bar i:last-child{flex:22;background:var(--status-outstanding);border-radius:4px}.gallery-payment-key{display:flex;justify-content:space-between;gap:12px;font-size:12px}.gallery-payment-key b{display:block;font-size:20px}.gallery-payment-key>span:last-child{color:var(--status-outstanding-ink)}
.gallery-opportunity{width:80%;padding:28px;background:#faf9f5;border-radius:16px;transform:rotate(-2deg);box-shadow:0 12px 30px #23352a0d}.gallery-opportunity>span{font-size:12px;color:#64705c}.gallery-opportunity strong{display:block;font-size:24px;line-height:1.3;max-width:250px;margin:14px 0 22px}.gallery-opportunity>div{display:flex;gap:12px;font-size:13px;margin-top:12px}.gallery-opportunity i{font-style:normal;color:var(--brand-focus)}
.gallery-managers{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.gallery-managers .gallery-preview{height:360px;background:#e6e9e1;display:flex;flex-direction:column;gap:30px}.gallery-managers .gallery-copy{padding:0}.gallery-roster{display:flex;width:86%;justify-content:center;gap:12px}.gallery-roster>div{width:30%;text-align:center}.gallery-roster img{display:block;width:min(100%,125px);height:auto;aspect-ratio:1;margin-inline:auto;object-fit:cover;border-radius:50%}.gallery-roster span{display:block;font-size:15px;margin:16px 0}.gallery-roster i{display:block;width:80%;height:8px;background:#a5b99b;border-radius:4px;margin:auto}.gallery-roster>div:nth-child(2) i{background:#b57d37;width:65%}.gallery-roster-label{font-size:13px;text-align:center;padding:0 16px}
/* Pricing: individual plans first; roster and organization options form a second tier. */
.pricing-section .pricing-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:stretch}
.pricing-section .pricing-plan{grid-column:span 2;position:relative;isolation:isolate;overflow:hidden;padding:36px 30px 28px;border:1px solid #d9dfd4;border-radius:24px;background:#faf9f5;box-shadow:0 6px 20px #17351f05}
.pricing-section .plan-basic{background:#e9eee5}.pricing-section .plan-pro{background:#dce7d5;border-color:#9eb294;box-shadow:none}.pricing-section .plan-agency,.pricing-section .plan-enterprise{grid-column:span 3;background:#e7ecee}.pricing-section .plan-enterprise{background:#eee7dd}
.pricing-section .pricing-plan h2{font:550 30px/1.15 var(--brand-font-body);letter-spacing:-.025em;margin:0 0 12px;max-width:calc(100% - 64px)}
.pricing-section .plan-audience{font-size:15px;line-height:1.5;min-height:45px;max-width:calc(100% - 60px);margin:0 0 24px}.pricing-section .plan-price-block{min-height:100px;margin:0 0 20px;padding-top:18px;border-top:1px solid #8ca07d40}.pricing-section .plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}.pricing-section .plan-price strong{font:550 clamp(43px,4vw,58px)/1.1 var(--brand-font-body);letter-spacing:-.06em}.pricing-section .plan-price .custom-price{font-size:42px;letter-spacing:-.035em}.pricing-section .plan-currency,.pricing-section .plan-period{font-size:14px}.pricing-section .plan-add-on{font-size:14px;line-height:1.45;margin:12px 0 0}.pricing-section .plan-description{font-size:16px;line-height:1.65;min-height:110px;margin:0 0 22px}.pricing-section .plan-inclusions{margin:0 0 28px;padding:0;display:grid;gap:14px;flex:1;align-content:start}.pricing-section .plan-inclusions li{border:0;padding:0 0 0 23px;font-size:15px;line-height:1.5;position:relative}.pricing-section .plan-inclusions li:before{content:'✓';position:absolute;left:0;color:#49633c}.pricing-section .pricing-plan>.button{margin-top:auto;align-self:flex-start;width:auto;max-width:100%;font-size:14px;min-height:48px;padding:12px 17px;gap:16px}.pricing-section .plan-object{position:absolute;right:8px;top:20px;width:100px;height:100px;z-index:-1}.plan-object .paper-icon{width:100px;transform:rotate(8deg)}.plan-object img{width:130px;height:115px;object-fit:cover;object-position:70% 50%;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}.plan-building{display:flex;align-items:flex-end;gap:5px;padding:18px 10px;height:95px;transform:rotate(8deg)}.plan-building i{display:block;background:#b9c7ae;width:20px;height:42px;border-radius:7px;box-shadow:3px 4px 0 #a3b198}.plan-building i:nth-child(2){height:65px;background:#e1dbc9}.plan-building i:nth-child(3){height:52px;background:#57774a}
.pricing-section .pricing-terms{margin-top:28px;font-size:14px;line-height:1.7}.pricing-section .seat-estimate{margin-top:40px;border-radius:24px;background:#e9eee5;border:0;padding:32px}.pricing-section .seat-estimate h2{font:550 28px/1.2 var(--brand-font-body)}
@media(max-width:1100px){html[lang] .site-header{gap:16px}html[lang] .site-header nav{gap:20px;margin-left:12px}.pricing-section .pricing-plan{padding-inline:24px}.feature-gallery{gap:45px 28px}.gallery-managers{gap:30px}.gallery-documents>div{width:105px}.gallery-documents .paper-icon{width:95px}}
@media(max-width:800px){html[lang] .site-header nav>a,html[lang] .site-header .nav-disclosure>summary{font-size:19px}html[lang] .site-header .product-menu{width:100%}.feature-gallery{grid-template-columns:1fr;max-width:660px}.gallery-managers{grid-column:auto;display:block}.gallery-managers .gallery-copy{padding:28px 8px 0}.pricing-section .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-section .pricing-plan{grid-column:auto}.pricing-section .plan-pro{grid-column:1/-1}.pricing-section .plan-pro .plan-description{min-height:0}.pricing-section .plan-audience{min-height:45px}.pricing-section .plan-price-block{min-height:100px}}
@media(max-width:600px){html[lang] .site-header .header-cta{font-size:12px}.pricing-section .pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-section .pricing-plan{grid-column:auto;padding:30px 24px 26px}.pricing-section .plan-audience{min-height:0;margin-bottom:28px}.pricing-section .plan-description{min-height:0}.pricing-section .plan-price-block{min-height:0}.pricing-section .plan-object{right:16px}.pricing-section .plan-inclusions{gap:12px}.pricing-section .seat-estimate{padding:24px}.feature-gallery{padding-top:20px;gap:48px}.gallery-preview{height:270px;border-radius:20px}.gallery-copy{padding:24px 0 0}.gallery-copy p{font-size:16px}.gallery-preview>.paper-icon{width:108px;right:0}.gallery-agenda,.gallery-balance{width:82%;padding:22px}.gallery-opportunity{width:86%;padding:22px}.gallery-opportunity strong{font-size:22px}.gallery-documents>div{width:96px;min-height:165px}.gallery-documents .paper-icon{width:92px}.gallery-managers .gallery-preview{height:290px}.gallery-roster img{max-width:90px}.gallery-roster-label{font-size:12px}.gallery-managers .gallery-copy{padding-inline:0}}
@media(max-width:360px){html[lang] .site-header .header-cta{font-size:10px}.gallery-documents>div{width:84px}.gallery-documents .paper-icon{width:83px}.gallery-preview{height:250px}}
/* One camera path, three readable chapters. Static fallback retains every explanation. */
.cinema-journey{background:#faf9f5;position:relative;scroll-margin-top:90px}
.cinema-stage{max-width:1680px;margin:auto;padding:38px 5vw}
.cinema-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#53614e;gap:20px}.cinema-top a{padding:10px 0;text-underline-offset:5px}
.cinema-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:3vw;align-items:center;padding-block:36px}
.cinema-copy{min-width:0}.cinema-caption{margin-bottom:28px}.cinema-caption h2{font:550 clamp(30px,3.1vw,48px)/1.13 var(--brand-font-body);letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px;max-width:16ch}.cinema-caption p{font-size:17px;line-height:1.75;max-width:38ch;margin:0}.cinema-key{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:14px}.cinema-key span{display:flex;align-items:center;gap:8px}.cinema-key i{width:11px;height:11px;border-radius:3px;background:#002e0d}.cinema-key span:last-child i{background:var(--status-outstanding)}
.cinema-picture{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:20px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);background:#faf9f5}.cinema-picture img,.cinema-picture canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;display:block;mix-blend-mode:multiply}.cinema-picture canvas{visibility:hidden}.has-frame .cinema-picture canvas{visibility:visible}.has-frame .cinema-picture img{visibility:hidden}
.cinema-chapters{display:flex;gap:24px;max-width:720px;margin-left:auto;width:60%}.cinema-chapters a{flex:1;text-decoration:none;font-size:15px;padding:10px 0;line-height:1.35}.cinema-chapters i{display:block;background:#dce2d5;height:3px;border-radius:2px;margin-top:14px;overflow:hidden}.cinema-chapters i:after{content:'';display:block;width:100%;height:100%;background:#315326;transform:scaleX(var(--progress,0));transform-origin:left}.cinema-chapters a[aria-current=step]{font-weight:650}
.cinema-enabled{height:320svh}.cinema-enabled .cinema-stage{position:sticky;top:0;height:100svh;min-height:540px;display:flex;flex-direction:column;justify-content:center;overflow:clip}.cinema-enabled .cinema-layout{flex:1;max-height:calc(100svh - 160px);padding-block:20px}.cinema-enabled .cinema-caption{margin:0}.cinema-caption[hidden]{display:none}.cinema-enabled .cinema-picture{max-height:calc(100svh - 190px)}
body:has(.cinema-journey) .site-header{position:relative;background:#faf9f5}
@media(max-width:800px){.cinema-stage{padding:25px 6vw}.cinema-layout{display:flex;flex-direction:column;gap:18px;align-items:stretch}.cinema-picture{width:100%;max-width:660px;align-self:center;order:-1}.cinema-caption h2{max-width:none;font-size:32px;margin-bottom:14px}.cinema-caption p{font-size:16px;max-width:52ch}.cinema-enabled{height:280svh}.cinema-enabled .cinema-stage{padding-block:20px}.cinema-enabled .cinema-layout{justify-content:center;max-height:none;padding:10px 0}.cinema-enabled .cinema-picture{max-height:40svh;flex-shrink:0}.cinema-enabled .cinema-copy{min-height:170px}.cinema-chapters{width:100%;max-width:none;gap:18px}.cinema-chapters a{font-size:14px}.cinema-key{margin-top:16px}.cinema-top{font-size:12px}}
@media(max-width:380px){.cinema-caption h2{font-size:28px}.cinema-caption p{font-size:15px}.cinema-key{font-size:12px}.cinema-enabled .cinema-copy{min-height:175px}.cinema-chapters a{font-size:12px}.cinema-enabled .cinema-picture{max-height:32svh}}
@media(prefers-reduced-motion:reduce){.cinema-journey{height:auto}.cinema-chapters{display:none}.cinema-top a{display:none}}
.gallery-billing .gallery-preview>.paper-icon{display:none}
.pricing-section .pricing-grid{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
html[lang=zh-Hant] .shared-workspace>h2{max-width:none;text-wrap:balance}
.pricing-section .plan-agency h2{max-width:100%}
@media(max-width:380px){.pricing-section .plan-agency h2{font-size:26px}.pricing-section .plan-agency .plan-object{top:56px;right:5px;width:85px;height:85px}.pricing-section .plan-agency .plan-object img{width:100px;height:85px}}
html[lang] .site-header .menu-toggle{flex:0 0 auto;white-space:nowrap}
html[lang] .site-header .menu-label{white-space:nowrap;flex-shrink:0}
.cinema-records{margin-top:24px;max-width:390px;display:grid;gap:0}.cinema-records>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid #dce1d5;padding:10px 0;font-size:14px}.cinema-records strong{font-weight:550}.cinema-records span{display:flex;gap:24px;text-align:right;color:#5f6b58}.cinema-records b,.cinema-records em{font-style:normal;font-weight:550;min-width:60px;font-variant-numeric:tabular-nums;color:#002e0d}.cinema-records em{color:var(--status-outstanding-ink)}.cinema-records small{font-size:12px;color:#5f6b58;margin-top:5px}
@media(max-width:800px){.cinema-records{margin-top:14px;max-width:none}.cinema-records>div{font-size:13px;padding:7px 0}.cinema-enabled .cinema-copy{min-height:260px}.cinema-enabled .cinema-picture{max-height:32svh}.cinema-caption h2{font-size:30px}.cinema-records+.cinema-key{display:none}}
@media(max-height:720px) and (max-width:800px){.cinema-enabled .cinema-picture{max-height:26svh}.cinema-caption h2{font-size:26px;margin-bottom:10px}.cinema-caption p{font-size:14px;line-height:1.6}.cinema-enabled .cinema-copy{min-height:250px}.cinema-stage{padding-inline:20px}.cinema-top{font-size:11px}.cinema-chapters a{font-size:12px}.cinema-chapters i{margin-top:8px}}
.cinema-journey:not(.cinema-enabled) .cinema-chapters,.cinema-journey:not(.cinema-enabled) .cinema-top a{display:none}

/* Clear content first; the paper world supports real dates, people and amounts. */
.heading-wordmark{display:inline-block;position:relative;overflow:hidden;width:3.1811em;height:1em;vertical-align:-.13em;line-height:1}
.heading-wordmark img{position:absolute!important;width:114.7838%!important;max-width:none!important;height:auto!important;left:-7.4008%;top:-21.9581%;object-fit:contain}
.site-header .menu-hamburger{display:none}.site-header .mobile-nav-access{display:none!important}
@media(max-width:800px){
 html[lang] .site-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:14px;padding:8px 14px;height:66px;align-items:center}
 html[lang] .site-header>.menu-toggle{grid-column:1;grid-row:1;margin:0;width:44px;height:44px;padding:10px;border:0;background:transparent;box-shadow:none}
 html[lang] .site-header>.wordmark{grid-column:2;grid-row:1;justify-self:center}
 html[lang] .site-header .wordmark img.brand-lockup{width:130px;height:auto}
 html[lang] .site-header>.site-utility{grid-column:3;grid-row:1;padding:0;border:0}
 html[lang] .site-header>.header-cta{display:none}
 html[lang] .site-header .menu-label,html[lang] .site-header .menu-plus{display:none}
 html[lang] .site-header .menu-hamburger{display:block;width:24px;height:24px;flex-shrink:0}
 html[lang] .site-header .menu-toggle[aria-expanded=true] .menu-hamburger{transform:rotate(90deg)}
 html[lang] .site-header nav .mobile-nav-access{display:inline-flex!important;align-self:flex-start;margin:18px 0 8px;font-size:15px;min-height:48px;width:auto;padding:12px 18px}
 html[lang] .site-header nav.is-open{top:76px;left:0;right:0;max-height:calc(100dvh - 100px);padding:20px 24px}
 html[lang] .site-header .language-panel{top:calc(100% + 12px)}
}
.workflow-explorer{padding-block:70px;scroll-margin-top:100px}.workflow-explorer>h2{margin-bottom:42px}.workflow-browser{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:60px;align-items:start}.workflow-selector{display:grid;gap:8px;position:sticky;top:120px}.workflow-selector button{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font:550 21px/1.3 var(--brand-font-body);padding:21px 18px;border:0;border-radius:12px;color:#536457;background:transparent;cursor:pointer;min-height:68px}.workflow-selector button span{opacity:0;font-size:23px}.workflow-selector button[aria-selected=true]{background:#e4ecdd;color:#002e0d}.workflow-selector button[aria-selected=true] span{opacity:1}.workflow-selector button:hover{color:#002e0d;background:#edf1e9}.workflow-selector button:focus-visible{outline:2px solid #315326;outline-offset:3px}
.workflow-explorer .feature-gallery{display:block;width:100%;max-width:none;padding:0;margin:0}.workflow-explorer .gallery-area{display:block}.workflow-explorer .gallery-area[hidden]{display:none}.workflow-explorer .gallery-copy{padding:26px 6px 0}.workflow-explorer .gallery-copy h2{display:none}.workflow-explorer .gallery-copy ul{margin-bottom:18px;gap:12px}.workflow-explorer .gallery-copy li{font-size:17px}.workflow-explorer .gallery-preview{height:330px}.workflow-explorer .gallery-managers .gallery-copy{padding:26px 6px 0}.workflow-explorer .gallery-preview .paper-icon{width:130px}
@media(max-width:800px){.workflow-browser{grid-template-columns:1fr;gap:26px}.workflow-selector{position:static;grid-template-columns:1fr 1fr;gap:8px}.workflow-selector button{font-size:15px;padding:14px 12px;gap:6px;min-height:54px}.workflow-selector button:last-child{grid-column:1/-1}.workflow-selector button span{font-size:18px}.workflow-explorer{padding-block:45px}.workflow-explorer>h2{margin-bottom:24px}.workflow-explorer .gallery-preview{height:280px}.workflow-explorer .gallery-copy li{font-size:15px}}
@media(max-width:360px){.workflow-explorer .gallery-preview{height:250px}.workflow-selector button{font-size:14px}}
/* These faces share Blender's camera projection, not a separate floating UI layer. */
.cinema-surfaces{position:absolute;inset:0;visibility:hidden;pointer-events:none}.has-surfaces .cinema-surfaces{visibility:visible}
.paper-surface{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;box-sizing:border-box;background:#f7f5ed;color:#193421;font:400 30px/1.25 var(--brand-font-body);border-radius:20px;backface-visibility:hidden;padding:24px;box-shadow:inset 0 0 0 2px #d6dccd}
.paper-surface header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #d4dccb;padding-bottom:18px;margin-bottom:20px}.paper-surface header strong{font-size:40px;font-weight:600}.paper-surface header span{font-size:25px;color:#58694c}
.cinema-picture .paper-person img{position:static!important;visibility:visible!important;display:block;width:100%;height:223px;object-fit:cover;object-position:center;inset:auto;}
.paper-person{padding:15px;background:#f6f3e9}.paper-person strong{font-size:39px;display:block;margin-top:8px}.paper-person>span{font-size:22px;display:block;color:#647057;margin-top:3px}.paper-person:nth-child(2){background:#e7eddf}.paper-person:nth-child(3){background:#f0dfd2}
.paper-days{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.paper-days>div>span{font-size:26px;color:#58694c}.paper-days>div>b{display:block;font-size:46px;margin:3px 0 16px}.paper-days article{padding:16px 12px;background:#e0e9d6;border-left:5px solid #496843;border-radius:8px;display:grid;gap:11px}.paper-days article strong{font-size:31px}.paper-days article span{font-size:26px}.paper-days time{font-size:30px}.paper-days>div:nth-child(2) article{background:#f0dfcf;border-color:#ad8058}.paper-days>div:nth-child(3) article{background:#e0e7ee;border-color:#70879a}
.paper-ledger-head,.paper-ledger-row{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:12px}.paper-ledger-head{font-size:25px;padding:0 5px 15px}.paper-ledger b,.paper-ledger em{font-style:normal;text-align:right;font-weight:550}.paper-ledger em{color:#926123}.paper-ledger-row{padding:15px 5px 11px;border-top:1px solid #d7ddcc;font-size:33px}.paper-money-bar{grid-column:2/4;height:9px;background:#d1ac73;border-radius:6px;overflow:hidden}.paper-money-bar i{display:block;height:100%;background:#204b2c}.paper-ledger-row strong{grid-row:span 2;align-self:center;font-weight:550}
.paper-document{display:flex;flex-direction:column;gap:22px;padding:24px;background:#f5f1e6}.paper-document:nth-child(2){background:#e4ebd8}.paper-document:nth-child(3){background:#efd9ca}.paper-document-no{font-size:30px;color:#6c7b58}.paper-document strong{font-size:37px;font-weight:600}.paper-doc-lines{display:grid;gap:13px;margin-top:auto}.paper-doc-lines i{height:7px;background:#c7cfba;border-radius:4px}.paper-doc-lines i:last-child{width:65%}.paper-document-status{font-size:22px;color:#516849}
.paper-deliveries>div{display:grid;grid-template-columns:110px 1fr 40px;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #d3dccc}.paper-deliveries time{font-size:32px;color:#69825b}.paper-deliveries strong{font-size:30px;font-weight:550}.paper-deliveries>div>span{font-size:38px}
.paper-invoice-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0 35px;border-bottom:1px solid #cfd8c3}.paper-invoice-total>span{font-size:28px}.paper-invoice-total>strong{font-size:62px;font-weight:600}.paper-invoice-status{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:28px}.paper-invoice-status span{font-size:28px;display:block;margin-bottom:10px}.paper-invoice-status b,.paper-invoice-status em{font-size:49px;font-weight:550;font-style:normal}.paper-invoice-status em{color:#926123}
.has-surfaces .cinema-records{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seat-enterprise[hidden]{display:none!important}
@media(max-width:800px){.has-surfaces .cinema-copy{min-height:175px}.has-surfaces .cinema-picture{max-height:40svh}.has-surfaces .cinema-key{display:none}.paper-surface{font-family:var(--brand-font-body)}}
.workflow-explorer .phrase{display:inline-block;white-space:nowrap}
@media(max-width:800px){html[lang] .site-header .menu-toggle[aria-expanded=true] .menu-hamburger{transform:none}.menu-hamburger path{transform-origin:12px 12px;transition:transform .18s,opacity .18s}.menu-toggle[aria-expanded=true] .hamburger-top{transform:translateY(6px) rotate(45deg);transform-origin:12px 6px}.menu-toggle[aria-expanded=true] .hamburger-middle{opacity:0}.menu-toggle[aria-expanded=true] .hamburger-bottom{transform:translateY(-6px) rotate(-45deg);transform-origin:12px 18px}html[lang=zh-Hant] .workflow-explorer>h2{font-size:36px;line-height:1.3}.workflow-explorer .phrase{margin-right:.15em}}
@media(min-width:801px) and (max-width:960px){html[lang] .site-header{gap:12px;padding-inline:18px}html[lang] .site-header .wordmark img.brand-lockup{width:124px;height:auto}html[lang] .site-header nav{gap:16px;margin-left:8px}html[lang] .site-header .nav-disclosure>summary{white-space:nowrap}html[lang] .site-header .header-cta{padding-inline:14px}}

/* Keep the two product groups readable without pushing the primary links off a phone. */
.site-header .audience-menu a[aria-current="page"]{background:var(--brand-soft)}
@media(max-width:800px){
 html[lang] .site-header .product-menu .menu-group-label{margin:4px 14px 2px;padding-top:8px;border:0}
 html[lang] .site-header nav .product-menu a{display:flex;align-items:center;min-height:44px;padding:8px 16px}
 html[lang] .site-header nav.is-open{padding-block:12px}
}

/* The fold, film set and grant folio each have their own physical set. */
.print-edition{--stock:#edefe5;background:var(--stock);color:#173b2a}
.print-creator{--stock:#e9e7df}.print-grant{--stock:#f2e8d8}
.print-stage{max-width:1720px;margin:auto;padding:clamp(48px,6vw,110px) 6vw;position:relative}
.print-copy h2{font-size:clamp(36px,4vw,72px);line-height:1.05;letter-spacing:-.035em;text-wrap:balance;margin:0 0 32px}
.print-steps{padding:0;margin:0;list-style:none}.print-steps li{padding:18px 0}.print-steps li[hidden]{display:none}
.print-steps li>img{width:100%;max-width:580px;display:block;height:auto;margin:0 0 24px}
.print-steps h3{font:600 clamp(20px,1.6vw,28px)/1.25 var(--brand-font-body);margin:0 0 10px}
.print-steps p{max-width:42ch;font-size:clamp(16px,1.12vw,19px);line-height:1.6;margin:0 0 16px}
.print-view,.print-nav,.print-skip{display:none}
.print-active{height:245svh}.print-active .print-stage{position:sticky;top:0;min-height:610px;height:100svh;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.25fr);align-items:center;gap:4vw;padding-block:70px;overflow:clip}
.print-active .print-view{display:block;position:relative;aspect-ratio:3/2;width:110%;margin-left:-2%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.print-view canvas,.print-view img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.print-view canvas{opacity:0}[data-print-frame] .print-view canvas{opacity:1}
.print-active .print-steps li>img{display:none}
.print-active .print-nav{display:flex;gap:10px;margin-top:24px}
.print-nav button{border:0;background:transparent;color:#6a6f63;min-height:42px;min-width:46px;font:500 15px/1 var(--brand-font-body);border-bottom:2px solid #a2ad9e;cursor:pointer}.print-nav button[aria-current=step]{color:#153b27;border-color:currentColor}
.print-active .print-skip{display:block;position:absolute;right:6vw;bottom:22px;color:#3e5244;font-size:14px}
html[lang=zh-Hant] .print-copy h2{line-height:1.18}
.paper-role-art{position:relative;overflow:hidden}.paper-role-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 92%,transparent);mask-composite:intersect}
.paper-role-art.playing video{opacity:1}.paper-role-art.playing img{opacity:0}
html[lang] main .compact-closing{background:linear-gradient(180deg,transparent 0%,#eaf0e7 100%);border:0;box-shadow:none}
.pricing-section .pricing-plan .plan-object{width:80px;height:80px;right:16px;top:18px;display:grid;place-items:center;z-index:0;pointer-events:none}
.plan-object .plan-mark{width:100%;height:100%;overflow:visible}
.pricing-section .pricing-plan h2,.pricing-section .pricing-plan .plan-audience{max-width:calc(100% - 74px)}
@media(min-width:801px){.pricing-section .pricing-plan{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:15px;align-content:start}.pricing-section .pricing-plan h2,.pricing-section .pricing-plan .plan-audience,.pricing-section .pricing-plan .plan-description,.pricing-section .pricing-plan .plan-inclusions,.pricing-section .pricing-plan .plan-price-block{min-height:0;margin:0}.pricing-section .pricing-plan .plan-price-block{padding-top:16px}.pricing-section .pricing-plan>.button{justify-self:start;align-self:end}}
@media(max-width:800px){.print-active{height:230svh}.print-active .print-stage{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:46px 6vw 54px}.print-active .print-view{order:-1;width:min(105%,630px);margin:0;max-height:38svh}.print-active .print-copy{width:100%;max-width:600px}.print-copy h2{font-size:clamp(27px,6vw,42px);margin-bottom:14px}.print-active .print-steps li{padding:0}.print-steps h3{font-size:19px}.print-steps p{font-size:16px;margin-bottom:12px}.print-active .print-nav{margin-top:9px}.print-active .print-skip{bottom:14px}}
@media(max-width:380px){.pricing-section .pricing-plan .plan-object{width:62px;height:62px;right:12px;top:18px}.pricing-section .pricing-plan h2{max-width:calc(100% - 48px)}}
@media(max-height:740px) and (max-width:800px){.print-active .print-view{max-height:30svh;width:auto;height:30svh;max-width:100%}.print-active .print-stage{gap:10px}.print-copy h2{font-size:27px}.print-steps p{font-size:15px}}
.grant-cover{margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:48% 48% 4px 4px / 22% 22% 4px 4px}.grant-cover img{display:block;width:100%;height:100%;object-fit:cover}

.plan-usage-details summary{cursor:pointer;color:var(--brand-ink);text-underline-offset:.2em}
.plan-usage-details summary:hover{text-decoration:underline}
.plan-usage-details p{margin:.6em 0 0;line-height:1.55}
#public-contract{scroll-margin-top:100px}
.pricing-section .plan-inclusions li:has(.plan-usage-details)::before{content:none}
.plan-usage-details summary{list-style:none;position:relative}
.plan-usage-details summary::before{content:"";position:absolute;left:-21px;top:.5em;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg)}
.plan-usage-details[open] summary::before{transform:rotate(45deg)}

/* Both language editions share the stock and cut edges of the bound studio prop. */
.print-open-calls{--stock:#e8e9e0}
.print-open-calls .print-view,.print-open-calls .print-steps img{filter:brightness(1.25)}
#eligibility-check,#submission-plan{scroll-margin-top:140px}
@media(min-width:801px){
 .print-open-calls:not(.print-active) .print-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
}
@media(max-width:800px){
 .print-open-calls:not(.print-active) .print-steps img{width:min(68%,300px)}
}
.print-open-calls .print-nav button{font-variant-numeric:tabular-nums}

/* A single composited film keeps both performances on the same clock. */
.paper-roles .role-scene{position:relative;aspect-ratio:16/9;min-width:0;mix-blend-mode:multiply}
.paper-roles .role-scene img,.paper-roles .role-scene video{width:100%;height:100%;object-fit:contain}
.paper-role.reverse .role-scene{order:2}
.home-explore a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) auto;align-items:center;gap:clamp(16px,3vw,56px)}
.home-explore a>.cta-arrow{justify-self:end}
html[lang] main .compact-closing{background:#103b29;color:#fffaf1}
html[lang] main .compact-closing h2{color:inherit}
html[lang] main .compact-closing>.button{background:#e5f4d9;color:#103b29;border-color:#e5f4d9}
html[lang] main .compact-closing>.button .cta-arrow{background:#d0e9be;color:#103b29;border-color:#b8d4a7}
html[lang] main .compact-closing>.button:hover{background:#f2ffe6}
@media(max-width:800px){
 .paper-role.reverse .role-scene{order:0}
 .paper-roles .paper-role{row-gap:12px}
 .home-explore a{grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;align-items:center}
 .home-explore .workflow-description{grid-column:1}
 .home-explore a>.cta-arrow{grid-column:2;grid-row:1 / span 2;align-self:center}
}
.home-explore a>.cta-arrow{display:grid;place-items:center;width:34px;height:34px;box-sizing:border-box;border-radius:50%;border:1px solid #bccbbe;background:transparent;color:#244633}
.home-explore a>.cta-arrow svg{width:18px;height:18px}
.home-explore a:is(:hover,:focus-visible)>.cta-arrow{color:white;background:#17432d;border-color:#17432d}

.pricing-section .pricing-plan.plan-pro {
  background: #e9eae6;
  border-color: #c8cec7;
  box-shadow: none;
}
.plan-pro .plan-object { filter: grayscale(1); }
.plan-pro .plan-status {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  align-self: end;
  width: fit-content;
  margin-top: auto;
  padding: .55em 1em;
  border-radius: 999px;
  background: #d8dcd5;
  color: #434b43;
  font-weight: 600;
}
@media (max-width: 800px) {
  .plan-pro .plan-status { align-self: flex-start; }
}

/* The original bound-paper film now has five physical leaves. */
.compact-closing .closing-name{display:inline-block;white-space:nowrap}
.print-five.print-active{height:370svh}
.print-five.print-active .print-stage{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);padding-block:90px 60px;gap:3vw}
.print-five .print-copy h2{font-size:clamp(32px,3.2vw,56px);line-height:1.12;max-width:none;letter-spacing:-.035em}
.print-five.print-active .print-steps{display:grid}
.print-five.print-active .print-steps li{grid-area:1/1;opacity:0;pointer-events:none;will-change:transform,opacity}
.print-five.print-active .print-steps li[aria-hidden=false]{pointer-events:auto}
.print-five .print-steps h3{text-wrap:balance}
.print-five.print-active .print-view{width:112%;margin-left:-6%}
.print-five .print-nav button:active{transform:scale(.96)}
.print-five:not(.print-active) .print-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:32px}
@media(max-width:800px){
 .print-five.print-active .print-stage{padding-block:82px 46px;gap:12px}
 .print-five .print-copy h2{font-size:clamp(24px,6.15vw,39px);margin-bottom:16px}
 .print-five.print-active .print-view{width:min(112%,580px);height:auto;max-height:31svh;margin:0;flex-shrink:0}
 .print-five.print-active .print-steps h3{font-size:20px;text-wrap:pretty}
 .print-five .print-steps p{font-size:16px}
 .print-five:not(.print-active) .print-steps{grid-template-columns:1fr}
 .print-five:not(.print-active) .print-steps img{width:min(100%,430px)}
}

/* Shared downward chapter handoff, including the homepage offer sequence. */
.print-active .print-steps{display:grid}
.print-active .print-steps li{grid-area:1/1;pointer-events:none;will-change:transform,opacity}
.print-active .print-steps li[aria-hidden=false]{pointer-events:auto}
.plan-availability{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px}
.plan-availability .plan-status{margin:0}
.plan-coming{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#526255;white-space:nowrap}
.plan-coming svg{width:19px;height:19px}
@media(max-width:400px){.plan-availability{gap:10px}}
/* Three companion prints for the courtyard concert cover. */
.workflow-cover-daily{border-radius:4px 44% 4px 4px / 4px 61% 4px 4px}
.workflow-cover-deals{border-radius:32% 4px 32% 4px / 43% 4px 43% 4px}
.workflow-cover-billing{border-radius:4px 4px 42% 4px / 4px 4px 58% 4px}

.plan-coming .liquid-clock{width:29px;height:29px}
.clock-turn{transform-origin:16px 16px}
.clock-upper,.clock-lower{transform-box:fill-box;transform-origin:center bottom}
.clock-lower{transform:scaleY(.4)}
@media(prefers-reduced-motion:no-preference){
  .clock-turn{animation:turn-hourglass 3.4s ease-in-out infinite}
  .clock-upper{animation:drain-hourglass 3.4s linear infinite}
  .clock-lower{animation:fill-hourglass 3.4s linear infinite}
  .clock-stream{animation:pour-hourglass 3.4s linear infinite}
  @keyframes turn-hourglass{0%,73%{transform:rotate(0)}96%,100%{transform:rotate(180deg)}}
  @keyframes drain-hourglass{0%,6%{transform:scaleY(1)}71%,100%{transform:scaleY(0)}}
  @keyframes fill-hourglass{0%,6%{transform:scaleY(0)}71%,100%{transform:scaleY(1)}}
  @keyframes pour-hourglass{0%,72%,100%{opacity:0}10%,66%{opacity:1}}
}

/* Keep chapter type and the lit physical prop in independent columns. */
.print-bound{--stock:#f1eee4}
.print-bound.print-active{height:calc(84svh * var(--chapters))}
.print-bound.print-active .print-stage{grid-template-columns:minmax(0,.92fr) minmax(0,1.1fr);gap:4vw}
.print-bound.print-active .print-view{width:100%;margin:0;aspect-ratio:1000/780;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent),linear-gradient(0deg,transparent,#000 10% 90%,transparent);mask-composite:intersect}
.print-bound .print-copy h2{font:600 clamp(15px,1.3vw,20px)/1.4 var(--brand-font-body);letter-spacing:0;margin:0 0 18px}
.print-bound .print-steps h3{font:650 clamp(30px,3.5vw,60px)/1.09 var(--brand-font-body);letter-spacing:-.035em;text-wrap:balance}
html[lang=zh-Hant] .print-bound .print-steps h3{line-height:1.22;letter-spacing:-.025em}
.bound-record{display:grid;gap:4px;border-top:1px solid #a5b4a0;padding-top:12px;color:#425342;font-size:14px}
.bound-record strong{font-size:1.18em;color:#183828}
.print-bound:not(.print-active) .print-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:24px}
@media(max-width:800px){.print-bound.print-active .print-view{width:min(96%,410px);height:min(32svh,72vw);margin:0 auto}.print-bound.print-active .print-stage{gap:12px;padding-block:82px 44px}.print-bound .print-copy h2{margin-bottom:9px}.print-bound .print-steps h3{font-size:clamp(24px,6.3vw,34px)}.print-bound .bound-record{padding-top:8px;gap:1px}.print-bound .print-steps p{margin-bottom:8px}}

/* Interaction surfaces from the TALOOX app shell, adapted for the public header and controls. */
:root {
  --control-hover: linear-gradient(145deg,#fff,#e7f0ea);
  --control-selected: linear-gradient(145deg,#f4faf6ed,#d4e7d9);
  --control-raised: inset 0 1px 0 #fff, inset 0 0 0 1px #bfd4c5, 0 2px 5px #24383310;
  --control-pressed: inset 0 1px 3px #24463326, inset 0 0 0 1px #99b7a1;
  --panel-frost: linear-gradient(135deg,#fffffffa,#f7fbf8f7 58%,#eef4f0f7);
  --interaction-time: 160ms;
}

/* Draw edges inside the hit area so menus and rows stay aligned while pressed. */
body[data-page] :is(.site-header summary,.site-header .menu-toggle,.site-header .wordmark,
  .site-header nav > a:not(.button),.audience-menu a,.language-panel a,
  .workflow-selector button,.tour-tabs button,.illustrated-tabs button,
  .feature-area-nav a,.focus-toolbar button,.round-next,.dialog-close,
  .sequence-controls button,.capture-dialog-toolbar button,.hero-film-toggle,
  .plan-usage-details summary,.capability-details summary,.faq-list summary,
  .print-nav button,.full-screen,.chapter-nav a,.page-jump a:not(.button)) {
  border-radius:9px;
  transition:background-color var(--interaction-time),box-shadow var(--interaction-time),border-color var(--interaction-time);
  &:not(:disabled):is(:active,:focus-visible,[data-glass-press]) {
    background:var(--control-selected);
    color:var(--brand-deep);
    box-shadow:var(--control-pressed);
  }
  @media(hover:hover) and (pointer:fine) {
    &:hover:where(:not(:disabled):not(:active)) {
      background:var(--control-hover);
      color:var(--brand-deep);
      box-shadow:var(--control-raised);
    }
  }
}
.site-header .nav-disclosure > summary,.site-header nav > a:not(.button){padding-inline:11px}
body[data-page] :is(.capability-details,.faq-list) summary{padding-inline:12px}
body[data-page] .capture-open:is(:active,[data-glass-press],:focus-visible){
  box-shadow:var(--control-pressed);
}
@media(hover:hover) and (pointer:fine){
  body[data-page] .capture-open:hover{box-shadow:var(--site-glass-float-shadow)}
}
html[lang] body .site-header :is(.nav-disclosure[open] > summary,
  .language-picker[open] > summary,.menu-toggle[aria-expanded=true],
  nav a[aria-current=page],.language-panel a[aria-current=true]),
body[data-page] :is(.workflow-selector,.tour-tabs,.illustrated-tabs) button[aria-selected=true],
body[data-page] :is(.feature-area-nav a[aria-current=page],.print-nav button[aria-current=step]) {
  background:var(--control-selected);
  box-shadow:var(--control-raised);
  color:var(--brand-deep);
}
body[data-page] :is(.capability-details,.faq-list) details[open] > summary {
  background:linear-gradient(110deg,#e6f1e9,#f4f8f4);
  box-shadow:inset 0 1px 0 white;
}

/* Solid text and an almost opaque face over the page, as in the product's account menu. */
html[lang] body .site-header :is(.audience-menu,.language-panel),
body[data-page] #product-image-dialog[open] {
  background:var(--panel-frost);
  border-color:#cfddd3;
  box-shadow:var(--site-glass-float-shadow);
}
@media(max-width:800px){
  html[lang] body .site-header nav.is-open{
    background:var(--panel-frost);
    box-shadow:var(--site-glass-float-shadow);
  }
  html[lang] body .site-header nav .audience-menu{
    background:#eef5efb3;
    box-shadow:inset 0 1px 0 #fff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}
@keyframes taloox-panel-in{
  from{opacity:.25;translate:0 -4px}
  to{opacity:1;translate:0 0}
}
@media(prefers-reduced-motion:no-preference){
  .site-header details[open] > :is(.audience-menu,.language-panel),
  #product-image-dialog[open] {animation:taloox-panel-in 160ms cubic-bezier(.2,.7,.3,1)}
  @media(max-width:800px){.site-header nav.is-open{animation:taloox-panel-in 160ms cubic-bezier(.2,.7,.3,1)}}
}

/* Primary and secondary actions retain their own contrast on both paper and pine. */
body[data-page] :is(a,button).button {
  --action-over:linear-gradient(155deg,#2f623c,#0d4a1f 75%);
  --action-down:linear-gradient(155deg,#123b1f,#003914);
  --action-ink:#fff;
  --action-edge:#ffffff54;
  --action-arrow:#ffffff20;
  transition:box-shadow var(--interaction-time),transform var(--interaction-time),border-color var(--interaction-time);
}
body[data-page] .button.button-secondary,html[lang] main .compact-closing>.button {
  --action-over:linear-gradient(145deg,#fbfff7,#d7eacb);
  --action-down:linear-gradient(155deg,#c5dfbc,#e1eddb);
  --action-ink:var(--brand-deep);
  --action-edge:#ffffffe6;
  --action-arrow:#ffffff80;
}
@media(hover:hover) and (pointer:fine){
  html[lang] body[data-page] :is(a,button).button:not(:disabled):hover{
    background:var(--action-over);color:var(--action-ink);
    border-color:color-mix(in srgb,var(--action-ink) 20%,#64866c);
    box-shadow:inset 0 1px 0 var(--action-edge),0 4px 10px #183b2624;
    transform:translateY(-1px);
  }
  html[lang] body[data-page] .button:not(:disabled):hover .cta-arrow{
    color:inherit;background:var(--action-arrow);
  }
}
html[lang] body[data-page] :is(a,button).button:not(:disabled):is(:active,[data-glass-press]){
  background:var(--action-down);color:var(--action-ink);
  box-shadow:inset 0 2px 3px #002e0d35,inset 0 0 0 1px var(--action-edge);
  transform:translateY(0);
}
body[data-page] :is(.home-explore a,.text-link):is(:focus-visible,:active,[data-glass-press]) .cta-arrow{
  background:var(--control-selected);color:var(--brand-deep);box-shadow:var(--control-pressed);
}
body[data-page] :is(input,select,textarea):focus-visible{
  box-shadow:inset 0 1px 2px #24463312,0 0 0 4px #b8d9be55;
}
body[data-page] :is(a,button,summary,input,textarea,select):focus-visible{
  outline:2px solid #235c36;outline-offset:3px;
}
body[data-page] :is(.site-footer,.compact-closing) :focus-visible{outline-color:#b5ffa0}

@media(prefers-reduced-motion:reduce){
  html[lang] body[data-page] :is(a,button).button:not(:disabled):is(:active,:hover){transform:none;transition:none}
  body[data-page] :is(a,button,summary){transition-duration:0s}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){
  html[lang] body .site-header :is(.audience-menu,.language-panel,nav.is-open),
  html[lang] body .site-header nav .audience-menu,
  body[data-page] #product-image-dialog[open] {
    background:Canvas;color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none;
    border:1px solid currentColor;
  }
}

/* Text links keep their reading rhythm; the material sits on the icon or underline. */
@media(hover:hover) and (pointer:fine){
  body[data-page] :is(.text-link,.home-explore a):hover .cta-arrow{
    color:var(--brand-deep);background:var(--control-hover);box-shadow:var(--control-raised);
  }
}
body[data-page] :is(.breadcrumb,.full-footer) a:not(.wordmark):is(:hover,:active,:focus-visible){
  text-decoration:underline;text-underline-offset:.22em;
}
@media(prefers-contrast:more),(forced-colors:active){
  html[lang] body[data-page] :is(a,button,summary,input,textarea,select):focus-visible{outline:3px solid Highlight}
}

/* One paper stock for the interior cover, its gutter, and the section below. */
:root{
  --chapter-stock:#faf9f5;
  --chapter-sage:#e8ede3;
  --chapter-forest:#103b29;
}
body:has(.chapter-hero),body[data-page="opportunities"]{background:var(--chapter-stock)}
.chapter-hero{overflow:clip;background:radial-gradient(ellipse at 79% 48%,#e1e8dc90,transparent 50%),var(--chapter-stock)}
.chapter-spread{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,64px);padding-block:clamp(30px,4.5vw,75px)}
.chapter-copy{position:relative;z-index:1}
html[lang] .chapter-copy h1{font-size:clamp(44px,4.8vw,76px);line-height:1.03;letter-spacing:-.046em;margin:0;text-wrap:balance}
html[lang=zh-Hant] .chapter-copy h1{font-size:clamp(40px,4.35vw,68px);line-height:1.18;letter-spacing:-.03em}
.chapter-copy .heading-line{white-space:normal}
.chapter-copy .page-intro{max-width:52ch;margin-top:22px;font-size:clamp(16px,1.25vw,19px);line-height:1.65}
.chapter-copy :is(.feature-hero-actions,.page-jump){margin-top:26px}
.chapter-art{position:relative;aspect-ratio:1.35;isolation:isolate;pointer-events:none}
.chapter-prop{display:block;position:absolute;height:auto;filter:brightness(1.06) saturate(1.1) drop-shadow(0 12px 8px #253a2519);transform:rotate(var(--angle))}
.chapter-art .prop-0{--angle:13deg;width:66%;right:0;top:0}
.chapter-art .prop-1{--angle:-8deg;width:83%;left:0;bottom:-4%}
.chapter-art-features .prop-0{--angle:19deg;width:64%;right:-1%;top:0}
.chapter-art-features .prop-1{--angle:-15deg;width:64%;left:3%;bottom:14%}
.chapter-art-features .prop-2{--angle:-2deg;width:78%;left:17%;bottom:-7%}
.chapter-art-billing .prop-0{--angle:14deg;width:46%;right:0;top:5%;z-index:1}
.chapter-art-billing .prop-1{--angle:-8deg;width:84%;left:3%;bottom:-3%}
.chapter-art-government .prop-0{--angle:12deg;width:74%;right:-1%;top:-1%}
@keyframes set-paper-down{
  from{translate:var(--entry-x,0) 16px;rotate:var(--entry-turn,3deg)}
  to{translate:0 0;rotate:0deg}
}
@media(prefers-reduced-motion:no-preference){
  .chapter-prop{animation:set-paper-down 950ms cubic-bezier(.16,.64,.24,1) both}
  .chapter-art .prop-1{--entry-x:-13px;--entry-turn:-4deg;animation-delay:90ms}
  .chapter-art .prop-2{--entry-x:8px;animation-delay:170ms}
}

.deadline-story{background:linear-gradient(180deg,#f2e8d8 0,var(--chapter-stock) clamp(58px,7vw,100px));padding-block:clamp(85px,9vw,144px) clamp(40px,6vw,84px)}
.deadline-spread{display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px)}
.deadline-copy h2{font-size:clamp(34px,3.4vw,56px);line-height:1.12;margin:0 0 20px;text-wrap:balance}
.deadline-copy p{max-width:48ch;margin:0;color:var(--brand-muted);font-size:clamp(16px,1.2vw,18px);line-height:1.7}
.date-proof{margin:0;padding:clamp(18px,2.4vw,36px);background:#f0f2e9;border-radius:14px;color:var(--brand-deep)}
.date-proof figcaption{font-weight:600;font-size:16px;margin-bottom:13px}
.date-proof dl{margin:0}
.date-proof dl>div{border-top:1px solid #ccd8c9;display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;padding:14px 0;flex-wrap:wrap}
.date-proof dl>div:last-child{padding-bottom:0}
.date-proof dt,.date-proof dd{margin:0}
.date-proof dt{color:var(--brand-muted)}
.date-proof dd{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}
.date-proof s{color:#61695e}
.commission-path{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;border-top:1px solid var(--brand-line);padding-top:24px;margin-top:clamp(32px,4vw,60px)}
.commission-path h3{font:600 clamp(18px,1.6vw,24px)/1.4 var(--brand-font-body);margin:0}
.commission-path .text-link{margin:0}
html[lang] main .compact-closing{
  --edge-height:clamp(38px,4.6vw,72px);
  padding-top:calc(var(--edge-height) + clamp(30px,3vw,52px));
  background:url('https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6ae700bab8c471bc511dac70_closing-edge.svg') center top / 100% var(--edge-height) no-repeat,
    linear-gradient(180deg,transparent 0 calc(var(--edge-height) - 1px),var(--chapter-forest) calc(var(--edge-height) - 1px),var(--chapter-forest) 65%,var(--brand-deep) 100%);
}
@media(max-width:760px){
  .chapter-spread{grid-template-columns:1fr;gap:12px;padding-block:20px 24px}
  html[lang] .chapter-copy h1{font-size:clamp(36px,7.7vw,54px)}
  html[lang=zh-Hant] .chapter-copy h1{font-size:clamp(32px,7.5vw,46px)}
  .chapter-copy .page-intro{margin-top:14px}
  .chapter-copy :is(.feature-hero-actions,.page-jump){margin-top:18px}
  .chapter-art{width:min(100%,420px);height:clamp(190px,53vw,248px);aspect-ratio:auto;justify-self:center}
  .chapter-prop{max-height:98%;object-fit:contain}
  .chapter-art-features .prop-0{right:5%;width:60%}
  .chapter-art-government .prop-0{right:4%}
  .deadline-spread{grid-template-columns:1fr;gap:24px}
  .commission-path{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:430px){.date-proof dl>div{display:grid}.date-proof dd{font-size:19px}}
/* Keep the overview's two authored phrases together in the original paper cover. */
html[lang=en] .page-product .chapter-copy h1{width:100%;max-width:none;font-size:clamp(32px,3.45vw,63px);line-height:1.09}
html[lang=en] .page-product .chapter-copy h1 .heading-line{display:block;white-space:normal}

#pro-agent{scroll-margin-top:6rem} .agent-status{display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:.8rem;color:var(--brand-deep)}

/* The exposed paper around a studio and the copy on either side share one stock. */
body:is([data-page=daily],[data-page=deals],[data-page=billing],[data-page=opportunities]){
  --chapter-stock:#f5f2e9;
  background:var(--chapter-stock);
}
:is(.page-daily,.page-deals,.page-billing,.page-opportunities){background:var(--chapter-stock)}
:is(.page-daily,.page-deals,.page-billing) .studio-film::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom,var(--chapter-stock),transparent 13%,transparent 84%,var(--chapter-stock));
}
.page-opportunities .print-grant{--stock:var(--chapter-stock)}
.page-opportunities .deadline-story{background:var(--chapter-stock)}

.page-product .chapter-copy .page-jump{gap:10px 12px}
.page-product .page-jump a:not(.button){
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 flex:0 0 auto;max-width:100%;min-height:44px;padding:9px 15px;line-height:1.3;
 border:1px solid #a9beac;border-radius:9px;background-color:#eaf1e7;
 color:#244633;text-decoration:none;text-align:center;
}

.venue { position:relative; background:#f3ece2; color:#153c28; }
.venue-window { position:relative; height:clamp(580px,86svh,900px); overflow:clip; isolation:isolate; }
.venue.is-moving { height:calc(clamp(580px,86svh,900px) + 220svh); }
.venue.is-moving .venue-window { position:sticky; top:0; height:100svh; }
.venue-art, .venue-art picture, .venue-art img, .venue-art canvas { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; }
.venue [hidden] { display:none!important; }
.venue-caption { position:absolute; z-index:1; left:4.5%; top:42%; width:min(34%,590px); translate:0 -50%; }
.venue-caption::before { content:""; position:absolute; inset:-36px -8% -36px -12vw; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#f1e7d7e6 55%,#f1e7d7bb 84%,transparent); mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent); }
.venue-caption[data-room="1"] { left:auto; right:7%; width:28%; }
.venue-caption[data-room="1"]::before { inset:-30px -10vw -30px -12%; background:linear-gradient(270deg,#f1e7d7eb 68%,transparent); }
html[lang] .venue-caption :is(h1,h2) { margin:0; color:inherit; font-size:clamp(30px,3.2vw,59px); line-height:1.06; letter-spacing:-.045em; text-wrap:balance; }
html[lang=zh-Hant] .venue-caption :is(h1,h2) { line-height:1.17; letter-spacing:-.035em; }
.venue-caption .heading-line { display:block; }
.venue-caption p { font-size:clamp(15px,1.12vw,19px); line-height:1.55; margin:18px 0 0; max-width:39ch; color:#294537; }
.venue-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.venue .venue-actions .button { min-height:44px; width:fit-content; font-size:14px; padding:10px 15px; }
.venue-controls { position:absolute; inset:auto 0 0; padding:40px 4.5% 18px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#fff; background:linear-gradient(transparent,rgba(19,35,25,.69)); }
.venue-controls nav { display:flex; gap:18px; }
.venue-controls :is(a,button) { font:inherit; font-size:14px; font-weight:550; color:inherit; background:none; border:0; padding:10px 0; min-height:44px; display:inline-flex; align-items:center; text-decoration:none; cursor:pointer; }
.venue-controls button[aria-current] { text-decoration:underline; text-underline-offset:6px; }
.venue-controls :focus-visible { outline:2px solid currentColor; outline-offset:2px; }
@media(max-width:700px) and (orientation:portrait) {
 .venue-window { height:max(600px,91svh); display:grid; grid-template-rows:auto 1fr; background:#f7f1e7; }
 .venue.is-moving { height:calc(max(600px,91svh) + 185svh); }
 .venue-art { grid-row:2; position:relative; min-height:0; overflow:hidden; }
 .venue-art img { object-position:center 63%; }
 .venue-caption,.venue-caption[data-room="1"] { grid-row:1; position:relative; top:auto; inset-inline:auto; translate:none; width:100%; padding:18px 16px 12px; text-align:center; }
 .venue-caption::before { display:none; }
 html[lang] .venue-caption :is(h1,h2) { font-size:clamp(25px,7.2vw,36px); }
 .venue-caption p { margin:9px auto 0; font-size:14px; line-height:1.45; }
 .venue-actions { flex-direction:column; align-items:center; gap:6px; margin-top:12px; }
 .venue .venue-actions .button { min-height:40px; font-size:13px; padding:7px 13px; }
 .venue-controls { padding:24px 14px 4px; gap:6px; }
 .venue-controls nav { gap:12px; }
 .venue-controls :is(a,button) { font-size:12px; }
}
@media(max-height:540px) and (orientation:landscape) {
 .venue-window { height:max(340px,98svh); }
 .venue.is-moving { height:calc(max(340px,98svh) + 200svh); }
 .venue-caption { width:45%; top:43%; }
 html[lang] .venue-caption :is(h1,h2) { font-size:30px; }
 .venue-caption p { font-size:13px; margin-top:8px; }
 .venue-actions { margin-top:10px; }
}
.paper-motion-ready .paper-home.venue-workspace { height:260svh; }

@media(max-width:700px) and (orientation:portrait) {
 .venue-window { display:block; }
 .venue-art { position:absolute; inset:0; }
 .venue-caption,.venue-caption[data-room="1"] { position:absolute; inset:0 0 auto; padding-bottom:24px; background:linear-gradient(#f6eee2 5%,#f6eee2ec 76%,transparent); }
}

@media(min-width:701px) { .venue-caption[data-room="1"] {right:11%;width:27%;} .venue-caption[data-room="1"]::before {background:radial-gradient(ellipse at center,#f1e7d7a8,transparent 71%);} }

/* Use the blank wall painted into each composition for the typography. */
.venue .venue-caption::before {content:none}
.venue-caption[data-room="2"] {width:27%;top:38%}
@media(prefers-reduced-motion:no-preference){
 .venue-art {transform-origin:72% 53%;animation:venue-settle 4.2s cubic-bezier(.19,1,.22,1) both}
 @keyframes venue-settle {from{transform:scale(1.035)}to{transform:scale(1)}}
}
@media(max-width:700px) and (orientation:portrait){
 .venue .venue-caption {background:none;top:0;width:100%;padding-top:clamp(78px,10svh,96px)}
}
html[lang] .venue-caption[data-room="0"] h1 {max-width:none;font-size:clamp(30px,2.9vw,55px)}
.venue-caption[data-room="0"] {width:min(41%,700px)}
.paper-motion-ready .paper-home.venue-workspace .story-stage {top:var(--story-inset);height:calc(100svh - var(--story-inset));min-height:0}
.venue-workspace {scroll-margin-top:var(--story-inset,88px)}
@media(max-width:700px) and (orientation:portrait) {
 .venue .venue-caption[data-room="0"] {width:100%}
 html[lang] .venue-caption[data-room="0"] h1 {font-size:clamp(24px,6.8vw,36px)}
}
/* Carry the studio floor into the project desk and the following workflow. */
.page-home {--desk-paper:#f4efe5;--workflow-paper:var(--desk-paper);background:var(--desk-paper)}
.page-home .venue.at-studio .venue-controls {
 color:#183c2b;background:linear-gradient(to bottom,transparent,var(--desk-paper) 82%);
 padding-top:clamp(65px,12svh,125px);
}
.page-home .venue-workspace,.page-home .venue-workspace .story-stage {background:var(--desk-paper)}
.page-home .print-offer {--stock:var(--desk-paper)}
.page-home .paper-roles {background:linear-gradient(var(--desk-paper),var(--workflow-paper))}
.page-home .print-open-calls,.page-home .print-five {--stock:var(--workflow-paper)}
.page-home .home-explore {background:transparent;border-top:0}
.page-home .venue-controls{z-index:2;pointer-events:none}
.page-home .venue-controls :is(a,button){pointer-events:auto}

html[lang] .venue-caption[data-room="0"] h1{font-weight:800}
.venue-caption p .venue-wordmark{display:inline-block;width:auto;height:.94em;vertical-align:-.075em;margin-inline:.04em}

html[lang] .venue-caption[data-room] h2{font-weight:800}

.descent{--room-top:76px;--room-h:calc(100svh - var(--room-top));position:relative;isolation:isolate;background:#243327;color:#fff9ea;scroll-margin-top:var(--room-top)}
.descent-set{position:relative;min-height:var(--room-h);display:grid;align-items:center;overflow:clip;isolation:isolate;background:#203527;color:#fff9ed;scroll-margin-top:var(--room-top)}
.descent .descent-wall,.descent-tone,.descent-wing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.descent .descent-wall{max-width:none;object-fit:cover;object-position:50% var(--focal-y,35%);transform-origin:70% 42%}
.descent-tone{background:linear-gradient(90deg,rgba(15,25,19,.79),rgba(15,25,19,.55) 34%,rgba(15,25,19,.05) 64%,transparent 85%)}
.descent-wing{fill:#182921;visibility:hidden}
.descent-caption{position:relative;margin-inline-start:max(6vw,calc((100vw - 1450px)/2));max-width:min(46vw,680px);padding-block:52px}
.descent-kicker{display:flex;gap:1.4em;align-items:center;font-size:clamp(14px,1.05vw,17px);font-weight:550}
.descent-kicker span{font-size:.84em;font-variant-numeric:tabular-nums;letter-spacing:.09em;border-right:1px solid #fff8;padding-right:1.4em}
html[lang] .descent .descent-caption h2{font-size:clamp(44px,4.7vw,83px);letter-spacing:-.045em;line-height:1.05;color:inherit;margin:.32em 0 .35em;max-width:100%;text-wrap:balance}
html[lang=zh-Hant] .descent .descent-caption h2{font-size:clamp(42px,4.2vw,76px);line-height:1.16}
.descent-caption p{max-width:42ch;font-size:clamp(16px,1.25vw,20px);line-height:1.52;margin:0;color:#fff8ed;text-wrap:pretty}
.descent-caption a{display:inline-flex;align-items:center;gap:1rem;min-height:44px;margin-top:1.1em;color:inherit;font-size:1rem;font-weight:620;text-decoration:none;border-bottom:1px solid #fcf6e49c}
.descent-caption a:hover{border-color:white}.descent a:focus-visible{outline:3px solid #f6daa3;outline-offset:2px}
.descent-index{display:none}.descent-cue{position:absolute;pointer-events:none;scroll-margin-top:var(--room-top);height:1px}
.descent.running{height:calc(var(--room-h) * var(--sets))}
.running .descent-pin{position:sticky;top:var(--room-top);height:var(--room-h);overflow:clip}
.running .descent-stage{position:absolute;inset:0;overflow:clip;isolation:isolate}
.running .descent-set{position:absolute;inset:0;min-height:0}
.running .descent-index{position:absolute;bottom:clamp(12px,3vh,32px);left:max(6vw,calc((100vw - 1450px)/2));display:flex;color:white;align-items:center;z-index:12}
.descent-index a{display:grid;place-items:center;min-width:44px;min-height:44px;text-decoration:none;color:#fff9ea;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 5px #14271b}
.descent-index a span{border-bottom:2px solid transparent;padding:3px}
.descent-index [aria-current] span{border-color:#fff7e6}.descent-index a.descent-exit{font-size:22px}
.descent-pin:has(.descent-index) .descent-stage:after{content:"";position:absolute;z-index:10;pointer-events:none;inset:85% 0 0;background:linear-gradient(transparent,#121e1894)}
.descent:not(.running) .descent-cue{position:relative;display:block;height:0}
@media(max-width:720px){
 .descent-set{align-items:end;min-height:max(690px,var(--room-h))}
 .descent .descent-wall{object-position:var(--mobile-focus,72%) top}
 .descent-tone{background:linear-gradient(0deg,rgba(17,30,23,.98) 0%,rgba(17,30,23,.90) 16%,rgba(17,30,23,.76) 31%,rgba(17,30,23,.13) 61%,transparent 82%)}
 .descent-caption{margin:0;padding:0 6vw 84px;max-width:100%;box-sizing:border-box}
 html[lang] .descent .descent-caption h2,html[lang=zh-Hant] .descent .descent-caption h2{font-size:clamp(32px,8.2vw,51px);line-height:1.1;max-width:17ch;text-wrap:balance}
 .descent-caption p{font-size:16px;line-height:1.44;max-width:38ch}
 .descent-caption a{margin-top:8px}.descent-kicker{font-size:14px}
 .running .descent-index{bottom:12px}
 .set-dossier{--mobile-focus:84%}.set-film{--mobile-focus:72%}.set-grant{--mobile-focus:75%}
}
@media(prefers-reduced-motion:reduce){.descent *, .descent *:before{animation:none!important;transition:none!important}}
.descent-set{--beam-top:#584f3e;--beam-edge:#382f26}
.set-live{--beam-top:#403b44;--beam-edge:#242634}.set-model,.set-dossier{--beam-top:#b26c4a;--beam-edge:#794a35}.set-grant,.set-ledger,.set-calendar{--beam-top:#71745c;--beam-edge:#414b3f}
.descent-wing{height:clamp(20px,6.5vh,75px);transform-origin:center top}
@media(max-width:720px){
 .descent .descent-wall{height:82%;mask-image:linear-gradient(black 0 74%,transparent 100%)}
 .descent-tone{background:linear-gradient(0deg,#15231d 0%,rgba(21,35,29,.63) 28%,transparent 61%)}
 .set-calendar{--mobile-focus:88%}.set-dossier{--mobile-focus:84%}
}
/* Four sets share one vertical print. The cast travels on a faster central rail. */
.panorama{background:#3a6457;--studio-gel:#3a6457}
.panorama .set-live{--studio-gel:#3a3e69}
.panorama .set-model{--studio-gel:#9e5a53}
.panorama .set-grant{--studio-gel:#676f4d}
.panorama-land,.panorama-light{display:none;pointer-events:none}
.panorama.running .panorama-land,.panorama.running .panorama-light{display:block;position:absolute;inset:0}
.panorama-land{background:var(--studio-gel);isolation:isolate}
.studio-view{position:absolute;inset:0;overflow:hidden}
.studio-view img{display:block;width:100%;max-width:none;height:max(300vw,410%);object-fit:cover;object-position:54% center;will-change:transform}
.panorama-title{color:#fffaec;text-shadow:0 1px 3px #1a201b42}
.panorama-light{background:linear-gradient(90deg,#10181172,transparent 42%,transparent 64%,#10181193),linear-gradient(0deg,#10181170,transparent 30%)}
.panorama .descent-set{color:#fffaf0;background-color:var(--studio-gel);isolation:auto;align-items:center}
.panorama.running .descent-set{background:transparent;pointer-events:none;overflow:visible}
.panorama.running .descent-stage:before{content:"";position:absolute;pointer-events:none;left:38%;width:24%;bottom:7%;height:4%;background:radial-gradient(ellipse,#16151278,transparent 66%);opacity:var(--contact,1)}
.panorama .descent-set:not([inert]) .descent-caption a{pointer-events:auto}
.panorama-subject{position:absolute;z-index:1;left:26%;width:48%;bottom:8%;height:83%;object-fit:contain;object-position:center bottom;pointer-events:none}
.panorama .descent-caption{position:relative;z-index:2;max-width:none;width:100%;margin:0;padding:36px 6.8vw;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,52%) minmax(0,22%);justify-content:space-between;align-items:center}
.panorama .studio-heading{min-width:0}
html[lang] .panorama .descent-caption h2{font-family:'Hanken Grotesk','PingFang TC','Microsoft JhengHei',sans-serif;font-size:clamp(55px,8.9vw,162px);font-weight:800;line-height:.93;letter-spacing:-.061em;color:#fffaf0;margin:.13em 0 0;padding-block:.08em;max-width:none;overflow:clip}
html[lang=zh-Hant] .panorama .descent-caption h2{font-size:clamp(49px,7.65vw,145px);line-height:1.03;letter-spacing:-.045em;font-weight:800}
.panorama .panorama-title,.studio-line{display:block}
.panorama .studio-detail{align-self:end;transform:translateY(9vh);max-width:32ch}
.panorama .studio-detail p{color:#fffaf0;font-size:clamp(16px,1.22vw,21px);line-height:1.55}
.panorama .descent-caption a{color:#fffaf0;border-color:#f9f4df94}
.panorama .descent-index a{color:#fffaf0}
.panorama .descent-stage:after{display:none}
.panorama:not(.running) .descent-set{background-image:linear-gradient(90deg,#10181180,transparent 48%,#1018118c),url(https://cdn.prod.website-files.com/6adbf75fdf2f75e09ae4e5b8/6ae700be32a0960bdfda1213_studio-series.webp);background-size:100% 100%,max(100%,134vh) auto;background-position:center,center var(--room-center,0%)}
.panorama .set-live{--room-center:32%}.panorama .set-model{--room-center:64%}.panorama .set-grant{--room-center:97%}
@media(max-width:720px){
 .panorama .studio-view{bottom:22%;mask-image:linear-gradient(black 0 80%,transparent)}
 .studio-view img{object-position:81% center}
 .panorama:not(.running) .descent-set{background-position:center,81% var(--room-center,0%)}
 .panorama .descent-set{display:flex;justify-content:flex-end;flex-direction:column}
 .panorama-subject{left:8%;width:84%;height:61%;bottom:31%}
 .panorama.running .descent-stage:before{left:28%;width:44%;bottom:30%;height:2%}
 .panorama .descent-caption{display:block;padding:0 6vw 68px;margin:0}
 html[lang] .panorama .descent-caption h2{font-size:clamp(42px,12vw,75px);line-height:.91}
 html[lang=zh-Hant] .panorama .descent-caption h2{font-size:clamp(40px,11.8vw,74px);line-height:1}
 .panorama .studio-detail{transform:none;margin-top:12px;max-width:40ch}
 .panorama .studio-detail p{font-size:16px;line-height:1.4}
 .panorama .studio-detail a{margin-top:2px}
 .panorama-light{background:linear-gradient(0deg,#0e1712bd,transparent 51%)}
}
/* A lens on the aperture, not the full print: the edges stay inside the frame. */
.studio-lens{position:absolute;inset:0;transform-origin:50% 53%}
.panorama-subject{transform-origin:50% 90%}
.panorama .studio-detail{position:relative;isolation:isolate}
.panorama .studio-detail p{font-size:clamp(18px,1.32vw,22px);font-weight:520;color:#fffdf5;line-height:1.48}
.panorama .studio-detail:before{content:"";position:absolute;inset:-45% -36%;z-index:-1;background:radial-gradient(ellipse,#101c20b0 20%,#101c2094 47%,transparent 73%);pointer-events:none}
.studio-rule{display:block;width:clamp(46px,5vw,84px);height:2px;margin-bottom:17px;background:#fff9e839}
.studio-rule:after{content:"";display:block;height:100%;background:#ffebbb;transform-origin:left;transform:scaleX(var(--rule-fill,1))}
.panorama-light{background:linear-gradient(90deg,#12191272,transparent 44%,transparent 57%,#111d2087 77%,#111d20a3),linear-gradient(0deg,#10181170,transparent 30%)}
.audience-frame{position:absolute;inset:0;z-index:1;overflow:clip;pointer-events:none}
.studio-audience{position:absolute;bottom:-1%;left:50%;translate:-50% 0;width:clamp(330px,35%,680px);height:25%;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%}
@media(max-width:720px){
 .panorama .studio-detail p{font-size:16px;line-height:1.45}
 .panorama .studio-detail:before{display:none}
 .panorama-light{background:linear-gradient(0deg,#101920ec 0%,#101920db 22%,#10192070 43%,transparent 61%)}
 .studio-rule{width:44px;margin-bottom:7px}
 .audience-frame{bottom:32%;mask-image:linear-gradient(black 0 84%,transparent)}
 .studio-audience{width:95%;height:29%;bottom:-2%}
}
/* Register the bass player's soles and amplifier to the stage floor. */
.panorama .stage-player{
 left:50%;translate:-50% 0;width:auto;aspect-ratio:2/3;height:min(67%,63vw);bottom:5%;
 transform-origin:50% 95%;
}
.stage-player img{position:relative;display:block;width:100%;height:100%}
.stage-player:before{
 content:"";position:absolute;inset:0;
 background:radial-gradient(ellipse 13% 1.25% at 24% 95%,#1a1110cc,transparent),
 radial-gradient(ellipse 13% 1.25% at 89% 95%,#1a1110cc,transparent),
 radial-gradient(ellipse 21% 2% at 20% 88%,#20171391,transparent),
 radial-gradient(ellipse 50% 2.6% at 49% 94.7%,#21151485,transparent);
}
.set-live .studio-audience{width:46%;height:37%;bottom:-7%}
.studio-playback{display:grid;place-items:center;width:44px;height:44px;color:inherit;background:none;border:0;cursor:pointer}
.studio-playback span{width:9px;height:11px;border-inline:3px solid currentColor;box-sizing:border-box}
.studio-playback.paused span{width:0;height:0;border:0;border-left:9px solid currentColor;border-block:6px solid transparent}
.studio-playback:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
@media(max-width:720px){
 .panorama .stage-player{height:min(48%,86vw);bottom:37%}
 .set-live .studio-audience{width:100%;height:34%;bottom:-4%}
}

.panorama.running .descent-cue{scroll-margin-top:var(--cue-offset)}
.panorama:not(.running) .descent-set{background-image:linear-gradient(90deg,#10181180,transparent 48%,#1018118c),var(--studio-print)}
.panorama-manager .studio-view img,.panorama-product .studio-view img{height:max(300vw,calc(var(--sets) * 100%));object-fit:fill}
.panorama-manager .panorama-subject{height:80%;bottom:7%;transform-origin:50% 99%}
.panorama-product .panorama-subject{width:38%;left:31%;height:53%;bottom:21%;transform-origin:50% 70%}
.panorama-manager .set-calendar,.panorama-product .set-request{--room-center:0%}
.panorama-manager .set-dossier{--room-center:50%;--studio-gel:#314453}
.panorama-manager .set-ledger{--room-center:100%;--studio-gel:#794b37}
.panorama-product .set-agreement{--room-center:34%}
.panorama-product .set-delivery{--room-center:67%}
.panorama-product .set-payment{--room-center:100%}
.panorama-manager .descent-caption,.panorama-product .descent-caption{grid-template-columns:minmax(0,48%) minmax(0,24%)}
html[lang] :is(.panorama-manager,.panorama-product) .descent-caption h2{font-size:clamp(48px,6.65vw,112px)}
.product-studio-intro{
 padding-block:clamp(48px,6vw,88px);
 text-align:center;
}
html[lang] .product-studio-intro h2{
 margin:0 auto;max-width:23ch;text-wrap:balance;
 font-size:clamp(36px,5.1vw,80px);line-height:1.12;font-weight:650;letter-spacing:-.04em;
}
.product-studio-intro h2 em{
 display:inline-block;position:relative;color:#365b42;font-style:italic;
}
.product-studio-intro h2 em::after{
 content:"";position:absolute;inset:auto 3% -.08em;height:.065em;
 background:#a9bb96;border-radius:50%;transform:rotate(-1.5deg);
}
html[lang=zh-Hant] .product-studio-intro h2 em{font-style:normal}

@media(max-width:720px){
 .panorama-manager .panorama-subject{height:58%;bottom:34%}
 .panorama-product .panorama-subject{left:17%;width:66%;height:35%;bottom:47%}
 html[lang] :is(.panorama-manager,.panorama-product) .descent-caption h2{font-size:clamp(36px,10.7vw,64px)}
}
/* A contact shadow on the floor fades while one manager hands off to the next. */
.panorama-manager.running .descent-stage:before{
 z-index:1;left:41%;width:18%;bottom:6.6%;height:3.6%;
 background:radial-gradient(ellipse,#211a137a 3%,#251b1444 34%,transparent 71%);
}
@media(max-width:720px){
 .panorama-manager.running .descent-stage:before{left:30%;width:40%;bottom:34.8%;height:2.5%}
}
.panorama-manager .studio-support{position:absolute;object-fit:contain;object-position:50% 100%;pointer-events:none;transform-origin:50% 100%}
.support-settlement{left:59%;width:13.5%;height:21%;bottom:6.5%;filter:drop-shadow(0 4px 3px #21160c54)}
@media(max-width:720px){
 .support-settlement{left:70%;width:27%;height:13%;bottom:35%}
}

.studio-wall{position:absolute;inset:0;overflow:hidden}
.studio-wall[hidden]{display:none}
.panorama-manager .roster-thinker{left:50%;translate:-50% 0;width:auto;aspect-ratio:377/1003}
.thinking-manager{display:block;width:100%;height:100%}
.roster-thought{position:absolute;left:68%;top:-2.3%;width:clamp(145px,17vw,268px);overflow:visible;filter:drop-shadow(0 3px 3px #211c203c)}
@media(max-width:720px){.roster-thought{left:73%;top:-2%;width:clamp(90px,32vw,170px)}}

/* The original scenic print has four rooms, independent of the number of tour stops. */
.panorama-product .studio-view img{height:max(300vw,400%)}
.panorama-product .set-opportunity{--room-center:34%}
.panorama-product .set-roster{--room-center:0%}
.panorama-product .set-agent{--room-center:67%}
.panorama-product .studio-line:last-child{color:#f3d9a4;font-weight:650}
@media(max-width:720px){
 .panorama-product.running .descent-index{inset-inline:4%;justify-content:center}
 .panorama-product .descent-index :is(a,button){min-width:0;flex:0 1 44px}
}

.panorama-creator .set-influencer{--studio-gel:#795944;--room-center:50%}
/* Carry the moving studio wall behind the floating masthead; keep type in its safe area. */
.panorama-product.running{background:#f6f3eb;overflow:clip}
.panorama-product.running .descent-pin{overflow:visible}
.panorama-product.running .descent-stage{top:calc(-1 * var(--room-top));clip-path:inset(0)}
.panorama-product.running .descent-set{top:var(--room-top)}
@media(min-width:721px){
 .panorama-product .set-agent .panorama-subject{left:40%;width:28%;height:46%}
}
@media(min-width:721px){
 html[lang=en] .set-influencer .descent-caption h2{font-size:clamp(48px,6.4vw,112px)}
 .set-influencer .panorama-subject{left:30%}
}

.panorama-creator .studio-line:last-child,.panorama-manager .studio-line:last-child{color:#f3d9a4}
.panorama-creator.running .descent-stage:before{content:none}
.panorama-creator .grounded-cast{left:50%;translate:-50% 0;width:auto;aspect-ratio:2/3;bottom:4%;transform-origin:50% 95%}
.grounded-cast>img{width:100%;height:100%;display:block;position:relative}
.grounded-cast:before{content:"";position:absolute;inset:0;background:var(--shoe-shadow);pointer-events:none}
.cast-film{--shoe-shadow:radial-gradient(ellipse 11% 1.2% at 18% 94%,#221b14bb,transparent),radial-gradient(ellipse 13% 1.2% at 47% 92%,#221b14bb,transparent),radial-gradient(ellipse 22% 1.5% at 70% 95%,#231c1494,transparent),radial-gradient(ellipse 47% 2.9% at 48% 94.5%,#1f21156e,transparent)}
.cast-model{--shoe-shadow:radial-gradient(ellipse 8% 1.0% at 32% 98.2%,#241b18ba,transparent),radial-gradient(ellipse 8% 1% at 83% 97.8%,#241b18ba,transparent),radial-gradient(ellipse 34% 1.9% at 57% 97.6%,#241b1877,transparent)}
.panorama-creator .stage-player{bottom:3.1%}
@media(max-width:720px){.panorama-creator .grounded-cast{bottom:29.5%}.panorama-creator .stage-player{bottom:33%}}

/* A stack of printed signatures: the cutout, type and ledger line live on one sheet. */
.scroll-folio{position:relative;isolation:isolate;--ink:#103620;--measure:min(86vw,1360px);scroll-margin-top:65px}
.folio-leaf{position:relative;--stock:#eff0e6;--cut:#d2ddd0;--ink:#113822;--soft:#3f5947;--hair:#a4b5a3;--record:#314f39;--rule:#8b9e89;background:var(--stock);color:var(--ink);margin:0;scroll-margin-top:62px}
.folio-leaf.leaf-2{--stock:#f3e7d8;--cut:#ead4ba;--soft:#5a5144;--hair:#b8a68e;--record:#57432f;--rule:#aa9479}
.folio-leaf.leaf-3{--stock:#173c2b;--cut:#214833;--ink:#f7f4df;--soft:#d4dfcf;--hair:#68816d;--record:#e2e5cf;--rule:#67816b}
.folio-sheet{position:relative;overflow:clip;isolation:isolate}
.folio-field{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.folio-field::before{content:"";position:absolute;left:17%;bottom:-116%;width:112%;height:193%;border-radius:50% 50% 0 0;background:var(--cut);transform:translateY(var(--folio-field-y,0px)) rotate(-20deg);transform-origin:50% 40%}
.folio-layout{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;box-sizing:border-box;width:var(--measure);margin-inline:auto;min-height:clamp(610px,86svh,875px);padding-block:clamp(22px,3.3svh,38px)}
.folio-mast,.folio-record{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid var(--hair);padding-top:12px;color:var(--record);font-size:clamp(13px,1.08vw,16px);line-height:1.35;font-weight:570}
.folio-mast{margin-bottom:auto}
.folio-mast span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.075em}
.folio-words{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,2.3fr) minmax(200px,.9fr);gap:12px 5%;align-items:end;width:100%;margin-top:clamp(250px,39svh,395px);padding-bottom:clamp(20px,3.8svh,40px);transform:translateY(var(--folio-type-y,0px))}
.folio-words .folio-label{grid-column:1/-1;font-size:14px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:0}
html[lang] .folio-words h2{margin:0;max-width:22ch;color:var(--ink);font-size:clamp(52px,5.65vw,88px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
html[lang=zh-Hant] .folio-words h2{max-width:14em;font-size:clamp(46px,4.9vw,76px);line-height:1.15;letter-spacing:-.035em}
.folio-body{margin:0;max-width:33ch;color:var(--soft);font-size:clamp(16px,1.3vw,21px);line-height:1.57;text-wrap:pretty}
html[lang=zh-Hant] .folio-body{line-height:1.7}
.folio-plate{position:absolute;width:auto;height:61%;max-width:87%;right:9%;top:4.5%;overflow:visible;color:var(--ink);font-family:inherit}
.folio-print-back,.folio-print-front{transform-box:fill-box;transform-origin:center}
.folio-print-back{transform:translate(var(--folio-back-x,0px),var(--folio-back-y,0px)) rotate(var(--folio-back-r,0deg))}
.folio-print-front{transform:translate(var(--folio-front-x,0px),var(--folio-front-y,0px)) rotate(var(--folio-front-r,0deg));filter:drop-shadow(1px 5px 3px #181f121c)}
.folio-record{border-color:var(--rule);font-variant-numeric:tabular-nums}
.folio-record strong{font-weight:680}
.folio-skip{display:block;position:absolute;z-index:6;top:0;left:8%;transform:translateY(-200%);clip-path:inset(50%);pointer-events:none;background:#fff;color:#163925;padding:12px 22px}
.folio-skip:focus{transform:none;clip-path:none;pointer-events:auto}
.folio-end{display:block;scroll-margin-top:70px}
.folio-stageable .folio-leaf{position:sticky;top:var(--folio-top,50px)}
.work-intro-print{width:min(100%,490px);margin:0 auto;aspect-ratio:1.6;display:grid;place-items:center;background:#e3e7d9;border-radius:52% 52% 3% 3% / 76% 76% 3% 3%;overflow:hidden}
.work-intro-print img{width:78%;height:100%;object-fit:contain}
@media(max-width:900px) and (min-width:741px){.folio-words{grid-template-columns:1.5fr 1fr}.folio-plate{height:54%;right:4%}html[lang] .folio-words h2{font-size:clamp(42px,6vw,56px)}}
@media(max-width:740px){
 .scroll-folio{--measure:89vw}
 .folio-layout{min-height:min(84svh,765px);justify-content:space-between;padding-block:18px 24px}
 .folio-mast{margin:0}
 .folio-plate{position:relative;top:auto;right:auto;align-self:center;height:auto;width:min(100%,48svh,430px);max-width:100%;margin:0 0 -5px}
 .folio-words{display:block;width:100%;padding:0 0 12px;margin:0}
 .folio-words .folio-label{margin:0 0 7px;font-size:12px}
 html[lang] .folio-words h2{font-size:clamp(36px,8.9vw,54px);max-width:20ch;line-height:1.04}
 html[lang=zh-Hant] .folio-words h2{font-size:clamp(33px,7.7vw,45px);max-width:13em;line-height:1.18}
 .folio-body,html[lang=zh-Hant] .folio-body{margin-top:11px;max-width:45ch;font-size:16px;line-height:1.52}
 .folio-field::before{left:0;bottom:20%;height:105%;width:151%}
 .folio-mast,.folio-record{font-size:13px;padding-top:8px}
 .folio-record strong{text-align:end}
}
@media(prefers-reduced-motion:reduce),print{
 .scroll-folio .folio-leaf{position:relative;top:auto}
 .folio-print-front,.folio-print-back,.folio-words,.folio-field::before{transform:none}
}
@media print{.folio-leaf{break-inside:avoid}.folio-layout{min-height:0}.folio-skip{display:none}}
@media(min-width:741px) and (max-height:530px){
 .folio-layout{min-height:380px;padding-block:14px}
 .folio-plate{height:53%;right:14%;top:2%}
 .folio-words{margin-top:110px;gap:4px 5%;padding-bottom:14px}
 html[lang] .folio-words h2{font-size:clamp(33px,4.5vw,48px);max-width:24ch}
 html[lang=zh-Hant] .folio-words h2{font-size:clamp(32px,3.8vw,46px)}
 .folio-body,html[lang=zh-Hant] .folio-body{font-size:15px;line-height:1.4}
 .folio-mast,.folio-record{padding-top:6px}
}
/* Portraits and schedule belong to the same fictitious roster in each language. */
.roster-cover{align-self:center;min-width:0;margin:0;padding:6% 1% 4%}
.roster-cover>div{display:flex;align-items:start;gap:2.5%}
.roster-print{flex:1;min-width:0;text-align:center}
.roster-print:nth-child(2){margin-top:8%}.roster-print:nth-child(3){margin-top:3%}
.roster-print img{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:50% 50% 4% 4%;object-fit:cover}
.roster-print:nth-child(2) img{border-radius:50%}.roster-print:nth-child(3) img{border-radius:4% 50% 4% 50%}
.roster-print span{display:block;padding-top:.6em;color:#20432a;font-weight:600}
@media(prefers-reduced-motion:no-preference){
 .folio-plate clipPath>*{transform-box:fill-box;transform-origin:center;transform:scale(var(--folio-aperture,1))}
 .folio-enclosure{transform:translateY(var(--folio-insert,0px))}
}

/* A folded end sheet closes the roster sequence. */
.roster-notes {
  background:#e3e9dc;
  color:#173c2b;
  padding-block:clamp(32px,5vw,80px);
}
.roster-notes-sheet {
  --fold:clamp(24px,3vw,44px);
  position:relative;
  padding:clamp(24px,4.2vw,68px);
  background:#f8f6eb;
  clip-path:polygon(0 0,calc(100% - var(--fold)) 0,100% var(--fold),100% 100%,0 100%);
}
.roster-notes-sheet::after {
  content:"";position:absolute;top:0;right:0;width:var(--fold);height:var(--fold);
  background:linear-gradient(45deg,#ccd4c1 50%, transparent 50%);
}
html[lang] .roster-notes-sheet h2 {margin:0 0 clamp(24px,3vw,42px);font-size:clamp(32px,3.9vw,62px);line-height:1.14;letter-spacing:-.035em;text-wrap:balance}
.roster-notes-sheet dl {margin:0}
.roster-notes-sheet dl>div {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;
  padding-block:clamp(19px,2.3vw,32px);border-top:1px solid #bcc7b4;
}
.roster-notes-sheet dt {display:flex;align-items:baseline;gap:clamp(12px,2vw,32px);font-weight:580;font-size:clamp(20px,1.8vw,27px);line-height:1.4}
.roster-notes-sheet dt span {font-size:15px;font-weight:500;color:#526750;font-variant-numeric:tabular-nums}
.roster-notes-sheet dd {margin:0;max-width:49ch;color:#405545;font-size:clamp(17px,1.3vw,20px);line-height:1.6;text-wrap:pretty}
.roster-notes-sheet nav {display:flex;flex-wrap:wrap;gap:0 clamp(18px,3vw,42px);border-top:1px solid #bcc7b4;padding-top:13px}
.roster-notes-sheet a {display:inline-flex;gap:.55em;align-items:center;min-height:44px;color:inherit;font-weight:550;text-underline-offset:.28em}
.roster-notes-sheet a:focus-visible {outline:2px solid currentColor;outline-offset:3px}
@media(max-width:740px){
  .roster-notes-sheet dl>div {grid-template-columns:1fr;gap:8px}
  .roster-notes-sheet {padding:28px 20px}
  .roster-notes-sheet nav{column-gap:20px}
}
@media(max-width:520px){
  .roster-notes-sheet nav {display:grid;gap:0}
  .roster-notes-sheet nav a {justify-content:space-between}
  .roster-notes-sheet nav a+a {border-top:1px solid #d6dccd}
}

/* One relationship diagram. The manager is the origin, not a fourth artist. */
.roster-map{width:min(100%,560px);margin:0 auto;color:#234c36}
.roster-desk{display:grid;justify-items:center}
.roster-desk img{width:40%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:50% 37%;mix-blend-mode:multiply;border-radius:48% 48% 3% 3%}
.roster-desk strong{background:#234c36;color:#fff7e6;border-radius:2px;padding:.22em .85em;font-size:clamp(14px,1.15vw,18px)}
.roster-branches{display:block;width:100%;height:clamp(32px,4vw,58px);color:#6d8267}
.roster-map ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.roster-map li{text-align:center;font-weight:600}
.roster-map li img{display:block;width:74%;height:auto;aspect-ratio:1;object-fit:cover;margin:0 auto .4em;border-radius:50% 50% 6% 6%}
@media(prefers-reduced-motion:no-preference){.roster-map.is-linked [pathLength]{stroke-dasharray:1;animation:roster-connect .85s ease-out both}.roster-map.is-linked path:nth-child(2){animation-delay:80ms}.roster-map.is-linked path:nth-child(3){animation-delay:140ms}@keyframes roster-connect{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}}

/* Keep the story readable during a fast scroll. Only the printed artwork moves. */
#managers-journey .folio-leaf{position:relative;top:auto}
#managers-journey .folio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"mast mast" "words plate" "record record";gap:clamp(20px,3.5vw,52px) 4%;min-height:clamp(450px,69svh,690px);align-items:center}
#managers-journey .folio-mast{grid-area:mast;margin:0}
#managers-journey .folio-record{grid-area:record}
#managers-journey .folio-words{grid-area:words;display:block;margin:0;padding:0;transform:none}
#managers-journey .folio-words h2{margin:10px 0 16px;font-size:clamp(40px,4.5vw,72px)}
#managers-journey .folio-body{max-width:42ch}
#managers-journey .folio-plate{grid-area:plate;position:relative;inset:auto;width:100%;height:auto;max-width:none;margin:0}
@media(max-width:740px){#managers-journey .folio-layout{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"mast" "words" "plate" "record";min-height:0;gap:24px}#managers-journey .folio-words h2{font-size:clamp(32px,8.8vw,48px);margin:9px 0 10px}#managers-journey .folio-plate{width:min(100%,415px);justify-self:center}}
.roster-intro .roster-map {max-width:520px}
.roster-intro .roster-desk img {width:42%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
.roster-intro .roster-map li img {width:76%;height:auto;object-fit:contain;border-radius:8px}
html[lang] .roster-intro h1 {max-width:none;font-size:clamp(32px,3.55vw,58px)}

/* One continuous physical set. Type is part of the composition, not a side card. */
.workflow-studio{position:relative;background:#e4e6dc;color:#123b25;isolation:isolate;scroll-margin-top:68px}
.studio-stage{position:relative;isolation:isolate;overflow:clip}
.studio-film{display:none;position:absolute;inset:0;z-index:-2;pointer-events:none}
.studio-film img,.studio-film canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studio-film img{transform:scale(1.08);transform-origin:center}
.studio-film canvas{opacity:0}.studio-film.is-ready canvas{opacity:1}.studio-film.is-ready picture{visibility:hidden}
@media(min-aspect-ratio:2/1) and (min-width:1001px){.studio-film img,.studio-still img{object-fit:contain;background:#dce0d5}}
.workflow-studio{--studio-wash:224,229,217}
.workflow-studio[data-studio=deals]{--studio-wash:233,228,218}
.workflow-studio[data-studio=billing]{--studio-wash:222,229,220}
.studio-film::after,.studio-still::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--studio-wash),.94),rgba(var(--studio-wash),.88) 31%,rgba(var(--studio-wash),.3) 48%,transparent 62%)}
.studio-mast{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:28px 5vw;font-size:14px;font-weight:570}
.studio-mast a{color:inherit;text-underline-offset:5px;padding:10px 0}
.studio-chapter{position:relative;margin:0;min-height:640px;display:grid;align-content:center;padding:90px 5vw;isolation:isolate;scroll-margin-top:75px}
.studio-copy{position:relative;width:42%;max-width:610px;z-index:2}
.studio-eyebrow{margin:0 0 22px;font-size:14px;font-weight:600;letter-spacing:.045em}
html[lang] .studio-copy h2{color:inherit;font-size:clamp(38px,4.1vw,66px);line-height:1.08;letter-spacing:-.04em;margin:0;max-width:16ch;text-wrap:balance}
html[lang=zh-Hant] .studio-copy h2{font-size:clamp(36px,3.7vw,58px);line-height:1.2;max-width:10em;letter-spacing:-.025em}
.studio-body{font-size:clamp(17px,1.35vw,20px);line-height:1.65;max-width:38ch;margin:24px 0 0;color:#354e3d;text-wrap:pretty}
.studio-record{display:grid;gap:8px;margin-top:28px;padding-top:17px;border-top:1px solid #234b3540;font-size:14px;color:#415744;max-width:400px}
.studio-record strong{font-size:21px;font-weight:600;color:#173d27}
.studio-still{position:absolute;inset:0;z-index:-1}
.studio-still img{width:100%;height:100%;object-fit:cover;display:block}
.studio-nav{display:flex;gap:30px;padding:22px 5vw;border-top:1px solid #34513a30}
.studio-nav a{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-height:44px;font-size:15px;border-bottom:2px solid transparent}
.studio-nav a[aria-current=step]{border-color:currentColor}
.studio-nav a span{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}
.studio-nav a:focus-visible,.studio-mast a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.studio-active{height:380svh}
.studio-active .studio-stage{position:sticky;top:68px;height:calc(100svh - 68px);min-height:0}
.studio-active .studio-film{display:block}
.studio-active .studio-mast{position:absolute;inset:0 0 auto}
.studio-active .studio-chapters{position:absolute;inset:0;display:grid;align-items:center;pointer-events:none}
.studio-active .studio-chapter{grid-area:1/1;padding:0 5vw;min-height:0;opacity:0;transform:translateY(26px);visibility:hidden}
.studio-active .studio-chapter.is-current{visibility:visible;opacity:var(--studio-opacity,1);transform:translateY(var(--studio-y,0px));pointer-events:auto}
.studio-active .studio-still{display:none}
.studio-active .studio-nav{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,#e5e7de88,transparent);border:0}
@media(max-width:1000px) and (min-width:741px){
 .studio-copy{width:45%}.studio-body{font-size:17px}
 html[lang] .studio-copy h2{font-size:42px}
 .studio-film img,.studio-film canvas,.studio-still img{object-position:55% center}
}
@media(max-width:740px),(max-width:1000px) and (orientation:portrait){
 .studio-mast{padding:12px 6vw;font-size:12px}
 .studio-copy{width:100%;max-width:500px;margin:0 auto}
 .studio-eyebrow{font-size:12px;margin-bottom:12px}
 html[lang] .studio-copy h2{font-size:clamp(30px,8vw,42px);line-height:1.1;max-width:19ch}
 html[lang=zh-Hant] .studio-copy h2{font-size:clamp(29px,7.8vw,40px);line-height:1.22;max-width:12em}
 .studio-body{font-size:16px;line-height:1.55;margin-top:15px;max-width:43ch}
 .studio-record{margin-top:16px;padding-top:12px;font-size:12px;gap:5px;max-width:none}
 .studio-record strong{font-size:17px}
 .studio-nav{gap:0;justify-content:space-between;padding:12px 6vw}
 .studio-nav a{font-size:12px;gap:6px}
 .studio-nav a span{font-size:11px}
 .studio-active .studio-stage{top:62px;height:calc(100svh - 62px)}
 .studio-active .studio-chapters{align-items:start;padding-top:62px}
 .studio-active .studio-chapter{padding:0 6vw}
 .studio-film img,.studio-film canvas{object-fit:cover;object-position:center bottom}
 .studio-film::after,.studio-still::after{background:linear-gradient(180deg,rgba(var(--studio-wash),.40),rgba(var(--studio-wash),.18) 34%,transparent 48%)}
 .studio-chapter{padding:55px 6vw 0;min-height:850px;align-content:start}
 .studio-still img{object-fit:cover;object-position:center bottom}
 .workflow-studio:not(.studio-active) .studio-chapter{min-height:0;padding:36px 6vw 22px;display:flex;flex-direction:column;gap:24px;border-bottom:1px solid #34513a25}
 .workflow-studio:not(.studio-active) .studio-still{position:relative;inset:auto;width:100%;height:clamp(280px,68vw,440px);overflow:clip}
 .workflow-studio:not(.studio-active) .studio-still img{object-position:center 70%}
 .workflow-studio:not(.studio-active) .studio-still::after{display:none}
}
/* A normal page when the viewport cannot hold the scene, or motion is reduced. */
@media(max-height:610px),(prefers-reduced-motion:reduce){
 .studio-chapter{min-height:620px}
}
@media print{.studio-nav,.studio-mast a{display:none}.studio-chapter{break-inside:avoid}.studio-film{display:none}}
/* Continuous perspective edition. Separate phone composition, same moving scene. */
.studio-active{height:calc(var(--studio-stage-height,100svh) + var(--studio-travel))}
.studio-active .studio-stage{height:var(--studio-stage-height,calc(100svh - 68px));top:68px}
.studio-active .studio-chapter{transform-origin:center center;will-change:transform,opacity}
.studio-active .studio-chapter:nth-child(2) .studio-copy{margin-left:auto}
.studio-3d .studio-film::after{background:radial-gradient(ellipse at var(--studio-side,0%) 45%,rgba(var(--studio-wash),.92),rgba(var(--studio-wash),.55) 28%,transparent 61%)}
.studio-active .studio-nav{background:linear-gradient(0deg,rgba(var(--studio-wash),.90),rgba(var(--studio-wash),.15));z-index:4}
@media(max-width:740px),(max-width:1000px) and (orientation:portrait){
 .studio-active .studio-stage{top:62px}
 .studio-active .studio-chapters{padding-top:55px}
 .studio-active .studio-copy{max-width:540px;margin-inline:auto}
 .studio-active .studio-chapter:nth-child(2) .studio-copy{margin-inline:auto}
 .studio-3d .studio-film::after{background:linear-gradient(180deg,rgba(var(--studio-wash),.95),rgba(var(--studio-wash),.85) 28%,transparent 57%)}
 .studio-active .studio-record{display:none}
 .studio-active .studio-body{max-width:43ch}
}
@media(max-width:740px) and (max-height:700px){
 html[lang] .studio-copy h2{font-size:clamp(27px,7.8vw,34px)}
 .studio-active .studio-chapters{padding-top:50px}
 .studio-active .studio-body{font-size:15px;line-height:1.5;margin-top:12px}
 .studio-active .studio-eyebrow{margin-bottom:9px}
 .studio-mast{padding-block:8px}
}
@media(max-height:500px) and (min-width:741px){
 .studio-active .studio-copy{width:44%}
 html[lang] .studio-active .studio-copy h2{font-size:28px;line-height:1.12;max-width:22ch}
 .studio-active .studio-body{font-size:14px;line-height:1.5;margin-top:12px}
 .studio-active .studio-record{display:none}
 .studio-active .studio-eyebrow{font-size:11px;margin-bottom:10px}
 .studio-active .studio-mast{font-size:11px;padding-block:7px}
 .studio-active .studio-nav{padding-block:4px}
}
/* On devices without WebGL, each printed station carries its caption across the viewport. */
.studio-active.studio-prints .studio-film {display:none}
.studio-active.studio-prints .studio-chapters {padding:0;display:block}
.studio-active.studio-prints .studio-chapter {
 position:absolute;inset:0;display:grid;align-content:center;opacity:1!important;
 visibility:visible;transform:translate3d(var(--print-x,100%),0,0)!important;
}
.studio-active.studio-prints .studio-still {display:block}
.studio-active.studio-prints .studio-copy {margin-left:0}
.studio-active .studio-mast {z-index:4;pointer-events:none}
.studio-active .studio-mast a {pointer-events:auto}
@media(max-width:740px),(max-width:1000px) and (orientation:portrait){
 .studio-active.studio-prints .studio-chapter {align-content:start;padding-top:60px}
 .studio-active.studio-prints .studio-copy {margin-inline:auto}
}

/* Workflow chapters use the same numeric controls as the grants booklet. */
.workflow-studio .studio-nav{display:none}
.studio-active .studio-nav{display:flex;justify-content:flex-start;align-items:center;gap:clamp(5px,1vw,10px);padding:10px 5vw max(16px,env(safe-area-inset-bottom));margin:0;background:none}
.studio-nav button{background:#f3f4ebed;min-height:44px}
.studio-nav button:focus-visible{outline:2px solid var(--brand-deep);outline-offset:2px}
@media(min-width:1001px),(min-width:741px) and (orientation:landscape){
 .studio-active .studio-chapter[data-station="1"] .studio-copy{margin-left:auto}
}


html[lang] .site-header{margin-top:12px}
html[lang] .site-header>.site-utility{position:relative;display:flex;align-items:center;flex:0 0 auto;width:auto;max-width:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--brand-line);z-index:30}
html[lang] .site-header .language-picker{margin:0}
html[lang] .site-header .language-picker>summary{width:44px;height:44px;padding:0;gap:0;background:transparent;border-radius:8px}
html[lang] .site-header .language-picker>summary:hover,html[lang] .site-header .language-picker[open]>summary{background:var(--brand-soft)}
html[lang] .site-header .language-current,html[lang] .site-header .language-picker>summary>.chevron{display:none}
html[lang] .site-header .language-picker>summary>.feature-glyph{width:20px;height:20px}
html[lang] .site-header .language-panel{right:0;top:calc(100% + 12px);min-width:180px}
@media(min-width:1025px){html[lang] body:has(.site-header>.site-utility) .page-home:not(:has(.paper-home)){margin-top:-88px}}
@media(max-width:800px){html[lang] .site-header{gap:8px}html[lang] .site-header>.site-utility{padding-left:8px}html[lang] .site-header .menu-toggle{margin-left:auto}}
@media(max-width:600px){html[lang] .site-header{padding-inline:10px;gap:6px}html[lang] .site-header>.site-utility{padding-left:4px}html[lang] .site-header .header-cta{padding-inline:8px;font-size:12px}}
@media(max-width:360px){html[lang] .site-header{padding-inline:8px;gap:4px}html[lang] .site-header .wordmark{font-size:23px}html[lang] .site-header .header-cta{font-size:11px;padding-inline:6px}html[lang] .site-header .menu-toggle{padding-inline:3px;gap:3px}}
html body[data-page] > header.site-header{position:sticky;top:6px;z-index:100}
@media print{html body[data-page] > header.site-header{position:static}}

.w-embed,.taloox-webflow-root{display:contents}.w-embed:before,.w-embed:after{display:none}