:root{--container-width: 1240px;--service-section-space: 88px;--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fcfdfe;--bg-glass: rgba(255, 255, 255, 0.88);--bg-input: #ffffff;--border-subtle: #e5e7eb;--border-medium: #d1d5db;--border-strong: #9ca3af;--border-active: #0070d2;--accent-dji-blue: #0070d2;--accent-blue-hover: #005bb5;--accent-blue-light: #238eff;--accent-cyan: #0284c7;--accent-emerald: #10b981;--accent-amber: #d97706;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-light: #374151;--text-blue: #0070d2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -1px rgba(0, 0, 0, 0.03);--shadow-lg: 0 20px 35px -5px rgba(0, 0, 0, 0.08), 0 8px 16px -4px rgba(0, 0, 0, 0.03);--glow-dji: 0 0 20px rgba(0, 112, 210, 0.18);--font-heading: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: 0.18s cubic-bezier(0.2, 0, 0, 1);--transition-normal: 0.28s cubic-bezier(0.2, 0, 0, 1);--transition-slow: 0.45s cubic-bezier(0.2, 0, 0, 1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.55;overflow-x:hidden;max-width:100vw;position:relative}section[id]{scroll-margin-top:85px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.18;color:var(--text-primary);letter-spacing:-0.015em}.gradient-text{color:var(--text-primary);font-weight:700}.text-blue-accent{color:var(--accent-dji-blue)}.subheading{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.07);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.18);padding:0.36rem 0.95rem;border-radius:9999px;font-size:0.76rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:0.95rem;box-shadow:0 1px 3px rgba(0,112,210,0.06);transition:all 0.2s ease}.subheading::before{display:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,23,42,0.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.25s ease}.site-header.scrolled{background:rgba(11,17,32,0.98);border-bottom:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.4)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px}.brand-logo{display:flex;align-items:center;gap:0.65rem;text-decoration:none;color:#ffffff;font-family:var(--font-heading);font-weight:800;font-size:1.35rem;letter-spacing:-0.02em}.brand-logo{position:relative;width:max-content;padding-bottom:7px;flex-shrink:0}.brand-logo::after{content:"LED";position:absolute;left:21%;right:1.5%;bottom:0;height:12px;display:flex;align-items:center;justify-content:center;color:inherit;font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:1.5px;text-indent:1.5px;background:linear-gradient(to right,currentColor 0% 33%,transparent 33% 67%,currentColor 67% 100%) center / 100% 1px no-repeat}.brand-logo img{height:36px;width:auto;display:block;object-fit:contain;transition:opacity 0.2s ease,transform 0.2s ease}.brand-logo:hover img{opacity:0.95;transform:scale(1.02)}.brand-icon{width:32px;height:32px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.brand-icon i{font-size:1rem}.brand-name span{color:var(--accent-cyan)}.nav-links{display:flex;align-items:center;gap:2.2rem;list-style:none;margin:0;padding:0}.nav-item{position:relative;display:flex;align-items:center;height:70px}.nav-link{position:relative;color:rgba(255,255,255,0.78);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s ease;display:inline-flex;align-items:center;gap:0.35rem;padding:0.5rem 0;cursor:pointer}.nav-link:hover{color:#ffffff}.nav-link.active{color:#ffffff;font-weight:600}.nav-link.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-cyan);border-radius:2px;box-shadow:0 0 8px rgba(0,212,255,0.6)}.dropdown-menu{position:absolute;top:65px;left:50%;transform:translateX(-50%) translateY(8px);min-width:220px;width:max-content;background:#0f172a;border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:0.45rem;box-shadow:0 20px 45px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;z-index:1100}.dropdown-menu::before{content:"";position:absolute;top:-15px;left:0;right:0;height:15px}.nav-item:hover .dropdown-menu,.nav-item:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-item{display:block;padding:0.65rem 1rem;color:#e2e8f0;font-family:var(--font-heading, sans-serif);font-size:0.88rem;font-weight:500;text-decoration:none;border-radius:6px;transition:background 0.15s ease,color 0.15s ease;white-space:nowrap}.dropdown-item:hover{background:rgba(255,255,255,0.1);color:#ffffff}.dropdown-item.active{background:rgba(0,112,210,0.22);color:var(--accent-cyan);font-weight:600}.dropdown-item .dropdown-icon{display:none}.dropdown-item .dropdown-info{display:contents}.dropdown-item .dropdown-info h4{font-size:0.88rem;color:inherit;margin:0;font-weight:inherit;font-family:inherit}.dropdown-item .dropdown-info p{display:none}.mobile-drawer{display:none}.nav-actions{display:flex;align-items:center;gap:1rem}.site-header .btn-primary{background:var(--accent-dji-blue);border-color:var(--accent-dji-blue);color:#ffffff}.site-header .btn-primary:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:0 0 16px rgba(0,112,210,0.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;padding:0.65rem 1.45rem;font-family:var(--font-heading);font-size:0.88rem;font-weight:600;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;outline:none;letter-spacing:0.01em}.btn-primary{background:#111827;color:#ffffff;border-color:#111827}.btn-primary:hover{background:#000000;border-color:#000000;color:#ffffff;transform:translateY(-1px)}.btn-blue{background:var(--accent-dji-blue);color:#ffffff;border-color:var(--accent-dji-blue)}.btn-blue:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);color:#ffffff}.btn-outline{background:#ffffff;border-color:var(--border-medium);color:#111827}.btn-outline:hover{background:#f9fafb;border-color:#111827;color:#111827}.btn-sm{padding:0.45rem 1.1rem;font-size:0.82rem}.btn-lg{padding:0.85rem 2rem;font-size:0.96rem}.btn-glow{box-shadow:var(--shadow-sm)}.mobile-toggle{display:none;background:none;border:none;color:#111827;font-size:1.35rem;cursor:pointer}.hero{position:relative;padding:110px 0 60px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid #e2e8f0;overflow:hidden}.hero-glow{display:none}.hero-top-center{text-align:center;max-width:820px;margin:0 auto 1.75rem}.hero-chip{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.2);padding:0.35rem 0.95rem;border-radius:var(--radius-full);font-size:0.76rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:1rem}.hero-top-center h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;margin-bottom:0.85rem;letter-spacing:-0.03em;font-weight:800;color:#111827}.hero-subtext{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;max-width:680px;margin:0 auto 1.35rem}.hero-cta-center{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-stage{max-width:1060px;margin:0 auto}.hero-stage-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-medium);box-shadow:0 20px 50px -10px rgba(0,0,0,0.12),0 10px 20px -5px rgba(0,0,0,0.04);background:#0f172a;aspect-ratio:16 / 9;max-height:580px;width:100%}.hero-stage-frame{width:100%;height:100%;position:relative}.hero-stage-image,.hero-stage-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:opacity 0.28s ease,transform 0.4s ease}.hero-glass-nav{position:absolute;top:1.25rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:0.4rem;background:rgba(15,23,42,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.22);border-radius:var(--radius-full);padding:0.3rem;box-shadow:0 12px 32px -4px rgba(0,0,0,0.45);max-width:90%}.hero-nav-pill{position:relative;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.15rem;font-size:0.82rem;font-weight:600;border:none;background:transparent;color:rgba(255,255,255,0.8);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);overflow:hidden}.hero-nav-pill:hover{color:#ffffff;background:rgba(255,255,255,0.12)}.hero-nav-pill.active{background:#ffffff;color:#0f172a;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,0.25)}.nav-pill-icon{font-size:0.85rem;color:rgba(255,255,255,0.6);transition:color var(--transition-fast)}.hero-nav-pill.active .nav-pill-icon{color:var(--accent-dji-blue)}.nav-progress{position:absolute;bottom:0;left:0;right:0;height:2.5px;background:transparent;overflow:hidden}.hero-nav-pill.active .nav-progress{background:rgba(0,112,210,0.15)}.nav-progress-bar{width:0%;height:100%;background:var(--accent-dji-blue);transition:width 0.1s linear}.hero-stage-overlay{position:absolute;bottom:1.25rem;inset-inline:1.25rem;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:5}.hero-stage-tag{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(15,23,42,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);color:#ffffff;font-size:0.8rem;font-weight:600;padding:0.4rem 0.95rem;border-radius:var(--radius-full)}.hero-stage-tag i{color:var(--accent-cyan)}.hero-stage-link-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:0.4rem;background:rgba(255,255,255,0.92);color:#111827;font-size:0.78rem;font-weight:700;padding:0.4rem 0.95rem;border-radius:var(--radius-full);text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:all var(--transition-fast)}.hero-stage-link-btn:hover{background:#ffffff;color:var(--accent-dji-blue);transform:translateY(-1px)}@media(max-width:900px){.hero-top-center h1{font-size:clamp(2rem,4.5vw,2.4rem)}.hero-products-bar{grid-template-columns:1fr;gap:0.75rem}.hero-stage-card{aspect-ratio:16 / 10}}@media(max-width:640px){.hero-top-center h1{font-size:1.85rem;letter-spacing:-0.02em;margin-bottom:0.85rem}.hero-subtext{font-size:0.95rem;line-height:1.55;margin-bottom:1.35rem}.hero-glass-nav{top:0.75rem;max-width:calc(100% - 1.25rem);width:max-content;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0.25rem;padding:0.25rem;border-radius:var(--radius-full)}.hero-glass-nav::-webkit-scrollbar{display:none}.hero-nav-pill{flex-shrink:0;padding:0.42rem 0.72rem;font-size:0.76rem;gap:0.35rem}.hero-stage-card{aspect-ratio:4 / 3;max-height:400px}.hero-stage-overlay{bottom:0.65rem;inset-inline:0.65rem;gap:0.45rem}.hero-stage-tag{font-size:0.7rem;padding:0.3rem 0.65rem;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-stage-link-btn{font-size:0.7rem;padding:0.3rem 0.65rem;flex-shrink:0;white-space:nowrap}}@media(max-width:480px){.hero-cta-center{flex-direction:column;width:100%;gap:0.65rem}.hero-cta-center .btn{width:100%;justify-content:center}.hero-top-center h1{font-size:1.7rem}.hero-nav-pill{padding:0.36rem 0.58rem;font-size:0.7rem;gap:0.25rem}.nav-pill-icon{font-size:0.72rem}}@media(max-width:640px){body:is(.modern-service-page,.monument-service-page) .service-hero h1{font-size:clamp(2rem,6vw,2.4rem);line-height:1.12;letter-spacing:-0.035em}}.hero-badge{display:inline-flex;align-items:center;gap:0.45rem;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);padding:0.3rem 0.75rem;border-radius:var(--radius-full);font-size:0.72rem;font-weight:600;color:#ffffff}.pulse-dot{width:6px;height:6px;background:var(--accent-dji-blue);border-radius:50%}.trust-bar{padding:2.2rem 0;border-bottom:1px solid var(--border-subtle);background:#f8fafc}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.trust-item{display:flex;align-items:center;gap:0.9rem}.trust-icon{width:40px;height:40px;border-radius:var(--radius-xs);background:#ffffff;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent-dji-blue);font-size:1.15rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.trust-info h4{font-size:0.9rem;color:#111827;margin-bottom:0.15rem;font-weight:600}.trust-info p{font-size:0.76rem;color:var(--text-secondary)}@media(max-width:900px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:600px){.trust-grid{grid-template-columns:1fr;gap:1rem}}.section-header{text-align:center;max-width:680px;margin:0 auto 3.2rem}.section-header h2{font-size:clamp(2rem,3.2vw,2.65rem);letter-spacing:-0.025em;line-height:1.2;margin-bottom:0.85rem;font-weight:800;color:#111827}.section-header p{font-size:1.02rem;color:var(--text-secondary);line-height:1.65;max-width:640px;margin-left:auto;margin-right:auto}.products-section{padding:70px 0;background:#f6f8fa;position:relative;overflow:hidden;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.products-section .container{max-width:1320px;position:relative;z-index:2}.cylinder-ambient-mesh{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.cylinder-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.55;transition:transform 1.2s cubic-bezier(0.16,1,0.3,1),opacity 0.8s ease}.cylinder-orb.orb-1{top:5%;left:15%;width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,0.14) 0%,transparent 70%)}.cylinder-orb.orb-2{bottom:5%;right:15%;width:550px;height:550px;background:radial-gradient(circle,rgba(0,112,210,0.12) 0%,transparent 70%)}.cylinder-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,0.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 85%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 85%)}.cylinder-stage-wrapper{width:100%;max-width:1280px;margin:0 auto;-webkit-perspective:1500px;perspective:1500px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:pan-y;pointer-events:none}.cylinder-viewport,.cylinder-cards-viewport{width:100%;height:535px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;pointer-events:none}.cylinder-card-item{position:absolute;width:380px;max-width:90vw;height:505px;border-radius:24px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.65s cubic-bezier(0.16,1,0.3,1),transform 0.65s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s ease;transition:-webkit-transform 0.65s cubic-bezier(0.16,1,0.3,1),transform 0.65s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s ease;cursor:pointer;user-select:none;pointer-events:auto;opacity:1!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.cylinder-card-item[data-slot=center]{-webkit-transform:translate3d(0,0,130px) rotateY(0deg) scale(1.04);transform:translate3d(0,0,130px) rotateY(0deg) scale(1.04);z-index:25;cursor:pointer}.cylinder-card-item[data-slot=center]:hover{-webkit-transform:translate3d(0,-8px,150px) rotateY(0deg) scale(1.06);transform:translate3d(0,-8px,150px) rotateY(0deg) scale(1.06)}.cylinder-card-item[data-slot=left]{-webkit-transform:translate3d(-380px,0,-90px) rotateY(28deg) scale(0.88);transform:translate3d(-380px,0,-90px) rotateY(28deg) scale(0.88);z-index:10;cursor:pointer}.cylinder-card-item[data-slot=right]{-webkit-transform:translate3d(380px,0,-90px) rotateY(-28deg) scale(0.88);transform:translate3d(380px,0,-90px) rotateY(-28deg) scale(0.88);z-index:10;cursor:pointer}.cylinder-card-item[data-slot=left]:hover{-webkit-transform:translate3d(-350px,-6px,-40px) rotateY(20deg) scale(0.92);transform:translate3d(-350px,-6px,-40px) rotateY(20deg) scale(0.92)}.cylinder-card-item[data-slot=right]:hover{-webkit-transform:translate3d(350px,-6px,-40px) rotateY(-20deg) scale(0.92);transform:translate3d(350px,-6px,-40px) rotateY(-20deg) scale(0.92)}.cylinder-card-item[data-slot=left] .card-face,.cylinder-card-item[data-slot=right] .card-face{opacity:0.88}.cylinder-card-item[data-slot=left]:hover .card-face,.cylinder-card-item[data-slot=right]:hover .card-face,.cylinder-card-item.is-flipped .card-face{opacity:1}.cylinder-card-item.is-flipped,.cylinder-card-item:has(.card-flipper.flipped){z-index:50!important}.cylinder-card-item[data-slot=left].is-flipped,.cylinder-card-item[data-slot=left]:has(.card-flipper.flipped){-webkit-transform:translate3d(-340px,0,160px) rotateY(6deg) scale(1.02)!important;transform:translate3d(-340px,0,160px) rotateY(6deg) scale(1.02)!important}.cylinder-card-item[data-slot=right].is-flipped,.cylinder-card-item[data-slot=right]:has(.card-flipper.flipped){-webkit-transform:translate3d(340px,0,160px) rotateY(-6deg) scale(1.02)!important;transform:translate3d(340px,0,160px) rotateY(-6deg) scale(1.02)!important}.cylinder-card-item[data-slot=center].is-flipped,.cylinder-card-item[data-slot=center]:has(.card-flipper.flipped){-webkit-transform:translate3d(0,0,180px) rotateY(0deg) scale(1.06)!important;transform:translate3d(0,0,180px) rotateY(0deg) scale(1.06)!important;z-index:50!important}.cylinder-card-item[data-slot=center].is-flipped:hover,.cylinder-card-item[data-slot=center]:has(.card-flipper.flipped):hover{-webkit-transform:translate3d(0,-6px,190px) rotateY(0deg) scale(1.07)!important;transform:translate3d(0,-6px,190px) rotateY(0deg) scale(1.07)!important}.cylinder-viewport:has(.cylinder-card-item[data-slot=left].is-flipped) .cylinder-card-item[data-slot=center],.cylinder-viewport:has(.cylinder-card-item[data-slot=right].is-flipped) .cylinder-card-item[data-slot=center],.cylinder-cards-viewport:has(.cylinder-card-item[data-slot=left].is-flipped) .cylinder-card-item[data-slot=center],.cylinder-cards-viewport:has(.cylinder-card-item[data-slot=right].is-flipped) .cylinder-card-item[data-slot=center],.cylinder-viewport[data-flipped-slot=left] .cylinder-card-item[data-slot=center],.cylinder-viewport[data-flipped-slot=right] .cylinder-card-item[data-slot=center],.cylinder-cards-viewport[data-flipped-slot=left] .cylinder-card-item[data-slot=center],.cylinder-cards-viewport[data-flipped-slot=right] .cylinder-card-item[data-slot=center]{-webkit-transform:translate3d(0,0,40px) rotateY(0deg) scale(0.94)!important;transform:translate3d(0,0,40px) rotateY(0deg) scale(0.94)!important}.cylinder-viewport[data-flipped-slot=left] .cylinder-card-item[data-slot=center] .card-face,.cylinder-viewport[data-flipped-slot=right] .cylinder-card-item[data-slot=center] .card-face,.cylinder-cards-viewport[data-flipped-slot=left] .cylinder-card-item[data-slot=center] .card-face,.cylinder-cards-viewport[data-flipped-slot=right] .cylinder-card-item[data-slot=center] .card-face{opacity:0.82}.cylinder-card-item.card-center-pulse{animation:cardClickCenterPulse 0.52s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes cardClickCenterPulse{0%{-webkit-transform:translate3d(0,-4px,140px) rotateY(0deg) scale(1.05);transform:translate3d(0,-4px,140px) rotateY(0deg) scale(1.05)}40%{-webkit-transform:translate3d(0,-12px,175px) rotateY(0deg) scale(1.085);transform:translate3d(0,-12px,175px) rotateY(0deg) scale(1.085)}100%{-webkit-transform:translate3d(0,-8px,150px) rotateY(0deg) scale(1.06);transform:translate3d(0,-8px,150px) rotateY(0deg) scale(1.06)}}.card-flipper{width:100%;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.8s cubic-bezier(0.34,1.56,0.64,1),transform 0.8s cubic-bezier(0.34,1.56,0.64,1);transition:-webkit-transform 0.8s cubic-bezier(0.34,1.56,0.64,1),transform 0.8s cubic-bezier(0.34,1.56,0.64,1);border-radius:24px}.card-flipper.flipped{-webkit-transform:rotateY(180deg)!important;transform:rotateY(180deg)!important}.card-face{position:absolute;inset:0;width:100%;height:100%;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#ffffff;border:1px solid rgba(0,0,0,0.08);box-shadow:0 25px 60px -15px rgba(0,0,0,0.12),0 10px 25px -5px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.04);display:flex;flex-direction:column;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.4s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.card-face-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(0deg) translateZ(2px);transform:rotateY(0deg) translateZ(2px)}.cylinder-card-item[data-slot=left] .card-face,.cylinder-card-item[data-slot=right] .card-face{box-shadow:0 15px 35px -10px rgba(0,0,0,0.08),0 6px 15px -4px rgba(0,0,0,0.04)}.cylinder-card-item[data-slot=center]:hover .card-face{box-shadow:0 35px 75px -15px rgba(0,0,0,0.18),0 15px 35px -8px rgba(0,112,210,0.18),0 0 0 1px rgba(0,112,210,0.2)}.cylinder-card-item[data-product=outdoor][data-slot=center] .card-face{box-shadow:0 25px 60px -15px rgba(0,0,0,0.12),0 0 35px -8px rgba(245,158,11,0.25)}.cylinder-card-item[data-product=indoor][data-slot=center] .card-face{box-shadow:0 25px 60px -15px rgba(0,0,0,0.12),0 0 35px -8px rgba(2,132,199,0.25)}.cylinder-card-item[data-product=transparent][data-slot=center] .card-face{box-shadow:0 25px 60px -15px rgba(0,0,0,0.12),0 0 35px -8px rgba(124,58,237,0.25)}.card-specular-glare{position:absolute;inset:0;pointer-events:none;z-index:15;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,0.45) 0%,rgba(255,255,255,0.12) 30%,transparent 65%);opacity:0;transition:opacity 0.3s ease;mix-blend-mode:soft-light}.cylinder-card-item:hover .card-specular-glare{opacity:1}.card-media-wrap{position:relative;width:100%;height:205px;overflow:hidden;background:#f1f5f9}.card-media-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.cylinder-card-item:hover .card-media-img{transform:scale(1.06)}.card-media-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(255,255,255,0.25) 75%,#ffffff 100%);z-index:2}.badge-floating-top{position:absolute;top:1rem;left:1rem;z-index:5;display:inline-flex;align-items:center;gap:0.45rem;padding:0.35rem 0.75rem;border-radius:9999px;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;transform:translateZ(25px);transition:transform 0.3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.badge-outdoor{background:rgba(254,243,199,0.95);border:1px solid rgba(245,158,11,0.35);color:#92400e}.badge-indoor{background:rgba(224,242,254,0.95);border:1px solid rgba(2,132,199,0.35);color:#0369a1}.badge-transparent{background:rgba(243,232,255,0.95);border:1px solid rgba(147,51,234,0.35);color:#6b21a8}.btn-flip-trigger{position:absolute;top:1rem;right:1rem;z-index:5;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#111827;display:flex;align-items:center;justify-content:center;font-size:0.85rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.08);transform:translateZ(30px);transition:all 0.25s ease}.btn-flip-trigger:hover{background:#0070d2;color:#ffffff;border-color:#0070d2;transform:translateZ(35px) scale(1.1)}.card-content-body{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d}.card-title{font-size:1.42rem;font-weight:700;color:#0f172a;margin-bottom:0.4rem;line-height:1.25;transform:translateZ(20px)}.card-tagline{font-size:0.88rem;color:#475569;line-height:1.45;margin-bottom:1.2rem;transform:translateZ(15px)}.card-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;margin-bottom:1.4rem;transform:translateZ(25px)}.metric-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0.6rem 0.4rem;text-align:center;transition:all 0.3s ease}.metric-chip .value{display:block;font-size:1rem;font-weight:800;color:#0f172a;line-height:1.1;margin-bottom:0.2rem}.metric-chip .label{display:block;font-size:0.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:0.05em}.card-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding-top:1rem;border-top:1px solid #f1f5f9;transform:translateZ(30px)}.btn-card-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.7rem 1.2rem;border-radius:12px;background:#0070d2;color:#ffffff;font-size:0.85rem;font-weight:700;text-decoration:none;box-shadow:0 4px 15px rgba(0,112,210,0.25);transition:all 0.2s ease}.btn-card-primary:hover{background:#005bb5;color:#ffffff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,112,210,0.35)}.btn-card-secondary{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.7rem 0.9rem;border-radius:12px;background:#ffffff;border:1px solid #d1d5db;color:#111827;font-size:0.82rem;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all 0.2s ease}.btn-card-secondary:hover{background:#f3f4f6;border-color:#9ca3af;color:#000000}.card-face-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(180deg) translateZ(2px);transform:rotateY(180deg) translateZ(2px);background:#ffffff;padding:1.25rem 1.35rem 1.15rem;display:flex;flex-direction:column;justify-content:space-between;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.back-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem;padding-bottom:0.6rem;border-bottom:1px solid #e5e7eb}.back-header .btn-flip-trigger{position:static;transform:none;width:32px;height:32px}.back-header .btn-flip-trigger:hover{transform:scale(1.1)}.back-title-group{display:flex;align-items:center;gap:0.6rem}.back-icon-pill{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.85rem}.back-title{font-size:1.1rem;font-weight:700;color:#0f172a}.back-subtitle{font-size:0.72rem;color:#64748b;text-transform:uppercase;letter-spacing:0.05em}.spec-list{display:flex;flex-direction:column;gap:0.45rem;margin-bottom:0.9rem}.spec-item{display:flex;align-items:center;justify-content:space-between;font-size:0.74rem;padding:0.35rem 0.6rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.spec-item .name{color:#475569;display:flex;align-items:center;gap:0.4rem;flex-shrink:0;font-size:0.74rem;font-weight:500}.spec-item .val{font-weight:700;color:#0f172a;text-align:right;word-break:break-word;font-size:0.74rem}.back-footer{display:flex;gap:0.75rem}.cylinder-nav-btn{position:absolute;top:260px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(0,0,0,0.08);background:#ffffff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;z-index:60;pointer-events:auto;box-shadow:0 10px 30px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.04);-webkit-transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1);transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1)}.cylinder-nav-btn.prev{left:20px}.cylinder-nav-btn.next{right:20px}.cylinder-nav-btn:hover{background:#0070d2;color:#ffffff;border-color:#0070d2;-webkit-transform:translateY(-50%) scale(1.12);transform:translateY(-50%) scale(1.12);box-shadow:0 14px 35px rgba(0,112,210,0.35)}.cylinder-nav-btn:active{-webkit-transform:translateY(-50%) scale(0.95);transform:translateY(-50%) scale(0.95)}.cylinder-controls-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.5rem;z-index:30;pointer-events:auto}.cylinder-dots{display:flex;align-items:center;gap:0.6rem}.cylinder-dot{width:10px;height:10px;border-radius:9999px;background:rgba(0,0,0,0.16);border:none;cursor:pointer;transition:all 0.3s ease}.cylinder-dot.active{width:32px;background:#0070d2;box-shadow:0 0 12px rgba(0,112,210,0.4)}.cylinder-auto-rotate-pill{display:inline-flex;align-items:center;gap:0.45rem;padding:0.45rem 1rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:9999px;font-size:0.78rem;font-weight:600;color:#475569;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.2s ease}.cylinder-auto-rotate-pill.active{color:#0070d2;border-color:rgba(0,112,210,0.35);background:#eff6ff}.cylinder-auto-rotate-pill i{font-size:0.75rem}@media(max-width:992px){.cylinder-card-item[data-slot=left]{-webkit-transform:translate3d(-240px,0,-100px) rotateY(25deg) scale(0.82);transform:translate3d(-240px,0,-100px) rotateY(25deg) scale(0.82)}.cylinder-card-item[data-slot=right]{-webkit-transform:translate3d(240px,0,-100px) rotateY(-25deg) scale(0.82);transform:translate3d(240px,0,-100px) rotateY(-25deg) scale(0.82)}}@media(max-width:768px){.cylinder-viewport,.cylinder-cards-viewport{height:540px}.cylinder-card-item{width:320px;height:520px}.cylinder-card-item[data-slot=left]{-webkit-transform:translate3d(-140px,0,-120px) rotateY(18deg) scale(0.78);transform:translate3d(-140px,0,-120px) rotateY(18deg) scale(0.78)}.cylinder-card-item[data-slot=right]{-webkit-transform:translate3d(140px,0,-120px) rotateY(-18deg) scale(0.78);transform:translate3d(140px,0,-120px) rotateY(-18deg) scale(0.78)}.cylinder-card-item[data-slot=left] .card-face,.cylinder-card-item[data-slot=right] .card-face{opacity:0.55}.card-metrics-row{grid-template-columns:repeat(3,1fr);gap:0.35rem}.metric-chip .value{font-size:0.85rem}.cylinder-nav-btn{width:44px;height:44px;font-size:1rem;top:270px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cylinder-nav-btn.prev{left:8px}.cylinder-nav-btn.next{right:8px}}.finder-section{padding:95px 0;background:radial-gradient(circle at 50% 8%,rgba(235,243,255,0.85) 0%,#f8fafc 55%,#ffffff 100%);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.finder-header-badge{display:inline-flex;align-items:center;gap:0.55rem;padding:0.35rem 1rem;border-radius:999px;background:rgba(0,102,255,0.08);border:1px solid rgba(0,102,255,0.2);color:var(--accent-dji-blue);font-size:0.76rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:1rem}.badge-pulsing-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-dji-blue);box-shadow:0 0 0 rgba(0,102,255,0.4);animation:pulsePillDot 2s infinite}@keyframes pulsePillDot{0%{box-shadow:0 0 0 0 rgba(0,102,255,0.6)}70%{box-shadow:0 0 0 7px rgba(0,102,255,0)}100%{box-shadow:0 0 0 0 rgba(0,102,255,0)}}.finder-interactive-container{max-width:1200px;margin:0 auto}.finder-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.finder-option-card{position:relative;background:#ffffff;border:1.5px solid rgba(226,232,240,0.9);border-radius:var(--radius-lg);padding:1.6rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:1.15rem;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 18px -3px rgba(15,23,42,0.04);font-family:inherit;width:100%}.finder-option-card:hover{border-color:rgba(0,102,255,0.4);transform:translateY(-4px);box-shadow:0 12px 28px -6px rgba(0,102,255,0.14)}.finder-option-card.selected{background:linear-gradient(180deg,#ffffff 0%,#f0f7ff 100%);border-color:var(--accent-dji-blue);box-shadow:0 16px 36px -8px rgba(0,102,255,0.22),0 0 0 1px var(--accent-dji-blue);transform:translateY(-3px)}.finder-card-header{display:flex;align-items:center;justify-content:space-between}.finder-card-thumb{width:74px;height:52px;border-radius:12px;overflow:hidden;position:relative;background:#0f172a;border:1.5px solid rgba(0,0,0,0.08);box-shadow:0 4px 10px rgba(15,23,42,0.08);flex-shrink:0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.card-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.finder-option-card:hover .finder-card-thumb{border-color:rgba(0,102,255,0.4);transform:scale(1.04);box-shadow:0 6px 16px rgba(0,102,255,0.18)}.finder-option-card:hover .card-thumb-img{transform:scale(1.1)}.finder-option-card.selected .finder-card-thumb{border-color:var(--accent-dji-blue);box-shadow:0 6px 18px rgba(0,102,255,0.28),0 0 0 2px rgba(0,102,255,0.2)}.finder-option-card.selected .card-thumb-img{transform:scale(1.06)}.finder-card-tag{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#64748b;background:#f1f5f9;padding:0.28rem 0.65rem;border-radius:999px;transition:all 0.2s ease}.finder-option-card.selected .finder-card-tag{color:var(--accent-dji-blue);background:rgba(0,102,255,0.1);font-weight:700}.finder-card-content h4{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:0.35rem;line-height:1.35}.finder-card-content p{font-size:0.82rem;color:var(--text-secondary);line-height:1.5;margin:0}.finder-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:0.85rem;border-top:1px solid rgba(0,0,0,0.05)}.finder-highlight-badge{font-size:0.73rem;font-weight:600;color:#475569;display:inline-flex;align-items:center;gap:0.4rem}.finder-highlight-badge i{color:var(--accent-dji-blue);font-size:0.78rem}.finder-active-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#cbd5e1;display:inline-block;transition:all 0.3s ease}.finder-option-card.selected .finder-active-dot{background:#0066ff}.finder-option-card.selected .pulse-wave{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid #0066ff;animation:radarPulse 1.8s infinite cubic-bezier(0.25,0.8,0.25,1)}@keyframes radarPulse{0%{transform:scale(0.6);opacity:1}100%{transform:scale(2.2);opacity:0}}.finder-showcase-stage{position:relative;background:linear-gradient(135deg,#ffffff 0%,#fcfdfe 50%,#f4f8ff 100%);border:1.5px solid rgba(0,102,255,0.16);border-radius:24px;padding:2.5rem 2.75rem;box-shadow:0 24px 60px -15px rgba(15,23,42,0.09),0 4px 16px -2px rgba(0,102,255,0.04);overflow:hidden}.finder-stage-ambient-glow{position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,0.12) 0%,rgba(0,210,255,0.05) 50%,transparent 70%);pointer-events:none;filter:blur(40px);transition:all 0.6s ease}.finder-stage-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:2.5rem;align-items:center}.finder-stage-info{display:flex;flex-direction:column;transition:opacity 0.2s ease,transform 0.2s ease}.finder-stage-info.fade-transition{opacity:0.15;transform:translateY(8px)}.finder-solution-badge{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.76rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent-dji-blue);background:rgba(0,102,255,0.08);border:1px solid rgba(0,102,255,0.18);padding:0.35rem 0.85rem;border-radius:999px;margin-bottom:0.85rem;width:fit-content}.finder-stage-title{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-0.02em;line-height:1.25;margin-bottom:0.35rem}.finder-stage-tagline{font-size:0.9rem;font-weight:600;color:var(--accent-dji-blue);margin-bottom:0.85rem}.finder-stage-desc{font-size:0.92rem;color:#475569;line-height:1.6;margin-bottom:1.35rem}.finder-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;margin-bottom:1.5rem}.finder-spec-chip{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 0.95rem;background:#ffffff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 6px rgba(0,0,0,0.02);transition:all 0.2s ease}.finder-spec-chip:hover{border-color:rgba(0,102,255,0.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,255,0.08)}.spec-chip-icon{width:32px;height:32px;border-radius:8px;background:#f0f7ff;color:var(--accent-dji-blue);display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0}.spec-chip-text{display:flex;flex-direction:column}.spec-chip-label{font-size:0.66rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary);font-weight:600}.spec-chip-val{font-size:0.82rem;font-weight:700;color:#0f172a}.finder-stage-actions{display:flex;align-items:center;gap:0.85rem}.finder-stage-media-wrap{position:relative}.finder-media-card{position:relative;background:#0f172a;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px -10px rgba(15,23,42,0.25),0 0 0 1px rgba(255,255,255,0.1);aspect-ratio:16 / 10}.finder-media-img-container{width:100%;height:100%;position:relative;overflow:hidden}.finder-media-img{width:100%;height:100%;object-fit:cover;transition:opacity 0.25s ease,transform 0.6s cubic-bezier(0.16,1,0.3,1);display:block}.finder-media-img.fade-transition{opacity:0.2;transform:scale(1.05)}.finder-media-card:hover .finder-media-img{transform:scale(1.04)}.finder-media-glass-sheen{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,transparent 35%,rgba(0,0,0,0.6) 100%);pointer-events:none}.finder-media-hud-top{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.85rem;background:rgba(15,23,42,0.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:999px;color:#ffffff;font-size:0.75rem;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.hud-live-dot{width:7px;height:7px;border-radius:50%;background:#00d2ff;box-shadow:0 0 8px #00d2ff}.finder-media-hud-bottom{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0.55rem 1rem;background:rgba(15,23,42,0.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);border-radius:12px;color:#ffffff}.hud-environment-tag{font-size:0.78rem;font-weight:500;color:#e2e8f0}.hud-quick-btn{font-size:0.75rem;font-weight:700;color:#00d2ff;display:inline-flex;align-items:center;gap:0.35rem;transition:all 0.2s ease}.hud-quick-btn:hover{color:#ffffff;transform:translateX(2px)}.visualizer-section{padding:70px 0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.brightness-guide-link-section{padding:1.5rem 0;background:#ffffff;border-bottom:1px solid #e2e8f0;text-align:center}.brightness-guide-link-section p{max-width:760px;margin:0 auto 0.55rem;color:#475569;line-height:1.55}.brightness-guide-link-section a{color:#0070d2;font-weight:700;text-decoration:none}.brightness-guide-link-section a:hover,.brightness-guide-link-section a:focus-visible{color:#0f172a;text-decoration:underline}.visualizer-screen-col{display:flex;flex-direction:column;gap:0.85rem;width:100%}.visualizer-type-selector-wrap{display:flex;justify-content:center;margin-bottom:0}.visualizer-type-tabs{display:inline-flex;background:#f1f5f9;padding:0.25rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);box-shadow:0 2px 6px rgba(0,0,0,0.03);gap:0.25rem}.visualizer-type-tab{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.15rem;border-radius:var(--radius-full);border:none;background:transparent;color:#64748b;cursor:pointer;font-family:var(--font-heading);transition:all 0.22s cubic-bezier(0.16,1,0.3,1);text-align:center}.visualizer-type-tab i{font-size:0.95rem;transition:transform 0.2s ease,color 0.2s ease}.visualizer-type-tab .tab-title{display:inline-block;font-size:0.86rem;font-weight:700;color:inherit;letter-spacing:0.01em}.visualizer-type-tab:hover{color:#1e293b;background:rgba(255,255,255,0.7)}.visualizer-type-tab.active{background:#ffffff;color:#0f172a;box-shadow:0 2px 10px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04)}.visualizer-type-tab.active i{color:var(--accent-dji-blue);transform:scale(1.08)}@media(max-width:640px){.visualizer-type-tabs{flex-direction:column;border-radius:var(--radius-lg);width:100%}.visualizer-type-tab{border-radius:var(--radius-md);padding:0.75rem 1rem;justify-content:flex-start}}.visualizer-wrapper{display:grid;grid-template-columns:1.18fr 1fr;gap:2.25rem;align-items:center;background:#ffffff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2.25rem;box-shadow:var(--shadow-card)}.visualizer-screen-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#080c14;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 45px -10px rgba(0,0,0,0.35),0 0 0 1px rgba(0,0,0,0.05)}.brightness-layers-container{position:absolute;inset:0;width:100%;height:100%}.brightness-slide-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.22s cubic-bezier(0.4,0,0.2,1),visibility 0.22s;pointer-events:none;will-change:opacity}.brightness-slide-layer.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}#daylight-visualizer .brightness-slide-layer{transition:none}#daylight-visualizer .brightness-crossfade-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:3;pointer-events:none;user-select:none;will-change:opacity}.brightness-slide-img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}.brightness-badge-top{position:absolute;top:1rem;left:1rem;background:rgba(15,23,42,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);color:#e2e8f0;font-family:var(--font-heading);font-size:0.75rem;font-weight:600;padding:0.35rem 0.8rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:0.45rem;z-index:5;box-shadow:0 4px 12px rgba(0,0,0,0.25)}.brightness-badge-model{position:absolute;bottom:1rem;right:1rem;background:rgba(15,23,42,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);color:#94a3b8;font-family:var(--font-heading);font-size:0.72rem;font-weight:600;padding:0.35rem 0.75rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:0.4rem;z-index:5;box-shadow:0 4px 12px rgba(0,0,0,0.25)}.visualizer-screen-hud{position:absolute;top:1.1rem;left:1.1rem;background:rgba(15,23,42,0.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);color:#ffffff;font-family:var(--font-heading);font-size:0.82rem;font-weight:700;padding:0.4rem 0.85rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:0.5rem;z-index:5;letter-spacing:0.05em;box-shadow:0 4px 16px rgba(0,0,0,0.35);transition:all 0.25s ease;user-select:none}.visualizer-screen-hud .hud-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;transition:background-color 0.2s ease,box-shadow 0.2s ease}.visualizer-tip-box{background:#f0f7ff;border:1px solid #bae6fd;border-left:4px solid var(--accent-dji-blue);padding:1.1rem 1.25rem;border-radius:var(--radius-md);font-size:0.88rem;color:#1e293b;line-height:1.55;transition:all 0.2s ease}.visualizer-tip-box strong{color:#0369a1}.visualizer-section-header{margin-bottom:2.2rem}#brightness-simulator{scroll-margin-top:78px}.brightness-simulator-disclaimer{max-width:920px;margin:1rem auto 0;color:#64748b;font-size:0.82rem;line-height:1.5;text-align:center}.visualizer-controls{display:flex;flex-direction:column;gap:1.1rem}.visualizer-panel-title-wrap{margin-bottom:0.15rem}.visualizer-panel-title{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-0.015em;margin:0 0 0.35rem 0}.visualizer-panel-subtitle{font-size:0.88rem;color:var(--text-secondary);line-height:1.5;margin:0}.brightness-readout-card{display:flex;justify-content:space-between;align-items:center;padding:0.9rem 1.25rem;background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:0.25rem}.brightness-readout-label{display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-tertiary);margin-bottom:0.2rem}.brightness-readout-num{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:#0284c7;line-height:1.1}.brightness-readout-status{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.85rem;border-radius:var(--radius-full);font-size:0.8rem;font-weight:700;letter-spacing:0.02em;transition:all 0.25s ease}.status-indicator-dot{width:8px;height:8px;border-radius:50%;display:inline-block;transition:background-color 0.2s ease,box-shadow 0.2s ease}.brightness-readout-status.status-washout{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.brightness-readout-status.status-washout .status-indicator-dot{background:#dc2626;box-shadow:0 0 8px rgba(220,38,38,0.6)}.brightness-readout-status.status-shaded{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.brightness-readout-status.status-shaded .status-indicator-dot{background:#d97706;box-shadow:0 0 8px rgba(217,119,6,0.6)}.brightness-readout-status.status-commercial{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.brightness-readout-status.status-commercial .status-indicator-dot{background:#0284c7;box-shadow:0 0 8px rgba(2,132,199,0.6)}.brightness-readout-status.status-peak{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.brightness-readout-status.status-peak .status-indicator-dot{background:#10b981;box-shadow:0 0 10px rgba(16,185,129,0.7)}.brightness-slider-container{position:relative;padding:0.5rem 0.25rem 0.25rem}.slider-track-wrap{position:relative;height:8px;background:#e2e8f0;border-radius:9999px;margin-bottom:0.75rem}.slider-fill-track{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#38bdf8 0%,#0284c7 60%,#10b981 100%);border-radius:9999px;pointer-events:none;transition:width 0.15s ease-out}.brightness-range-input{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:28px;background:transparent;-webkit-appearance:none;appearance:none;margin:0;cursor:pointer;z-index:3}.brightness-range-input:focus{outline:none}.brightness-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#ffffff;border:3px solid #0284c7;box-shadow:0 2px 8px rgba(2,132,199,0.4),0 0 0 2px rgba(255,255,255,0.8);cursor:pointer;transition:transform 0.15s cubic-bezier(0.2,1,0.3,1),box-shadow 0.15s ease}.brightness-range-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 14px rgba(2,132,199,0.6),0 0 0 4px rgba(2,132,199,0.2)}.brightness-range-input::-webkit-slider-thumb:active{transform:scale(1.2);background:#0284c7;border-color:#ffffff;box-shadow:0 4px 16px rgba(2,132,199,0.7)}.brightness-range-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#ffffff;border:3px solid #0284c7;box-shadow:0 2px 8px rgba(2,132,199,0.4);cursor:pointer}.brightness-ticks{display:flex;justify-content:space-between;padding:0 4px}.tick-label{font-size:0.78rem;font-weight:600;color:#64748b;cursor:pointer;transition:color 0.15s ease,font-weight 0.15s ease;user-select:none}.tick-label.active{color:#0284c7;font-weight:800}.brightness-preset-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-top:0.15rem;margin-bottom:0.25rem}.brightness-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.75rem 0.6rem;min-height:46px;background:#ffffff;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s cubic-bezier(0.2,1,0.3,1);box-shadow:var(--shadow-sm);text-align:center}.brightness-preset-btn:hover{border-color:#93c5fd;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(2,132,199,0.08)}.brightness-preset-btn.active{background:#f0f9ff;border-color:#0284c7;box-shadow:0 4px 14px rgba(2,132,199,0.18),inset 0 0 0 1px #0284c7;transform:translateY(-1px)}.brightness-preset-btn .btn-nits{font-family:var(--font-heading);font-size:0.88rem;font-weight:700;color:#0f172a;line-height:1.2;transition:color 0.15s ease}.brightness-preset-btn.active .btn-nits{color:#0284c7}@media(max-width:540px){.brightness-preset-buttons{grid-template-columns:repeat(2,1fr)}}.specs-section{padding:90px 0;background:#f8fafc}.specs-comparison-table{width:100%;border-collapse:collapse;margin-top:1.75rem;background:#ffffff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.specs-comparison-table th,.specs-comparison-table td{padding:1.1rem 1.4rem;text-align:left;border-bottom:1px solid var(--border-subtle);font-size:0.86rem}.specs-comparison-table th{background:#f1f5f9;font-family:var(--font-heading);font-weight:700;color:#111827;font-size:0.92rem}.specs-comparison-table tr:hover td{background:#fafafa}.specs-comparison-table td:first-child{font-weight:600;color:#111827}.badge-tag{display:inline-block;padding:0.2rem 0.55rem;border-radius:var(--radius-xs);font-size:0.72rem;font-weight:600;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.app-control-section{padding:70px 0;background:#ffffff;position:relative;overflow:hidden;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.app-control-section::before{content:"";position:absolute;top:25%;right:-6%;width:580px;height:580px;background:radial-gradient(circle,rgba(0,112,210,0.12) 0%,rgba(14,165,233,0.05) 50%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;opacity:0;transform:scale(0.7);transition:opacity 1.3s ease,transform 1.3s cubic-bezier(0.16,1,0.3,1)}.app-control-section.cms-in-view::before{opacity:1;transform:scale(1)}.cms-tech-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.22);padding:0.4rem 0.95rem;border-radius:9999px;font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.9rem}.cms-scroll-header{opacity:0;transform:translateY(32px);transition:opacity 0.85s cubic-bezier(0.16,1,0.3,1),transform 0.85s cubic-bezier(0.16,1,0.3,1)}.app-control-section.cms-in-view .cms-scroll-header{opacity:1;transform:translateY(0)}.split-feature-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:4rem;align-items:center;position:relative;z-index:1}.cms-scroll-words{opacity:0;transform:translateX(-80px);filter:blur(8px);transition:opacity 0.95s cubic-bezier(0.16,1,0.3,1),transform 1.05s cubic-bezier(0.16,1,0.3,1),filter 0.95s ease;will-change:transform,opacity,filter}.app-control-section.cms-in-view .cms-scroll-words{opacity:1;transform:translateX(0);filter:blur(0)}.feature-list{list-style:none;margin:1.75rem 0 2rem;display:flex;flex-direction:column;gap:1.15rem}.cms-scroll-words .feature-list li{display:flex;align-items:flex-start;gap:0.85rem;opacity:0;transform:translateX(-35px);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.app-control-section.cms-in-view .cms-scroll-words .feature-list li:nth-child(1){transition-delay:0.18s;opacity:1;transform:translateX(0)}.app-control-section.cms-in-view .cms-scroll-words .feature-list li:nth-child(2){transition-delay:0.32s;opacity:1;transform:translateX(0)}.app-control-section.cms-in-view .cms-scroll-words .feature-list li:nth-child(3){transition-delay:0.46s;opacity:1;transform:translateX(0)}.feature-check-icon{width:24px;height:24px;border-radius:50%;background:#dbeafe;color:var(--accent-dji-blue);display:flex;align-items:center;justify-content:center;font-size:0.75rem;flex-shrink:0;margin-top:0.15rem;box-shadow:0 2px 8px rgba(0,112,210,0.2);transition:transform 0.4s ease,background 0.4s ease}.app-control-section.cms-in-view .feature-list li:hover .feature-check-icon{transform:scale(1.15);background:var(--accent-dji-blue);color:#ffffff}.feature-list-text h4{font-size:0.98rem;margin-bottom:0.18rem;color:#111827;font-weight:700;letter-spacing:-0.01em}.feature-list-text p{font-size:0.85rem;color:var(--text-secondary);line-height:1.5}.cms-cta-row{opacity:0;transform:translateY(22px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1) 0.55s,transform 0.8s cubic-bezier(0.16,1,0.3,1) 0.55s}.app-control-section.cms-in-view .cms-cta-row{opacity:1;transform:translateY(0)}.cms-scroll-visual{opacity:0;transform:perspective(1200px) rotateY(-8deg) translateX(85px) scale(0.94);filter:blur(10px);transition:opacity 1.05s cubic-bezier(0.16,1,0.3,1) 0.12s,transform 1.15s cubic-bezier(0.16,1,0.3,1) 0.12s,filter 1.05s ease 0.12s;will-change:transform,opacity,filter;position:relative}.app-control-section.cms-in-view .cms-scroll-visual{opacity:1;transform:perspective(1200px) rotateY(0deg) translateX(0) scale(1);filter:blur(0)}.cms-visual-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(0,112,210,0.35);box-shadow:0 24px 60px -12px rgba(15,23,42,0.2),0 0 35px rgba(0,112,210,0.15);background:#0b0f19;transition:box-shadow 0.5s ease,transform 0.5s ease}.cms-visual-frame:hover{transform:translateY(-4px);box-shadow:0 32px 75px -12px rgba(0,112,210,0.3),0 0 45px rgba(0,168,255,0.25)}.cms-hud-corner{position:absolute;width:14px;height:14px;pointer-events:none;z-index:4;opacity:0;transition:opacity 0.8s ease 0.65s}.app-control-section.cms-in-view .cms-hud-corner{opacity:1}.cms-hud-corner.corner-tl{top:12px;left:12px;border-top:2.5px solid #00a8ff;border-left:2.5px solid #00a8ff}.cms-hud-corner.corner-tr{top:12px;right:12px;border-top:2.5px solid #00a8ff;border-right:2.5px solid #00a8ff}.cms-hud-corner.corner-bl{bottom:12px;left:12px;border-bottom:2.5px solid #00a8ff;border-left:2.5px solid #00a8ff}.cms-hud-corner.corner-br{bottom:12px;right:12px;border-bottom:2.5px solid #00a8ff;border-right:2.5px solid #00a8ff}.cms-live-badge{position:absolute;top:14px;right:14px;z-index:5;display:inline-flex;align-items:center;gap:0.5rem;background:rgba(11,15,25,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,168,255,0.35);padding:0.35rem 0.8rem;border-radius:9999px;font-size:0.68rem;font-weight:700;letter-spacing:0.05em;color:#38bdf8;box-shadow:0 4px 18px rgba(0,0,0,0.45)}.cms-live-badge .pulse-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulseBeacon 2s infinite ease-in-out}@keyframes pulseBeacon{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.35;transform:scale(0.85)}}.cms-scan-beam{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(115deg,transparent 35%,rgba(0,168,255,0.15) 48%,rgba(255,255,255,0.45) 50%,rgba(0,168,255,0.15) 52%,transparent 65%);transform:translateX(-120%) rotate(25deg);pointer-events:none;z-index:3}.app-control-section.cms-in-view .cms-scan-beam{animation:scanLaserSweep 1.6s cubic-bezier(0.16,1,0.3,1) 0.55s 1 forwards}@keyframes scanLaserSweep{0%{transform:translateX(-120%) rotate(25deg)}100%{transform:translateX(120%) rotate(25deg)}}@media(max-width:991px){.split-feature-grid{grid-template-columns:1fr;gap:2.75rem}.cms-scroll-words{transform:translateY(40px)}.app-control-section.cms-in-view .cms-scroll-words{transform:translateY(0)}.cms-scroll-visual{transform:translateY(40px) scale(0.96)}.app-control-section.cms-in-view .cms-scroll-visual{transform:translateY(0) scale(1)}}.why-pixaclear-section{padding:70px 0;background:#ffffff;position:relative;overflow:hidden;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.why-ambient-mesh{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.why-glow-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.65}.why-glow-orb.orb-left{width:440px;height:440px;background:radial-gradient(circle,rgba(0,112,210,0.12) 0%,rgba(2,132,199,0) 70%);top:-60px;left:-80px}.why-glow-orb.orb-right{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,0.08) 0%,rgba(14,165,233,0) 70%);bottom:-100px;right:-80px}.why-pixaclear-section .container{position:relative;z-index:1}.why-pixaclear-grid.holo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;perspective:1200px;margin-top:2rem}.holo-card-wrap{perspective:1000px}.holo-card{position:relative;background:#ffffff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,0.9);border-radius:24px;padding:2.2rem 1.8rem 2rem;display:flex;flex-direction:column;height:100%;overflow:hidden;transform-style:preserve-3d;transition:transform 0.5s cubic-bezier(0.2,0.9,0.25,1.15),box-shadow 0.5s cubic-bezier(0.16,1,0.3,1),border-color 0.4s ease;box-shadow:0 4px 20px -2px rgba(15,23,42,0.05),0 1px 3px rgba(15,23,42,0.03);cursor:default;will-change:transform,box-shadow}.holo-card-spotlight{display:none}.holo-card:hover{transform:translate3d(0,-12px,30px);border-color:var(--card-accent, var(--accent-dji-blue));box-shadow:0 8px 16px -4px rgba(15,23,42,0.06),0 24px 48px -10px rgba(15,23,42,0.12),0 36px 72px -16px var(--card-glow, rgba(0, 112, 210, 0.28));z-index:10}.holo-card-icon-wrap{width:62px;height:62px;border-radius:18px;background:var(--card-icon-bg, rgba(0, 112, 210, 0.1));color:var(--card-accent, var(--accent-dji-blue));display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.5rem;transform:translateZ(30px);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 14px rgba(0,0,0,0.04)}.holo-card:hover .holo-card-icon-wrap{transform:translateZ(45px) scale(1.08);background:var(--card-accent, var(--accent-dji-blue));color:#ffffff;box-shadow:0 8px 24px var(--card-glow, rgba(0, 112, 210, 0.35))}.holo-card-num{position:absolute;top:1.5rem;right:1.8rem;font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:rgba(203,213,225,0.6);line-height:1;transition:color 0.3s ease,opacity 0.3s ease;transform:translateZ(15px);z-index:2}.holo-card-badge{position:absolute;top:1.6rem;right:4.6rem;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;padding:0.25rem 0.6rem;border-radius:6px;background:rgba(16,185,129,0.1);color:#059669;border:1px solid rgba(16,185,129,0.25);transform:translateZ(20px);white-space:nowrap;display:inline-flex;align-items:center;gap:0.35rem;z-index:3}.holo-card:hover .holo-card-badge{background:rgba(16,185,129,0.18);border-color:rgba(16,185,129,0.4)}.holo-card:hover .holo-card-num{color:var(--card-accent, var(--accent-dji-blue));opacity:0.35}.holo-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.015em;margin-bottom:0.65rem;line-height:1.3;transform:translateZ(25px);transition:color 0.25s ease}.holo-card:hover h3{color:var(--card-accent, var(--accent-dji-blue))}.holo-card p{font-family:var(--font-body);font-size:0.92rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.4rem;transform:translateZ(20px);flex-grow:1}.holo-card-pills{display:flex;flex-wrap:wrap;gap:0.45rem;transform:translateZ(20px);margin-top:auto}.holo-pill{font-size:0.74rem;font-weight:600;padding:0.28rem 0.6rem;border-radius:7px;background:rgba(15,23,42,0.04);color:#475569;border:1px solid rgba(226,232,240,0.8);transition:transform 0.3s cubic-bezier(0.2,0.9,0.25,1.15),box-shadow 0.3s ease,background-color 0.25s ease,border-color 0.25s ease,color 0.25s ease;cursor:default}.holo-card:hover .holo-pill{background:rgba(0,112,210,0.06);color:var(--card-accent, var(--accent-dji-blue));border-color:rgba(0,112,210,0.2);transform:translate3d(0,-1px,6px)}.holo-pill:hover{transform:translate3d(0,-3px,14px) scale(1.05)!important;background:#ffffff!important;color:var(--card-accent, var(--accent-dji-blue))!important;border-color:var(--card-accent, var(--accent-dji-blue))!important;box-shadow:0 8px 18px -4px var(--card-glow, rgba(0, 112, 210, 0.35))!important;z-index:15}.holo-extra-spec{margin-top:1rem;padding-top:0.85rem;border-top:1px dashed rgba(226,232,240,0.9);transform:translateZ(25px)}.holo-spec-indicator{display:flex;align-items:center;gap:0.45rem;font-size:0.76rem;font-weight:600;color:#0284c7}.holo-spec-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}@media(max-width:1100px){.why-pixaclear-grid.holo-grid{grid-template-columns:repeat(2,1fr);gap:1.4rem}}@media(max-width:640px){.why-pixaclear-grid.holo-grid{grid-template-columns:1fr;gap:1.2rem}.holo-card{padding:1.8rem 1.4rem;border-radius:20px}.holo-card-num{top:1.2rem;right:1.4rem;font-size:1.5rem}.holo-card-badge{top:1.3rem;right:3.8rem}}.why-pixaclear-grid.holo-grid.variant-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.why-card-top30{position:relative;background:#ffffff;border:1px solid rgba(226,232,240,0.9);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s ease,border-color 0.3s ease;box-shadow:0 4px 18px -2px rgba(15,23,42,0.05)}.why-card-top30:hover{transform:translateY(-8px);border-color:var(--card-accent, #0284c7);box-shadow:0 18px 36px -8px var(--card-glow, rgba(2, 132, 199, 0.22))}.why-card-img-wrap{width:100%;height:145px;overflow:hidden;position:relative;background:#0f172a;flex-shrink:0}.why-card-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)}.why-card-top30:hover .why-card-img-wrap img{transform:scale(1.06)}.why-card-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0.02) 60%,rgba(15,23,42,0.2) 100%);pointer-events:none}.why-card-badge-num{position:absolute;top:12px;right:12px;background:rgba(15,23,42,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.25);color:#ffffff;font-family:var(--font-heading, "Outfit", sans-serif);font-size:0.82rem;font-weight:800;padding:0.2rem 0.55rem;border-radius:9999px;letter-spacing:0.04em;box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:2}.why-card-body{padding:1.35rem 1.3rem 1.6rem;display:flex;flex-direction:column;flex-grow:1}.why-title-box{display:flex;align-items:center;gap:0.75rem;background:var(--card-bg, rgba(2, 132, 199, 0.06));border:1px solid var(--card-border, rgba(2, 132, 199, 0.18));border-radius:12px;padding:0.65rem 0.85rem;margin-bottom:0.95rem;min-height:56px;box-sizing:border-box;transition:all 0.3s ease}.why-card-top30:hover .why-title-box{background:#ffffff;border-color:var(--card-accent, #0284c7);box-shadow:0 4px 14px var(--card-glow, rgba(2, 132, 199, 0.14))}.why-title-icon{width:28px;height:28px;border-radius:8px;background:#ffffff;border:1px solid var(--card-border, rgba(2, 132, 199, 0.2));color:var(--card-accent, #0284c7);display:flex;align-items:center;justify-content:center;font-size:0.78rem;flex-shrink:0;box-shadow:0 1px 3px rgba(15,23,42,0.04);transition:transform 0.3s ease,background 0.3s ease,color 0.3s ease,border-color 0.3s ease}.why-card-top30:hover .why-title-icon{background:var(--card-accent, #0284c7);border-color:var(--card-accent, #0284c7);color:#ffffff;transform:scale(1.08)}.why-title-box h3{font-family:var(--font-heading, "Outfit", sans-serif);font-size:1.05rem;font-weight:800;color:#0f172a;line-height:1.25;margin:0;letter-spacing:-0.015em;transition:color 0.25s ease}.why-card-top30:hover .why-title-box h3{color:var(--card-accent, #0284c7)}.why-card-body p{font-size:0.88rem;color:#64748b;line-height:1.58;margin:0}@media(max-width:1100px){.why-pixaclear-grid.holo-grid.variant-v4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.why-pixaclear-grid.holo-grid.variant-v4{grid-template-columns:1fr;gap:1.25rem}.why-card-img-wrap{height:165px}.why-title-box{min-height:auto}}.why-pixaclear-footnote{margin-top:1.8rem;text-align:center}.why-pixaclear-footnote p{font-family:var(--font-body);font-size:0.8rem;color:var(--text-muted, #94a3b8);line-height:1.5;margin:0;max-width:760px;margin-left:auto;margin-right:auto}.faq-section{padding:80px 0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.faq-section .section-header{text-align:center;max-width:680px;margin:0 auto 2.85rem}.faq-section .section-header h2{font-size:clamp(2rem,3.2vw,2.65rem);letter-spacing:-0.025em;line-height:1.25;margin-bottom:0.85rem;font-weight:800;color:#0f172a}.faq-section .section-header p{font-size:1.02rem;color:var(--text-secondary);line-height:1.65;max-width:620px;margin-left:auto;margin-right:auto}.faq-accordion{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-accordion .faq-item{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:border-color 0.25s ease,box-shadow 0.25s ease;box-shadow:0 1px 3px rgba(0,0,0,0.03)}.faq-accordion .faq-item:hover{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(0,0,0,0.05)}.faq-accordion .faq-item.active{border-color:var(--accent-dji-blue);box-shadow:0 4px 20px rgba(0,112,210,0.08)}.faq-accordion .faq-question{padding:1.25rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;cursor:pointer;font-family:var(--font-heading);font-weight:600;font-size:1.05rem;color:#0f172a;user-select:none;transition:color 0.2s ease}.faq-accordion .faq-question:hover{color:var(--accent-dji-blue)}.faq-accordion .faq-icon{width:32px;height:32px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:#64748b;flex-shrink:0;transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),background 0.2s ease,color 0.2s ease}.faq-accordion .faq-item.active .faq-icon{transform:rotate(45deg);background:rgba(0,112,210,0.1);color:var(--accent-dji-blue)}.faq-accordion .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.32s cubic-bezier(0.16,1,0.3,1);padding:0 1.6rem;color:var(--text-secondary);font-size:0.95rem;line-height:1.7}.faq-accordion .faq-item.active .faq-answer{padding-bottom:1.35rem}.contact-section{padding:120px 0 90px;background:#f8fafc}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}.contact-info-card{background:#ffffff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.2rem;display:flex;flex-direction:column;gap:1.75rem;box-shadow:var(--shadow-card)}.contact-detail-item{display:flex;align-items:flex-start;gap:0.85rem}.contact-detail-icon{width:38px;height:38px;border-radius:var(--radius-xs);background:#e0f2fe;color:var(--accent-dji-blue);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.contact-detail-text h4{font-size:0.95rem;margin-bottom:0.15rem;font-weight:600;color:#111827}.contact-detail-text p,.contact-detail-text a{font-size:0.85rem;color:var(--text-secondary);text-decoration:none}.contact-detail-text a:hover{color:var(--accent-dji-blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cta-banner{padding:70px 0;background:#ffffff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.cta-banner-box{background:#ffffff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:3.5rem 2.5rem;text-align:center;box-shadow:var(--shadow-card)}.cta-banner-box h2{font-size:2.3rem;margin-bottom:0.75rem;font-weight:700;color:#111827}.cta-banner-box p{font-size:1rem;color:var(--text-secondary);max-width:580px;margin:0 auto 1.75rem}@media(max-width:480px){.cta-banner-box{padding:2.25rem 1.25rem}.cta-banner-box h2{font-size:clamp(1.55rem,6.5vw,1.85rem)}}.site-footer{background:#0f1117;border-top:1px solid #1f242e;padding:70px 0 25px;color:#f3f4f6}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2.75rem;margin-bottom:2.5rem}.footer-brand .brand-logo{color:#ffffff}.footer-brand .brand-icon{background:#ffffff;color:#0f1117}.footer-brand p{color:#9ca3af;font-size:0.84rem;margin-top:0.85rem;line-height:1.6}.footer-col h4{font-size:0.9rem;color:#ffffff;margin-bottom:1.15rem;font-weight:600}.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.65rem}.footer-links a{color:#9ca3af;text-decoration:none;font-size:0.82rem;transition:var(--transition-fast)}.footer-links a:hover{color:#ffffff}.footer-disclaimer{padding:1.25rem 0;border-top:1px solid #1f242e;font-size:0.76rem;color:#6b7280;line-height:1.6}.footer-disclaimer p{margin:0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,0.05);font-size:0.78rem;color:#6b7280}.floating-contact-btn{position:fixed;bottom:24px;right:24px;z-index:999;background:#111827;color:#ffffff;padding:0.75rem 1.35rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:0.55rem;font-family:var(--font-heading);font-weight:600;font-size:0.85rem;text-decoration:none;box-shadow:var(--shadow-card);transition:var(--transition-fast);border:1px solid rgba(255,255,255,0.15)}.floating-contact-btn:hover{background:#000000;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.25rem;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#ffffff;border:1px solid #cbd5e1;border-radius:20px;padding:1.85rem 2.25rem;width:100%;max-width:630px;position:relative;box-shadow:0 25px 50px -12px rgba(15,23,42,0.25);transform:scale(0.96);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1);max-height:92vh;overflow-y:auto;box-sizing:border-box}.modal-overlay.active .modal-content{transform:scale(1)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-close{position:absolute;top:1.15rem;right:1.15rem;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all 0.2s ease;z-index:10}.modal-close:hover{background:#e2e8f0;color:#0f172a}@media(max-width:992px){.hero-grid,.visualizer-wrapper,.split-feature-grid,.calc-box,.contact-grid{grid-template-columns:1fr;gap:2.5rem}.product-cards-grid,.trust-grid,.finder-steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-content h1{font-size:2.4rem}}@media(max-width:768px){.nav-links,.nav-actions{display:none}.mobile-toggle{display:block;color:#ffffff}.mobile-drawer{position:fixed;top:68px;left:0;right:0;background:#0f172a;padding:1.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.15);display:flex;flex-direction:column;gap:1.1rem;box-shadow:var(--shadow-lg);transform:translateY(-150%);transition:transform var(--transition-normal);z-index:999;max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}.mobile-drawer.active{transform:translateY(0)}.mobile-drawer .nav-link{font-size:1rem;color:rgba(255,255,255,0.85)}.mobile-drawer .nav-link:hover,.mobile-drawer .nav-link.active{color:var(--accent-cyan)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:0.85rem;text-align:center}.floating-contact-btn{bottom:18px;right:18px;width:48px;height:48px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,0.4);background:#0f172a;border:1.5px solid rgba(37,211,102,0.45)}.floating-contact-btn .floating-btn-text{display:none}.floating-contact-btn i{font-size:1.45rem!important;margin:0}}.projects-hero{position:relative;padding:110px 0 60px;background:radial-gradient(circle at 80% 30%,rgba(0,112,210,0.05) 0%,transparent 55%),linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;overflow:hidden}.projects-hero .container{position:relative;z-index:2;max-width:1200px}.proj-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:3.5rem;align-items:center;width:100%;max-width:100%}.proj-hero-text{text-align:left;min-width:0;max-width:100%;width:100%}.proj-hero-text .hero-chip{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.2);padding:0.35rem 0.95rem;border-radius:var(--radius-full);font-size:0.76rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:1.25rem}.proj-hero-text h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;margin-bottom:1.1rem;letter-spacing:-0.03em;font-weight:800;color:#111827;word-wrap:break-word;overflow-wrap:break-word}.proj-hero-text p{color:var(--text-secondary);font-size:1.125rem;line-height:1.65;max-width:600px;margin:0 0 2rem 0;word-wrap:break-word;overflow-wrap:break-word}.proj-hero-showcase{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.proj-hero-showcase{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.proj-dual-showcase{position:relative;width:100%;max-width:380px;height:330px;display:flex;align-items:center;justify-content:center}.proj-duo-card{position:absolute;border-radius:16px;overflow:hidden;background:#0f172a;border:1.5px solid rgba(255,255,255,0.95);box-shadow:0 16px 36px -6px rgba(15,23,42,0.18),0 4px 12px rgba(0,0,0,0.08);user-select:none;pointer-events:none}.proj-duo-card picture,.proj-duo-card .proj-duo-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast}.proj-duo-card.card-primary{width:195px;height:260px;bottom:10px;left:15px;z-index:2;transform:rotate(-2.5deg)}.proj-duo-card.card-secondary{width:185px;height:248px;top:10px;right:15px;z-index:1;transform:rotate(3.5deg)}@media(max-width:992px){.proj-dual-showcase{height:290px;max-width:340px;margin:0 auto}.proj-duo-card.card-primary{width:170px;height:228px;left:10px}.proj-duo-card.card-secondary{width:160px;height:215px;right:10px}}@media(max-width:480px){.proj-dual-showcase{height:250px;max-width:290px}.proj-duo-card.card-primary{width:145px;height:195px;left:5px}.proj-duo-card.card-secondary{width:138px;height:185px;right:5px}}@media(max-width:992px){.projects-hero{padding:105px 0 45px;text-align:center}.proj-hero-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem;text-align:center;width:100%;max-width:100%}.proj-hero-text{text-align:center;display:flex;flex-direction:column;align-items:center;margin:0 auto;width:100%;min-width:0}.proj-hero-text p{margin:0 auto 1.75rem;max-width:540px}.proj-hero-showcase{display:none!important}}.projects-metrics{display:flex;justify-content:center;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:2.5rem}.proj-metric-item{display:inline-flex;align-items:center;gap:0.55rem;background:#ffffff;border:1px solid var(--border-subtle);padding:0.45rem 1rem;border-radius:var(--radius-full);font-size:0.82rem;font-weight:600;color:var(--text-light);box-shadow:var(--shadow-sm)}.proj-metric-item i{font-size:0.9rem}.projects-filter-bar{display:inline-flex;background:rgba(241,245,249,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e2e8f0;padding:0.28rem;border-radius:9999px;gap:0.25rem}.filter-btn{background:transparent;border:none;padding:0.55rem 1.25rem;border-radius:9999px;color:#64748b;font-size:0.84rem;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);display:inline-flex;align-items:center;gap:0.45rem}.filter-btn .filter-count{background:rgba(0,0,0,0.05);color:inherit;font-size:0.7rem;font-weight:700;padding:0.12rem 0.42rem;border-radius:9999px;line-height:1}.filter-btn .filter-badge{background:#e0f2fe;color:#0284c7;font-size:0.65rem;font-weight:700;padding:0.15rem 0.48rem;border-radius:9999px;text-transform:uppercase;letter-spacing:0.04em;line-height:1}.filter-btn:hover{color:#0f172a}.filter-btn.active{background:#ffffff;color:#0f172a;font-weight:700;box-shadow:0 2px 8px rgba(15,23,42,0.08),0 1px 2px rgba(15,23,42,0.04)}.filter-btn.active .filter-count{background:rgba(0,112,210,0.1);color:var(--accent-dji-blue)}.projects-cat-section{padding:70px 0;position:relative;scroll-margin-top:90px;transition:background 0.3s ease}.projects-section-outdoor{background:#ffffff;border-bottom:1px solid #e2e8f0}.projects-section-transparent{background:#f8fafc;border-bottom:1px solid #e2e8f0}.projects-empty-state-section{background:#ffffff;border-bottom:1px solid #e2e8f0}.projects-section{padding:60px 0 100px;background:var(--bg-secondary)}.project-category-block{margin-bottom:4rem}.project-category-block:last-child{margin-bottom:0}.category-simple-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:0.95rem;border-bottom:1px solid #e2e8f0;gap:1.5rem}.cat-header-main{display:flex;flex-direction:column;gap:0.2rem}.cat-kicker{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#0284c7}.category-simple-header h2{font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-0.02em;margin:0;line-height:1.2}.category-simple-header .cat-count{font-size:0.78rem;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:0.25rem 0.7rem;border-radius:9999px;letter-spacing:0.02em;white-space:nowrap}.outdoor-bottom-corner-wrap{margin-top:2.5rem;margin-bottom:0;display:flex;justify-content:flex-end;width:100%}.instagram-corner-card{position:relative;background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:0.65rem 1.15rem 0.65rem 0.85rem;display:inline-flex;align-items:center;gap:1.25rem;box-shadow:0 1px 3px rgba(15,23,42,0.04),0 4px 14px rgba(15,23,42,0.03);overflow:hidden;max-width:560px;transition:border-color 0.22s ease,box-shadow 0.22s ease,transform 0.22s ease}.instagram-corner-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 16px rgba(15,23,42,0.08)}.ig-card-corner-accent{position:absolute;bottom:0;right:0;width:60px;height:40px;background:linear-gradient(135deg,transparent 48%,#f1f5f9 48%);pointer-events:none;z-index:1}.ig-card-left{position:relative;z-index:2;display:flex;align-items:center;gap:0.75rem}.ig-card-icon-box{width:38px;height:38px;min-width:38px;border-radius:10px;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:1.35rem;box-shadow:0 2px 8px rgba(220,39,67,0.24);transition:transform 0.25s ease}.instagram-corner-card:hover .ig-card-icon-box{transform:scale(1.06)}.ig-card-divider{width:1px;height:28px;background:#e2e8f0;flex-shrink:0}.ig-card-text{display:flex;flex-direction:column;gap:1px;text-align:left}.ig-card-title{font-size:0.92rem;font-weight:700;color:#0f172a;letter-spacing:-0.01em;line-height:1.25}.ig-card-sub{font-size:0.76rem;color:#64748b;line-height:1.35}.ig-card-right{position:relative;z-index:2;flex-shrink:0}.ig-card-btn{display:inline-flex;align-items:center;gap:0.45rem;background:#182230;color:#ffffff!important;font-size:0.8rem;font-weight:600;padding:0.5rem 1rem;border-radius:9999px;text-decoration:none;box-shadow:0 1px 4px rgba(15,23,42,0.12);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);white-space:nowrap}.ig-card-btn i{font-size:0.72rem;transition:transform 0.2s ease}.ig-card-btn:hover{background:#0b111a;transform:translateY(-1px);box-shadow:0 3px 10px rgba(15,23,42,0.2);color:#ffffff}.ig-card-btn:hover i{transform:translateX(3px)}@media(max-width:640px){.outdoor-bottom-corner-wrap{justify-content:center}.instagram-corner-card{width:100%;flex-direction:column;align-items:flex-start;padding:0.85rem 1rem;gap:0.75rem}.ig-card-left{width:100%}.ig-card-right{width:100%}.ig-card-btn{width:100%;justify-content:center}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:2rem}.proj-card{position:relative;border-radius:14px;overflow:hidden;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(15,23,42,0.03),0 4px 14px rgba(15,23,42,0.04);transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),box-shadow 0.28s cubic-bezier(0.16,1,0.3,1),border-color 0.28s ease;display:flex;flex-direction:column}.proj-img-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#0b0f19}.proj-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.55s cubic-bezier(0.16,1,0.3,1)}.proj-card:hover .proj-img-wrap>img:not(.zoom-out){transform:scale(1.03)}.product-slider-wrapper{position:relative;width:100%;height:100%}.product-slider-wrapper .product-slide-img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.35s ease,visibility 0.35s ease,transform 0.55s cubic-bezier(0.16,1,0.3,1);pointer-events:none}.product-slider-wrapper .product-slide-img.active{opacity:1;visibility:visible;pointer-events:auto}.proj-card:hover .product-slider-wrapper .product-slide-img.active:not(.zoom-out){transform:scale(1.03)}.card-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.6);color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:0.72rem;cursor:pointer;z-index:6;opacity:0;box-shadow:0 2px 8px rgba(0,0,0,0.12);transition:opacity 0.2s ease,background 0.2s ease,color 0.2s ease,transform 0.2s ease}.proj-card:hover .card-slider-arrow{opacity:1}.card-slider-arrow:hover{background:#ffffff;color:var(--accent-dji-blue);transform:translateY(-50%) scale(1.08)}.card-slider-arrow.card-prev{left:10px}.card-slider-arrow.card-next{right:10px}.product-slider-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:6;padding:3px 6px;background:rgba(15,23,42,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px}.slider-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.45);border:none;padding:0;cursor:pointer;transition:all 0.2s ease}.slider-dot.active{width:14px;border-radius:3px;background:#ffffff}.proj-img-wrap.proj-zoom-out{background:#090d16!important}.proj-img-wrap.proj-zoom-out img,.proj-img-wrap.proj-zoom-out .product-slide-img{object-fit:contain!important;width:100%!important;height:100%!important;padding:12px!important;box-sizing:border-box!important}.proj-card:hover .proj-img-wrap.proj-zoom-out img,.proj-card:hover .proj-img-wrap.proj-zoom-out .product-slide-img.active{transform:scale(1.02)!important}.proj-category-badge{display:none!important}.proj-content{padding:1.35rem 1.4rem 1.25rem;position:relative;display:flex;flex-direction:column;flex-grow:1}.proj-title{font-size:1.18rem;line-height:1.35;margin-bottom:0.6rem;color:#0f172a;font-weight:700;letter-spacing:-0.015em}.proj-desc{color:#475569;font-size:0.88rem;line-height:1.6;margin-bottom:1.25rem;display:block;overflow:visible}.proj-card:hover{transform:translateY(-4px);border-color:#cbd5e1;box-shadow:0 10px 24px -4px rgba(15,23,42,0.08),0 3px 8px -2px rgba(15,23,42,0.03)}.proj-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:0.95rem;margin-top:auto}.proj-meta-item{display:flex;flex-direction:column;gap:0.15rem}.proj-meta-label{font-size:0.68rem;color:#64748b;text-transform:uppercase;letter-spacing:0.06em;font-weight:600}.proj-meta-val{font-size:0.86rem;color:#1e293b;font-weight:600;display:inline-flex;align-items:center;gap:0.35rem}.proj-meta-val::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#0ea5e9}.proj-view-btn{width:32px;height:32px;border-radius:50%;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;font-size:0.78rem;transition:all 0.2s ease}.proj-card:hover .proj-view-btn{background:var(--accent-dji-blue);border-color:var(--accent-dji-blue);color:#ffffff;transform:translateX(2px)}@media(max-width:768px){.projects-hero{padding:95px 0 35px}.proj-hero-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%;max-width:100%}.proj-hero-text{text-align:center;width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center}.proj-hero-text .hero-chip{margin-bottom:0.85rem;font-size:0.72rem;padding:0.3rem 0.8rem}.proj-hero-text h1{font-size:clamp(1.75rem,5.5vw,2.2rem);line-height:1.22;margin:0 auto 0.75rem;max-width:100%;word-break:normal}.proj-hero-text p{font-size:0.95rem;line-height:1.55;margin:0 auto 1.5rem;max-width:480px;padding:0 0.5rem}.proj-hero-showcase{display:none!important}.projects-filter-bar{display:flex;flex-wrap:nowrap;max-width:100%;width:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0.28rem 0.4rem;gap:0.35rem;margin:0 auto;justify-content:flex-start;border-radius:var(--radius-full)}.projects-filter-bar::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;white-space:nowrap;padding:0.48rem 0.88rem;font-size:0.78rem;gap:0.35rem}.projects-section{padding:35px 0 70px}}@media(max-width:640px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.proj-content{padding:1.25rem}.proj-title{font-size:1.25rem}.proj-desc{font-size:0.88rem;margin-bottom:1.1rem}.proj-meta{padding-top:1rem}}@media(max-width:480px){.projects-hero{padding:88px 0 28px}.proj-hero-text h1{font-size:1.65rem}.proj-hero-text p{font-size:0.9rem;margin-bottom:1.25rem}.projects-filter-bar{padding:0.25rem;gap:0.25rem}.filter-btn{padding:0.42rem 0.72rem;font-size:0.74rem}.filter-btn .filter-badge{font-size:0.62rem;padding:0.1rem 0.35rem}}.outdoor-editorial-section{padding:70px 0;background:#f8fafc;border-top:none;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}.outdoor-editorial-section::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:400px;background:radial-gradient(ellipse at center,rgba(0,112,210,0.035) 0%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.editorial-header{max-width:820px;margin:0 auto 2.75rem;text-align:center;position:relative;z-index:1}.editorial-header h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,3.4vw,3.1rem);font-weight:800;letter-spacing:-0.02em;line-height:1.18;color:#0b192c;margin-bottom:0.9rem}.editorial-intro{font-family:var(--font-body, "Inter", sans-serif);font-size:clamp(1rem,1.25vw,1.12rem);color:#475569;line-height:1.55;max-width:620px;margin:0 auto;font-weight:400}.editorial-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1080px;margin:0 auto;position:relative;z-index:1}.benefit-showcase-card{background:#ffffff;border-radius:18px;padding:1.5rem 1.65rem 1.35rem;box-shadow:0 4px 18px rgba(15,23,42,0.035);display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.25s ease,box-shadow 0.25s ease;position:relative;min-height:190px}.benefit-showcase-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -4px rgba(15,23,42,0.08)}.benefit-showcase-card.card-01{border:1.5px solid #1e3a8a}.benefit-showcase-card.card-02{border:1.5px solid #d97706}.benefit-showcase-card.card-03{border:1.5px solid #d97706}.benefit-showcase-card.card-04{border:1.5px solid #1e3a8a}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.85rem}.card-icon-wrap{display:flex;align-items:center;justify-content:center}.card-num-badge{font-family:var(--font-heading, sans-serif);font-size:0.82rem;font-weight:700;padding:0.25rem 0.65rem;border-radius:6px;color:#ffffff;letter-spacing:0.02em;line-height:1}.badge-green{background-color:#15803d}.badge-amber{background-color:#d97706}.card-content-split{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.card-text-col{flex:1;min-width:0}.benefit-card-title{font-family:var(--font-heading, "Open Sans", sans-serif);font-size:1.18rem;font-weight:800;color:#0f172a;letter-spacing:-0.015em;line-height:1.3;margin-bottom:0.4rem}.benefit-card-desc{font-family:var(--font-body, "Inter", sans-serif);font-size:0.92rem;color:#475569;line-height:1.55;margin:0}.card-graphic-col{flex-shrink:0;display:flex;align-items:flex-end;justify-content:flex-end}.benefit-mini-illus{display:block;max-width:125px;height:85px}@media(max-width:860px){.editorial-cards-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:520px){.card-content-split{flex-direction:column;align-items:flex-start}.card-graphic-col{align-self:flex-end;margin-top:0.35rem}.benefit-mini-illus{max-width:110px;height:75px}}.outdoor-visualizer-section{padding:70px 0;position:relative;background:#ffffff;border-top:none;border-bottom:1px solid #e2e8f0;overflow:hidden}.outdoor-visualizer-section::before{content:"";position:absolute;top:5%;left:50%;transform:translateX(-50%);width:900px;height:400px;background:radial-gradient(ellipse at center,rgba(0,112,210,0.05) 0%,rgba(2,132,199,0.02) 50%,transparent 75%);filter:blur(50px);pointer-events:none;z-index:0}.visualizer-header{max-width:800px;margin:0 auto 1.5rem;position:relative;z-index:1}.visualizer-badge{display:inline-flex;align-items:center;gap:0.45rem;background:rgba(0,112,210,0.08);border:1px solid rgba(0,112,210,0.25);color:#0070d2;padding:0.35rem 0.95rem;border-radius:9999px;font-size:0.78rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:0.75rem;box-shadow:0 1px 4px rgba(0,112,210,0.1)}.visualizer-header h2{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:800;color:#0f172a;letter-spacing:-0.02em;line-height:1.25;margin-bottom:0.4rem}.visualizer-lead{color:#475569;font-size:0.95rem;line-height:1.55;margin-top:0.35rem;max-width:720px;margin-left:auto}.visualizer-panel{position:relative;z-index:1;background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem 1.4rem;box-shadow:0 10px 30px -5px rgba(15,23,42,0.05),0 20px 40px -15px rgba(0,112,210,0.06)}.visualizer-layout-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:1.25rem;align-items:stretch}.visualizer-stage-column{display:flex;flex-direction:column;gap:0.75rem}.visualizer-stage-wrapper{position:relative;width:100%;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(15,23,42,0.08);border:1px solid #cbd5e1;background:#0f172a}.visualizer-stage{position:relative;width:100%;aspect-ratio:16 / 10;min-height:310px;max-height:385px;overflow:hidden;background:#0b0f19}.stage-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.35s ease,transform 0.5s ease;user-select:none}.stage-bg-image.fade-out{opacity:0.2}.stage-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 40%,rgba(0,0,0,0.3) 80%,rgba(0,0,0,0.6) 100%);pointer-events:none;z-index:2}.screen-stage-anchor{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);z-index:3;transition:top 0.4s cubic-bezier(0.16,1,0.3,1),left 0.4s cubic-bezier(0.16,1,0.3,1);display:flex;align-items:center;justify-content:center;pointer-events:none}.screen-cabinet{position:relative;width:280px;height:140px;transition:width 0.4s cubic-bezier(0.16,1,0.3,1),height 0.4s cubic-bezier(0.16,1,0.3,1);will-change:width,height}.screen-bezel{position:relative;width:100%;height:100%;background:#0d1017;border:3.5px solid #1c222d;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,0.8),0 0 25px rgba(0,112,210,0.25),0 0 0 1px rgba(255,255,255,0.1) inset;overflow:hidden;box-sizing:border-box}.screen-display-area{position:relative;width:100%;height:100%;overflow:hidden;background:#000000}.screen-creative-img{width:100%;height:100%;object-fit:fill;display:block;transition:opacity 0.25s ease;filter:brightness(1.08) contrast(1.12)}.screen-pixel-grid-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.08) 0px,rgba(0,0,0,0.08) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,0.08) 0px,rgba(0,0,0,0.08) 1px,transparent 1px,transparent 3px);pointer-events:none;mix-blend-mode:overlay;opacity:0.65}.screen-glare-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,transparent 45%,rgba(0,112,210,0.05) 100%);pointer-events:none}.screen-daylight-bloom{position:absolute;inset:-10px;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,112,210,0.12) 100%);pointer-events:none;mix-blend-mode:screen}.screen-sensor-dot{position:absolute;bottom:2px;right:6px;width:3px;height:3px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;opacity:0.75}.hud-dimension-tag{position:absolute;display:flex;align-items:center;gap:4px;pointer-events:none;z-index:4;white-space:nowrap}.hud-width-tag{top:-24px;left:0;right:0;justify-content:center}.hud-height-tag{position:absolute;left:auto;right:calc(100% + 14px);top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:none;width:auto}.hud-dim-line{flex:1;height:1.5px;background:#0070d2;box-shadow:0 0 4px rgba(0,112,210,0.5)}.hud-height-tag .hud-dim-line{width:1.5px;height:auto;flex:1;min-height:8px}.hud-dim-text{font-size:0.7rem;font-weight:700;color:#0f172a;background:#ffffff;border:1.5px solid #0070d2;padding:1px 6px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.2);letter-spacing:0.02em}.hud-status-badge{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:0.35rem;background:#ffffff;border:1px solid #10b981;color:#059669;font-size:0.65rem;font-weight:700;padding:1.5px 7px;border-radius:9999px;box-shadow:0 2px 8px rgba(0,0,0,0.15);letter-spacing:0.04em;white-space:nowrap}.status-pulse-dot{width:5px;height:5px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;animation:visualizerPulse 1.8s infinite}@keyframes visualizerPulse{0%{transform:scale(0.9);opacity:0.7}50%{transform:scale(1.3);opacity:1}100%{transform:scale(0.9);opacity:0.7}}.stage-env-label{position:absolute;bottom:0.75rem;left:0.75rem;z-index:4;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,0.08);color:#0f172a;font-size:0.74rem;font-weight:600;padding:0.3rem 0.65rem;border-radius:6px;display:inline-flex;align-items:center;gap:0.4rem;box-shadow:0 2px 8px rgba(0,0,0,0.12)}.stage-env-label i{color:#0070d2}.visualizer-hud-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.45rem;margin-bottom:0;width:100%}.hud-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:0.5rem 0.55rem;display:flex;align-items:center;gap:0.45rem;min-width:0;overflow:hidden;transition:all 0.2s ease}.hud-card:hover{background:#ffffff;border-color:#0070d2;box-shadow:0 4px 12px rgba(0,112,210,0.08);transform:translateY(-1px)}.hud-card-icon{width:30px;height:30px;border-radius:6px;background:rgba(0,112,210,0.08);border:1px solid rgba(0,112,210,0.18);color:#0070d2;display:flex;align-items:center;justify-content:center;font-size:0.88rem;flex-shrink:0}.hud-card-data{display:flex;flex-direction:column;gap:1px;min-width:0}.hud-label{font-size:0.64rem;color:#64748b;text-transform:uppercase;letter-spacing:0.04em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-val{font-size:0.86rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-sub{font-size:0.68rem;color:#0070d2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visualizer-controls-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.15rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:0.95rem}.ctrl-group{display:flex;flex-direction:column;gap:0.45rem}.ctrl-label{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.74rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:700;color:#475569}.ctrl-label i{color:#0070d2}.segmented-pills{display:grid;grid-template-columns:repeat(2,1fr);background:#e2e8f0;border:1px solid #cbd5e1;border-radius:9px;padding:3px;gap:3px;width:100%}.segment-pill{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;background:transparent;border:none;color:#475569;font-size:0.78rem;font-weight:600;padding:0.48rem 0.4rem;border-radius:6px;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);font-family:inherit;white-space:nowrap}.segment-pill i{font-size:0.82rem;color:#64748b;transition:color 0.2s ease}.segment-pill:hover{color:#0f172a;background:rgba(255,255,255,0.5)}.segment-pill.active{background:#ffffff;color:#0070d2;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,0.08)}.segment-pill.active i{color:#0070d2}.size-bar-header{display:flex;justify-content:space-between;align-items:center}.unit-toggle{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.72rem;background:#e2e8f0;padding:2px 6px;border-radius:6px;border:1px solid #cbd5e1}.unit-toggle-btn{background:none;border:none;color:#64748b;font-size:0.72rem;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;font-family:inherit;transition:all 0.18s ease}.unit-toggle-btn.active{color:#0070d2;font-weight:700;background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.unit-divider{color:#94a3b8;font-size:0.7rem}.size-pills-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:0.45rem}.size-pill{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;background:#ffffff;border:1px solid #cbd5e1;padding:0.45rem 0.6rem;border-radius:8px;color:#1e293b;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);font-family:inherit;text-align:left}.size-pill-dim{font-weight:700;font-size:0.84rem;color:#0f172a;line-height:1.2}.size-pill-tag{font-size:0.66rem;background:transparent;color:#64748b;font-weight:500;padding:0;line-height:1.1}.size-pill:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.size-pill.active{background:rgba(0,112,210,0.06);border-color:#0070d2;box-shadow:0 0 0 1px #0070d2;transform:translateY(-1px)}.size-pill.active .size-pill-dim{color:#0070d2}.size-pill.active .size-pill-tag{color:#0284c7;font-weight:600}.creative-chips{display:flex;flex-wrap:wrap;gap:0.45rem}.creative-chip{display:inline-flex;align-items:center;gap:0.35rem;background:#ffffff;border:1px solid #cbd5e1;color:#334155;padding:0.38rem 0.65rem;border-radius:7px;font-size:0.76rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;font-family:inherit}.creative-chip i{font-size:0.78rem;color:#0070d2;transition:color 0.2s ease}.creative-chip:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.creative-chip.active{background:#0070d2;border-color:#0070d2;color:#ffffff;font-weight:700;box-shadow:0 2px 8px rgba(0,112,210,0.25)}.creative-chip.active i{color:#ffffff}.visualizer-action-box{margin-top:auto;padding-top:0.8rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:0.5rem}.visualizer-quote-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:0.45rem;padding:0.7rem 1rem;border-radius:8px;font-size:0.88rem;font-weight:700;background:#0070d2;color:#ffffff;border:none;cursor:pointer;box-shadow:0 3px 12px rgba(0,112,210,0.28);transition:all 0.2s ease;font-family:inherit;white-space:nowrap}.visualizer-quote-btn:hover{background:#005bb5;box-shadow:0 5px 18px rgba(0,112,210,0.38);transform:translateY(-1px)}.visualizer-footer-info{display:flex;align-items:center;gap:0.4rem;color:#64748b;font-size:0.72rem;line-height:1.35}.visualizer-footer-info i{color:#0070d2;font-size:0.8rem;flex-shrink:0}@media(max-width:1080px){.visualizer-layout-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.visualizer-hud-specs{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.visualizer-panel{padding:1.1rem}.visualizer-layout-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.visualizer-controls-column{min-width:0}.visualizer-hud-specs{grid-template-columns:repeat(2,1fr)}.size-pills-wrap{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media(max-width:560px){.size-bar-header{flex-wrap:wrap;gap:0.5rem}.visualizer-quote-btn{white-space:normal;min-height:44px}.visualizer-stage{min-height:250px}.segmented-pills{grid-template-columns:1fr}.visualizer-hud-specs{grid-template-columns:1fr;gap:0.45rem}.size-pills-wrap{grid-template-columns:repeat(2,1fr)}}.product-hero{position:relative;padding:130px 0 70px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid var(--border-subtle);overflow:hidden}.product-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:3.5rem;align-items:center}.product-hero-content{position:relative;z-index:2}.product-badge-chip{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.22);padding:0.35rem 0.95rem;border-radius:var(--radius-full);font-size:0.78rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:1.25rem}.product-hero-content h1{font-size:3.2rem;line-height:1.12;letter-spacing:-0.025em;font-weight:800;color:#0f172a;margin-bottom:1.15rem}.product-hero-desc{font-size:1.08rem;line-height:1.7;color:#475569;max-width:580px;margin-bottom:2rem}.product-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.25rem}.hero-metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;max-width:580px}.metric-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.1rem;box-shadow:0 4px 12px rgba(15,23,42,0.04);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.metric-card:hover{transform:translateY(-2px);border-color:rgba(0,112,210,0.3);box-shadow:0 8px 20px rgba(0,112,210,0.08)}.metric-val{font-family:var(--font-heading);font-size:1.55rem;font-weight:800;color:#0f172a;letter-spacing:-0.02em;line-height:1.1;display:flex;align-items:baseline;gap:2px}.metric-unit{font-size:0.92rem;color:var(--accent-dji-blue);font-weight:700}.metric-label{font-size:0.74rem;font-weight:600;color:#64748b;margin-top:0.35rem;text-transform:uppercase;letter-spacing:0.04em}.product-hero-visual{position:relative;z-index:2}.product-hero-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px -10px rgba(15,23,42,0.12),0 0 0 1px rgba(15,23,42,0.08);background:#ffffff}.product-hero-card img{width:100%;aspect-ratio:16 / 11;object-fit:cover;object-position:50% 20%;display:block;transition:transform 0.6s ease}.product-hero-card:hover img{transform:scale(1.025)}.product-hero-badge-top{position:absolute;top:1.25rem;left:1.25rem;display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0.4rem 0.95rem;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,0.08);color:#0f172a;font-size:0.75rem;font-weight:700;letter-spacing:0.03em;z-index:3;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.product-hero-badge-top .pulse-dot{background:#10b981;box-shadow:0 0 8px #10b981}.product-hero-bar-bottom{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0.65rem 1.15rem;border-radius:12px;border:1px solid rgba(0,0,0,0.08);color:#334155;font-size:0.8rem;font-weight:600;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,0.08)}.outdoor-engineering-section{padding:85px 0 95px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.engineering-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:center}.durability-visual-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 16px 36px -8px rgba(15,23,42,0.15),0 0 0 1px rgba(15,23,42,0.06);background:#0f172a}.durability-visual-card img{width:100%;aspect-ratio:16 / 12;object-fit:cover;display:block}.durability-overlay-stats{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.durability-stat-box{background:rgba(15,23,42,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:0.9rem 1.1rem;color:#ffffff}.durability-stat-box h4{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:#38bdf8;margin-bottom:0.2rem}.durability-stat-box p{font-size:0.76rem;color:rgba(255,255,255,0.75);margin:0;text-transform:uppercase;letter-spacing:0.03em;font-weight:600}.feature-pillars-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.feature-pillar-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem;box-shadow:0 4px 14px rgba(15,23,42,0.03);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.feature-pillar-card:hover{transform:translateY(-3px);border-color:rgba(0,112,210,0.35);box-shadow:0 10px 24px -4px rgba(0,112,210,0.09)}.feature-pillar-icon{width:44px;height:44px;border-radius:10px;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:1.1rem}.feature-pillar-card h3{font-size:1.08rem;font-weight:700;color:#0f172a;margin-bottom:0.45rem;letter-spacing:-0.01em}.feature-pillar-card p{font-size:0.86rem;line-height:1.6;color:#64748b;margin:0}.modern-specs-section{padding:85px 0 95px;background:#ffffff;border-bottom:1px solid #e2e8f0}.specs-card-container{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px -5px rgba(15,23,42,0.05);max-width:1000px;margin:0 auto}.modern-specs-table{width:100%;border-collapse:collapse;text-align:left}.modern-specs-table thead th{background:#f8fafc;padding:1.2rem 1.6rem;font-family:var(--font-heading);font-size:0.85rem;font-weight:700;color:#0f172a;border-bottom:1px solid #e2e8f0;letter-spacing:0.02em;text-transform:uppercase}.modern-specs-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background 0.15s ease}.modern-specs-table tbody tr:last-child{border-bottom:none}.modern-specs-table tbody tr:hover{background:#f8fafc}.modern-specs-table td{padding:1.1rem 1.6rem;font-size:0.92rem;color:#334155}.modern-specs-table td:first-child{font-weight:700;color:#0f172a;width:28%}.modern-specs-table td:last-child{color:#0070d2;font-weight:600}@media(max-width:992px){.product-hero-grid,.engineering-grid{grid-template-columns:1fr;gap:2.5rem}.product-hero-content h1{font-size:2.5rem}.feature-pillars-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero-metric-cards{grid-template-columns:1fr}.modern-specs-table{display:block;overflow-x:auto;white-space:nowrap}}.outdoor-hero-section{position:relative;padding:120px 0 70px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid var(--border-subtle);overflow:hidden}.outdoor-hero-section .container{max-width:1320px}.outdoor-hero-grid{display:grid;grid-template-columns:1fr 1.28fr;gap:3.5rem;align-items:center}.outdoor-hero-content{position:relative;z-index:2}.outdoor-badge-pill{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.22);padding:0.35rem 0.95rem;border-radius:var(--radius-full);font-size:0.78rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:1.25rem}.outdoor-badge-pill i{color:var(--accent-dji-blue)}.outdoor-hero-content h1{font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:clamp(2.35rem,3.8vw,3.25rem);line-height:1.12;letter-spacing:-0.025em;font-weight:800;color:#0f172a;margin-bottom:1.25rem}@media(max-width:640px){.hero-title-break{display:none}.outdoor-hero-content h1{font-size:clamp(2rem,5.8vw,2.35rem);line-height:1.18}}.outdoor-hero-lead{font-size:1.02rem;line-height:1.75;color:#475569;font-weight:400;max-width:540px;margin-bottom:2rem;letter-spacing:-0.005em}.outdoor-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.25rem}.outdoor-spec-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;max-width:580px}.outdoor-spec-card{position:relative;background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;padding:0.95rem 1rem;box-shadow:0 4px 16px -4px rgba(15,23,42,0.05),0 1px 3px rgba(15,23,42,0.02);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;justify-content:space-between}.outdoor-spec-card:hover{transform:translateY(-3px);border-color:rgba(0,112,210,0.4);box-shadow:0 10px 24px -6px rgba(0,112,210,0.12),0 2px 6px rgba(0,0,0,0.04)}.outdoor-spec-card .spec-card-top{display:flex;align-items:center;gap:0.55rem;margin-bottom:0.45rem}.outdoor-spec-card .spec-icon{width:28px;height:28px;border-radius:8px;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);display:inline-flex;align-items:center;justify-content:center;font-size:0.82rem;flex-shrink:0;transition:all 0.2s ease}.outdoor-spec-card:hover .spec-icon{background:var(--accent-dji-blue);color:#ffffff}.outdoor-spec-card .spec-val{font-family:var(--font-heading);font-size:1.22rem;font-weight:800;color:#0f172a;letter-spacing:-0.02em;line-height:1.1;display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap}.outdoor-spec-card .spec-val .spec-unit{font-size:0.78rem;color:var(--accent-dji-blue);font-weight:700;letter-spacing:0}.outdoor-spec-card .spec-label{font-size:0.72rem;font-weight:600;color:#64748b;line-height:1.35;letter-spacing:0.01em}.outdoor-hero-showcase{display:flex;flex-direction:column;gap:0.85rem;position:relative;z-index:2}.outdoor-deploy-tabs{display:flex;align-items:center;gap:0.45rem;background:#f1f5f9;padding:5px;border-radius:12px;border:1px solid #e2e8f0}.deploy-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;background:transparent;border:none;color:#475569;font-size:0.78rem;font-weight:600;padding:0.6rem 0.65rem;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-family:inherit;white-space:nowrap;position:relative;overflow:hidden}.deploy-tab i{font-size:0.82rem;color:#64748b;transition:color 0.2s ease}.deploy-tab:hover{color:#0f172a;background:rgba(255,255,255,0.6)}.deploy-tab.active{background:#ffffff;color:#0070d2;font-weight:700;box-shadow:0 2px 8px rgba(0,112,210,0.12),0 1px 3px rgba(0,0,0,0.05)}.deploy-tab.active i{color:#0070d2}.deploy-tab.active .nav-progress{background:rgba(0,112,210,0.12)}.outdoor-stage-frame{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px -12px rgba(15,23,42,0.16),0 0 0 1px rgba(15,23,42,0.08);background:#ffffff;aspect-ratio:16 / 10.5}.outdoor-stage-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity 0.25s ease,transform 0.6s ease}.outdoor-stage-frame:hover .outdoor-stage-img{transform:scale(1.02)}.outdoor-stage-top-badge{position:absolute;top:1.15rem;left:1.15rem;display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0.45rem 0.95rem;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,0.08);color:#0f172a;font-size:0.74rem;font-weight:700;letter-spacing:0.02em;z-index:3;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.outdoor-stage-bottom-hud{position:absolute;bottom:1.15rem;left:1.15rem;right:1.15rem;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0.65rem 1.15rem;border-radius:12px;border:1px solid rgba(0,0,0,0.08);color:#334155;font-size:0.78rem;font-weight:600;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,0.08)}.outdoor-stage-bottom-hud .hud-item{display:inline-flex;align-items:center;gap:0.45rem}@media(max-width:1100px){.outdoor-hero-grid{grid-template-columns:1fr;gap:2.5rem}.outdoor-hero-showcase{max-width:800px;margin:0 auto;width:100%}.outdoor-deploy-tabs{flex-wrap:wrap}}@media(max-width:640px){.outdoor-deploy-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:0.35rem}.deploy-tab{padding:0.5rem 0.4rem;font-size:0.75rem}.outdoor-spec-strip{grid-template-columns:1fr}.outdoor-stage-bottom-hud{flex-direction:column;align-items:flex-start;gap:0.4rem}}.outdoor-hero-lead-mobile{display:none}@media(max-width:600px){.outdoor-hero-section{padding:100px 0 32px;background:linear-gradient(160deg,#edf5ff 0%,#f8fafc 42%,#ffffff 100%)}.outdoor-hero-section .outdoor-hero-content h1{margin-bottom:12px;font-size:clamp(2rem,8.4vw,2.75rem);line-height:1.08;letter-spacing:-0.035em;text-wrap:balance}.outdoor-hero-section .outdoor-hero-location{display:block;margin-top:10px;font-size:clamp(1.05rem,4.65vw,1.55rem);line-height:1.3;letter-spacing:-0.02em;font-weight:600}.outdoor-hero-section .outdoor-hero-lead{margin-bottom:20px;font-size:0.95rem;line-height:1.55;max-width:38ch}.outdoor-hero-section .outdoor-hero-lead-full{display:none}.outdoor-hero-section .outdoor-hero-lead-mobile{display:inline}.outdoor-hero-section .outdoor-hero-showcase{gap:10px;margin:0 0 20px}.outdoor-hero-section .outdoor-stage-frame{order:-1;aspect-ratio:3 / 2;border-radius:18px;box-shadow:0 12px 28px -14px rgba(15,23,42,0.3)}.outdoor-hero-section .outdoor-deploy-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;border-radius:10px}.outdoor-hero-section .outdoor-deploy-tabs .deploy-tab{min-width:0;min-height:44px;padding:5px 3px;font-size:0.7rem;line-height:1.25;white-space:normal;border-radius:7px}.outdoor-hero-section .outdoor-deploy-tabs .deploy-tab i{display:none}.outdoor-hero-section .outdoor-hero-actions{display:grid;gap:6px;margin-bottom:18px}.outdoor-hero-section .outdoor-hero-actions .btn{width:100%;min-height:48px;padding:12px 16px;font-size:0.95rem}.outdoor-hero-section .outdoor-hero-actions .btn-outline{min-height:44px;padding:8px 12px;background:transparent;border-color:transparent;box-shadow:none}.outdoor-hero-section .outdoor-hero-actions .btn-outline:hover{background:rgba(0,112,210,0.06);border-color:transparent}.outdoor-hero-section .outdoor-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:16px;border-top:1px solid #dce5ef}.outdoor-hero-section .outdoor-spec-card{min-width:0;padding:0 8px;border:none;border-right:1px solid #dce5ef;border-radius:0;background:transparent;box-shadow:none;justify-content:flex-start}.outdoor-hero-section .outdoor-spec-card:first-child{padding-left:0}.outdoor-hero-section .outdoor-spec-card:last-child{border-right:none;padding-right:0}.outdoor-hero-section .outdoor-spec-card:hover{transform:none;box-shadow:none}.outdoor-hero-section .outdoor-spec-card .spec-icon{display:none}.outdoor-hero-section .outdoor-spec-card .spec-card-top{margin-bottom:6px}.outdoor-hero-section .outdoor-spec-card .spec-val{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:clamp(1rem,4vw,1.2rem)}.outdoor-hero-section .outdoor-spec-card .spec-val .spec-unit{font-size:0.75rem}.outdoor-hero-section .outdoor-spec-card .spec-label{display:none}}body:has(.outdoor-hero-section) .why-pixaclear-section{padding:70px 0;background:#f8fafc;border-top:none;border-bottom:1px solid #e2e8f0}.why-pixaclear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.25rem}.solution-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:1.6rem 1.35rem;box-shadow:0 4px 14px rgba(15,23,42,0.03);transition:all 0.22s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;position:relative}.solution-card:hover{transform:translateY(-3px);border-color:rgba(0,112,210,0.35);box-shadow:0 12px 28px -4px rgba(0,112,210,0.1)}.solution-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.solution-icon-box{width:44px;height:44px;border-radius:11px;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.solution-tag{font-size:0.76rem;font-weight:800;letter-spacing:0.04em;padding:0.25rem 0.65rem;border-radius:var(--radius-full);background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.15)}.solution-card h3{font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-0.015em;margin-bottom:0.55rem;line-height:1.25}.solution-card p{font-size:0.88rem;line-height:1.6;color:#64748b;margin-bottom:0}.solution-points-list{list-style:none;padding:0;margin:0;margin-top:auto;display:flex;flex-direction:column;gap:0.5rem;border-top:1px solid #f1f5f9;padding-top:1rem}.solution-points-list li{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:#334155;font-weight:600;line-height:1.35}.solution-points-list li i{color:#10b981;font-size:0.75rem;flex-shrink:0}.process-journey-section{padding:70px 0;background:#ffffff;border-top:none;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}.process-header{max-width:780px;margin:0 auto 3.25rem;text-align:center;position:relative;z-index:2}.process-header h2{font-family:var(--font-heading, sans-serif);font-size:clamp(2rem,3.2vw,2.75rem);font-weight:800;letter-spacing:-0.025em;line-height:1.22;color:#0f172a;margin-bottom:0.9rem}.process-intro{font-family:var(--font-body, sans-serif);font-size:clamp(1rem,1.25vw,1.15rem);color:#475569;line-height:1.6;max-width:660px;margin:0 auto}.process-track-wrapper{position:relative;max-width:1140px;margin:0 auto}.process-connecting-line{position:absolute;top:44px;transform:translateY(-50%);left:44px;right:calc((100% - 7.5rem) / 4 - 44px);height:2px;background:#e2e8f0;z-index:1}.process-line-fill{height:100%;width:0%;background:linear-gradient(90deg,#0070d2 0%,#d97706 40%,#059669 75%,#1e3a8a 100%);transition:width 1.4s cubic-bezier(0.16,1,0.3,1)}.process-in-view .process-line-fill{width:100%}.process-journey-section.process-resetting .process-line-fill{transition:width 0.25s ease!important;width:0%!important}.process-journey-section.process-resetting .process-step-item{transition:opacity 0.25s ease,transform 0.25s ease!important;opacity:0!important;transform:translateY(14px)!important;transition-delay:0s!important}.process-steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;position:relative;z-index:2}.process-step-item{display:flex;flex-direction:column;align-items:flex-start;position:relative;opacity:0;transform:translateY(18px);transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1)}.process-in-view .process-step-item:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0s}.process-in-view .process-step-item:nth-child(2){opacity:1;transform:translateY(0);transition-delay:0s}.process-in-view .process-step-item:nth-child(3){opacity:1;transform:translateY(0);transition-delay:0s}.process-in-view .process-step-item:nth-child(4){opacity:1;transform:translateY(0);transition-delay:0s}.step-node-wrapper{margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;width:88px;min-height:126px}.step-marker-container{display:flex;align-items:center;justify-content:center;width:88px;margin-bottom:0.85rem}.step-marker-bubble{width:88px;height:88px;border-radius:50%;background:#ffffff;border:2.5px solid var(--step-color);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(15,23,42,0.1),0 0 0 6px #ffffff;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease;position:relative;overflow:visible}.step-marker-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;transition:transform 0.35s ease}.step-marker-num-badge{position:absolute;top:-5px;right:-5px;background:var(--step-color);color:#ffffff;font-family:var(--font-heading, sans-serif);font-size:0.74rem;font-weight:800;line-height:1;padding:3px 7px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:2;letter-spacing:0.02em}.process-step-item:hover .step-marker-bubble{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 28px -2px rgba(15,23,42,0.16),0 0 0 6px #ffffff}.process-step-item:hover .step-marker-photo{transform:scale(1.08)}.step-phase-badge{font-family:var(--font-heading, sans-serif);font-size:0.72rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--step-color);background:var(--step-bg);padding:0.25rem 0.65rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;height:24px;box-sizing:border-box;white-space:nowrap;text-align:center}.step-content{width:100%}.step-title{font-family:var(--font-heading, sans-serif);font-size:1.15rem;font-weight:700;color:#0f172a;letter-spacing:-0.015em;line-height:1.35;margin-bottom:0.75rem;min-height:3.25rem;display:flex;flex-direction:column;justify-content:flex-start}.step-title-break{display:block}.step-description{font-family:var(--font-body, sans-serif);font-size:0.92rem;color:#475569;line-height:1.6;margin:0}.process-supporting-note{text-align:center;margin-top:3rem;position:relative;z-index:2;opacity:0;transform:translateY(12px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}.process-in-view .process-supporting-note{opacity:1;transform:translateY(0);transition-delay:0s}.process-journey-section.process-resetting .process-supporting-note{opacity:0!important;transform:translateY(10px)!important;transition-delay:0s!important;transition-duration:0.25s!important}.process-supporting-note p{font-family:var(--font-body, sans-serif);font-size:1.05rem;font-weight:500;color:#64748b;letter-spacing:-0.01em;margin:0}@media(max-width:960px){.process-steps-row{gap:1.5rem}.step-node-wrapper{width:76px;min-height:114px}.step-marker-container{width:76px}.step-marker-bubble{width:76px;height:76px}.process-connecting-line{top:38px;transform:translateY(-50%);left:38px;right:calc((100% - 4.5rem) / 4 - 38px)}.step-title{font-size:1.02rem;min-height:2.85rem;margin-bottom:0.65rem}}@media(max-width:768px){.process-journey-section{padding:48px 0}.process-header{margin-bottom:3rem}.process-connecting-line{top:40px;bottom:40px;transform:none;left:36px;right:auto;width:2px;height:auto}.process-line-fill{width:100%;height:0%;transition:height 1.4s cubic-bezier(0.16,1,0.3,1)}.process-in-view .process-line-fill{height:100%}.process-steps-row{display:flex;flex-direction:column;gap:2.75rem;padding-left:92px}.process-step-item{position:relative;opacity:1;transform:none}.step-node-wrapper{position:absolute;left:-92px;top:0;margin-bottom:0;min-height:auto}.step-marker-bubble{width:72px;height:72px}.step-phase-badge{width:88px;height:auto;min-height:24px;white-space:normal;line-height:1.35;letter-spacing:0.04em;background:linear-gradient(var(--step-bg),var(--step-bg)),#fff}.step-title{font-size:1.1rem;min-height:auto;margin-bottom:0.4rem}.step-title-break{display:inline}.step-content{padding-top:0.35rem;padding-right:0}}.warranty-showcase-section{padding:70px 0;background:#f8fafc;border-top:none;border-bottom:1px solid #e2e8f0}.warranty-banner-card{position:relative;background:linear-gradient(135deg,#ffffff 0%,#f0f7ff 55%,#e0f2fe 100%);border:1px solid rgba(0,112,210,0.22);border-radius:24px;padding:4rem 3.5rem;color:#0f172a;overflow:hidden;box-shadow:0 20px 50px -10px rgba(0,112,210,0.12),0 4px 16px rgba(15,23,42,0.03)}.warranty-banner-card::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:450px;min-height:350px;max-height:60vh;background:radial-gradient(circle,rgba(0,112,210,0.12) 0%,transparent 70%);filter:blur(60px);pointer-events:none}.warranty-grid-inner{display:grid;grid-template-columns:1.25fr 0.75fr;gap:3.5rem;align-items:center;position:relative;z-index:2}.warranty-badge-pill{display:inline-flex;align-items:center;gap:0.5rem;background:#fef3c7;border:1px solid #fde047;color:#92400e;padding:0.35rem 0.95rem;border-radius:var(--radius-full);font-size:0.78rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:1.25rem;box-shadow:0 2px 6px rgba(234,179,8,0.12)}.warranty-badge-pill i{color:#d97706}.warranty-banner-card h2{font-size:2.85rem;line-height:1.15;font-weight:800;letter-spacing:-0.02em;color:#0f172a;margin-bottom:1.15rem}.warranty-banner-card .warranty-lead{font-size:1.08rem;line-height:1.7;color:#475569;margin-bottom:2rem;max-width:620px}.warranty-perks-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;margin-bottom:2rem;max-width:600px}.warranty-perk-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:0.85rem 0.65rem;box-shadow:0 2px 10px rgba(15,23,42,0.03);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative}.warranty-perk-box:hover{transform:translateY(-3px);border-color:#cbd5e1;box-shadow:0 8px 18px rgba(15,23,42,0.07)}.warranty-perk-box .perk-icon-badge{width:36px;height:36px;border-radius:9px;background:rgba(0,112,210,0.08);color:#0070d2;display:flex;align-items:center;justify-content:center;font-size:0.95rem;margin-bottom:0.45rem;transition:background 0.25s ease,color 0.25s ease,transform 0.25s ease}.warranty-perk-box:hover .perk-icon-badge{background:#0070d2;color:#ffffff;transform:scale(1.05)}.warranty-perk-box .perk-label{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#64748b;margin-bottom:0.2rem}.warranty-perk-box .perk-value{font-size:0.88rem;font-weight:700;color:#0f172a;line-height:1.2}.warranty-actions-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.warranty-billboard-preview{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 36px rgba(15,23,42,0.12);border:1px solid #e2e8f0;background:#ffffff}.warranty-billboard-preview img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.warranty-floating-seal{position:absolute;top:0.85rem;left:0.85rem;right:auto;background:rgba(15,23,42,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,0.45);padding:0.32rem 0.65rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:0.35rem;font-size:0.68rem;font-weight:600;letter-spacing:0.015em;color:#fef08a;box-shadow:0 4px 14px rgba(0,0,0,0.22);z-index:2}.warranty-floating-seal i{color:#fbbf24;font-size:0.7rem}.sales-cta-section{padding:75px 0;background:#f8fafc;border-top:none;border-bottom:1px solid #e2e8f0}.sales-cta-box{background:linear-gradient(135deg,#ffffff 0%,#f0f7ff 50%,#e0f2fe 100%);border:1px solid rgba(0,112,210,0.25);border-radius:24px;padding:3.75rem 2.5rem;text-align:center;color:#0f172a;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px rgba(0,112,210,0.14),0 4px 16px rgba(15,23,42,0.03);max-width:960px;margin:0 auto}.sales-cta-box::before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(0,112,210,0.12) 0%,transparent 70%);filter:blur(50px);pointer-events:none}.sales-cta-box h2{font-size:2.75rem;font-weight:800;color:#0f172a;letter-spacing:-0.025em;margin-bottom:1rem;line-height:1.15}.sales-cta-box p{font-size:1.1rem;color:#475569;max-width:640px;margin:0 auto 2.25rem;line-height:1.6}@media(max-width:1024px){.why-pixaclear-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.why-pixaclear-grid{grid-template-columns:1fr}}@media(max-width:992px){.warranty-grid-inner{grid-template-columns:1fr;gap:2.5rem}.warranty-perks-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.warranty-perks-row{grid-template-columns:1fr}.warranty-banner-card{padding:2.5rem 1.75rem}.warranty-banner-card h2{font-size:2.1rem}.sales-cta-box h2{font-size:2rem}}@media(max-width:768px){.outdoor-hero-section{padding:95px 0 50px}body:has(.outdoor-hero-section) .why-pixaclear-section,.process-journey-section,.outdoor-editorial-section,.outdoor-visualizer-section,.warranty-showcase-section,body:has(.outdoor-hero-section) .faq-section,.sales-cta-section{padding:50px 0}}@media(max-width:600px){.outdoor-hero-section{padding:100px 0 32px}}.why-choose-5-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem}.why-choose-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:2.2rem 1.8rem;box-shadow:0 4px 20px rgba(15,23,42,0.04);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;flex:1 1 340px;max-width:385px;position:relative}.why-choose-card:hover{transform:translateY(-4px);border-color:rgba(0,112,210,0.4);box-shadow:0 16px 36px -6px rgba(0,112,210,0.12),0 4px 12px rgba(15,23,42,0.03)}.why-choose-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.why-choose-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,rgba(0,112,210,0.1) 0%,rgba(2,132,199,0.15) 100%);color:var(--accent-dji-blue);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.why-choose-number{font-size:1rem;font-weight:800;color:#94a3b8;letter-spacing:-0.02em;background:#f1f5f9;padding:0.2rem 0.65rem;border-radius:var(--radius-full)}.why-choose-card h3{font-size:1.2rem;font-weight:700;color:#0f172a;margin-bottom:0.75rem;line-height:1.3}.why-choose-card p{font-size:0.92rem;color:#475569;line-height:1.65;margin:0}.about-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:2.75rem}.about-product-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(15,23,42,0.04);transition:all 0.25s ease;display:flex;flex-direction:column}.about-product-card:hover{transform:translateY(-5px);border-color:rgba(0,112,210,0.35);box-shadow:0 16px 36px -6px rgba(0,112,210,0.12)}.about-product-img-wrap{position:relative;height:220px;overflow:hidden;background:#0f172a}.about-product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.about-product-card:hover .about-product-img-wrap img{transform:scale(1.05)}.about-product-badge{position:absolute;top:1rem;left:1rem;background:rgba(15,23,42,0.85);backdrop-filter:blur(8px);color:#ffffff;padding:0.35rem 0.8rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;letter-spacing:0.03em;display:flex;align-items:center;gap:0.4rem;border:1px solid rgba(255,255,255,0.2)}.about-product-body{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}.about-product-priority{font-size:0.75rem;font-weight:700;color:var(--accent-dji-blue);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.4rem}.about-product-body h3{font-size:1.3rem;margin-bottom:0.75rem;color:#0f172a}.about-product-body p{font-size:0.9rem;color:#64748b;line-height:1.6;margin-bottom:1.25rem}.about-product-specs{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:0.5rem;border-top:1px solid #f1f5f9;padding-top:1rem}.about-product-specs li{font-size:0.82rem;color:#334155;display:flex;align-items:center;gap:0.5rem}.about-product-specs li i{color:var(--accent-dji-blue);font-size:0.75rem}.about-product-body .btn{margin-top:auto;align-self:flex-start}.michigan-commitment-card{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:24px;padding:3.5rem 3rem;color:#ffffff;position:relative;overflow:hidden;box-shadow:0 20px 45px rgba(15,23,42,0.15)}.btn-outline-light{background:rgba(255,255,255,0.08)!important;border:1px solid rgba(255,255,255,0.28)!important;color:#ffffff!important;transition:all 0.2s ease}.btn-outline-light:hover{background:rgba(255,255,255,0.18)!important;border-color:#ffffff!important;color:#ffffff!important}.michigan-commitment-card::after{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(0,112,210,0.3) 0%,transparent 70%);pointer-events:none}.michigan-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1}.michigan-grid h2{color:#ffffff;font-size:2.2rem;margin-bottom:1rem}.michigan-grid p{color:#94a3b8;font-size:1.02rem;line-height:1.65;margin-bottom:1.5rem}.michigan-perks{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.michigan-perk-item{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:1.25rem}.michigan-perk-item h4{color:#ffffff;font-size:0.95rem;margin-bottom:0.35rem;display:flex;align-items:center;gap:0.5rem}.michigan-perk-item h4 i{color:#38bdf8}.michigan-perk-item p{color:#cbd5e1;font-size:0.82rem;margin:0;line-height:1.5}.inquiry-topics-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-bottom:2.5rem}.inquiry-topic-chip{display:inline-flex;align-items:center;gap:0.5rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--radius-full);padding:0.55rem 1.15rem;font-size:0.85rem;font-weight:600;color:#334155;box-shadow:0 2px 6px rgba(15,23,42,0.03);transition:all 0.2s ease}.inquiry-topic-chip i{color:var(--accent-dji-blue);font-size:0.85rem}.inquiry-topic-chip:hover{border-color:var(--accent-dji-blue);color:var(--accent-dji-blue);transform:translateY(-1px)}.contact-local-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1.15rem;color:#166534}.contact-local-badge h4{color:#15803d;font-size:0.92rem;margin-bottom:0.3rem;display:flex;align-items:center;gap:0.45rem}.contact-local-badge p{color:#14532d;font-size:0.84rem;line-height:1.55;margin:0}@media(max-width:1024px){.about-products-grid{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}.michigan-grid{grid-template-columns:1fr;gap:2rem}}.contact-reassurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:992px){.contact-reassurance-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.why-choose-card{max-width:100%;flex:1 1 100%}.michigan-commitment-card{padding:2.25rem 1.5rem}.michigan-perks{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}.about-page-banner{margin-top:72px;padding:60px 0 45px;background:linear-gradient(180deg,#edf5fb 0%,#f7fafc 100%);border-bottom:1px solid #e2e8f0}.about-page-banner h1{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:3.5rem;font-weight:700;color:#0f172a;letter-spacing:-0.03em;margin:0;line-height:1.15}.about-page-banner .banner-subtext{font-size:1.05rem;color:#64748b;margin-top:0.5rem;font-weight:500}.about-split-section{padding:85px 0;background:#ffffff;position:relative}.about-split-section.alt-bg{background:#f8fafc;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}.about-split-section.tint-bg{background:#edf5fb;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.about-split-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-split-row.align-top{align-items:flex-start}.about-split-text{display:flex;flex-direction:column}.about-split-tag{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.76rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--accent-dji-blue);background:rgba(0,112,210,0.07);border:1px solid rgba(0,112,210,0.18);padding:0.36rem 0.95rem;border-radius:9999px;margin-bottom:1.15rem;box-shadow:0 1px 3px rgba(0,112,210,0.06);width:fit-content}.about-split-text h2{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:3rem;font-weight:700;line-height:1.18;color:#0f172a;letter-spacing:-0.025em;margin-bottom:1.5rem}.about-split-text h3.statement-heading{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.15rem;font-weight:700;line-height:1.35;color:#0f172a;letter-spacing:-0.02em;margin-bottom:1.5rem}.about-split-text p{font-family:"DM Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.05rem;line-height:1.8;color:#475569;margin-bottom:1.35rem}.about-split-text p strong{color:#0f172a;font-weight:600}.about-btn-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.about-split-img-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 45px -10px rgba(15,23,42,0.12),0 0 0 1px rgba(15,23,42,0.04);background:#0f172a}.about-split-img-wrap img{width:100%;height:100%;max-height:480px;object-fit:cover;display:block;transition:transform 0.4s ease}.about-split-img-wrap:hover img{transform:scale(1.02)}.why-reasons-editorial{display:flex;flex-direction:column;gap:1.5rem;margin-top:0.5rem}.why-reason-item{border-left:3px solid var(--accent-dji-blue);padding-left:1.25rem;transition:all 0.2s ease}.why-reason-item:hover{border-left-color:#0284c7;padding-left:1.45rem}.why-reason-item h4{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:0.35rem;line-height:1.3}.why-reason-item p{font-size:0.98rem;line-height:1.7;color:#475569;margin:0}.about-offerings-header{text-align:center;max-width:800px;margin:0 auto 3.5rem}.about-offerings-header h2{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.75rem;font-weight:700;color:#0f172a;letter-spacing:-0.025em;margin-bottom:1rem}.about-offerings-header p{font-size:1.05rem;color:#64748b;line-height:1.7}.about-offerings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.about-product-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(15,23,42,0.04);transition:all 0.25s ease;display:flex;flex-direction:column}.about-product-card:hover{transform:translateY(-5px);border-color:rgba(0,112,210,0.4);box-shadow:0 16px 35px -8px rgba(0,112,210,0.12)}.about-product-img{position:relative;height:220px;background:#0f172a;overflow:hidden}.about-product-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.about-product-card:hover .about-product-img img{transform:scale(1.05)}.about-product-badge{position:absolute;top:1rem;left:1rem;background:rgba(15,23,42,0.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff;padding:0.35rem 0.8rem;border-radius:var(--radius-full);font-size:0.72rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.2)}.about-product-body{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}.about-product-body h3{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:0.65rem}.about-product-body p{font-size:0.94rem;color:#64748b;line-height:1.65;margin-bottom:1.25rem}.about-product-specs{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:0.5rem;border-top:1px solid #f1f5f9;padding-top:1rem}.about-product-specs li{font-size:0.84rem;color:#334155;display:flex;align-items:center;gap:0.5rem}.about-product-specs li i{color:var(--accent-dji-blue);font-size:0.8rem}.about-product-link{margin-top:auto;font-size:0.88rem;font-weight:600;color:var(--accent-dji-blue);display:inline-flex;align-items:center;gap:0.4rem;transition:gap 0.2s ease}.about-product-link:hover{color:#005bb5;gap:0.65rem}.about-contact-section{padding:90px 0;background:#edf5fb;border-top:1px solid #e2e8f0}.about-contact-header{max-width:900px;margin-bottom:3.5rem}.about-contact-header h2{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.75rem;font-weight:700;color:#0f172a;line-height:1.25;letter-spacing:-0.025em;margin-bottom:1rem}.about-contact-header p{font-size:1.1rem;color:#475569;line-height:1.7}.about-contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;align-items:flex-start}.about-info-col{display:flex;flex-direction:column;gap:2rem}.about-info-block h4{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:0.5rem}.about-info-block p,.about-info-block a{font-size:1.15rem;color:#334155;line-height:1.6;text-decoration:none}.about-info-block a:hover{color:var(--accent-dji-blue)}.about-social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0f172a;color:#ffffff!important;border-radius:10px;font-size:1.25rem;transition:all 0.2s ease}.about-social-icon:hover{background:var(--accent-dji-blue);transform:translateY(-2px)}.about-service-area-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem;box-shadow:0 4px 15px rgba(15,23,42,0.03)}.about-service-area-box h5{font-family:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem}.about-service-area-box h5 i{color:var(--accent-dji-blue)}.about-service-area-box p{font-size:0.92rem;color:#64748b;line-height:1.6;margin:0}.about-form-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:2.5rem;box-shadow:0 12px 35px -5px rgba(15,23,42,0.06)}.about-form-card .form-group{margin-bottom:1.25rem}.about-form-card label{display:block;font-size:0.88rem;font-weight:600;color:#1e293b;margin-bottom:0.4rem}.about-form-card label .req{color:#ef4444}.about-form-card .form-control{width:100%;padding:0.85rem 1rem;font-size:0.96rem;color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;transition:all 0.2s ease;font-family:inherit;box-sizing:border-box}.about-form-card .form-control:focus{outline:none;background:#ffffff;border-color:var(--accent-dji-blue);box-shadow:0 0 0 3px rgba(0,112,210,0.15)}.about-radio-group{display:flex;flex-direction:column;gap:0.65rem;margin-top:0.5rem}.about-radio-label{display:flex;align-items:center;gap:0.65rem;font-size:0.94rem;color:#334155;cursor:pointer}.about-radio-label input[type=radio]{accent-color:var(--accent-dji-blue);width:18px;height:18px}@media(max-width:1024px){.about-split-row{gap:40px}.about-split-text h2{font-size:2.5rem}.about-offerings-grid{grid-template-columns:1fr;max-width:580px;margin:0 auto}.about-contact-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.about-page-banner h1{font-size:2.6rem}.about-split-row{grid-template-columns:1fr;gap:30px}.about-split-row.reverse-mobile .about-split-img-wrap{order:-1}.about-split-text h2{font-size:2.15rem}.about-split-text h3.statement-heading{font-size:1.7rem}.about-contact-header h2{font-size:2.15rem}.about-form-card{padding:1.75rem 1.25rem}}.indoor-hero-section,.transparent-hero-section{position:relative;padding:140px 0 80px;background:radial-gradient(circle at 80% 20%,rgba(2,132,199,0.07) 0%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(16,185,129,0.04) 0%,transparent 50%),#ffffff;border-bottom:1px solid #e2e8f0;overflow:hidden}.indoor-badge-pill,.transparent-badge-pill{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue);border:1px solid rgba(0,112,210,0.2);padding:0.35rem 0.9rem;border-radius:9999px;font-size:0.8rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:1.25rem}.transparent-badge-pill{background:rgba(6,182,212,0.08);color:#0284c7;border-color:rgba(6,182,212,0.25)}.product-hero-lead{font-size:1.02rem;line-height:1.7;color:#475569;max-width:600px;margin-bottom:2rem}.product-hero-lead p{margin-bottom:0.85rem}.product-hero-lead p:last-child{margin-bottom:0}.product-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.25rem}.product-spec-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0.85rem;max-width:600px}.product-spec-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:0.95rem 1.05rem;box-shadow:0 4px 12px rgba(15,23,42,0.03);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.product-spec-card:hover{transform:translateY(-2px);border-color:rgba(0,112,210,0.35);box-shadow:0 8px 20px rgba(0,112,210,0.08)}.product-spec-card .spec-num{font-family:"Outfit",sans-serif;font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-0.02em;line-height:1.1;display:flex;align-items:baseline;gap:3px}.product-spec-card .spec-num span{font-size:0.82rem;color:var(--accent-dji-blue);font-weight:700}.product-spec-card .spec-lbl{font-size:0.72rem;font-weight:600;color:#64748b;margin-top:0.35rem;text-transform:uppercase;letter-spacing:0.03em}.indoor-hero-section .product-spec-card,.transparent-hero-section .product-spec-card{display:flex;flex-direction:column;justify-content:flex-start;padding:0.95rem 1rem}.indoor-hero-section .product-spec-card .spec-icon,.transparent-hero-section .product-spec-card .spec-icon{width:34px;height:34px;border-radius:8px;background:rgba(0,112,210,0.08);border:1px solid rgba(0,112,210,0.15);color:var(--accent-dji-blue, #0070d2);display:inline-flex;align-items:center;justify-content:center;font-size:0.95rem;margin-bottom:0.55rem;transition:all 0.25s ease}.indoor-hero-section .product-spec-card:hover .spec-icon,.transparent-hero-section .product-spec-card:hover .spec-icon{background:var(--accent-dji-blue, #0070d2);border-color:var(--accent-dji-blue, #0070d2);color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,112,210,0.25)}.indoor-hero-section .product-spec-card .spec-num,.transparent-hero-section .product-spec-card .spec-num{font-family:"Outfit",sans-serif;font-size:1.18rem;font-weight:800;color:#0f172a;letter-spacing:-0.01em;line-height:1.2;margin-bottom:0.25rem;display:block;white-space:nowrap}.indoor-hero-section .product-spec-card .spec-lbl,.transparent-hero-section .product-spec-card .spec-lbl{font-size:0.69rem;font-weight:600;color:#64748b;margin-top:0;text-transform:uppercase;letter-spacing:0.03em;line-height:1.35}.product-hero-showcase{display:flex;flex-direction:column;gap:0.85rem;position:relative;z-index:2}.product-stage-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px -10px rgba(15,23,42,0.12),0 0 0 1px rgba(15,23,42,0.08);background:#ffffff;aspect-ratio:16 / 11}.product-stage-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity 0.25s ease,transform 0.6s ease}.product-stage-frame:hover .product-stage-img{transform:scale(1.02)}.indoor-hero-section .container,.transparent-hero-section .container{max-width:1320px}.indoor-hero-section .outdoor-hero-grid{grid-template-columns:1fr 1.28fr;gap:3.5rem;align-items:center}.transparent-hero-section .outdoor-hero-grid{grid-template-columns:1.15fr 1fr;gap:2.75rem;align-items:center}.indoor-hero-section .product-hero-showcase,.transparent-hero-section .product-hero-showcase{width:100%}.indoor-hero-section .product-stage-frame{aspect-ratio:16 / 10.5;border-radius:24px;box-shadow:0 25px 60px -12px rgba(15,23,42,0.16),0 0 0 1px rgba(15,23,42,0.08)}.transparent-hero-section .product-stage-frame{aspect-ratio:4 / 3;max-height:420px;border-radius:20px;box-shadow:0 20px 50px -10px rgba(15,23,42,0.14),0 0 0 1px rgba(15,23,42,0.08);background:#0f172a}@media(max-width:1100px){.indoor-hero-section .outdoor-hero-grid,.transparent-hero-section .outdoor-hero-grid{grid-template-columns:1fr;gap:2.5rem}.indoor-hero-section .product-hero-showcase,.transparent-hero-section .product-hero-showcase{max-width:800px;margin:0 auto}}.product-stage-top-badge{position:absolute;top:1.15rem;left:1.15rem;display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.94);backdrop-filter:blur(12px);padding:0.4rem 0.85rem;border-radius:9999px;font-size:0.78rem;font-weight:700;color:#0f172a;border:1px solid rgba(226,232,240,0.9);box-shadow:0 4px 12px rgba(0,0,0,0.06);z-index:3}.product-stage-bottom-hud{position:absolute;bottom:1.15rem;left:1.15rem;right:1.15rem;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;background:rgba(15,23,42,0.85);backdrop-filter:blur(12px);padding:0.65rem 1rem;border-radius:12px;color:#ffffff;border:1px solid rgba(255,255,255,0.12);z-index:3}.product-stage-bottom-hud .hud-item{display:inline-flex;align-items:center;gap:0.45rem;font-size:0.78rem;font-weight:600;letter-spacing:0.01em}.indoor-tech-intro-section{padding:80px 0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.tech-photo-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem;max-width:1240px;margin:0 auto}.tech-photo-card{position:relative;border-radius:16px;overflow:hidden;min-height:285px;display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem 1.15rem;border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 24px -6px rgba(15,23,42,0.12);background:#0b0f19;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s ease,border-color 0.35s ease;text-decoration:none}.tech-photo-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,0.5);box-shadow:0 16px 36px -8px rgba(0,112,210,0.28),0 0 0 1px rgba(56,189,248,0.35)}.tech-photo-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;transition:transform 0.75s cubic-bezier(0.16,1,0.3,1)}.tech-photo-card:hover .tech-photo-card-bg{transform:scale(1.06)}.tech-photo-card-scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(11,15,25,0.2) 0%,rgba(11,15,25,0.45) 35%,rgba(11,15,25,0.92) 75%,#0b0f19 100%);transition:background 0.35s ease;pointer-events:none}.tech-photo-card:hover .tech-photo-card-scrim{background:linear-gradient(180deg,rgba(11,15,25,0.15) 0%,rgba(11,15,25,0.4) 35%,rgba(11,15,25,0.95) 75%,#0b0f19 100%)}.tech-photo-card-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin-bottom:0.85rem}.tech-photo-card-tag{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(15,23,42,0.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);border-radius:9px;box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:all 0.25s ease}.tech-photo-card:hover .tech-photo-card-tag{background:rgba(15,23,42,0.92);border-color:rgba(56,189,248,0.6);transform:translateY(-2px);box-shadow:0 6px 16px rgba(56,189,248,0.22)}.tech-photo-card-tag i{font-size:0.9rem;color:#38bdf8}.tech-photo-card-body{position:relative;z-index:3}.tech-photo-card-title{font-family:"Outfit",sans-serif;font-size:1.05rem;font-weight:700;color:#ffffff;margin:0 0 0.4rem 0;letter-spacing:-0.01em;line-height:1.25}.tech-photo-card-desc{font-size:0.8rem;line-height:1.48;color:#cbd5e1;margin:0}@media(max-width:860px){.tech-photo-cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:720px}.tech-photo-card{min-height:275px;padding:1.15rem 1rem}}@media(max-width:520px){.tech-photo-cards-grid{grid-template-columns:1fr;gap:0.95rem}.tech-photo-card{min-height:auto;padding:1.1rem 1rem}.indoor-tech-intro-section{padding:55px 0}}.tech-photo-cards-grid.no-photos .tech-photo-card-bg,.tech-photo-cards-grid.no-photos .tech-photo-card-scrim{display:none!important}.tech-photo-cards-grid.no-photos .tech-photo-card{background:linear-gradient(165deg,#0f192e 0%,#090f1d 100%);border:1px solid rgba(56,189,248,0.18);box-shadow:0 10px 28px -6px rgba(15,23,42,0.16);min-height:225px;height:auto;padding:1.45rem 1.3rem;display:flex;flex-direction:column;justify-content:flex-start}.tech-photo-cards-grid.no-photos .tech-photo-card:hover{background:linear-gradient(165deg,#13203b 0%,#0c1426 100%);border-color:rgba(56,189,248,0.6);box-shadow:0 18px 42px -8px rgba(0,112,210,0.35),0 0 0 1px rgba(56,189,248,0.3);transform:translateY(-4px)}.indoor-carousel-wrap{position:relative;width:100%;margin-top:2.25rem}.indoor-carousel-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0.5rem 0.25rem 1rem;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch}.indoor-carousel-track:active{cursor:grabbing}.indoor-carousel-track::-webkit-scrollbar{display:none}.indoor-carousel-card{flex:0 0 320px;position:relative;height:415px;border-radius:18px;overflow:hidden;background:#070a13;border:1px solid #cbd5e1;box-shadow:0 8px 24px -4px rgba(15,23,42,0.12);display:flex;flex-direction:column;justify-content:flex-start;padding:1.4rem 1.35rem 0;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s ease,border-color 0.35s ease}.indoor-carousel-card:hover{transform:translateY(-5px);border-color:rgba(56,189,248,0.8);box-shadow:0 16px 36px -8px rgba(0,112,210,0.3),0 0 0 1px rgba(56,189,248,0.5)}.indoor-carousel-card-img{position:absolute;top:145px;bottom:0;left:0;right:0;width:100%;height:calc(100% - 145px);object-fit:cover;object-position:center center;border-radius:0 0 17px 17px;transition:transform 0.65s cubic-bezier(0.16,1,0.3,1)}.indoor-carousel-card:hover .indoor-carousel-card-img{transform:scale(1.06)}.indoor-carousel-card-scrim{position:absolute;top:145px;left:0;right:0;height:45px;z-index:1;pointer-events:none;background:linear-gradient(180deg,#070a13 0%,rgba(7,10,19,0.5) 60%,transparent 100%);transition:background 0.35s ease}.indoor-carousel-card:hover .indoor-carousel-card-scrim{background:linear-gradient(180deg,#070a13 0%,rgba(7,10,19,0.65) 60%,transparent 100%)}.indoor-carousel-wrap.style-top-split .indoor-carousel-card{background:#ffffff;justify-content:flex-start;padding:1.4rem 1.35rem 0;border:1px solid #cbd5e1;box-shadow:0 4px 18px -2px rgba(15,23,42,0.08)}.indoor-carousel-wrap.style-top-split .indoor-carousel-card:hover{border-color:rgba(0,112,210,0.6);box-shadow:0 16px 36px -8px rgba(0,112,210,0.2)}.indoor-carousel-wrap.style-top-split .indoor-carousel-card-content{position:relative;z-index:2;margin-bottom:0.75rem}.indoor-carousel-wrap.style-top-split .indoor-carousel-card-tag{background:#eff6ff;color:#0070d2;border-color:#bfdbfe;box-shadow:none;margin-bottom:0.5rem}.indoor-carousel-wrap.style-top-split .indoor-carousel-card-title{color:#0f172a;font-size:1.22rem;font-weight:800;margin-bottom:0.35rem;text-shadow:none}.indoor-carousel-wrap.style-top-split .indoor-carousel-card-desc{color:#334155;font-size:0.88rem;font-weight:500;line-height:1.48;text-shadow:none}.indoor-carousel-wrap.style-top-split .indoor-carousel-card-scrim{display:none}.indoor-carousel-wrap.style-top-split .indoor-carousel-card-img{position:absolute;top:145px;bottom:0;left:0;right:0;width:100%;height:calc(100% - 145px);border-radius:0 0 17px 17px;object-fit:cover}.indoor-carousel-wrap.style-bottom-overlay .indoor-carousel-card{justify-content:flex-end;padding:1.5rem 1.35rem}.indoor-carousel-wrap.style-bottom-overlay .indoor-carousel-card-img{top:0;height:100%;border-radius:17px}.indoor-carousel-wrap.style-bottom-overlay .indoor-carousel-card-scrim{top:0;height:100%;background:linear-gradient(180deg,rgba(15,23,42,0.04) 0%,rgba(15,23,42,0.3) 35%,rgba(11,15,25,0.8) 65%,rgba(7,10,18,0.96) 90%)}.indoor-carousel-wrap.style-bottom-overlay .indoor-carousel-card:hover .indoor-carousel-card-scrim{background:linear-gradient(180deg,rgba(15,23,42,0.02) 0%,rgba(15,23,42,0.25) 30%,rgba(11,15,25,0.82) 65%,rgba(7,10,18,0.98) 90%)}.indoor-carousel-card-content{position:relative;z-index:2}.indoor-carousel-card-tag{display:inline-flex;align-items:center;gap:0.35rem;font-family:"Outfit",sans-serif;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#38bdf8;background:rgba(14,165,233,0.16);border:1px solid rgba(56,189,248,0.45);padding:0.22rem 0.6rem;border-radius:999px;margin-bottom:0.55rem;box-shadow:0 4px 12px rgba(0,0,0,0.25)}.indoor-carousel-card-title{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:800;color:#ffffff;margin:0 0 0.35rem 0;letter-spacing:-0.015em;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,0.6)}.indoor-carousel-card-desc{font-size:0.88rem;font-weight:450;line-height:1.5;color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,0.5);margin:0}.indoor-carousel-stage{position:relative;width:100%}.indoor-carousel-controls{display:flex;align-items:center;justify-content:center;margin-top:1.5rem;padding:0 0.25rem}.indoor-carousel-dots{display:flex;align-items:center;gap:0.5rem}.indoor-carousel-dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1;border:none;padding:0;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.indoor-carousel-dot:hover{background:#94a3b8}.indoor-carousel-dot.active{width:26px;border-radius:999px;background:#0070d2;box-shadow:0 0 10px rgba(0,112,210,0.35)}.indoor-carousel-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,0.85);color:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;z-index:30;box-shadow:0 8px 24px rgba(15,23,42,0.12),0 2px 6px rgba(15,23,42,0.06);transition:all 0.28s cubic-bezier(0.16,1,0.3,1);outline:none}.indoor-carousel-arrow-btn.prev{left:10px}.indoor-carousel-arrow-btn.next{right:10px}@media(min-width:1320px){.indoor-carousel-arrow-btn.prev{left:-25px}.indoor-carousel-arrow-btn.next{right:-25px}}.indoor-carousel-arrow-btn:hover{background:#0070d2;border-color:#0070d2;color:#ffffff;transform:translateY(-50%) scale(1.10);box-shadow:0 12px 30px rgba(0,112,210,0.40)}.indoor-carousel-arrow-btn:active{transform:translateY(-50%) scale(0.96)}.indoor-carousel-arrow-btn.disabled{opacity:0.25;pointer-events:none;cursor:default;box-shadow:none}@media(max-width:768px){.indoor-carousel-arrow-btn{display:none}}@media(max-width:640px){.indoor-tech-intro-section{padding:60px 0}.indoor-carousel-card{flex:0 0 285px;height:380px;padding:1.3rem 1.15rem}.indoor-carousel-controls{margin-top:1.25rem}}.tech-compare-section{padding:90px 0;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tech-compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2.5rem}.tech-compare-card{background:#ffffff;border-radius:18px;padding:2.25rem;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(15,23,42,0.04);position:relative;transition:transform 0.25s ease,box-shadow 0.25s ease}.tech-compare-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,0.08)}.tech-compare-card.featured-pro{border:2px solid var(--accent-dji-blue);box-shadow:0 8px 25px rgba(0,112,210,0.1)}.tech-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.tech-tag-pro{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:700;text-transform:uppercase}.tech-tag-con{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:700;text-transform:uppercase}.tech-compare-card h3{font-family:"Outfit",sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:0.65rem}.tech-compare-card p.tech-desc{font-size:0.95rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem}.tech-points-list{list-style:none;display:flex;flex-direction:column;gap:0.85rem}.tech-points-list li{display:flex;align-items:flex-start;gap:0.75rem;font-size:0.92rem;color:#334155;line-height:1.5}.tech-points-list li i.fa-check-circle{color:#10b981;font-size:1rem;margin-top:2px;flex-shrink:0}.tech-points-list li i.fa-times-circle{color:#ef4444;font-size:1rem;margin-top:2px;flex-shrink:0}.apps-showcase-section{padding:85px 0 100px;background:#ffffff;position:relative}.apps-stage-bar{display:flex;flex-direction:column;align-items:center;gap:0.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:0.9rem 1.25rem;margin:1.75rem auto 2.25rem;max-width:880px;box-shadow:0 4px 16px rgba(15,23,42,0.03)}.stage-bar-tag{font-family:"Outfit",sans-serif;font-size:0.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:0.06em;display:flex;align-items:center;gap:0.45rem}.stage-bar-tag i{color:var(--accent-dji-blue)}.stage-bar-btns{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}.stage-mode-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 1rem;border-radius:9999px;background:#ffffff;border:1px solid #cbd5e1;color:#334155;font-family:"Outfit",sans-serif;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);outline:none}.stage-mode-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8;transform:translateY(-1px)}.stage-mode-btn.active{background:#0f172a;color:#ffffff;border-color:#0f172a;box-shadow:0 4px 14px rgba(15,23,42,0.16);transform:translateY(-1px)}.stage-mode-btn.active i{color:#38bdf8}.apps-category-tabs{display:none;justify-content:center;gap:0.65rem;margin-bottom:2rem;flex-wrap:wrap}.mode-tabs .apps-category-tabs{display:flex}.cat-tab-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.48rem 1.15rem;border-radius:9999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-family:"Outfit",sans-serif;font-size:0.84rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;outline:none}.cat-tab-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.cat-tab-btn.active{background:#0f172a;color:#ffffff;border-color:#0f172a;box-shadow:0 4px 14px rgba(15,23,42,0.15)}.cat-tab-btn .tab-count{display:inline-block;font-size:0.72rem;font-weight:800;padding:0.1rem 0.42rem;border-radius:9999px;background:rgba(0,0,0,0.08);color:inherit}.cat-tab-btn.active .tab-count{background:rgba(56,189,248,0.2);color:#38bdf8}.apps-glide-controls{display:none;align-items:center;justify-content:center;gap:1.25rem;margin-top:1.75rem}.mode-glide .apps-glide-controls{display:flex}.glide-nav-btn{width:44px;height:44px;border-radius:50%;background:#ffffff;border:1px solid #cbd5e1;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(15,23,42,0.06)}.glide-nav-btn:hover{background:#0f172a;color:#ffffff;border-color:#0f172a;transform:scale(1.06)}.glide-dots{display:flex;gap:0.5rem;align-items:center}.glide-dot{width:8px;height:8px;border-radius:9999px;background:#cbd5e1;transition:all 0.25s ease;cursor:pointer}.glide-dot.active{width:24px;background:var(--accent-dji-blue)}.app-card{background:#ffffff;border-radius:20px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(15,23,42,0.04);display:flex;flex-direction:column;position:relative;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease,border-color 0.3s ease}.app-card-img{position:relative;width:100%;height:230px;overflow:hidden;background:#f1f5f9}.app-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease}.app-card:hover .app-card-img img{transform:scale(1.05)}.app-card-badge{position:absolute;top:0.9rem;left:0.9rem;background:rgba(15,23,42,0.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff;padding:0.35rem 0.8rem;border-radius:9999px;font-size:0.75rem;font-weight:700;border:1px solid rgba(255,255,255,0.18);z-index:3}.app-card-body{padding:1.5rem 1.65rem 1.5rem;display:flex;flex-direction:column;flex:1}.app-card-body h3{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:0.5rem;letter-spacing:-0.01em}.app-card-body p{font-size:0.90rem;color:#64748b;line-height:1.6;margin-bottom:1.15rem;flex:1}.app-card-features{list-style:none;display:flex;flex-direction:column;gap:0.45rem;border-top:1px solid #f1f5f9;padding-top:0.95rem;margin-bottom:1.15rem}.app-card-features li{font-size:0.84rem;color:#475569;display:flex;align-items:center;gap:0.5rem}.app-card-features li i{color:var(--accent-dji-blue);font-size:0.75rem;flex-shrink:0}.app-card-link{display:inline-flex;align-items:center;gap:0.45rem;font-size:0.88rem;font-weight:700;color:var(--accent-dji-blue);text-decoration:none;transition:gap 0.2s ease,color 0.2s ease}.app-card-link:hover{gap:0.68rem;color:#0056b3}.mode-bento .apps-stage-track{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.mode-bento .app-card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x, -500px) var(--mouse-y, -500px),rgba(0,112,210,0.09),transparent 70%);pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:2}.mode-bento .app-card:hover::before{opacity:1}.mode-bento .app-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(15,23,42,0.11);border-color:rgba(0,112,210,0.4)}.mode-glide .apps-stage-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0.5rem 0.25rem 1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mode-glide .apps-stage-track::-webkit-scrollbar{display:none}.mode-glide .app-card{flex:0 0 calc(33.333% - 1rem);min-width:320px;scroll-snap-align:start}.mode-glide .app-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,23,42,0.10);border-color:rgba(0,112,210,0.35)}.mode-tabs .apps-stage-track{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;min-height:480px}.mode-tabs .app-card.tab-hidden{display:none!important}.mode-tabs .app-card{animation:tabFadeIn 0.35s cubic-bezier(0.16,1,0.3,1) both}@keyframes tabFadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mode-grid3 .apps-stage-track{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mode-grid3 .app-card{border-radius:18px}.mode-grid3 .app-card-img{height:195px}.mode-grid3 .app-card-body{padding:1.25rem 1.35rem 1.35rem}.mode-grid3 .app-card-body h3{font-size:1.12rem}.mode-grid3 .app-card-body p{font-size:0.86rem;margin-bottom:0.85rem}.mode-grid3 .app-card-features{padding-top:0.75rem;margin-bottom:0.85rem;gap:0.35rem}.mode-grid3 .app-card-features li{font-size:0.8rem}.mode-grid3 .app-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,23,42,0.10);border-color:rgba(0,112,210,0.35)}.apps-map-container{display:none;width:100%;margin-top:1rem}.mode-map .apps-map-container{display:block}.mode-map .apps-stage-track,.mode-map .apps-category-tabs,.mode-map .apps-glide-controls{display:none!important}.apps-map-viewport{position:relative;width:100%;border-radius:24px;overflow:visible;background:#f8fafc;border:1px solid #cbd5e1;box-shadow:0 16px 40px rgba(15,23,42,0.08)}.apps-map-img{width:100%;height:auto;min-height:520px;max-height:640px;object-fit:cover;display:block;border-radius:24px;filter:brightness(1.02) contrast(1.02)}.map-hotspot-pin{position:absolute;transform:translate(-50%,-50%);z-index:30}.map-hotspot-pin:hover,.map-hotspot-pin.active{z-index:70}.pin-badge-btn{display:inline-flex;align-items:center;gap:0.55rem;padding:0.35rem 0.75rem 0.35rem 0.45rem;background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--accent-dji-blue);border-radius:9999px;box-shadow:0 8px 20px rgba(0,112,210,0.25);cursor:pointer;position:relative;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease,border-color 0.3s ease,background 0.3s ease;outline:none}.pin-icon{width:28px;height:28px;border-radius:50%;background:#0070d2;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:0.78rem}.pin-label-tag{font-family:"Outfit",sans-serif;font-size:0.78rem;font-weight:700;color:#0f172a;white-space:nowrap}.pin-pulse{position:absolute;top:50%;left:18px;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;border:2px solid #0070d2;animation:pinPulse 2s infinite ease-out;pointer-events:none}@keyframes pinPulse{0%{width:20px;height:20px;opacity:0.9}100%{width:48px;height:48px;opacity:0}}.map-hotspot-pin.active .pin-badge-btn,.map-hotspot-pin:hover .pin-badge-btn{background:#0f172a;border-color:#0f172a;transform:scale(1.08);box-shadow:0 12px 28px rgba(15,23,42,0.35)}.map-hotspot-pin.active .pin-label-tag,.map-hotspot-pin:hover .pin-label-tag{color:#ffffff}.map-hotspot-pin.active .pin-icon,.map-hotspot-pin:hover .pin-icon{background:#38bdf8;color:#0f172a}.pin-popup-card{position:absolute;width:310px;background:#ffffff;border:1px solid rgba(15,23,42,0.08);border-radius:18px;box-shadow:0 24px 48px -10px rgba(15,23,42,0.22),0 0 0 1px rgba(0,0,0,0.04);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.28s cubic-bezier(0.16,1,0.3,1),transform 0.28s cubic-bezier(0.16,1,0.3,1),visibility 0.28s ease;z-index:70}.popup-card-media{position:relative;width:100%;height:125px;overflow:hidden;background:#0f172a}.popup-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.pin-popup-card:hover .popup-card-img{transform:scale(1.06)}.popup-card-media .popup-badge{position:absolute;top:0.65rem;left:0.65rem;background:rgba(15,23,42,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff;padding:0.22rem 0.65rem;border-radius:9999px;font-size:0.70rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.2);display:inline-flex;align-items:center;gap:0.35rem;margin:0;z-index:2}.popup-card-body{padding:0.95rem 1.05rem 1.05rem;display:flex;flex-direction:column}.popup-title{font-family:"Outfit",sans-serif;font-size:1.04rem;font-weight:700;color:#0f172a;margin:0 0 0.3rem;line-height:1.3}.popup-desc{font-size:0.81rem;color:#475569;line-height:1.52;margin:0 0 0.90rem}.popup-features{list-style:none;padding:0.55rem 0 0;margin:0 0 0.85rem;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:0.3rem}.popup-features li{font-size:0.75rem;color:#334155;display:flex;align-items:center;gap:0.45rem;line-height:1.35}.popup-features li i{color:#10b981;font-size:0.72rem;flex-shrink:0}.pin-popup-card .btn{width:100%;justify-content:center;font-size:0.78rem;font-weight:600;padding:0.45rem 0.8rem;border-radius:8px}.pin-popup-card.popup-dir-bottom{top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-8px)}.pin-popup-card.popup-dir-bottom::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}.pin-popup-card.popup-dir-bottom::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent #0f172a transparent}.map-hotspot-pin:hover .pin-popup-card.popup-dir-bottom,.map-hotspot-pin.active .pin-popup-card.popup-dir-bottom{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.pin-popup-card.popup-dir-top{bottom:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px)}.pin-popup-card.popup-dir-top::before{content:"";position:absolute;bottom:-16px;left:0;right:0;height:16px}.pin-popup-card.popup-dir-top::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:8px 8px 0 8px;border-style:solid;border-color:#ffffff transparent transparent transparent}.map-hotspot-pin:hover .pin-popup-card.popup-dir-top,.map-hotspot-pin.active .pin-popup-card.popup-dir-top{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.pin-popup-card.popup-dir-right{left:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(-8px)}.pin-popup-card.popup-dir-right::before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:16px}.pin-popup-card.popup-dir-right::after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border-width:8px 8px 8px 0;border-style:solid;border-color:transparent #0f172a transparent transparent}.map-hotspot-pin:hover .pin-popup-card.popup-dir-right,.map-hotspot-pin.active .pin-popup-card.popup-dir-right{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0)}.pin-popup-card.popup-dir-left{right:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(8px)}.pin-popup-card.popup-dir-left::before{content:"";position:absolute;right:-16px;top:0;bottom:0;width:16px}.pin-popup-card.popup-dir-left::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border-width:8px 0 8px 8px;border-style:solid;border-color:transparent transparent transparent #0f172a}.map-hotspot-pin:hover .pin-popup-card.popup-dir-left,.map-hotspot-pin.active .pin-popup-card.popup-dir-left{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0)}.map-overlay-hint{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);background:rgba(15,23,42,0.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffff;font-size:0.78rem;font-weight:600;padding:0.45rem 1.1rem;border-radius:9999px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,0.15);z-index:20}.map-overlay-hint i{color:#38bdf8;margin-right:0.45rem}@media(max-width:768px){.apps-map-img{min-height:380px}.pin-popup-card{width:270px;left:50%!important;right:auto!important;top:calc(100% + 10px)!important;bottom:auto!important;transform:translateX(-50%) translateY(-6px)!important}.map-hotspot-pin:hover .pin-popup-card,.map-hotspot-pin.active .pin-popup-card{transform:translateX(-50%) translateY(0)!important}.map-top-selector{width:92%}}.apps-map-all-container{display:none;width:100%;margin-top:1rem}.mode-map-all .apps-map-all-container{display:block}.mode-map-all .apps-stage-track,.mode-map-all .apps-category-tabs,.mode-map-all .apps-glide-controls,.mode-map-all .apps-map-container{display:none!important}.map-building-indicator{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.95);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid #0070d2;color:#0070d2;display:flex;align-items:center;justify-content:center;font-size:0.74rem;box-shadow:0 4px 14px rgba(0,112,210,0.35);transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1);z-index:22;cursor:pointer}.map-building-indicator:hover,.map-building-indicator.active{background:#0f172a;border-color:#38bdf8;color:#38bdf8;transform:translate(-50%,-50%) scale(1.22);box-shadow:0 8px 24px rgba(56,189,248,0.55)}.map-mini-card{position:absolute;width:235px;background:rgba(255,255,255,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,0.10);border-radius:14px;padding:0.55rem 0.65rem;box-shadow:0 8px 22px rgba(15,23,42,0.10),0 2px 6px rgba(15,23,42,0.04);display:flex;align-items:center;gap:0.65rem;z-index:25;text-decoration:none;color:inherit;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s ease,border-color 0.25s ease,background 0.25s ease;cursor:pointer}.map-mini-card:hover,.map-mini-card.active{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 32px rgba(0,112,210,0.22),0 0 0 1px #0070d2;border-color:#0070d2;background:#ffffff;z-index:40}.mini-card-thumb{position:relative;width:54px;height:54px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#0f172a}.mini-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.map-mini-card:hover .mini-card-thumb img,.map-mini-card.active .mini-card-thumb img{transform:scale(1.1)}.mini-card-badge-icon{position:absolute;bottom:2px;right:2px;width:17px;height:17px;border-radius:50%;background:#0070d2;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:0.58rem;box-shadow:0 2px 4px rgba(0,0,0,0.25)}.mini-card-info{display:flex;flex-direction:column;flex:1;min-width:0}.mini-card-title{font-family:"Outfit",sans-serif;font-size:0.82rem;font-weight:700;color:#0f172a;margin:0 0 2px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card-desc{font-size:0.68rem;color:#64748b;line-height:1.32;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-card-link-tag{font-size:0.68rem;font-weight:700;color:#0070d2;display:inline-flex;align-items:center;gap:0.25rem;transition:gap 0.2s ease}.map-mini-card:hover .mini-card-link-tag{gap:0.45rem}@media(max-width:992px){.apps-map-all-container .apps-map-viewport{display:flex;flex-direction:column;overflow:hidden}.map-mini-card{position:static;width:100%;margin-top:0.5rem}}.apps-district-map-container{display:none;width:100%;margin-top:1rem}.mode-map-district .apps-district-map-container{display:block}.mode-map-district .apps-stage-track,.mode-map-district .apps-category-tabs,.mode-map-district .apps-glide-controls,.mode-map-district .apps-map-container,.mode-map-district .apps-map-all-container,.mode-map-district .apps-curved-map-container{display:none!important}.district-masterplan-wrapper{display:flex;flex-direction:column;gap:0.85rem;width:100%;max-width:1140px;margin:0 auto}.district-map-viewport{position:relative;width:100%;max-height:380px;aspect-ratio:2.30 / 1;border-radius:18px;overflow:hidden;box-shadow:0 12px 36px rgba(15,23,42,0.08);border:1px solid rgba(15,23,42,0.10);background:#f8fafc}.district-map-img{width:100%;height:100%;display:block;object-fit:cover;user-select:none}.district-guide-beam{position:absolute;width:2px;bottom:0;background:linear-gradient(180deg,rgba(0,112,210,0.5) 0%,rgba(56,189,248,0.85) 100%);pointer-events:none;opacity:0.25;box-shadow:0 0 6px rgba(0,112,210,0.3);transition:opacity 0.3s ease,box-shadow 0.3s ease,width 0.3s ease;z-index:18}.district-guide-beam::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#0070d2;box-shadow:0 0 8px #38bdf8}.district-guide-beam.active{opacity:1;width:3px;background:linear-gradient(180deg,rgba(0,112,210,0.8) 0%,#38bdf8 100%);box-shadow:0 0 14px rgba(0,112,210,0.85),0 0 4px #ffffff}.district-beacon-pin{position:absolute;transform:translate(-50%,-50%);z-index:25;cursor:pointer}.beacon-badge{display:inline-flex;align-items:center;gap:0.32rem;padding:0.28rem 0.65rem;background:rgba(15,23,42,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(56,189,248,0.65);border-radius:999px;color:#ffffff;font-family:"Outfit",sans-serif;box-shadow:0 4px 16px rgba(0,0,0,0.30);transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1);user-select:none}.beacon-num{font-size:0.72rem;font-weight:800;color:#38bdf8;letter-spacing:0.04em}.beacon-icon{font-size:0.72rem;color:#ffffff}.beacon-name{font-size:0.70rem;font-weight:600;color:#f1f5f9}.beacon-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:999px;border:2px solid #38bdf8;pointer-events:none;animation:beaconPulseAnim 2.4s infinite cubic-bezier(0.25,0.8,0.25,1)}@keyframes beaconPulseAnim{0%{transform:translate(-50%,-50%) scale(1);opacity:0.8}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.beacon-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:#0f172a;color:#ffffff;padding:6px 12px;border-radius:8px;font-family:"Outfit",sans-serif;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 8px 24px rgba(15,23,42,0.35);border:1px solid rgba(56,189,248,0.3);transition:all 0.22s ease;z-index:30;display:flex;flex-direction:column;align-items:center;gap:1px}.beacon-tooltip .tooltip-tag{font-size:0.58rem;font-weight:800;color:#38bdf8;letter-spacing:0.08em;text-transform:uppercase}.beacon-tooltip strong{font-size:0.80rem;font-weight:700;color:#ffffff}.beacon-tooltip span:last-child{font-size:0.68rem;color:#94a3b8}.beacon-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#0f172a}.district-beacon-pin:hover .beacon-badge,.district-beacon-pin.active .beacon-badge{background:#0070d2;border-color:#ffffff;transform:scale(1.15);box-shadow:0 8px 24px rgba(0,112,210,0.55)}.district-beacon-pin:hover .beacon-num,.district-beacon-pin.active .beacon-num{color:#ffffff}.district-beacon-pin:hover .beacon-tooltip,.district-beacon-pin.active .beacon-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.district-map-hint-pill{position:absolute;bottom:12px;right:14px;background:rgba(15,23,42,0.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e2e8f0;font-size:0.68rem;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);pointer-events:none;z-index:20}.district-map-hint-pill i{color:#38bdf8;margin-right:4px}.district-cards-dock{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%;padding-top:26px;margin-top:-12px}.district-dock-card{background:#ffffff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:visible;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(15,23,42,0.04);transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.35s ease,border-color 0.25s ease;text-decoration:none;color:inherit;position:relative;cursor:pointer;z-index:10}.district-dock-card::before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) scale(0);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:9px solid #0070d2;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;z-index:15}.district-dock-card:hover,.district-dock-card.active{transform:translateY(-24px) scale(1.05);border-color:#0070d2;box-shadow:0 -12px 30px rgba(0,112,210,0.32),0 20px 42px rgba(15,23,42,0.16);z-index:35;background:#ffffff}.district-dock-card:hover::before,.district-dock-card.active::before{transform:translateX(-50%) scale(1)}.dock-card-header{display:flex;align-items:center;justify-content:space-between;padding:0.55rem 0.65rem 0.4rem;background:#f8fafc;border-bottom:1px solid #f1f5f9}.dock-card-num-tag{display:inline-flex;align-items:center;gap:0.28rem;font-family:"Outfit",sans-serif;font-size:0.70rem;font-weight:800;color:#0070d2;background:rgba(0,112,210,0.10);padding:2px 6px;border-radius:5px}.dock-card-cat{font-size:0.62rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:0.04em}.dock-card-img-wrap{position:relative;width:100%;height:96px;overflow:hidden;background:#0f172a}.dock-card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.district-dock-card:hover .dock-card-img-wrap img,.district-dock-card.active .dock-card-img-wrap img{transform:scale(1.10)}.dock-card-overlay-badge{position:absolute;top:6px;right:6px;background:rgba(15,23,42,0.86);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#38bdf8;font-family:"Outfit",sans-serif;font-size:0.58rem;font-weight:700;padding:1.5px 5px;border-radius:4px}.dock-card-body{padding:0.65rem;display:flex;flex-direction:column;flex:1}.dock-card-title{font-family:"Outfit",sans-serif;font-size:0.84rem;font-weight:700;color:#0f172a;margin:0 0 0.3rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-card-desc{font-size:0.68rem;color:#64748b;line-height:1.35;margin:0 0 0.55rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dock-card-link{font-size:0.70rem;font-weight:700;color:#0070d2;display:inline-flex;align-items:center;gap:0.25rem;transition:gap 0.2s ease}.district-dock-card:hover .dock-card-link{gap:0.45rem}@media(max-width:1100px){.district-cards-dock{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:640px){.district-cards-dock{grid-template-columns:repeat(2,1fr);gap:10px}.district-beacon-pin .beacon-name{display:none}}.specs-matrix-section{padding:90px 0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.specs-matrix-wrapper{background:#ffffff;border-radius:18px;overflow-x:auto;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(15,23,42,0.04);margin-top:2rem}.specs-matrix-table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}.specs-matrix-table th{background:#f1f5f9;padding:1.1rem 1.5rem;font-family:"Outfit",sans-serif;font-size:0.88rem;font-weight:700;color:#0f172a;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:0.04em}.specs-matrix-table td{padding:1.1rem 1.5rem;font-size:0.92rem;color:#334155;border-bottom:1px solid #f1f5f9;line-height:1.5}.specs-matrix-table tr:last-child td{border-bottom:none}.specs-matrix-table tr:hover td{background:#f8fafc}.specs-param-title{font-weight:700;color:#0f172a;display:flex;align-items:center;gap:0.5rem}.specs-param-title i{color:var(--accent-dji-blue);width:18px}.hardware-callout-section{padding:90px 0;background:#0f172a;color:#ffffff;position:relative;overflow:hidden}.hardware-callout-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(0,112,210,0.15) 0%,transparent 60%);pointer-events:none}.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;position:relative;z-index:2}.hardware-visual-stack{display:flex;flex-direction:column;gap:1rem}.hardware-img-frame{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;justify-content:center}.hardware-img-frame img{max-width:100%;height:auto;filter:drop-shadow(0 15px 25px rgba(0,0,0,0.4))}.hardware-features-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem;margin-top:1.75rem}.hardware-feature-item{display:flex;align-items:flex-start;gap:1rem}.hardware-feature-icon{width:42px;height:42px;border-radius:10px;background:rgba(0,112,210,0.2);border:1px solid rgba(0,112,210,0.4);color:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.hardware-feature-item h4{font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:700;color:#f8fafc;margin-bottom:0.25rem}.hardware-feature-item p{font-size:0.88rem;color:#94a3b8;line-height:1.55}.faq-section:has(.faq-wrapper){padding:75px 0;background:#ffffff;border-top:none;border-bottom:1px solid #e2e8f0}.faq-wrapper{max-width:860px;margin:2rem auto 0;display:flex;flex-direction:column;gap:0.85rem}.faq-wrapper .faq-item{background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease}.faq-wrapper .faq-item.active{border-color:var(--accent-dji-blue);box-shadow:0 4px 18px rgba(0,112,210,0.08)}.faq-wrapper .faq-question{width:100%;padding:1.25rem 1.5rem;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:"Outfit",sans-serif;font-size:1.08rem;font-weight:700;color:#0f172a;text-align:left;cursor:pointer;transition:color 0.2s ease}.faq-wrapper .faq-question:hover{color:var(--accent-dji-blue)}.faq-wrapper .faq-icon{width:28px;height:28px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#64748b;flex-shrink:0;transition:transform 0.3s ease,background 0.2s ease,color 0.2s ease}.faq-wrapper .faq-item.active .faq-icon{transform:rotate(180deg);background:rgba(0,112,210,0.1);color:var(--accent-dji-blue)}.faq-wrapper .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1)}.faq-wrapper .faq-answer-inner{padding:0 1.5rem 1.5rem;font-size:0.95rem;color:#475569;line-height:1.7}@media(max-width:1024px){.tech-compare-grid,.apps-grid,.hardware-grid{grid-template-columns:1fr;gap:1.75rem}}@media(max-width:1024px){.mode-grid3 .apps-stage-track{grid-template-columns:repeat(2,1fr)}.mode-glide .app-card{flex:0 0 calc(50% - 0.75rem)}}@media(max-width:768px){.mode-bento .apps-stage-track,.mode-tabs .apps-stage-track,.mode-grid3 .apps-stage-track{grid-template-columns:1fr!important;gap:1.5rem!important}.mode-glide .app-card{flex:0 0 86vw!important;min-width:0!important}.apps-stage-bar{padding:0.75rem 1rem;margin:1.25rem auto 1.75rem}.stage-bar-btns{flex-direction:column;width:100%}.stage-mode-btn{width:100%;justify-content:center}.indoor-hero-section,.transparent-hero-section{padding:110px 0 50px}.product-spec-strip{grid-template-columns:1fr}.tech-compare-card{padding:1.5rem}.app-card-img{height:200px}.specs-matrix-table th,.specs-matrix-table td{padding:0.85rem 1rem;font-size:0.84rem}}.editorial-display-section{padding:95px 0 105px;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}.editorial-display-section .editorial-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 0.95rem;border-radius:9999px;background:rgba(0,112,210,0.08);border:1px solid rgba(0,112,210,0.22);color:#0070d2;font-family:"Outfit",sans-serif;font-size:0.76rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.85rem}.viewing-chips-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.65rem;margin-top:1.25rem}.viewing-chip{display:inline-flex;align-items:center;gap:0.5rem;padding:0.42rem 0.95rem;border-radius:999px;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(15,23,42,0.04);font-family:"Outfit",sans-serif;font-size:0.82rem;font-weight:600;color:#1e293b;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);user-select:none}.viewing-chip i{color:#0070d2;font-size:0.82rem}.viewing-chip:hover{border-color:#0070d2;color:#0070d2;box-shadow:0 4px 14px rgba(0,112,210,0.16);transform:translateY(-2px)}@media(max-width:640px){.editorial-display-section{padding:65px 0 75px}.viewing-chips-row{gap:0.5rem}.viewing-chip{font-size:0.76rem;padding:0.35rem 0.75rem}}.apps-curved-map-container{display:none;width:100%;margin-top:1rem}.mode-map-curved .apps-curved-map-container{display:block}.mode-map-curved .apps-stage-track,.mode-map-curved .apps-category-tabs,.mode-map-curved .apps-glide-controls,.mode-map-curved .apps-map-container,.mode-map-curved .apps-map-all-container,.mode-map-curved .apps-district-map-container{display:none!important}.curved-map-viewport{position:relative;width:100%;max-width:1140px;margin:0 auto;aspect-ratio:2.30 / 1;min-height:490px;border-radius:20px;box-shadow:0 16px 44px rgba(15,23,42,0.10);border:1px solid rgba(15,23,42,0.12);background:#f8fafc;overflow:visible}.curved-map-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px;user-select:none}.curved-journey-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;border-radius:20px}.journey-track-base{fill:none;stroke:rgba(255,255,255,0.20);stroke-width:1px;stroke-dasharray:4 4}.journey-path-line{fill:none;stroke:url(#journeyGradient);stroke-width:1.75px;stroke-linecap:round;stroke-dasharray:1188;stroke-dashoffset:1188;filter:drop-shadow(0 0 4px rgba(56,189,248,0.7));animation:drawCurvedJourney 5.5s cubic-bezier(0.25,0.1,0.25,1) infinite}.journey-path-traveler{fill:none;stroke:#ffffff;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:90 1200;filter:drop-shadow(0 0 6px #38bdf8) drop-shadow(0 0 12px #0070d2);animation:travelCurvedBeam 5.5s cubic-bezier(0.25,0.1,0.25,1) infinite}@keyframes drawCurvedJourney{0%{stroke-dashoffset:1188;opacity:0}3%{opacity:1}72%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}96%{opacity:0;stroke-dashoffset:0}100%{stroke-dashoffset:1188;opacity:0}}@keyframes travelCurvedBeam{0%{stroke-dashoffset:90;opacity:0}4%{opacity:1}72%{stroke-dashoffset:-1098;opacity:1}75%{opacity:0;stroke-dashoffset:-1098}100%{stroke-dashoffset:-1098;opacity:0}}.journey-node-circle{fill:#ffffff;stroke:#0070d2;stroke-width:2px;filter:drop-shadow(0 0 6px #38bdf8)}.journey-node-circle.node-0{animation:nodeFlash0 5.5s ease infinite}.journey-node-circle.node-1{animation:nodeFlash1 5.5s ease infinite}.journey-node-circle.node-2{animation:nodeFlash2 5.5s ease infinite}.journey-node-circle.node-3{animation:nodeFlash3 5.5s ease infinite}.journey-node-circle.node-4{animation:nodeFlash4 5.5s ease infinite}.journey-node-circle.node-5{animation:nodeFlash5 5.5s ease infinite}@keyframes nodeFlash0{0%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}2%,6%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}12%{r:4.5}}@keyframes nodeFlash1{0%,12%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}15%,19%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}24%{r:4.5}}@keyframes nodeFlash2{0%,28%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}31%,35%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}40%{r:4.5}}@keyframes nodeFlash3{0%,41%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}44%,48%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}53%{r:4.5}}@keyframes nodeFlash4{0%,55%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}58%,62%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}67%{r:4.5}}@keyframes nodeFlash5{0%,68%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}72%,78%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}85%{r:4.5}}.curved-beacon-pin{position:absolute;transform:translate(-50%,-50%);z-index:25;cursor:pointer}.curved-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(56,189,248,0.7);pointer-events:none;opacity:0}.curved-beacon-pin[data-curved-space="0"] .curved-pulse-ring{animation:pinPulseFlash0 5.5s cubic-bezier(0.25,1,0.5,1) infinite}.curved-beacon-pin[data-curved-space="1"] .curved-pulse-ring{animation:pinPulseFlash1 5.5s cubic-bezier(0.25,1,0.5,1) infinite}.curved-beacon-pin[data-curved-space="2"] .curved-pulse-ring{animation:pinPulseFlash2 5.5s cubic-bezier(0.25,1,0.5,1) infinite}.curved-beacon-pin[data-curved-space="3"] .curved-pulse-ring{animation:pinPulseFlash3 5.5s cubic-bezier(0.25,1,0.5,1) infinite}.curved-beacon-pin[data-curved-space="4"] .curved-pulse-ring{animation:pinPulseFlash4 5.5s cubic-bezier(0.25,1,0.5,1) infinite}.curved-beacon-pin[data-curved-space="5"] .curved-pulse-ring{animation:pinPulseFlash5 5.5s cubic-bezier(0.25,1,0.5,1) infinite}@keyframes pinPulseFlash0{0%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}2%{transform:translate(-50%,-50%) scale(0.8);opacity:1}10%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes pinPulseFlash1{0%,14%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}16%{transform:translate(-50%,-50%) scale(0.8);opacity:1}24%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes pinPulseFlash2{0%,30%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}32%{transform:translate(-50%,-50%) scale(0.8);opacity:1}40%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes pinPulseFlash3{0%,43%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}45%{transform:translate(-50%,-50%) scale(0.8);opacity:1}53%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes pinPulseFlash4{0%,57%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}59%{transform:translate(-50%,-50%) scale(0.8);opacity:1}67%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes pinPulseFlash5{0%,70%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}72%{transform:translate(-50%,-50%) scale(0.8);opacity:1}80%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.curved-badge-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 6px;background:rgba(15,23,42,0.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,0.65);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,0.2),inset 0 0 10px rgba(255,255,255,0.15);cursor:pointer;outline:none;transition:all 0.28s cubic-bezier(0.16,1,0.3,1);user-select:none}.curved-badge-num{font-family:"Outfit",sans-serif;font-size:0.68rem;font-weight:800;color:#38bdf8;background:rgba(0,112,210,0.35);border:1px solid rgba(56,189,248,0.5);border-radius:999px;padding:2px 7px;letter-spacing:0.04em}.curved-badge-icon{font-size:0.72rem;color:#ffffff;display:flex;align-items:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5))}.curved-badge-name{font-family:"Outfit",sans-serif;font-size:0.75rem;font-weight:700;color:#ffffff;letter-spacing:0.02em;text-shadow:0 1px 4px rgba(0,0,0,0.85)}.curved-beacon-pin:hover .curved-badge-btn,.curved-beacon-pin.active .curved-badge-btn{background:rgba(0,112,210,0.55);border-color:#38bdf8;box-shadow:0 0 24px rgba(56,189,248,0.8),inset 0 0 14px rgba(56,189,248,0.35);transform:scale(1.08)}.curved-beacon-pin:hover .curved-badge-num,.curved-beacon-pin.active .curved-badge-num{background:#ffffff;color:#0070d2;border-color:#ffffff}.curved-popup-card{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(14px) scale(0.92);width:280px;background:rgba(15,23,42,0.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(56,189,248,0.4);border-radius:16px;box-shadow:0 20px 48px rgba(0,0,0,0.45),0 0 28px rgba(0,112,210,0.25);padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.32s cubic-bezier(0.16,1,0.3,1),transform 0.32s cubic-bezier(0.16,1,0.3,1),visibility 0.32s;z-index:60;text-decoration:none;color:#ffffff}.curved-popup-card::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(15,23,42,0.94);filter:drop-shadow(0 -2px 3px rgba(56,189,248,0.3))}.curved-popup-card::after{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px}.curved-beacon-pin.align-left .curved-popup-card{left:0;transform:translateX(-12%) translateY(14px) scale(0.92)}.curved-beacon-pin.align-left .curved-popup-card::before{left:calc(12% + 50px)}.curved-beacon-pin.align-right .curved-popup-card{left:auto;right:0;transform:translateX(12%) translateY(14px) scale(0.92)}.curved-beacon-pin.align-right .curved-popup-card::before{left:auto;right:calc(12% + 50px)}.curved-beacon-pin:hover .curved-popup-card,.curved-beacon-pin.active .curved-popup-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}.curved-beacon-pin.align-left:hover .curved-popup-card,.curved-beacon-pin.align-left.active .curved-popup-card{transform:translateX(-12%) translateY(0) scale(1)}.curved-beacon-pin.align-right:hover .curved-popup-card,.curved-beacon-pin.align-right.active .curved-popup-card{transform:translateX(12%) translateY(0) scale(1)}.curved-card-media{position:relative;width:100%;height:120px;border-radius:10px;overflow:hidden;background:#000}.curved-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.curved-beacon-pin:hover .curved-card-media img,.curved-beacon-pin.active .curved-card-media img{transform:scale(1.06)}.curved-card-pitch{position:absolute;top:7px;right:7px;background:rgba(15,23,42,0.88);border:1px solid rgba(56,189,248,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#38bdf8;font-family:"Outfit",sans-serif;font-size:0.62rem;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:0.04em}.curved-card-body{padding:8px 4px 4px}.curved-card-cat{font-family:"Outfit",sans-serif;font-size:0.88rem;font-weight:700;color:#ffffff;letter-spacing:0.01em;margin-bottom:5px;display:flex;align-items:center;gap:6px;line-height:1.3}.curved-card-cat i{color:#38bdf8;font-size:0.80rem}.curved-card-desc{font-size:0.75rem;line-height:1.45;color:#cbd5e1;margin:0 0 10px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.curved-card-action{display:flex;align-items:center;justify-content:flex-end}.curved-card-btn{display:inline-flex;align-items:center;gap:6px;background:#0070d2;color:#ffffff!important;font-family:"Outfit",sans-serif;font-size:0.72rem;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none;transition:all 0.22s ease;box-shadow:0 2px 8px rgba(0,112,210,0.4)}.curved-card-btn:hover{background:#005fb2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,112,210,0.6)}.curved-map-hint-pill{position:absolute;top:14px;right:14px;background:rgba(15,23,42,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e2e8f0;font-size:0.68rem;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.15);pointer-events:none;z-index:20}.curved-map-hint-pill i{color:#38bdf8;margin-right:5px}@media(max-width:768px){.curved-map-viewport{aspect-ratio:auto;min-height:480px;height:480px}.curved-popup-card{width:240px;padding:8px}.curved-card-media{height:95px}.curved-card-title{font-size:0.80rem}.curved-card-desc{font-size:0.68rem;-webkit-line-clamp:2}.curved-badge-btn{padding:3px 8px 3px 5px;gap:4px}.curved-badge-name{font-size:0.68rem}}.apps-focus-map-container{display:block;width:100%;margin-top:1rem}.focus-map-viewport{position:relative;width:100%;max-width:1140px;margin:0 auto;aspect-ratio:2.30 / 1;min-height:490px;border-radius:20px;box-shadow:0 16px 48px rgba(15,23,42,0.12);border:1px solid rgba(15,23,42,0.12);background:#0f172a;overflow:visible;--spot-x: 50%;--spot-y: 50%}.focus-map-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px;user-select:none;transition:filter 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease}.focus-spotlight-backdrop{position:absolute;inset:0;border-radius:20px;pointer-events:none;opacity:0;transition:opacity 0.45s ease;z-index:10;background:radial-gradient(circle 280px at var(--spot-x, 50%) var(--spot-y, 50%),rgba(56,189,248,0.18) 0%,rgba(15,23,42,0.35) 60%,rgba(15,23,42,0.65) 100%)}.focus-map-viewport.is-focusing .focus-spotlight-backdrop,.focus-map-viewport:has(.focus-beacon-pin:hover) .focus-spotlight-backdrop{opacity:1}.focus-map-viewport.is-focusing .focus-map-img,.focus-map-viewport:has(.focus-beacon-pin:hover) .focus-map-img{filter:brightness(0.72) saturate(0.88)}.focus-journey-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;border-radius:20px}.focus-track-base{fill:none;stroke:rgba(255,255,255,0.22);stroke-width:1px;stroke-dasharray:4 4}.focus-path-line{fill:none;stroke:url(#focusJourneyGradient);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1188;stroke-dashoffset:1188;filter:drop-shadow(0 0 5px rgba(56,189,248,0.8));animation:drawFocusJourney 5s cubic-bezier(0.25,0.1,0.25,1) infinite}.focus-path-photons{fill:none;stroke:#ffffff;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:70 20 18 15 12 12 8 1200;filter:drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 14px #38bdf8) drop-shadow(0 0 24px #0070d2);animation:travelFocusPhotons 5s cubic-bezier(0.25,0.1,0.25,1) infinite}@keyframes drawFocusJourney{0%{stroke-dashoffset:1188;opacity:0}3%{opacity:1}72%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}96%{opacity:0;stroke-dashoffset:0}100%{stroke-dashoffset:1188;opacity:0}}@keyframes travelFocusPhotons{0%{stroke-dashoffset:150;opacity:0}4%{opacity:1}72%{stroke-dashoffset:-1038;opacity:1}75%{opacity:0;stroke-dashoffset:-1038}100%{stroke-dashoffset:-1038;opacity:0}}.focus-node-circle{fill:#ffffff;stroke:#0070d2;stroke-width:2px;filter:drop-shadow(0 0 6px #38bdf8)}.focus-node-circle.fnode-0{animation:focusNodeFlash0 5s ease infinite}.focus-node-circle.fnode-1{animation:focusNodeFlash1 5s ease infinite}.focus-node-circle.fnode-2{animation:focusNodeFlash2 5s ease infinite}.focus-node-circle.fnode-3{animation:focusNodeFlash3 5s ease infinite}.focus-node-circle.fnode-4{animation:focusNodeFlash4 5s ease infinite}.focus-node-circle.fnode-5{animation:focusNodeFlash5 5s ease infinite}@keyframes focusNodeFlash0{0%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}2%,6%{r:7.5;filter:drop-shadow(0 0 16px #ffffff) drop-shadow(0 0 24px #38bdf8);fill:#ffffff}12%{r:4.5}}@keyframes focusNodeFlash1{0%,12%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}15%,19%{r:7.5;filter:drop-shadow(0 0 16px #ffffff) drop-shadow(0 0 24px #38bdf8);fill:#ffffff}24%{r:4.5}}@keyframes focusNodeFlash2{0%,28%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}31%,35%{r:7.5;filter:drop-shadow(0 0 16px #ffffff) drop-shadow(0 0 24px #38bdf8);fill:#ffffff}40%{r:4.5}}@keyframes focusNodeFlash3{0%,41%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}44%,48%{r:7.5;filter:drop-shadow(0 0 16px #ffffff) drop-shadow(0 0 24px #38bdf8);fill:#ffffff}53%{r:4.5}}@keyframes focusNodeFlash4{0%,55%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}58%,62%{r:7.5;filter:drop-shadow(0 0 16px #ffffff) drop-shadow(0 0 24px #38bdf8);fill:#ffffff}67%{r:4.5}}@keyframes focusNodeFlash5{0%,68%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}72%,78%{r:7.5;filter:drop-shadow(0 0 16px #ffffff) drop-shadow(0 0 24px #38bdf8);fill:#ffffff}85%{r:4.5}}.focus-beacon-pin{position:absolute;transform:translate(-50%,-50%);z-index:25;cursor:pointer;transition:opacity 0.35s ease,filter 0.35s ease,transform 0.35s cubic-bezier(0.16,1,0.3,1)}.focus-map-viewport:has(.focus-beacon-pin:hover) .focus-beacon-pin:not(:hover),.focus-map-viewport.is-focusing .focus-beacon-pin:not(.active):not(:hover){opacity:0.85;filter:none;transform:translate(-50%,-50%) scale(0.98)}.focus-map-viewport:has(.focus-beacon-pin:hover) .focus-beacon-pin:not(:hover) .focus-badge-name,.focus-map-viewport.is-focusing .focus-beacon-pin:not(.active):not(:hover) .focus-badge-name{color:#ffffff!important;opacity:0.95;text-shadow:0 1px 4px rgba(0,0,0,0.95)}.focus-map-viewport:has(.focus-beacon-pin:hover) .focus-beacon-pin:not(:hover) .focus-badge-btn,.focus-map-viewport.is-focusing .focus-beacon-pin:not(.active):not(:hover) .focus-badge-btn{background:rgba(15,23,42,0.48);border-color:rgba(255,255,255,0.45);box-shadow:0 4px 14px rgba(0,0,0,0.3)}.focus-beacon-pin:hover,.focus-beacon-pin.active{opacity:1!important;filter:none!important;z-index:65;transform:translate(-50%,-50%) scale(1.08)!important}.focus-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(56,189,248,0.7);pointer-events:none;opacity:0}.focus-beacon-pin[data-focus-space="0"] .focus-pulse-ring{animation:focusPulseFlash0 5s cubic-bezier(0.25,1,0.5,1) infinite}.focus-beacon-pin[data-focus-space="1"] .focus-pulse-ring{animation:focusPulseFlash1 5s cubic-bezier(0.25,1,0.5,1) infinite}.focus-beacon-pin[data-focus-space="2"] .focus-pulse-ring{animation:focusPulseFlash2 5s cubic-bezier(0.25,1,0.5,1) infinite}.focus-beacon-pin[data-focus-space="3"] .focus-pulse-ring{animation:focusPulseFlash3 5s cubic-bezier(0.25,1,0.5,1) infinite}.focus-beacon-pin[data-focus-space="4"] .focus-pulse-ring{animation:focusPulseFlash4 5s cubic-bezier(0.25,1,0.5,1) infinite}.focus-beacon-pin[data-focus-space="5"] .focus-pulse-ring{animation:focusPulseFlash5 5s cubic-bezier(0.25,1,0.5,1) infinite}@keyframes focusPulseFlash0{0%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}2%{transform:translate(-50%,-50%) scale(0.8);opacity:1}10%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes focusPulseFlash1{0%,14%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}16%{transform:translate(-50%,-50%) scale(0.8);opacity:1}24%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes focusPulseFlash2{0%,30%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}32%{transform:translate(-50%,-50%) scale(0.8);opacity:1}40%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes focusPulseFlash3{0%,43%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}45%{transform:translate(-50%,-50%) scale(0.8);opacity:1}53%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes focusPulseFlash4{0%,57%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}59%{transform:translate(-50%,-50%) scale(0.8);opacity:1}67%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes focusPulseFlash5{0%,70%,100%{transform:translate(-50%,-50%) scale(0.6);opacity:0}72%{transform:translate(-50%,-50%) scale(0.8);opacity:1}80%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.focus-badge-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 6px;background:rgba(15,23,42,0.32);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,0.70);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,0.24),inset 0 0 10px rgba(255,255,255,0.18);cursor:pointer;outline:none;transition:all 0.28s cubic-bezier(0.16,1,0.3,1);user-select:none}.focus-badge-num{font-family:"Outfit",sans-serif;font-size:0.68rem;font-weight:800;color:#38bdf8;background:rgba(0,112,210,0.35);border:1px solid rgba(56,189,248,0.5);border-radius:999px;padding:2px 7px;letter-spacing:0.04em}.focus-badge-icon{font-size:0.72rem;color:#ffffff;display:flex;align-items:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5))}.focus-badge-name{font-family:"Outfit",sans-serif;font-size:0.75rem;font-weight:700;color:#ffffff;letter-spacing:0.02em;text-shadow:0 1px 4px rgba(0,0,0,0.85)}.focus-beacon-pin:hover .focus-badge-btn,.focus-beacon-pin.active .focus-badge-btn{background:rgba(0,112,210,0.65);border-color:#38bdf8;box-shadow:0 0 24px rgba(56,189,248,0.85),inset 0 0 14px rgba(56,189,248,0.40);transform:scale(1.08)}.focus-beacon-pin:hover .focus-badge-num,.focus-beacon-pin.active .focus-badge-num{background:#ffffff;color:#0070d2;border-color:#ffffff}.focus-popup-card{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(18px) scale(0.88);width:280px;background:rgba(15,23,42,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(56,189,248,0.45);border-radius:16px;box-shadow:0 24px 50px rgba(0,0,0,0.55),0 0 32px rgba(0,112,210,0.28);padding:10px;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity 0.35s ease,transform 0.42s cubic-bezier(0.34,1.56,0.64,1),visibility 0.35s;z-index:60;text-decoration:none;color:#ffffff}.focus-popup-card::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(15,23,42,0.95);filter:drop-shadow(0 -2px 3px rgba(56,189,248,0.3));z-index:2}.focus-popup-card::after{content:"";position:absolute;top:-60%;left:-150%;width:100%;height:220%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,0.24) 50%,transparent 60%);transform:rotate(20deg);pointer-events:none;z-index:10;transition:transform 0.75s ease}.focus-beacon-pin:hover .focus-popup-card::after,.focus-beacon-pin.active .focus-popup-card::after{transform:rotate(20deg) translateX(300%)}.focus-beacon-pin.align-left .focus-popup-card{left:0;transform:translateX(-12%) translateY(18px) scale(0.88)}.focus-beacon-pin.align-left .focus-popup-card::before{left:calc(12% + 50px)}.focus-beacon-pin.align-right .focus-popup-card{left:auto;right:0;transform:translateX(12%) translateY(18px) scale(0.88)}.focus-beacon-pin.align-right .focus-popup-card::before{left:auto;right:calc(12% + 50px)}.focus-beacon-pin:hover .focus-popup-card,.focus-beacon-pin.active .focus-popup-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}.focus-beacon-pin.align-left:hover .focus-popup-card,.focus-beacon-pin.align-left.active .focus-popup-card{transform:translateX(-12%) translateY(0) scale(1)}.focus-beacon-pin.align-right:hover .focus-popup-card,.focus-beacon-pin.align-right.active .focus-popup-card{transform:translateX(12%) translateY(0) scale(1)}.focus-card-media{position:relative;width:100%;height:120px;border-radius:10px;overflow:hidden;background:#000}.focus-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.focus-beacon-pin:hover .focus-card-media img,.focus-beacon-pin.active .focus-card-media img{transform:scale(1.06)}.focus-card-body{padding:8px 4px 4px}.focus-card-cat{font-family:"Outfit",sans-serif;font-size:0.88rem;font-weight:700;color:#ffffff;letter-spacing:0.01em;margin-bottom:4px;display:flex;align-items:center;gap:6px;line-height:1.3}.focus-card-cat i{color:#38bdf8;font-size:0.80rem}.focus-card-desc{font-size:0.75rem;line-height:1.45;color:#cbd5e1;margin:0 0 10px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.focus-card-specs{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 10px 0}.spec-pill{display:inline-flex;align-items:center;gap:4px;background:rgba(0,112,210,0.20);border:1px solid rgba(56,189,248,0.35);color:#e0f2fe;font-family:"Outfit",sans-serif;font-size:0.62rem;font-weight:600;padding:2.5px 7px;border-radius:5px;letter-spacing:0.02em;white-space:nowrap}.spec-pill i{color:#38bdf8;font-size:0.58rem}.focus-card-action{display:flex;align-items:center;justify-content:flex-end}.focus-card-btn{display:inline-flex;align-items:center;gap:6px;background:#0070d2;color:#ffffff!important;font-family:"Outfit",sans-serif;font-size:0.72rem;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none;transition:all 0.22s ease;box-shadow:0 2px 8px rgba(0,112,210,0.4)}.focus-card-btn:hover{background:#005fb2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,112,210,0.6)}.focus-map-hint-pill{position:absolute;top:14px;right:14px;background:rgba(15,23,42,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e2e8f0;font-size:0.68rem;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.15);pointer-events:none;z-index:20}.focus-map-hint-pill i{color:#38bdf8;margin-right:5px}.apps-tour-map-container{display:none;width:100%;margin-top:1rem}.mode-map-tour .apps-tour-map-container{display:block}.mode-map-tour .apps-stage-track,.mode-map-tour .apps-category-tabs,.mode-map-tour .apps-glide-controls,.mode-map-tour .apps-map-container,.mode-map-tour .apps-map-all-container,.mode-map-tour .apps-district-map-container,.mode-map-tour .apps-curved-map-container,.mode-map-tour .apps-focus-map-container{display:none!important}.tour-control-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;max-width:1140px;margin:0 auto 12px auto;padding:10px 18px;background:rgba(15,23,42,0.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,0.28);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,0.2)}.tour-control-actions{display:flex;align-items:center;gap:14px}.tour-play-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0070d2,#0284c7);color:#ffffff;font-family:"Outfit",sans-serif;font-size:0.82rem;font-weight:700;padding:7px 16px;border-radius:8px;border:1px solid rgba(255,255,255,0.2);cursor:pointer;box-shadow:0 4px 14px rgba(0,112,210,0.45);transition:all 0.22s ease}.tour-play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,112,210,0.65);filter:brightness(1.1)}.tour-status-text{display:inline-flex;align-items:center;gap:8px;font-family:"Outfit",sans-serif;font-size:0.78rem;color:#cbd5e1}.tour-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:tourDotPulse 2s ease infinite}@keyframes tourDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.85)}}.tour-steps-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tour-step-pill{font-family:"Outfit",sans-serif;font-size:0.72rem;font-weight:700;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,0.08);color:#cbd5e1;border:1px solid rgba(255,255,255,0.15);cursor:pointer;transition:all 0.22s ease}.tour-step-pill:hover{background:rgba(56,189,248,0.22);color:#ffffff;border-color:rgba(56,189,248,0.45)}.tour-step-pill.active{background:#0070d2;color:#ffffff;border-color:#38bdf8;box-shadow:0 0 14px rgba(56,189,248,0.6)}.tour-map-viewport{position:relative;width:100%;max-width:1140px;margin:0 auto;aspect-ratio:2.30 / 1;min-height:490px;border-radius:20px;box-shadow:0 16px 48px rgba(15,23,42,0.12);border:1px solid rgba(15,23,42,0.12);background:#0f172a;overflow:visible}.tour-map-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px;user-select:none;transition:filter 0.4s ease}.tour-map-viewport.is-touring .tour-map-img{filter:brightness(0.78) saturate(0.9)}.tour-progress-bar-wrap{position:absolute;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,0.12);z-index:35;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden}.tour-progress-bar-fill{height:100%;width:16.66%;background:linear-gradient(90deg,#0070d2,#38bdf8,#00d2ff);box-shadow:0 0 10px #38bdf8;transition:width 0.5s cubic-bezier(0.16,1,0.3,1)}.tour-journey-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;border-radius:20px}.tour-track-base{fill:none;stroke:rgba(255,255,255,0.22);stroke-width:1px;stroke-dasharray:4 4}.tour-path-line{fill:none;stroke:url(#tourJourneyGradient);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1188;stroke-dashoffset:1188;filter:drop-shadow(0 0 5px rgba(56,189,248,0.8));animation:drawTourJourney 5.5s cubic-bezier(0.25,0.1,0.25,1) infinite}.tour-path-photons{fill:none;stroke:#ffffff;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:80 1200;filter:drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 12px #38bdf8);animation:travelTourPhotons 5.5s cubic-bezier(0.25,0.1,0.25,1) infinite}@keyframes drawTourJourney{0%{stroke-dashoffset:1188;opacity:0}3%{opacity:1}72%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}96%{opacity:0;stroke-dashoffset:0}100%{stroke-dashoffset:1188;opacity:0}}@keyframes travelTourPhotons{0%{stroke-dashoffset:80;opacity:0}4%{opacity:1}72%{stroke-dashoffset:-1108;opacity:1}75%{opacity:0;stroke-dashoffset:-1108}100%{stroke-dashoffset:-1108;opacity:0}}.tour-node-circle{fill:#ffffff;stroke:#0070d2;stroke-width:2px;filter:drop-shadow(0 0 6px #38bdf8)}.tour-node-circle.tnode-0{animation:tourNodeFlash0 5.5s ease infinite}.tour-node-circle.tnode-1{animation:tourNodeFlash1 5.5s ease infinite}.tour-node-circle.tnode-2{animation:tourNodeFlash2 5.5s ease infinite}.tour-node-circle.tnode-3{animation:tourNodeFlash3 5.5s ease infinite}.tour-node-circle.tnode-4{animation:tourNodeFlash4 5.5s ease infinite}.tour-node-circle.tnode-5{animation:tourNodeFlash5 5.5s ease infinite}@keyframes tourNodeFlash0{0%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}2%,6%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}12%{r:4.5}}@keyframes tourNodeFlash1{0%,12%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}15%,19%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}24%{r:4.5}}@keyframes tourNodeFlash2{0%,28%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}31%,35%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}40%{r:4.5}}@keyframes tourNodeFlash3{0%,41%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}44%,48%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}53%{r:4.5}}@keyframes tourNodeFlash4{0%,55%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}58%,62%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}67%{r:4.5}}@keyframes tourNodeFlash5{0%,68%,100%{r:4.5;filter:drop-shadow(0 0 6px #38bdf8)}72%,78%{r:7;filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 20px #38bdf8);fill:#ffffff}85%{r:4.5}}.tour-beacon-pin{position:absolute;transform:translate(-50%,-50%);z-index:25;cursor:pointer;transition:opacity 0.35s ease,filter 0.35s ease,transform 0.35s cubic-bezier(0.16,1,0.3,1)}.tour-map-viewport.is-touring .tour-beacon-pin:not(.active):not(:hover){opacity:0.85;filter:none;transform:translate(-50%,-50%) scale(0.98)}.tour-map-viewport.is-touring .tour-beacon-pin:not(.active):not(:hover) .tour-badge-name{color:#ffffff!important;opacity:0.95;text-shadow:0 1px 4px rgba(0,0,0,0.95)}.tour-map-viewport.is-touring .tour-beacon-pin:not(.active):not(:hover) .tour-badge-btn{background:rgba(15,23,42,0.48);border-color:rgba(255,255,255,0.45);box-shadow:0 4px 14px rgba(0,0,0,0.3)}.tour-beacon-pin:hover,.tour-beacon-pin.active{opacity:1!important;filter:none!important;z-index:65;transform:translate(-50%,-50%) scale(1.08)!important}.tour-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(56,189,248,0.7);pointer-events:none;opacity:0}.tour-beacon-pin.active .tour-pulse-ring{animation:tourActiveRingPulse 1.8s cubic-bezier(0.25,1,0.5,1) infinite}@keyframes tourActiveRingPulse{0%{transform:translate(-50%,-50%) scale(0.7);opacity:1}100%{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.tour-badge-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 6px;background:rgba(15,23,42,0.30);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,0.65);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,0.22),inset 0 0 10px rgba(255,255,255,0.16);cursor:pointer;outline:none;transition:all 0.28s cubic-bezier(0.16,1,0.3,1);user-select:none}.tour-badge-num{font-family:"Outfit",sans-serif;font-size:0.68rem;font-weight:800;color:#38bdf8;background:rgba(0,112,210,0.35);border:1px solid rgba(56,189,248,0.5);border-radius:999px;padding:2px 7px;letter-spacing:0.04em}.tour-badge-icon{font-size:0.72rem;color:#ffffff;display:flex;align-items:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5))}.tour-badge-name{font-family:"Outfit",sans-serif;font-size:0.75rem;font-weight:700;color:#ffffff;letter-spacing:0.02em;text-shadow:0 1px 4px rgba(0,0,0,0.85)}.tour-beacon-pin:hover .tour-badge-btn,.tour-beacon-pin.active .tour-badge-btn{background:rgba(0,112,210,0.65);border-color:#38bdf8;box-shadow:0 0 24px rgba(56,189,248,0.85),inset 0 0 14px rgba(56,189,248,0.40);transform:scale(1.08)}.tour-beacon-pin:hover .tour-badge-num,.tour-beacon-pin.active .tour-badge-num{background:#ffffff;color:#0070d2;border-color:#ffffff}.tour-popup-card{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(16px) scale(0.90);width:280px;background:rgba(15,23,42,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(56,189,248,0.45);border-radius:16px;box-shadow:0 24px 50px rgba(0,0,0,0.55),0 0 32px rgba(0,112,210,0.28);padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.35s ease,transform 0.40s cubic-bezier(0.16,1,0.3,1),visibility 0.35s;z-index:60;text-decoration:none;color:#ffffff}.tour-popup-card::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(15,23,42,0.95);filter:drop-shadow(0 -2px 3px rgba(56,189,248,0.3))}.tour-popup-card::after{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px}.tour-beacon-pin.align-left .tour-popup-card{left:0;transform:translateX(-12%) translateY(16px) scale(0.90)}.tour-beacon-pin.align-left .tour-popup-card::before{left:calc(12% + 50px)}.tour-beacon-pin.align-right .tour-popup-card{left:auto;right:0;transform:translateX(12%) translateY(16px) scale(0.90)}.tour-beacon-pin.align-right .tour-popup-card::before{left:auto;right:calc(12% + 50px)}.tour-beacon-pin:hover .tour-popup-card,.tour-beacon-pin.active .tour-popup-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}.tour-beacon-pin.align-left:hover .tour-popup-card,.tour-beacon-pin.align-left.active .tour-popup-card{transform:translateX(-12%) translateY(0) scale(1)}.tour-beacon-pin.align-right:hover .tour-popup-card,.tour-beacon-pin.align-right.active .tour-popup-card{transform:translateX(12%) translateY(0) scale(1)}.tour-card-media{position:relative;width:100%;height:120px;border-radius:10px;overflow:hidden;background:#000}.tour-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.tour-beacon-pin:hover .tour-card-media img,.tour-beacon-pin.active .tour-card-media img{transform:scale(1.06)}.tour-card-body{padding:8px 4px 4px}.tour-card-cat{font-family:"Outfit",sans-serif;font-size:0.88rem;font-weight:700;color:#ffffff;letter-spacing:0.01em;margin-bottom:4px;display:flex;align-items:center;gap:6px;line-height:1.3}.tour-card-cat i{color:#38bdf8;font-size:0.80rem}.tour-card-desc{font-size:0.75rem;line-height:1.45;color:#cbd5e1;margin:0 0 10px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tour-card-specs{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 10px 0}.tour-card-action{display:flex;align-items:center;justify-content:flex-end}.tour-card-btn{display:inline-flex;align-items:center;gap:6px;background:#0070d2;color:#ffffff!important;font-family:"Outfit",sans-serif;font-size:0.72rem;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none;transition:all 0.22s ease;box-shadow:0 2px 8px rgba(0,112,210,0.4)}.tour-card-btn:hover{background:#005fb2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,112,210,0.6)}@media(max-width:768px){.focus-map-viewport,.tour-map-viewport{aspect-ratio:auto;min-height:480px;height:480px}.focus-popup-card,.tour-popup-card{width:250px;padding:8px}.focus-card-media,.tour-card-media{height:95px}.focus-card-desc,.tour-card-desc{font-size:0.68rem;-webkit-line-clamp:2}.focus-badge-btn,.tour-badge-btn{padding:3px 8px 3px 5px;gap:4px}.focus-badge-name,.tour-badge-name{font-size:0.68rem}.tour-control-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.tour-steps-row{justify-content:center}}.pixa-process-grid .proc-card-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:650!important;letter-spacing:-0.012em!important}.indoor-process-section{position:relative;background:#ffffff}.process-eyebrow-pill{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(0,112,210,0.08);color:#0070d2;font-family:"Outfit",sans-serif;font-size:0.8rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;padding:0.4rem 1rem;border-radius:50px}.pixa-process-wrapper{position:relative;max-width:1260px;margin:0 auto}.pixa-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.6rem;align-items:stretch;padding-bottom:80px}.pixa-process-card.step-1{--v-offset: 0px}.pixa-process-card.step-2{--v-offset: 36px}.pixa-process-card.step-3{--v-offset: 72px}.pixa-process-card.step-4{--v-offset: 36px}.pixa-process-card.step-5{--v-offset: 0px}.pixa-process-card{position:relative;background:#ffffff;border:1.5px solid #e2e8f0;border-radius:20px;padding:1.15rem;box-shadow:0 6px 20px rgba(15,23,42,0.04);display:flex;flex-direction:column;height:100%;transform:translateY(var(--v-offset, 0px));transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),border-color 0.35s ease,box-shadow 0.35s ease;cursor:default;z-index:2}.pixa-process-card:hover{transform:translateY(calc(var(--v-offset, 0px) - 6px));border-color:#0070d2;box-shadow:0 18px 40px rgba(0,112,210,0.12),0 0 0 1px #0070d2}.pixa-continuous-track{position:absolute;top:0;left:-35px;width:calc(100% + 70px);height:260px;pointer-events:none;z-index:1}.pixa-continuous-track .track-core{transition:stroke 0.35s ease,filter 0.35s ease}.pixa-process-wrapper:hover .pixa-continuous-track .track-core{stroke:#0070d2;filter:drop-shadow(0 0 6px rgba(0,112,210,0.45))}.proc-card-media{position:relative;width:100%;height:160px;min-height:160px;max-height:160px;flex:0 0 160px;border-radius:14px;overflow:hidden;margin-bottom:1.25rem;background:#0f172a;border:1px solid rgba(0,0,0,0.04)}.proc-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.pixa-process-card:hover .proc-card-media img{transform:scale(1.06)}.proc-card-badge{position:absolute;top:10px;left:10px;background:rgba(15,23,42,0.85);backdrop-filter:blur(8px);color:#ffffff;font-family:"Outfit",sans-serif;font-size:0.78rem;font-weight:800;letter-spacing:0.04em;padding:3px 9px;border-radius:6px;border:1px solid rgba(255,255,255,0.18);box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:background 0.3s ease,border-color 0.3s ease}.pixa-process-card:hover .proc-card-badge{background:#0070d2;border-color:#0070d2}.proc-card-body{display:flex;flex-direction:column;flex-grow:1;text-align:left}.proc-card-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.05rem;font-weight:650;color:#0f172a;line-height:1.35;letter-spacing:-0.012em;min-height:48px;display:flex;align-items:flex-start;margin:0 0 0.65rem;transition:color 0.3s ease}.pixa-process-card:hover .proc-card-title{color:#0070d2}.proc-card-desc{font-size:0.86rem;color:#64748b;line-height:1.6;margin:0;flex-grow:1}@media(max-width:1200px){.pixa-process-grid{gap:1rem;padding-bottom:60px}.pixa-process-card{padding:1rem}.proc-card-title{font-size:1.02rem;min-height:52px}.proc-card-desc{font-size:0.83rem}}@media(max-width:991px){.pixa-continuous-track{display:none}.pixa-process-card{--v-offset: 0px !important;transform:none!important}.pixa-process-card:hover{transform:translateY(-4px)!important}.pixa-process-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0.5rem 0.25rem 1.5rem;gap:1.25rem;scrollbar-width:none}.pixa-process-grid::-webkit-scrollbar{display:none}.pixa-process-card{flex:0 0 280px;scroll-snap-align:center}}@media(max-width:640px){.indoor-process-section{padding:60px 0 70px}.pixa-process-card{flex:0 0 260px}.proc-card-media{height:145px;min-height:145px;max-height:145px;flex:0 0 145px}}.fast-quote-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-dji-blue, #0070d2);background:rgba(0,112,210,0.08);border:1px solid rgba(0,112,210,0.2);padding:3px 11px;border-radius:999px;margin-bottom:0.45rem}.form-anti-spam-shield{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.form-group{margin-bottom:0.9rem;text-align:left}.form-group label{display:block;font-size:0.82rem;font-weight:600;color:#1e293b;margin-bottom:0.35rem}.form-group label .req{color:#ef4444;margin-left:2px}.form-control{width:100%;display:block;box-sizing:border-box;padding:0.68rem 0.95rem;font-size:0.9rem;color:#0f172a;background:#ffffff;border:1px solid #cbd5e1;border-radius:9px;transition:all 0.2s ease;font-family:inherit;line-height:1.35}.form-control:focus{outline:none;border-color:#0070d2;box-shadow:0 0 0 3px rgba(0,112,210,0.15);background:#ffffff}.form-control::placeholder{color:#94a3b8;font-size:0.88rem}textarea.form-control{resize:vertical;min-height:68px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}.pill-selector-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.05rem}.pill-radio-btn{padding:8px 6px;border-radius:9px;border:1px solid #cbd5e1;background:#ffffff;color:#475569;font-size:0.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease;user-select:none;text-align:center;white-space:nowrap}.pill-radio-btn:hover{border-color:#94a3b8;color:#0f172a;background:#f8fafc}.pill-radio-btn.active{background:rgba(0,112,210,0.08);border-color:#0070d2;color:#0070d2;font-weight:700}.pill-radio-btn i{font-size:0.82rem}.city-autocomplete-wrapper{position:relative}.city-input-rel{position:relative;width:100%}.city-autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 28px -4px rgba(15,23,42,0.16);max-height:220px;overflow-y:auto;z-index:2100;display:none;padding:5px}.city-autocomplete-item{padding:7px 11px;font-size:0.88rem;color:#1e293b;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:7px;transition:all 0.15s ease}.city-autocomplete-item:hover,.city-autocomplete-item.active-item{background:#eff6ff;color:#0070d2}.city-autocomplete-item .city-name{display:flex;align-items:center;gap:7px;font-weight:500}.city-autocomplete-item .city-name i{color:#0070d2;font-size:0.8rem}.city-autocomplete-item .city-badge{font-size:0.68rem;font-weight:600;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#64748b}.city-autocomplete-item:hover .city-badge,.city-autocomplete-item.active-item .city-badge{background:#dbeafe;color:#0070d2}.city-input-hint{display:block;font-size:0.72rem;color:#64748b;margin-top:3px}form .form-privacy-note{margin:0.75rem 0 0;color:#617083;font-size:0.75rem;font-weight:400;line-height:1.5;text-align:center}#contact-inquiry .form-privacy-note{text-align:left}.form-trust-strip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;margin-top:1rem;padding-top:0.85rem;border-top:1px solid #e2e8f0;font-size:0.78rem;color:#64748b;text-align:center}.form-trust-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1.4;max-width:100%;flex-wrap:wrap}@media(min-width:641px){.form-trust-strip{flex-direction:row;gap:1.25rem}}@media(max-width:640px){.modal-overlay{padding:0.5rem}.modal-content{padding:1.35rem 1rem;border-radius:16px;max-height:96vh;width:100%}.modal-content h2{font-size:1.28rem!important;line-height:1.25!important}.modal-close{top:0.75rem;right:0.75rem;width:28px;height:28px;font-size:1rem}.pill-selector-row{grid-template-columns:1fr;gap:6px}.pill-radio-btn{padding:9px 12px;font-size:0.82rem}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:0.75rem}}.trans-products-section{padding:85px 0 95px;background:#ffffff}.trans-family-wrap{margin-bottom:4rem}.trans-family-wrap:last-child{margin-bottom:0}.trans-family-header{margin-bottom:2rem}.trans-family-header h3{font-family:"Outfit",sans-serif;font-size:1.65rem;font-weight:700;color:#0f172a;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.65rem;flex-wrap:wrap}.trans-family-header p{color:#64748b;font-size:0.98rem;line-height:1.6;max-width:720px}.trans-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.trans-products-grid.grid-2{grid-template-columns:repeat(2,1fr)}.trans-product-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;position:relative}.trans-product-card:hover{transform:translateY(-4px);border-color:rgba(0,112,210,0.4);box-shadow:0 16px 32px -4px rgba(0,112,210,0.08),0 4px 12px rgba(15,23,42,0.03)}.trans-card-img-wrap{width:100%;height:230px;background:#f8fafc;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;overflow:hidden;border:1px solid #f1f5f9}.trans-card-img-wrap.is-cover{padding:0;background:#0f172a}.trans-card-img-wrap.is-cover .trans-card-img{width:100%;height:100%;max-height:100%;max-width:100%;object-fit:cover;display:block}.trans-card-img-wrap.is-contain{padding:1.25rem;background:#f8fafc}.trans-card-img-wrap.is-contain .trans-card-img{max-height:100%;max-width:100%;object-fit:contain}.trans-card-img{max-height:100%;max-width:100%;object-fit:contain;transition:transform 0.35s ease}.trans-product-card:hover .trans-card-img{transform:scale(1.04)}.trans-card-badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,112,210,0.25);color:var(--accent-dji-blue);font-size:0.75rem;font-weight:700;padding:0.3rem 0.65rem;border-radius:9999px;letter-spacing:0.03em;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.trans-card-body{display:flex;flex-direction:column;flex-grow:1;padding-top:1.25rem}.trans-card-model-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.35rem}.trans-card-title{font-family:"Outfit",sans-serif;font-size:1.35rem;font-weight:800;color:#0f172a;margin:0}.trans-card-pitch{font-family:"Outfit",sans-serif;font-size:0.85rem;font-weight:700;color:#0284c7;background:rgba(2,132,199,0.08);padding:0.25rem 0.6rem;border-radius:6px}.trans-card-tagline{font-size:0.88rem;color:#64748b;line-height:1.5;margin-bottom:1.25rem;min-height:2.6em}.trans-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;background:#f8fafc;border-radius:12px;padding:0.9rem;margin-bottom:1.25rem;border:1px solid #f1f5f9}.trans-spec-item{display:flex;flex-direction:column}.trans-spec-label{font-size:0.72rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:2px}.trans-spec-val{font-family:"Outfit",sans-serif;font-size:0.92rem;font-weight:700;color:#0f172a}.trans-card-action{margin-top:auto}.trans-card-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.75rem 1rem;background:#f1f5f9;color:#0f172a;font-weight:600;font-size:0.9rem;border-radius:10px;border:1px solid #e2e8f0;transition:all 0.2s ease;text-decoration:none}.trans-product-card:hover .trans-card-btn{background:var(--accent-dji-blue);color:#ffffff;border-color:var(--accent-dji-blue);box-shadow:0 4px 14px rgba(0,112,210,0.25)}@media(max-width:991px){.trans-products-grid,.trans-products-grid.grid-2{grid-template-columns:1fr;max-width:540px;margin:0 auto}}.trans-state-btn{border-radius:9999px;padding:0.65rem 1.5rem;font-weight:700;font-size:0.9rem;transition:all 0.2s ease;cursor:pointer;background:#ffffff;border:1px solid #cbd5e1;color:#475569}.trans-state-btn:hover{border-color:var(--accent-dji-blue, #0070d2);color:var(--accent-dji-blue, #0070d2)}.trans-state-btn.active{background:var(--accent-dji-blue, #0070d2)!important;border-color:var(--accent-dji-blue, #0070d2)!important;color:#ffffff!important;box-shadow:0 4px 14px rgba(0,112,210,0.28)}.trans-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:992px){.trans-why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.trans-why-grid{grid-template-columns:1fr}}.trans-holo-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:3.5rem;align-items:center}@media(max-width:992px){.trans-holo-grid{grid-template-columns:1fr;gap:2.25rem}}.trans-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1024px){.trans-steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.trans-steps-grid{grid-template-columns:1fr}}.specs-matrix-wrapper{max-width:100%;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.transparent-hero-section .outdoor-deploy-tabs{grid-template-columns:repeat(2,1fr)}.transparent-hero-section .outdoor-deploy-tabs .deploy-tab:last-child{grid-column:span 2}}.trans-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:1100px){.trans-grid-4{grid-template-columns:repeat(2,1fr);gap:1.15rem}}@media(max-width:640px){.trans-grid-4{grid-template-columns:1fr;gap:1rem}}.trans-prod-card-compact{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:1.15rem;display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;position:relative;box-shadow:0 4px 16px rgba(15,23,42,0.04)}.trans-prod-card-compact:hover{transform:translateY(-4px);border-color:rgba(0,112,210,0.4);box-shadow:0 16px 32px -4px rgba(0,112,210,0.1),0 4px 12px rgba(15,23,42,0.03)}.trans-prod-thumb-wrap{width:100%;height:140px;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0.75rem;position:relative;overflow:hidden;border:1px solid #f1f5f9}.trans-prod-thumb-wrap.is-cover{padding:0;background:#0f172a}.trans-prod-thumb-wrap.is-cover img{width:100%;height:100%;object-fit:cover;display:block}.trans-prod-thumb-wrap.is-contain img{max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.35s ease}.trans-prod-card-compact:hover .trans-prod-thumb-wrap img{transform:scale(1.04)}.trans-prod-badge{position:absolute;top:8px;right:8px;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent-dji-blue, #0070d2);border:1px solid rgba(0,112,210,0.25);font-size:0.7rem;font-weight:700;padding:0.2rem 0.5rem;border-radius:9999px;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,0.05)}.trans-prod-model-row{display:flex;align-items:center;justify-content:space-between;margin:0.85rem 0 0.35rem}.trans-prod-title{font-family:"Outfit",sans-serif;font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.trans-prod-pitch{font-family:"Outfit",sans-serif;font-size:0.78rem;font-weight:700;color:#0284c7;background:rgba(2,132,199,0.08);padding:0.2rem 0.5rem;border-radius:6px}.trans-prod-desc{font-size:0.82rem;color:#64748b;line-height:1.45;margin-bottom:0.85rem;min-height:2.9em}.trans-prod-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.45rem;background:#f8fafc;border-radius:10px;padding:0.65rem 0.75rem;margin-bottom:0.95rem;border:1px solid #f1f5f9}.trans-prod-spec-item{display:flex;flex-direction:column}.trans-prod-spec-label{font-size:0.65rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.04em}.trans-prod-spec-val{font-family:"Outfit",sans-serif;font-size:0.82rem;font-weight:700;color:#0f172a}.trans-prod-cta-btn{display:flex;align-items:center;justify-content:center;gap:0.4rem;width:100%;padding:0.55rem 0.8rem;background:#f1f5f9;color:#0f172a;font-weight:600;font-size:0.82rem;border-radius:8px;border:1px solid #e2e8f0;text-decoration:none;transition:all 0.2s ease;margin-top:auto}.trans-prod-card-compact:hover .trans-prod-cta-btn{background:var(--accent-dji-blue, #0070d2);color:#ffffff;border-color:var(--accent-dji-blue, #0070d2);box-shadow:0 4px 12px rgba(0,112,210,0.25)}.trans-app-card-compact{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,0.04);display:flex;flex-direction:column;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.trans-app-card-compact:hover{transform:translateY(-4px);border-color:rgba(0,112,210,0.4);box-shadow:0 16px 32px -4px rgba(0,112,210,0.1),0 4px 12px rgba(15,23,42,0.03)}.trans-app-thumb-wrap{width:100%;height:140px;position:relative;overflow:hidden;background:#0f172a}.trans-app-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.trans-app-card-compact:hover .trans-app-thumb-wrap img{transform:scale(1.05)}.trans-app-badge{position:absolute;top:8px;left:8px;background:rgba(15,23,42,0.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ffffff;font-size:0.7rem;font-weight:700;padding:0.25rem 0.6rem;border-radius:9999px;border:1px solid rgba(255,255,255,0.2);z-index:2}.trans-app-body{padding:1.15rem;display:flex;flex-direction:column;flex:1}.trans-app-title{font-family:"Outfit",sans-serif;font-size:1.12rem;font-weight:700;color:#0f172a;margin:0 0 0.35rem 0}.trans-app-desc{font-size:0.82rem;color:#64748b;line-height:1.45;margin-bottom:0.85rem;min-height:2.9em}.trans-app-features{list-style:none;padding:0.75rem 0 0;margin:0 0 0.85rem 0;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:0.35rem}.trans-app-features li{font-size:0.78rem;color:#475569;display:flex;align-items:center;gap:0.45rem}.trans-app-features li i{color:#10b981;font-size:0.72rem;flex-shrink:0}.trans-app-link{font-size:0.82rem;font-weight:700;color:var(--accent-dji-blue, #0070d2);text-decoration:none;display:inline-flex;align-items:center;gap:0.35rem;margin-top:auto;transition:gap 0.2s ease}.trans-app-link:hover{gap:0.55rem;color:#0284c7}.trans-permitting-banner{background:#ffffff;border:1px solid #e2e8f0;border-left:5px solid var(--accent-dji-blue, #0070d2);border-radius:18px;padding:1.75rem 2rem;box-shadow:0 4px 20px rgba(15,23,42,0.04)}.trans-permitting-grid{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:flex-start}.trans-permitting-icon{width:52px;height:52px;border-radius:14px;background:rgba(0,112,210,0.08);color:var(--accent-dji-blue, #0070d2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}@media(max-width:640px){.trans-permitting-grid{grid-template-columns:1fr;gap:1rem}}.trans-compare-section{padding:30px 0 35px;background:#ffffff;position:relative}.trans-compare-container{max-width:1040px;margin:0 auto}.trans-compare-table-wrapper{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px -6px rgba(15,23,42,0.05)}.trans-compare-table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-width:820px}.trans-compare-table th{padding:0.75rem 1.1rem;vertical-align:middle;border-bottom:1px solid #e2e8f0}.trans-compare-table td{padding:0.48rem 1.1rem;vertical-align:middle;border-bottom:1px solid #f1f5f9}.trans-compare-table tr:last-child td{border-bottom:none}.trans-compare-table th.col-feature{width:35%;text-align:left;padding-left:1.5rem;background:#ffffff}.benchmark-feature-label{font-size:0.76rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#64748b}.trans-compare-table th.col-static,.trans-compare-table th.col-tv{width:21%;text-align:center;background:#ffffff}.benchmark-col-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:0.1rem;line-height:1.2}.benchmark-col-sub{font-size:0.74rem;color:#64748b;font-weight:500;line-height:1.25}.trans-compare-table th.col-transparent{width:23%;text-align:center;background:#f0f8ff;border-top-left-radius:14px;border-top-right-radius:14px;border-bottom:1px solid #e0f0fe;padding-top:0.85rem;padding-bottom:0.75rem}.benchmark-eye-pill{display:inline-block;background:#0284c7;color:#ffffff;font-size:0.7rem;font-weight:700;padding:2px 10px;border-radius:999px;margin-top:0.3rem;box-shadow:0 2px 5px rgba(2,132,199,0.22);letter-spacing:0.01em}.trans-compare-table td.col-transparent{background:#f0f7ff;text-align:center;border-bottom:1px solid #e0f0fe}.trans-compare-table tr:last-child td.col-transparent{border-bottom-left-radius:14px;border-bottom-right-radius:14px;border-bottom:none}.trans-compare-table td.col-feature{padding-left:1.5rem;background:#ffffff}.trans-compare-table .feature-cell-content{display:flex;align-items:center;gap:0.85rem}.trans-compare-table .feature-icon-bubble{width:32px;height:32px;min-width:32px;border-radius:50%;background:#f0f7ff;color:#0284c7;display:flex;align-items:center;justify-content:center;font-size:0.85rem;box-shadow:0 1px 4px rgba(2,132,199,0.08)}.trans-compare-table .feature-name{font-size:0.9rem;font-weight:700;color:#0f172a;line-height:1.25}.trans-compare-table .feature-hint{font-size:0.72rem;color:#64748b;line-height:1.25;margin-top:1px}.trans-compare-table td.col-static,.trans-compare-table td.col-tv{text-align:center;background:#ffffff}.val-muted{color:#475569;font-size:0.86rem;font-weight:500}.val-check{display:inline-flex;align-items:center;gap:5px;color:#0284c7;font-size:0.86rem;font-weight:600}.val-check i{font-size:0.8rem}.val-highlight{color:#0284c7;font-size:0.94rem;font-weight:700}.val-highlight-check{display:inline-flex;align-items:center;gap:5px;color:#0284c7;font-size:0.94rem;font-weight:700}.val-highlight-check i{font-size:0.85rem}.compare-badge-cross{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#f87171;color:#ffffff;font-size:0.74rem;box-shadow:0 2px 6px rgba(248,113,113,0.3)}.compare-val-neutral{font-weight:500;color:#475569;font-size:0.86rem}.compare-val-dim{font-weight:600;color:#64748b;font-size:0.86rem}.compare-val-warning{color:#e11d48;font-weight:600;font-size:0.84rem}.compare-val-na{color:#94a3b8;font-size:1rem}.compare-badge-winner-text{display:inline-flex;align-items:center;gap:0.3rem;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);color:#ffffff;font-family:"Outfit",sans-serif;font-size:0.8rem;font-weight:800;padding:0.22rem 0.65rem;border-radius:var(--radius-full);box-shadow:0 2px 7px rgba(2,132,199,0.25);letter-spacing:0.01em}.compare-val-bright{color:#0284c7;font-family:"Outfit",sans-serif;font-weight:800;font-size:0.95rem;display:inline-flex;align-items:center;gap:0.35rem}.trans-compare-takeaway{margin-top:1.5rem;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem 1.6rem;box-shadow:0 3px 12px rgba(15,23,42,0.03)}.takeaway-badge-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.1rem}.takeaway-pill{background:#ffffff;padding:0.6rem 0.85rem;border-radius:10px;border:1px solid #e2e8f0;font-size:0.8rem;color:#334155;display:flex;align-items:center;gap:0.55rem;line-height:1.35;box-shadow:0 2px 5px rgba(15,23,42,0.02)}.takeaway-pill i{font-size:0.95rem;flex-shrink:0}.takeaway-cta-wrap{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.takeaway-cta-text{flex:1}.takeaway-cta-text h4{font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:800;color:#0f172a;margin:0 0 0.15rem 0;letter-spacing:-0.01em}.takeaway-cta-text p{font-size:0.82rem;color:#64748b;margin:0;line-height:1.45}.trans-compare-takeaway .btn-primary{background:var(--accent-dji-blue, #0070d2);color:#ffffff;border:none;font-weight:700;font-size:0.88rem;padding:0.7rem 1.45rem;border-radius:var(--radius-full, 9999px);box-shadow:0 3px 12px rgba(0,112,210,0.3);white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:0.45rem;transition:all 0.25s ease;text-decoration:none}.trans-compare-takeaway .btn-primary:hover{background:#005bb5;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,112,210,0.4);color:#ffffff}@media(max-width:991px){.trans-compare-section{padding:55px 0 60px}.trans-compare-table th.col-feature,.trans-compare-table td.col-feature{position:sticky;left:0;z-index:5;box-shadow:4px 0 12px rgba(15,23,42,0.06)}.trans-compare-table th.col-feature{z-index:6}.takeaway-badge-strip{grid-template-columns:1fr;gap:0.55rem}.takeaway-cta-wrap{flex-direction:column;align-items:stretch;text-align:center;gap:1.1rem}.takeaway-cta-wrap .btn-primary{width:100%;justify-content:center}}.trans-showcase-section{padding:80px 0 100px;background:#ffffff;position:relative}.trans-cat-nav-wrapper{display:flex;justify-content:center;margin-bottom:2.25rem}.trans-cat-nav-pills{display:inline-flex;align-items:center;background:#f1f5f9;padding:6px;border-radius:9999px;border:1px solid #e2e8f0;gap:6px;box-shadow:inset 0 2px 4px rgba(15,23,42,0.04);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.trans-cat-nav-btn{display:inline-flex;align-items:center;gap:0.65rem;padding:0.75rem 1.4rem;border-radius:9999px;border:none;background:transparent;color:#64748b;font-family:"Outfit",sans-serif;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);white-space:nowrap}.trans-cat-nav-btn i{font-size:1rem;color:#94a3b8;transition:color 0.25s ease}.trans-cat-nav-btn .cat-count-badge{font-size:0.72rem;font-weight:700;padding:2px 7px;border-radius:9999px;background:rgba(148,163,184,0.2);color:#64748b;letter-spacing:0.02em}.trans-cat-nav-btn:hover{color:#0f172a}.trans-cat-nav-btn:hover i{color:#0284c7}.trans-cat-nav-btn.active{background:#ffffff;color:#0f172a;box-shadow:0 4px 14px rgba(15,23,42,0.08),0 1px 3px rgba(15,23,42,0.05)}.trans-cat-nav-btn.active i{color:#0284c7}.trans-cat-nav-btn.active .cat-count-badge{background:rgba(2,132,199,0.12);color:#0284c7}.trans-studio-canvas{background:#0b1120;border-radius:24px;border:1px solid #1e293b;box-shadow:0 24px 48px -12px rgba(15,23,42,0.22),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden;margin-bottom:2rem;position:relative}.trans-stage-viewport{position:relative;width:100%;height:540px;background:#020617;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width:992px){.trans-stage-viewport{height:420px}}@media(max-width:640px){.trans-stage-viewport{height:290px}}.trans-stage-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity 0.35s ease,transform 0.4s ease;user-select:none}.trans-stage-img.is-contain-fit{object-fit:contain;background:#090d16;padding:2rem}.trans-stage-img.fade-out{opacity:0;transform:scale(0.985)}.trans-stage-topbar{position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:10}.trans-stage-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:0.65rem;background:rgba(15,23,42,0.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.18);border-radius:9999px;padding:0.45rem 1rem;color:#ffffff;font-family:"Outfit",sans-serif;font-size:0.85rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,0.3)}.trans-stage-pill .live-indicator{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8;animation:stagePulse 2s infinite}@keyframes stagePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(0.85)}}.trans-stage-nav-controls{pointer-events:auto;display:inline-flex;align-items:center;gap:0.5rem}.trans-stage-ctrl-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,0.18);background:rgba(15,23,42,0.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(0,0,0,0.25)}.trans-stage-ctrl-btn:hover{background:#0284c7;border-color:#38bdf8;color:#ffffff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(2,132,199,0.4)}.trans-stage-bottom-bar{background:#0f172a;border-top:1px solid #1e293b;padding:1.25rem 1.5rem}.trans-filmstrip-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.85rem}.trans-filmstrip-title{color:#94a3b8;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;display:flex;align-items:center;gap:0.5rem}.trans-filmstrip-title i{color:#38bdf8}.trans-filmstrip-hint{color:#64748b;font-size:0.76rem}.trans-filmstrip-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}@media(max-width:640px){.trans-filmstrip-track{display:flex;overflow-x:auto;padding-bottom:0.5rem;-webkit-overflow-scrolling:touch}}.trans-thumb-card{background:#1e293b;border:2px solid transparent;border-radius:12px;padding:5px;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);text-align:left;outline:none;flex:0 0 140px}.trans-thumb-card-img-wrap{width:100%;height:72px;border-radius:8px;overflow:hidden;background:#020617;position:relative;margin-bottom:6px}.trans-thumb-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.trans-thumb-card-info{padding:0 4px 4px}.trans-thumb-tag{display:block;font-size:0.72rem;font-weight:700;color:#cbd5e1;letter-spacing:0.02em}.trans-thumb-caption{display:block;font-size:0.68rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans-thumb-card:hover{background:#334155;border-color:rgba(56,189,248,0.4);transform:translateY(-2px)}.trans-thumb-card:hover .trans-thumb-card-img-wrap img{transform:scale(1.06)}.trans-thumb-card.active{background:#1e293b;border-color:#38bdf8;box-shadow:0 0 16px rgba(56,189,248,0.35)}.trans-thumb-card.active .trans-thumb-tag{color:#38bdf8}.trans-thumb-card.active .trans-thumb-caption{color:#94a3b8}.trans-telemetry-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:3.5rem}.trans-telemetry-info{flex:1 1 340px}.trans-telemetry-badge{font-size:0.75rem;font-weight:700;text-transform:uppercase;color:#0284c7;letter-spacing:0.05em;margin-bottom:0.35rem}.trans-telemetry-title{font-family:"Outfit",sans-serif;font-size:1.35rem;font-weight:800;color:#0f172a;margin:0 0 0.45rem 0}.trans-telemetry-desc{font-size:0.9rem;color:#64748b;line-height:1.55;margin:0}.trans-telemetry-metrics{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.trans-metric-chip{display:flex;flex-direction:column}.trans-metric-lbl{font-size:0.7rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:0.04em;margin-bottom:2px}.trans-metric-val{font-family:"Outfit",sans-serif;font-size:1.1rem;font-weight:800;color:#0f172a}.trans-telemetry-action{flex-shrink:0}.trans-sizing-cta-btn{display:inline-flex;align-items:center;gap:0.65rem;padding:0.85rem 1.6rem;background:var(--accent-dji-blue, #0070d2);color:#ffffff;font-family:"Outfit",sans-serif;font-weight:700;font-size:0.95rem;border-radius:9999px;text-decoration:none;transition:all 0.25s ease;box-shadow:0 6px 18px rgba(0,112,210,0.25)}.trans-sizing-cta-btn:hover{background:#005bb5;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,112,210,0.35);color:#ffffff}.trans-overview-header{text-align:center;max-width:680px;margin:0 auto 2rem}.trans-overview-header h3{font-family:"Outfit",sans-serif;font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:0.4rem}.trans-overview-header p{color:#64748b;font-size:0.92rem;margin:0}.trans-category-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.35rem}@media(max-width:1100px){.trans-category-grid-4{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:640px){.trans-category-grid-4{grid-template-columns:1fr;gap:1rem}}.trans-cat-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 16px rgba(15,23,42,0.04);position:relative}.trans-cat-card:hover{transform:translateY(-5px);border-color:rgba(2,132,199,0.45);box-shadow:0 20px 36px -8px rgba(2,132,199,0.12),0 4px 12px rgba(15,23,42,0.04)}.trans-cat-card.active-studio{border-color:#0284c7;box-shadow:0 0 0 2px #0284c7,0 16px 32px rgba(2,132,199,0.15)}.trans-cat-card-thumb-wrap{width:100%;height:180px;background:#0b1120;border-radius:14px;overflow:hidden;position:relative;margin-bottom:1rem}.trans-cat-card-img{width:100%;height:100%;object-fit:cover;transition:opacity 0.25s ease,transform 0.35s ease}.trans-cat-card-img.is-contain{object-fit:contain;background:#090d16;padding:1rem}.trans-cat-card:hover .trans-cat-card-img{transform:scale(1.05)}.trans-cat-card-badge{position:absolute;top:10px;left:10px;background:rgba(15,23,42,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);color:#38bdf8;font-size:0.72rem;font-weight:700;padding:0.25rem 0.65rem;border-radius:9999px;letter-spacing:0.02em}.trans-cat-card-pic-count{position:absolute;top:10px;right:10px;background:rgba(15,23,42,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);color:#ffffff;font-size:0.7rem;font-weight:600;padding:0.25rem 0.6rem;border-radius:9999px}.trans-cat-card-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;z-index:5}.trans-card-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.45);border:none;cursor:pointer;padding:0;transition:all 0.2s ease}.trans-card-dot:hover{background:#ffffff;transform:scale(1.25)}.trans-card-dot.active{background:#38bdf8;width:20px;border-radius:9999px;box-shadow:0 0 8px #38bdf8}.trans-cat-card-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:0.35rem}.trans-cat-card-name{font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:800;color:#0f172a;margin:0}.trans-cat-card-spec-tag{font-size:0.78rem;font-weight:700;color:#0284c7;background:rgba(2,132,199,0.08);padding:0.2rem 0.55rem;border-radius:6px}.trans-cat-card-desc{font-size:0.86rem;color:#64748b;line-height:1.5;margin-bottom:1rem;flex-grow:1}.trans-cat-card-quick-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;background:#f8fafc;border-radius:10px;padding:0.75rem;margin-bottom:1rem;border:1px solid #f1f5f9}.trans-card-spec-item{display:flex;flex-direction:column}.trans-card-spec-item .lbl{font-size:0.68rem;color:#94a3b8;font-weight:600;text-transform:uppercase}.trans-card-spec-item .val{font-family:"Outfit",sans-serif;font-size:0.88rem;font-weight:700;color:#0f172a}.trans-cat-card-action-row{display:flex;gap:0.5rem}.trans-cat-view-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.65rem 0.85rem;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:0.84rem;font-weight:700;cursor:pointer;transition:all 0.2s ease}.trans-cat-view-btn:hover{background:#0284c7;color:#ffffff;border-color:#0284c7}.trans-cat-quote-btn{padding:0.65rem 0.85rem;border-radius:10px;border:1px solid #cbd5e1;background:#ffffff;color:#0284c7;font-size:0.84rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.2s ease}.trans-cat-quote-btn:hover{background:#f0f9ff;border-color:#0284c7;color:#0369a1}.trans-lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(2,6,23,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99999;display:none;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity 0.3s ease}.trans-lightbox-modal.is-open{display:flex;opacity:1}.trans-lightbox-content{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.trans-lightbox-img{max-width:100%;max-height:80vh;border-radius:14px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);object-fit:contain}.trans-lightbox-caption{margin-top:1rem;color:#cbd5e1;font-family:"Outfit",sans-serif;font-size:1rem;font-weight:600;letter-spacing:0.02em}.trans-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);color:#ffffff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.trans-lightbox-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg)}.trans-lightbox-prev,.trans-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(15,23,42,0.8);border:1px solid rgba(255,255,255,0.2);color:#ffffff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.trans-lightbox-prev{left:2rem}.trans-lightbox-next{right:2rem}.trans-lightbox-prev:hover,.trans-lightbox-next:hover{background:#0284c7;border-color:#38bdf8}@media(max-width:640px){.trans-stage-topbar{top:0.75rem!important;left:0.75rem!important;right:0.75rem!important;gap:0.5rem!important}.trans-stage-pill{font-size:0.74rem!important;padding:0.35rem 0.65rem!important;max-width:calc(100% - 115px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.trans-stage-nav-controls{gap:0.35rem!important}.trans-stage-ctrl-btn{width:32px!important;height:32px!important;font-size:0.75rem!important}.trans-telemetry-panel{padding:1.25rem 1rem!important;gap:1.25rem!important}.trans-telemetry-metrics{gap:1rem!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.trans-sizing-cta-btn{width:100%!important;justify-content:center!important}}.trans-stage-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0.75rem!important}.trans-stage-pill{flex:0 1 auto!important;min-width:0!important}.trans-stage-nav-controls{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:0.45rem!important}@media(max-width:640px){.trans-stage-nav-controls{gap:0.35rem!important}}.accordion-gallery{display:flex;width:90%;max-width:1200px;height:450px;min-height:350px;max-height:60vh;margin:0 auto;gap:15px}.acc-item{flex:1;position:relative;border-radius:20px;overflow:hidden;transition:all 0.6s cubic-bezier(0.25,1,0.5,1);cursor:pointer;box-shadow:0 15px 35px rgba(0,0,0,0.15)}.acc-item:hover,.acc-item.active{flex:5}.flip-card-front img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.acc-item:hover .flip-card-front img,.acc-item.active .flip-card-front img{transform:scale(1.05)}.acc-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 60%,transparent 100%);opacity:0;transform:translateY(20px);white-space:nowrap;pointer-events:none;overflow:hidden;transition:opacity 0.12s ease,transform 0.12s ease}.acc-item.active .acc-content,.acc-item:hover .acc-content{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity 0.3s cubic-bezier(0.2,0,0,1) 0.15s,transform 0.3s cubic-bezier(0.2,0,0,1) 0.15s}.acc-item:not(.active) .acc-content{opacity:0!important;transform:translateY(15px)!important;transition:opacity 0.1s ease!important;pointer-events:none!important}.acc-content h3{margin:0;font-size:2rem;font-weight:700;color:#0f172a}@media(max-width:768px){.accordion-gallery{flex-direction:column;height:800px}}#products .acc-item{perspective:1600px;overflow:visible}.flip-card-inner{width:100%;height:100%;position:relative;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d}.acc-item.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;box-sizing:border-box}.flip-card-front{transform:rotateY(0deg) translateZ(1px);z-index:2;overflow:hidden;transition:opacity 0.2s ease 0.2s;opacity:1}.acc-item.flipped .flip-card-front{opacity:0;pointer-events:none;transition:opacity 0.2s ease 0.15s}.flip-card-back{transform:rotateY(180deg) translateZ(1px);z-index:1;background:#ffffff;padding:2.25rem 2.5rem;display:flex;gap:2.5rem;border:1px solid rgba(226,232,240,0.85);box-shadow:0 20px 45px rgba(0,0,0,0.08);align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:none}.acc-item.flipped .flip-card-back{opacity:1;visibility:visible;pointer-events:auto;z-index:3;transition:opacity 0.2s ease 0.15s}.acc-item:not(.flipped) .flip-card-back,.acc-item:not(.active) .flip-card-back,.acc-item:not(.flipped) .flip-back-left,.acc-item:not(.active) .flip-back-left,.acc-item:not(.flipped) .flip-back-right,.acc-item:not(.active) .flip-back-right{opacity:0!important;visibility:hidden!important;transition:none!important}.acc-item:not(.flipped) .flip-card-front{opacity:1!important;pointer-events:auto!important;transition:opacity 0.15s ease!important}.flip-back-left{flex:1.1;display:flex;flex-direction:column;justify-content:center;height:100%}.flip-close-btn{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#0284c7;margin-bottom:0.75rem;cursor:pointer;width:fit-content;transition:transform 0.2s ease,color 0.2s ease}.flip-close-btn:hover{color:#0369a1;transform:translateX(-3px)}.flip-back-left h2{font-size:1.85rem;font-weight:800;letter-spacing:-0.03em;color:#0f172a;margin:0 0 0.5rem 0;line-height:1.2}.flip-desc{color:#64748b;font-size:0.92rem;line-height:1.55;margin:0 0 1.25rem 0}.flip-specs-table{display:flex;flex-direction:column;gap:0.5rem;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:0.85rem 0}.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:0.88rem}.spec-label{color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;font-size:0.75rem}.spec-val{color:#0f172a;font-weight:700}.flip-back-right{flex:0.9;height:100%;display:flex;align-items:center}.flip-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.grid-photo{position:relative!important;width:100%;height:110px;border-radius:12px;overflow:hidden!important;box-shadow:0 4px 12px rgba(0,0,0,0.05);background:#f1f5f9}.grid-photo img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transform:none!important;transition:transform 0.4s ease!important}.grid-photo:hover img{transform:scale(1.06)!important}.grid-cta{position:relative;width:100%;height:110px;border-radius:12px;background:#f8fafc;border:1.5px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s ease;color:#0284c7}.grid-cta:hover{background:#f0f9ff;border-color:#38bdf8;color:#0369a1}.cta-plus{font-size:1.4rem;font-weight:700;line-height:1;margin-bottom:4px}.cta-lbl{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}.acc-item .click-hint{opacity:0;transition:opacity 0.3s ease 0.4s}.acc-item.active .click-hint{opacity:1}@media(max-width:992px){.flip-card-back{flex-direction:column;padding:1.75rem;gap:1.5rem;overflow-y:auto}.grid-photo,.grid-cta{height:90px}}.card-stacked-badge{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:5;background:rgba(255,255,255,0.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.95);box-shadow:0 4px 18px rgba(0,0,0,0.1);padding:7px 16px;border-radius:999px;font-size:0.84rem;font-weight:700;color:#0f172a;letter-spacing:0.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease}.acc-item.active .card-stacked-badge{opacity:0!important;transition:opacity 0.1s ease!important;pointer-events:none}.acc-item:not(.active) .card-stacked-badge{opacity:1;transition:opacity 0.25s ease 0.2s}.icon-check{color:#10b981;font-weight:bold;font-size:1.1rem;margin-right:4px}.icon-cross{color:#ef4444;font-weight:bold;font-size:1.1rem;margin-right:4px}.trans-compare-table{position:relative;z-index:1}.trans-compare-table td{transition:all 0.2s ease;position:relative;z-index:1}.trans-compare-table td:hover{transform:scale(1.05);background:#ffffff!important;box-shadow:0 10px 20px rgba(0,0,0,0.1);z-index:10;border-radius:8px;cursor:default}.crosshair-active-row{background-color:#f8fafc!important}.crosshair-active-col{background-color:#f8fafc!important}.product-hero-lead-mobile{display:none}@media(max-width:600px){:is(.indoor-hero-section,.transparent-hero-section){padding:100px 0 32px;background:linear-gradient(160deg,#edf5ff 0%,#f8fafc 42%,#ffffff 100%)}:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-grid{grid-template-columns:minmax(0,1fr)}:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-content{min-width:0}:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-content h1{margin-bottom:12px;font-size:clamp(2rem,8.4vw,2.75rem);line-height:1.08;letter-spacing:-0.035em;text-wrap:balance}.transparent-hero-section .product-hero-subtitle{display:block;margin-top:10px;font-size:clamp(1.05rem,4.65vw,1.55rem);line-height:1.3;letter-spacing:-0.02em;font-weight:600}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-lead{margin-bottom:20px;font-size:0.95rem;line-height:1.55;max-width:38ch}.product-hero-lead-full{display:none}.product-hero-lead-mobile{display:block;margin:0}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-showcase{gap:10px;margin:0 0 20px}:is(.indoor-hero-section,.transparent-hero-section) .product-stage-frame{order:-1;aspect-ratio:3 / 2;max-height:none;border-radius:18px;box-shadow:0 12px 28px -14px rgba(15,23,42,0.3)}:is(.indoor-hero-section,.transparent-hero-section) .outdoor-deploy-tabs{gap:3px;padding:4px;border-radius:10px}.indoor-hero-section .outdoor-deploy-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.indoor-hero-section .outdoor-deploy-tabs::-webkit-scrollbar{display:none}.indoor-hero-section .deploy-tab{flex:1 0 90px;scroll-snap-align:center}.transparent-hero-section .outdoor-deploy-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.transparent-hero-section .outdoor-deploy-tabs .deploy-tab:last-child{grid-column:auto}:is(.indoor-hero-section,.transparent-hero-section) .deploy-tab{min-width:0;min-height:44px;padding:5px 3px;font-size:0.7rem;line-height:1.25;white-space:normal;border-radius:7px}:is(.indoor-hero-section,.transparent-hero-section) .deploy-tab i{display:none}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-actions{display:grid;gap:6px;margin-bottom:18px}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-actions .btn{width:100%;min-height:48px;padding:12px 16px;font-size:0.95rem}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-actions .btn-outline{min-height:44px;padding:8px 12px;background:transparent;border-color:transparent;box-shadow:none}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-actions .btn-outline:hover{background:rgba(0,112,210,0.06);border-color:transparent}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:16px;border-top:1px solid #dce5ef}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card{min-width:0;padding:0 8px;border:none;border-right:1px solid #dce5ef;border-radius:0;background:transparent;box-shadow:none}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card:first-child{padding-left:0}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card:last-child{border-right:none;padding-right:0}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card:hover{transform:none;box-shadow:none}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card .spec-icon{display:none}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card .spec-num{font-size:clamp(0.85rem,3.5vw,1.15rem);line-height:1.3;white-space:normal}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card .spec-num span{display:block;margin-top:4px;font-size:0.75rem}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-card .spec-lbl{margin-top:5px;font-size:0.65rem;line-height:1.4;text-transform:none;letter-spacing:0}}#daylight-visualizer .brightness-title-mobile,#daylight-visualizer .brightness-mobile-explanation{display:none}@media(max-width:600px){#daylight-visualizer .brightness-readout-card,#daylight-visualizer .brightness-slider-container,#daylight-visualizer .visualizer-panel-subtitle,#daylight-visualizer .brightness-title-desktop,#daylight-visualizer .visualizer-tip-box{display:none}#daylight-visualizer .visualizer-wrapper{padding:16px;gap:20px;border-radius:18px}#daylight-visualizer .visualizer-type-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px;border-radius:12px}#daylight-visualizer .visualizer-type-tab{justify-content:center;min-height:44px;padding:8px 4px;gap:4px;border-radius:8px}#daylight-visualizer .visualizer-type-tab .tab-title{font-size:.75rem}#daylight-visualizer .visualizer-type-tab i{font-size:.75rem}#daylight-visualizer .visualizer-controls{gap:12px}#daylight-visualizer .visualizer-panel-title-wrap{margin:0}#daylight-visualizer .visualizer-panel-title{margin:0;font-size:1.1rem}#daylight-visualizer .brightness-title-mobile{display:inline}#daylight-visualizer .brightness-preset-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}#daylight-visualizer .brightness-preset-btn{min-height:44px;padding:10px 8px;border-radius:10px;box-shadow:none}#daylight-visualizer .brightness-preset-btn.active{transform:none}#daylight-visualizer .brightness-preset-btn .btn-nits{font-size:.8rem}#daylight-visualizer .brightness-mobile-explanation{display:block;margin:0;padding-top:2px;color:#475569;font-size:.84rem;line-height:1.55}}#daylight-visualizer .brightness-guide-card{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:16px;margin-top:20px;padding:20px;border:1px solid #d5e5f5;border-radius:16px;background:linear-gradient(110deg,#eef6ff,#fff);color:#0f172a;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}#daylight-visualizer .brightness-guide-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e1efff;color:#0070d2}#daylight-visualizer .brightness-guide-icon svg{width:24px;height:24px}#daylight-visualizer .brightness-guide-copy{min-width:0}#daylight-visualizer .brightness-guide-copy strong{display:block;font-size:1rem;line-height:1.4;font-weight:700}#daylight-visualizer .brightness-guide-copy>span{display:block;margin-top:5px;color:#475569;font-size:.85rem;line-height:1.5}#daylight-visualizer .brightness-guide-arrow{color:#0070d2;font-size:1.5rem}#daylight-visualizer .brightness-guide-card:hover{border-color:#8fbce8;box-shadow:0 6px 18px rgba(0,112,210,.08)}#daylight-visualizer .brightness-guide-card:focus-visible{outline:3px solid #0070d2;outline-offset:4px}@media(max-width:600px){#daylight-visualizer .brightness-guide-card{grid-template-columns:36px minmax(0,1fr) 20px;gap:10px;padding:16px;margin-top:16px}#daylight-visualizer .brightness-guide-icon{width:36px;height:36px;border-radius:10px}#daylight-visualizer .brightness-guide-icon svg{width:21px;height:21px}#daylight-visualizer .brightness-guide-copy strong{font-size:.9rem}#daylight-visualizer .brightness-guide-copy>span{font-size:.78rem}}@media(prefers-reduced-motion:reduce){#daylight-visualizer .brightness-guide-card{transition:none}}.modal-content.quote-confirmed{max-width:540px;padding:36px;max-height:calc(100dvh - 32px)}.quote-confirmed .modal-close{top:12px;right:12px;width:44px;height:44px}.quote-confirmation{max-width:440px;margin:0 auto;padding-top:8px;text-align:center}.quote-confirmation-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:#e7f8f1;color:#10b981}.quote-confirmation-mark svg{width:34px;height:34px}.quote-confirmation-title{margin:0;color:#0f172a;font-size:clamp(1.45rem,5.5vw,1.75rem);font-weight:750;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.quote-confirmation-message{max-width:42ch;margin:12px auto 0;color:#475569;font-size:.95rem;line-height:1.65;text-wrap:pretty}.quote-confirmation-contact{margin-top:24px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.quote-confirmation-contact>p{margin:0 0 12px;color:#334155;font-size:.85rem;font-weight:600;line-height:1.4}.quote-confirmation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quote-confirmation-actions a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:10px 8px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#334155;font-size:.8rem;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap}.quote-confirmation-actions a:hover{border-color:#91bde5;background:#eff6ff}.quote-confirmation-actions .quote-confirmation-call{color:#0070d2}.quote-confirmation-actions a:focus-visible,.quote-confirmation-home:focus-visible{outline:3px solid #0070d2;outline-offset:3px}.quote-confirmation-home{min-height:44px;margin-top:24px;padding:11px 24px;font-size:.9rem}@media(max-width:480px){.modal-content.quote-confirmed{padding:32px 20px 24px;max-height:calc(100dvh - 16px)}.quote-confirmation{padding-top:8px}.quote-confirmation-mark{width:56px;height:56px;margin-bottom:18px}.quote-confirmation-mark svg{width:30px;height:30px}.quote-confirmation-actions{grid-template-columns:1fr}.quote-confirmation-home{width:100%;margin-top:20px}}:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-grid{display:block}@media(min-width:601px){:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-content{display:grid;grid-template-columns:1fr 1.28fr;grid-template-rows:minmax(0,1fr) repeat(4,max-content) minmax(0,1fr);column-gap:3.5rem;align-items:start}.transparent-hero-section .outdoor-hero-content{grid-template-columns:1.15fr 1fr;column-gap:2.75rem}:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-content>h1{grid-column:1;grid-row:2}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-lead{grid-column:1;grid-row:3}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-actions{grid-column:1;grid-row:4}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-strip{grid-column:1;grid-row:5}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-showcase{grid-column:2;grid-row:1 / -1;align-self:center}}@media(min-width:601px)and (max-width:1100px){:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-content{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,max-content) 2.5rem max-content;column-gap:0}:is(.indoor-hero-section,.transparent-hero-section) .outdoor-hero-content>h1{grid-row:1}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-lead{grid-row:2}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-actions{grid-row:3}:is(.indoor-hero-section,.transparent-hero-section) .product-spec-strip{grid-row:4}:is(.indoor-hero-section,.transparent-hero-section) .product-hero-showcase{grid-column:1;grid-row:6}}