/* Override hero visual */
    .hero__visual { min-height: 520px; }
    .hero__iso-wrapper,
    .hero__glow,
    .iso-scene, .iso-building, .iso-face,
    .iso-front, .iso-back, .iso-left, .iso-right, .iso-top,
    .iso-win, .iso-win--lit, .iso-pipe, .iso-pipe--h, .iso-pipe--v,
    .iso-wire, .iso-cam { display: none !important; }

    /* ══════ ROOFTOP HVAC ISOMETRIC SCENE ══════ */

    /* ── Wrapper ── */
    .rooftop-wrap{display:flex;justify-content:center;align-items:center;min-height:520px;width:100%;perspective:900px;transform-style:preserve-3d}
    @media(max-width:968px){.rooftop-wrap{transform:scale(0.72);min-height:380px}}
    @media(max-width:500px){.rooftop-wrap{transform:scale(0.5);min-height:260px}}

    .rooftop-scene{position:relative;width:480px;height:480px;transform-style:preserve-3d;animation:rtFloat 6s ease-in-out infinite}
    @keyframes rtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

    /* Isometric container */
    .rt-iso{position:absolute;top:60px;left:50%;transform:translateX(-50%) rotateX(55deg) rotateZ(-45deg);transform-style:preserve-3d;width:340px;height:340px;animation:rtRotate 25s ease-in-out infinite}
    @keyframes rtRotate{0%,100%{transform:translateX(-50%) rotateX(55deg) rotateZ(-45deg)}50%{transform:translateX(-50%) rotateX(55deg) rotateZ(-42deg)}}

    /* ── Roof Surface ── */
    .rt-surface{position:absolute;top:0;left:0;width:340px;height:340px;background:
        radial-gradient(circle at 15% 25%,rgba(160,164,168,0.3) 1px,transparent 1px),
        radial-gradient(circle at 45% 65%,rgba(150,154,158,0.25) 1px,transparent 1px),
        radial-gradient(circle at 75% 35%,rgba(155,159,163,0.2) 1px,transparent 1px),
        radial-gradient(circle at 85% 85%,rgba(145,149,153,0.3) 1px,transparent 1px),
        radial-gradient(circle at 25% 75%,rgba(160,164,168,0.2) 1px,transparent 1px),
        linear-gradient(135deg,#c8ccd0 0%,#bcc0c4 30%,#b0b4b8 60%,#b8bcc0 100%);
    background-size:7px 7px,9px 9px,6px 6px,8px 8px,5px 5px,100% 100%;
    border-radius:3px;
    box-shadow:0 30px 60px rgba(0,0,0,0.35),0 10px 20px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.3)}

    /* Gravel texture overlay */
    .rt-surface::before{content:'';position:absolute;inset:0;background:
        radial-gradient(circle at 10% 10%,rgba(100,104,108,0.15) 1px,transparent 1px),
        radial-gradient(circle at 30% 20%,rgba(90,94,98,0.12) 1px,transparent 1px),
        radial-gradient(circle at 50% 50%,rgba(110,114,118,0.1) 1px,transparent 1px),
        radial-gradient(circle at 70% 40%,rgba(95,99,103,0.14) 1px,transparent 1px),
        radial-gradient(circle at 90% 70%,rgba(100,104,108,0.11) 1px,transparent 1px),
        radial-gradient(circle at 20% 80%,rgba(105,109,113,0.13) 1px,transparent 1px),
        radial-gradient(circle at 60% 90%,rgba(100,104,108,0.1) 1px,transparent 1px);
    background-size:3px 3px,4px 4px,5px 5px,3px 3px,4px 4px,5px 5px,3px 3px;border-radius:3px}

    /* Roof slab front face */
    .rt-surface::after{content:'';position:absolute;top:100%;left:0;width:100%;height:14px;background:linear-gradient(180deg,#8a8e92,#6c7074,#585c60);border-radius:0 0 2px 2px}
    /* Roof slab right face */
    .rt-slab-right{position:absolute;top:0;left:100%;width:14px;height:100%;background:linear-gradient(90deg,#7c8084,#606468,#4c5054);border-radius:0 2px 2px 0}
    .rt-slab-right::after{content:'';position:absolute;top:100%;left:0;width:100%;height:14px;background:#4c5054}

    /* ── Concrete Pads ── */
    .rt-pad{position:absolute;background:linear-gradient(135deg,#d0d4d8,#c4c8cc);border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 3px rgba(0,0,0,0.15)}
    .rt-pad--1{top:30px;left:30px;width:100px;height:80px}
    .rt-pad--2{top:40px;left:180px;width:80px;height:70px}
    .rt-pad--3{top:160px;left:50px;width:70px;height:60px}
    .rt-pad--4{top:140px;left:200px;width:90px;height:55px}
    .rt-pad--5{top:250px;left:100px;width:110px;height:60px}

    /* ── Parapet Walls ── */
    .rt-parapet{position:absolute;background:linear-gradient(180deg,#a0a4a8,#888c90);box-shadow:0 2px 4px rgba(0,0,0,0.2)}
    .rt-parapet--top{top:-8px;left:-4px;width:348px;height:8px;border-radius:2px 2px 0 0}
    .rt-parapet--left{top:-4px;left:-8px;width:8px;height:352px;border-radius:2px 0 0 2px}
    .rt-parapet--bottom{bottom:-8px;left:-4px;width:348px;height:8px;border-radius:0 0 2px 2px;background:linear-gradient(180deg,#909498,#7c8084)}
    .rt-parapet--right{top:-4px;right:-8px;width:8px;height:352px;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#909498,#7c8084)}

    /* Parapet front/right faces for 3D height */
    .rt-parapet--bottom::before{content:'';position:absolute;top:100%;left:0;width:100%;height:10px;background:linear-gradient(180deg,#787c80,#606468)}
    .rt-parapet--right::before{content:'';position:absolute;top:0;left:100%;width:10px;height:100%;background:linear-gradient(90deg,#6c7074,#585c60)}

    /* Parapet cap */
    .rt-parapet--top::after,.rt-parapet--left::after,.rt-parapet--bottom::after,.rt-parapet--right::after{content:'';position:absolute;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent)}
    .rt-parapet--top::after{inset:0;border-radius:2px 2px 0 0}
    .rt-parapet--left::after{inset:0;border-radius:2px 0 0 2px}

    /* ── Building Side Walls (visible edges) ── */
    .rt-wall{position:absolute;transform-style:preserve-3d}
    .rt-wall--front{top:100%;left:-8px;width:356px;height:55px;background:linear-gradient(180deg,#7c8084,#686c70,#5c6064,#484c50);border-radius:0 0 2px 2px}
    .rt-wall--right{top:-4px;left:100%;width:55px;height:352px;background:linear-gradient(90deg,#70747a,#606468,#585c60,#484c50);border-radius:0 2px 2px 0}

    /* Window rows on front wall */
    .rt-wall--front::before{content:'';position:absolute;top:16px;left:20px;width:316px;height:30px;background:
        repeating-linear-gradient(90deg,rgba(100,180,220,0.15) 0px,rgba(100,180,220,0.15) 24px,rgba(50,54,58,0.6) 24px,rgba(50,54,58,0.6) 30px);
    border-radius:1px}

    /* ── Metal Railing ── */
    .rt-railing{position:absolute;top:-16px;left:-4px;width:348px;height:8px;border-top:2px solid #808488;border-bottom:1px solid #909498;background:transparent}
    .rt-railing::before{content:'';position:absolute;top:2px;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#909498 0px,#909498 2px,transparent 2px,transparent 18px);opacity:0.6}

    /* ── Condensing Units ── */
    .rt-unit{position:absolute;border-radius:3px;border:1px solid rgba(255,255,255,0.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.15);z-index:3}

    /* Unit body gradients */
    .rt-unit--1{top:35px;left:38px;width:56px;height:56px;background:linear-gradient(135deg,#dce0e4,#c8ccd0,#b8bcc0);z-index:3}
    .rt-unit--2{top:38px;left:108px;width:50px;height:48px;background:linear-gradient(135deg,#d8dce0,#c4c8cc,#b4b8bc);z-index:3}
    .rt-unit--3{top:45px;left:190px;width:58px;height:54px;background:linear-gradient(135deg,#e0e4e8,#ccd0d4,#bcc0c4);z-index:3}
    .rt-unit--4{top:148px;left:56px;width:52px;height:50px;background:linear-gradient(135deg,#d8dce0,#c8ccd0,#b8bcc0);z-index:3}
    .rt-unit--5{top:145px;left:210px;width:62px;height:42px;background:linear-gradient(135deg,#dce0e4,#c4c8cc,#b0b4b8);z-index:3}

    /* Side panel lines */
    .rt-unit::before{content:'';position:absolute;top:4px;left:4px;bottom:4px;right:4px;border:1px solid rgba(0,0,0,0.06);border-radius:2px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 6px,rgba(0,0,0,0.03) 6px,rgba(0,0,0,0.03) 7px)}

    /* Side grille pattern */
    .rt-unit::after{content:'';position:absolute;bottom:4px;left:6px;right:6px;height:10px;background:repeating-linear-gradient(90deg,rgba(0,0,0,0.08) 0px,rgba(0,0,0,0.08) 1px,transparent 1px,transparent 3px);border-radius:1px}

    /* 3D side faces — positioned as offset extensions below/beside the unit */
    .rt-face-front{position:absolute;top:100%;left:0;width:100%;height:18px;background:linear-gradient(180deg,#9a9ea2,#7c8084,#686c70);z-index:-1}
    .rt-face-front::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,0.05) 0px,rgba(0,0,0,0.05) 1px,transparent 1px,transparent 6px)}
    .rt-face-right{position:absolute;top:0;left:100%;width:18px;height:100%;background:linear-gradient(90deg,#8c9094,#707478,#5c6064);z-index:-1}
    .rt-face-right::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.05) 0px,rgba(0,0,0,0.05) 1px,transparent 1px,transparent 6px)}
    /* Corner fill between front and right faces */
    .rt-face-right::before{content:'';position:absolute;top:100%;left:0;width:100%;height:18px;background:#606468}

    /* Shadow under each raised unit */
    .rt-unit-shadow{position:absolute;border-radius:3px;background:rgba(0,0,0,0.18);filter:blur(4px);z-index:2}

    /* ── Fan Grilles on Units ── */
    .rt-fan{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(50,55,60,0.9),rgba(40,44,48,0.7));border:2px solid rgba(80,84,88,0.6);z-index:5;overflow:hidden;box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}

    .rt-fan--1{top:42px;left:52px;width:38px;height:38px}
    .rt-fan--2{top:44px;left:120px;width:34px;height:34px}
    .rt-fan--3{top:51px;left:205px;width:38px;height:38px}
    .rt-fan--4{top:155px;left:68px;width:34px;height:34px}
    .rt-fan--5{top:150px;left:226px;width:36px;height:36px}

    /* Fan grille rings */
    .rt-fan::before{content:'';position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(100,104,108,0.4)}
    .rt-fan::after{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(100,104,108,0.3)}

    /* Fan blades container */
    .rt-blades{position:absolute;inset:0;animation:var(--fan-speed,rtSpin1) linear infinite}
    .rt-blades::before,.rt-blades::after{content:'';position:absolute;background:rgba(200,204,208,0.7);border-radius:2px}
    .rt-blades::before{top:50%;left:15%;right:15%;height:3px;transform:translateY(-50%)}
    .rt-blades::after{left:50%;top:15%;bottom:15%;width:3px;transform:translateX(-50%)}

    /* Extra blades via box-shadow trick on inner span */
    .rt-blade-x{position:absolute;inset:0}
    .rt-blade-x::before,.rt-blade-x::after{content:'';position:absolute;background:rgba(200,204,208,0.5);border-radius:2px}
    .rt-blade-x::before{top:50%;left:15%;right:15%;height:2px;transform:translateY(-50%) rotate(45deg)}
    .rt-blade-x::after{top:50%;left:15%;right:15%;height:2px;transform:translateY(-50%) rotate(-45deg)}

    /* Fan center hub */
    .rt-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#999,#777);border:1px solid rgba(0,0,0,0.2);z-index:5}

    /* Different spin speeds */
    @keyframes rtSpin1{to{transform:rotate(360deg)}}
    .rt-fan--1 .rt-blades{animation:rtSpin1 0.6s linear infinite}
    .rt-fan--2 .rt-blades{animation:rtSpin1 0.8s linear infinite}
    .rt-fan--3 .rt-blades{animation:rtSpin1 0.7s linear infinite}
    .rt-fan--4 .rt-blades{animation:rtSpin1 1.0s linear infinite}
    .rt-fan--5 .rt-blades{animation:rtSpin1 0.9s linear infinite}

    /* ── Rectangular Duct Boxes ── */
    .rt-duct{position:absolute;background:linear-gradient(135deg,#ccd0d4,#b8bcc0,#aeb2b6);border-radius:2px;border:1px solid rgba(255,255,255,0.15);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);z-index:2}
    .rt-duct::before{content:'';position:absolute;inset:3px;border:1px solid rgba(0,0,0,0.04);border-radius:1px}

    .rt-duct--1{top:100px;left:40px;width:70px;height:30px}
    .rt-duct--2{top:110px;left:180px;width:55px;height:25px}
    .rt-duct--3{top:210px;left:120px;width:80px;height:28px}
    .rt-duct--4{top:260px;left:110px;width:90px;height:32px}

    /* Access panel lines on ducts */
    .rt-duct::after{content:'';position:absolute;top:50%;left:10px;right:10px;height:1px;background:rgba(0,0,0,0.06)}

    /* 3D side faces for duct boxes */
    .rt-duct-front{position:absolute;top:100%;left:0;width:100%;height:14px;background:linear-gradient(180deg,#9a9ea2,#808488,#6c7074);z-index:-1}
    .rt-duct-front::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,0.03) 0px,rgba(0,0,0,0.03) 1px,transparent 1px,transparent 10px)}
    .rt-duct-right{position:absolute;top:0;left:100%;width:14px;height:100%;background:linear-gradient(90deg,#888c90,#6c7074,#585c60);z-index:-1}
    .rt-duct-right::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.03) 0px,rgba(0,0,0,0.03) 1px,transparent 1px,transparent 10px)}
    .rt-duct-right::before{content:'';position:absolute;top:100%;left:0;width:100%;height:14px;background:#585c60}

    /* ── Exhaust Fans (cylindrical) ── */
    .rt-exhaust{position:absolute;border-radius:50%;z-index:4;box-shadow:none}
    .rt-exhaust--1{top:170px;left:160px;width:30px;height:30px;background:radial-gradient(circle,#a0a4a8,#808488);border:2px solid #909498}
    .rt-exhaust--2{top:255px;left:60px;width:26px;height:26px;background:radial-gradient(circle,#a8acb0,#888c90);border:2px solid #989ca0}
    .rt-exhaust--3{top:280px;left:240px;width:28px;height:28px;background:radial-gradient(circle,#9ca0a4,#7c8084);border:2px solid #8c9094}

    /* Exhaust cage/grating */
    .rt-exhaust::before{content:'';position:absolute;inset:3px;border-radius:50%;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.1) 0px,rgba(0,0,0,0.1) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,0.1) 0px,rgba(0,0,0,0.1) 1px,transparent 1px,transparent 3px)}

    /* Exhaust motor */
    .rt-exhaust::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#666,#555);border:1px solid rgba(0,0,0,0.2)}

    /* 3D cylinder body for exhaust fans */
    .rt-exhaust-body{position:absolute;top:100%;left:0;width:100%;height:12px;background:linear-gradient(180deg,#808488,#606468);border-radius:0 0 4px 4px;z-index:-1}
    .rt-exhaust-body-r{position:absolute;top:0;left:100%;width:12px;height:100%;background:linear-gradient(90deg,#707478,#505458);border-radius:0 4px 4px 0;z-index:-1}

    /* Exhaust spin */
    .rt-exhaust-spin{position:absolute;inset:4px;border-radius:50%;animation:rtSpin1 1.2s linear infinite}
    .rt-exhaust-spin::before,.rt-exhaust-spin::after{content:'';position:absolute;background:rgba(180,184,188,0.6);border-radius:1px}
    .rt-exhaust-spin::before{top:50%;left:20%;right:20%;height:2px;transform:translateY(-50%)}
    .rt-exhaust-spin::after{left:50%;top:20%;bottom:20%;width:2px;transform:translateX(-50%)}

    /* ── Ductwork / Piping Connections ── */
    .rt-pipe{position:absolute;z-index:1}

    /* Rectangular ducts connecting units */
    .rt-pipe--rect{height:6px;background:linear-gradient(180deg,#c0c4c8,#a8acb0);border-radius:2px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.15)}
    .rt-pipe--r1{top:62px;left:94px;width:16px}
    .rt-pipe--r2{top:65px;left:158px;width:32px}
    .rt-pipe--r3{top:170px;left:108px;width:52px}

    /* Round pipes */
    .rt-pipe--round{width:5px;background:linear-gradient(90deg,#b0b4b8,#c8ccd0,#b0b4b8);border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.15)}
    .rt-pipe--v1{top:90px;left:65px;height:58px}
    .rt-pipe--v2{top:95px;left:220px;height:45px}
    .rt-pipe--v3{top:190px;left:175px;height:20px}

    /* Insulated pipes (slightly different color) */
    .rt-pipe--insulated{background:linear-gradient(90deg,#b8bcb0,#c8ccbf,#b8bcb0) !important}
    .rt-pipe--insulated::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.03) 0px,rgba(0,0,0,0.03) 4px,transparent 4px,transparent 8px);border-radius:3px}

    /* ── Refrigerant Flow Animation ── */
    .rt-flow{position:absolute;z-index:6;overflow:hidden}
    .rt-flow--h{height:4px}
    .rt-flow--v{width:4px}

    .rt-flow-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(0,220,255,0.6);box-shadow:0 0 8px rgba(0,220,255,0.5),0 0 16px rgba(0,220,255,0.2)}

    /* Horizontal flow paths */
    .rt-flow--h1{top:60px;left:94px;width:70px}
    .rt-flow--h2{top:168px;left:108px;width:100px}

    .rt-flow--h .rt-flow-dot{top:-1px;animation:rtFlowH 2.5s linear infinite}
    @keyframes rtFlowH{0%{left:-6px;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}

    .rt-flow--h1 .rt-flow-dot:nth-child(2){animation-delay:0.8s}
    .rt-flow--h1 .rt-flow-dot:nth-child(3){animation-delay:1.6s}
    .rt-flow--h2 .rt-flow-dot:nth-child(2){animation-delay:1.0s}
    .rt-flow--h2 .rt-flow-dot:nth-child(3){animation-delay:2.0s}

    /* Vertical flow paths */
    .rt-flow--v1{top:88px;left:64px;height:60px}
    .rt-flow--v2{top:92px;left:219px;height:50px}

    .rt-flow--v .rt-flow-dot{left:-1px;animation:rtFlowV 2s linear infinite}
    @keyframes rtFlowV{0%{top:-6px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
    .rt-flow--v1 .rt-flow-dot:nth-child(2){animation-delay:0.7s}
    .rt-flow--v2 .rt-flow-dot:nth-child(2){animation-delay:0.9s}

    /* ── Heat Shimmer from Exhaust ── */
    .rt-shimmer{position:absolute;width:20px;height:30px;pointer-events:none;z-index:5}
    .rt-shimmer::before,.rt-shimmer::after{content:'';position:absolute;width:100%;height:4px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent)}
    .rt-shimmer::before{animation:rtShimmer 2s 0s ease-out infinite}
    .rt-shimmer::after{animation:rtShimmer 2s 0.6s ease-out infinite}
    @keyframes rtShimmer{0%{bottom:0;opacity:0.5;transform:scaleX(0.6)}100%{bottom:30px;opacity:0;transform:scaleX(1.4)}}

    .rt-shimmer--1{top:150px;left:164px}
    .rt-shimmer--2{top:235px;left:56px}
    .rt-shimmer--3{top:260px;left:246px}

    /* ── Support Structures / Stands ── */
    .rt-stand{position:absolute;z-index:1}
    .rt-stand::before,.rt-stand::after{content:'';position:absolute;bottom:0;width:2px;background:#909498;border-radius:1px}
    .rt-stand--1{top:85px;left:44px;width:40px;height:8px}
    .rt-stand--1::before{left:4px;height:8px}
    .rt-stand--1::after{right:4px;height:8px}
    .rt-stand--2{top:83px;left:116px;width:34px;height:6px}
    .rt-stand--2::before{left:3px;height:6px}
    .rt-stand--2::after{right:3px;height:6px}
    .rt-stand--3{top:192px;left:62px;width:36px;height:7px}
    .rt-stand--3::before{left:4px;height:7px}
    .rt-stand--3::after{right:4px;height:7px}

    /* ── Pipe Supports / Hangers ── */
    .rt-hanger{position:absolute;width:8px;height:4px;background:#a0a4a8;border-radius:1px;z-index:1;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
    .rt-hanger::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:4px;background:#909498}

    /* ── Cable Trays ── */
    .rt-cable-tray{position:absolute;height:4px;background:repeating-linear-gradient(90deg,#989ca0 0px,#989ca0 6px,transparent 6px,transparent 8px);border-top:1px solid #a8acb0;border-bottom:1px solid #888c90;z-index:1}
    .rt-cable-tray--1{top:130px;left:30px;width:120px}
    .rt-cable-tray--2{top:230px;left:80px;width:160px}

    /* ── Electrical Conduit Boxes ── */
    .rt-conduit{position:absolute;width:10px;height:12px;background:linear-gradient(180deg,#808488,#686c70);border-radius:1px;border:1px solid rgba(255,255,255,0.1);z-index:5;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
    .rt-conduit--1{top:32px;left:82px}
    .rt-conduit--2{top:144px;left:96px}
    .rt-conduit--3{top:142px;left:264px}

    /* ── Control Panels with LEDs ── */
    .rt-panel{position:absolute;width:14px;height:18px;background:linear-gradient(180deg,#404448,#303438);border-radius:2px;border:1px solid rgba(255,255,255,0.08);z-index:5;box-shadow:0 2px 4px rgba(0,0,0,0.25)}
    .rt-panel::before{content:'';position:absolute;top:3px;left:3px;width:3px;height:3px;border-radius:50%;background:#00ff88;box-shadow:0 0 4px #00ff88;animation:rtLedBlink 2s infinite}
    .rt-panel::after{content:'';position:absolute;top:9px;left:3px;width:3px;height:3px;border-radius:50%;background:#ff3333;box-shadow:0 0 4px #ff3333;animation:rtLedBlink 3s 1s infinite}
    @keyframes rtLedBlink{0%,100%{opacity:1}50%{opacity:0.2}}

    .rt-panel--1{top:30px;left:30px}
    .rt-panel--2{top:140px;left:50px}
    .rt-panel--3{top:138px;left:270px}

    /* ── Drainage Pipes ── */
    .rt-drain{position:absolute;width:4px;background:linear-gradient(90deg,#999,#bbb,#999);border-radius:2px;z-index:1}
    .rt-drain--1{top:90px;left:140px;height:40px}
    .rt-drain--2{top:200px;left:260px;height:30px}

    /* ── Service Access Ladder ── */
    .rt-ladder{position:absolute;top:290px;right:16px;width:20px;height:50px;z-index:3}
    .rt-ladder::before,.rt-ladder::after{content:'';position:absolute;top:0;width:2px;height:100%;background:linear-gradient(180deg,#909498,#7c8084);border-radius:1px}
    .rt-ladder::before{left:0}
    .rt-ladder::after{right:0}

    .rt-ladder-rung{position:absolute;left:2px;width:16px;height:2px;background:#a0a4a8;border-radius:1px}

    /* ── Warning Signs ── */
    .rt-warning{position:absolute;width:8px;height:6px;background:#ffd700;border-radius:1px;z-index:5;box-shadow:0 1px 2px rgba(0,0,0,0.2)}
    .rt-warning::after{content:'';position:absolute;top:1px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:3px solid rgba(0,0,0,0.5)}
    .rt-warning--1{top:28px;left:96px}
    .rt-warning--2{top:195px;left:96px}
    .rt-warning--3{top:152px;left:250px}

    /* ── SEAC Toolbox ── */
    .rt-toolbox{position:absolute;top:300px;left:160px;width:22px;height:14px;background:linear-gradient(180deg,#2060a0,#184880);border-radius:2px;border:1px solid rgba(255,255,255,0.15);z-index:5;box-shadow:0 2px 6px rgba(0,0,0,0.25)}
    .rt-toolbox::before{content:'SEAC';position:absolute;top:2px;left:50%;transform:translateX(-50%);font-size:4px;font-family:'Space Grotesk',sans-serif;font-weight:700;color:rgba(255,255,255,0.7);letter-spacing:0.5px;white-space:nowrap}
    .rt-toolbox::after{content:'';position:absolute;top:-3px;left:6px;width:10px;height:3px;background:#1854a0;border-radius:1px 1px 0 0;border:1px solid rgba(255,255,255,0.1);border-bottom:none}

    /* Equipment bag */
    .rt-bag{position:absolute;top:296px;left:188px;width:16px;height:12px;background:linear-gradient(180deg,#305090,#204070);border-radius:2px 2px 1px 1px;z-index:5;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
    .rt-bag::before{content:'';position:absolute;top:-2px;left:4px;width:8px;height:3px;background:rgba(255,255,255,0.1);border-radius:4px 4px 0 0}

    /* ── Sky Reflection Tint ── */
    .rt-sky-tint{position:absolute;inset:0;background:linear-gradient(135deg,rgba(140,180,220,0.06),transparent 40%);border-radius:3px;pointer-events:none;z-index:7}

    /* ── Ambient Glow ── */
    .rt-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,255,0.04),transparent 70%);pointer-events:none;z-index:0}

    /* ══════ SEAC LOGO APPEARANCES ══════ */

    /* Mobile menu logo — 3 service micro-animations */
    .mobile-logo-wrap {
        display: flex;
        justify-content: center;
        padding: 24px 0 20px;
        position: relative;
    }
    .mobile-logo-wrap img {
        height: 58px;
        width: auto;
        position: relative;
        z-index: 2;
    }

    /* ❄ HVAC: cool breeze — air waves flowing past the logo */
    .mobile-logo-wrap::before {
        content: '';
        position: absolute;
        top: 50%;
        left: -20%;
        width: 140%;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(0,170,255,0.3), rgba(0,170,255,0.5), rgba(0,170,255,0.3), transparent);
        border-radius: 2px;
        transform: translateY(-50%);
        opacity: 0;
        animation: breeze 10s 0s ease-in-out infinite;
        z-index: 1;
    }
    .mobile-logo-wrap::after {
        content: '';
        position: absolute;
        top: calc(50% + 6px);
        left: -20%;
        width: 140%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(0,170,255,0.2), rgba(0,170,255,0.35), rgba(0,170,255,0.2), transparent);
        border-radius: 2px;
        opacity: 0;
        animation: breeze 10s 0.15s ease-in-out infinite;
        z-index: 1;
    }

    /*
       10s total — 3 acts:
       0-3s:   ❄ HVAC breeze (cool air wave crosses logo)
       3.5-6s: ⚡ Electrical pulse (quick flash)
       6.5-9s: 📹 CCTV scan (red scan line sweeps)
       9-10s:  rest
    */

    /* ❄ Breeze wave crosses left to right */
    @keyframes breeze {
        0%, 2% { left: -40%; opacity: 0; }
        5% { opacity: 0.8; }
        15% { left: 100%; opacity: 0; }
        100% { opacity: 0; left: 100%; }
    }

    /* ⚡ Electrical spark — on the logo img */
    @keyframes elecPulse {
        0%, 34% { filter: none; transform: scale(1); }
        /* Spark 1 */
        35% { filter: drop-shadow(0 0 4px rgba(255,200,0,0.7)) brightness(1.15); transform: scale(1.01); }
        36% { filter: none; transform: scale(1); }
        /* Spark 2 — quick double */
        37% { filter: drop-shadow(0 0 6px rgba(255,180,0,0.8)) brightness(1.2); transform: scale(1.02); }
        37.5% { filter: none; transform: scale(0.99); }
        38% { filter: drop-shadow(0 0 8px rgba(255,200,0,0.6)) brightness(1.1); transform: scale(1.01); }
        39% { filter: none; transform: scale(1); }
        /* Rest */
        100% { filter: none; transform: scale(1); }
    }

    .mobile-logo-wrap img {
        animation: elecPulse 10s ease-in-out infinite;
    }

    /* 📹 CCTV scan line — red horizontal sweep */
    .mobile-logo-scan {
        position: absolute;
        top: 0;
        left: 10%;
        width: 80%;
        height: 3px;
        background: linear-gradient(90deg, transparent 0%, rgba(255,50,50,0.5) 40%, rgba(255,50,50,0.8) 50%, rgba(255,50,50,0.5) 60%, transparent 100%);
        border-radius: 2px;
        box-shadow: 0 0 8px rgba(255,50,50,0.3);
        opacity: 0;
        animation: cctvScan 10s ease-in-out infinite;
        z-index: 3;
        pointer-events: none;
    }
    @keyframes cctvScan {
        0%, 64% { top: 0; opacity: 0; }
        65% { top: 0; opacity: 0.9; }
        80% { top: 100%; opacity: 0.9; }
        82% { top: 100%; opacity: 0; }
        100% { opacity: 0; }
    }

    /* ══════ MOBILE BOTTOM BAR ══════ */
    .mobile-bottom-bar {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        height: 56px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
    }
    .mobile-bottom-bar__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex: 1;
        text-decoration: none;
        font-weight: 700;
        font-size: 0.85rem;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        transition: opacity 0.3s;
    }
    .mobile-bottom-bar__btn:hover { opacity: 0.9; }
    .mobile-bottom-bar__btn .icon { width: 20px; height: 20px; }

    .mobile-bottom-bar__wa {
        background: #25d366;
        color: #fff;
    }
    .mobile-bottom-bar__mail {
        background: #f0f0f0;
        color: #1a1a2e;
        border-top: 1px solid #ddd;
    }

    @media (max-width: 768px) {
        .mobile-bottom-bar {
            display: flex;
        }
        /* Hide circle float on mobile */
        .whatsapp-float {
            display: none !important;
        }
        /* Add padding to body so content isn't hidden behind bar */
        body {
            padding-bottom: 56px;
        }
    }

    /* CTA section logo — breathing glow */
    .cta-logo {
        display: block;
        height: 90px;
        width: auto;
        margin: 0 auto 24px;
    }
    @keyframes ctaLogoPulse {
        0%, 100% { opacity: 0.15; transform: scale(1); }
        50% { opacity: 0.3; transform: scale(1.04); }
    }

    /* About section logo watermark */
    .about-logo-mark {
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        height: 200px;
        width: auto;
        opacity: 0.03;
        pointer-events: none;
    }

    /* Contact form logo */
    .form-logo {
        display: block;
        height: 28px;
        width: auto;
        margin: 0 auto 16px;
        opacity: 0.4;
    }