#hardware-guide { width: min(1060px, calc(100% - 40px)); max-height: min(850px, calc(100dvh - 48px)); margin: auto; padding: 0; background: #100d0f; color: var(--fg); border: 1px solid #58404c; border-radius: 8px; box-shadow: 0 30px 120px #000a; font: 12px/1.7 'IBM Plex Mono', monospace; overflow: auto; scrollbar-width: thin; scrollbar-color: #80566a #100d0f; overscroll-behavior: contain; }
        #hardware-guide, #hardware-guide * {  }
        #hardware-guide button, #hardware-guide a, #hardware-guide select {  }
        #hardware-guide::backdrop { background: #080609c9; backdrop-filter: blur(12px); }
        #hardware-guide[open] { animation: hardware-enter .32s var(--ease-out); }
        @keyframes hardware-enter { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: none; } }
        .hw-topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; padding: 18px 30px; background: #100d0ff5; border-bottom: 1px solid #30232a; backdrop-filter: blur(12px); }
        .hw-brand { display: flex; gap: 12px; align-items: center; font-size: 10px; letter-spacing: .1em; color: var(--mid); }
        .hw-brand img { width: 24px; height: 24px; object-fit: contain; }
        #hardware-guide button { font: inherit; }
        .hw-close { display: grid; place-items: center; flex-shrink: 0; padding: 0; width: 38px; height: 38px; border: 1px solid transparent; border-radius: 50%; background: rgba(235,160,190,.035); color: #b7a0ad; transition: color .18s ease, background .18s ease, border-color .18s ease; }
        .hw-close svg { display: block; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; pointer-events: none; }
        .hw-close:hover { color: #f3c8dd; background: rgba(235,160,190,.09); border-color: rgba(235,160,190,.16); }
        .hw-close:focus-visible { outline: 1px solid #d397b3; outline-offset: 3px; }
        .hw-close:active { background: rgba(235,160,190,.15); }
        .hw-body { padding: 32px; }
        .hw-heading h2 { font-size: clamp(25px, 4vw, 36px); font-weight: 300; letter-spacing: -.055em; line-height: 1.2; }
        .hw-heading p { margin-top: 12px; color: var(--mid); max-width: 700px; }
        .hw-tabs { display: flex; gap: 6px; padding: 6px; background: #090709; border: 1px solid #30232a; border-radius: 5px; margin: 28px 0; }
        .hw-tabs button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 8px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #a8909c; transition: color .2s, background .2s, border-color .2s; }
        .hw-tabs button svg { width: 17px; height: 17px; flex-shrink: 0; stroke: currentColor; stroke-width: 1.35; fill: none; stroke-linecap: round; stroke-linejoin: round; }
        .hw-tabs button:hover { background: #1d141a; color: #e6ccd9; }
        .hw-tabs button[aria-selected="true"] svg { color: var(--red); }
        .hw-tabs button[aria-selected="true"] { background: #251a21; border-color: #59404e; color: #f0dce6; }
        .hw-panel[hidden] { display: none; }
        .hw-panel h3 { font-size: 19px; font-weight: 400; letter-spacing: -.04em; }
        .hw-panel h4 { font-size: 12px; font-weight: 400; color: #ead6e0; }
        .hw-panel p { color: #b3a0aa; }
        .hw-intro { margin-bottom: 22px; }
        .hw-intro p { margin-top: 8px; }
        .hw-table-wrap { overflow-x: auto; border: 1px solid #362730; border-radius: 5px; }
        .hw-table { width: 100%; border-collapse: collapse; font-size: 11px; text-align: left; }
        .hw-table th, .hw-table td { padding: 15px 17px; vertical-align: top; border-bottom: 1px solid #30232a; }
        .hw-table thead th { color: var(--red); background: #1b1318; font-weight: 400; }
        .hw-table tbody th { color: #c4aeba; font-weight: 400; width: 18%; }
        .hw-table td { color: #d5c3cc; }
        .hw-table tr:last-child th, .hw-table tr:last-child td { border-bottom: 0; }
        .hw-table small { display: block; color: #a8909c; font-size: 10px; margin-top: 5px; }
        .hw-note { font-size: 10px; color: #a48c99 !important; margin-top: 14px; line-height: 1.8; }
        .hw-backends { display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; margin-top: 24px; }
        .hw-info { padding: 22px; border: 1px solid #362730; border-radius: 5px; background: #171015; }
        .hw-info p { margin-top: 9px; font-size: 11px; }
        .hw-chip { display: inline-block; color: var(--red); font-size: 9px; letter-spacing: .09em; margin-bottom: 9px; }
        .hw-capture-intro { padding: 11px 16px; border-left: 2px solid #be809b; background: linear-gradient(90deg, #21151c, #171015); margin-bottom: 20px; }
        .hw-capture-intro strong { color: #ead6e0; font-weight: 400; }
        .hw-capture-intro p { margin-top: 3px; font-size: 10px; line-height: 1.7; }
        .hw-picker { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-bottom: 26px; }
        .hw-picker label { color: var(--mid); font-size: 9px; letter-spacing: .12em; }
        .hw-select-shell { position: relative; display: flex; align-items: center; }
        .hw-select-shell::before { content: ''; position: absolute; left: 17px; width: 13px; height: 10px; border: 1px solid #b28399; border-radius: 2px; pointer-events: none; }
        .hw-select-shell::after { content: ''; position: absolute; right: 19px; width: 6px; height: 6px; border-right: 1px solid var(--red); border-bottom: 1px solid var(--red); transform: translateY(-2px) rotate(45deg); pointer-events: none; }
        #capture-choice { width: 100%; min-width: 0; appearance: none; background: linear-gradient(110deg, #241820, #181116); border: 1px solid #503745; border-radius: 5px; color: #eedce5; padding: 14px 44px 14px 44px; font: inherit; font-size: 11px; text-overflow: ellipsis; box-shadow: inset 0 1px 0 #ffffff04; transition: border-color .2s, box-shadow .2s; color-scheme: dark; }
        #capture-choice:hover { border-color: #896075; }
        #capture-choice:focus-visible { outline: 1px solid #d397b3; outline-offset: 3px; box-shadow: 0 0 0 3px #eba0be0a; }
        #capture-choice optgroup { background: #171015; color: #c18da6; font-weight: 500; }
        #capture-choice option { background: #171015; color: #e6dce1; }
        .hw-capture-hero { display: grid; grid-template-columns: 230px 1fr; gap: 30px; align-items: center; margin-bottom: 24px; }
        .hw-product-image { height: 170px; display: grid; place-items: center; background: radial-gradient(ellipse,#37213055,transparent 70%); }
        .hw-product-image img { max-width: 100%; width: 220px; height: 170px; object-fit: contain; filter: drop-shadow(0 14px 14px #0007); }
        .hw-product-image svg { width: 145px; color: #b48b9f; }
        .hw-product-meta { font-size: 10px; color: var(--mid); margin: 8px 0 12px; }
        .hw-badge { display: inline-block; color: #ecc3d7; padding: 5px 9px; border: 1px solid #614052; border-radius: 3px; font-size: 10px; }
        .hw-details-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; }
        .hw-details-grid h4 { margin-bottom: 12px; }
        .hw-latency { padding: 18px; border: 1px solid #362730; border-radius: 4px; }
        .hw-range { margin: 15px 0; }
        .hw-range-label { display: flex; justify-content: space-between; gap: 12px; color: #cdb6c2; font-size: 10px; margin-bottom: 7px; }
        .hw-range-track { height: 5px; background: #30222b; border-radius: 8px; position: relative; }
        .hw-range-track span { position: absolute; top: 0; height: 5px; background: linear-gradient(90deg,#80566a,#eba0be); border-radius: 8px; }
        .hw-scale { display: flex; justify-content: space-between; color: #a58b99; font-size: 9px; }
        .hw-source { color: var(--red); font-size: 10px; text-decoration: underline; text-underline-offset: 4px; }
        .hw-devices { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 24px; }
        .hw-device { padding: 20px 12px; border: 1px solid #362730; border-radius: 5px; background: #171015; text-align: center; }
        .hw-device img { display: block; width: 100%; height: 140px; object-fit: contain; margin: 0 auto 15px; }
        .hw-device figcaption { color: #bda4b2; font-size: 10px; }
        @media (max-width: 700px) { .hardware-card { grid-template-columns: 1fr; } .hardware-card .destination-copy { border-left: 0; border-top: 1px solid #30232a; } .hardware-art { min-height: 220px; } .hardware-art img { height: 165px; } #hardware-guide { width: calc(100% - 20px); max-height: calc(100dvh - 20px); } .hw-topbar { padding: 12px 18px; } .hw-body { padding: 22px 18px; } .hw-backends, .hw-details-grid { grid-template-columns: 1fr; } .hw-capture-hero { grid-template-columns: 1fr; gap: 8px; } .hw-product-image { height: 150px; } .hw-product-image img { height: 145px; } .hw-table th, .hw-table td { padding: 12px 10px; } .hw-devices { grid-template-columns: 1fr; } .hw-tabs button { font-size: 10px !important; } }
        @media (prefers-reduced-motion: reduce) { #hardware-guide[open] { animation: none; } .hardware-art img { transition: none; } }

        .hw-device-recommended { border-color: #80566a; background: linear-gradient(145deg, #291a23, #171015); }
        .hw-recommended-badge { display: block; width: fit-content; margin: 9px auto 0; padding: 3px 9px; border: 1px solid #80566a; border-radius: 3px; color: var(--red); font-size: 9px; letter-spacing: .06em; }

        #capture-choice[hidden] { display: none; }
        #capture-label { color: var(--mid); font-size: 9px; letter-spacing: .12em; }
        .capture-custom { position: relative; }
        #capture-trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1px solid #503745; border-radius: 5px; background: linear-gradient(110deg,#241820,#181116); color: #eedce5; text-align: left; transition: border-color .2s; }
        #capture-trigger:hover, #capture-trigger[aria-expanded="true"] { border-color: #a5748c; }
        #capture-trigger svg { width: 16px; height: 16px; flex-shrink: 0; fill: none; stroke: var(--red); stroke-width: 1.3; transition: transform .2s; }
        #capture-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
        #capture-menu { position: relative; z-index: 6; margin-top: 7px; max-height: 310px; overflow-y: auto; padding: 8px; border: 1px solid #59404d; border-radius: 6px; background: #140e12; box-shadow: 0 16px 35px #0005; scrollbar-width: thin; scrollbar-color: #80566a #140e12; overscroll-behavior: contain; animation: capture-open .18s ease-out; }
        #capture-menu[hidden] { display: none; }
        .capture-group-label { padding: 11px 12px 7px; color: #b888a0; font-size: 9px; letter-spacing: .12em; }
        #hardware-guide .capture-option { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 12px; border: 1px solid transparent; border-radius: 4px; color: #d6c3cd; background: transparent; text-align: left; font-size: 11px; }
        .capture-option small { color: #ab8d9d; font-size: 9px; flex-shrink: 0; }
        #hardware-guide .capture-option:hover, #hardware-guide .capture-option.is-active { background: #291c24; border-color: #4d3341; }
        #hardware-guide .capture-option[aria-selected="true"] { color: #f5d3e3; background: #32212b; border-color: #705065; }
        @keyframes capture-open { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
        @media (prefers-reduced-motion: reduce) { #capture-menu { animation: none; } }

        /* Status companion card and quiet, compact status sheet. */
        .hardware-card { grid-column: auto; display: flex; }
        .hardware-card .destination-copy { border-left: 0; border-top: 1px solid #30232a; }
        .hardware-art { height: 252px; min-height: 252px; flex-shrink: 0; }
        .hardware-art img { height: 190px; }
        .status-card { padding: 0; font: inherit; text-align: left; }
        .status-art { position: relative; height: 252px; flex-shrink: 0; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 60%,#30202b88,transparent 70%); }
        .status-art svg { width: 80%; max-width: 320px; fill: none; }
        .status-baseline { stroke: #684555; stroke-width: 1; stroke-dasharray: 2 6; }
        .status-signal { stroke: #d899b6; stroke-width: 1.4; stroke-linejoin: round; stroke-linecap: round; }
        .status-art circle { fill: #eba0be; }
        .status-pulse { fill: none; stroke: #ffe1ef; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 8 112; stroke-dashoffset: 8; filter: drop-shadow(0 0 4px #eba0be99); animation: status-travel 3.6s linear infinite; }
        @keyframes status-travel { 0% { stroke-dashoffset: 8; opacity: 0; } 6% { opacity: 1; } 78% { stroke-dashoffset: -100; opacity: 1; } 84%,100% { stroke-dashoffset: -100; opacity: 0; } }
        .status-art .status-endpoint { animation: status-beat 3.6s ease-out infinite; }
        @keyframes status-beat { 0%,68%,100% { opacity: .6; r: 3px; filter: drop-shadow(0 0 0 transparent); } 78% { opacity: 1; r: 4px; filter: drop-shadow(0 0 6px #eba0be); } }
        .art-paused .status-pulse, .art-paused .status-endpoint { animation-play-state: paused; }
        .status-card:hover .status-signal { stroke: #f9c9df; filter: drop-shadow(0 0 5px #eba0be44); }
        #status-guide { width: min(680px,calc(100% - 40px)); max-height: calc(100dvh - 48px); margin: auto; padding: 0; background: #100d0f; color: var(--fg); border: 1px solid #58404c; border-radius: 8px; box-shadow: 0 30px 120px #000a; font: 12px/1.7 'IBM Plex Mono',monospace; overflow: auto; scrollbar-width: thin; scrollbar-color: #80566a #100d0f; overscroll-behavior: contain; }
        #status-guide, #status-guide * {  }
        #status-guide button {  font: inherit; }
        #status-guide::backdrop { background: #080609c9; backdrop-filter: blur(12px); }
        #status-guide[open] { animation: hardware-enter .32s var(--ease-out); }
        .status-list { margin-top: 26px; border: 1px solid #362730; border-radius: 5px; padding: 0; list-style: none; overflow: hidden; }
        .status-row { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 78px; padding: 18px 20px; border-bottom: 1px solid #71556366; background: #0c090b; }
        .status-row::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(8,6,9,.72), rgba(8,6,9,.28) 48%, rgba(8,6,9,.72)); transition: opacity .3s ease; }
        .status-row:hover::after { opacity: .8; }
        .status-row:last-child { border-bottom: 0; }
        .status-name { color: #f1e5ec; font-size: 12px; letter-spacing: .16em; text-shadow: 0 1px 6px #000; }
        .status-product { min-width: 0; }
        .status-product img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 22%; }
        .status-row:nth-child(2) img { object-position: center 18%; }
        .status-row:nth-child(3) img { object-position: center 16%; }
        .status-row:nth-child(4) img { object-position: center 14%; }
        .status-row:nth-child(5) img { object-position: center 24%; }
        .status-row > .status-badge { padding: 4px 8px; border-radius: 3px; background: #0a0809a6; color: var(--status-color); font-size: 9px; }
        @media (prefers-reduced-motion: reduce) { .status-product img, .status-row::after { transition: none; } .status-row:hover .status-product img { transform: none; } }
        .status-placeholder { display: block; color: #987e8b; font-size: 9px; margin-top: 3px; }
        .status-badge { --status-color: #a38c98; color: var(--status-color); display: inline-flex; align-items: center; gap: 8px; font-size: 10px; white-space: nowrap; }
        .status-badge::before { content: ''; width: 5px; height: 5px; flex-shrink: 0; border-radius: 50%; background: var(--status-color); }
        .status-badge[data-status="safe"] { --status-color: #9bbba7; }
        .status-badge[data-status="development"] { --status-color: #b4a5d1; }
        .status-badge[data-status="maintenance"] { --status-color: #d1b38a; }
        .status-badge[data-status="unsafe"] { --status-color: #d88f9f; }
        .status-legend { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 22px; padding-top: 20px; border-top: 1px solid #30232a; }
        .status-note { color: #987e8b; font-size: 10px; margin-top: 18px; }
        @media (max-width:700px) { #status-guide { width: calc(100% - 20px); max-height: calc(100dvh - 20px); } .status-art, .hardware-art { height: 230px; min-height: 230px; } .status-row { padding: 16px 14px; gap: 10px; } }
        @media (prefers-reduced-motion:reduce) { #status-guide[open] { animation: none; } }

    
/* Celestial observatory */
#status-guide{width:min(1040px,calc(100% - 32px));background:#0c090d;background-image:repeating-radial-gradient(ellipse at 90% 0%,transparent 0 29px,#b883a509 30px 31px,transparent 32px 48px)}
.observatory{padding:38px}.obs-eyebrow{font-size:9px;letter-spacing:.25em;color:#bd8da6}.obs-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:12px 0 30px}.obs-heading h2{font-size:clamp(32px,6vw,60px);font-weight:200;letter-spacing:-.065em;line-height:1.1}.obs-heading h2 em{color:#eba0be;font-weight:300}.obs-heading p{color:#a08c94;font-size:10px;margin-top:14px}.obs-live{font-size:9px;color:#a5b6a8;white-space:nowrap}.obs-live:before{content:' ';display:inline-block;width:5px;height:5px;background:#b3c8b7;border-radius:50%;margin-right:8px;box-shadow:0 0 15px #a1c7aa}
.obs-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #5e3d50;background:linear-gradient(115deg,#301c2b99,#100d11);padding:22px;border-radius:6px}.obs-summary strong{font-size:16px;font-weight:400}.obs-summary p{color:#a08c94;font-size:10px;margin-top:5px}.obs-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #35232d;border-radius:6px;margin:20px 0 32px;background:#100c10}.obs-metric{padding:23px;border-right:1px solid #35232d}.obs-metric:last-child{border:0}.obs-label{color:#a08c94;font-size:9px;letter-spacing:.06em}.obs-value{display:block;font-size:29px;font-weight:300;margin:10px 0 2px;color:#eedce6}.obs-metric small{color:#947d88;font-size:9px}.obs-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.obs-section-title h3{font-size:15px;font-weight:300}.obs-section-title span{font-size:9px;color:#947d88}.obs-service{padding:23px;background:#100c10e8;border:1px solid #35232d;border-bottom:0}.obs-service:first-of-type{border-radius:6px 6px 0 0}.obs-service:last-of-type{border-bottom:1px solid #35232d;border-radius:0 0 6px 6px}.obs-service-head{display:flex;justify-content:space-between;gap:12px}.obs-service-head h4{font-size:12px;font-weight:400}.obs-state{font-size:10px;color:#b9a5b0}.obs-state[data-state=up]{color:#a9c9b4}.obs-state[data-state=down]{color:#e79bac}.obs-state[data-state=slow]{color:#ddc18f}.obs-bars{display:flex;gap:4px;height:28px;margin:20px 0 8px}.obs-bar{flex:1;min-width:0;background:#29212a;border-radius:2px}.obs-bar[data-state=up]{background:#bd8fa9}.obs-bar[data-state=down]{background:#e28a9f}.obs-bar[data-state=slow]{background:#ddc18f}.obs-service-foot{display:flex;justify-content:space-between;color:#947d88;font-size:9px}.obs-service details{margin-top:16px;color:#aa919e;font-size:10px}.obs-service summary{cursor:pointer}.obs-service details p{margin-top:8px;max-width:680px}.obs-footer{display:flex;justify-content:space-between;gap:20px;color:#917b86;font-size:9px;margin-top:22px;line-height:1.8}.obs-key{display:flex;gap:14px;flex-wrap:wrap}.obs-key i{display:inline-block;width:5px;height:5px;margin-right:6px;background:#bd8fa9}.obs-key span:last-child i{background:#29212a}
@media(max-width:600px){.observatory{padding:24px 18px}.obs-heading{align-items:start;flex-direction:column}.obs-metric{padding:15px 10px}.obs-value{font-size:24px}.obs-summary{padding:16px}.obs-summary strong{font-size:13px}.obs-service{padding:18px 14px}.obs-footer{flex-direction:column}.obs-bars{gap:3px}}

/* Rose nebula and fine orbital contours, contained behind the status panel. */
#status-guide{isolation:isolate;background-color:#0d090e;background-image:radial-gradient(ellipse at 100% 0%,#793a6433,transparent 48%),radial-gradient(ellipse at 0% 55%,#44254326,transparent 52%),repeating-radial-gradient(ellipse at 110% 16%,transparent 0 24px,#d29bb00b 25px 26px,transparent 27px 43px);background-attachment:local}
#status-guide .hw-topbar{background:#100c10e8;border-bottom-color:#49303e}
.observatory{background:linear-gradient(140deg,#100c1022,transparent 55%,#c77e9d06)}
.obs-summary{box-shadow:inset 0 1px 0 #eeb7d00c,0 12px 48px #0002;background:radial-gradient(ellipse at 0% 0%,#6b355244,transparent 70%),linear-gradient(115deg,#22151fe8,#100d11e8)}
.obs-products{margin-top:34px;padding-top:28px;border-top:1px solid #49303e}.obs-products .status-list{margin-top:14px}.obs-products .status-row{min-height:78px}.obs-products .status-legend{margin-top:18px;padding-top:16px}.obs-footer{padding-top:20px;border-top:1px solid #35232d}.obs-footer>span{max-width:390px}
@media(max-width:600px){.obs-products .obs-section-title{align-items:start;gap:10px;flex-direction:column}.obs-footer>span{max-width:none}}

/* A quiet star field over a diffused rose aurora. */
#status-guide{background-color:#0d0a10;background-image:radial-gradient(ellipse at 85% 5%,#a54d7e29,transparent 43%),radial-gradient(ellipse at 5% 50%,#7258a61c,transparent 48%),radial-gradient(ellipse at 75% 95%,#a7647b14,transparent 42%),radial-gradient(circle at 13% 14%,#eec9dc99 0 .7px,transparent 1.5px),radial-gradient(circle at 80% 23%,#d9b7dd88 0 .8px,transparent 1.6px),radial-gradient(circle at 46% 7%,#fff0f455 0 .6px,transparent 1.4px),radial-gradient(circle at 94% 49%,#eac9e577 0 .8px,transparent 1.5px),radial-gradient(circle at 6% 78%,#dfb2cd88 0 .6px,transparent 1.5px),radial-gradient(circle at 62% 64%,#efcae055 0 .7px,transparent 1.4px);background-attachment:local}
.observatory{background:transparent}.obs-current{height:3px;display:flex;gap:6px;margin:20px 0 12px}.obs-current span{height:3px;border-radius:4px;background:#463443}.obs-current span:first-child{flex:1}.obs-current span:nth-child(2){width:24px}.obs-current span:last-child{width:6px}.obs-current[data-state=up] span{background:#a9c9b4;box-shadow:0 0 12px #a9c9b420}.obs-current[data-state=slow] span{background:#ddc18f}.obs-current[data-state=down] span{background:#e79bac}.obs-service{background:#100c10cc}.obs-service-foot{gap:16px;justify-content:space-between}.obs-service-foot span:last-child{text-align:right}.obs-key{color:#b69aaa}

.about-card{grid-column:1/-1;display:grid;grid-template-columns:1.22fr 1fr;padding:0;font:inherit;text-align:left}.about-art{position:relative;min-height:280px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#65334c44,transparent 68%)}.about-art>svg{width:90%;max-width:420px;transition:transform .8s var(--ease-out)}.about-card:hover .about-art>svg{transform:rotate(4deg) scale(1.04)}.about-art-caption{position:absolute;bottom:22px;font-size:8px;letter-spacing:.1em;color:#ab8195}.about-card .destination-copy{border-left:1px solid #30232a;padding:34px;display:flex;flex-direction:column}.about-card .destination-action{margin-top:24px}
#about-guide{width:min(800px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #58404c;border-radius:8px;color:var(--fg);background:radial-gradient(ellipse at 100% 0%,#64334b33,transparent 60%),#100d0f;box-shadow:0 30px 120px #000a;overflow:auto;font:12px/1.8 'IBM Plex Mono',monospace;scrollbar-width:thin;scrollbar-color:#80566a #100d0f}#about-guide,#about-guide *{}#about-guide button,#about-guide a{}#about-guide::backdrop{background:#080609c9;backdrop-filter:blur(12px)}#about-guide[open]{animation:hardware-enter .32s var(--ease-out)}.about-body{padding:40px}.about-body h2{font-size:clamp(32px,5vw,48px);font-weight:200;letter-spacing:-.05em;line-height:1.2;margin:20px 0 24px}.about-body h2 em{color:#eba0be;font-weight:300}.about-lead{font-size:14px;line-height:1.9;color:#c5aebb;max-width:570px}.about-divider{height:1px;background:linear-gradient(90deg,#80566a,transparent);margin:30px 0}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:32px}.about-principles article>span{font-size:9px;letter-spacing:.12em;color:#ac7f95}.about-principles h3{font-size:15px;font-weight:400;margin:12px 0}.about-principles p{font-size:11px;color:#a08c94}.about-bottom{margin-top:32px;padding-top:24px;border-top:1px solid #30232a;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#987e8b}.about-bottom a{color:#e8b1cc;text-decoration:none;border-bottom:1px solid #795366;padding-bottom:4px}
@media(max-width:700px){.about-card{grid-template-columns:1fr}.about-card .destination-copy{border-left:0;border-top:1px solid #30232a;padding:26px 24px}.about-art{min-height:230px}.about-body{padding:28px 22px}.about-principles{grid-template-columns:1fr;gap:24px}.about-bottom{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){#about-guide[open]{animation:none}.about-art>svg{transition:none}.about-card:hover .about-art>svg{transform:none}}

.about-software{margin-top:32px;padding-top:28px;border-top:1px solid #49303e}.about-software>h3{font-size:clamp(25px,4vw,36px);font-weight:300;letter-spacing:-.04em;line-height:1.3;margin:16px 0}.about-software>h3 em{color:#eba0be;font-weight:300}.about-software>p{font-size:12px;color:#bba2af;max-width:620px}.about-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#3b2934;border:1px solid #3b2934;border-radius:5px;overflow:hidden;margin:24px 0}.about-feature-grid article{background:#130e14;padding:20px}.about-feature-grid article>span{font-size:9px;color:#a5758e}.about-feature-grid h4{font-size:12px;font-weight:400;margin:10px 0;color:#edcddd}.about-feature-grid p{font-size:10px;color:#a08c94}.about-software .about-hype{font-size:14px;color:#e9b5ce}.about-hype span{font-size:10px;color:#987e8b}.about-links{display:flex;gap:14px;flex-wrap:wrap;flex-shrink:0}.about-bottom{align-items:flex-start;flex-wrap:wrap}.about-links .about-apply{color:#f4d7e5}@media(max-width:600px){.about-feature-grid{grid-template-columns:1fr}.about-links{gap:20px}}

#about-guide{isolation:isolate}.about-body{position:relative;isolation:isolate;overflow:hidden}.about-body>*:not(.about-heaven){position:relative;z-index:1}.about-heaven{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 85% 12%,#f1c7df10,transparent 30%)}.about-von{position:absolute;top:18px;left:calc(100% - 120px);width:96px;opacity:.34;filter:drop-shadow(0 0 16px #f4d4ec88);transform:rotate(-8deg)}.about-von img{display:block;width:96px;height:auto}.about-von span{position:absolute;top:6px;left:34px;width:28px;height:8px;border:1px solid #ffecbe;border-radius:50%;box-shadow:0 0 12px #ffecbe88}#about-guide[open] .about-von{animation:von-heaven 20s ease-in-out infinite}@keyframes von-heaven{0%,100%{top:18px;left:calc(100% - 120px);transform:rotate(-8deg);opacity:.34}30%{top:200px;left:calc(100% - 160px);transform:rotate(9deg);opacity:.22}60%{top:420px;left:20px;transform:rotate(-9deg);opacity:.16}82%{top:160px;left:35px;transform:rotate(7deg);opacity:.2}}@media(max-width:600px){.about-von{width:72px}.about-von img{width:72px}.about-von span{left:24px;width:24px}}@media(prefers-reduced-motion:reduce){#about-guide[open] .about-von{animation:none;opacity:.18}}

.about-von{width:124px}.about-von img{width:124px}.about-von span{left:44px;top:9px;width:34px;height:10px}@media(max-width:600px){.about-von{width:92px}.about-von img{width:92px}.about-von span{left:32px;top:6px;width:28px;height:8px}}

.about-von{pointer-events:auto}.about-von img{transition:filter .3s ease,transform .3s ease;transform-origin:50% 60%}.about-von:hover img{transform:translateY(-4px) scale(1.055);filter:brightness(1.14) drop-shadow(0 0 12px #ffd5eb99)}.about-von span{transition:box-shadow .3s ease}.about-von:hover span{box-shadow:0 0 20px #ffecbecc}.about-software .about-feature-statement{margin:20px 0;color:#c7a4b8;font-size:12px}@media(prefers-reduced-motion:reduce){.about-von img,.about-von span{transition:none}.about-von:hover img{transform:none}}

.about-feature-grid article{padding:24px}.about-feature-grid h4{font-size:13px;line-height:1.6;margin:10px 0}.about-feature-grid p{font-size:12px;line-height:1.85;color:#b5a0ac}.about-principles p{font-size:12px;line-height:1.85}.about-feature-grid article>span{font-size:9px;letter-spacing:.06em}.about-lead{line-height:1.85}

.about-single{margin-top:30px;padding:24px;border:1px solid #49303e;border-radius:5px;background:linear-gradient(120deg,#30202b55,#130e14)}.about-single h3{font-size:22px;font-weight:300;line-height:1.5;margin:12px 0}.about-single>p{font-size:12px;line-height:1.85;color:#b5a0ac}.about-single .about-safety{margin-top:18px;padding-top:16px;border-top:1px solid #382631;font-size:10px;color:#a38e9a}.about-safety strong{font-size:12px;font-weight:400;color:#d6becb}

.about-safety-record{margin-top:26px;padding:24px;border:1px solid #49303e;border-radius:5px}.about-safety-record h3{font-size:20px;font-weight:300;margin:12px 0}.about-safety-record p{font-size:12px;line-height:1.85;color:#b5a0ac}.about-safety-record small{display:block;margin-top:12px;font-size:10px;color:#987e8b}

.about-feature-icon{width:28px;height:28px;color:#e6a6c6;display:block;margin-bottom:14px}.about-feature-grid article{position:relative;background:radial-gradient(ellipse at 100% 0%,#69344e17,transparent 70%),#130e14;transition:background .3s,border-color .3s}.about-feature-grid article:hover{background-color:#1d131d}.about-flow{margin:28px 0 18px;padding:22px;border:1px solid #59364a;border-radius:7px;background:radial-gradient(ellipse at 50% 0%,#8b416329,transparent 75%),#100d12}.about-flow figcaption,.about-architecture figcaption{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.08em;color:#d6a6bf}.about-flow figcaption small,.about-architecture figcaption small{font-size:9px;color:#987e8b;letter-spacing:0}.about-flow-track{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:28px 0}.about-flow-track>div{text-align:center;flex:1;min-width:0}.about-flow-track .about-feature-icon{margin:0 auto 12px;width:32px;height:32px}.about-flow-track strong{display:block;font-size:11px;font-weight:400;color:#eed1e0}.about-flow-track small{display:block;font-size:9px;color:#a18c99;margin-top:5px}.about-flow-arrow{color:#a76a8b;font-size:20px}.about-flow-foot{display:flex;justify-content:space-between;border-top:1px solid #422b39;padding-top:12px;font-size:8px;letter-spacing:.1em;color:#9c768b}.about-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.about-image-pair figure{overflow:hidden;border:1px solid #3b2934;border-radius:6px;background:#100c11}.about-hardware-image{height:160px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#6b3b5844,transparent 70%)}.about-hardware-image img{max-width:80%;height:125px;object-fit:contain;filter:drop-shadow(0 12px 15px #0007);transition:transform .5s}.about-image-pair figure:hover img{transform:translateY(-5px) rotate(-3deg)}.about-image-pair figcaption{padding:15px 17px;border-top:1px solid #30232a}.about-image-pair figcaption span{display:block;font-size:8px;letter-spacing:.14em;color:#ac7f95}.about-image-pair figcaption strong{display:block;margin-top:6px;font-size:11px;font-weight:400;color:#d9bfce}.about-architecture{margin-top:24px;padding:22px;border:1px solid #49303e;border-radius:6px;background:#120d13}.about-architecture>div{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;margin-top:20px}.about-architecture>div>span{font-size:12px;color:#e6b1cc}.architecture-track{display:flex;align-items:center;gap:12px}.architecture-track i{flex:1;min-width:0;text-align:center;font-size:10px;font-style:normal;padding:12px 8px;border:1px solid #684359;background:linear-gradient(110deg,#62304b44,#37223933);border-radius:4px;color:#d9b7ca}.architecture-track b{font-weight:300;color:#b5819f}.about-architecture>div>small{grid-column:2;font-size:9px;color:#987e8b;margin-top:-7px}@media(max-width:600px){.about-flow{padding:18px 12px}.about-flow-track small{font-size:8px}.about-flow-track strong{font-size:10px}.about-flow-arrow{font-size:15px}.about-flow figcaption,.about-architecture figcaption{flex-direction:column;gap:4px}.about-image-pair{gap:10px}.about-hardware-image{height:125px}.about-hardware-image img{height:96px}.about-image-pair figcaption{padding:12px}.about-image-pair figcaption strong{font-size:10px}.about-architecture{padding:18px 14px}}@media(prefers-reduced-motion:reduce){.about-hardware-image img,.about-feature-grid article{transition:none}.about-image-pair figure:hover img{transform:none}}

.about-single .about-application-note{font-size:11px;margin-top:16px;color:#a68c9c}.about-detail-link{display:inline-flex;gap:20px;align-items:center;margin-top:18px;border:1px solid #775067;border-radius:4px;padding:11px 15px;color:#f0c5dd;text-decoration:none;font-size:10px;background:#3a20302e;transition:background .2s,border-color .2s}.about-detail-link:hover{background:#59334755;border-color:#d493b6}
.about-safety-record{position:relative;overflow:hidden;margin-top:28px;padding:28px;border:1px solid #7e566b;background:radial-gradient(ellipse at 0% 0%,#8f4b6c30,transparent 65%),linear-gradient(140deg,#181019,#100d13);border-radius:8px;box-shadow:inset 0 1px 0 #ffd9ed12,0 15px 50px #0002}.record-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.13em;color:#c594ae}.record-scope{border:1px solid #735064;padding:4px 8px;border-radius:20px;white-space:nowrap;color:#e6bcd2}.record-main{display:grid;grid-template-columns:112px 1fr;gap:24px;align-items:center;margin:30px 0}.record-seal{color:#ecc5db;filter:drop-shadow(0 0 18px #d48bb733)}.record-seal svg{display:block;width:112px;height:112px}.record-kicker{color:#b28ca2;font-size:8px;letter-spacing:.19em}.about-safety-record .record-main h3{font-size:clamp(27px,4vw,39px);font-weight:200;letter-spacing:-.045em;line-height:1.15;margin:10px 0 14px}.record-main h3 em{font-weight:300;color:#e6abc9}.about-safety-record .record-main p{font-size:11px;max-width:360px;color:#b89eae;line-height:1.8}.record-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #634254;border-bottom:1px solid #634254}.record-numbers>div{padding:21px 15px;border-right:1px solid #634254}.record-numbers>div:first-child{padding-left:0}.record-numbers>div:last-child{border-right:0}.record-numbers strong{display:block;font-size:44px;font-weight:200;line-height:1.1;color:#f2dbe8;font-variant-numeric:tabular-nums}.record-numbers strong span{font-size:9px;color:#8e677d;font-weight:400;margin-left:5px}.record-numbers>div>span{display:block;margin-top:12px;font-size:8px;letter-spacing:.06em;line-height:1.7;color:#c197af}.record-foot{margin-top:20px}.record-foot>span{display:block;font-size:11px;color:#dab5cc}.about-safety-record .record-foot small{font-size:9px;line-height:1.8;margin-top:9px;max-width:450px;color:#a38698}@media(max-width:600px){.about-safety-record{padding:22px 18px}.record-main{grid-template-columns:66px 1fr;gap:15px;margin:25px 0}.record-seal svg{width:66px;height:66px}.record-topline{font-size:7px;letter-spacing:.06em}.record-numbers strong{font-size:35px}.record-numbers>div{padding:18px 9px}.record-numbers>div>span{font-size:7px}.about-detail-link{font-size:9px;gap:12px}.record-numbers strong span{font-size:8px;margin-left:0}}@media(prefers-reduced-motion:reduce){.about-detail-link{transition:none}}

.about-software-link{margin-top:8px}.about-safety-record{padding:26px;margin-top:28px;border:1px solid #49303e;border-radius:3px;background:radial-gradient(ellipse at 100% 0%,#61304414,transparent 70%),#100d0f;box-shadow:none}.safety-caption{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.13em;color:#a47c91}.safety-caption>span:last-child{color:#78616d}.safety-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 26px}.about-safety-record .safety-heading h3{font-size:clamp(25px,4vw,34px);font-weight:200;line-height:1.25;letter-spacing:-.04em;margin:0 0 14px}.safety-heading h3 em{font-weight:300;color:#d99ab9}.about-safety-record .safety-heading p{font-size:10px;color:#a08c94;max-width:390px;line-height:1.8}.safety-mark{width:74px;height:74px;flex-shrink:0;color:#c18ba7}.safety-totals{border-top:1px solid #372a30}.safety-totals>div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #2d2228}.safety-totals>div:last-child{border-bottom:0;padding-bottom:0}.safety-totals span{font-size:11px;color:#b7a1ad}.safety-totals strong{font-size:20px;font-weight:300;color:#dfbecf;font-variant-numeric:tabular-nums}@media(max-width:600px){.about-safety-record{padding:22px 18px}.safety-heading{gap:12px}.safety-mark{width:52px;height:52px}.safety-caption{font-size:7px;letter-spacing:.08em}}

.about-art>svg.about-core{width:90%;max-width:440px;transform:none!important}.core-ring{transform-box:view-box;transform-origin:0 0;animation:none!important}.core-ring-outer{animation:none}.core-ring-inner{animation:none}.core-emblem{transform-box:view-box;transform-origin:0 0;animation:none!important;filter:drop-shadow(0 0 9px #e9a8cd44)}.art-paused .core-ring,.art-paused .core-emblem{animation-play-state:paused}.about-card:hover .core-emblem{filter:drop-shadow(0 0 15px #e9a8cd88)}@keyframes core-orbit{to{transform:rotate(360deg)}}@keyframes core-breathe{0%,100%{opacity:.8;transform:translateY(3px) scale(.96) rotate(-3deg)}50%{opacity:1;transform:translateY(-5px) scale(1.06) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.core-ring,.core-emblem{animation:none}}

.about-hardware-link{margin:-8px 0 24px}.about-image-pair figcaption strong{line-height:1.7}

.about-card:not(.art-paused) .core-ring,.about-card:not(.art-paused) .core-emblem{animation-play-state:running}