/* Product stories: object, context and working controls. No empty app shells. */
.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.scene-overline { display:flex;align-items:center;gap:8px;color:#9eb7d8;font-size:9px;letter-spacing:.09em;line-height:1.7;text-transform:uppercase; }
.scene-overline .icon { width:15px;height:15px; }
.feature-layout { gap:65px;grid-template-columns:.7fr 1.3fr;min-height:430px;align-items:center; }
.feature-demo,.feature-visual { min-height:390px; }
.feature-preview-meta { margin-bottom:23px; }
.feature-scene { display:grid;grid-template-columns:.66fr 1.34fr;gap:27px;align-items:center;min-height:360px; }
.feature-product { position:relative;margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center; }
.feature-product img { position:relative;z-index:1;width:100%;height:280px;object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 12px 25px #0007);transition:transform .8s var(--ease); }
.feature-product:hover img { transform:translate3d(0,-5px,0) rotate(-1deg); }
.feature-product img,.night-product-cut img { -webkit-mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent),linear-gradient(180deg,transparent,#000 8% 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent),linear-gradient(180deg,transparent,#000 8% 88%,transparent);mask-composite:intersect; }
.feature-product figcaption { padding:10px 0 0 8px; }
.feature-product figcaption span,.feature-product figcaption small { display:block;font-size:9px;color:#829bbd;line-height:1.7; }
.feature-product figcaption strong { display:block;font-size:18px;font-weight:550;letter-spacing:-.03em; }
.feature-product-orbit { position:absolute;left:-15%;right:-15%;height:70%;top:10%;border:1px solid #a3bfff15;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#386aaa12,transparent 70%); }
.feature-scene-content { min-width:0; }
.feature-scene-content > .scene-overline { margin-bottom:20px; }
.detail-bubble { position:relative;padding:17px 20px;margin-bottom:17px;border:1px solid #a0c3f32e;border-radius:20px 20px 20px 5px;background:linear-gradient(120deg,#98c7ff0c,#14223d26);box-shadow:inset 0 1px 0 #d6ecff16; }
.detail-bubble > span { display:flex;align-items:center;gap:8px;font-size:10px;color:#95aed0;margin-bottom:10px; }
.detail-bubble { overflow:hidden;isolation:isolate; }
.detail-bubble::before { content:'';position:absolute;z-index:-1;pointer-events:none;width:230px;height:230px;top:0;left:0;background:radial-gradient(ellipse,#d4ecff20,transparent 67%);transform:translate3d(calc(var(--mx,50%) - 115px),calc(var(--my,50%) - 115px),0);opacity:var(--spec-opacity,0); }
.detail-bubble > span .icon { width:14px;height:14px; }
.detail-bubble p { font-size:14px;line-height:1.8;color:#d9e5f7; }
.detail-bubble--eva { margin-left:15px;border-radius:20px 20px 5px 20px;border-color:#bba3ff48;background:linear-gradient(120deg,#9e79e61b,#6279c90b); }
.detail-bubble--eva > span { color:#c6b5ec; }
.detail-bubble > small { display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:8px;color:#8aa7c3;margin-top:13px; }
.detail-bubble > small .icon { width:11px;height:11px; }
.scene-question-options,.scene-stage-buttons { display:flex;gap:9px;flex-wrap:wrap;margin-top:20px; }
.scene-question-options button,.scene-stage-buttons button { display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:9px 14px;border:1px solid #b2cef32c;border-radius:13px;color:#a5bcda;font-size:11px;transition:background .25s,border-color .25s,color .25s; }
.scene-question-options .icon,.scene-stage-buttons .icon { width:15px;height:15px; }
.scene-question-options button:hover,.scene-stage-buttons button:hover { border-color:#c3ddff8c;color:#e9f2ff; }
.scene-question-options button[aria-pressed=true],.scene-stage-buttons button[aria-pressed=true] { color:#eef7ff;border-color:#c1dfff86;background:linear-gradient(125deg,#b2d7ff17,#b19eff0e);box-shadow:inset 0 1px 1px #e1f4ff40; }
.size-decision { display:flex;align-items:center;gap:21px;margin-bottom:20px; }
.size-decision > span { font-size:88px;line-height:1;letter-spacing:-.07em;color:#d9e9ff;font-weight:450; }
.size-decision > div { display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center; }
.size-decision .icon { width:16px;height:16px;color:#9bdac1; }
.size-decision strong { font-size:12px;font-weight:550; }.size-decision small { grid-column:1/-1;font-size:9px;color:#8fa9cb;line-height:1.7; }
.feature-sizes { padding:0; }.feature-sizes .sizes { margin-top:0;gap:8px; }.feature-sizes .sizes button { min-height:78px;font-size:23px; }.feature-sizes .sizes-note { margin-top:14px;font-size:9px; }
.scene-fact-line { display:flex;align-items:center;gap:10px;padding-block:11px;border-bottom:1px solid #afc5e514;color:#abc3df;font-size:10px; }
.scene-fact-line .icon { width:16px;height:16px; }.scene-fact-line .icon:last-child { margin-left:auto;width:13px;color:#a2d4be; }
.feature-order-ticket { border:1px solid #a6d1c43b;border-radius:21px;padding:25px;background:linear-gradient(125deg,#89c9c10d,#7aa5dd04);box-shadow:inset 0 1px 1px #d4f8ed24; }
.ticket-symbol { display:grid;place-items:center;width:43px;height:43px;border:1px solid #b7d9d340;border-radius:13px;color:#acdfcb;background:#9ce3cb0a;margin-bottom:23px; }
.ticket-symbol .icon { width:24px;height:24px; }
.feature-order-ticket > strong { display:block;font-size:23px;font-weight:550;letter-spacing:-.035em; }
.feature-order-ticket > p { color:#9eb6d1;font-size:12px;line-height:1.8;margin-top:11px;min-height:66px; }
.ticket-detail { display:flex;gap:14px;border-top:1px solid #b9d2e51a;margin-top:20px;padding-top:16px;font-size:12px;color:#d4e3f5; }.ticket-detail > span:first-child { margin-right:auto; }.ticket-detail > span:not(:first-child) { padding-inline:9px;border-left:1px solid #a8c9ed24; }
.scene-example-note { display:block;font-size:9px;color:#879ebd;line-height:1.8;margin-top:15px; }
.inventory-product { display:flex;align-items:center;gap:21px;border-bottom:1px solid #accaf526;padding-bottom:22px; }
.inventory-product img { width:87px;height:105px;object-fit:cover;border-radius:15px; }
.inventory-product strong { display:block;font-size:28px;letter-spacing:-.04em;font-weight:550;line-height:1.3;margin-top:6px; }
.inventory-product small { display:block;margin-top:8px;font-size:10px;color:#91a9c8; }
.inventory-head,.inventory-row { display:grid;grid-template-columns:.65fr 1.5fr .65fr;align-items:center;gap:25px; }
.inventory-head { padding-block:20px 8px;color:#88a3c6;font-size:10px; }
.inventory-row { min-height:65px;border-bottom:1px solid #a7c6ef1f;font-size:18px; }.inventory-row > strong { font-weight:500; }.inventory-row > span:last-child { color:#a7bfdc; }
.inventory-free { position:relative;display:flex;align-items:center;gap:20px; }.inventory-free > i { height:4px;width:calc(100% - 48px);background:#729cd214;border-radius:8px;overflow:hidden;position:relative; }.inventory-free > i::after { content:'';position:absolute;inset:0;background:linear-gradient(90deg,#8dd9dc,#a8beff);transform-origin:left;transform:scaleX(var(--stock-length)); }.inventory-free b { font-weight:500;color:#b4dddc; }
.inventory-legend { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;font-size:9px;color:#a0b9d6; }.inventory-legend > span { display:flex;align-items:center;gap:8px; }.inventory-legend i { width:5px;height:5px;background:#9bdccf;border-radius:50%; }.inventory-legend small { font-size:9px;color:#728bad; }
.feature-photo-stage .photo-demo { display:grid;grid-template-columns:1.12fr .88fr;gap:16px;align-items:center; }
.feature-photo-stage .photo-original { height:310px;display:block;padding:0;text-align:left;border:1px solid #bdd6ff2f;border-radius:22px;box-shadow:inset 0 1px 0 #d4e7ff1f; }
.feature-photo-stage .photo-original--detail { height:260px; }.feature-photo-stage .photo-original img { object-position:center; }.feature-photo-stage .photo-original--detail img { transform:scale(1.8);object-position:50% 35%; }
.photo-open { position:absolute;right:13px;top:13px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #c9deff57;border-radius:50%;background:#0b142b7d;color:#d9eaff; }.photo-open .icon { width:14px;height:14px; }
.photo-caption { position:absolute;left:0;right:0;bottom:0;padding:35px 15px 14px;background:linear-gradient(transparent,#050a13e6);font-size:11px;color:#d0e1f5; }
.photo-qualification { display:flex;align-items:center;gap:10px;padding-top:20px;color:#b8cce2;font-size:11px; }.photo-qualification .icon { width:17px;height:17px; }.photo-qualification .icon:last-child { margin-left:auto;color:#9ed9bd; }
.feature-hours { display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;min-height:350px; }
.hours-dial { position:relative;aspect-ratio:1;display:grid;place-items:center;max-width:240px; }.hours-dial > span { font-size:54px;font-weight:400;letter-spacing:-.06em; }.hours-dial > span > span { color:#92aed14d;font-weight:200; }.hours-dial > svg:not(.icon) { position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b4d6ff23;stroke-width:.75; }.hours-dial path { stroke:#bcb0ff;stroke-width:1.3; }.hours-dial > .icon { position:absolute;top:15%;right:9%;width:23px;height:23px;color:#c3b5f2;background:#060d19; }
.hours-copy > strong { display:block;font-size:29px;font-weight:500;letter-spacing:-.04em;margin:15px 0 19px; }.hours-event { display:flex;align-items:center;gap:13px;padding-block:12px;font-size:12px;font-variant-numeric:tabular-nums;color:#c4b9ea;border-bottom:1px solid #adc1e41a; }.hours-event span { font-size:10px;color:#b2c7df; }.hours-event .icon { width:16px;height:16px;margin-left:auto; }.hours-copy > small { display:block;margin-top:18px;line-height:1.8;font-size:9px;color:#829abb; }
.hours-dial > svg:not(.icon) { animation:hours-orbit 38s linear infinite;animation-play-state:paused; }.scene-in-view .hours-dial > svg:not(.icon) { animation-play-state:running; }@keyframes hours-orbit { to { transform:rotate(360deg); } }

/* A functioning illustrative workspace. The original production image is a separate archive. */
.interface-section .section-heading { margin-bottom:39px; }.interface-section .split-heading > p { font-size:14px; }
.interface-frame-wrap { padding:0; }
.interface-frame.product-console { position:relative;isolation:isolate;overflow:hidden;transform:none!important;border:1px solid #b4cff547;border-radius:27px;background:linear-gradient(125deg,#0e1c2aeb,#0a1221f0 50%,#191a31d9);box-shadow:inset 0 1px 1px #ddf0ff47,inset 0 -1px 1px #a998ff2e,0 25px 70px -25px #000a; }
.product-console::before { content:'';position:absolute;pointer-events:none;z-index:-1;width:400px;height:400px;top:0;left:0;background:radial-gradient(ellipse,#b7ddff13,transparent 66%);transform:translate3d(calc(var(--mx,50%) - 200px),calc(var(--my,40%) - 200px),0);opacity:var(--spec-opacity,0); }
.console-brand { display:flex;align-items:center;gap:10px;padding:21px 28px;border-bottom:1px solid #bed2f11b; }.console-brand .assistant-avatar { width:32px;height:32px; }.console-brand > strong { font-size:21px;font-weight:650;letter-spacing:-.06em; }.console-brand > strong > span { color:#a6beff; }.console-local-label { margin-left:auto;font-size:10px;color:#8ea7c8; }
.console-layout { display:grid;grid-template-columns:185px minmax(0,1fr);min-height:450px; }
.console-nav { border-right:1px solid #b5cdf21b;padding:24px 15px;display:flex;align-items:stretch;flex-direction:column;gap:10px; }
.console-nav > button { display:flex;align-items:center;gap:11px;min-height:47px;padding:11px 13px;border-radius:13px;border:1px solid transparent;text-align:left;color:#8ea7c9;font-size:12px;transition:background .3s,border-color .3s,color .3s; }.console-nav .icon { width:19px;height:19px; }.console-nav > button > i { margin-left:auto;font-size:9px;font-style:normal;color:#c6c9f4;background:#a8acff13;padding:1px 5px;border-radius:5px; }
.console-nav > button[aria-pressed=true] { color:#e4ecff;border-color:#b7cfff31;background:linear-gradient(120deg,#b2d3ff14,#a097f30a);box-shadow:inset 0 1px 0 #d5eaff1f; }.console-nav > button:hover { color:#e2ecff;background:#a6c7ff0a; }
.console-nav-note { margin-top:auto;padding:24px 10px 0;color:#738bac;font-size:10px;line-height:1.9; }
#console-content { padding:26px 29px 30px;min-width:0; }
.console-heading { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px; }.console-heading h3 { font-size:29px;margin-top:5px;line-height:1.2; }.console-demo-badge { font-size:9px;color:#8e9fbc;border:1px solid #afc5ee24;padding:5px 9px;border-radius:7px;white-space:nowrap; }
.console-search { display:flex;align-items:center;gap:12px;padding:0 15px;height:43px;border:1px solid #b1c9f226;border-radius:12px;background:#02091742;margin-bottom:24px; }.console-search > .icon { width:16px;height:16px;color:#7f99bb; }.console-search input { min-width:0;width:100%;font-size:12px;background:transparent;border:0;outline:none;color:#deebff; }.console-search input::placeholder { color:#6e87aa; }.console-search:focus-within { border-color:#c3ddff99;box-shadow:0 0 0 2px #aecfff14; }
.console-workspace { display:grid;grid-template-columns:.86fr 1.6fr;gap:24px;min-height:295px; }
.console-list { display:flex;flex-direction:column;gap:9px;min-width:0; }
.console-list-item { display:flex;align-items:center;gap:11px;min-height:78px;padding:14px 12px;border:1px solid #b4c9eb15;border-radius:14px;text-align:left;color:#adbfdb;background:#8aafe603; }.console-list-item[aria-pressed=true] { border-color:#b6ceff48;background:linear-gradient(120deg,#a7caff11,#a48df90b); }.console-list-item:hover { border-color:#c6deff65; }
.console-list-item { transition:border-color .25s,background .25s,transform .25s var(--ease); }.console-list-item:active { transform:scale(.99); }
.console-avatar { display:grid;place-items:center;width:31px;height:33px;flex:none;border-radius:10px;background:#98b7ff0b;border:1px solid #adc5f127;color:#a6bddd; }.console-avatar .icon { width:17px;height:17px; }.console-list-item > span:nth-child(2) { min-width:0; }.console-list-item strong { display:block;font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.console-list-item small { display:block;font-size:9px;line-height:1.6;color:#7b94b6;margin-top:6px; }.console-list-indicator { width:4px;height:4px;border-radius:50%;background:#9fceca;flex:none;margin-left:auto; }.console-list-item:not([aria-pressed=true]) .console-list-indicator { opacity:.3; }
.console-detail { min-width:0; }.console-detail .detail-bubble { padding:16px 18px;margin-bottom:13px; }.console-detail .detail-bubble p { font-size:12px;line-height:1.8; }.console-detail .detail-bubble > span { font-size:9px; }.console-detail .detail-bubble small { font-size:7px; }
@media(min-width:701px) { .console-detail .detail-bubble p { font-size:14px; }.console-detail .detail-bubble > span { font-size:10px; }.console-list-item strong { font-size:12px; }.console-list-item small { font-size:10px; } }
.console-linked-product { display:flex;align-items:center;gap:14px;padding:13px 15px;border-top:1px solid #b9d1ee24;margin-top:17px; }.console-linked-product img { width:50px;height:60px;object-fit:cover;border-radius:9px; }.console-linked-product > div { flex:1; }.console-linked-product span,.console-linked-product small { display:block;font-size:8px;color:#8ba4c4;line-height:1.7; }.console-linked-product strong { display:block;font-size:13px;margin-block:3px;font-weight:550; }.console-linked-product > .icon { width:21px;height:21px;color:#adc6f0; }
.console-order-summary { display:grid;grid-template-columns:120px 1fr;gap:23px;align-items:center; }.console-order-summary img { width:120px;height:157px;object-fit:cover;border-radius:15px; }.console-order-summary h4 { margin:9px 0 14px;font-size:25px;font-weight:500;letter-spacing:-.04em; }.console-order-summary p { font-size:11px;color:#8da7ca;line-height:1.8;margin-top:15px; }
.console-status { display:inline-flex;align-items:center;color:#a4d5c1;background:#8cc1ae09;border:1px solid #a6d8c832;padding:5px 8px;border-radius:7px;font-size:9px;white-space:nowrap; }.console-status--quiet { color:#8e9fbc;border-color:#b8c6e324;background:#788aae07; }
.console-order-flow { display:flex;align-items:center;gap:12px;margin-top:24px; }.console-order-flow > span { display:flex;align-items:center;gap:7px;font-size:10px;color:#b5c8e2; }.console-order-flow .icon { width:17px;height:17px; }.console-order-flow i { flex:1;height:1px;background:linear-gradient(90deg,#a1bcf265,#b19af720); }
.console-explanation { display:flex;align-items:center;gap:13px;padding-top:21px;margin-top:20px;border-top:1px solid #b6ceef1c;color:#839dbf;font-size:9px;line-height:1.9; }.console-explanation > .icon { flex:none;width:21px;height:21px;color:#b1c6e9; }
.console-stock-product { display:flex;align-items:center;gap:18px;margin-bottom:21px; }.console-stock-product > img { width:64px;height:78px;object-fit:cover;border-radius:11px; }.console-stock-product strong { display:block;font-size:18px;font-weight:550;letter-spacing:-.025em;margin-top:4px; }.console-stock-product small { display:block;font-size:9px;color:#819bbc;margin-top:5px; }.console-filter { display:flex;align-items:center;gap:8px;margin-left:auto;font-size:10px;padding:9px 11px;min-height:38px;border:1px solid #bdd4f62b;border-radius:10px;color:#95accb; }.console-filter .icon { width:13px;height:13px;opacity:.25; }.console-filter[aria-pressed=true] { color:#d2eedf;border-color:#b5e4ca68;background:#99dab00a; }.console-filter[aria-pressed=true] .icon { opacity:1; }
.console-stock-head,.console-stock-row { display:grid;grid-template-columns:.6fr .8fr .8fr 1.4fr;align-items:center;gap:20px; }.console-stock-head { font-size:9px;color:#7d96b8;padding-block:13px;border-bottom:1px solid #acc3e526; }.console-stock-row { min-height:59px;border-bottom:1px solid #acc3e51f;font-size:14px; }.console-stock-row > strong,.console-stock-row > b { font-weight:500; }.console-stock-row > b { color:#b5dbd0; }.console-stock-row > .console-status { justify-self:start; }
.console-footer { display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #b8d0f31c;min-height:50px;padding:12px 26px; }.console-footer .ui-callout { position:static;padding:0;border:0;border-radius:0;background:none;font-size:9px;display:flex;align-items:center;gap:8px;box-shadow:none;transform:none; }.console-footer > span { font-size:8px;color:#738cae; }.console-empty { padding:24px 12px;font-size:12px;color:#859fbe;line-height:1.8; }
.interface-meta { align-items:center;margin-top:21px;gap:25px; }.interface-meta p { font-size:10px;line-height:1.8;color:#7d98b9;max-width:550px; }.archive-interface-link { display:flex;align-items:center;gap:8px;font-size:11px;min-height:40px;color:#b6cce7;padding:0;white-space:nowrap; }.archive-interface-link .icon { width:16px;height:16px; }.archive-interface-link > span { font-size:9px;color:#6e88ad;margin-left:7px; }.archive-interface-link:hover { color:#e4f1ff; }
.scenario-tour-link { display:flex;align-items:center;gap:17px;margin-top:26px;width:fit-content;padding-block:13px; }.tour-play { width:44px;height:44px;border:1px solid #bdd4ff55;border-radius:50%;display:grid;place-items:center;background:linear-gradient(125deg,#b7dfff13,#9477e811);box-shadow:inset 0 1px 1px #e5f3ff38; }.tour-play .icon { width:18px;height:18px; }.scenario-tour-link strong { display:block;font-size:12px;font-weight:550; }.scenario-tour-link small { display:block;font-size:9px;color:#7d98bd;margin-top:6px; }.scenario-tour-link > .icon { width:19px;height:19px;margin-left:20px;transition:transform .3s var(--ease); }.scenario-tour-link:hover > .icon { transform:translateX(4px); }

/* Evidence is inspectable. No invented growth chart or animated count. */
.results-panel { padding:0;gap:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible; }
.evidence-select { padding:25px 36px 29px;text-align:left;min-width:0;position:relative;border:0;border-bottom:1px solid #b6d1f52e;transition:background .3s,color .3s; }
.metric+.metric { border-left:1px solid #adc8ee20; }.evidence-select:first-child { padding-left:0; }.evidence-select:last-child { padding-right:0; }
.metric-symbol { display:flex;align-items:center;gap:11px;margin-bottom:21px; }.metric-symbol > .icon { width:24px;height:24px;color:#b9ccec; }.metric-symbol > small { font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#829dc0; }
.evidence-select .metric-value { font-size:clamp(58px,6.3vw,87px);font-weight:450;letter-spacing:-.065em; }.evidence-select .metric-label { font-size:15px;margin-top:17px;color:#c4d6ec; }.evidence-select .metric-definition { display:flex;align-items:center;gap:9px;color:#7c97ba;margin-top:14px;font-size:9px; }.metric-definition .icon { width:14px;height:14px;transition:transform .3s; }
.evidence-select::after { content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#b0daff,#c0a6ff,transparent);transform:scaleX(0);transition:transform .5s var(--ease);box-shadow:0 0 12px #a6cbff36; }.evidence-select:is(:hover,:focus-visible)::after { transform:scaleX(1); }.evidence-select:is(:hover,:focus-visible) .metric-symbol .icon { color:#d4cbff; }.evidence-select:is(:hover,:focus-visible) .metric-definition { color:#c0d5f0; }.evidence-select:hover { background:radial-gradient(ellipse at 50% 100%,#9dbbff0a,transparent 75%); }.evidence-select:hover .metric-definition .icon { transform:translateX(3px); }
.results-section .real-shop-link { margin-top:18px; }.results-meta { margin-top:27px; }

/* Night is a second object story, with an open clock and a readable event rail. */
.night-sticky { grid-template-columns:.86fr 1.14fr;gap:85px; }
.night-clock-panel { position:relative;isolation:isolate;padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0; }
.night-clock-header .eyebrow { font-size:9px; }.night-clock-header .demo-label { font-size:8px;border:0;padding:0;color:#829bbc; }
.night-clock { padding:25px 0 24px;align-items:center; }.night-clock > span { font-size:clamp(87px,8.6vw,135px);line-height:1;font-weight:350;letter-spacing:-.075em;background:linear-gradient(130deg,#d8eeff,#aeb8e8 65%,#c1a6ed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.night-dial { position:relative;width:90px;height:90px;display:grid;place-items:center;margin-right:4px; }.night-dial > svg:not(.icon) { position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:#acc8ed21;stroke-width:.75; }.night-dial .night-dial-progress { stroke:url(#night-dial-spectrum);stroke-width:1.4;stroke-dasharray:239;stroke-dashoffset:calc(239 * (1 - var(--night-progress,0)));transition:stroke-dashoffset .25s; }.night-dial #night-icon { width:28px;height:28px;color:#c4bbef; }
.night-live-card { position:relative;isolation:isolate;display:flex;align-items:center;gap:23px;min-height:234px;padding:22px 24px 22px 10px;border-top:1px solid #b8d1f339;border-bottom:1px solid #b8d1f329;background:radial-gradient(ellipse at 82% 30%,#8d75d00b,transparent 68%); }
.night-product-cut { position:relative;width:132px;flex:none; }.night-product-cut img { width:100%;height:185px;object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 8px 20px #0006); }.night-product-cut > span { position:absolute;right:0;bottom:16px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #c0d9ff73;border-radius:11px;background:linear-gradient(125deg,#152c40e6,#23283ff0);box-shadow:inset 0 1px 1px #def1ff4d;color:#dfedff;font-size:15px; }
.night-live-copy { min-width:0; }.night-live-copy h3 { font-size:27px;line-height:1.2;margin-top:12px; }.night-live-copy p { font-size:13px;color:#b3c7e0;line-height:1.9;margin-top:14px; }.night-live-copy > small { display:block;font-size:9px;color:#809bbb;line-height:1.8;margin-top:18px; }
.night-timeline { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:29px; }.night-rail { top:5px;bottom:auto;left:6px;right:6px;width:auto;height:1px; }.night-rail > span { transform-origin:left;transform:scaleX(var(--night-progress)); }
.night-event { display:grid;grid-template-columns:1fr auto;align-content:start;gap:7px;min-height:84px;padding:0;text-align:left;opacity:.56;transform:none; }.night-event.is-active,.night-event.is-complete { opacity:1;transform:none; }.night-event-dot { grid-column:1/-1;width:9px;height:9px;margin-bottom:9px; }.night-event-time { font-size:14px;grid-column:1;min-width:0; }.night-event > strong { font-size:11px;color:#b5c8e2;font-weight:500;grid-column:1; }.night-event > .icon { width:15px;height:15px;grid-column:2;grid-row:2;color:#8ea9ce; }.night-event:hover .night-event-time { color:#e4dcff; }.night-event:focus-visible { outline-offset:7px;border-radius:6px; }
.night-demo-note { margin-top:23px;text-align:left;font-size:8px;line-height:1.8;color:#708bac; }.night-scroll-hint { display:flex;align-items:center;gap:13px;font-size:10px;color:#92abcd;margin-top:29px; }.night-scroll-hint .icon { width:17px;height:17px;transform:rotate(90deg); }

.photo-inspector { width:min(900px,calc(100% - 32px));max-width:none;max-height:calc(100svh - 32px);padding:27px;border:1px solid #b9d6ff65;border-radius:29px;background:#09111feF;color:#eff5ff;overflow:hidden auto;scrollbar-width:thin;color-scheme:dark;box-shadow:inset 0 1px 1px #e4f3ff6b,0 35px 110px #0009; }
.photo-inspector-heading { padding-right:45px; }.photo-inspector-heading h2 { font-size:30px;margin-top:8px; }.photo-inspector-view { height:min(59svh,590px);overflow:hidden;margin-top:22px;border-radius:18px;background:#050a12; }.photo-inspector-view img { width:100%;height:100%;object-fit:contain;transition:transform .8s var(--ease); }.photo-inspector[data-view=detail] .photo-inspector-view img { transform:scale(2);object-position:center 34%; }.photo-inspector-controls { display:flex;justify-content:center;gap:11px;margin-top:20px; }.photo-inspector-controls button { min-height:42px;padding:9px 20px;border:1px solid #b4cef53b;border-radius:13px;font-size:12px;color:#adc4df; }.photo-inspector[data-view=full] [data-photo-mode=full],.photo-inspector[data-view=detail] [data-photo-mode=detail] { background:#b2d5ff15;border-color:#c9e2ff9c;color:#e6f3ff; }.photo-inspector > p { font-size:9px;line-height:1.8;color:#7d96b8;text-align:center;margin-top:17px; }
@media(min-width:1600px) { .feature-layout { grid-template-columns:.65fr 1.35fr;gap:90px; }.feature-scene { gap:34px; }.feature-product img { height:305px; }.detail-bubble p { font-size:15px; } }
@media(max-width:1150px) {
 .feature-layout { gap:38px;grid-template-columns:.7fr 1.3fr; }.feature-scene { gap:18px;grid-template-columns:.62fr 1.38fr; }.feature-product img { height:250px; }.detail-bubble { padding:14px 16px; }.detail-bubble p { font-size:12px; }.size-decision > span { font-size:70px; }.size-decision { gap:13px; }.feature-order-ticket { padding:20px; }.feature-order-ticket > strong { font-size:21px; }
 .console-layout { grid-template-columns:155px minmax(0,1fr); }.console-nav { padding-inline:10px; }.console-nav > button { padding-inline:10px;font-size:11px;gap:8px; }#console-content { padding:23px; }.console-workspace { gap:18px;grid-template-columns:.86fr 1.5fr; }.console-avatar { display:none; }.console-order-summary { grid-template-columns:90px 1fr;gap:16px; }.console-order-summary img { width:90px;height:135px; }.console-order-summary h4 { font-size:22px; }.console-order-summary .scene-overline { font-size:8px; }
 .night-sticky { gap:55px;grid-template-columns:.86fr 1.14fr; }.night-live-card { gap:16px;padding-right:9px; }.night-product-cut { width:105px; }.night-product-cut img { height:170px; }.night-live-copy h3 { font-size:24px; }.night-live-copy p { font-size:12px; }.night-clock-header .eyebrow { font-size:8px; }.night-dial { width:73px;height:73px; }
}
@media(max-width:900px) {
 .feature-layout { grid-template-columns:1fr;gap:30px; }.feature-description { max-width:650px; }.feature-description h3 { max-width:none; }.feature-description p { max-width:620px; }.feature-description .feature-detail { max-width:620px;margin-top:14px;padding-top:13px; }.feature-demo-wrap { width:100%;max-width:720px;justify-self:center; }.feature-scene { grid-template-columns:.72fr 1.28fr;gap:32px; }.detail-bubble p { font-size:14px; }.feature-product img { height:290px; }
 .console-layout { grid-template-columns:67px minmax(0,1fr); }.console-nav { padding-inline:10px; }.console-nav > button { justify-content:center;padding:12px 7px; }.console-nav > button > span,.console-nav > button > i,.console-nav-note { display:none; }.console-nav > button .icon { width:22px;height:22px; }.console-workspace { grid-template-columns:.85fr 1.5fr;gap:16px; }.console-stock-product { gap:13px; }.console-stock-product strong { font-size:16px; }.console-filter { font-size:9px; }.console-demo-badge { font-size:8px; }.interface-meta { align-items:flex-start;flex-direction:column;gap:12px; }
 .evidence-select { padding-inline:24px; }.metric-symbol > small { font-size:8px; }.evidence-select .metric-value { font-size:66px; }.evidence-select .metric-label { font-size:12px; }
}
@media(max-width:700px) {
 .feature-tabs { margin-bottom:32px; }.feature-layout { gap:27px; }.feature-demo,.feature-visual { min-height:0; }.feature-preview-meta { margin-bottom:16px; }.feature-scene { grid-template-columns:.58fr 1.42fr;gap:17px;min-height:305px; }.feature-product img { height:220px; }.feature-product figcaption { padding-left:0; }.feature-product figcaption strong { font-size:15px; }.feature-product figcaption span,.feature-product figcaption small { font-size:7px; }.feature-scene-content > .scene-overline { font-size:7px;margin-bottom:14px; }.detail-bubble { padding:13px 14px;border-radius:16px 16px 16px 5px;margin-bottom:13px; }.detail-bubble--eva { margin-left:5px;border-radius:16px 16px 5px 16px; }.detail-bubble p { font-size:11px;line-height:1.85; }.detail-bubble > span { font-size:8px;margin-bottom:8px; }.detail-bubble > small { font-size:6px;line-height:1.6;margin-top:10px; }.scene-question-options { gap:7px; }.scene-question-options button { padding:9px 10px;font-size:9px;min-height:39px; }.scene-question-options .icon { display:none; }
 .feature-scene--sizes,.feature-scene--orders { grid-template-columns:1fr;gap:0; }.feature-scene--sizes .feature-product,.feature-scene--orders .feature-product { display:none; }.size-decision > span { font-size:88px; }.size-decision { gap:22px;margin-bottom:23px; }.size-decision strong { font-size:13px; }.size-decision small { font-size:10px; }.feature-sizes .sizes button { min-height:88px;font-size:25px; }.scene-fact-line { font-size:11px;padding-block:13px; }.feature-order-ticket { padding:23px; }.feature-order-ticket > strong { font-size:26px; }.feature-order-ticket > p { font-size:13px;min-height:0; }.scene-stage-buttons { justify-content:space-between;gap:6px; }.scene-stage-buttons button { font-size:10px;min-height:43px; }.scene-example-note { font-size:9px; }
 .inventory-product { gap:16px; }.inventory-product img { width:67px;height:89px; }.inventory-product .scene-overline { font-size:7px; }.inventory-product strong { font-size:23px; }.inventory-product small { font-size:8px; }.inventory-head,.inventory-row { gap:17px; }.inventory-head { font-size:9px; }.inventory-row { min-height:64px; }.inventory-legend { flex-wrap:wrap;gap:11px; }.inventory-legend small { flex-basis:100%; }
 .feature-photo-stage .photo-demo { gap:12px;grid-template-columns:1.1fr .9fr; }.feature-photo-stage .photo-original { height:245px;border-radius:17px; }.feature-photo-stage .photo-original--detail { height:208px; }.photo-caption { font-size:9px;padding-inline:11px; }.photo-open { right:9px;top:9px;width:27px;height:27px; }.photo-qualification { font-size:9px;gap:7px; }.feature-hours { grid-template-columns:1fr;gap:13px;min-height:0; }.hours-dial { width:200px;justify-self:center; }.hours-copy > strong { font-size:28px; }.hours-event { font-size:13px; }.hours-event span { font-size:11px; }
 .interface-section .split-heading > p { font-size:12px; }.interface-frame.product-console { border-radius:21px; }.console-brand { padding:17px 18px;gap:8px; }.console-brand > strong { font-size:20px; }.console-local-label { font-size:7px;max-width:90px;text-align:right;line-height:1.7; }.console-brand .assistant-avatar { width:27px;height:27px; }.console-layout { display:block; }.console-nav { display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid #b4ccef1c;padding:11px 14px;gap:7px; }.console-nav > button { min-height:42px;padding:9px 7px;font-size:10px;gap:6px; }.console-nav > button > span { display:block; }.console-nav > button .icon { width:17px;height:17px; }#console-content { padding:20px 17px 22px; }.console-heading { gap:10px;margin-bottom:18px; }.console-heading h3 { font-size:25px; }.console-heading .scene-overline { font-size:7px; }.console-demo-badge { font-size:7px;white-space:normal;max-width:82px;line-height:1.7;text-align:right; }.console-search { height:42px;margin-bottom:18px; }.console-workspace { grid-template-columns:1fr;gap:20px;min-height:0; }.console-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }.console-list-item { min-height:75px;padding:10px 8px;align-items:flex-start; }.console-list-item strong { font-size:9px; }.console-list-item small { font-size:7px;line-height:1.7; }.console-list-indicator { display:none; }.console-detail .detail-bubble p { font-size:12px; }.console-detail .detail-bubble > span { font-size:9px; }.console-linked-product { margin-top:16px;padding-inline:5px; }.console-linked-product strong { font-size:14px; }.console-linked-product span,.console-linked-product small { font-size:9px; }.console-footer { padding:14px 18px;gap:13px;align-items:flex-start;flex-direction:column; }.console-footer .ui-callout { font-size:9px; }.console-footer > span { font-size:7px; }.console-order-summary { grid-template-columns:88px 1fr;gap:17px; }.console-order-summary img { width:88px;height:130px; }.console-order-summary h4 { font-size:22px; }.console-order-summary p { font-size:10px; }.console-order-flow { gap:7px; }.console-order-flow > span { font-size:9px;gap:5px; }.console-order-flow .icon { width:14px;height:14px; }.console-explanation { font-size:9px;gap:10px; }.console-stock-product { flex-wrap:wrap;gap:12px; }.console-stock-product > img { width:54px;height:69px; }.console-stock-product > div { flex:1; }.console-stock-product .scene-overline { font-size:7px; }.console-stock-product strong { font-size:16px; }.console-stock-product small { font-size:8px; }.console-filter { margin:0;min-height:38px;font-size:10px; }.console-stock-head,.console-stock-row { grid-template-columns:.5fr .6fr .65fr 1.1fr;gap:9px; }.console-stock-head { font-size:8px; }.console-stock-row { font-size:13px;min-height:58px; }.console-status { font-size:7px;padding:5px 6px;white-space:normal;line-height:1.65; }
 .archive-interface-link { white-space:normal;font-size:10px;flex-wrap:wrap;gap:8px; }.archive-interface-link > span { margin-left:0;font-size:8px; }.interface-meta p { font-size:9px; }.scenario-tour-link { gap:13px; }.scenario-tour-link strong { font-size:11px; }.scenario-tour-link small { font-size:8px; }.scenario-tour-link > .icon { margin-left:4px;width:17px; }.tour-play { flex:none;width:40px;height:40px; }
 .results-panel { grid-template-columns:1fr; }.evidence-select,.evidence-select:first-child,.evidence-select:last-child { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 13px;padding:23px 0;border-left:0; }.metric-symbol { margin:0 0 9px;grid-column:1; }.metric-symbol > .icon { width:21px;height:21px; }.metric-symbol > small { font-size:8px; }.evidence-select .metric-value { font-size:58px;grid-column:2;grid-row:1/3;justify-self:end; }.evidence-select .metric-label { font-size:12px;grid-column:1;margin:0; }.evidence-select .metric-definition { font-size:8px;margin-top:10px;grid-column:1/-1; }.metric-definition .icon { width:13px;height:13px; }.results-meta { margin-top:25px;font-size:8px;align-items:flex-start; }.results-meta > span { line-height:1.8; }.results-meta a { font-size:8px;line-height:1.8; }.results-section .real-shop-link { font-size:10px; }
 .night-sticky { display:flex;flex-direction:column;gap:31px;align-items:stretch; }.night-copy h2 { font-size:36px; }.night-copy > p { font-size:13px;margin-top:18px; }.night-copy .night-condition { margin-top:16px;font-size:9px; }.night-scroll-hint { display:none; }.night-clock-panel { width:100%;padding:0; }.night-clock-header .eyebrow { font-size:7px; }.night-clock-header .demo-label { font-size:7px; }.night-clock { padding:18px 0; }.night-clock > span { font-size:90px; }.night-dial { width:66px;height:66px; }.night-dial #night-icon { width:24px;height:24px; }.night-live-card { gap:15px;min-height:200px;padding:18px 0; }.night-product-cut { width:86px; }.night-product-cut img { height:149px; }.night-product-cut > span { width:29px;height:29px;border-radius:9px;font-size:12px;bottom:5px; }.night-live-copy .scene-overline { font-size:7px; }.night-live-copy h3 { font-size:22px;margin-top:10px; }.night-live-copy p { font-size:11px;line-height:1.8;margin-top:11px; }.night-live-copy > small { font-size:8px;margin-top:12px; }.night-timeline { gap:9px;margin-top:22px; }.night-event { min-height:69px;gap:6px; }.night-event-time { font-size:12px; }.night-event > strong { font-size:9px; }.night-event > .icon { width:13px;height:13px; }.night-event-dot { width:7px;height:7px; }.night-rail { top:4px; }.night-demo-note { margin-top:13px;font-size:7px; }
 .photo-inspector { padding:23px 19px;border-radius:24px; }.photo-inspector-heading h2 { font-size:27px; }.photo-inspector-heading .scene-overline { font-size:7px; }.photo-inspector-view { height:51svh; }.photo-inspector-controls button { min-height:44px;font-size:11px; }.photo-inspector > p { font-size:8px; }
}
@media(max-width:360px) { .feature-scene--conversation { grid-template-columns:1fr; }.feature-scene--conversation .feature-product { display:none; }.detail-bubble p { font-size:12px; }.feature-photo-stage .photo-original { height:215px; }.feature-photo-stage .photo-original--detail { height:185px; }.photo-qualification { font-size:8px; }.night-sticky { gap:25px; }.night-copy h2 { font-size:32px; }.night-live-copy h3 { font-size:20px; }.night-product-cut { width:72px; }.night-clock > span { font-size:78px; }.night-dial { width:57px;height:57px; } }
@media(max-width:700px) { .console-list-item strong { white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55; }.console-list-item small { margin-top:5px; } }
@media(prefers-reduced-motion:reduce) { .feature-product:hover img { transform:none; }.photo-inspector-view img { transition:none; }.night-sticky { display:grid; }.night-event { opacity:1!important; } }
@media(prefers-reduced-motion:reduce) and (max-width:700px) { .night-sticky { grid-template-columns:1fr; } }