@font-face{font-family:'Space Grotesk';src:url('../fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
body{font-family:'Space Grotesk',sans-serif}.wordmark{font-family:Arial,sans-serif}h2,h3{font-weight:500}
.interactive-hero{position:relative;width:100%;max-width:1920px;margin:auto;padding:0;background:#050a0e;isolation:isolate;overflow:hidden}
.interactive-hero .hero-grid{display:block;position:relative;height:auto;min-height:0;aspect-ratio:1672/941}
.studio-header{position:absolute;top:0;left:0;width:32%;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:28px 0 0 4%}.studio-header .wordmark{font-size:34px}.studio-location{font-size:7px;letter-spacing:1px;color:#b3c7d0}.studio-contact{display:none}
.hero-copy{position:absolute;top:35%;left:4%;width:29%;padding:0;z-index:2}.hero-copy h1{font-size:clamp(30px,4vw,72px);font-weight:500;line-height:1.05;letter-spacing:-2px;margin:0 0 22px}.studio-caption{font-size:8px;letter-spacing:1.4px;color:#acbdc4;margin:0 0 20px}.hero-copy .intro{font-size:clamp(11px,1vw,16px);line-height:1.8;color:#c0cbd1;margin:0}.hero-copy .actions{margin-top:28px}.hero-copy .button{background:#102128d9;color:#e0f7ff;border-color:#406571;font-size:12px;padding:13px 18px}.hero-copy .button:hover{background:#1d3a45}
.setup{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto}.studio-picture,.setup-image{display:block;width:100%;height:100%}.setup-image{object-fit:contain;mask-image:none;border-radius:0;user-select:none}
.setup-nav,.setup-links{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;transform:none;pointer-events:none}
.setup-nav a,.setup-links .hotspot{position:absolute;display:block;pointer-events:auto;margin:0;padding:0;border:0;background:none;border-radius:4px;box-shadow:none;color:#e0faff;transform:none;transition:none}
.setup-nav a{top:6%;height:22.5%}.setup-nav a:nth-child(1){left:46.7%;width:9.4%}.setup-nav a:nth-child(2){left:63.2%;width:11.4%}.setup-nav a:nth-child(3){left:81.5%;width:10.7%}
.setup-nav .object-label{position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;bottom:.3%;height:17%;font-size:clamp(11px,1.15vw,19px);font-weight:600;letter-spacing:.15px;text-shadow:0 1px 3px #000;color:#e3fbff;white-space:nowrap;transform:none;background:none;padding:0;border:0;box-shadow:none}
.setup-nav a:nth-child(2) .object-label{color:#ffc7b9}.setup-nav a.is-active:after{display:none}
.setup-links .hotspot-web{left:60.7%;top:37%;width:12.1%;height:26%}.setup-links .hotspot-software{left:79.4%;right:auto;top:53%;width:10.2%;height:22.4%}.setup-links .hotspot-auto{left:81.2%;right:auto;top:78%;width:10.1%;height:16.7%}
.setup-links .hotspot .device-label{position:absolute;left:0;right:0;bottom:0;height:20%;display:flex;justify-content:center;align-items:center;white-space:nowrap;font-size:clamp(10px,1vw,17px);font-weight:600;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#e3fbff;text-shadow:0 1px 3px #000}
.setup-links .hotspot-web .device-label{transform:rotate(7deg);bottom:0;height:20%}.setup-links .hotspot-software .device-label{transform:rotate(11deg);color:#ffd1c4;height:22%;font-size:clamp(9px,.88vw,15px)}.setup-links .hotspot-auto .device-label{transform:rotate(21deg);height:25%;bottom:0;font-size:clamp(9px,.9vw,16px)}
.setup-nav a:hover,.setup-links .hotspot:hover{filter:none;transform:none;background:none}.setup-nav a:hover .object-label,.setup-links .hotspot:hover .device-label{color:#fff;text-shadow:0 0 12px #0ee8ff,0 0 22px #0ee8ff;filter:brightness(1.2)}
.setup-nav a:focus-visible,.setup-links .hotspot:focus-visible{outline:2px solid #effaff;outline-offset:6px;background:#12b6d712}
.setup-hint{position:absolute;bottom:5%;left:4%;right:auto;background:none;border:0;padding:0;margin:0;font-size:7px;letter-spacing:1px;color:#a8c7d3}.interactive-hero .hero-foot{position:absolute;bottom:0;left:4%;right:auto;border:0;margin:0;padding:12px 0;font-size:8px;letter-spacing:1px}.interactive-hero .hero-foot a{display:none}
@media(min-width:1001px) and (max-width:1050px){.studio-header{padding-top:16px}.studio-header .wordmark{font-size:27px}.studio-location{font-size:6px}.hero-copy{top:34%}.hero-copy h1{margin-bottom:14px}.studio-caption{font-size:6px;margin-bottom:12px}.hero-copy .intro{font-size:10px}.hero-copy .actions{margin-top:18px}.hero-copy .button{font-size:10px;padding:10px 12px}.setup-nav .object-label{font-size:10px}.setup-links .hotspot .device-label{font-size:9px}.setup-links .hotspot-software .device-label{font-size:8px}.setup-links .hotspot-auto .device-label{font-size:8px}}
@media(max-width:1000px) and (orientation:portrait){
 .interactive-hero{max-width:600px}.studio-header{position:relative;top:auto;left:auto;width:100%;padding:18px 22px;justify-content:space-between;flex-wrap:nowrap;gap:12px}.studio-header .wordmark{font-size:30px}.studio-location{display:none}.studio-contact{display:block;font-size:11px;color:var(--salmon)}
 .interactive-hero .hero-grid{height:auto;min-height:0;aspect-ratio:auto}.hero-copy{position:relative;inset:auto;width:auto;margin:0;padding:18px 24px 24px;pointer-events:auto}.studio-caption{font-size:7px;letter-spacing:1px;margin-bottom:10px}.hero-copy h1{font-size:clamp(34px,8.5vw,49px);letter-spacing:-1.5px;margin-bottom:12px}.hero-copy h1 br{display:none}.hero-copy h1 em:before{content:' '}.hero-copy .intro{font-size:12px;line-height:1.7}.hero-copy .actions{margin-top:16px}.hero-copy .button{padding:10px 15px;font-size:11px}
 .setup{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2/3;margin:0}.studio-picture,.setup-image{height:100%;width:100%;object-fit:contain;mask-image:none}
 .setup-nav a{top:5%;height:17%}.setup-nav a:nth-child(1){left:8%;width:22%}.setup-nav a:nth-child(2){left:35%;width:30%}.setup-nav a:nth-child(3){left:70.2%;width:22%}.setup-nav .object-label{font-size:clamp(11px,3.1vw,17px);bottom:2.5%;height:18%;letter-spacing:0}
 .setup-links .hotspot-web{left:23.2%;top:27%;width:53.5%;height:21%}.setup-links .hotspot-software{left:5.7%;top:51%;width:31.5%;height:15.2%}.setup-links .hotspot-auto{left:63%;top:54%;width:31%;height:12.2%}
 .setup-links .hotspot .device-label{transform:none;font-size:clamp(11px,3vw,17px);height:22%;bottom:0;white-space:nowrap}.setup-links .hotspot-web .device-label{height:16%;bottom:0;font-size:clamp(14px,3.8vw,20px)}.setup-links .hotspot-software .device-label{font-size:clamp(10px,2.8vw,16px)}.setup-links .hotspot-auto .device-label{font-size:clamp(10px,2.8vw,16px);height:27%}
 .setup-hint{top:-14px;bottom:auto;left:auto;right:16px;font-size:6px;letter-spacing:.5px;background:#050a0ed9;padding:3px 5px;border-radius:2px}.setup-hint .status-dot{width:4px;height:4px;margin-right:4px}.interactive-hero .hero-foot{position:relative;inset:auto;padding:18px 24px;margin:0;font-size:8px}
}