@layer components{[data-zone=shachi]{--green:#00b894;--green-rgb:0 184 148;--green-ink:#00785f;--green-bright:#00b894;--green-grad:linear-gradient(135deg, #00b894 0%, #00b894 100%);--on-green:#000;--ink:#000;--night:#000;--night-rgb:0 0 0;--night-3:#1d1d20;--night-line-strong:#6c6c74;--night-2:#1a1a1a;--night-line:#2e2e2e;--snow:#f8fafc}.page-hero-mark{margin-block:1.75rem 2rem}.page-hero-mark .product-lockup img{width:min(17rem,58vw)}.page-hero-mark .product-lockup{background-color:var(--night);margin:calc(min(17rem,58vw)/-12.8205);padding:calc(min(17rem,58vw)/12.8205);display:inline-block}.product-stage{gap:1rem;margin:0;display:grid}.product-stage-note{gap:2rem;margin-block-start:clamp(2.5rem,2rem + 2vw,4rem);display:grid}@media (min-width:60rem){.product-stage-note{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2.5rem,5vw,6rem)}}.product-stage-note>div>*+*{margin-block-start:1.25rem}.screens-statement{max-width:34em;margin-block-end:var(--space-block)}.mock{container-type:inline-size}.mock-frame{--bg:var(--night);--surface:var(--night-2);--surface-2:var(--night-3);--fg:var(--snow);--fg-2:var(--snow-2);--fg-3:var(--snow-3);--rule:var(--night-line);--rule-strong:var(--night-line-strong);--accent:var(--green);--sev-1:#2f8f63;--sev-2:#7fa63c;--sev-3:#d9a441;--sev-4:#d97d3f;--sev-5:#d8574f;--state-0:#5a5a63;--state-1:#d9a441;--state-2:#00b894;--state-3:#4b83d4;--state-4:#3a3a41;--mock-link:#9db7e8;--mock-hot:#eb9089;--mock-ok:#6fd3a5;--mock-warn:#e6bf72;--mock-mid:#bcd682;--mock-blue:#4b83d4;--mock-violet:#8a7ad4;border:1px solid var(--rule);border-radius:var(--radius);background-color:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;flex-direction:column;font-size:clamp(6px,1.3cqi,15px);line-height:1.45;display:flex;overflow:hidden}.mock-bar{border-block-end:1px solid var(--rule);background-color:var(--surface);flex:none;align-items:center;gap:1.5em;padding:.75em 1.25em;display:flex}.mock-dots{gap:.4em;display:flex}.mock-dots i{background-color:var(--rule-strong);opacity:.55;border-radius:50%;width:.7em;height:.7em}.mock-title{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-3);font-size:.85em}.mock-body{min-height:0;display:grid}.mock-body[data-rail=true]{grid-template-columns:13em minmax(0,1fr)}.mock-rail{border-inline-end:1px solid var(--rule);background-color:color-mix(in srgb, var(--surface) 55%, var(--bg));align-content:start;gap:.15em;padding:1em .75em;display:none}@container (min-width:34rem){.mock-rail{display:grid}}@container (max-width:33.999rem){.mock-body[data-rail=true]{grid-template-columns:minmax(0,1fr)}}.mock-rail li{color:var(--fg-3);white-space:nowrap;border-radius:.5em;align-items:center;gap:.7em;padding:.55em .7em;font-size:.85em;display:flex}.mock-rail li[data-active=true]{background-color:var(--surface-2);color:var(--fg)}.mock-rail-mark{opacity:.5;border:1px solid;border-radius:.2em;flex:none;width:.85em;height:.85em}.mock-rail li[data-active=true] .mock-rail-mark{border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) 35%, transparent);opacity:1}.mock-main{align-content:start;gap:.9em;min-width:0;padding:1.1em;display:grid}.mock-page-title,.mock-head-title{letter-spacing:-.02em;align-items:center;gap:.6em;font-size:1.35em;font-weight:600;display:flex}.mock-page-mark,.mock-section-mark{background-color:color-mix(in srgb, var(--accent) 25%, transparent);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);border-radius:.35em;flex:none;width:1.3em;height:1.3em}.mock-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1em;display:flex}.mock-head-sub{color:var(--fg-3);font-size:.85em}.mock-head-actions{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}.mock-btn{border:1px solid var(--rule-strong);color:var(--fg-2);white-space:nowrap;border-radius:.5em;align-items:center;padding:.5em .9em;font-size:.85em;display:inline-flex}.mock-btn[data-primary=true]{background-color:var(--accent);color:var(--night);border-color:#0000;font-weight:600}.mock-section-label{align-items:center;gap:.6em;padding-block-start:.25em;font-size:1.05em;font-weight:600;display:flex}.mock-chip{white-space:nowrap;background-color:var(--surface-2);color:var(--fg-2);border-radius:.4em;align-items:center;padding:.2em .6em;font-size:.75em;font-weight:600;display:inline-flex}.mock-chip[data-tone=accent]{background-color:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent)}.mock-chip[data-tone=ok]{background-color:color-mix(in srgb, var(--sev-1) 26%, transparent);color:var(--mock-ok)}.mock-chip[data-tone=warn]{background-color:color-mix(in srgb, var(--sev-3) 24%, transparent);color:var(--mock-warn)}.mock-chip[data-severity="1"],.mock-chip[data-severity="2"]{background-color:color-mix(in srgb, var(--sev-2) 24%, transparent);color:var(--mock-mid)}.mock-chip[data-severity="3"]{background-color:color-mix(in srgb, var(--sev-3) 24%, transparent);color:var(--mock-warn)}.mock-chip[data-severity="4"],.mock-chip[data-severity="5"]{background-color:color-mix(in srgb, var(--sev-5) 26%, transparent);color:var(--mock-hot)}.mock-panel{border:1px solid var(--rule);background-color:var(--surface);border-radius:.75em;align-content:start;gap:.75em;min-width:0;padding:.9em;display:grid}.mock-panel-head{justify-content:space-between;align-items:baseline;gap:.75em;display:flex}.mock-panel-title{font-size:.95em;font-weight:600}.mock-panel-sub,.mock-tile-label{color:var(--fg-3);font-size:.78em}.mock-panel-action{color:var(--accent);white-space:nowrap;font-size:.78em}.mock-grid-3,.mock-grid-2,.mock-grid-risk{gap:.75em;display:grid}@container (min-width:30rem){.mock-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-grid-risk{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.mock-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;display:grid}@container (min-width:30rem){.mock-tiles-8{grid-template-columns:repeat(4,minmax(0,1fr))}.mock-tiles-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (min-width:46rem){.mock-tiles-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.mock-tile{border:1px solid var(--rule);background-color:var(--surface);border-radius:.6em;min-width:0;padding:.7em .8em}.mock-tile-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mock-tile-value{letter-spacing:-.03em;font-size:1.5em;font-weight:600;line-height:1.2}.mock-tile[data-tone=ok] .mock-tile-value{color:var(--accent)}.mock-tile[data-tone=warn] .mock-tile-value{color:var(--mock-warn)}.mock-tile[data-tone=high] .mock-tile-value,.mock-tile[data-tone=overdue] .mock-tile-value{color:var(--mock-hot)}.mock-greeting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;display:flex}.mock-greeting>div{align-items:center;gap:.6em;display:flex}.mock-greeting-name{letter-spacing:-.02em;font-size:1.3em;font-weight:600}.mock-greeting-date{color:var(--fg-3);font-size:.8em}.mock-donut-row{grid-template-columns:7em minmax(0,1fr);align-items:center;gap:.75em;display:grid}.mock-donut{width:100%;height:auto}.mock-donut-track{fill:none;stroke:var(--surface-2);stroke-width:4.5px}.mock-donut-seg{fill:none;stroke-width:4.5px;transform-origin:50%;stroke:var(--rule-strong);transform:rotate(-90deg)}.mock-donut-seg[data-severity="1"]{stroke:var(--sev-1)}.mock-donut-seg[data-severity="2"]{stroke:var(--sev-2)}.mock-donut-seg[data-severity="3"]{stroke:var(--sev-3)}.mock-donut-seg[data-severity="4"]{stroke:var(--sev-4)}.mock-donut-seg[data-severity="5"]{stroke:var(--sev-5)}.mock-donut-seg[data-state="0"]{stroke:var(--accent)}.mock-donut-seg[data-state="1"]{stroke:var(--mock-blue)}.mock-donut-seg[data-state="2"]{stroke:var(--rule-strong)}.mock-donut-seg[data-state="3"]{stroke:var(--mock-violet)}.mock-donut-seg[data-state="4"]{stroke:var(--state-4)}.mock-donut-total{fill:var(--fg);text-anchor:middle;dominant-baseline:middle;font-size:7px;font-weight:600}.mock-donut-label{fill:var(--fg-3);text-anchor:middle;font-size:3px}.mock-legend{gap:.28em;font-size:.8em;display:grid}.mock-legend li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5em;display:grid}.mock-dot{background-color:var(--rule-strong);border-radius:50%;width:.6em;height:.6em}.mock-dot[data-severity="1"]{background-color:var(--sev-1)}.mock-dot[data-severity="2"]{background-color:var(--sev-2)}.mock-dot[data-severity="3"]{background-color:var(--sev-3)}.mock-dot[data-severity="4"]{background-color:var(--sev-4)}.mock-dot[data-severity="5"]{background-color:var(--sev-5)}.mock-dot[data-state="0"]{background-color:var(--accent)}.mock-dot[data-state="1"]{background-color:var(--mock-blue)}.mock-dot[data-state="2"]{background-color:var(--rule-strong)}.mock-dot[data-state="3"]{background-color:var(--mock-violet)}.mock-dot[data-state="4"]{background-color:var(--state-4)}.mock-legend-label{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-legend-value{font-family:var(--font-mono);color:var(--fg)}.mock-ranges{justify-content:flex-end;gap:.25em;font-size:.75em;display:flex}.mock-ranges span{color:var(--fg-3);border-radius:.35em;padding:.2em .5em}.mock-ranges span[data-active=true]{background-color:var(--accent);color:var(--night);font-weight:600}.mock-trend{width:100%;height:4.5em}.mock-trend-grid{stroke:var(--rule);stroke-width:.4px;stroke-dasharray:1 1.5}.mock-trend-area{opacity:.85;transform-origin:bottom}.mock-trend-area[data-severity="1"]{fill:var(--sev-1)}.mock-trend-area[data-severity="2"]{fill:var(--sev-2)}.mock-trend-area[data-severity="3"]{fill:var(--sev-3)}.mock-trend-area[data-severity="4"]{fill:var(--sev-4)}.mock-axis{font-family:var(--font-mono);color:var(--fg-3);justify-content:space-between;font-size:.7em;display:flex}.mock-rank{gap:.3em;font-size:.8em;display:grid}.mock-rank li{border-block-start:1px solid var(--rule);grid-template-columns:1.3em minmax(0,1fr) auto auto;align-items:center;gap:.5em;padding-block:.28em;display:grid}.mock-rank li:first-child{border-block-start:0}.mock-rank-index{font-family:var(--font-mono);color:var(--fg-3)}.mock-rank-name{text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2);overflow:hidden}.mock-rank-score{font-family:var(--font-mono);color:var(--fg)}.mock-tabs{border:1px solid var(--rule);border-radius:.6em;gap:.4em;width:fit-content;max-width:100%;padding:.25em;font-size:.85em;display:flex;overflow:hidden}.mock-tabs span{color:var(--fg-3);white-space:nowrap;border-radius:.45em;padding:.4em .8em}.mock-tabs span[data-active=true]{background-color:var(--accent);color:var(--night);font-weight:600}.mock-progress-head{justify-content:space-between;align-items:baseline;gap:1em;display:flex}.mock-progress-value{font-family:var(--font-mono);color:var(--fg);font-size:.85em}.mock-progress{background-color:var(--surface-2);border-radius:.35em;height:.7em;display:flex;overflow:hidden}.mock-progress span{width:var(--w);transform-origin:0}.mock-progress span[data-state="0"]{background-color:var(--state-0)}.mock-progress span[data-state="1"]{background-color:var(--state-1)}.mock-progress span[data-state="2"]{background-color:var(--state-2)}.mock-progress span[data-state="3"]{background-color:var(--state-3)}.mock-progress span[data-state="4"]{background-color:var(--state-4)}.mock-progress-legend{color:var(--fg-2);flex-wrap:wrap;gap:.35em .9em;font-size:.75em;display:flex}.mock-progress-legend span{align-items:center;gap:.35em;display:inline-flex}.mock-progress-legend i{border-radius:.15em;width:.55em;height:.55em}.mock-progress-legend i[data-state="0"]{background-color:var(--state-0)}.mock-progress-legend i[data-state="1"]{background-color:var(--state-1)}.mock-progress-legend i[data-state="2"]{background-color:var(--state-2)}.mock-progress-legend i[data-state="3"]{background-color:var(--state-3)}.mock-progress-legend i[data-state="4"]{background-color:var(--state-4)}.mock-progress-overdue{color:var(--mock-hot)}.mock-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;display:grid}@container (min-width:34rem){.mock-filters-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mock-filters-6{grid-template-columns:1.6fr repeat(5,minmax(0,1fr))}}.mock-field{gap:.25em;min-width:0;display:grid}.mock-field-label{color:var(--fg-3);font-size:.75em}.mock-field-control{border:1px solid var(--rule-strong);color:var(--fg-2);background-color:var(--bg);white-space:nowrap;border-radius:.45em;justify-content:space-between;align-items:center;gap:.5em;padding:.45em .7em;font-size:.8em;display:flex;overflow:hidden}.mock-caret{opacity:.7;border-block-end:1px solid;border-inline-end:1px solid;flex:none;width:.4em;height:.4em;transform:rotate(45deg)translate(-.1em,-.1em)}.mock-caret[data-open=true]{transform:rotate(45deg)}.mock-search .mock-glass{opacity:.7;border:1px solid;border-radius:50%;flex:none;width:.7em;height:.7em;margin-inline-end:auto}.mock-search{justify-content:flex-start;gap:.5em}.mock-table-panel{padding:0;overflow:hidden}.mock-group-head{border-block-end:1px solid var(--rule);align-items:center;gap:.6em;padding:.7em .9em;font-size:.8em;display:flex}.mock-group-title{color:var(--fg);font-weight:600}.mock-group-latin,.mock-group-ready{color:var(--fg-3)}.mock-group-ready{margin-inline-start:auto}.mock-group-bar{background:linear-gradient(to right, var(--accent) 54%, var(--surface-2) 54%);border-radius:.2em;flex:none;width:3.5em;height:.35em}.mock-table{font-size:.78em;display:grid}.mock-tr{border-block-start:1px solid var(--rule);align-items:center;gap:.75em;min-width:0;padding:.6em .9em;display:grid}.mock-tr>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-th{background-color:color-mix(in srgb, var(--surface-2) 70%, transparent);color:var(--fg-3);border-block-start:0;font-size:.92em}.mock-tr[data-record=true]{border-inline-start:2px solid #0000}.mock-tr[data-record=true]:nth-child(odd){background-color:color-mix(in srgb, var(--surface-2) 40%, transparent)}.mock-table-audit .mock-tr[data-record=true]{border-inline-start-color:var(--accent)}.mock-table-reports .mock-tr{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) 3em minmax(0,.9fr)}.mock-table-audit .mock-tr{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) 4em minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1fr)}.mock-table-assets .mock-tr{grid-template-columns:5.6em minmax(0,2fr) minmax(0,1fr) 3.8em 3.6em 5.2em minmax(0,1fr)}.mock-cell-name{gap:.1em;line-height:1.3;display:grid}.mock-cell-name b{color:var(--mock-link);text-overflow:ellipsis;font-weight:600;overflow:hidden}.mock-cell-name i{font-family:var(--font-mono);color:var(--fg-3);font-size:.85em;font-style:normal}.mock-cell-user{color:var(--mock-link)}.mock-cell-detail{color:var(--fg-3);text-align:end}.mock-mono{font-family:var(--font-mono);color:var(--fg-2)}.mock-owner{color:var(--fg-2);align-items:center;gap:.4em;display:flex}.mock-owner i{background-color:var(--surface-2);width:1.5em;height:1.5em;color:var(--fg-3);border-radius:50%;flex:none;place-items:center;font-size:.8em;font-style:normal;display:grid}.mock-select{border:1px solid var(--rule-strong);color:var(--fg-2);border-radius:.4em;align-items:center;gap:.4em;padding:.25em .55em;display:inline-flex}.mock-select[data-state=done]{color:var(--state-3);border-color:color-mix(in srgb, var(--state-3) 60%, transparent)}.mock-select[data-state=progress]{color:var(--mock-warn);border-color:color-mix(in srgb, var(--state-1) 60%, transparent)}.mock-select[data-state=ready]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.mock-filter-panel{gap:.6em}.mock-filter-label{color:var(--fg-2);align-items:center;gap:.45em;font-size:.8em;display:flex}.mock-funnel{opacity:.6;clip-path:polygon(0 0,100% 0,60% 50%,60% 100%,40% 85%,40% 50%);background-color:currentColor;width:.7em;height:.7em}.mock-filter-clear{justify-self:end}.mock-discovery{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background-color:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:.6em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75em;padding:.75em .9em;display:grid}.mock-discovery-mark{border:1px solid var(--accent);background-color:color-mix(in srgb, var(--accent) 30%, transparent);border-radius:.35em;width:1.4em;height:1.4em}.mock-discovery-title{font-size:.9em;font-weight:600}.mock-discovery-sub,.mock-discovery-also{color:var(--fg-3);font-size:.75em}.mock-discovery-also{grid-column:2/-1}.mock-tabs-view{font-size:.8em}.mock-matrix{grid-template-columns:1.4em repeat(5,minmax(0,1fr));gap:.3em;display:grid}.mock-matrix-row{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;gap:.3em;display:grid}.mock-matrix-axis{font-family:var(--font-mono);color:var(--fg-3);text-align:center;font-size:.75em}.mock-matrix-cell{aspect-ratio:1.7;color:var(--night);border-radius:.35em;place-items:center;gap:0;line-height:1.1;display:grid}.mock-matrix-cell b{font-size:.9em;font-weight:700}.mock-matrix-cell i{font-size:.6em;font-style:normal}.mock-matrix-cell[data-severity="1"]{background-color:var(--sev-1)}.mock-matrix-cell[data-severity="2"]{background-color:var(--sev-2)}.mock-matrix-cell[data-severity="3"]{background-color:var(--sev-3)}.mock-matrix-cell[data-severity="4"]{background-color:var(--sev-4)}.mock-matrix-cell[data-severity="5"]{background-color:var(--sev-5)}.mock-risk-side{align-content:start;gap:.75em;display:grid}.mock-watch{gap:.3em;font-size:.8em;display:grid}.mock-watch li{border-block-start:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5em;padding-block:.3em;display:grid}.mock-watch li:first-child{border-block-start:0}.mock-watch-name{min-width:0;color:var(--fg-2);gap:.05em;display:grid}.mock-watch-name,.mock-watch-name i{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-watch-name i{font-family:var(--font-mono);color:var(--fg-3);font-size:.85em;font-style:normal}.mock-watch-score{font-family:var(--font-mono)}.mock-overdue-total{background-color:color-mix(in srgb, var(--sev-5) 18%, transparent);border-radius:.5em;padding:.7em .8em}.mock-overdue-label{color:var(--mock-hot);font-size:.75em}.mock-overdue-value{color:var(--mock-hot);font-size:1.6em;font-weight:600;line-height:1.1}.mock-overdue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;display:grid}.mock-overdue-grid>div{background-color:var(--surface-2);border-radius:.45em;padding:.5em .6em}.mock-overdue-cell{font-size:1.1em;font-weight:600}.mock-overdue .mock-btn{justify-self:start}.mock-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;display:grid}.mock-stat{background-color:var(--surface-2);border-block-start:2px solid var(--rule-strong);border-radius:.5em;padding:.6em .7em}.mock-stat[data-accent=blue]{border-block-start-color:var(--mock-blue)}.mock-stat[data-accent=violet]{border-block-start-color:var(--mock-violet)}.mock-stat[data-accent=green]{border-block-start-color:var(--accent)}.mock-stat[data-accent=red]{border-block-start-color:var(--sev-5)}.mock-stat-value{font-size:1.4em;font-weight:600;line-height:1.2}.mock-legend-wide{font-size:.75em}.mock-health{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.6em;height:5em;display:grid}.mock-health-group{align-content:end;gap:.3em;min-width:0;display:grid}.mock-health-bars{justify-content:center;align-items:flex-end;gap:.2em;height:4em;display:flex}.mock-health-bars span{width:.7em;height:var(--h);transform-origin:bottom;border-radius:.15em .15em 0 0}.mock-health-bars span[data-series="0"]{background-color:var(--accent)}.mock-health-bars span[data-series="1"]{background-color:var(--sev-3)}.mock-health-bars span[data-series="2"]{background-color:var(--rule-strong)}.mock-health-label{color:var(--fg-3);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.65em;overflow:hidden}.mock-legend-inline{color:var(--fg-3);flex-wrap:wrap;gap:.3em .75em;font-size:.7em;display:flex}.mock-legend-inline span{align-items:center;gap:.3em;display:inline-flex}.mock-legend-inline i{border-radius:.15em;width:.5em;height:.5em}.mock-legend-inline i[data-series="0"]{background-color:var(--accent)}.mock-legend-inline i[data-series="1"]{background-color:var(--sev-3)}.mock-legend-inline i[data-series="2"]{background-color:var(--rule-strong)}.mock-gates{gap:.5em;display:grid}.mock-gates li{border:1px solid var(--rule);border-radius:.5em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6em;padding:.6em .7em;font-size:.8em;display:grid}.mock-gate-mark{border:1.5px solid var(--sev-3);border-radius:50%;flex:none;width:.8em;height:.8em}.mock-gate-body{gap:.1em;min-width:0;display:grid}.mock-gate-body b,.mock-gate-body i{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-gate-body i{color:var(--fg-3);font-size:.85em;font-style:normal}.mock-sort{align-items:center;gap:.5em;display:flex}.mock-invest{gap:.5em;font-size:.8em;display:grid}.mock-invest-head{justify-content:space-between;align-items:baseline;gap:.75em;display:flex}.mock-invest-head b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mock-invest-head i{font-family:var(--font-mono);color:var(--fg-2);flex:none;font-style:normal}.mock-invest-bar{background-color:var(--surface-2);border-radius:.2em;height:.35em;margin-block-start:.3em;display:block;overflow:hidden}.mock-invest-bar span{width:var(--w);background-color:var(--accent);transform-origin:0;height:100%;display:block}.motion [data-reveal] .mock-matrix-cell,.motion [data-reveal] .mock-health-bars span,.motion [data-reveal] .mock-progress span,.motion [data-reveal] .mock-invest-bar span,.motion [data-reveal] .mock-donut-seg{transition:transform .9s var(--ease-out) calc(.28s + var(--c,var(--i,0)) * 55ms), opacity .6s ease calc(.28s + var(--c,var(--i,0)) * 55ms)}.motion [data-reveal]:not(.is-in) .mock-matrix-cell{opacity:0;transform:scale(.72)}.motion [data-reveal]:not(.is-in) .mock-health-bars span{transform:scaleY(0)}.motion [data-reveal]:not(.is-in) .mock-progress span,.motion [data-reveal]:not(.is-in) .mock-invest-bar span{transform:scaleX(0)}.motion [data-reveal]:not(.is-in) .mock-donut-seg{opacity:0}.screen-rows{gap:clamp(4rem,3rem + 6vw,9rem);display:grid}.screen-row{align-items:center;gap:2rem;display:grid}@media (min-width:60rem){.screen-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2.5rem,5vw,6rem)}.screen-row[data-flip=true]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.screen-row[data-flip=true] .screen-row-media{order:2}}.screen-row-media{gap:1rem;margin:0;display:grid}.screen-caption{color:var(--fg-2)}.screen-row-body>*+*{margin-block-start:1.25rem}.screen-row-heading{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.25rem)}.screen-row-heading:lang(ta){font-size:clamp(1.375rem,1.1rem + 1.1vw,1.875rem);line-height:1.5}.screen-row-heading:lang(ja){font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}.screen-points{border-block-start:1px solid var(--rule);gap:.375rem;padding-block-start:.75rem;display:grid}.screen-points li{color:var(--fg-2);padding-block:.375rem;padding-inline-start:1.5rem;font-size:.9375rem;line-height:1.6;position:relative}.screen-points li:before{content:"";background-color:var(--green);width:.75rem;height:1.5px;position:absolute;inset-block-start:1em;inset-inline-start:0}section:has(>.shell>.orbit) .sec-head{text-align:center;justify-items:center}section:has(>.shell>.orbit) .sec-index{justify-content:center}.orbit{--orbit-col-gap:1rem;--orbit-row-gap:1.75rem;--spine-x:1.25rem;position:relative}.orbit-cue{pointer-events:none;block-size:1px;position:absolute;inset-block-start:15%;inset-inline:0}.orbit-hub{border-radius:var(--radius-lg);background-color:var(--night);justify-content:center;align-items:center;min-block-size:6rem;margin-block-end:1.25rem;display:flex}.orbit-core{place-items:center;display:grid}.orbit-core img{block-size:auto;inline-size:3.5rem;translate:-8% -2%}.orbit-ring,.orbit-spokes{display:none}.orbit-domains{padding:0 0 0 calc(var(--spine-x) * 2);gap:1.25rem;margin:0;list-style:none;display:grid}.domain{border:1px solid var(--rule);border-radius:var(--radius-lg);background-color:var(--surface);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;position:relative}.domain:after{content:"";background:var(--green-grad);block-size:2px;transition:transform var(--dur) var(--ease-out);border-radius:2px;position:absolute;inset-block-start:-1px;inset-inline:1.75rem;transform:scaleX(0)}.domain:hover{border-color:var(--green);box-shadow:var(--elev-2)}.domain:hover:after{transform:scaleX(1)}.domain-top{justify-content:space-between;align-items:center;margin-block-end:.25rem;display:flex}.domain-node{border:1.5px solid var(--green);block-size:2rem;inline-size:2rem;color:var(--green-ink);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.domain-name{font-size:1.0625rem;font-weight:700;line-height:1.4}.domain-name:lang(ja){line-height:1.55}.domain .domain-icon{block-size:1.75rem;inline-size:1.75rem}.domain:before{content:"";inline-size:calc(var(--spine-x) + .375rem);--branch-y:calc(50% + .625rem);background:radial-gradient(circle, var(--green) .3rem, transparent .32rem) 0 var(--branch-y) / .75rem .75rem no-repeat, linear-gradient(var(--green), var(--green)) .375rem var(--branch-y) / 100% 1.5px no-repeat, linear-gradient(var(--green), var(--green)) calc(.375rem - .75px) 0 / 1.5px 100% no-repeat;position:absolute;inset-block:calc(-1.25rem - 1px) -1px;inset-inline-start:calc(-1 * var(--spine-x) - .375rem)}.domain:last-child:before{background-size:.75rem .75rem,100% 1.5px,1.5px calc(50% + .625rem)}@media (min-width:64rem){.orbit{column-gap:var(--orbit-col-gap);row-gap:var(--orbit-row-gap);grid-template-rows:auto minmax(13rem,auto) auto;grid-template-columns:repeat(6,minmax(0,1fr));max-inline-size:60rem;margin-inline:auto;display:grid}.orbit-hub{background:0 0;border-radius:0;grid-area:2/3/3/5;place-items:center;min-block-size:0;margin:0;display:grid;position:relative}.orbit-domains{z-index:1;grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;pointer-events:none;gap:normal;padding:0;display:grid;position:relative}.orbit-domains>.domain{pointer-events:auto;min-block-size:12.125rem}.orbit-cue{inset-block-start:55%}.domain:first-child{grid-area:1/3/2/5;align-self:end}.domain:nth-child(2){grid-area:2/5/3/7;align-self:center}.domain:nth-child(3){grid-area:3/4/4/6;align-self:start}.domain:nth-child(4){grid-area:3/2/4/4;align-self:start}.domain:nth-child(5){grid-area:2/1/3/3;align-self:center}.domain:before,.domain:last-child:before{border:2px solid var(--green);background:var(--surface);border-radius:50%;block-size:.875rem;inline-size:.875rem;inset:auto;transform:translate(-50%,-50%)}.domain:first-child:before{inset-block-start:100%;inset-inline-start:50%}.domain:nth-child(2):before{inset-block-start:50%;inset-inline-start:0}.domain:nth-child(3):before{inset-block-start:0;inset-inline-start:25%}.domain:nth-child(4):before{inset-block-start:0;inset-inline-start:75%}.domain:nth-child(5):before{inset-block-start:50%;inset-inline-start:100%}.orbit-ring{aspect-ratio:1;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.orbit-ring-inner{border:1px solid var(--rule);inline-size:13.5rem}.orbit-ring-outer{border:1px dashed var(--rule-strong);opacity:.45;inline-size:19rem}.orbit-spokes{inset:calc(-1 * var(--orbit-row-gap)) calc(-1 * var(--orbit-col-gap));inline-size:calc(100% + 2 * var(--orbit-col-gap));block-size:calc(100% + 2 * var(--orbit-row-gap));clip-path:circle(75%);max-inline-size:none;display:block;position:absolute;overflow:visible}.orbit-spoke{stroke:var(--green);stroke-width:1.5px;opacity:.6;transition:opacity var(--dur) var(--ease-out), stroke-width var(--dur) var(--ease-out)}.orbit-pulse{stroke:var(--green-bright);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:10 110;stroke-dashoffset:10px;opacity:0}.orbit-core{z-index:1;aspect-ratio:1;background-color:var(--night);inline-size:11rem;box-shadow:0 0 0 .5rem var(--bg), var(--elev-1);transition:box-shadow var(--dur) var(--ease-out);border-radius:50%;position:relative}.orbit-core:before{content:"";border:1px solid var(--night-line);border-radius:50%;position:absolute;inset:.875rem}.orbit-core img{inline-size:5rem;position:relative}.orbit:has(.domain:hover) .orbit-spoke{opacity:.2}:is(.orbit:has(.domain:first-child:hover) [data-spoke="1"] .orbit-spoke,.orbit:has(.domain:nth-child(2):hover) [data-spoke="2"] .orbit-spoke,.orbit:has(.domain:nth-child(3):hover) [data-spoke="3"] .orbit-spoke,.orbit:has(.domain:nth-child(4):hover) [data-spoke="4"] .orbit-spoke,.orbit:has(.domain:nth-child(5):hover) [data-spoke="5"] .orbit-spoke){opacity:1;stroke-width:2.5px}.orbit:has(.domain:hover) .orbit-core{box-shadow:0 0 0 .5rem var(--bg), 0 0 0 .875rem rgb(var(--green-rgb) / .18), var(--elev-2)}}.principle-heading{max-width:24em}.principle-body{max-width:var(--measure-lead);color:var(--fg-2);margin-block-start:clamp(1.5rem,1rem + 1vw,2.5rem)}.principle-lists{gap:2.5rem;margin-block-start:var(--space-block);display:grid}@media (min-width:48rem){.principle-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,6rem)}}.principle-list>h3{margin-block-end:1rem}.principle-list li{border-block-start:1px solid var(--rule);color:var(--fg-2);padding-block:1rem}.principle-closing{border-block-start:1px solid var(--rule);color:var(--green);margin-block-start:var(--space-block);padding-block-start:var(--space-block)}.chain-intro{margin-block-end:var(--space-block)}.chain-contrast{gap:1.25rem;margin-block-start:var(--space-block);display:grid}@media (min-width:48rem){.chain-contrast{grid-template-columns:repeat(2,minmax(0,1fr))}}.chain-case{border-radius:var(--radius-lg);background-color:var(--surface);padding:clamp(1.5rem,1rem + 1.5vw,2.25rem)}.chain-case>h3{margin-block-end:.875rem}.chain-case-with{background-color:var(--night);color:var(--snow)}.chain-case-with>h3{color:var(--green)}.demo-dock{z-index:40;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility 0s linear .2s;position:fixed;inset-block-end:1.5rem;inset-inline-end:1.5rem;transform:translateY(.75rem)}.demo-dock[data-shown=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.demo-dock-button{box-shadow:var(--elev-2)}@media (max-width:47.99rem){.demo-dock{padding:.5rem var(--gutter) calc(.5rem + env(safe-area-inset-bottom));border-block-start:1px solid var(--night-line);background-color:var(--night);display:grid;inset-block-end:0;inset-inline:0}.demo-dock-button{width:100%;box-shadow:none}}html:has(.demo-dock[data-shown=true]){scroll-padding-block-end:5.5rem}@media (prefers-reduced-motion:reduce){.demo-dock{transition:none;transform:none}}}
