:root{--sensor:#3ce0bd;--sensor-blue:#3c8cff;--sensor-warm:#ffbd67}.sensor-product{background:#041018}.sensor-product .product-scene{background:#041018}.product-nav nav .current{color:var(--sensor);opacity:1}.sensor-hero-image{position:absolute;inset:-3%;background:url('assets/sensinova-responsive-home.png') center/cover;animation:sensorHero 10s ease-in-out infinite alternate}.sensor-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020b13f6 0,#020b13d4 34%,transparent 63%),linear-gradient(0deg,#020b13ae,transparent 43%)}@keyframes sensorHero{to{transform:scale(1.045);filter:brightness(1.1)}}.sensor-copy{position:absolute;z-index:3;left:10vw;top:50%;translate:0 -44%;max-width:690px}.sensor-copy p,.sensor-section-copy p,.curtain-copy p,.switch-copy p,.security-copy p{max-width:520px;color:#afbdc9;font-size:15px;line-height:1.75}.hero-detection{position:absolute;z-index:4;right:5vw;bottom:6vh;width:310px;padding:15px;border:1px solid #5ce5ca58;border-radius:16px;background:#03141bc7;backdrop-filter:blur(15px);display:flex;align-items:center;gap:11px}.hero-detection>i{position:absolute;left:19px;width:11px;height:11px;border:1px solid var(--sensor);border-radius:50%;animation:heroRadar 2.4s ease-out infinite}.hero-detection>i:nth-child(2){animation-delay:.8s}.hero-detection>i:nth-child(3){animation-delay:1.6s}@keyframes heroRadar{to{transform:scale(5);opacity:0}}.hero-detection span{display:grid;margin-left:34px}.hero-detection small{font-size:8px;letter-spacing:.15em;color:#65d9c2}.hero-detection b{font:500 13px Manrope;margin-top:3px}.hero-detection em{margin-left:auto;font:600 8px Manrope;color:#ffcf89;font-style:normal}
.detection-scene{background:radial-gradient(circle at 73% 50%,#087f793b,transparent 34%),linear-gradient(135deg,#061a28,#030b13)}.detection-scene:before,.sensor-range:before,.switch-scene:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:60px 60px;animation:sensorGrid 18s linear infinite}@keyframes sensorGrid{to{background-position:60px 60px}}.sensor-section-copy,.switch-copy,.security-copy{position:absolute;z-index:3;left:10vw;top:50%;translate:0 -48%;width:39%}.sensor-section-copy h2,.curtain-copy h2,.switch-copy h2,.security-copy h2{font-size:clamp(44px,5vw,72px)}.detection-stats{display:flex;gap:10px;margin-top:28px}.detection-stats span{width:105px;padding:12px;border:1px solid #ffffff24;border-radius:13px;background:#071a26b0;display:grid}.detection-stats b{font:500 19px Manrope}.detection-stats small{font-size:8px;color:#67d9c2;margin-top:3px}.detection-field{position:absolute;right:5vw;top:12vh;width:52vw;height:76vh;border:1px solid #55ddc53b;border-radius:50%;background:repeating-radial-gradient(circle,#4ce1c912 0 1px,transparent 2px 87px);overflow:hidden;box-shadow:inset 0 0 80px #0d8f7f22}.radar-sweep{position:absolute;inset:50% 0 0 50%;transform-origin:0 0;background:conic-gradient(from -24deg,#4ce1c956,transparent 34deg);animation:radarSpin 5s linear infinite}@keyframes radarSpin{to{rotate:360deg}}.radar-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:110px;height:110px;border:1px solid #65ead3;border-radius:50%;display:grid;place-content:center;text-align:center;background:#06212a;box-shadow:0 0 60px #38d4b76e}.radar-core b{font:600 21px Manrope}.radar-core small{font-size:8px;color:#62dbc7}.detect-node{position:absolute;padding:10px 13px;border:1px solid #ffffff29;border-radius:12px;background:#061b27db;font:600 9px Manrope;display:flex;gap:8px;align-items:center}.detect-node i{width:7px;height:7px;border-radius:50%;background:var(--sensor);box-shadow:0 0 12px var(--sensor);animation:detectBlink 1.5s ease-in-out infinite}@keyframes detectBlink{50%{opacity:.25}}.dn1{left:15%;top:24%}.dn2{right:16%;top:18%}.dn3{right:8%;top:50%}.dn4{right:24%;bottom:15%}.dn5{left:13%;bottom:22%}.detect-log{position:absolute;left:18%;right:18%;bottom:4%;padding:13px 15px;border:1px solid #ffffff24;border-radius:13px;background:#06141fe8;display:grid;grid-template-columns:75px 1fr auto;align-items:center;font-size:10px}.detect-log span{color:#5d7785}.detect-log em{font:600 8px Manrope;color:#60dfc8;font-style:normal}
.sensor-range{padding:105px 7vw 40px 10vw;background:radial-gradient(circle at 85% 10%,#11897d35,transparent 28%),#06121d}.range-head{display:flex;align-items:end;justify-content:space-between}.range-head h2{font-size:clamp(38px,4.2vw,62px);text-align:right;margin:0}.sensor-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border:1px solid #ffffff24;background:#061725a1}.sensor-grid article{height:190px;padding:22px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24;position:relative;overflow:hidden;transition:.4s}.sensor-grid article:nth-child(4n){border-right:0}.sensor-grid article:nth-child(n+5){border-bottom:0}.sensor-grid article span{font-size:10px;color:#57dfc7}.sensor-grid article h3{font:500 18px Manrope;margin:36px 0 7px}.sensor-grid article p{font-size:11px;line-height:1.55;color:#94a8b7}.sensor-grid article>i{position:absolute;width:80px;height:80px;right:-40px;top:-40px;border:1px solid #48dec551;border-radius:50%;box-shadow:0 0 0 18px #38d6bb09;animation:sensePulse 3s ease-out infinite}.sensor-grid article:hover{background:#0a564e77;transform:translateY(-7px);box-shadow:0 20px 50px #0008}@keyframes sensePulse{to{transform:scale(1.5);opacity:0}}
.curtain-scene{background:#07111b}.curtain-window{position:absolute;left:5vw;top:9vh;bottom:5vh;width:59%;overflow:hidden;border-radius:25px;background:linear-gradient(#7ec7ef,#e9d4ab 65%,#33485c);box-shadow:0 30px 90px #0009}.outside-light{position:absolute;inset:0;background:linear-gradient(120deg,#fff8d0a8,transparent 45%);animation:daylight 5s ease-in-out infinite alternate}@keyframes daylight{to{filter:brightness(1.25);translate:8% 0}}.curtain{position:absolute;z-index:2;top:0;bottom:0;width:45%;background:repeating-linear-gradient(90deg,#6b5140 0 14px,#a38269 17px 30px);box-shadow:0 0 35px #0008;transition:1.2s cubic-bezier(.76,0,.24,1)}.left-curtain{left:0;transform-origin:left}.right-curtain{right:0;transform-origin:right}.curtain-window.open .left-curtain,.curtain-window.open .right-curtain{width:15%}.curtain-window.privacy .left-curtain,.curtain-window.privacy .right-curtain{width:33%}.curtain-window.close .left-curtain,.curtain-window.close .right-curtain{width:50%}.curtain-sensor{position:absolute;z-index:3;left:50%;top:12%;translate:-50% 0;padding:11px 15px;border:1px solid #ffffff4d;border-radius:30px;background:#06131aba;display:flex;gap:9px;align-items:center}.curtain-sensor i{width:8px;height:8px;border-radius:50%;background:#ffcc77;box-shadow:0 0 14px #ffcc77}.curtain-sensor small{font-size:9px}.curtain-copy{position:absolute;right:5vw;top:50%;translate:0 -48%;width:29%}.curtain-modes{display:flex;gap:8px;margin-top:28px}.curtain-modes button{padding:11px 14px;border:1px solid #ffffff29;border-radius:30px;background:transparent;color:#91a1b4;font-size:9px;cursor:pointer}.curtain-modes button.active{background:#fff;color:#07111b}
.switch-scene{background:radial-gradient(circle at 73% 50%,#1c8f8338,transparent 34%),#05131e}.switch-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.switch-benefits span{padding:10px 12px;border:1px solid #ffffff2d;border-radius:30px;font-size:9px;letter-spacing:.12em}.gesture-stage{position:absolute;right:7vw;top:15vh;width:48vw;height:70vh;border:1px solid #ffffff20;border-radius:30px;background:radial-gradient(circle,#11374a,#06131e 60%);overflow:hidden}.gesture-hand{position:absolute;left:18%;top:42%;font-size:100px;color:#92a8b6;animation:handWave 2.7s ease-in-out infinite}@keyframes handWave{50%{transform:translateX(70px) rotate(8deg);color:#fff}}.gesture-wave i{position:absolute;left:42%;top:50%;width:55px;height:100px;border:1px solid #4ce2c7;border-left:0;border-radius:0 100% 100% 0;translate:0 -50%;animation:gestureWave 2.1s ease-out infinite}.gesture-wave i:nth-child(2){animation-delay:.7s}.gesture-wave i:nth-child(3){animation-delay:1.4s}@keyframes gestureWave{to{transform:scale(2);opacity:0}}.smart-switch{position:absolute;right:16%;top:36%;width:145px;height:170px;border:1px solid #ffffff46;border-radius:19px;background:linear-gradient(145deg,#eaf0ef,#9aa5a3);color:#0a1a1c;display:grid;place-content:center;text-align:center;box-shadow:0 30px 60px #0008}.smart-switch i{width:54px;height:54px;border:1px solid #159d88;border-radius:50%;margin:auto;box-shadow:0 0 0 12px #159d8810;animation:switchTouch 2.7s ease-out infinite}.smart-switch b{font:600 13px Manrope;margin-top:12px}.smart-switch small{font-size:7px;margin-top:4px}.switch-light{position:absolute;right:2%;top:6%;width:230px;height:230px;border-radius:50%;background:#fff2bf42;filter:blur(30px);animation:lightSense 2.7s ease-in-out infinite}@keyframes lightSense{50%{background:#fff1a8b5;transform:scale(1.3)}}@keyframes switchTouch{50%{box-shadow:0 0 0 25px #20d3b300;background:#64d9c4}}.gesture-status{position:absolute;left:25px;right:25px;bottom:20px;padding:12px 15px;border:1px solid #ffffff25;border-radius:13px;background:#06141edd;display:flex;align-items:center;gap:10px}.gesture-status>i{width:7px;height:7px;border-radius:50%;background:var(--sensor);box-shadow:0 0 12px var(--sensor)}.gesture-status span{display:grid}.gesture-status small{font-size:8px;color:#53d9c1}.gesture-status b{font:500 12px Manrope}
.security-scene{background:radial-gradient(circle at 73% 50%,#0d6d7940,transparent 35%),#050e19}.security-ready{margin-top:28px;max-width:390px;padding:14px;border:1px solid #ffffff24;border-radius:14px;background:#061826;display:flex;align-items:center;gap:11px}.security-ready>i{width:9px;height:9px;border-radius:50%;background:#4ce0a5;box-shadow:0 0 15px #4ce0a5}.security-ready span{display:grid}.security-ready small{font-size:8px;color:#65d9c2}.security-ready b{font:500 12px Manrope}.security-ready em{margin-left:auto;font:600 12px Manrope;color:#65d9c2;font-style:normal}.secure-house{position:absolute;right:6vw;top:13vh;width:49vw;height:72vh}.house-line{position:absolute;border:1px solid #4fcab980}.roof{left:14%;right:10%;top:17%;height:48%;border-bottom:0;transform:skewY(-10deg)}.wall{left:20%;right:15%;top:34%;bottom:8%}.secure-door{position:absolute;z-index:2;left:43%;top:40%;width:145px;height:270px;border:2px solid #61dac7;background:linear-gradient(145deg,#0b2631,#051019);box-shadow:0 0 40px #29c5aa33;display:grid;place-content:center;text-align:center}.secure-door i{width:13px;height:13px;border-radius:50%;background:#4ce0a5;box-shadow:0 0 20px #4ce0a5;margin:auto}.secure-door b{font:600 10px Manrope;margin-top:10px;color:#65e0ca}.secure-window{position:absolute;width:105px;height:105px;border:2px solid #4a9bab;top:42%;display:grid;place-content:center}.secure-window i{width:7px;height:7px;border-radius:50%;background:#4ce0a5;box-shadow:0 0 12px #4ce0a5}.sw1{left:20%}.sw2{right:14%}.alarm-rings i{position:absolute;left:50%;top:55%;width:110px;height:110px;border:1px solid #4ce0c4;border-radius:50%;translate:-50% -50%;animation:alarm 2.6s ease-out infinite}.alarm-rings i:nth-child(2){animation-delay:.85s}.alarm-rings i:nth-child(3){animation-delay:1.7s}@keyframes alarm{to{transform:scale(4);opacity:0}}.zone-label{position:absolute;padding:9px 11px;border:1px solid #ffffff25;border-radius:10px;background:#06131edb;font:600 8px Manrope;letter-spacing:.1em}.zl1{left:42%;bottom:2%}.zl2{right:3%;top:32%}.sensor-cta{background:radial-gradient(circle,#0b887e45,transparent 42%),#051019}.sensor-cta-mark{position:relative;width:90px;height:90px;display:grid;place-content:center;margin-bottom:30px}.sensor-cta-mark i{position:absolute;inset:15px;border:1px solid #52ddc5;border-radius:50%;animation:alarm 2.7s ease-out infinite}.sensor-cta-mark i:nth-child(2){animation-delay:.9s}.sensor-cta-mark i:nth-child(3){animation-delay:1.8s}.sensor-cta-mark b{font:600 15px Manrope}
@media(max-width:900px){.sensor-copy,.sensor-section-copy,.switch-copy,.security-copy{left:16vw;width:72%}.sensor-copy h1{font-size:48px}.hero-detection{display:none}.detection-field,.gesture-stage,.secure-house{right:-40vw;width:85vw;opacity:.48}.sensor-grid{grid-template-columns:repeat(2,1fr)}.sensor-grid article{height:145px;padding:14px}.sensor-grid article h3{font-size:14px;margin-top:23px}.sensor-grid article p{font-size:9px}.curtain-window{left:14vw;right:3vw;width:auto;bottom:48vh}.curtain-copy{left:16vw;right:6vw;bottom:5vh;top:auto;width:auto;translate:0}.range-head h2{font-size:32px}.range-head .eyebrow{display:none}}
.detect-node.active{border-color:#62e5ce;background:#0b594f;box-shadow:0 0 35px #3cddc04f;transform:scale(1.08)}
.sensor-use-effects{position:absolute;z-index:3;inset:0;pointer-events:none}.entry-radar{position:absolute;left:40%;top:28%;width:150px;height:150px}.entry-radar i{position:absolute;inset:45%;border:1px solid #55e2c8;border-radius:50%;animation:entrySense 2.3s ease-out infinite}.entry-radar i:nth-child(2){animation-delay:.75s}.entry-radar i:nth-child(3){animation-delay:1.5s}.entry-radar b{position:absolute;left:50%;top:50%;translate:-50% -50%;font:600 7px Manrope;letter-spacing:.13em;color:#6ce0cc;opacity:0}@keyframes entrySense{to{inset:0;opacity:0}}
.path-sequence i{position:absolute;bottom:12%;width:18px;height:18px;border-radius:50%;background:#ffca7554;box-shadow:0 0 30px #ffbd67;opacity:.2}.path-sequence i:nth-child(1){left:45%;animation-delay:0s}.path-sequence i:nth-child(2){left:51%;animation-delay:.28s}.path-sequence i:nth-child(3){left:57%;animation-delay:.56s}.path-sequence i:nth-child(4){left:63%;animation-delay:.84s}.path-sequence i:nth-child(5){left:69%;animation-delay:1.12s}.sensor-hero[data-effect="path"] .path-sequence i{animation:pathLightOn 2.3s ease-in-out infinite}@keyframes pathLightOn{20%,70%{opacity:1;transform:scale(1.45);background:#ffe0a1;box-shadow:0 0 45px #ffc66d}100%{opacity:.24}}
.effect-marker{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #ffffff2b;border-radius:12px;background:#04171dcc;backdrop-filter:blur(12px);opacity:0;transform:translateY(8px) scale(.94);transition:.45s}.effect-marker>i{width:7px;height:7px;border-radius:50%;background:#59dfc5;box-shadow:0 0 12px #59dfc5}.effect-marker span{display:grid}.effect-marker small{font-size:7px;letter-spacing:.13em;color:#63ddc6}.effect-marker b{font:500 10px Manrope}.effect-entry{left:43%;top:39%}.effect-cupboard{left:70%;top:29%}.effect-curtain{right:6%;top:30%}.effect-secure{left:43%;top:49%}.sensor-hero[data-effect="arrival"] .effect-entry,.sensor-hero[data-effect="cupboard"] .effect-cupboard,.sensor-hero[data-effect="curtain"] .effect-curtain,.sensor-hero[data-effect="secure"] .effect-secure{opacity:1;transform:none;box-shadow:0 15px 40px #0008,0 0 30px #3fdbc024}
.sensor-hero[data-effect="arrival"] .entry-radar b{opacity:1}.sensor-hero[data-effect="arrival"] .entry-radar{filter:drop-shadow(0 0 10px #48dbc4)}
.cupboard-activation{position:absolute;left:71%;top:22%;width:11%;height:27%;border-radius:12px;background:#ffd27d1f;filter:blur(7px);opacity:.18;transition:1s}.sensor-hero[data-effect="cupboard"] .cupboard-activation{opacity:1;background:#ffd27d62;box-shadow:0 0 75px #ffc15c;animation:cupboardGlow 2.2s ease-in-out infinite}@keyframes cupboardGlow{50%{filter:blur(12px) brightness(1.4)}}
.curtain-activation{position:absolute;right:4%;top:16%;width:16%;height:50%;display:flex;justify-content:space-between;overflow:hidden}.curtain-activation i{width:42%;height:100%;background:linear-gradient(90deg,#fff0,#fff3dc2b);opacity:0;transition:1.2s cubic-bezier(.76,0,.24,1)}.curtain-activation i:last-child{background:linear-gradient(270deg,#fff0,#fff3dc2b)}.sensor-hero[data-effect="curtain"] .curtain-activation i{opacity:1;transform:translateX(-30%)}.sensor-hero[data-effect="curtain"] .curtain-activation i:last-child{transform:translateX(30%)}
.sensor-hero[data-effect="secure"] .effect-secure>i{background:#56e4a6;box-shadow:0 0 0 7px #56e4a619,0 0 18px #56e4a6}.sensor-progress{position:absolute;left:14px;right:14px;bottom:0;height:1px;background:#ffffff18;overflow:hidden}.sensor-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#47dec4,#ffcb78);transform-origin:left;animation:sensorCardProgress 2.8s linear infinite}@keyframes sensorCardProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.curtain-track{position:absolute;z-index:4;left:7%;right:7%;top:12px;height:4px;border-radius:5px;background:#2a211c;box-shadow:0 4px 12px #0008}.curtain-track i{display:block;width:18%;height:100%;border-radius:5px;background:linear-gradient(90deg,transparent,#ffd284,transparent);box-shadow:0 0 13px #ffd284;animation:curtainMotor 5s ease-in-out infinite}@keyframes curtainMotor{0%,100%{translate:0}50%{translate:455% 0}}
.curtain-action{position:absolute;z-index:4;left:24px;bottom:22px;padding:11px 14px;border:1px solid #ffffff35;border-radius:13px;background:#06131acc;backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px}.curtain-action>i{width:7px;height:7px;border-radius:50%;background:#58e0b7;box-shadow:0 0 14px #58e0b7;animation:curtainLive 1.4s ease-in-out infinite}.curtain-action span{display:grid}.curtain-action small{font-size:8px;letter-spacing:.13em;color:#6fe0c1}.curtain-action b{font:500 11px Manrope}@keyframes curtainLive{50%{opacity:.3;transform:scale(.7)}}
.curtain-copy h2 span,.curtain-copy h2 em{display:inline-block;animation:curtainWords 6s ease-in-out infinite}.curtain-copy h2 em{animation-delay:.45s}@keyframes curtainWords{0%,100%{opacity:.58;transform:translateY(8px)}18%,70%{opacity:1;transform:translateY(0);text-shadow:0 0 35px #77a5ff3d}}
.curtain-window.close .outside-light{filter:brightness(.35) saturate(.65)}.curtain-window.privacy .outside-light{filter:brightness(.72)}.curtain-window.open .outside-light{filter:brightness(1.18) saturate(1.08)}