/*! Copyright 2025-2026 Vantari Works. All rights reserved. Display Dimmer website demo. Reuse or redistribution of this demo's original code requires permission, except as permitted by law. Permissions: support@displaydimmer.com. Third-party materials retain their respective rights. */
.guide-control-demo{--guide-demo-progress:65%;--guide-demo-brightness:0.82;--guide-demo-warmth:0;--guide-demo-coolness:0;--v7795f867:#454547;--v1a4c6f6b:#4c86ff;--v327b0ec8:#3c72e6;--v9e3e0574:#ddd;--vea58aa9b:#3c72e6;--v34467ba5:#4c86ff;--v5c386bb5:rgba(216, 216, 216, 0.55);--v9110f1cd:#4c86ff;--v15b30e6c:#ffb24a;--v2b86c596:#80868f;--vd8b558a3:#58a6ff;margin:20px 0 4px;padding:15px;border:1px solid #354153;border-radius:12px;background:#0c1118;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.035)}.guide-control-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.guide-control-demo-heading strong{color:#f5f7fa;font-size:14px;line-height:1.3}.guide-control-demo-heading span{color:#77818e;font-size:12px;font-weight:650;white-space:nowrap}.guide-demo-screen{position:relative;height:104px;margin-bottom:13px;overflow:hidden;border:1px solid #28313d;border-radius:10px;background:linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(145deg, #1b2b3e, #0e1722);background-size:20px 20px,20px 20px,auto;filter:brightness(var(--guide-demo-brightness));transition:filter 80ms linear,box-shadow 120ms linear}.guide-control-demo--temperature .guide-demo-screen{background:linear-gradient(rgba(247, 164, 82, var(--guide-demo-warmth)), rgba(247, 164, 82, var(--guide-demo-warmth))),linear-gradient(rgba(86, 151, 255, var(--guide-demo-coolness)), rgba(86, 151, 255, var(--guide-demo-coolness))),linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),linear-gradient(145deg, #1b2b3e, #0e1722);background-size:auto,auto,20px 20px,20px 20px,auto}.guide-demo-screen-content{position:absolute;inset:17px;display:grid;grid-template-columns:1.35fr 0.75fr;gap:10px}.guide-demo-screen-content::after,.guide-demo-screen-content::before{border:1px solid rgba(172, 197, 224, 0.18);border-radius:7px;background:rgba(220, 233, 247, 0.09);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.035);content:""}.guide-demo-screen-content::after{background:linear-gradient(180deg, rgba(220, 233, 247, 0.12) 0 9px, transparent 9px),rgba(220, 233, 247, 0.05)}.guide-control-demo label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e7ebf0;font-size:13px;font-weight:700}.guide-control-demo output{color:#bfc8d3;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.guide-control-demo input[type="range"]:not(.c2d014623){position:relative;left:-1px;width:calc(100% + 2px);height:20px;margin:4px 0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:default}.guide-control-demo input[type="range"]:not(.c2d014623)::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg, #2f86ff 0 var(--guide-demo-progress), #3a4656 var(--guide-demo-progress) 100%);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.34)}.guide-control-demo input[type="range"]:not(.c2d014623)::-moz-range-track{height:8px;border:0;border-radius:4px;background:linear-gradient(90deg, #2f86ff 0 var(--guide-demo-progress), #3a4656 var(--guide-demo-progress) 100%);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.34)}.guide-control-demo--temperature input[type="range"]:not(.c2d014623)::-webkit-slider-runnable-track{background:linear-gradient(90deg, #e8a14c, #9ca6b0 76%, #8f99a5 89%, #559dff 100%)}.guide-control-demo--temperature input[type="range"]:not(.c2d014623)::-moz-range-track{background:linear-gradient(90deg, #e8a14c, #9ca6b0 76%, #8f99a5 89%, #559dff 100%)}.guide-control-demo input[type="range"]:not(.c2d014623)::-webkit-slider-thumb{width:16px;height:16px;margin-top:-4px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;background:#ddd;box-shadow:0 0 11px rgba(216, 216, 216, 0.55)}.guide-control-demo input[type="range"]:not(.c2d014623)::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#ddd;box-shadow:0 0 11px rgba(216, 216, 216, 0.55)}.guide-control-demo input[type="range"]:not(.c2d014623):focus-visible{outline:none}.guide-control-demo input[type="range"]:not(.c2d014623):focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #080a0d,0 0 0 6px #80b9ff}.guide-control-demo input[type="range"]:not(.c2d014623):focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #080a0d,0 0 0 6px #80b9ff}.guide-control-demo-note{margin:0!important;color:#77818e!important;font-size:12px!important;line-height:1.45!important}.guide-control-demo--temperature{max-width:560px;margin:20px auto 22px}.guide-compatibility-demo{width:min(100%, 580px);margin:26px auto 2px;padding:22px 18px 20px;border:1px solid #28313d;border-radius:14px;background:#0c1118;cursor:default;user-select:none;-webkit-user-select:none}.guide-compatibility-demo .compatibility-monitor-wrap{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;width:100%;cursor:default;user-select:none}.guide-compatibility-demo .compatibility-monitor{position:relative;width:min(70%, 330px);aspect-ratio:1.64;padding:9px 9px 19px;border:1px solid rgba(114, 150, 188, 0.42);border-radius:17px;background:linear-gradient(150deg, #1b2836, #0a1119);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.07),0 20px 45px rgba(0, 0, 0, 0.26)}.guide-compatibility-demo .compatibility-screen{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;overflow:hidden;border:1px solid rgba(82, 140, 197, 0.34);border-radius:10px;background:radial-gradient(circle at 42% 47%, rgba(52, 137, 236, 0.14), transparent 54%),#0b1c2c}.guide-compatibility-demo .compatibility-screen > strong{color:#e6eef8;font-size:16px;letter-spacing:-0.02em}.guide-compatibility-demo .compatibility-brightness{display:flex;align-items:center;width:63%;margin-top:24px;gap:14px}.guide-compatibility-demo .compatibility-brightness svg{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:rgba(139, 191, 247, 0.82);stroke-linecap:round;stroke-width:1.55}.guide-compatibility-demo .compatibility-slider{position:relative;display:block;flex:1;height:8px;border-radius:999px;background:rgba(115, 152, 190, 0.27)}.guide-compatibility-demo .compatibility-slider::before{position:absolute;inset:0 auto 0 0;width:63%;border-radius:inherit;background:linear-gradient(90deg, #3689e8, #66adff);content:""}.guide-compatibility-demo .compatibility-slider i{position:absolute;top:50%;left:63%;width:19px;height:19px;border:2px solid rgba(213, 233, 255, 0.86);border-radius:50%;background:#72b3fb;box-shadow:0 2px 8px rgba(0, 0, 0, 0.32);transform:translate(-50%, -50%)}.guide-compatibility-demo .compatibility-camera{position:absolute;bottom:7px;left:50%;width:3px;height:3px;border-radius:50%;background:#559dff;transform:translateX(-50%)}.guide-compatibility-demo .compatibility-stand{position:relative;width:145px;height:43px}.guide-compatibility-demo .compatibility-stand::before{position:absolute;top:0;left:50%;width:45px;height:33px;border-right:1px solid rgba(111, 145, 180, 0.33);border-left:1px solid rgba(111, 145, 180, 0.33);background:linear-gradient(90deg, rgba(16, 29, 42, 0.7), rgba(37, 58, 79, 0.7) 50%, rgba(15, 27, 39, 0.7));content:"";transform:translateX(-50%)}.guide-compatibility-demo .compatibility-stand > span{position:absolute;right:0;bottom:0;left:0;height:9px;border:1px solid rgba(112, 149, 187, 0.35);border-radius:999px 999px 5px 5px;background:linear-gradient(180deg, #283a4c, #0f1923)}.guide-compatibility-demo .compatibility-connectors{display:block;width:min(100%, 480px);height:42px;margin:7px auto 0;overflow:visible;fill:none;stroke:rgba(100, 163, 226, 0.52);stroke-linecap:square;stroke-linejoin:round;stroke-width:1}.guide-compatibility-demo .compatibility-connectors path{vector-effect:non-scaling-stroke}.guide-compatibility-demo .compatibility-connectors circle{fill:#559dff;stroke:none}.guide-compatibility-demo .compatibility-outcomes{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));width:min(100%, 480px);margin:-1px auto 0;padding:0;gap:14px;list-style:none}.guide-compatibility-demo .compatibility-result{display:grid;align-content:center;min-width:0;min-height:94px;padding:16px 13px;border:1px solid #354153;border-radius:12px;background:#11161d;text-align:center;transition:border-color 160ms ease-out,background 160ms ease-out,transform 160ms ease-out}.guide-section .guide-compatibility-demo .compatibility-result::before{content:none}.guide-compatibility-demo .compatibility-result strong{color:#e7eef7;font-size:14px;line-height:1.25}.guide-compatibility-demo .compatibility-result small{margin-top:7px;color:#9eabb9;font-size:11px;line-height:1.35}.guide-compatibility-demo .compatibility-result-hardware{border-color:rgba(85, 157, 255, 0.5);background:linear-gradient(145deg, rgba(47, 134, 255, 0.14), rgba(17, 22, 29, 0.92))}.guide-compatibility-demo .compatibility-result strong::before{display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:#8496aa;content:""}.guide-compatibility-demo .compatibility-result-hardware strong::before{background:#57a7ff}@media (hover: hover) and (pointer: fine){.guide-compatibility-demo .compatibility-result:hover{border-color:#536174;background:#161c24;transform:translateY(-1px)}.guide-compatibility-demo .compatibility-result-hardware:hover{border-color:#559dff}}@media (max-width: 520px){.guide-control-demo{padding:13px}.guide-control-demo-heading{align-items:flex-start;flex-direction:column;gap:2px}.guide-demo-screen{height:92px}.guide-compatibility-demo{padding:18px 12px 16px}.guide-compatibility-demo .compatibility-monitor{width:min(78%, 300px)}.guide-compatibility-demo .compatibility-outcomes{gap:9px}.guide-compatibility-demo .compatibility-result{min-height:90px;padding:13px 8px}.guide-compatibility-demo .compatibility-result strong{font-size:12px}.guide-compatibility-demo .compatibility-result small{font-size:9.5px}}@media (prefers-reduced-motion: reduce){.guide-compatibility-demo .compatibility-result,.guide-demo-screen{transition:none}}.blue-light-hero-card[data-guide-app-demo]{--guide-app-brightness:0.72;--guide-app-warmth:0.590;--guide-app-coolness:0;--guide-app-ambient-rgb:203,160,102;overflow:hidden;padding:28px;isolation:isolate}.blue-light-hero-card[data-guide-app-demo]::before{position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 84% 20%, rgba(255, 178, 74, calc(var(--guide-app-warmth) * 0.16)), transparent 42%),radial-gradient(circle at 82% 18%, rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.105)), transparent 42%);content:"";pointer-events:none}.blue-light-hero-card[data-guide-app-demo] > *{position:relative;z-index:2}.blue-light-hero-card > h2{max-width:none;margin-bottom:10px;font-size:clamp(1.6rem, 3vw, 2.1rem);line-height:1.08;letter-spacing:-0.035em;white-space:nowrap}.blue-light-hero-card > p:first-of-type{max-width:43ch;line-height:1.55}.guide-cta-card--app-demo > .guide-store-badge,.guide-cta-card--app-demo > .temperature-try-button{display:flex;width:100%;min-width:0;max-width:100%;box-sizing:border-box;justify-content:center}.guide-app-window-stage[data-guide-app-demo]{--guide-app-brightness:1;--guide-app-warmth:0;--guide-app-coolness:0;--guide-app-ambient-rgb:128,134,143}.guide-app-window-stage{position:relative;min-height:306px;margin:22px 0 0;padding:62px 10px 8px;overflow:hidden;border:1px solid #2f3947;border-radius:14px;background:linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),linear-gradient(145deg, #152435, #0b1119 72%);background-size:24px 24px,24px 24px,auto;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.045);isolation:isolate}.guide-app-window-stage--full{min-height:350px}.guide-app-window-stage.guide-app-window-stage--full .guide-app-window{--v8e5a23e2:278px;--v9fcfda83:258px}.guide-gamma-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.guide-app-window-stage::after,.guide-app-window-stage::before{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;transition:opacity 90ms linear}.guide-app-window-stage::before{background:#020508;opacity:calc((1 - var(--guide-app-brightness)) * 0.7)}.guide-app-window-stage::after{background:radial-gradient(circle at 20% 18%, rgba(255, 178, 74, calc(var(--guide-app-warmth) * 0.38)), transparent 42%),radial-gradient(circle at 82% 18%, rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.24)), transparent 42%),linear-gradient(rgba(255, 177, 70, calc(var(--guide-app-warmth) * 0.1)), rgba(255, 177, 70, calc(var(--guide-app-warmth) * 0.1))),linear-gradient(rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.06)), rgba(88, 166, 255, calc(var(--guide-app-coolness) * 0.06)))}.guide-app-reference{position:absolute;z-index:1;top:12px;left:50%;display:grid;width:min(72%, 280px);gap:6px;filter:brightness(var(--guide-app-brightness));opacity:0.9;transform:translateX(-50%);transition:filter 90ms linear}.guide-app-reference-label{color:rgba(223, 231, 241, 0.66);font-size:9px;font-weight:700;letter-spacing:0.08em;line-height:1;text-align:right;text-transform:uppercase}.guide-app-color-strip,.guide-app-tone-strip,.guide-demo-color-strip,.guide-demo-tone-strip{position:relative;display:grid;overflow:hidden;border-radius:4px}.guide-app-color-strip,.guide-demo-color-strip{grid-template-columns:repeat(3, 1fr);height:6px}.guide-app-tone-strip,.guide-demo-tone-strip{grid-template-columns:repeat(5, 1fr);height:19px;border:1px solid rgba(255, 255, 255, 0.09)}.guide-app-color-strip i:nth-child(1),.guide-demo-color-strip i:nth-child(1){background:#e5a047}.guide-app-color-strip i:nth-child(2),.guide-demo-color-strip i:nth-child(2){background:#aeb9c5}.guide-app-color-strip i:nth-child(3),.guide-demo-color-strip i:nth-child(3){background:#559dff}.guide-app-tone-strip i:nth-child(1),.guide-demo-tone-strip i:nth-child(1){background:#e5e9ed}.guide-app-tone-strip i:nth-child(2),.guide-demo-tone-strip i:nth-child(2){background:#adb5be}.guide-app-tone-strip i:nth-child(3),.guide-demo-tone-strip i:nth-child(3){background:#747f8b}.guide-app-tone-strip i:nth-child(4),.guide-demo-tone-strip i:nth-child(4){background:#35404d}.guide-app-tone-strip i:nth-child(5),.guide-demo-tone-strip i:nth-child(5){background:#0b1118}.guide-app-color-strip i,.guide-app-tone-strip i,.guide-demo-color-strip i,.guide-demo-tone-strip i{transition:background-color 90ms linear}.guide-app-window-stage .guide-app-window{--vf0f679c1:#2c2c2e;--v20456f5d:#3a3a3c;--v2cab6936:#2c2c2e;--v56a58c45:#fff;--vbe881d25:#98989f;--v1ebcd015:#6b6b70;--v7ac96973:#3d3d3f;--v75cb3fe0:#424244;--vb506fc0d:#424244;--vcdd13fdb:#f0f0f0;--vad5cd42c:#5a5a5f;--v9c67da7e:#fff;--v37d47bae:#c7c7cc;--v7795f867:#454547;--v1a4c6f6b:#4c86ff;--v327b0ec8:#3c72e6;--v9e3e0574:#ddd;--vea58aa9b:#3c72e6;--v34467ba5:#4c86ff;--v5c386bb5:rgba(216, 216, 216, 0.55);--v9110f1cd:#4c86ff;--v15b30e6c:#ffb24a;--v2b86c596:#80868f;--vd8b558a3:#58a6ff;--v07f98905:rgba(232, 17, 35, 0.122);--v39da58af:#fff;--vbbb550a5:#e81123;--v702f4b69:#fff;--v8e5a23e2:235px;--v9fcfda83:215px;position:relative;z-index:2;display:flow-root;width:min(100%, 360px);height:var(--v8e5a23e2);max-height:var(--v8e5a23e2);margin:0 auto;color:var(--v56a58c45);font-family:"Segoe UI",sans-serif;font-size:13px;line-height:1;cursor:default;opacity:0.85;user-select:none;-webkit-user-select:none;transition:opacity 170ms ease-out}.blue-light-hero-card.is-adjusting .guide-app-window,.guide-app-window-stage .guide-app-window:hover,.guide-app-window-stage.is-adjusting .guide-app-window{opacity:1}.guide-app-window .cdeeb8639{position:relative;display:block;width:calc(100% - 20px);height:var(--v9fcfda83);max-height:var(--v9fcfda83);min-width:0;margin:10px;padding:13px 13px 12px;border:0;border-radius:18px;background:var(--vf0f679c1);box-shadow:0 0 12px rgba(0, 0, 0, 0.15);box-sizing:border-box}.guide-app-window .c1db5750c{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.guide-app-window .c9a4874d0{position:relative;display:grid;grid-template-columns:24px minmax(0, 1fr) 24px;align-items:center;height:24px;gap:6px;color:var(--v56a58c45);font-weight:600;transform:translateY(-6px);touch-action:auto}.guide-app-window .c9a4874d0 img{display:block;width:24px;height:24px}.guide-app-window .c9a4874d0 > span:not(.cdf020c98){overflow:hidden;padding-bottom:1px;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.guide-app-window .cdf020c98{position:relative;display:block;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:6px;outline:0;background:transparent;color:inherit;cursor:default;appearance:none}.guide-app-window .cdf020c98::before{position:absolute;top:7px;left:7px;width:10px;height:10px;border-radius:0;background:var(--vbe881d25);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M.85%20.85L9.15%209.15M9.15%20.85L.85%209.15%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M.85%20.85L9.15%209.15M9.15%20.85L.85%209.15%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;transform:none;content:""}.guide-app-window .cdf020c98::after{content:none}.guide-app-window .cdf020c98:hover{background:var(--v07f98905)}.guide-app-window .cdf020c98:hover::after,.guide-app-window .cdf020c98:hover::before{background:var(--v39da58af)}.guide-app-window .cdf020c98:active{background:var(--vbbb550a5)}.guide-app-window .cdf020c98:active::after,.guide-app-window .cdf020c98:active::before{background:var(--v702f4b69)}.guide-app-window .cdf020c98:focus-visible{outline:2px solid var(--v9110f1cd);outline-offset:2px}.guide-app-window .c0a60b1bf{display:grid;grid-template-columns:minmax(0, 1fr) 24px;align-items:center;height:26px;margin-top:5px;overflow:hidden;border:1px solid var(--v20456f5d);border-radius:5px;background:var(--v2cab6936);color:var(--v56a58c45);box-sizing:border-box}.guide-app-window .c0a60b1bf span{padding:0 6px;overflow:hidden;line-height:18px;white-space:nowrap;text-overflow:ellipsis}.guide-app-window .c0a60b1bf i{position:relative;display:block;width:24px;height:24px}.guide-app-window .c0a60b1bf i::after{position:absolute;top:10px;left:8px;border-top:4px solid var(--v37d47bae);border-right:4px solid transparent;border-left:4px solid transparent;content:""}.guide-app-window .c0a60b1bf:hover i::after,.guide-app-window .c0a60b1bf:hover span{opacity:0.75}.guide-app-window .c0a60b1bf i:active::after{opacity:0.6}.guide-app-window .cbfdd01a8{display:grid;margin-top:12px}.guide-app-window .cfc0244aa{height:44px}.guide-app-window .cf490f6bc{display:flex;align-items:center;justify-content:space-between;height:16px;gap:8px}.guide-app-window .cf490f6bc label{color:var(--v56a58c45);font-size:13px;font-weight:600;line-height:16px}.guide-app-window .cf490f6bc output{min-width:0;color:var(--v56a58c45);font:inherit;line-height:16px;text-align:right;white-space:nowrap}.guide-app-window .cce71b857{display:inline-flex;align-items:center;min-width:0;gap:3px}.guide-app-window .c3493461b{display:inline-flex;align-items:center;justify-content:center;height:14px;padding:0 4px;gap:3px;border-radius:7px;background:var(--v1a4c6f6b);color:var(--v9c67da7e);font-size:9px;font-weight:600;line-height:1;white-space:nowrap;opacity:0.92;box-sizing:border-box}.guide-app-window .c3493461b svg{width:8px;height:8px;flex:0 0 8px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;transform:scale(1.32);transform-origin:center;shape-rendering:geometricPrecision}.guide-app-window .cce71b857 > .c3493461b{align-self:flex-start;height:auto;padding:0;gap:0;border-radius:0;background:transparent;color:var(--v1a4c6f6b);font-size:11px;font-weight:600;line-height:normal;opacity:0.9;transform:translateY(-3px)}.guide-app-window .c7b2e5ffa{position:absolute;right:13px;bottom:8px;left:13px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));height:32px;margin-top:0;gap:8px}.guide-app-window .c838b4c33{display:grid;min-width:0;height:32px;padding:0 12px;place-items:center;border:1px solid var(--v20456f5d);border-radius:7px;color:var(--vcdd13fdb);font:inherit;line-height:1;box-sizing:border-box}.guide-app-window .cae3be6c1{background:var(--v7ac96973)}.guide-app-window .cae3be6c1:hover{background:var(--v75cb3fe0);opacity:0.92}.guide-app-window .cae3be6c1:active{background:var(--vb506fc0d);opacity:0.85}.guide-app-window .ce44ce2c0{background:var(--vad5cd42c);color:var(--v9c67da7e);cursor:default}.guide-app-window .ce44ce2c0:not(:disabled):hover{opacity:0.92}.guide-app-window .ce44ce2c0:not(:disabled):active{opacity:0.85}.guide-app-window .ce44ce2c0:disabled{background:transparent;color:var(--v1ebcd015)}.guide-app-window .ce44ce2c0:focus-visible{outline:2px solid var(--v9110f1cd);outline-offset:2px}.guide-main .c781d9940{--vdefd4255:50%;--v8ee7d4b1:var(--v1a4c6f6b, #4c86ff);position:relative;top:var(--vaf04b237, 0);display:block;width:100%;height:20px;margin:4px 0}.guide-main .c2d014623{position:absolute;z-index:2;top:0;right:-1px;bottom:0;left:-1px;display:block;width:calc(100% + 2px);height:20px;margin:0;padding:0;border:0;outline:0;background:transparent;cursor:default;touch-action:pan-y;appearance:none;-webkit-appearance:none}.guide-main .c692f478f{position:absolute;z-index:1;top:calc(50% - var(--v7d422261, 4px));right:0;left:0;height:var(--v138e496f, 8px);border-radius:4px;background:linear-gradient(90deg, var(--v8ee7d4b1) 0, var(--v8ee7d4b1) var(--vdefd4255), var(--v7795f867, #454547) var(--vdefd4255), var(--v7795f867, #454547) 100%);pointer-events:none}.guide-main .c2d014623::-webkit-slider-runnable-track{width:100%;height:8px;border:0;border-radius:4px;background:transparent;box-shadow:none}.guide-main .c2d014623::-webkit-slider-thumb{width:16px;height:16px;margin-top:-4px;border:0;border-radius:50%;background:var(--v9e3e0574, #ddd);box-shadow:0 0 11px var(--v5c386bb5, rgba(216, 216, 216, 0.55));appearance:none;-webkit-appearance:none;transition:background-color 140ms ease-out,box-shadow 140ms ease-out}.guide-main .c2d014623::-moz-range-progress,.guide-main .c2d014623::-moz-range-track{width:100%;height:8px;border:0;border-radius:4px;background:transparent;box-shadow:none}.guide-main .c2d014623::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--v9e3e0574, #ddd);box-shadow:0 0 11px var(--v5c386bb5, rgba(216, 216, 216, 0.55));transition:background-color 140ms ease-out,box-shadow 140ms ease-out}.guide-main .c2d014623:hover::-webkit-slider-thumb{background:var(--vea58aa9b, #3c72e6)}.guide-main .c2d014623:hover::-moz-range-thumb{background:var(--vea58aa9b, #3c72e6)}.guide-main .c2d014623.is-dragging::-webkit-slider-thumb,.guide-main .c2d014623:active::-webkit-slider-thumb{background:var(--v34467ba5, #4c86ff);box-shadow:0 0 11px var(--v5c386bb5, rgba(216, 216, 216, 0.55))}.guide-main .c2d014623.is-dragging::-moz-range-thumb,.guide-main .c2d014623:active::-moz-range-thumb{background:var(--v34467ba5, #4c86ff);box-shadow:0 0 11px var(--v5c386bb5, rgba(216, 216, 216, 0.55))}.guide-main .c2d014623:focus-visible::-webkit-slider-thumb{box-shadow:0 0 13px var(--v9110f1cd, #4c86ff)}.guide-main .c2d014623:focus-visible::-moz-range-thumb{box-shadow:0 0 13px var(--v9110f1cd, #4c86ff)}.guide-main .c63b7adb8{background:linear-gradient(90deg, var(--v15b30e6c, #ffb24a) 0, var(--v2b86c596, #80868f) 89%, var(--vd8b558a3, #58a6ff) 100%)}.guide-main .c781d9940:hover{--v8ee7d4b1:var(--v327b0ec8, #3c72e6)}.guide-main .c2d014623.is-dragging ~ .c692f478f,.guide-main .c2d014623:active ~ .c692f478f{--v8ee7d4b1:var(--v1a4c6f6b, #4c86ff)}.guide-main .c8d5df934:hover .c63b7adb8{background:linear-gradient(90deg, var(--v15b30e6c, #ffb24a) 0, var(--v2b86c596, #80868f) 89%, var(--vd8b558a3, #58a6ff) 100%)}.guide-main .c11e4931d.is-dragging ~ .c63b7adb8,.guide-main .c11e4931d:active ~ .c63b7adb8{background:linear-gradient(90deg, var(--v15b30e6c, #ffb24a) 0, var(--v2b86c596, #80868f) 89%, var(--vd8b558a3, #58a6ff) 100%)}.guide-app-demo-note{max-width:360px;margin:9px auto 0!important;color:#8793a2!important;font-size:12px!important;line-height:1.45!important;text-align:center}.blue-light-guide .guide-cta-note{text-align:center}.guide-control-demo.guide-control-demo--temperature{--v7795f867:#454547;--v1a4c6f6b:#4c86ff;--v9e3e0574:#ddd;--vea58aa9b:#3c72e6;--v34467ba5:#4c86ff;--v5c386bb5:rgba(var(--temperature-ambient-rgb, 201, 160, 103), 0.55);--v9110f1cd:#4c86ff;--v15b30e6c:#ffb24a;--v2b86c596:#80868f;--vd8b558a3:#58a6ff;--temperature-ambient-rgb:201,160,103;max-width:620px;padding:18px;background:#0b1017}.guide-control-demo--temperature .guide-demo-temperature-reference{height:146px;padding:18px;filter:none;background:radial-gradient(circle at 25% 30%, rgba(255, 178, 74, calc(var(--guide-demo-warmth) * 0.28)), transparent 44%),radial-gradient(circle at 78% 20%, rgba(88, 166, 255, calc(var(--guide-demo-coolness) * 0.18)), transparent 44%),linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(145deg, #1a2735, #0d141d);background-size:auto,auto,22px 22px,22px 22px,auto}.guide-demo-temperature-card{position:relative;display:grid;align-self:center;width:min(92%, 470px);margin:0 auto;padding:14px 16px 16px;gap:8px;border:1px solid rgba(173, 196, 221, 0.2);border-radius:10px;background:linear-gradient(rgba(255, 178, 74, calc(var(--guide-demo-warmth) * 0.22)), rgba(255, 178, 74, calc(var(--guide-demo-warmth) * 0.22))),linear-gradient(rgba(88, 166, 255, calc(var(--guide-demo-coolness) * 0.135)), rgba(88, 166, 255, calc(var(--guide-demo-coolness) * 0.135))),rgba(208, 220, 232, 0.08);box-shadow:0 14px 28px rgba(0, 0, 0, 0.22),inset 0 1px 0 rgba(255, 255, 255, 0.04)}.guide-demo-temperature-caption{color:rgba(223, 231, 241, 0.68);font-size:9px;font-weight:750;letter-spacing:0.1em;line-height:1.2;text-transform:uppercase}.guide-demo-temperature-card .guide-demo-color-strip{height:8px}.guide-demo-temperature-card .guide-demo-tone-strip{height:34px}.guide-control-demo.guide-control-demo--temperature .temperature-range-shell{--v138e496f:10px;--v7d422261:5px;height:20px;margin:8px 0 4px}.guide-control-demo.guide-control-demo--temperature .temperature-range{height:20px;cursor:default}.guide-control-demo.guide-control-demo--temperature .temperature-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:0;box-shadow:0 0 11px var(--v5c386bb5)}.guide-control-demo.guide-control-demo--temperature .temperature-range::-moz-range-thumb{width:20px;height:20px;box-shadow:0 0 11px var(--v5c386bb5)}.guide-control-demo.guide-control-demo--temperature .temperature-range:hover::-moz-range-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range:hover::-webkit-slider-thumb{box-shadow:0 0 11px var(--v5c386bb5)}.guide-control-demo.guide-control-demo--temperature .temperature-range.is-dragging::-moz-range-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range.is-dragging::-webkit-slider-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range:active::-moz-range-thumb,.guide-control-demo.guide-control-demo--temperature .temperature-range:active::-webkit-slider-thumb{box-shadow:0 0 11px var(--v5c386bb5)}@media (min-width: 560px){.blue-light-guide .guide-cta-note{white-space:nowrap}}@media (max-width: 560px){.blue-light-hero-card[data-guide-app-demo]{padding:22px 18px}.blue-light-hero-card > h2{font-size:clamp(1.45rem, 6.45vw, 1.65rem)}.guide-app-window-stage{min-height:286px;padding-inline:4px}.guide-app-window-stage--full{min-height:350px}.guide-app-window-stage .guide-app-window{font-size:12px}.guide-app-window .cdeeb8639{width:calc(100% - 12px);margin-inline:6px}.guide-control-demo--temperature .guide-demo-temperature-reference{height:126px;padding:13px}}@media (prefers-reduced-motion: reduce){.guide-app-reference,.guide-app-window-stage .guide-app-window,.guide-app-window-stage::after,.guide-app-window-stage::before{transition:none}}
/* Match the homepage blue-light demo: independent 10px painted rail,
   and a centered 20px thumb on a transparent 20px native track. */
.guide-control-demo.guide-control-demo--temperature .c692f478f{border-radius:var(--v7d422261,5px)}
.guide-control-demo.guide-control-demo--temperature .temperature-range::-webkit-slider-runnable-track{height:20px;border-radius:0}
.guide-control-demo.guide-control-demo--temperature .temperature-range::-moz-range-track,.guide-control-demo.guide-control-demo--temperature .temperature-range::-moz-range-progress{height:20px;border-radius:0}