/* Generated by landing/tools/build_css.py from the Zoestra Screens design system. Do not edit; edit design/ or the pages and rebuild. */
@font-face{font-family:'Geist';src:url('fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('fonts/GeistMono-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--page:#f6f6f9;--surface:#ffffff;--surface-sunken:#f0f0f5;--surface-hover:#f3f3f8;--text:#1a1a2e;--muted:#50506a;--border:#c9c9d6;--hairline:#e6e6ee;--border-control:#85859e;--accent:#1a1a2e;--on-accent:#ffffff;--mark:#1a1a2e;--primary:#1a1a2e;--primary-hover:#2a2a4d;--on-primary:#ffffff;--link:#2b3a8c;--focus:#3d5afe;--selected:#eceeff;--success:#146c43;--success-bg:#e5f5ec;--warning:#8a4b00;--warning-bg:#fff3dc;--danger:#b42318;--danger-bg:#fdecea;--info:#2b3a8c;--info-bg:#e8ecff;--neutral:#3d3d55;--neutral-bg:#ececf2;--cat-1:#454de8;--cat-2:#b47a1c;--cat-3:#0e725e;--cat-4:#872e7d;--cat-5:#39208f;--cat-6:#6f1323;--cat-7:#2a8fcb;--cat-8:#735f1a;--final:var(--text);--on-final:var(--surface);--chart-track:#ececf2;--skeleton:#ececf2;--shadow-card:0 1px 2px rgba(26, 26, 46, 0.05);--shadow-pop:0 8px 24px rgba(26, 26, 46, 0.12), 0 2px 6px rgba(26, 26, 46, 0.06);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--fs-12:12px;--fs-13:13px;--fs-15:15px;--fs-20:20px;--fs-30:30px;--touch:44px;--topbar:56px;--mark-size:32px;--bar-thin:6px;--font-sans:Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}
:root[data-theme=dark]{--page:#12121f;--surface:#1c1c2e;--surface-sunken:#171728;--surface-hover:#232338;--text:#ececf4;--muted:#a9a9bf;--border:#3b3b55;--hairline:#2a2a40;--border-control:#6c6c8a;--accent:#2a2a4d;--on-accent:#ffffff;--mark:#34346b;--primary:#e3e5f7;--primary-hover:#ffffff;--on-primary:#12121f;--link:#a3b3ff;--focus:#7b8fff;--selected:#262c55;--success:#6fdca4;--success-bg:#12301f;--warning:#ffc86b;--warning-bg:#3a2a10;--danger:#ff9b94;--danger-bg:#3a1a1e;--info:#b4c1ff;--info-bg:#232a52;--neutral:#c9c9dc;--neutral-bg:#2a2a40;--cat-1:#6f8ff0;--cat-2:#deaf53;--cat-3:#4fd6a0;--cat-4:#d06a9c;--cat-5:#a898dc;--cat-6:#e0605e;--cat-7:#a6d4dc;--cat-8:#7f8f2a;--final:var(--text);--on-final:var(--surface);--chart-track:#26263a;--skeleton:#26263a;--shadow-card:none;--shadow-pop:0 8px 24px rgba(0, 0, 0, 0.55);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#12121f;--surface:#1c1c2e;--surface-sunken:#171728;--surface-hover:#232338;--text:#ececf4;--muted:#a9a9bf;--border:#3b3b55;--hairline:#2a2a40;--border-control:#6c6c8a;--accent:#2a2a4d;--on-accent:#ffffff;--mark:#34346b;--primary:#e3e5f7;--primary-hover:#ffffff;--on-primary:#12121f;--link:#a3b3ff;--focus:#7b8fff;--selected:#262c55;--success:#6fdca4;--success-bg:#12301f;--warning:#ffc86b;--warning-bg:#3a2a10;--danger:#ff9b94;--danger-bg:#3a1a1e;--info:#b4c1ff;--info-bg:#232a52;--neutral:#c9c9dc;--neutral-bg:#2a2a40;--cat-1:#6f8ff0;--cat-2:#deaf53;--cat-3:#4fd6a0;--cat-4:#d06a9c;--cat-5:#a898dc;--cat-6:#e0605e;--cat-7:#a6d4dc;--cat-8:#7f8f2a;--final:var(--text);--on-final:var(--surface);--chart-track:#26263a;--skeleton:#26263a;--shadow-card:none;--shadow-pop:0 8px 24px rgba(0, 0, 0, 0.55);color-scheme:dark}}
body{margin:0;background:var(--page);color:var(--text)}
[data-theme="dark"]{color-scheme: dark;}
[data-theme="light"]{color-scheme: light;}
.zs-app,.zs-app *{box-sizing: border-box;}
.zs-app{font-family: var(--font-sans); font-size: var(--fs-15); line-height: 1.45; color: var(--text); background: var(--page); -webkit-font-smoothing: antialiased; min-block-size: 100%; overflow-wrap: anywhere; hyphens: auto;}
:where(.zs-app) :where(button,input,select,textarea){font: inherit; color: inherit;}
.zs-app [hidden]{display: none !important;}
.zs-app :focus{outline: none;}
.zs-app :focus-visible{outline: 2px solid var(--focus); outline-offset: 2px; border-radius: var(--radius-sm);}
.zs-app [data-num]{font-variant-numeric: tabular-nums; hyphens: none;}
.zs-mono{font-family: var(--font-mono); font-size: var(--fs-13); hyphens: none; overflow-wrap: anywhere;}
.zs-muted{color: var(--muted);}
.zs-sr{position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.zs-icon{inline-size: 16px; block-size: 16px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}
.zs-icon--sm{inline-size: 14px; block-size: 14px;}
.zs-mark{inline-size: var(--mark-size); block-size: var(--mark-size); flex: none; display: grid; place-items: center; border-radius: var(--radius-md); background: var(--mark); color: var(--on-accent); font-weight: 700; font-size: 17px; letter-spacing: -0.02em; text-decoration: none;}
.zs-avatar{inline-size: 32px; block-size: 32px; border-radius: var(--radius-pill); display: grid; place-items: center; background: var(--neutral-bg); color: var(--neutral); font-size: var(--fs-12); font-weight: 600; flex: none;}
.zs-tiles{display: grid; gap: var(--space-3); grid-template-columns: repeat(2, minmax(0, 1fr));}
.zs-tiles > :first-child{grid-column: 1 / -1;}
@container screen (min-width: 720px){
.zs-tiles{gap: var(--space-4); grid-template-columns: repeat(3, minmax(0, 1fr));}
.zs-tiles > :first-child{grid-column: auto;}
}
.zs-card{container-type: inline-size; background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); min-inline-size: 0;}
.zs-card__head{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); padding: var(--space-4) var(--space-4) 0;}
.zs-card__title{margin: 0; font-size: var(--fs-15); line-height: 1.45; font-weight: 600;}
.zs-card__sub{font-size: var(--fs-12); color: var(--muted);}
.zs-card__body{padding: var(--space-3) var(--space-4) var(--space-4);}
@container (min-width: 520px){
.zs-card__head{padding: var(--space-5) var(--space-5) 0;}
.zs-card__body{padding: var(--space-4) var(--space-5) var(--space-5);}
}
.zs-btn{display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-block-size: var(--touch); min-inline-size: var(--touch); padding: 6px var(--space-4); max-inline-size: 100%; border-radius: var(--radius-md); border: 1px solid transparent; font-size: var(--fs-15); font-weight: 500; line-height: 1.2; text-align: center; cursor: pointer; transition: background-color 120ms ease, border-color 120ms ease;}
.zs-btn--primary{background: var(--primary); color: var(--on-primary);}
a.zs-btn{text-decoration: none;}
.zs-btn--primary:hover{background: var(--primary-hover);}
.zs-btn--secondary{background: var(--surface); color: var(--text); border-color: var(--border-control);}
.zs-btn--secondary:hover{background: var(--surface-hover);}
.zs-btn--sm{font-size: var(--fs-13); padding-inline: var(--space-3);}
.zs-btn[disabled],.zs-btn[aria-disabled="true"]{opacity: 0.55; cursor: not-allowed;}
.zs-chip{display: inline-flex; align-items: baseline; gap: 6px; max-inline-size: 100%; padding: 3px 9px 3px 8px; border-radius: 12px; font-size: var(--fs-12); font-weight: 500; line-height: 16px; text-align: start; background: var(--neutral-bg); color: var(--neutral);}
.zs-chip::before{content: ""; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor; flex: none; transform: translateY(-1px);}
.zs-chip--info{background: var(--info-bg); color: var(--info);}
.zs-chip--success{background: var(--success-bg); color: var(--success);}
.zs-chip--plain::before{display: none;}
.zs-tile{padding: var(--space-4); display: grid; gap: var(--space-1); align-content: start; min-block-size: 116px; position: relative;}
.zs-tile__label{font-size: var(--fs-13); font-weight: 500; color: var(--muted); line-height: 18px;}
.zs-tile__row{display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap;}
.zs-tile__value{font-size: var(--fs-30); line-height: 36px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; margin: 0; hyphens: none; overflow-wrap: normal;}
.zs-tile__value--long{font-size: min(var(--fs-30), 12.5cqi); line-height: 1.2;}
.zs-tile__value--long small{font-size: 0.7em;}
.zs-tile__value small{font-size: var(--fs-20); font-weight: 600; letter-spacing: -0.01em; color: var(--muted);}
@container (min-width: 520px){
.zs-tile{padding: var(--space-5);}
}
.zs-rank{list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-1);}
.zs-rank__item{display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; column-gap: var(--space-3); row-gap: 6px; align-items: baseline; padding-block: var(--space-2);}
.zs-rank__pos{font-size: var(--fs-12); color: var(--muted); font-variant-numeric: tabular-nums; text-align: end;}
.zs-rank__name{min-inline-size: 0; color: inherit; text-decoration: none;}
a.zs-rank__name:hover{text-decoration: underline;}
.zs-rank__value{font-variant-numeric: tabular-nums; font-weight: 500; text-align: end; white-space: nowrap;}
.zs-rank__bar{grid-column: 2 / -1; block-size: var(--bar-thin); border-radius: var(--radius-sm); background: var(--chart-track); overflow: hidden;}
.zs-rank__bar > i{display: block; block-size: 100%; inline-size: calc(var(--zs-value, 0) * 100%); border-radius: inherit; background: var(--link);}
.zs-rank__item:first-child .zs-rank__bar > i{background: var(--accent);}
[data-theme="dark"] .zs-rank__item:first-child .zs-rank__bar > i{background: var(--link);}
.zs-empty__icon{inline-size: 40px; block-size: 40px; border-radius: var(--radius-pill); display: grid; place-items: center; background: var(--surface-sunken); color: var(--muted);}
.zs-series-1{background: var(--cat-1);}
.zs-series-2{background: var(--cat-2);}
.zs-series-3{background: var(--cat-3);}
.zs-series-4{background: var(--cat-4);}
.zs-series-5{background: var(--cat-5);}
.zs-series-6{background: var(--cat-6);}
.zs-series-7{background: var(--cat-7);}
.zs-series-8{background: var(--cat-8);}
.zs-input{inline-size: 100%; min-block-size: var(--touch); padding-inline: var(--space-3); background: var(--surface); color: var(--text); border: 1px solid var(--border-control); border-radius: var(--radius-md); font-size: var(--fs-15); transition: border-color 120ms ease;}
.zs-input::placeholder{color: var(--muted);}
.zs-input:hover{border-color: var(--muted);}
.zs-input:focus{outline: 2px solid var(--focus); outline-offset: 1px; border-color: var(--focus);}
.zs-input[aria-invalid="true"]{border-color: var(--danger);}
.zs-input[aria-invalid="true"]:focus{outline-color: var(--danger);}
.zs-input[disabled]{background: var(--surface-sunken); color: var(--muted);}
textarea.zs-input{padding-block: var(--space-2); min-block-size: 88px; resize: vertical; line-height: 1.45;}
.zs-help{font-size: var(--fs-12); color: var(--muted); margin: 0;}
@media (pointer: coarse){
.zs-input{font-size: 16px;}
}
.zs-form__grid{display: grid; gap: var(--space-4);}
.zs-form__field{display: grid; gap: 6px; min-inline-size: 0; align-content: start;}
.zs-form__field > label{font-size: var(--fs-13); font-weight: 500; color: var(--text);}
.zs-req{color: var(--danger);}
@container (min-width: 560px){
.zs-form__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.zs-form__field--wide{grid-column: 1 / -1;}
}
.zs-level{display: inline-flex; align-items: center; gap: 6px; max-inline-size: 100%; padding: 3px 10px 3px 8px; border-radius: 12px; font-size: var(--fs-12); font-weight: 600; line-height: 16px;}
.zs-level--everyday{background: var(--neutral-bg); color: var(--neutral);}
.zs-ap__band{display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--space-2); padding: 10px var(--space-4); font-size: var(--fs-13); font-weight: 600; line-height: 18px; border-start-start-radius: inherit; border-start-end-radius: inherit;}
.zs-ap__band b{font-weight: 600; white-space: nowrap;}
.zs-ap__band span{font-weight: 400;}
.zs-ap--everyday .zs-ap__band{background: var(--surface-sunken); color: var(--muted); border-block-end: 1px solid var(--hairline);}
.zs-ap--final .zs-ap__band{background: var(--final); color: var(--on-final);}
.zs-ap{container-type: inline-size; background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); min-inline-size: 0;}
.zs-ap--final{border: 2px solid var(--final);}
.zs-ap__body{display: grid; gap: var(--space-5); padding: var(--space-4);}
.zs-ap__who{display: flex; align-items: center; gap: var(--space-3);}
.zs-org{inline-size: 36px; block-size: 36px; flex: none; display: grid; place-items: center; border-radius: var(--radius-md); background: var(--neutral-bg); color: var(--neutral); font-size: var(--fs-12); font-weight: 700; letter-spacing: 0.02em;}
.zs-ap__org{margin: 0; font-size: var(--fs-13); font-weight: 600; line-height: 18px;}
.zs-ap__asker{margin: 0; font-size: var(--fs-13); color: var(--muted); line-height: 18px;}
.zs-ap__asker .zs-icon{display: inline-block; vertical-align: -2px; margin-inline-end: 4px;}
.zs-ap__headline{margin: 0; font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -0.015em; text-wrap: pretty;}
.zs-change{display: grid; gap: var(--space-2); margin: 0;}
.zs-change__row{display: grid; gap: 4px; padding: var(--space-3); border-radius: var(--radius-md); background: var(--surface-sunken);}
.zs-change__label{font-size: var(--fs-13); color: var(--muted); font-weight: 500;}
.zs-change__vals{display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px var(--space-2); font-variant-numeric: tabular-nums;}
.zs-change__old{color: var(--muted); text-decoration: line-through; text-decoration-thickness: 1.5px; font-size: var(--fs-15);}
.zs-change__arrow{color: var(--muted); align-self: center;}
[dir="rtl"] .zs-change__arrow{transform: scaleX(-1);}
.zs-change__new{text-decoration: none; font-size: var(--fs-20); font-weight: 600; color: var(--text);}
.zs-change__new--text{font-size: var(--fs-15);}
.zs-fold{border-block-start: 1px solid var(--hairline); padding-block-start: var(--space-1);}
.zs-fold > summary{display: flex; align-items: center; gap: var(--space-2); min-block-size: var(--touch); cursor: pointer; list-style: none; font-size: var(--fs-13); font-weight: 500; color: var(--muted);}
.zs-fold > summary::-webkit-details-marker{display: none;}
.zs-fold > summary .zs-icon{transition: transform 120ms ease;}
.zs-fold[open] > summary .zs-icon{transform: rotate(180deg);}
.zs-fold__body{display: grid; gap: var(--space-3); padding-block: var(--space-2) var(--space-3); font-size: var(--fs-13);}
.zs-ap__status{display: flex; align-items: flex-start; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-md); font-size: var(--fs-13); line-height: 18px; margin: 0;}
.zs-ap__status .zs-icon{margin-block-start: 1px;}
.zs-ap__status b{font-weight: 600;}
.zs-ap__status--success{background: var(--success-bg); color: var(--success);}
.zs-ap__status p{margin: 0;}
.zs-ap__status p + p{margin-block-start: 4px;}
.zs-ap__actions{position: sticky; inset-block-end: 0; z-index: 2; display: grid; gap: var(--space-2); padding: var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom, 0px)); background: var(--surface); border-block-start: 1px solid var(--hairline); border-end-start-radius: inherit; border-end-end-radius: inherit;}
.zs-ap__buttons{display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr); gap: var(--space-2);}
.zs-ap__buttons .zs-btn{min-block-size: 52px; inline-size: 100%; overflow-wrap: normal; hyphens: manual;}
.zs-ap__buttons .zs-btn--primary{font-size: 16px; font-weight: 600;}
@container (min-width: 600px){
.zs-ap__body{padding: var(--space-6); gap: var(--space-6);}
.zs-ap__band{padding-inline: var(--space-6);}
.zs-ap__headline{font-size: 26px;}
.zs-ap__actions{position: static; padding: var(--space-4) var(--space-6);}
.zs-ap__buttons{grid-template-columns: auto auto; justify-content: end;}
.zs-ap__buttons .zs-btn{inline-size: auto; min-inline-size: 140px;}
.zs-ap__buttons .zs-btn--primary{min-inline-size: 200px;}
}
.zs-choices{border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2);}
.zs-choices legend{padding: 0; margin-block-end: var(--space-2); font-size: var(--fs-13); font-weight: 500;}
.zs-choice{display: inline-flex; align-items: center; gap: var(--space-2); min-block-size: var(--touch); padding-inline: var(--space-3); border: 1px solid var(--border-control); border-radius: var(--radius-md); font-size: var(--fs-13); cursor: pointer;}
.zs-choice:has(input:checked){background: var(--selected); border-color: var(--link); color: var(--link); font-weight: 600;}
.zs-choice input{accent-color: var(--link); margin: 0;}
.zs-lp{container-type: inline-size; container-name: lp; background: var(--page); color: var(--text); font-size: 17px; line-height: 1.55;}
.zs-lp__wrap{max-inline-size: 1160px; margin-inline: auto; padding-inline: var(--space-4);}
.zs-lp p{margin: 0;}
.zs-lp h1,.zs-lp h2,.zs-lp h3{margin: 0; text-wrap: balance;}
.zs-lp__nav{position: sticky; inset-block-start: 0; z-index: 20; background: var(--page); border-block-end: 1px solid var(--hairline);}
.zs-lp__nav .zs-lp__wrap{display: flex; align-items: center; gap: var(--space-4); min-block-size: 64px;}
.zs-lp__brand{display: inline-flex; align-items: center; gap: var(--space-2); color: var(--text); text-decoration: none; font-weight: 600; font-size: 17px; min-block-size: var(--touch);}
.zs-lp__links{display: none; gap: var(--space-1); margin-inline-start: auto;}
.zs-lp__links a{display: inline-flex; align-items: center; min-block-size: var(--touch); padding-inline: var(--space-3); color: var(--muted); text-decoration: none; font-size: var(--fs-15); border-radius: var(--radius-md);}
.zs-lp__links a:hover{color: var(--text); background: var(--surface-hover);}
.zs-lp__nav .zs-btn{margin-inline-start: auto;}
@container lp (min-width: 900px){
.zs-lp__links{display: flex;}
.zs-lp__nav .zs-btn{margin-inline-start: 0;}
}
.zs-lp__section{padding-block: 64px; border-block-start: 1px solid var(--hairline);}
.zs-lp__eyebrow{display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; border-radius: 14px; background: var(--selected); color: var(--link); font-size: var(--fs-13); font-weight: 600;}
.zs-lp__eyebrow::before{content: ""; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor;}
.zs-lp__kicker{font-family: var(--font-mono); font-size: var(--fs-13); color: var(--muted); letter-spacing: 0; margin-block-end: var(--space-3) !important;}
.zs-lp__title{font-size: 30px; line-height: 1.12; letter-spacing: -0.025em; font-weight: 600; max-inline-size: 22ch;}
.zs-lp__lead{margin-block-start: var(--space-4) !important; color: var(--muted); max-inline-size: 60ch; font-size: 17px;}
@container lp (min-width: 900px){
.zs-lp__wrap{padding-inline: var(--space-8);}
.zs-lp__section{padding-block: 112px;}
.zs-lp__title{font-size: 44px;}
.zs-lp__lead{font-size: 19px;}
}
.zs-lp__hero{padding-block: 40px 64px; display: grid; gap: 48px;}
.zs-lp__h1{margin-block-start: var(--space-4) !important; font-size: 40px; line-height: 1.04; letter-spacing: -0.035em; font-weight: 600; max-inline-size: 16ch;}
.zs-lp__sub{margin-block-start: var(--space-5) !important; font-size: 18px; line-height: 1.5; color: var(--muted); max-inline-size: 46ch;}
.zs-lp__cta{display: flex; flex-wrap: wrap; gap: var(--space-3); margin-block-start: var(--space-6);}
.zs-lp__cta .zs-btn{min-block-size: 52px; padding-inline: var(--space-5); font-size: 16px;}
.zs-lp__visual{display: grid; gap: var(--space-4); align-items: start; padding: var(--space-4); border-radius: 24px; background: var(--surface-sunken); border: 1px solid var(--hairline);}
@container lp (min-width: 900px){
.zs-lp__hero{grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr); align-items: center; padding-block: 72px 112px; gap: 56px;}
.zs-lp__h1{font-size: 64px;}
.zs-lp__sub{font-size: 20px;}
.zs-lp__visual{grid-template-columns: minmax(0, 1fr) 284px; padding: var(--space-6); align-items: center;}
}
.zs-chat{display: grid; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline); font-size: var(--fs-15); line-height: 1.45; align-content: start;}
.zs-chat__head{display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-12); color: var(--muted); font-weight: 600;}
.zs-chat__msg{max-inline-size: 88%; padding: 10px 14px; border-radius: 16px;}
.zs-chat__msg--me{justify-self: end; background: var(--primary); color: var(--on-primary); border-end-end-radius: 4px;}
.zs-chat__msg--ai{justify-self: start; background: var(--surface-sunken); border-end-start-radius: 4px;}
.zs-chat__tool{justify-self: start; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 12px; border: 1px solid var(--hairline); font-size: var(--fs-12); color: var(--muted); font-family: var(--font-mono);}
.zs-chat__tool .zs-icon{color: var(--success);}
.zs-lp-phone{inline-size: 100%; max-inline-size: 300px; justify-self: center; padding: 10px; border-radius: 40px; background: var(--text); box-shadow: var(--shadow-pop);}
.zs-lp-phone__screen{border-radius: 31px; overflow: hidden; background: var(--page);}
.zs-lp-phone__bar{display: flex; align-items: center; gap: var(--space-2); padding: 14px 16px 10px; font-size: var(--fs-13); font-weight: 600; background: var(--surface); border-block-end: 1px solid var(--hairline);}
.zs-lp-phone__bar .zs-mark{inline-size: 24px; block-size: 24px; font-size: 13px; border-radius: 7px;}
.zs-lp-phone__body{padding: var(--space-3);}
.zs-lp-phone .zs-ap{font-size: var(--fs-13);}
.zs-lp-phone .zs-ap__body{padding: var(--space-3); gap: var(--space-3);}
.zs-lp-phone .zs-ap__band{padding: 8px var(--space-3); font-size: var(--fs-12);}
.zs-lp-phone .zs-ap__headline{font-size: 17px;}
.zs-lp-phone .zs-change__new{font-size: var(--fs-15);}
.zs-lp .zs-ap__actions{position: static;}
.zs-lp-phone .zs-ap__actions{padding: var(--space-3);}
.zs-lp-phone .zs-ap__buttons .zs-btn{min-block-size: var(--touch);}
.zs-lp__steps{list-style: none; margin: var(--space-8) 0 0; padding: 0; display: grid; gap: var(--space-4); counter-reset: step;}
.zs-lp__step{display: grid; gap: var(--space-4); align-content: start; padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline);}
.zs-lp__step h3{display: flex; gap: var(--space-3); align-items: baseline; font-size: 19px; font-weight: 600; letter-spacing: -0.01em;}
.zs-lp__num{flex: none; display: inline-grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: 50%; background: var(--primary); color: var(--on-primary); font-size: var(--fs-13); font-weight: 600; font-variant-numeric: tabular-nums; transform: translateY(-2px);}
.zs-lp__step > p{color: var(--muted); font-size: var(--fs-15);}
.zs-lp__mini{padding: var(--space-3); border-radius: var(--radius-md); background: var(--surface-sunken); display: grid; gap: var(--space-2); font-size: var(--fs-13);}
.zs-lp__mini .zs-chat__msg{max-inline-size: 100%; font-size: var(--fs-13);}
.zs-conn{display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--hairline);}
.zs-conn b{font-weight: 600;}
.zs-conn > span:not(.zs-mark):not(.zs-chip){color: var(--muted);}
.zs-conn .zs-chip{margin-inline-start: auto;}
@container lp (min-width: 900px){
.zs-lp__steps{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6);}
}
.zs-lp__panels{display: grid; gap: var(--space-4); margin-block-start: var(--space-8); align-items: start;}
.zs-lp__panel{display: grid; gap: var(--space-2); min-inline-size: 0;}
.zs-lp__panel-tag{font-size: var(--fs-12); font-weight: 600; color: var(--muted); display: flex; gap: var(--space-2); align-items: center;}
.zs-lp__caption{margin-block-start: var(--space-5) !important; color: var(--muted); font-size: var(--fs-15); max-inline-size: 60ch;}
.zs-lp__screen{display: grid; gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-lg); background: var(--page); border: 1px solid var(--hairline);}
.zs-lp__screen .zs-tiles > :first-child{grid-column: auto;}
.zs-lp__screen .zs-tile{min-block-size: 0; padding: var(--space-3);}
.zs-lp__screen .zs-tile__value{font-size: 22px; line-height: 28px;}
@container lp (min-width: 900px){
.zs-lp__panels{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6);}
}
.zs-lp__kinds{display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block-start: var(--space-8); max-inline-size: 900px;}
.zs-rkind{display: inline-flex; align-items: center; gap: var(--space-2); padding: 8px 14px 8px 10px; border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--hairline); font-size: var(--fs-15);}
.zs-rkind i{inline-size: 10px; block-size: 10px; border-radius: 3px; flex: none;}
.zs-rkind span{color: var(--muted);}
.zs-rkind--lg{font-size: 19px; padding: 12px 18px 12px 14px;}
.zs-rkind--sm{font-size: var(--fs-13);}
.zs-ph{display: inline; padding: 1px 6px; border: 1px dashed var(--link); border-radius: var(--radius-sm); background: var(--selected); color: var(--link); font-family: var(--font-mono); font-size: 0.85em; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.zs-lp__beta{display: grid; gap: var(--space-6);}
.zs-beta{padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline); box-shadow: var(--shadow-card); container-type: inline-size;}
.zs-beta form{display: grid; gap: var(--space-4);}
.zs-beta .zs-form__grid{gap: var(--space-4);}
.zs-check{display: flex; gap: var(--space-3); align-items: flex-start; min-block-size: var(--touch); font-size: var(--fs-15); cursor: pointer;}
.zs-check input{inline-size: 22px; block-size: 22px; margin: 1px 0 0; flex: none; accent-color: var(--link);}
.zs-check a{color: var(--link);}
.zs-beta .zs-btn--primary{min-block-size: 52px;}
@container lp (min-width: 900px){
.zs-lp__beta{grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 72px; align-items: start;}
.zs-beta{padding: var(--space-8);}
}
.zs-lp__faq{margin-block-start: var(--space-6); max-inline-size: 760px; border-block-end: 1px solid var(--hairline);}
.zs-lp__faq .zs-fold > summary{font-size: 17px; font-weight: 500; color: var(--text); min-block-size: 60px; justify-content: space-between; flex-direction: row-reverse;}
.zs-lp__faq .zs-fold__body{font-size: var(--fs-15); color: var(--muted); padding-block: 0 var(--space-5);}
.zs-lp__foot{padding-block: var(--space-12); border-block-start: 1px solid var(--hairline); font-size: var(--fs-15); color: var(--muted);}
.zs-lp__foot .zs-lp__wrap{display: grid; gap: var(--space-4);}
.zs-lp__foot nav{display: flex; flex-wrap: wrap; gap: 0 var(--space-4);}
.zs-lp__foot a{color: var(--muted); display: inline-flex; align-items: center; min-block-size: var(--touch);}
.zs-lp__foot a:hover{color: var(--text);}
.zs-lp__tag{color: var(--text);}
.zs-lp__tag b{font-weight: 600;}
.zs-legal{padding-block: var(--space-8) var(--space-12); max-inline-size: 760px;}
.zs-legal__date{margin-block: var(--space-3) var(--space-6) !important; color: var(--muted); font-size: var(--fs-15);}
.zs-legal__sec{padding-block: var(--space-5); border-block-start: 1px solid var(--hairline);}
.zs-legal__sec h2{font-size: 20px; font-weight: 600; letter-spacing: -0.01em; margin-block-end: var(--space-2);}
@media (prefers-reduced-motion: reduce){
.zs-app *,.zs-app *::before,.zs-app *::after{animation: none !important; transition: none !important;}
}
.zs-avatar)){grid-template-columns: minmax(0, 1fr) auto auto;}
.zs-avatar--lg{inline-size: 44px; block-size: 44px; font-size: var(--fs-13);}
.zs-lp__accent{display: block; color: var(--link);}
.zs-loop{container: loop / inline-size; display: grid; gap: var(--space-4); min-inline-size: 0;}
.zs-loop__stage{display: block;}
@container lp (min-width: 900px){
.zs-loop__stage{display: block;}
}
.zs-loop__world{display: none; gap: var(--space-4); align-items: center;}
@container loop (min-width: 560px){
.zs-loop__world{grid-template-columns: minmax(0, 1fr) 300px;}
}
.zs-loop__chat{align-self: center;}
.zs-loop__layers{display: grid; min-block-size: 404px; align-items: start;}
.zs-loop__layers > *{grid-area: 1 / 1; min-inline-size: 0;}
.zs-loop__idle{display: grid; justify-items: center; align-content: center; gap: var(--space-3); block-size: 100%; text-align: center; color: var(--muted); font-size: var(--fs-13);}
.zs-loop__decide{display: grid;}
.zs-loop__decide > *{grid-area: 1 / 1;}
.zs-loop__btns{position: relative;}
.zs-loop__ok{display: flex; align-items: center; justify-content: center; gap: 6px; min-block-size: var(--touch); border-radius: var(--radius-md); background: var(--success-bg); color: var(--success); font-weight: 600; font-size: var(--fs-13);}
.zs-loop__tap{position: absolute; inset-block-start: 50%; inset-inline-start: 72%; inline-size: 44px; block-size: 44px; margin: -22px 0 0 -22px; border-radius: 50%; border: 3px solid var(--focus); background: transparent; box-shadow: 0 0 0 3px var(--on-primary); opacity: 0; pointer-events: none;}
.zs-loop__toast{display: flex; align-items: center; gap: 6px; padding: 8px 12px; margin-block-end: var(--space-3) !important; border-radius: var(--radius-md); background: var(--success-bg); color: var(--success); font-size: var(--fs-12); font-weight: 600;}
.zs-lr{padding: var(--space-3); gap: var(--space-2);}
.zs-lr .zs-card__title{font-size: var(--fs-15);}
.zs-lr__grid{display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: var(--space-2);}
.zs-lr__nums,.zs-lr__rows{list-style: none; margin: 0; padding: 0;}
.zs-lr__nums li{block-size: 40px; line-height: 40px; color: var(--muted); font-size: var(--fs-12); font-variant-numeric: tabular-nums;}
.zs-lr__rows li{display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); block-size: 40px; padding-inline: var(--space-2); border-block-end: 1px solid var(--hairline); font-size: var(--fs-13); position: relative; background: var(--surface);}
.zs-lr__rows li b{font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap;}
.zs-lr__rows .zs-lr__row--up{background: var(--selected); border-radius: var(--radius-sm); z-index: 1;}
.zs-lr__note{display: flex; align-items: center; gap: 6px; color: var(--success); font-size: var(--fs-12); font-weight: 600;}
.zs-loop__idle,.zs-loop__card,.zs-loop__btns,.zs-loop__tap{opacity: 0;}
.zs-loop__btns{visibility: hidden;}
.zs-loop--play .zs-loop__world{animation: zs-l-world 12s ease infinite;}
.zs-loop--play .zs-loop__me{animation: zs-l-type 12s steps(24, end) infinite;}
.zs-loop--play .zs-loop__tool{animation: zs-l-tool 12s ease infinite;}
.zs-loop--play .zs-loop__ai{animation: zs-l-ai 12s ease infinite;}
.zs-loop--play .zs-loop__idle{animation: zs-l-idle 12s ease infinite;}
.zs-loop--play .zs-loop__card{animation: zs-l-card 12s ease infinite;}
.zs-loop--play .zs-loop__btns{animation: zs-l-btns 12s step-end infinite;}
.zs-loop--play .zs-loop__ok{animation: zs-l-ok 12s step-end infinite;}
.zs-loop--play .zs-loop__tap{animation: zs-l-tap 12s ease infinite;}
.zs-loop--play .zs-loop__screen{animation: zs-l-screen 12s ease infinite;}
.zs-loop--play .zs-lr__row--up{animation: zs-l-up 12s ease infinite;}
.zs-loop--play .zs-lr__row--down{animation: zs-l-down 12s ease infinite;}
.zs-loop--play .zs-lr__note{animation: zs-l-note 12s ease infinite;}
@keyframes zs-l-world{0% { opacity: 0; } 2%, 96% { opacity: 1; } 100% { opacity: 0; }}
@keyframes zs-l-type{0%, 2% { clip-path: inset(0 100% 0 0); } 22%, 100% { clip-path: inset(0 0 0 0); }}
@keyframes zs-l-tool{0%, 25% { opacity: 0; } 28%, 100% { opacity: 1; }}
@keyframes zs-l-ai{0%, 29% { opacity: 0; transform: translateY(6px); } 34%, 100% { opacity: 1; transform: none; }}
@keyframes zs-l-idle{0%, 41% { opacity: 1; } 44%, 100% { opacity: 0; }}
@keyframes zs-l-card{0%, 42% { opacity: 0; transform: translateY(28px); } 50%, 83% { opacity: 1; transform: none; } 87%, 100% { opacity: 0; transform: translateY(-8px); }}
@keyframes zs-l-btns{0% { opacity: 1; visibility: visible; } 71% { opacity: 0; visibility: hidden; }}
@keyframes zs-l-ok{0% { visibility: hidden; } 71% { visibility: visible; }}
@keyframes zs-l-tap{0%, 62% { opacity: 0; transform: scale(1.4); } 66% { opacity: 1; transform: scale(1); } 70% { opacity: 1; transform: scale(.85); } 74%, 100% { opacity: 0; transform: scale(1); }}
@keyframes zs-l-screen{0%, 84% { opacity: 0; } 88%, 100% { opacity: 1; }}
@keyframes zs-l-up{0%, 89% { transform: translateY(100%); } 94%, 100% { transform: none; }}
@keyframes zs-l-down{0%, 89% { transform: translateY(-100%); } 94%, 100% { transform: none; }}
@keyframes zs-l-note{0%, 93% { opacity: 0; } 96%, 100% { opacity: 1; }}
@media (prefers-reduced-motion: reduce){
.zs-loop *,.zs-loop{animation: none !important;}
}
.zs-loop__kinds{border: 0; margin: 0; padding: 0; min-inline-size: 0;}
.zs-loop__kinds legend{padding: 0; margin-block-end: var(--space-2); font-size: var(--fs-13); font-weight: 600; color: var(--muted);}
.zs-loop__kinds div{display: flex; flex-wrap: wrap; gap: var(--space-2);}
.zs-loop__kinds label{display: inline-flex; align-items: center; min-block-size: var(--touch); padding-inline: var(--space-4); border-radius: var(--radius-pill); border: 1px solid var(--border-control); background: var(--surface); font-size: var(--fs-15); cursor: pointer;}
.zs-loop__kinds label:hover{background: var(--surface-hover);}
.zs-loop:has(> input[value="roast"]:checked) > .zs-loop__stage > [data-w="roast"]{display: grid;}
.zs-loop:has(> input[value="roast"]:checked) .zs-loop__kinds label[for$="roast"]{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-loop:has(> input[value="roast"]:focus-visible) .zs-loop__kinds label[for$="roast"]{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-loop:has(> input[value="clinic"]:checked) > .zs-loop__stage > [data-w="clinic"]{display: grid;}
.zs-loop:has(> input[value="clinic"]:checked) .zs-loop__kinds label[for$="clinic"]{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-loop:has(> input[value="clinic"]:focus-visible) .zs-loop__kinds label[for$="clinic"]{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-loop:has(> input[value="law"]:checked) > .zs-loop__stage > [data-w="law"]{display: grid;}
.zs-loop:has(> input[value="law"]:checked) .zs-loop__kinds label[for$="law"]{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-loop:has(> input[value="law"]:focus-visible) .zs-loop__kinds label[for$="law"]{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-loop:has(> input[value="crew"]:checked) > .zs-loop__stage > [data-w="crew"]{display: grid;}
.zs-loop:has(> input[value="crew"]:checked) .zs-loop__kinds label[for$="crew"]{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-loop:has(> input[value="crew"]:focus-visible) .zs-loop__kinds label[for$="crew"]{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-loop:has(> input[value="school"]:checked) > .zs-loop__stage > [data-w="school"]{display: grid;}
.zs-loop:has(> input[value="school"]:checked) .zs-loop__kinds label[for$="school"]{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-loop:has(> input[value="school"]:focus-visible) .zs-loop__kinds label[for$="school"]{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-loop:has(> input[value="studio"]:checked) > .zs-loop__stage > [data-w="studio"]{display: grid;}
.zs-loop:has(> input[value="studio"]:checked) .zs-loop__kinds label[for$="studio"]{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-loop:has(> input[value="studio"]:focus-visible) .zs-loop__kinds label[for$="studio"]{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-lp__band{background: var(--surface-sunken); border-block-start: 1px solid var(--hairline); padding-block: 40px;}
.zs-lp__name{display: grid; gap: var(--space-4);}
.zs-lp__name > p:last-child{max-inline-size: 60ch;}
.zs-lp__etym{display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-3); color: var(--muted); font-size: var(--fs-15);}
.zs-lp__etym b{font-size: 28px; font-weight: 600; color: var(--text); letter-spacing: -0.02em; margin-inline-end: 6px;}
@container lp (min-width: 900px){
.zs-lp__band{padding-block: 56px;}
.zs-lp__name{grid-template-columns: auto minmax(0, 1fr); gap: 64px; align-items: center;}
.zs-lp__name > p:last-child{font-size: 19px;}
}
.zs-ons{list-style: none; margin: var(--space-8) 0 0; padding: 0; display: grid; gap: var(--space-4);}
.zs-on{display: grid; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline);}
.zs-on__label{font-size: 19px; font-weight: 600; letter-spacing: -0.01em;}
.zs-on__old,.zs-on__new{display: grid; gap: var(--space-2); align-content: start;}
.zs-on__tag{font-family: var(--font-mono); font-size: var(--fs-12); color: var(--muted);}
.zs-on__old p{color: var(--muted);}
.zs-on__new .zs-chat__msg{justify-self: start; max-inline-size: 100%; font-size: var(--fs-15);}
.zs-on__after{font-size: var(--fs-15);}
.zs-lp__caption--strong{color: var(--text); font-size: 19px; font-weight: 600;}
@container lp (min-width: 900px){
.zs-on{grid-template-columns: 200px minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--space-8); padding: var(--space-6) var(--space-8); align-items: start;}
}
.zs-lp__split{display: grid; gap: var(--space-8); margin-block-start: var(--space-8); align-items: start;}
@container lp (min-width: 900px){
.zs-lp__split{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px;}
}
.zs-lp__points{list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-4);}
.zs-lp__points li{display: flex; gap: var(--space-3); align-items: flex-start;}
.zs-lp__points .zs-icon{flex: none; inline-size: 20px; block-size: 20px; margin-block-start: 3px; color: var(--link);}
.zs-lp__small{margin-block-start: var(--space-5) !important; font-size: var(--fs-13); color: var(--muted); max-inline-size: 60ch;}
.zs-lp__body{margin-block-start: var(--space-6) !important; max-inline-size: 60ch;}
.zs-dial{display: grid; gap: var(--space-5); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline);}
.zs-dial__gauge{position: relative; inline-size: 100%; max-inline-size: 320px; justify-self: center;}
.zs-dial__svg{display: block; inline-size: 100%; block-size: auto; overflow: visible;}
.zs-dial__track,.zs-dial__fill{fill: none; stroke-width: 14; stroke-linecap: round;}
.zs-dial__track{stroke: var(--chart-track);}
.zs-dial__fill{stroke: var(--link); stroke-dasharray: 100 100; stroke-dashoffset: 50; transition: stroke-dashoffset 300ms ease;}
.zs-dial__needle{transform-box: view-box; transform-origin: 100px 100px; transition: transform 300ms ease;}
.zs-dial__needle line{stroke: var(--text); stroke-width: 4; stroke-linecap: round;}
.zs-dial__needle circle{fill: var(--text);}
.zs-dial__stops{position: absolute; inset: 0; aspect-ratio: 200 / 112;}
.zs-dial__stop{position: absolute; inline-size: var(--touch); block-size: var(--touch); margin: -22px 0 0 -22px; display: grid; place-items: center; cursor: pointer;}
.zs-dial__stop:nth-child(1){inset-inline-start: 15.4%; inset-block-start: 53.6%;}
.zs-dial__stop:nth-child(2){inset-inline-start: 50%; inset-block-start: 8.9%;}
.zs-dial__stop:nth-child(3){inset-inline-start: 84.6%; inset-block-start: 53.6%;}
.zs-dial__dot{inline-size: 28px; block-size: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--surface); border: 2px solid var(--border-control); font-size: var(--fs-13); font-weight: 600; font-variant-numeric: tabular-nums;}
.zs-dial__stop:hover .zs-dial__dot{border-color: var(--link);}
.zs-dial__ends{display: flex; justify-content: space-between; gap: var(--space-3); margin-block-start: var(--space-2); font-size: var(--fs-12); color: var(--muted); font-weight: 600;}
.zs-dial__card{display: none; gap: var(--space-3);}
.zs-dial__t{display: flex; gap: var(--space-3); align-items: baseline; font-weight: 600; font-size: 17px;}
.zs-dial__n{flex: none; display: inline-grid; place-items: center; inline-size: 24px; block-size: 24px; border-radius: 50%; background: var(--selected); color: var(--link); font-size: var(--fs-12); transform: translateY(-2px);}
.zs-dial__eg{display: grid; gap: 6px; justify-items: start; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--surface-sunken); font-size: var(--fs-15);}
.zs-dial__eg .zs-muted{display: flex; align-items: center; gap: 6px; font-size: var(--fs-13);}
.zs-dial__rules{list-style: none; margin: 0; padding: 0; display: grid; inline-size: 100%;}
.zs-dial__rules li{display: flex; justify-content: space-between; gap: var(--space-3); padding-block: 8px; border-block-end: 1px solid var(--hairline);}
.zs-dial__rules li:last-child{border-block-end: 0;}
.zs-dial__rules span{color: var(--muted);}
.zs-dial__rules b{font-weight: 600; text-align: end;}
.zs-dial:has(> input[value="1"]:checked) .zs-dial__needle{transform: rotate(-60deg);}
.zs-dial:has(> input[value="1"]:checked) .zs-dial__fill{stroke-dashoffset: 83.3;}
.zs-dial:has(> input[value="1"]:checked) .zs-dial__card[data-s="1"]{display: grid;}
.zs-dial:has(> input[value="1"]:checked) label[for$="-1"] .zs-dial__dot{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-dial:has(> input[value="1"]:focus-visible) label[for$="-1"] .zs-dial__dot{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-dial:has(> input[value="2"]:checked) .zs-dial__needle{transform: rotate(0deg);}
.zs-dial:has(> input[value="2"]:checked) .zs-dial__fill{stroke-dashoffset: 50;}
.zs-dial:has(> input[value="2"]:checked) .zs-dial__card[data-s="2"]{display: grid;}
.zs-dial:has(> input[value="2"]:checked) label[for$="-2"] .zs-dial__dot{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-dial:has(> input[value="2"]:focus-visible) label[for$="-2"] .zs-dial__dot{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-dial:has(> input[value="3"]:checked) .zs-dial__needle{transform: rotate(60deg);}
.zs-dial:has(> input[value="3"]:checked) .zs-dial__fill{stroke-dashoffset: 16.7;}
.zs-dial:has(> input[value="3"]:checked) .zs-dial__card[data-s="3"]{display: grid;}
.zs-dial:has(> input[value="3"]:checked) label[for$="-3"] .zs-dial__dot{background: var(--primary); color: var(--on-primary); border-color: var(--primary);}
.zs-dial:has(> input[value="3"]:focus-visible) label[for$="-3"] .zs-dial__dot{outline: 2px solid var(--focus); outline-offset: 2px;}
.zs-hub{display: grid; gap: var(--space-4); margin-block-start: var(--space-8); align-items: center;}
.zs-hub__people{list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3);}
.zs-hub__people li{display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline); position: relative;}
.zs-hub__people b{font-weight: 600;}
.zs-hub__core{display: flex; align-items: center; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 2px solid var(--link);}
.zs-hub__core b{font-size: 17px; font-weight: 600;}
.zs-hub__core p{color: var(--muted); font-size: var(--fs-13);}
@container lp (min-width: 900px){
.zs-hub{grid-template-columns: minmax(0, 1fr) 64px minmax(0, 0.9fr); max-inline-size: 900px;}
.zs-hub__core{grid-column: 3; grid-row: 1;}
.zs-hub__people{grid-column: 1; grid-row: 1;}
.zs-hub::before{content: ""; grid-column: 2; grid-row: 1; block-size: 2px; background: var(--link);}
}
.zs-keys{display: grid; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface-sunken); border: 1px solid var(--hairline);}
.zs-keys__vault{display: grid; justify-items: center; gap: 6px; padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline);}
.zs-keys__vault .zs-icon{inline-size: 28px; block-size: 28px; color: var(--link);}
.zs-keys__vault span{font-size: var(--fs-12); color: var(--muted); font-family: var(--font-mono);}
.zs-keys ul{list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2);}
.zs-keys li{display: flex; align-items: center; gap: var(--space-3); padding: 10px var(--space-3); border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--hairline); font-size: var(--fs-15);}
.zs-keys li > .zs-icon:last-child{margin-inline-start: auto; color: var(--success);}
.zs-keys .zs-keys__us{background: transparent; border-style: dashed; border-color: var(--border); color: var(--muted);}
.zs-keys .zs-keys__us .zs-icon{color: var(--muted);}
.zs-chain{display: grid; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline);}
.zs-chain__title{display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-13); font-weight: 600; color: var(--muted);}
.zs-chain ol{list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2);}
.zs-chain__layer{display: grid; gap: 4px; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--surface-sunken); border-inline-start: 3px solid var(--border);}
.zs-chain__layer:nth-child(2){margin-inline: 8px;}
.zs-chain__layer:nth-child(3){margin-inline: 16px;}
.zs-chain__layer--top{background: var(--surface); border: 1px solid var(--hairline); border-inline-start: 3px solid var(--link); box-shadow: var(--shadow-card);}
.zs-chain__v{display: flex; align-items: center; gap: var(--space-2); font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em;}
.zs-chain__v .zs-chip{font-size: var(--fs-12); letter-spacing: 0;}
.zs-chain__layer:not(.zs-chain__layer--top) .zs-chain__v{font-size: 18px;}
.zs-chain__meta{display: flex; flex-wrap: wrap; gap: 2px var(--space-3); font-size: var(--fs-13); color: var(--muted);}
.zs-chain__why{font-size: var(--fs-13);}
.zs-chain__foot{display: flex; align-items: center; gap: 6px; font-size: var(--fs-13); color: var(--success); font-weight: 600;}
@container lp (min-width: 900px){
.zs-lp__panels--4{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.zs-paper{display: grid; gap: var(--space-3); padding: var(--space-5); border-radius: var(--radius-sm); background: var(--surface); border: 1px solid var(--hairline); box-shadow: var(--shadow-pop); font-size: var(--fs-13);}
.zs-paper__head{display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); padding-block-end: var(--space-2); border-block-end: 2px solid var(--text);}
.zs-paper__head > b{font-size: 17px; font-weight: 600;}
.zs-paper__kv{display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px var(--space-4); margin: 0;}
.zs-paper__kv dt{color: var(--muted);}
.zs-paper__kv dd{margin: 0;}
.zs-paper__line{display: flex; justify-content: space-between; gap: var(--space-3); padding-block: 6px; border-block-end: 1px solid var(--hairline); font-variant-numeric: tabular-nums;}
.zs-paper__total{font-weight: 600; border-block-end: 0; border-block-start: 2px solid var(--text);}
.zs-paper__seal{display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: var(--fs-12);}
.zs-paper__check{justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-block-size: var(--touch); padding-inline: var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--border-control); color: var(--link); text-decoration: none; font-weight: 600;}
.zs-paper__check:hover{background: var(--surface-hover);}
.zs-lp__live{display: grid; gap: var(--space-4); margin-block-start: var(--space-8);}
.zs-lp__live > div{padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline);}
.zs-lp__live > div:last-child{background: transparent; border-style: dashed; border-color: var(--border);}
.zs-lp__live h3{display: flex; align-items: center; gap: var(--space-2); font-size: 19px; font-weight: 600;}
.zs-lp__live > div:first-child h3 .zs-icon{color: var(--success);}
.zs-lp__live > div:last-child h3 .zs-icon{color: var(--muted);}
.zs-lp__live ul{margin: var(--space-3) 0 0; padding-inline-start: 20px; display: grid; gap: 4px;}
@container lp (min-width: 900px){
.zs-lp__live{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6);}
}
.zs-ideas{list-style: none; margin: var(--space-8) 0 0; padding: 0; display: grid; gap: var(--space-3);}
.zs-ideas li{display: grid; gap: 6px; align-content: start; padding: var(--space-5); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--hairline);}
.zs-ideas .zs-icon{inline-size: 22px; block-size: 22px; color: var(--link); margin-block-end: 4px;}
.zs-ideas b{font-size: 17px; font-weight: 600;}
.zs-ideas span{color: var(--muted); font-size: var(--fs-15);}
@container lp (min-width: 900px){
.zs-ideas{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4);}
}
.zs-lp__section--quiet{background: var(--surface-sunken);}
.zs-lp__gets-h{margin-block-start: var(--space-6) !important; font-weight: 600;}
.zs-lp__gets{list-style: none; margin: var(--space-3) 0 0; padding: 0; display: grid; gap: var(--space-2);}
.zs-lp__gets li{display: flex; gap: var(--space-3); align-items: flex-start;}
.zs-lp__gets .zs-icon{flex: none; color: var(--success); margin-block-start: 4px;}
@container lp (max-width: 899px){
.zs-lp__section{padding-block: 48px;}
.zs-lp__panels--4{grid-auto-flow: column; grid-auto-columns: 86%; overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: var(--space-3); margin-inline: calc(var(--space-4) * -1); padding-inline: var(--space-4); scroll-padding-inline: var(--space-4);}
.zs-lp__panels--4 > *{scroll-snap-align: start;}
.zs-ideas{grid-template-columns: repeat(2, minmax(0, 1fr));}
.zs-ideas li{padding: var(--space-4);}
.zs-lp__split{gap: var(--space-6);}
}
.zs-lr__rows li span{min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zs-keys li.zs-keys__us > .zs-icon{margin-inline-start: 0; color: var(--muted);}
@container lp (min-width: 900px){
.zs-lp__hero{grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: 48px;}
.zs-lp__h1{font-size: 56px;}
}
.zs-lp__tag{display: flex; align-items: center; gap: var(--space-2);}
.zs-lp__vision{max-inline-size: 820px;}
.zs-lp__lead--strong{color: var(--text);}
.zs-uses{list-style: none; margin: var(--space-6) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2);}
.zs-uses li{padding: 8px 14px; border-radius: var(--radius-pill); border: 1px solid var(--hairline); background: var(--surface); font-size: var(--fs-15); color: var(--muted);}
.zs-uses b{font-weight: 600; color: var(--text);}
.zs-lp__vision + .zs-lp__beta{margin-block-start: var(--space-8); padding-block-start: var(--space-8); border-block-start: 1px solid var(--hairline);}
.zs-lp__gets-h:first-child{margin-block-start: 0 !important;}
.zs-rank__bar>i[data-value="0.586"]{--zs-value:0.586}
.zs-rank__bar>i[data-value="0.790"]{--zs-value:0.79}
.zs-rank__bar>i[data-value="1.000"]{--zs-value:1.0}
.zs-legal__sec p + p { margin-block-start: var(--space-3); }