.jv-dev-bench .bench-piece{background:var(--ink);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--silver) 10%, transparent);gap:12px;padding:20px}.jv-dev-bench .bench-piece h3{max-width:22ch;min-height:44px;font-size:18px;line-height:1.25}.jv-dev-bench .bench-kicker,.jv-dev-bench .bench-window-bar{height:24px;font-size:12px}.jv-dev-bench .bench-demo-caption,.jv-dev-bench .bench-flow-status{min-height:40px;color:var(--silver);opacity:.75;font-size:12px;line-height:1.5}.jv-dev-bench .bench-scene{background:color-mix(in oklch, var(--silver) 4%, var(--ink));border-radius:8px;min-width:0;height:200px;min-height:200px;position:relative;overflow:hidden}.jv-dev-bench .bench-code-scene{flex-direction:column;justify-content:space-between;gap:8px;padding:16px;display:flex}.jv-dev-bench .bench-code{min-height:56px;font-size:12px;line-height:1.55}.jv-dev-bench .bench-result{border:1px solid var(--border);opacity:.5;border-radius:6px;flex-direction:column;gap:8px;height:100px;padding:12px;transition:opacity .26s,transform .26s;display:flex;transform:translateY(4px)}.jv-dev-bench .bench-result[data-built=true]{opacity:1;transform:translateY(0)}.jv-dev-bench .bench-preview-heading{align-items:center;gap:8px;font-size:12px;display:flex}.jv-dev-bench .bench-preview-heading svg{width:16px;height:16px;color:var(--dev-cyan)}.jv-dev-bench .bench-result .bench-preview-heading span{opacity:1;background:0 0;border:0;transform:none}.jv-dev-bench .bench-preview-blocks{gap:6px;height:24px;display:flex}.jv-dev-bench .bench-preview-blocks span{transform:scaleY(.25)}.jv-dev-bench .bench-result[data-built=true] .bench-preview-blocks span{transform:scaleY(1)}.jv-dev-bench .bench-preview-button{color:var(--dev-cyan);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.jv-dev-bench .bench-preview-button svg{width:16px;height:16px}.jv-dev-bench .bench-device-scene{isolation:isolate;place-items:center;padding-bottom:28px;display:grid}.jv-dev-bench .bench-device-illustration{stroke-width:.6px;width:190px;height:158px;color:var(--silver);opacity:.3;position:absolute;top:4px;left:calc(50% - 95px)}.jv-dev-bench .bench-phone-illustration{width:56px;height:105px;color:var(--dev-violet);opacity:.55;stroke-width:1px;transition:opacity .26s;position:absolute;top:55px;right:18px}.jv-dev-bench .bench-device{z-index:1;border-radius:4px;max-width:152px;min-height:102px;padding:10px;transition:max-width .3s,transform .3s;transform:translateY(-9px)}.jv-dev-bench .bench-device[data-mobile=true]{max-width:86px;min-height:140px;transform:translateY(2px)}.jv-dev-bench .bench-device-title{font-size:11px}.jv-dev-bench .bench-device-top{font-size:9px}.jv-dev-bench .bench-device-grid i{height:24px;font-size:8px}.jv-dev-bench .bench-device-note{text-align:center;opacity:.75;bottom:10px;font-size:11px;position:absolute;inset-inline:8px}.jv-dev-bench .bench-kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;display:grid;overflow:visible}.jv-dev-bench .bench-kanban-column{border:0;border-top:2px solid var(--border);background:0 0;padding:8px 4px}.jv-dev-bench .bench-kanban-column[data-current=true]{border-color:var(--dev-cyan)}.jv-dev-bench .bench-column-label{min-height:32px;font-size:10px;line-height:1.25;display:block}.jv-dev-bench .bench-kanban .bench-task{flex-direction:column;align-items:flex-start;min-height:108px;padding:8px;font-size:11px;line-height:1.3;animation:none;display:flex}.jv-dev-bench .bench-kanban .bench-task small{opacity:.7;font-size:9px}.jv-dev-bench .bench-kanban .bench-task svg{width:24px;height:24px;color:var(--dev-cyan);margin:0}.jv-dev-bench .bench-automation-scene{padding:12px;overflow:visible}.jv-dev-bench .bench-scenario{gap:4px;font-size:11px}.jv-dev-bench .bench-scenario select{min-height:44px;font-size:12px}.jv-dev-bench .bench-flow-canvas{min-height:116px;margin-top:4px}.jv-dev-bench .bench-flow-canvas .bench-flow li{padding-top:0;font-size:10px}.jv-dev-bench .bench-flow-canvas .bench-flow li:nth-child(2){padding-top:30px}.jv-dev-bench .bench-flow-canvas .bench-flow li>span{border-radius:8px;width:40px;height:40px}.jv-dev-bench .bench-flow-canvas .bench-flow svg{width:20px;height:20px}.jv-dev-bench .bench-flow-wires{height:104px;top:0}.jv-dev-bench .bench-flow-packet{z-index:3;color:var(--dev-cyan);pointer-events:none;transition:left .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:24px;left:calc(16.66% - 9px)}.jv-dev-bench .bench-flow-packet svg{width:18px;height:18px}.jv-dev-bench .bench-flow-packet[data-step="1"]{top:52px;left:calc(50% - 9px)}.jv-dev-bench .bench-flow-packet[data-step="2"],.jv-dev-bench .bench-flow-packet[data-step="3"]{top:24px;left:calc(83.33% - 9px)}.jv-dev-bench .bench-flow-packet[data-step="3"]{opacity:0}@media (width<=480px){.jv-dev-bench .bench-piece h3{font-size:20px}.jv-dev-bench .bench-column-label,.jv-dev-bench .bench-kanban .bench-task{font-size:12px}}@media (prefers-reduced-motion:reduce){.jv-dev-bench .bench-piece *{transition:none!important;animation:none!important}}.jv-dev-bench.lab-gallery{display:block}.lab-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.lab-tabs button{border:1px solid var(--border);background:var(--ink);min-height:48px;color:var(--silver);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.lab-tabs button[aria-selected=true]{border-color:var(--dev-cyan);background:color-mix(in oklch, var(--dev-cyan) 12%, var(--ink))}.lab-tabs button:focus-visible{outline:2px solid var(--dev-cyan);outline-offset:4px}.lab-tabs svg{flex-shrink:0;width:18px;height:18px}.lab-gallery .bench-piece[hidden]{display:none}.lab-intro{text-align:center;max-width:560px;color:var(--silver);margin:24px auto 40px;font-size:17px;line-height:1.6}.lab-contact,.gallery-contact{text-align:center;color:var(--silver);flex-direction:column;align-items:center;gap:16px;margin-top:40px;display:flex}.lab-contact p{font-size:16px}@media (width>=768px){.lab-gallery .bench-piece{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);grid-template-areas:"bar scene""title scene""description scene""action scene";align-content:center;align-items:start;gap:16px 32px;padding:28px;display:grid}.lab-gallery .bench-window-bar,.lab-gallery .bench-kicker{grid-area:bar}.lab-gallery h3{grid-area:title;max-width:20ch;min-height:0;font-size:28px;line-height:1.2}.lab-gallery .bench-scene{grid-area:scene;height:300px;min-height:300px}.lab-gallery .bench-demo-caption,.lab-gallery .bench-flow-status{grid-area:description;min-height:0;font-size:15px}.lab-gallery .bench-action{grid-area:action;align-self:end;margin-top:0}.lab-gallery .bench-code{font-size:16px;line-height:1.7}.lab-gallery .bench-code-scene{padding:24px}.lab-gallery .bench-result{gap:14px;height:150px;padding:16px}.lab-gallery .bench-preview-heading{font-size:15px}.lab-gallery .bench-preview-blocks{height:40px}.lab-gallery .bench-preview-button{font-size:13px}.lab-gallery .bench-device-illustration{width:270px;height:226px;top:10px;left:calc(50% - 135px)}.lab-gallery .bench-phone-illustration{width:70px;height:134px;top:100px}.lab-gallery .bench-device{max-width:214px;min-height:140px;padding:16px;transform:translateY(-20px)}.lab-gallery .bench-device[data-mobile=true]{max-width:112px;min-height:190px}.lab-gallery .bench-device-title{font-size:14px}.lab-gallery .bench-device-top{font-size:12px}.lab-gallery .bench-device-grid i{height:36px;font-size:10px}.lab-gallery .bench-kanban{padding:20px}.lab-gallery .bench-column-label{font-size:13px}.lab-gallery .bench-kanban .bench-task{gap:10px;min-height:140px;padding:12px;font-size:14px}.lab-gallery .bench-kanban .bench-task small{font-size:11px}.lab-gallery .bench-automation-scene{padding:24px}.lab-gallery .bench-flow-canvas{margin-top:32px}.lab-gallery .bench-scenario{font-size:13px}.lab-gallery .bench-flow-canvas .bench-flow li{font-size:12px}}@media (width<=600px){.lab-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-intro{margin-bottom:28px;font-size:16px}.lab-tabs button{padding:12px 8px}.lab-gallery .bench-piece{padding:20px}.lab-contact p{font-size:15px}}.about-constellation{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"code interface""story story""system automation";align-items:center;gap:24px;width:100%;max-width:1280px;margin-inline:auto;padding-block:32px;display:grid;position:relative}.about-constellation:before{content:"";z-index:-1;background-image:radial-gradient(circle, var(--silver) .7px, transparent .9px);opacity:.12;pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.about-constellation .about-story{text-align:center;grid-area:story;justify-self:center;width:100%;max-width:600px;padding-block:8px}.about-constellation .about-story h2{font-size:var(--section-title-size);letter-spacing:-.035em;margin-bottom:28px;font-weight:700;line-height:1.1}.about-constellation .about-story>p{max-width:600px;color:var(--silver);margin-inline:auto;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.about-constellation .about-contact{justify-content:center;margin-top:32px;display:flex}.about-constellation .about-contact .btn-gradient{background:var(--brand-red-strong);border:1px solid var(--brand-red);box-shadow:none;letter-spacing:0;padding:14px 36px;font-weight:600}.about-constellation .about-contact .btn-gradient:hover{background:var(--brand-red)}.about-scene{--scene-surface:#14212a;--scene-metal:#253945;--scene-deep:#0a1218;--scene-outline:#4b6573;--scene-detail:#8da8b5;--scene-highlight:#c4b5fd;--scene-cyan:#67e8f9;--scene-code:#a7f3d0;--scene-success:#4ade80;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:16px;justify-self:center;width:min(100%,240px);min-width:44px;min-height:44px;padding:0;display:block;position:relative}.about-scene:focus-visible{outline:2px solid var(--dev-cyan);outline-offset:8px}.about-scene-code{grid-area:code}.about-scene-interface{grid-area:interface}.about-scene-system{grid-area:system}.about-scene-automation{grid-area:automation}.about-scene-art{transition:transform .22s;display:block}.about-scene-art>svg{width:100%;height:auto;display:block;overflow:visible}.about-scene:hover .about-scene-art{transform:translateY(-3px)}.about-scene[data-playing=true] .about-code-lines text{animation:5.6s steps(4,end) infinite about-code-reveal}.about-scene[data-playing=true] .about-code-lines text:nth-child(2){animation-delay:.1s}.about-scene[data-playing=true] .about-code-lines text:nth-child(3){animation-delay:.22s}.about-scene[data-playing=true] .about-monitor-cursor{transform-box:fill-box;transform-origin:50%;animation:5.6s ease-in-out infinite about-cursor-click}.about-scene[data-playing=true] .about-monitor-tile{animation:5.6s infinite about-tile-response}.about-scene[data-playing=true] .about-control-dpad{animation:5.6s infinite about-control-press}.about-scene[data-playing=true] .about-control-a{animation:5.6s infinite about-tile-response}.about-scene[data-playing=true] .about-control-b{animation:5.6s .3s infinite about-tile-response}.about-scene[data-playing=true] .about-automation-packet{animation:5.6s ease-in-out infinite about-packet-route}@keyframes about-code-reveal{0%,15%{opacity:.15}45%,to{opacity:1}}@keyframes about-cursor-click{0%,to{transform:translate(0)}45%,65%{transform:translate(-103px)}55%{transform:translate(-103px,2px)scale(.9)}}@keyframes about-tile-response{0%,35%,to{opacity:1}55%,70%{opacity:.45}}@keyframes about-control-press{0%,to{transform:translate(0)}50%{transform:translate(1px,2px)}}@keyframes about-packet-route{0%{transform:translate(-95px,-19px)}30%{transform:translateY(-19px)}65%{transform:translateY(72px)}90%{transform:translate(101px,72px)}to{transform:translate(0)}}@media (width>=1024px){.about-constellation{min-height:min(760px,100svh - 64px);padding-block:0;display:block}.about-constellation .about-story{z-index:1;margin-inline:auto;padding-block:150px 80px;position:relative}.about-scene{width:clamp(170px,19vw,260px);position:absolute}.about-scene-code{top:36px;left:0}.about-scene-interface{top:42px;right:0}.about-scene-system{bottom:10px;left:16px}.about-scene-automation{bottom:12px;right:0}}@media (width<=600px){.about-constellation{gap:16px;padding-block:0}.about-scene{max-width:160px}.about-constellation .about-story h2{margin-bottom:24px}.about-constellation .about-contact{margin-top:24px}}@media (prefers-reduced-motion:reduce){.about-scene-art,.about-scene *{transition:none!important;animation:none!important}.about-scene:hover .about-scene-art{transform:none}}.visitor-section .visitor-metrics{margin-block:32px}.visitor-section .visitor-metrics dl{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.visitor-section .visitor-metrics dt{color:var(--silver);opacity:.75;font-size:13px}.visitor-section .visitor-metrics dd{color:var(--silver);font-size:clamp(28px,4vw,44px);font-weight:500;line-height:1.2}.visitor-section .visitor-atlas{border:1px solid var(--border);background:color-mix(in oklch, var(--silver) 3%, var(--ink));border-radius:12px;overflow:hidden}.visitor-map-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.visitor-map-toolbar label{align-items:center;gap:8px;font-size:12px;display:flex}.visitor-map-toolbar select{background:var(--ink);color:var(--silver);border:1px solid var(--border);border-radius:6px;max-width:220px;min-height:44px;padding:8px}.visitor-map-toolbar>span{opacity:.65;margin-left:auto;font-size:12px}.visitor-section .visitor-world{aspect-ratio:2;width:100%;max-height:540px;padding:24px;display:block}.visitor-section .visitor-country{fill:color-mix(in oklch, var(--silver) 25%, var(--ink));cursor:pointer;outline:none;transition:fill .15s,opacity .15s}.visitor-section .visitor-country.has-visits{fill:color-mix(in oklch, var(--dev-cyan) 68%, var(--ink))}.visitor-section .visitor-country.is-highlighted,.visitor-section .visitor-country:focus-visible{fill:var(--dev-cyan)}.visitor-section .visitor-country.is-muted{opacity:.18}.visitor-city-point{fill:var(--dev-violet);stroke:var(--ink);stroke-width:.12px;cursor:pointer;outline:none}.visitor-city-point:hover,.visitor-city-point:focus-visible{fill:var(--silver);stroke:var(--dev-cyan);stroke-width:.2px}.visitor-own-point{fill:none;stroke:var(--silver);stroke-width:.2px;pointer-events:none}.visitor-own-point path{stroke:var(--dev-violet);stroke-width:.3px}.visitor-location-panel{border-top:1px solid var(--border);align-items:center;gap:12px;min-height:88px;padding:20px;display:flex}.visitor-location-panel>svg{width:24px;height:24px;color:var(--dev-cyan);flex-shrink:0}.visitor-location-panel strong{font-size:18px;font-weight:500;display:block}.visitor-location-panel div>span{opacity:.75;font-size:13px;display:block}.visitor-you{color:var(--dev-violet);margin-left:auto;font-size:12px}.visitor-city-list{margin-top:24px}.visitor-city-list h3{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;display:flex}.visitor-city-list h3 svg{width:20px}.visitor-city-list ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.visitor-city-list button{text-align:left;border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px;display:flex}.visitor-city-list small{opacity:.65;font-size:11px;display:block}.visitor-city-list button:hover,.visitor-city-list button:focus-visible{border-color:var(--dev-cyan);outline:2px solid var(--dev-cyan);outline-offset:2px}.visitor-country-rank{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.visitor-country-rank h3{width:100%;font-size:14px}.visitor-country-rank button{border:1px solid var(--border);gap:12px;min-height:44px;padding:8px 12px}.visitor-country-rank button>span{color:var(--dev-violet)}.visitor-privacy{color:var(--silver);margin-top:24px;font-size:12px;line-height:1.6}.visitor-privacy summary{cursor:pointer;min-height:44px;padding-block:12px}.visitor-privacy p{opacity:.75;max-width:90ch;margin-bottom:12px}.visitor-preferences{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.visitor-preferences>span{opacity:.7;font-size:12px}@media (width<=640px){.visitor-section .visitor-metrics dl{grid-template-columns:repeat(2,1fr);gap:20px}.visitor-map-toolbar{gap:8px;padding:12px}.visitor-map-toolbar label{flex-wrap:wrap;flex:1}.visitor-map-toolbar select{width:100%;max-width:none}.visitor-map-toolbar>span{width:100%;margin:0}.visitor-section .visitor-world{min-height:240px;padding:12px}.visitor-location-panel{flex-wrap:wrap;padding:16px}.visitor-you{width:100%;margin:0}.visitor-city-list ul{grid-template-columns:1fr}.visitor-preferences button{width:100%}}@media (prefers-reduced-motion:reduce){.visitor-section .visitor-country{transition:none}}.visitor-region-filter{align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.visitor-region-filter select{background:var(--ink);border:1px solid var(--border);max-width:240px;min-height:44px;color:var(--silver);border-radius:6px;padding:8px}