.live-product-page{--live-green:#b9fb22;--live-ivory:#f6f5f1;--live-ink:#141712;--live-scene:url("/assets/0101pix/0101live/hero-0101live-panorama-natural-v2.webp");--live-detail-scene:url("/assets/0101pix/0101live/hero-0101live-clean-v1.webp");background:var(--live-ivory);overflow-x:hidden}
.live-product-page .home-nav-group summary[aria-current="page"]{color:var(--home-green);text-decoration:underline var(--home-green) 2px;text-underline-offset:8px;text-decoration-skip-ink:none}
.live-product-page .home-dropdown a[aria-current="page"]{background:#ffffff09;color:var(--home-green)}
.live-product-main{min-height:calc(100svh - var(--home-header-height));display:grid;grid-template-rows:minmax(410px,1fr) clamp(278px,33.6svh,318px);background:var(--live-ivory)}
.live-product-hero{position:relative;isolation:isolate;min-height:0;overflow:hidden;background:#141411;color:#f7f6f1}
.live-product-scene{position:absolute;inset:0;z-index:-2;background:var(--live-scene) center center/cover no-repeat}
.live-product-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,7,.87) 0%,rgba(8,9,7,.65) 27%,rgba(8,9,7,.16) 48%,transparent 66%),linear-gradient(0deg,rgba(5,6,5,.25),transparent 35%)}
.live-product-hero-inner{position:relative;width:100%;height:100%;padding:clamp(30px,4.4svh,50px) clamp(42px,3.8vw,64px);display:flex;align-items:center}
.live-product-copy{width:min(33vw,515px);min-width:430px;text-shadow:0 2px 24px #000}
.live-product-brandline{display:flex;align-items:center;gap:11px;margin:0 0 8px}.live-product-brandline img{display:block;width:34px;height:34px;object-fit:contain;mix-blend-mode:screen}.live-product-eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.4em}
.live-product-copy h1{margin:0 0 18px;font:500 clamp(61px,5.25vw,88px)/.94 "Home Bodoni",Didot,"Bodoni MT","Times New Roman",serif;letter-spacing:-.05em;white-space:nowrap}
.live-product-description{max-width:505px;margin:0 0 23px;font-size:clamp(13px,.93vw,16px);line-height:1.48;color:#f1f1eb;letter-spacing:-.01em}
.live-product-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:225px;min-height:52px;padding:12px 20px 12px 24px;border-radius:12px;background:var(--live-green);color:#11160b!important;font-size:15px;font-weight:700;text-shadow:none;box-shadow:0 8px 30px #0003}
.live-product-cta span{font-size:24px;line-height:1}
.live-product-tagline{margin:20px 0 0;font-size:10px;font-weight:600;letter-spacing:.32em;color:#f4f4ed}
.live-product-demo{position:absolute;inset:36px 42px auto auto;display:flex;gap:18px;align-items:flex-start;text-shadow:none}
.live-event-status,.live-qr-preview{border:1px solid #ffffff38;background:linear-gradient(145deg,#131712e8,#171817d9);box-shadow:0 18px 55px #0006;backdrop-filter:blur(14px);border-radius:12px;color:#f7f7f3}
.live-event-status{width:215px;padding:10px 14px}
.live-event-status header{display:flex;align-items:center;gap:9px;padding:2px 0 9px;border-bottom:1px solid #ffffff1e;font-size:12px}
.live-event-status header strong{font-weight:600}.live-event-status header em{margin-left:auto;padding:2px 5px;border:1px solid #79a300;border-radius:999px;color:var(--live-green);font-size:8px;font-style:normal}
.live-status-dot{width:9px;height:9px;border-radius:50%;background:#69e821;box-shadow:0 0 12px #63e11f}
.live-event-status>div{display:flex;align-items:center;gap:11px;min-height:43px;border-bottom:1px solid #ffffff12;font-size:11px}.live-event-status>div:last-child{border:0}.live-event-status svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.live-event-status>div span{display:flex;flex-direction:column;gap:2px}.live-event-status small{font-size:8px;color:#b8bcb5}.live-event-status>div strong{font-size:10px}
.live-qr-preview{width:145px;padding:14px 14px 13px;text-align:center;display:grid;gap:7px;justify-items:center;font-size:10px}.live-qr-preview>strong{font-weight:500}.live-qr-preview img{display:block;width:88px;height:88px;padding:2px;background:white;border-radius:3px}.live-qr-preview>span{font-size:9px}.live-qr-preview>small{font-size:7px;color:#adb2aa}
.live-product-features{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:17px clamp(22px,2.5vw,42px) 20px;background:var(--live-ivory);color:var(--live-ink)}
.live-feature{min-width:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(86px,1fr);gap:11px;padding:16px 15px 12px;border:1px solid #e4e3de;border-radius:10px;background:#fbfaf7;box-shadow:0 8px 28px #473b270b}
.live-feature-heading{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}.live-feature-heading>svg{width:35px;height:35px;fill:none;stroke:#10140e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.live-feature h2{margin:1px 0 7px;font-size:clamp(13px,1vw,17px);line-height:1.12;font-weight:700;letter-spacing:-.025em}.live-feature p{margin:0;color:#62655f;font-size:clamp(9px,.68vw,11.5px);line-height:1.38}
.live-mini{align-self:end;position:relative;min-height:88px;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#151816,#282621);color:white;box-shadow:inset 0 0 0 1px #ffffff12}
.live-mini-ftp{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px}.mini-upload{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--live-green);border-radius:50%;color:var(--live-green);font-size:25px}.live-mini-ftp div{display:grid;gap:3px}.live-mini-ftp strong{font-size:12px}.live-mini-ftp small{font-size:8px;color:#c6cac2}.live-mini-ftp i{display:block;width:92px;height:3px;background:linear-gradient(90deg,var(--live-green) 72%,#ffffff22 72%);border-radius:3px}
.live-mini-cameras{padding:14px 12px 11px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:center}.live-mini-cameras>span{position:relative;display:grid;place-items:center;height:42px;border:1px solid #ffffff1c;border-radius:6px;color:#eee;font-size:20px}.live-mini-cameras i{position:absolute;right:5px;bottom:5px;width:6px;height:6px;border-radius:50%;background:#69e821}.live-mini-cameras strong{grid-column:1/-1;text-align:center;font-size:9px;font-weight:500}
.live-mini-qr{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:linear-gradient(110deg,#342c25,#151716)}.live-mini-qr img{width:64px;height:64px;background:white;border-radius:4px}.live-mini-qr span{display:grid;gap:4px}.live-mini-qr strong{font-size:11px}.live-mini-qr small{font-size:8px;color:#c8cac4}
.live-mini-price{display:grid;grid-template-columns:42% 1fr;gap:11px;align-items:center;padding:10px}.mini-photo{height:68px;border-radius:5px;background:var(--live-detail-scene) 51% 45%/340px auto}.live-mini-price div{display:grid;gap:5px}.live-mini-price small{font-size:8px;color:#bfc3ba}.live-mini-price strong{font-size:10px;line-height:1.25}.live-mini-price i{padding:4px 6px;border-radius:4px;background:#b9fb2222;color:#cbff68;font-size:7px;font-style:normal}
.live-mini-gallery{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:4px;padding:7px}.live-mini-gallery>span{border-radius:4px;background:var(--live-detail-scene) 50% 36%/320px auto}.live-mini-gallery>span:nth-of-type(2){background-position:62% 43%}.live-mini-gallery>span:nth-of-type(3){background-position:72% 48%}.live-mini-gallery .gallery-main{grid-row:1/-1}.live-mini-gallery>div{position:absolute;right:8px;bottom:7px;display:flex;gap:4px}.live-mini-gallery i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#101310c9;font-size:10px;font-style:normal}
.live-mini-monitor{display:grid;place-items:center;padding:9px;background:linear-gradient(145deg,#312c27,#101312)}.monitor-screen{width:88%;height:68px;padding:8px;border:2px solid #b9b9b4;border-bottom-width:4px;border-radius:5px;background:#101410;display:grid;grid-template-columns:35% 1fr;grid-template-rows:1fr 1fr;gap:3px 7px}.monitor-screen>span{grid-row:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.monitor-screen i{background:var(--live-detail-scene) 55% 45%/250px auto;border-radius:2px}.monitor-screen i:first-child{grid-row:1/-1}.monitor-screen b{align-self:end;font-size:8px}.monitor-screen small{font-size:6px;color:#aeb5ac}.monitor-stand{position:absolute;bottom:5px;width:33px;height:5px;border-radius:4px 4px 1px 1px;background:#a7a7a2}
@media(min-width:1101px) and (max-height:780px){.live-product-main{grid-template-rows:minmax(350px,1fr) 260px}.live-product-scene{background-position:center top}.live-product-hero-inner{padding-top:20px;padding-bottom:20px}.live-product-copy h1{font-size:62px;margin-bottom:10px}.live-product-description{font-size:12px;line-height:1.4;margin-bottom:13px}.live-product-cta{min-height:44px;padding-top:8px;padding-bottom:8px}.live-product-tagline{margin-top:12px}.live-product-demo{top:25px}.live-feature{padding-top:12px}.live-feature p{font-size:9px}.live-mini{min-height:75px}}
@media(max-width:1240px){.live-product-demo{right:28px;transform:scale(.86);transform-origin:top right}.live-product-features{gap:9px;padding-left:14px;padding-right:14px}.live-feature{padding-left:10px;padding-right:10px}.live-feature-heading{grid-template-columns:31px minmax(0,1fr);gap:7px}.live-feature-heading>svg{width:29px;height:29px}}
@media(max-width:1100px){.live-product-page{--live-scene:url("/assets/0101pix/0101live/hero-0101live-clean-v1.webp")}.live-product-page .home-header{position:relative}.live-product-main{display:block;min-height:0}.live-product-hero{min-height:650px}.live-product-scene{background-position:46% center}.live-product-hero-inner{padding:64px 5vw;align-items:flex-end}.live-product-copy{width:min(100%,590px);min-width:0}.live-product-demo{top:30px;right:4vw}.live-product-features{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 5vw;gap:18px}.live-feature{min-height:260px;padding:20px 18px 14px}.live-feature h2{font-size:20px}.live-feature p{font-size:13px}.live-mini{min-height:120px}}
@media(max-width:640px){.live-product-hero{min-height:720px}.live-product-scene{background-position:44% center}.live-product-hero::after{background:linear-gradient(0deg,rgba(6,7,6,.93) 0%,rgba(6,7,6,.73) 53%,rgba(6,7,6,.12) 80%),linear-gradient(90deg,#05060555,transparent)}.live-product-hero-inner{padding:290px 24px 42px;align-items:flex-end}.live-product-copy h1{white-space:normal;font-size:clamp(57px,17vw,73px);line-height:.9}.live-product-description{font-size:15px}.live-product-cta{min-height:54px}.live-product-tagline{font-size:8px;line-height:1.6}.live-product-demo{top:20px;left:20px;right:auto;transform:scale(.74);transform-origin:top left}.live-product-features{grid-template-columns:1fr;padding:18px 16px 28px}.live-feature{min-height:280px}.live-feature-heading{grid-template-columns:42px minmax(0,1fr);gap:12px}.live-feature-heading>svg{width:38px;height:38px}.live-feature h2{font-size:23px}.live-feature p{font-size:14px}.live-mini{min-height:145px}}
@media(prefers-reduced-motion:reduce){.live-product-page *{scroll-behavior:auto!important}}