:root{--blue:#2465ff;--navy:#030b1d;--line:#ffffff26}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--navy);color:#fff;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.product-nav{height:78px;position:fixed;z-index:30;left:0;right:0;top:0;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:linear-gradient(#030a18dc,transparent)}.logo-crop{position:relative;width:132px;height:39px;overflow:hidden;border-radius:8px;background:#fff}.logo-crop img{position:absolute;width:132px;height:132px;top:-47px;left:0}.product-nav nav{display:flex;gap:34px;margin-left:auto;margin-right:40px;font-size:10px}.product-nav nav a{opacity:.66}.product-nav nav a:hover{opacity:1}.nav-contact{background:#fff;color:#07101f;padding:12px 18px;border-radius:30px;font-size:10px}.product-rail{position:fixed;z-index:25;left:3.2vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column}.product-rail a{width:76px;height:75px;border-left:1px solid #ffffff2a;padding:10px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.product-rail a b{font:500 8px Manrope;color:#72809a}.product-rail a span{font:600 6px/1.35 Manrope;letter-spacing:.1em;color:#66738a}.product-rail a.active{border-color:var(--blue);background:#175cff17}.product-rail a.active b,.product-rail a.active span{color:#fff}#productExperience{position:fixed;inset:0;perspective:1200px}.product-scene{position:absolute;inset:0;visibility:hidden;opacity:0;overflow:hidden;background:#06132d}.product-scene.active{visibility:visible;opacity:1}.hero-image{position:absolute;inset:-4%;background:linear-gradient(90deg,#020817aa,transparent),url('assets/living-room.png') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020817e8 0,#0208176b 53%,#02081720),linear-gradient(0deg,#020817a8,transparent 45%)}.hero-copy{position:absolute;z-index:2;left:10vw;top:50%;transform:translateY(-45%);max-width:760px}.eyebrow{font:600 8px Manrope;letter-spacing:.22em;color:#c4cee0;display:flex;align-items:center;gap:12px}.eyebrow i{width:32px;height:1px;background:var(--blue)}h1,h2{font:500 clamp(47px,6.3vw,92px)/.96 Manrope;letter-spacing:-.065em;margin:24px 0}h1 em,h2 em{font-weight:400;color:#8ca7e7}.hero-copy p,.overview-copy p,.profile-copy p{max-width:500px;color:#abb6c8;line-height:1.7;font-size:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-actions button{border:0;background:#fff;border-radius:30px;padding:14px 20px;cursor:pointer}.hero-actions button span{margin-left:24px}.hero-actions small{font-size:7px;letter-spacing:.17em;color:#77869f}.hero-stat{position:absolute;right:7vw;bottom:6vh;display:flex;gap:12px;align-items:center}.hero-stat b{font:500 26px Manrope}.hero-stat span{font-size:8px;color:#9ba8ba}.overview-scene{background:radial-gradient(circle at 72% 50%,#154bb544,transparent 35%),#06122a}.overview-copy{position:absolute;left:10vw;top:50%;transform:translateY(-48%);width:44%}.overview-copy h2{font-size:clamp(45px,5.2vw,76px)}.protocol{display:flex;gap:14px;align-items:center;margin-top:28px}.protocol>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid #507be0;font:600 8px Manrope}.protocol div{display:flex;flex-direction:column}.protocol b{font:500 12px Manrope}.protocol small{font-size:8px;color:#8290a5;margin-top:5px}.automation-orbit{position:absolute;width:540px;height:540px;right:8vw;top:50%;transform:translateY(-50%);display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #2766ff55;border-radius:50%;animation:spin 20s linear infinite}.o1{inset:30px}.o2{inset:95px;animation-direction:reverse}.o3{inset:165px;animation-duration:12s}@keyframes spin{to{transform:rotate(360deg)}}.hc-core{width:120px;height:120px;border-radius:34px;background:linear-gradient(145deg,#286dff,#061535);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 90px #175cff88;border:1px solid #79a0ff;animation:breathe 2.5s ease-in-out infinite}.hc-core b{font:600 34px Manrope}.hc-core small{font-size:7px;letter-spacing:.2em}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 0 130px #175cffbb}}.orbit-node{position:absolute;width:80px;height:48px;border:1px solid #ffffff2a;border-radius:11px;background:#0a1831cc;display:grid;place-items:center;text-align:center;font:600 7px/1.3 Manrope}.n1{left:35px;top:130px}.n2{right:38px;top:120px}.n3{right:18px;bottom:130px}.n4{left:230px;bottom:18px}.n5{left:14px;bottom:145px}.feature-scene{padding:105px 8vw 45px 10vw;background:linear-gradient(135deg,#eceae5,#dfe5ee);color:#07101f}.feature-heading{display:flex;align-items:end;justify-content:space-between}.feature-heading .eyebrow{color:#35558b;align-self:flex-start;margin-top:15px}.feature-heading h2{font-size:clamp(38px,4.5vw,64px);text-align:right;margin:0}.feature-heading h2 em{color:#5e75a7}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border-top:1px solid #a9b2c0;border-left:1px solid #a9b2c0}.feature-list article{height:210px;padding:25px;border-right:1px solid #a9b2c0;border-bottom:1px solid #a9b2c0;transition:.35s;position:relative}.feature-list article:hover{background:#fff;transform:translateY(-6px);box-shadow:0 18px 40px #16336522}.feature-list span{color:var(--blue);font-size:8px}.feature-list h3{font:500 20px Manrope;margin:42px 0 8px}.feature-list p{font-size:10px;color:#657080;line-height:1.55;max-width:300px}.profile-scene{background:radial-gradient(circle at 20% 50%,#174dc62e,transparent 34%),#06122a}.profile-image{position:absolute;left:7vw;top:12vh;bottom:7vh;width:58%;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 80px #0006}.profile-image img{width:100%;height:100%;object-fit:contain}.profile-copy{position:absolute;right:6vw;top:50%;transform:translateY(-50%);width:29%}.profile-copy h2{font-size:clamp(42px,4.8vw,68px)}.profile-copy a{display:inline-block;margin-top:25px;border:1px solid #ffffff40;border-radius:30px;padding:14px 20px;font-size:10px}.product-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#194dc944,transparent 45%),#06132d}.product-cta h2{font-size:clamp(47px,6vw,88px)}.product-cta p{color:#aab5c7}.cta-ring{width:76px;height:76px;border:1px solid #4474de;border-radius:50%;display:grid;place-items:center;margin-bottom:25px;box-shadow:0 0 0 13px #175cff14,0 0 0 26px #175cff0a}.cta-ring span{font:600 14px Manrope}.cta-links{display:flex;gap:10px;margin-top:28px}.cta-links a{padding:14px 20px;border:1px solid #ffffff35;border-radius:30px;font-size:10px}.cta-links a:first-child{background:white;color:#07101f}.scene-progress{position:fixed;z-index:30;right:4vw;bottom:4vh;display:flex;align-items:center;gap:10px;font:500 8px Manrope;letter-spacing:.16em}.scene-progress i{width:48px;height:1px;background:#ffffff30;position:relative}.scene-progress i:after{content:"";position:absolute;left:0;top:0;height:1px;width:20%;background:var(--blue)}.scene-progress b{color:#6f7c91}
@media(max-width:900px){.product-nav nav{display:none}.product-rail{left:0}.product-rail a{width:53px}.product-rail a span{display:none}.hero-copy,.overview-copy{left:16vw;width:72%}.hero-copy h1{font-size:48px}.automation-orbit{width:300px;height:300px;right:-90px;bottom:15px;top:auto;transform:none;opacity:.55}.orbit-node{display:none}.feature-scene{padding:95px 5vw 30px 16vw}.feature-heading{display:block}.feature-heading h2{text-align:left;font-size:34px;margin-top:16px}.feature-list{grid-template-columns:repeat(2,1fr)}.feature-list article{height:150px;padding:14px}.feature-list h3{font-size:13px;margin-top:22px}.feature-list p{font-size:8px}.profile-image{left:14vw;right:5vw;width:auto;top:10vh;bottom:45vh}.profile-copy{left:16vw;right:7vw;top:auto;bottom:7vh;width:auto;transform:none}.profile-copy h2{font-size:38px}.product-cta{padding-left:12vw}.product-cta h2{font-size:46px}.cta-links{flex-direction:column}}

/* Expanded product artwork experience */
.hero-image{background:radial-gradient(circle at 80% 50%,#175cff32,transparent 35%),linear-gradient(135deg,#071b40,#020817 68%)!important}.hero-overlay{background:linear-gradient(90deg,#020817ed 0,#020817a8 48%,#02081738),linear-gradient(0deg,#020817a8,transparent 45%)!important}.hero-product-sheet{position:absolute;z-index:1;right:4vw;top:13vh;width:56vw;height:76vh;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 35px 100px #0008;transform:perspective(1000px) rotateY(-7deg) rotateZ(1deg)}.hero-product-sheet img{width:100%;height:100%;object-fit:contain}
.interface-scene{background:radial-gradient(circle at 75% 40%,#1549ad3d,transparent 38%),linear-gradient(135deg,#07172f,#030a19)}.interface-copy{position:absolute;left:9vw;top:50%;transform:translateY(-50%);width:31%}.interface-copy h2{font-size:clamp(43px,4.8vw,70px)}.interface-copy p{font-size:13px;line-height:1.7;color:#aab6c8}.interface-gallery{position:absolute;right:5vw;top:13vh;bottom:8vh;width:55%;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:12px}.interface-visual{position:relative;border:1px solid #ffffff26;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 22px 55px #0006;transition:.4s}.interface-visual:hover{transform:translateY(-7px);box-shadow:0 28px 70px #0009}.panel-wide{grid-row:1/3}.crop-image{position:absolute;inset:0;background-image:url('assets/hogar-product-profile-v2.png');background-repeat:no-repeat;background-color:#fff}.crop-touch{background-size:205% auto;background-position:97% 44%}.crop-square{background-size:230% auto;background-position:96% 39%}.crop-app{background-size:215% auto;background-position:73% 94%}.interface-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#020817e8)}.interface-visual span,.interface-visual b{position:absolute;z-index:2;left:20px}.interface-visual span{bottom:42px;font-size:7px;letter-spacing:.17em;color:#b8c9ef}.interface-visual b{bottom:18px;font:500 15px Manrope;color:#fff}
@media(max-width:900px){.hero-product-sheet{right:-30vw;width:85vw;height:50vh;top:28vh;opacity:.4}.interface-copy{left:15vw;top:19vh;transform:none;width:76%}.interface-copy h2{font-size:36px}.interface-gallery{left:15vw;right:5vw;top:53vh;width:auto;bottom:5vh;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.panel-wide{grid-row:auto}.interface-visual span{display:none}.interface-visual b{font-size:9px;left:8px;bottom:9px}}

/* Standalone product photography replacing brochure crops. */
.crop-image{background-repeat:no-repeat!important;background-color:#061027!important;background-size:cover!important;background-position:center!important}
.crop-touch{background-image:url('assets/hogar-touch-panels.png')!important;background-position:center 54%!important}
.crop-square{background-image:url('assets/hogar-white-gold-control.png')!important}
.crop-app{background-image:url('assets/hogar-mobile-control.png')!important}

/* Animated Hogar product ecosystem hero */
.hero-product-sheet{display:none!important}.hero-product-stage{position:absolute;z-index:1;right:3.5vw;top:11vh;width:58vw;height:78vh;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#175cff38,transparent 32%),linear-gradient(145deg,#07172fbb,#020714cc);border:1px solid #ffffff18;box-shadow:0 35px 100px #0008;transform:perspective(1100px) rotateY(-5deg);transform-style:preserve-3d}.stage-orbit{position:absolute;border:1px solid #3972f660;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:stageSpin 18s linear infinite}.orbit-a{width:410px;height:410px}.orbit-b{width:590px;height:590px;border-style:dashed;animation-duration:28s;animation-direction:reverse}@keyframes stageSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.stage-core{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:34px;background:linear-gradient(145deg,#2b71ff,#071b47);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #81a4ff;box-shadow:0 0 100px #175cffaa;animation:stageCore 2.6s ease-in-out infinite}.stage-core b{font:600 34px Manrope}.stage-core small{font-size:7px;letter-spacing:.2em}.stage-core i{position:absolute;inset:-15px;border:1px solid #ffffff32;border-radius:45px;animation:stagePulse 2.3s ease-out infinite}@keyframes stageCore{50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 145px #175cffdd}}@keyframes stagePulse{0%{opacity:1;transform:scale(.9)}100%{opacity:0;transform:scale(1.55)}}.stage-product{position:absolute;z-index:3;margin:0;border:1px solid #ffffff25;border-radius:20px;overflow:hidden;background:#061026;box-shadow:0 22px 55px #0009;animation:productFloat 4s ease-in-out infinite}.stage-product img{width:100%;height:100%;object-fit:cover;display:block}.stage-product figcaption{position:absolute;left:14px;bottom:12px;font:600 7px Manrope;letter-spacing:.16em;padding:7px 10px;border-radius:20px;background:#031020cc;backdrop-filter:blur(8px)}.stage-panels{left:4%;top:8%;width:31%;height:48%;transform:rotate(-4deg)}.stage-control{right:5%;top:7%;width:27%;height:37%;animation-delay:.8s;transform:rotate(4deg)}.stage-mobile{right:5%;bottom:5%;width:35%;height:43%;animation-delay:1.6s;transform:rotate(-2deg)}@keyframes productFloat{50%{translate:0 -12px;filter:brightness(1.08)}}.stage-signal{position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,#4e83ff,transparent);transform-origin:left;animation:signalFlow 2s ease-in-out infinite}.s1{left:32%;top:35%;width:23%;transform:rotate(18deg)}.s2{left:55%;top:42%;width:26%;transform:rotate(-22deg);animation-delay:.6s}.s3{left:53%;top:57%;width:29%;transform:rotate(26deg);animation-delay:1.2s}@keyframes signalFlow{0%,100%{opacity:.2;filter:blur(0)}50%{opacity:1;filter:drop-shadow(0 0 7px #4b7fff)}}
@media(max-width:900px){.hero-product-stage{right:-28vw;width:88vw;height:58vh;top:25vh;opacity:.5}.stage-panels{width:38%}.stage-control{width:33%}.stage-mobile{width:40%}.orbit-a{width:260px;height:260px}.orbit-b{width:390px;height:390px}}

/* Hero: show what the system does, without showing physical products. */
.hero-home-stage{position:absolute;z-index:1;inset:7.5vh 2.8vw 6vh 29vw;border-radius:30px;overflow:hidden;background-image:linear-gradient(90deg,#020817 0%,transparent 32%),linear-gradient(0deg,#020817aa,transparent 45%),url('assets/hogar-smart-home-cutaway.png');background-size:cover;background-position:center;box-shadow:0 40px 110px #000b,inset 0 0 0 1px #ffffff18;transform:perspective(1300px) rotateY(-2deg);transform-origin:right center;animation:homeBreathe 9s ease-in-out infinite}
.hero-home-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 62%,#ffbd5d21,transparent 21%),radial-gradient(circle at 54% 39%,#3e7dff24,transparent 18%);mix-blend-mode:screen;animation:roomGlow 5s ease-in-out infinite alternate}
.hero-home-stage:after{content:"";position:absolute;inset:-30% -10%;background:linear-gradient(105deg,transparent 42%,#6aa0ff12 49%,transparent 56%);translate:-45% 0;animation:homeScan 7s ease-in-out infinite}
@keyframes homeBreathe{50%{transform:perspective(1300px) rotateY(0deg) scale(1.012);filter:brightness(1.06)}}
@keyframes roomGlow{to{opacity:.42;filter:saturate(1.25)}}
@keyframes homeScan{55%,100%{translate:55% 0}}
.home-energy{position:absolute;z-index:2;left:17%;bottom:11%;width:48%;height:2px;background:linear-gradient(90deg,transparent,#79a4ff,#ffbf6b,transparent);filter:drop-shadow(0 0 8px #69a0ff);animation:energyFlow 3s linear infinite}
@keyframes energyFlow{0%{clip-path:inset(0 100% 0 0)}70%,100%{clip-path:inset(0 0 0 0)}}
.home-network{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;opacity:.64}.home-network path{fill:none;stroke:#6c9fff;stroke-width:1.4;stroke-dasharray:5 12;filter:drop-shadow(0 0 5px #2e6cff);animation:networkTravel 12s linear infinite}.home-network path+path{animation-direction:reverse;animation-duration:15s}@keyframes networkTravel{to{stroke-dashoffset:-170}}
.use-marker{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;border:1px solid #ffffff2b;border-radius:13px;background:#031022c7;box-shadow:0 12px 38px #0009;backdrop-filter:blur(12px);animation:markerFloat 4.8s ease-in-out infinite}.use-marker i{position:relative;width:10px;height:10px;border-radius:50%;background:#6d9cff;box-shadow:0 0 0 6px #6d9cff1e,0 0 18px #6d9cff}.use-marker i:after{content:"";position:absolute;inset:-8px;border:1px solid #7ca5ff;border-radius:50%;animation:markerPulse 2s ease-out infinite}.use-marker span{display:grid;gap:2px}.use-marker small,.home-live small{font:600 6px Manrope;letter-spacing:.18em;color:#83a9ff}.use-marker b{font:600 10px Manrope;color:#fff;white-space:nowrap}@keyframes markerFloat{50%{translate:0 -7px}}@keyframes markerPulse{to{transform:scale(1.7);opacity:0}}
.use-arrival{left:20%;bottom:12%}.use-security{left:38%;bottom:26%;animation-delay:.7s}.use-climate{left:54%;top:27%;animation-delay:1.4s}.use-curtains{right:10%;top:29%;animation-delay:2.1s}.use-lighting{right:8%;bottom:29%;animation-delay:2.8s}.use-security i{background:#56e0b4;box-shadow:0 0 0 6px #56e0b41e,0 0 18px #56e0b4}.use-lighting i,.use-arrival i{background:#ffbf66;box-shadow:0 0 0 6px #ffbf661e,0 0 18px #ffbf66}
.home-live{position:absolute;z-index:5;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #ffffff22;border-radius:16px;background:linear-gradient(90deg,#041025e8,#071a36b8);backdrop-filter:blur(16px);box-shadow:0 15px 40px #0008}.home-live>i{width:7px;height:7px;border-radius:50%;background:#54e0b3;box-shadow:0 0 15px #54e0b3;animation:liveBlink 1.6s ease-in-out infinite}.home-live span{display:grid}.home-live b{font:600 11px Manrope}.home-live em{margin-left:auto;font:500 8px Manrope;letter-spacing:.12em;color:#9ab0d8;font-style:normal}@keyframes liveBlink{50%{opacity:.35}}
.hero-copy{z-index:6}.hero-stat{z-index:6}
@media(max-width:900px){.hero-home-stage{inset:22vh -25vw 8vh 15vw;opacity:.62;transform:none}.use-marker{transform:scale(.82)}.use-arrival,.use-security{display:none}.use-climate{left:35%}.use-curtains{right:12%}.home-live{left:16px;right:16px}.hero-copy{width:82%}}

/* Overview: use the centre of the composition as a live intelligence bridge. */
.overview-copy{width:39%}
.automation-orbit{width:650px;height:650px;right:2.6vw}
.hc-core{width:154px;height:154px;border-radius:42px;box-shadow:0 0 115px #175cffaa}
.hc-core b{font-size:43px}.hc-core small{font-size:8px}
.o1{inset:18px}.o2{inset:94px}.o3{inset:180px}
.n1{left:45px;top:150px}.n2{right:42px;top:142px}.n3{right:20px;bottom:155px}.n4{left:285px;bottom:18px}.n5{left:18px;bottom:165px}
.intelligence-feed{position:absolute;z-index:4;left:46%;top:50%;width:218px;transform:translate(-50%,-40%);padding:17px;border:1px solid #ffffff25;border-radius:18px;background:linear-gradient(145deg,#0b1a34e8,#061127c7);box-shadow:0 25px 60px #0008,0 0 60px #185cff15;backdrop-filter:blur(15px)}
.intelligence-feed:after{content:"";position:absolute;left:100%;top:50%;width:14vw;height:1px;background:linear-gradient(90deg,#4d83ff,transparent);filter:drop-shadow(0 0 7px #3976ff);transform-origin:left;animation:feedLink 2.8s ease-in-out infinite}
@keyframes feedLink{0%,100%{transform:scaleX(.25);opacity:.25}50%{transform:scaleX(1);opacity:1}}
.feed-heading{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #ffffff17}.feed-heading>i{width:10px;height:10px;border-radius:50%;background:#58dfb5;box-shadow:0 0 0 6px #58dfb518,0 0 16px #58dfb5;animation:feedLive 1.7s ease-in-out infinite}.feed-heading span{display:grid;gap:3px}.feed-heading small{font:600 6px Manrope;letter-spacing:.17em;color:#719cff}.feed-heading b{font:500 11px Manrope}@keyframes feedLive{50%{opacity:.35;transform:scale(.8)}}
.feed-event{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff0d;font:500 8px Manrope;opacity:.56;animation:eventRead 5.4s ease-in-out infinite}.feed-event:nth-child(3){animation-delay:1.8s}.feed-event:nth-child(4){animation-delay:3.6s}.feed-event time{color:#60708d}.feed-event em{font:600 6px Manrope;letter-spacing:.1em;color:#70a0ff;font-style:normal}@keyframes eventRead{12%,28%{opacity:1;transform:translateX(4px)}}
.feed-wave{height:25px;display:flex;align-items:end;justify-content:space-between;gap:4px;margin-top:12px}.feed-wave i{width:2px;height:7px;background:#3979ff;border-radius:2px;box-shadow:0 0 6px #3979ff;animation:waveBar 1.1s ease-in-out infinite}.feed-wave i:nth-child(2n){animation-delay:.2s}.feed-wave i:nth-child(3n){animation-delay:.4s}@keyframes waveBar{50%{height:23px;background:#77a3ff}}
@media(max-width:1200px){.automation-orbit{right:-10vw}.intelligence-feed{left:48%;transform:translate(-50%,-30%) scale(.86)}}
@media(max-width:900px){.overview-copy{width:72%}.automation-orbit{width:360px;height:360px;right:-95px}.hc-core{width:120px;height:120px}.intelligence-feed{display:none}.o1{inset:12px}.o2{inset:60px}.o3{inset:108px}}

/* Distinguished features: dark, living network rather than a white catalogue. */
.feature-scene{isolation:isolate;background:radial-gradient(circle at 82% 14%,#174ebd3d,transparent 28%),radial-gradient(circle at 20% 80%,#0d6c7930,transparent 27%),linear-gradient(135deg,#030a19,#07162f 56%,#041027);color:#fff}
.feature-scene:before{content:"";position:absolute;z-index:-1;inset:-35%;background:conic-gradient(from 90deg at 50% 50%,transparent,#2868ff14,transparent 28%,#42d8bb0d,transparent 60%);animation:featureAtmosphere 22s linear infinite}
.feature-scene:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.22;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent);animation:gridDrift 16s linear infinite}
@keyframes featureAtmosphere{to{transform:rotate(360deg)}}
@keyframes gridDrift{to{background-position:62px 62px}}
.feature-heading{position:relative;z-index:2}.feature-heading .eyebrow{color:#a9bce1}.feature-heading h2,.feature-heading h2 em{color:#fff}.feature-heading h2 em{color:#83a7ff;text-shadow:0 0 42px #326cff40}
.feature-list{position:relative;z-index:2;border-color:#6181bd55;background:#04102770;box-shadow:0 35px 90px #0007;backdrop-filter:blur(12px)}
.feature-list:before{content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#76a2ff,transparent);filter:drop-shadow(0 0 8px #4a82ff);animation:featureScan 4.5s ease-in-out infinite;pointer-events:none}
@keyframes featureScan{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(419px);opacity:1}}
.feature-list article{overflow:hidden;border-color:#6181bd55;background:linear-gradient(145deg,#0b1b34a6,#0511269c);transition:transform .45s ease,background .45s ease,box-shadow .45s ease}
.feature-list article:before{content:"";position:absolute;width:130px;height:130px;right:-65px;top:-65px;border:1px solid #4177e75c;border-radius:50%;box-shadow:0 0 0 20px #2868ff08,0 0 55px #2868ff18;transition:.5s}
.feature-list article:after{content:"";position:absolute;left:25px;bottom:22px;width:36px;height:2px;background:linear-gradient(90deg,#377cff,transparent);box-shadow:0 0 8px #377cff;animation:featureSignal 2.8s ease-in-out infinite}
.feature-list article:nth-child(2):after,.feature-list article:nth-child(5):after{animation-delay:.8s}.feature-list article:nth-child(3):after,.feature-list article:nth-child(6):after{animation-delay:1.6s}
@keyframes featureSignal{0%,100%{width:22px;opacity:.35}50%{width:85px;opacity:1}}
.feature-list article:hover{z-index:3;background:linear-gradient(145deg,#12326be8,#07162fe8);transform:translateY(-8px) scale(1.015);box-shadow:0 24px 65px #0009,0 0 0 1px #5187ff66,0 0 55px #2465ff22}
.feature-list article:hover:before{transform:scale(1.35);border-color:#68a0ff;box-shadow:0 0 0 28px #2868ff0c,0 0 80px #2868ff50}
.feature-list span{color:#72a0ff;text-shadow:0 0 14px #3979ff}.feature-list h3{color:#fff}.feature-list p{color:#9caecc}
@media(max-width:900px){.feature-list:before{display:none}.feature-list article:after{bottom:10px}.feature-list article:before{width:80px;height:80px}}

/* Ecosystem: animated connected network replaces the static brochure. */
.profile-scene{background:radial-gradient(circle at 34% 50%,#164fc23a,transparent 34%),radial-gradient(circle at 75% 30%,#0a717a20,transparent 25%),#040d20}
.profile-scene:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:55px 55px;animation:ecoGridMove 20s linear infinite}@keyframes ecoGridMove{to{background-position:55px 55px}}
.ecosystem-stage{position:absolute;left:7vw;top:10vh;bottom:6vh;width:61%;overflow:hidden;border:1px solid #567cc544;border-radius:28px;background:linear-gradient(145deg,#091a35d4,#030b1bbd);box-shadow:0 35px 100px #0009,inset 0 0 80px #175cff0d;backdrop-filter:blur(12px)}
.eco-grid{position:absolute;inset:0;background:radial-gradient(circle at center,#1b5be62e,transparent 34%)}
.eco-links{position:absolute;inset:0;width:100%;height:100%}.eco-links path{fill:none;stroke:#4e86ff;stroke-width:1.25;stroke-dasharray:7 13;filter:drop-shadow(0 0 5px #3878ff);animation:ecoData 9s linear infinite}@keyframes ecoData{to{stroke-dashoffset:-200}}
.eco-ring{position:absolute;left:50%;top:48%;border:1px solid #316fe84d;border-radius:50%;translate:-50% -50%;animation:ecoSpin 22s linear infinite}.er1{width:340px;height:340px}.er2{width:500px;height:500px;border-style:dashed;animation-direction:reverse;animation-duration:32s}@keyframes ecoSpin{to{transform:rotate(360deg)}}
.eco-core{position:absolute;z-index:4;left:50%;top:48%;translate:-50% -50%;width:138px;height:138px;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#2b72ff,#061638 72%);border:1px solid #82a7ff;box-shadow:0 0 0 13px #2465ff0b,0 0 100px #1e61ff9e;animation:ecoCore 2.8s ease-in-out infinite}.eco-core>i{position:absolute;inset:-18px;border:1px solid #6898ff65;border-radius:52px;animation:ecoPulse 2.3s ease-out infinite}.eco-core b{font:600 38px Manrope}.eco-core small{font:600 7px Manrope;letter-spacing:.2em}.eco-core em{position:absolute;bottom:13px;font:600 5px Manrope;letter-spacing:.18em;color:#6ce2bb;font-style:normal}@keyframes ecoCore{50%{transform:scale(1.06);box-shadow:0 0 0 20px #2465ff08,0 0 145px #1e61ffc7}}@keyframes ecoPulse{to{opacity:0;transform:scale(1.35)}}
.eco-device{position:absolute;z-index:3;width:148px;min-height:58px;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff25;border-radius:14px;background:#07162ed9;box-shadow:0 15px 40px #0007;backdrop-filter:blur(10px);animation:ecoFloat 4.5s ease-in-out infinite}.eco-device>i{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:#175cff21;color:#75a0ff;font:600 7px Manrope;font-style:normal}.eco-device span{display:grid;gap:2px}.eco-device b{font:600 9px Manrope}.eco-device small{font:500 6px Manrope;color:#8495b2}.eco-device>em{position:absolute;right:9px;top:9px;width:5px;height:5px;border-radius:50%;background:#55dfb3;box-shadow:0 0 10px #55dfb3;animation:ecoOnline 1.8s ease-in-out infinite}@keyframes ecoFloat{50%{translate:0 -8px;border-color:#5c8fff80;box-shadow:0 20px 50px #0009,0 0 30px #175cff1e}}@keyframes ecoOnline{50%{opacity:.3}}
.ed1{left:7%;top:13%}.ed2{left:42%;top:5%;animation-delay:.55s}.ed3{right:6%;top:13%;animation-delay:1.1s}.ed4{right:3%;top:46%;animation-delay:1.65s}.ed5{right:11%;bottom:12%;animation-delay:2.2s}.ed6{left:19%;bottom:9%;animation-delay:2.75s}.ed7{left:3%;top:47%;animation-delay:3.3s}
.eco-status{position:absolute;z-index:5;left:22px;right:22px;bottom:18px;height:43px;border:1px solid #ffffff1f;border-radius:13px;background:#06132bd9;display:flex;align-items:center;gap:10px;padding:0 14px;backdrop-filter:blur(12px)}.eco-status i{width:7px;height:7px;border-radius:50%;background:#55dfb3;box-shadow:0 0 14px #55dfb3}.eco-status b{font:600 9px Manrope}.eco-status span{margin-left:auto;font:600 6px Manrope;letter-spacing:.17em;color:#7892bd}
.profile-copy{z-index:3}.profile-copy a{transition:.35s}.profile-copy a:hover{background:#fff;color:#061226;box-shadow:0 12px 35px #0006}
@media(max-width:900px){.ecosystem-stage{left:14vw;right:4vw;width:auto;top:10vh;bottom:48vh}.eco-device{transform:scale(.7)}.ed4,.ed5,.ed6,.ed7{display:none}.eco-ring{scale:.65}.eco-core{scale:.72}.eco-status{bottom:8px}.profile-copy{z-index:5}}

/* Readability pass: minimum sizes for navigation, labels and supporting copy. */
.product-nav nav,.nav-contact{font-size:12px}.product-nav nav{gap:clamp(12px,1.25vw,24px);margin-right:24px}.product-nav nav a{white-space:nowrap}
.product-contact-details{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;width:min(820px,76vw);margin-top:24px;text-align:left}.product-contact-details>div{display:flex;flex-direction:column;gap:5px;padding:13px 17px;border:1px solid #ffffff2d;border-radius:14px;background:#07142ab8;backdrop-filter:blur(12px)}.product-contact-details strong{font:600 10px Manrope;letter-spacing:.12em;text-transform:uppercase;color:#86a8ff}.product-contact-details a{font:500 13px/1.35 "DM Sans",sans-serif;color:#f4f7ff}.product-contact-details a:hover{color:#82a6ff}.product-address{max-width:900px;margin-top:14px;font:400 12px/1.55 "DM Sans",sans-serif;color:#aebbd0}.product-address strong{color:#fff;font-style:normal}.product-cta h2{margin-bottom:12px}.product-cta>p{margin:0}
@media(max-width:900px){.product-contact-details{grid-template-columns:1fr;width:72vw;gap:6px;margin-top:14px}.product-contact-details>div{padding:9px 12px}.product-contact-details a{font-size:11px}.product-address{max-width:72vw;font-size:10px}.product-cta h2{font-size:38px;margin:12px 0}.product-cta .cta-ring{margin-bottom:12px}}
.product-rail a{width:92px;height:82px;padding:11px 12px}.product-rail a b{font-size:10px}.product-rail a span{font-size:9px;line-height:1.4;letter-spacing:.08em}
.eyebrow{font-size:10px}.hero-actions small,.hero-stat span,.scene-progress{font-size:10px}
.protocol>span,.protocol small,.orbit-node{font-size:9px}.hc-core small{font-size:9px}
.feature-list span{font-size:10px}.feature-list p{font-size:12px;line-height:1.65}
.profile-copy a,.cta-links a{font-size:12px}.interface-visual span{font-size:9px}
.use-marker small,.home-live small{font-size:8px}.use-marker b{font-size:12px}.home-live b{font-size:13px}.home-live em{font-size:10px}
.feed-heading small{font-size:8px}.feed-heading b{font-size:13px}.feed-event{font-size:10px}.feed-event em{font-size:8px}
.eco-core small{font-size:9px}.eco-core em{font-size:7px}.eco-device>i{font-size:9px}.eco-device b{font-size:11px}.eco-device small{font-size:8px}.eco-status b{font-size:11px}.eco-status span{font-size:8px}
@media(max-width:900px){.product-rail a{width:62px}.product-rail a b{font-size:10px}.feature-list p{font-size:10px}.interface-visual b{font-size:11px}}