{"product_id":"window-cam","title":"Cotitoc™Window Cam","description":"\u003cstyle\u003e\n  .camx-page,\n  .camx-page * {\n    box-sizing: border-box;\n  }\n\n  .camx-page {\n    --camx-bg: #f5f8fc;\n    --camx-bg-2: #ffffff;\n    --camx-panel: #ffffff;\n    --camx-panel-soft: #f8fbff;\n    --camx-line: rgba(15, 35, 64, 0.12);\n    --camx-text: #10233f;\n    --camx-heading: #0b1f3a;\n    --camx-muted: #52627a;\n    --camx-orange: #ff6a00;\n    --camx-orange-2: #ff8a33;\n    --camx-blue: #2e7df6;\n    --camx-shadow: 0 20px 55px rgba(20, 45, 80, 0.10);\n\n    position: relative;\n    max-width: 1180px;\n    margin: 0 auto;\n    overflow: hidden;\n    color: var(--camx-text) !important;\n    background:\n      radial-gradient(circle at 4% 0%, rgba(255, 106, 0, 0.10), transparent 24%),\n      radial-gradient(circle at 96% 18%, rgba(46, 125, 246, 0.10), transparent 22%),\n      linear-gradient(180deg, #ffffff 0%, var(--camx-bg) 100%);\n    border: 1px solid rgba(15, 35, 64, 0.08);\n    border-radius: 28px;\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif !important;\n    line-height: 1.62;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .camx-page h1,\n  .camx-page h2,\n  .camx-page h3,\n  .camx-page h4,\n  .camx-page strong,\n  .camx-page summary {\n    color: var(--camx-heading) !important;\n  }\n\n  .camx-page p,\n  .camx-page li,\n  .camx-page span,\n  .camx-page small {\n    color: inherit;\n  }\n\n  .camx-page img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .camx-wrap {\n    position: relative;\n    z-index: 1;\n    width: min(100% - 40px, 1080px);\n    margin: 0 auto;\n  }\n\n  .camx-topbar {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    gap: 22px;\n    flex-wrap: wrap;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--camx-line);\n    background: #10233f;\n    color: #ffffff !important;\n    font-size: clamp(11px, 1.2vw, 13px);\n    font-weight: 800;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n\n  .camx-topbar span {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    color: #ffffff !important;\n  }\n\n  .camx-topbar span::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--camx-orange);\n    box-shadow: 0 0 12px rgba(255, 106, 0, 0.65);\n  }\n\n  .camx-hero {\n    position: relative;\n    z-index: 1;\n    padding: clamp(48px, 7vw, 76px) 0 clamp(44px, 6vw, 64px);\n  }\n\n  .camx-hero-grid {\n    display: grid;\n    grid-template-columns: 0.95fr 1.05fr;\n    align-items: center;\n    gap: clamp(30px, 5vw, 54px);\n  }\n\n  .camx-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 16px;\n    padding: 7px 12px;\n    border: 1px solid rgba(255, 106, 0, 0.22);\n    border-radius: 999px;\n    color: #c44f00 !important;\n    background: #fff1e8;\n    font-size: clamp(11px, 1vw, 12px);\n    font-weight: 850;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .camx-kicker::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--camx-orange);\n    box-shadow: 0 0 0 5px rgba(255, 106, 0, 0.10);\n  }\n\n  .camx-title {\n    margin: 0;\n    max-width: 640px;\n    color: var(--camx-heading) !important;\n    font-size: clamp(42px, 6vw, 76px);\n    line-height: 1.00;\n    letter-spacing: -0.045em;\n    font-weight: 900;\n  }\n\n  .camx-title em {\n    color: var(--camx-orange) !important;\n    font-style: normal;\n  }\n\n  .camx-subtitle {\n    max-width: 630px;\n    margin: 22px 0 0;\n    color: var(--camx-muted) !important;\n    font-size: clamp(16px, 1.8vw, 20px);\n    line-height: 1.65;\n  }\n\n  .camx-proof {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 26px;\n  }\n\n  .camx-proof span {\n    padding: 9px 12px;\n    border: 1px solid var(--camx-line);\n    border-radius: 999px;\n    color: #31435d !important;\n    background: rgba(255, 255, 255, 0.95);\n    font-size: clamp(12px, 1.1vw, 13px);\n    font-weight: 750;\n    box-shadow: 0 8px 20px rgba(16, 35, 63, 0.05);\n  }\n\n  .camx-hero-visual {\n    position: relative;\n    padding: 13px;\n    border: 1px solid rgba(15, 35, 64, 0.09);\n    border-radius: 26px;\n    background: rgba(255, 255, 255, 0.96);\n    box-shadow: var(--camx-shadow);\n    animation: camxFloat 6s ease-in-out infinite;\n  }\n\n  .camx-hero-visual img {\n    aspect-ratio: 1 \/ 1;\n    object-fit: cover;\n    border-radius: 19px;\n  }\n\n  .camx-float-card {\n    position: absolute;\n    right: -16px;\n    bottom: 26px;\n    width: 210px;\n    padding: 16px 17px;\n    border: 1px solid rgba(255, 255, 255, 0.20);\n    border-radius: 16px;\n    background: rgba(16, 35, 63, 0.95);\n    box-shadow: 0 18px 44px rgba(16, 35, 63, 0.24);\n  }\n\n  .camx-float-card strong {\n    display: block;\n    color: #ffffff !important;\n    font-size: clamp(20px, 2vw, 22px);\n    line-height: 1.15;\n  }\n\n  .camx-float-card span {\n    display: block;\n    margin-top: 6px;\n    color: #dce7f4 !important;\n    font-size: 12px;\n  }\n\n  .camx-strip {\n    padding: 0 0 68px;\n  }\n\n  .camx-strip-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    overflow: hidden;\n    border: 1px solid var(--camx-line);\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 16px 44px rgba(16, 35, 63, 0.08);\n  }\n\n  .camx-strip-item {\n    padding: 20px 15px;\n    text-align: center;\n    border-right: 1px solid var(--camx-line);\n  }\n\n  .camx-strip-item:last-child {\n    border-right: 0;\n  }\n\n  .camx-strip-item strong {\n    display: block;\n    color: var(--camx-heading) !important;\n    font-size: clamp(15px, 1.4vw, 17px);\n  }\n\n  .camx-strip-item span {\n    display: block;\n    margin-top: 4px;\n    color: var(--camx-muted) !important;\n    font-size: clamp(12px, 1.1vw, 13px);\n  }\n\n  .camx-section {\n    position: relative;\n    z-index: 1;\n    padding: clamp(60px, 8vw, 84px) 0;\n  }\n\n  .camx-section-soft {\n    background: linear-gradient(180deg, #f8fbff, #eef4fb);\n    border-top: 1px solid var(--camx-line);\n    border-bottom: 1px solid var(--camx-line);\n  }\n\n  .camx-section-head {\n    max-width: 780px;\n    margin: 0 auto 40px;\n    text-align: center;\n  }\n\n  .camx-section-head h2 {\n    margin: 0;\n    color: var(--camx-heading) !important;\n    font-size: clamp(32px, 4.8vw, 54px);\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  .camx-section-head h2 em {\n    color: var(--camx-orange) !important;\n    font-style: normal;\n  }\n\n  .camx-section-head p {\n    margin: 16px auto 0;\n    color: var(--camx-muted) !important;\n    font-size: clamp(15px, 1.5vw, 17px);\n  }\n\n  .camx-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n  }\n\n  .camx-benefit {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(22px, 2.5vw, 28px);\n    border: 1px solid var(--camx-line);\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 14px 38px rgba(16, 35, 63, 0.07);\n    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n  }\n\n  .camx-benefit:hover {\n    transform: translateY(-5px);\n    border-color: rgba(255, 106, 0, 0.28);\n    box-shadow: 0 22px 55px rgba(16, 35, 63, 0.12);\n  }\n\n  .camx-benefit-icon {\n    display: grid;\n    place-items: center;\n    width: 46px;\n    height: 46px;\n    border-radius: 14px;\n    color: #ffffff !important;\n    background: linear-gradient(135deg, var(--camx-orange), var(--camx-orange-2));\n    box-shadow: 0 12px 26px rgba(255, 106, 0, 0.20);\n    font-weight: 900;\n  }\n\n  .camx-benefit h3 {\n    margin: 17px 0 8px;\n    color: var(--camx-heading) !important;\n    font-size: clamp(19px, 1.8vw, 22px);\n    line-height: 1.25;\n  }\n\n  .camx-benefit p {\n    margin: 0;\n    color: var(--camx-muted) !important;\n    font-size: clamp(14px, 1.25vw, 15px);\n  }\n\n  .camx-feature-stack {\n    display: grid;\n    gap: 26px;\n  }\n\n  .camx-feature {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: clamp(26px, 4vw, 44px);\n    padding: 20px;\n    border: 1px solid var(--camx-line);\n    border-radius: 26px;\n    background: #ffffff;\n    box-shadow: var(--camx-shadow);\n    transition: transform 0.3s ease, border-color 0.3s ease;\n  }\n\n  .camx-feature:hover {\n    transform: translateY(-3px);\n    border-color: rgba(46, 125, 246, 0.22);\n  }\n\n  .camx-feature:nth-child(even) .camx-media {\n    order: 2;\n  }\n\n  .camx-media {\n    overflow: hidden;\n    border-radius: 19px;\n    background: #f5f8fc;\n  }\n\n  .camx-media img {\n    transition: transform 0.5s ease;\n  }\n\n  .camx-feature:hover .camx-media img {\n    transform: scale(1.02);\n  }\n\n  .camx-copy {\n    padding: 18px 18px;\n  }\n\n  .camx-copy small {\n    color: #d85600 !important;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  .camx-copy h3 {\n    margin: 9px 0 13px;\n    color: var(--camx-heading) !important;\n    font-size: clamp(28px, 3.6vw, 42px);\n    line-height: 1.08;\n    letter-spacing: -0.03em;\n  }\n\n  .camx-copy p {\n    margin: 0;\n    color: var(--camx-muted) !important;\n    font-size: clamp(15px, 1.4vw, 16px);\n  }\n\n  .camx-list {\n    display: grid;\n    gap: 9px;\n    margin: 19px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .camx-list li {\n    position: relative;\n    padding-left: 26px;\n    color: #30435f !important;\n    font-size: clamp(14px, 1.25vw, 15px);\n    font-weight: 700;\n  }\n\n  .camx-list li::before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    color: var(--camx-orange);\n    font-weight: 900;\n  }\n\n  .camx-night-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 22px;\n  }\n\n  .camx-night-card {\n    overflow: hidden;\n    border: 1px solid var(--camx-line);\n    border-radius: 24px;\n    background: #ffffff;\n    box-shadow: 0 20px 56px rgba(16, 35, 63, 0.10);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .camx-night-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 28px 70px rgba(16, 35, 63, 0.14);\n  }\n\n  .camx-night-card img {\n    aspect-ratio: 1 \/ 1;\n    object-fit: cover;\n  }\n\n  .camx-night-copy {\n    padding: 23px 25px 27px;\n  }\n\n  .camx-night-copy h3 {\n    margin: 0 0 8px;\n    color: var(--camx-heading) !important;\n    font-size: clamp(21px, 2vw, 25px);\n  }\n\n  .camx-night-copy p {\n    margin: 0;\n    color: var(--camx-muted) !important;\n    font-size: 15px;\n  }\n\n  .camx-gallery {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n\n  .camx-gallery figure {\n    margin: 0;\n    overflow: hidden;\n    border: 1px solid var(--camx-line);\n    border-radius: 22px;\n    background: #ffffff;\n    box-shadow: 0 16px 46px rgba(16, 35, 63, 0.09);\n  }\n\n  .camx-gallery img {\n    transition: transform 0.5s ease;\n  }\n\n  .camx-gallery figure:hover img {\n    transform: scale(1.025);\n  }\n\n  .camx-package {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    align-items: center;\n    gap: clamp(28px, 4vw, 46px);\n  }\n\n  .camx-package-media {\n    padding: 13px;\n    border: 1px solid var(--camx-line);\n    border-radius: 25px;\n    background: #ffffff;\n    box-shadow: var(--camx-shadow);\n  }\n\n  .camx-package-media img {\n    border-radius: 18px;\n  }\n\n  .camx-package-copy h2 {\n    margin: 0;\n    color: var(--camx-heading) !important;\n    font-size: clamp(34px, 4.8vw, 54px);\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n  }\n\n  .camx-package-copy p {\n    color: var(--camx-muted) !important;\n    font-size: 16px;\n  }\n\n  .camx-package-items {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-top: 23px;\n  }\n\n  .camx-package-item {\n    padding: 15px 16px;\n    border: 1px solid var(--camx-line);\n    border-radius: 13px;\n    background: #ffffff;\n    color: #243a58 !important;\n    font-size: 14px;\n    font-weight: 800;\n  }\n\n  .camx-faq {\n    display: grid;\n    gap: 12px;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  .camx-faq details {\n    border: 1px solid var(--camx-line);\n    border-radius: 15px;\n    background: #ffffff;\n    box-shadow: 0 8px 22px rgba(16, 35, 63, 0.05);\n    transition: border-color 0.25s ease, background 0.25s ease;\n  }\n\n  .camx-faq details[open] {\n    border-color: rgba(255, 106, 0, 0.24);\n    background: #fff9f5;\n  }\n\n  .camx-faq summary {\n    position: relative;\n    padding: 19px 52px 19px 21px;\n    cursor: pointer;\n    list-style: none;\n    color: var(--camx-heading) !important;\n    font-size: clamp(15px, 1.4vw, 17px);\n    font-weight: 850;\n  }\n\n  .camx-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .camx-faq summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 20px;\n    top: 11px;\n    color: var(--camx-orange);\n    font-size: 28px;\n    font-weight: 500;\n  }\n\n  .camx-faq details[open] summary::after {\n    content: \"−\";\n  }\n\n  .camx-faq p {\n    margin: 0;\n    padding: 0 21px 21px;\n    color: var(--camx-muted) !important;\n    font-size: 15px;\n  }\n\n  .camx-end {\n    padding: 30px 0 72px;\n  }\n\n  .camx-end-card {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(40px, 6vw, 58px) 28px;\n    border: 1px solid rgba(16, 35, 63, 0.08);\n    border-radius: 26px;\n    text-align: center;\n    background:\n      radial-gradient(circle at 50% -20%, rgba(255, 106, 0, 0.18), transparent 44%),\n      linear-gradient(135deg, #ffffff, #edf4fb);\n    box-shadow: 0 24px 68px rgba(16, 35, 63, 0.10);\n  }\n\n  .camx-end-card h2 {\n    max-width: 820px;\n    margin: 0 auto;\n    color: var(--camx-heading) !important;\n    font-size: clamp(34px, 5vw, 58px);\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n  }\n\n  .camx-end-card p {\n    max-width: 690px;\n    margin: 17px auto 0;\n    color: var(--camx-muted) !important;\n  }\n\n  .camx-disclaimer {\n    margin-top: 17px !important;\n    color: #7c899b !important;\n    font-size: 12px !important;\n  }\n\n  .camx-animate {\n    animation: camxFadeUp 0.75s cubic-bezier(.2,.7,.2,1) both;\n  }\n\n  .camx-d1 { animation-delay: 0.08s; }\n  .camx-d2 { animation-delay: 0.16s; }\n  .camx-d3 { animation-delay: 0.24s; }\n\n  @keyframes camxFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(22px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes camxFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-7px); }\n  }\n\n  @media (max-width: 920px) {\n    .camx-hero-grid,\n    .camx-feature,\n    .camx-package {\n      grid-template-columns: 1fr;\n    }\n\n    .camx-feature:nth-child(even) .camx-media {\n      order: 0;\n    }\n\n    .camx-benefit-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .camx-strip-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .camx-strip-item:nth-child(2) {\n      border-right: 0;\n    }\n\n    .camx-strip-item:nth-child(-n+2) {\n      border-bottom: 1px solid var(--camx-line);\n    }\n\n    .camx-float-card {\n      right: 12px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .camx-page {\n      border-radius: 0;\n    }\n\n    .camx-wrap {\n      width: min(100% - 24px, 1080px);\n    }\n\n    .camx-topbar {\n      gap: 7px 12px;\n      padding: 12px 10px;\n      font-size: 9.5px;\n    }\n\n    .camx-hero {\n      padding: 42px 0 42px;\n    }\n\n    .camx-title {\n      font-size: clamp(38px, 12vw, 50px);\n    }\n\n    .camx-subtitle {\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    .camx-proof {\n      gap: 8px;\n    }\n\n    .camx-proof span {\n      font-size: 12px;\n      padding: 8px 10px;\n    }\n\n    .camx-benefit-grid,\n    .camx-night-grid,\n    .camx-gallery,\n    .camx-package-items {\n      grid-template-columns: 1fr;\n    }\n\n    .camx-section {\n      padding: 54px 0;\n    }\n\n    .camx-feature {\n      gap: 10px;\n      padding: 12px;\n      border-radius: 20px;\n    }\n\n    .camx-copy {\n      padding: 17px 8px 12px;\n    }\n\n    .camx-copy h3 {\n      font-size: 30px;\n    }\n\n    .camx-feature:nth-child(even) .camx-media {\n      order: 0;\n    }\n\n    .camx-float-card {\n      position: static;\n      width: 100%;\n      margin-top: 10px;\n    }\n\n    .camx-strip-item {\n      padding: 17px 10px;\n    }\n\n    .camx-end-card {\n      border-radius: 22px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .camx-page *,\n    .camx-page *::before,\n    .camx-page *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\n  \/* ===== Advanced Tech Motion System ===== *\/\n  .camx-page {\n    isolation: isolate;\n  }\n\n  .camx-tech-grid,\n  .camx-tech-grid::before,\n  .camx-tech-grid::after,\n  .camx-particles,\n  .camx-scan-beam {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  .camx-tech-grid {\n    z-index: 0;\n    opacity: .42;\n    background-image:\n      linear-gradient(rgba(46,125,246,.06) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(46,125,246,.06) 1px, transparent 1px);\n    background-size: 38px 38px;\n    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.18) 58%, transparent 88%);\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.18) 58%, transparent 88%);\n    animation: camxGridDrift 18s linear infinite;\n  }\n\n  .camx-tech-grid::before {\n    content: \"\";\n    background:\n      radial-gradient(circle at 18% 12%, rgba(255,106,0,.18), transparent 18%),\n      radial-gradient(circle at 82% 26%, rgba(46,125,246,.18), transparent 20%);\n    filter: blur(3px);\n    animation: camxAurora 10s ease-in-out infinite alternate;\n  }\n\n  .camx-tech-grid::after {\n    content: \"\";\n    inset: 5% 8% auto auto;\n    width: 220px;\n    height: 220px;\n    border-radius: 50%;\n    border: 1px solid rgba(46,125,246,.18);\n    box-shadow:\n      0 0 0 24px rgba(46,125,246,.025),\n      0 0 0 52px rgba(46,125,246,.018),\n      inset 0 0 40px rgba(46,125,246,.05);\n    animation: camxRadarSpin 14s linear infinite;\n  }\n\n  .camx-particles {\n    z-index: 0;\n    opacity: .72;\n    background-image:\n      radial-gradient(circle, rgba(255,106,0,.55) 0 1.5px, transparent 2px),\n      radial-gradient(circle, rgba(46,125,246,.45) 0 1.5px, transparent 2px),\n      radial-gradient(circle, rgba(16,35,63,.24) 0 1px, transparent 1.5px);\n    background-size: 170px 170px, 210px 210px, 120px 120px;\n    background-position: 18px 24px, 76px 112px, 42px 64px;\n    animation: camxParticlesMove 24s linear infinite;\n  }\n\n  .camx-scan-beam {\n    z-index: 0;\n    height: 150px;\n    top: -180px;\n    background: linear-gradient(\n      180deg,\n      transparent 0%,\n      rgba(46,125,246,.015) 22%,\n      rgba(46,125,246,.16) 50%,\n      rgba(255,106,0,.045) 58%,\n      transparent 100%\n    );\n    filter: blur(.2px);\n    mix-blend-mode: multiply;\n    animation: camxPageScan 13s ease-in-out infinite;\n  }\n\n  .camx-topbar {\n    overflow: hidden;\n  }\n\n  .camx-topbar::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -35%;\n    width: 22%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);\n    transform: skewX(-22deg);\n    animation: camxTopSweep 6s ease-in-out infinite;\n  }\n\n  .camx-title em,\n  .camx-section-head h2 em {\n    background: linear-gradient(90deg, #ff5b00 0%, #ff9b45 35%, #ff6a00 65%, #ffb36f 100%);\n    background-size: 220% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: camxTextFlow 5s linear infinite;\n  }\n\n  .camx-hero-visual {\n    transform-style: preserve-3d;\n  }\n\n  .camx-hero-visual::before,\n  .camx-hero-visual::after {\n    content: \"\";\n    position: absolute;\n    pointer-events: none;\n  }\n\n  .camx-hero-visual::before {\n    inset: -2px;\n    z-index: -2;\n    border-radius: 28px;\n    background: conic-gradient(\n      from var(--camx-angle, 0deg),\n      rgba(255,106,0,.9),\n      transparent 20%,\n      rgba(46,125,246,.75) 42%,\n      transparent 62%,\n      rgba(255,106,0,.75) 82%,\n      rgba(255,106,0,.9)\n    );\n    filter: blur(12px);\n    opacity: .34;\n    animation: camxBorderSpin 7s linear infinite;\n  }\n\n  .camx-hero-visual::after {\n    inset: 7%;\n    border-radius: 50%;\n    border: 1px solid rgba(46,125,246,.24);\n    box-shadow:\n      0 0 0 18px rgba(46,125,246,.025),\n      0 0 0 38px rgba(255,106,0,.018);\n    animation: camxPulseRing 4.8s ease-in-out infinite;\n  }\n\n  .camx-float-card {\n    animation: camxCardFloat 4.2s ease-in-out infinite;\n  }\n\n  .camx-float-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    padding: 1px;\n    background: linear-gradient(120deg, rgba(255,106,0,.9), rgba(46,125,246,.7), transparent 70%);\n    -webkit-mask:\n      linear-gradient(#000 0 0) content-box,\n      linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    opacity: .7;\n  }\n\n  .camx-strip-item {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .camx-strip-item::after {\n    content: \"\";\n    position: absolute;\n    left: 14%;\n    right: 14%;\n    bottom: 0;\n    height: 2px;\n    transform: scaleX(0);\n    transform-origin: center;\n    background: linear-gradient(90deg, transparent, var(--camx-orange), var(--camx-blue), transparent);\n    transition: transform .35s ease;\n  }\n\n  .camx-strip-item:hover::after {\n    transform: scaleX(1);\n  }\n\n  .camx-benefit,\n  .camx-feature,\n  .camx-night-card,\n  .camx-gallery figure,\n  .camx-package-media,\n  .camx-faq details {\n    position: relative;\n  }\n\n  .camx-benefit::before,\n  .camx-feature::before,\n  .camx-night-card::before,\n  .camx-gallery figure::before,\n  .camx-package-media::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    border-radius: inherit;\n    background:\n      linear-gradient(110deg, transparent 25%, rgba(255,255,255,.52) 47%, transparent 68%);\n    transform: translateX(-135%);\n    transition: transform .9s cubic-bezier(.2,.7,.2,1);\n    mix-blend-mode: screen;\n  }\n\n  .camx-benefit:hover::before,\n  .camx-feature:hover::before,\n  .camx-night-card:hover::before,\n  .camx-gallery figure:hover::before,\n  .camx-package-media:hover::before {\n    transform: translateX(135%);\n  }\n\n  .camx-benefit-icon {\n    position: relative;\n    isolation: isolate;\n  }\n\n  .camx-benefit-icon::after {\n    content: \"\";\n    position: absolute;\n    inset: -7px;\n    z-index: -1;\n    border-radius: 18px;\n    border: 1px solid rgba(255,106,0,.28);\n    animation: camxIconPulse 3s ease-in-out infinite;\n  }\n\n  .camx-media img,\n  .camx-night-card img,\n  .camx-gallery img,\n  .camx-package-media img {\n    will-change: transform;\n  }\n\n  .camx-feature:hover .camx-media img {\n    transform: scale(1.035) rotate(.25deg);\n  }\n\n  .camx-night-card:hover img,\n  .camx-gallery figure:hover img,\n  .camx-package-media:hover img {\n    transform: scale(1.035);\n  }\n\n  .camx-faq details[open] {\n    animation: camxFaqOpen .34s ease both;\n  }\n\n  .camx-faq summary::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 16%;\n    bottom: 16%;\n    width: 3px;\n    border-radius: 999px;\n    background: linear-gradient(var(--camx-orange), var(--camx-blue));\n    transform: scaleY(0);\n    transform-origin: center;\n    transition: transform .28s ease;\n  }\n\n  .camx-faq details[open] summary::before {\n    transform: scaleY(1);\n  }\n\n  .camx-end-card::before,\n  .camx-end-card::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  .camx-end-card::before {\n    width: 260px;\n    height: 260px;\n    left: -100px;\n    top: -120px;\n    border: 1px solid rgba(255,106,0,.2);\n    box-shadow:\n      0 0 0 28px rgba(255,106,0,.025),\n      0 0 0 58px rgba(255,106,0,.015);\n    animation: camxRadarSpin 18s linear infinite;\n  }\n\n  .camx-end-card::after {\n    width: 220px;\n    height: 220px;\n    right: -85px;\n    bottom: -100px;\n    border: 1px solid rgba(46,125,246,.2);\n    box-shadow:\n      0 0 0 24px rgba(46,125,246,.025),\n      0 0 0 52px rgba(46,125,246,.014);\n    animation: camxRadarSpin 15s linear infinite reverse;\n  }\n\n  \/* Progressive scroll-reveal effect in browsers that support view timelines *\/\n  @supports (animation-timeline: view()) {\n    .camx-animate {\n      opacity: 0;\n      transform: translateY(34px) scale(.985);\n      animation-name: camxViewReveal;\n      animation-duration: 1ms;\n      animation-fill-mode: both;\n      animation-timeline: view();\n      animation-range: entry 10% cover 28%;\n    }\n  }\n\n  @property --camx-angle {\n    syntax: \"\u003cangle\u003e\";\n    initial-value: 0deg;\n    inherits: false;\n  }\n\n  @keyframes camxViewReveal {\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  @keyframes camxGridDrift {\n    from { background-position: 0 0, 0 0; }\n    to { background-position: 38px 38px, 38px 38px; }\n  }\n\n  @keyframes camxAurora {\n    0% { transform: translate3d(-2%, 0, 0) scale(1); opacity: .65; }\n    100% { transform: translate3d(2%, 2%, 0) scale(1.08); opacity: 1; }\n  }\n\n  @keyframes camxParticlesMove {\n    from { background-position: 18px 24px, 76px 112px, 42px 64px; }\n    to { background-position: 188px 194px, -134px 322px, 162px -56px; }\n  }\n\n  @keyframes camxPageScan {\n    0%, 10% { transform: translateY(-180px); opacity: 0; }\n    16% { opacity: .8; }\n    70% { opacity: .55; }\n    90%, 100% { transform: translateY(4200px); opacity: 0; }\n  }\n\n  @keyframes camxTopSweep {\n    0%, 18% { left: -35%; opacity: 0; }\n    28% { opacity: .9; }\n    58% { left: 125%; opacity: .5; }\n    100% { left: 125%; opacity: 0; }\n  }\n\n  @keyframes camxTextFlow {\n    to { background-position: 220% center; }\n  }\n\n  @keyframes camxBorderSpin {\n    to { --camx-angle: 360deg; }\n  }\n\n  @keyframes camxPulseRing {\n    0%, 100% { transform: scale(.96); opacity: .45; }\n    50% { transform: scale(1.035); opacity: .85; }\n  }\n\n  @keyframes camxCardFloat {\n    0%, 100% { transform: translateY(0) rotate(0); }\n    50% { transform: translateY(-7px) rotate(.25deg); }\n  }\n\n  @keyframes camxIconPulse {\n    0%, 100% { transform: scale(.96); opacity: .35; }\n    50% { transform: scale(1.06); opacity: .9; }\n  }\n\n  @keyframes camxRadarSpin {\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes camxFaqOpen {\n    from { transform: translateY(-3px); }\n    to { transform: translateY(0); }\n  }\n\n  @media (max-width: 640px) {\n    .camx-tech-grid {\n      background-size: 26px 26px;\n      opacity: .3;\n    }\n\n    .camx-particles {\n      opacity: .48;\n      background-size: 130px 130px, 170px 170px, 96px 96px;\n    }\n\n    .camx-scan-beam {\n      display: none;\n    }\n\n    .camx-hero-visual {\n      animation-duration: 7.5s;\n    }\n\n    .camx-float-card {\n      animation: none;\n    }\n\n    .camx-benefit:hover,\n    .camx-feature:hover,\n    .camx-night-card:hover {\n      transform: none;\n    }\n  }\n\n\n\n  \/* =========================================================\n     CINEMATIC MOBILE TECH SYSTEM\n     CSS-only: compatible with Shopify product descriptions\n     ========================================================= *\/\n\n  .camx-page {\n    --camx-neon-orange: #ff6400;\n    --camx-neon-blue: #168cff;\n    --camx-neon-cyan: #30d7ff;\n    --camx-neon-violet: #7857ff;\n    isolation: isolate;\n  }\n\n  \/* Animated background energy field *\/\n  .camx-tech-grid {\n    opacity: .58;\n    background-image:\n      linear-gradient(rgba(22,140,255,.07) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(22,140,255,.07) 1px, transparent 1px),\n      linear-gradient(135deg, rgba(255,100,0,.025) 25%, transparent 25%, transparent 75%, rgba(255,100,0,.025) 75%);\n    background-size: 34px 34px, 34px 34px, 68px 68px;\n    animation: camxCyberGrid 13s linear infinite;\n    transform-origin: 50% 0%;\n  }\n\n  .camx-tech-grid::before {\n    content: \"\";\n    position: absolute;\n    inset: -15%;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(255,100,0,.23), transparent 18%),\n      radial-gradient(circle at 88% 26%, rgba(22,140,255,.21), transparent 20%),\n      radial-gradient(circle at 48% 58%, rgba(120,87,255,.10), transparent 20%);\n    filter: blur(18px);\n    animation: camxAuroraShift 9s ease-in-out infinite alternate;\n  }\n\n  .camx-tech-grid::after {\n    content: \"\";\n    position: absolute;\n    top: 100px;\n    right: -120px;\n    width: 330px;\n    height: 330px;\n    border-radius: 50%;\n    border: 1px solid rgba(22,140,255,.18);\n    box-shadow:\n      0 0 0 28px rgba(22,140,255,.026),\n      0 0 0 64px rgba(255,100,0,.018),\n      0 0 70px rgba(22,140,255,.10);\n    background:\n      conic-gradient(from 0deg, transparent 0 28deg, rgba(22,140,255,.23) 30deg 31deg, transparent 33deg 90deg);\n    animation: camxRadarRotate 11s linear infinite;\n  }\n\n  .camx-particles {\n    opacity: .82;\n    background-image:\n      radial-gradient(circle, rgba(255,100,0,.8) 0 1.4px, transparent 1.9px),\n      radial-gradient(circle, rgba(22,140,255,.72) 0 1.3px, transparent 1.8px),\n      radial-gradient(circle, rgba(48,215,255,.55) 0 1px, transparent 1.5px);\n    background-size: 135px 135px, 180px 180px, 96px 96px;\n    animation: camxParticleDrift 18s linear infinite;\n  }\n\n  .camx-scan-beam {\n    display: block;\n    height: 180px;\n    top: -220px;\n    background:\n      linear-gradient(\n        180deg,\n        transparent 0%,\n        rgba(22,140,255,.02) 28%,\n        rgba(22,140,255,.17) 48%,\n        rgba(48,215,255,.23) 50%,\n        rgba(255,100,0,.08) 54%,\n        transparent 100%\n      );\n    filter: blur(.25px);\n    mix-blend-mode: multiply;\n    animation: camxGlobalScan 10s cubic-bezier(.4,0,.2,1) infinite;\n  }\n\n  \/* Hero hologram *\/\n  .camx-hero-visual {\n    overflow: visible;\n    transform-style: preserve-3d;\n    perspective: 1000px;\n    animation: camxHeroLevitate 5.5s ease-in-out infinite !important;\n  }\n\n  .camx-hero-visual::before {\n    content: \"\";\n    position: absolute;\n    inset: -3px;\n    z-index: -2;\n    border-radius: 29px;\n    background:\n      conic-gradient(\n        from var(--camx-angle, 0deg),\n        var(--camx-neon-orange),\n        transparent 16%,\n        var(--camx-neon-blue) 35%,\n        transparent 53%,\n        var(--camx-neon-cyan) 72%,\n        transparent 86%,\n        var(--camx-neon-orange)\n      );\n    filter: blur(10px);\n    opacity: .52;\n    animation: camxBorderOrbit 5.8s linear infinite;\n  }\n\n  .camx-hero-visual::after {\n    content: \"\";\n    position: absolute;\n    inset: 7%;\n    z-index: 2;\n    pointer-events: none;\n    border: 1px solid rgba(48,215,255,.20);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 14px rgba(22,140,255,.025),\n      0 0 0 32px rgba(255,100,0,.016),\n      inset 0 0 40px rgba(22,140,255,.04);\n    animation: camxCorePulse 4s ease-in-out infinite;\n  }\n\n  .camx-holo-system {\n    position: absolute;\n    inset: 8%;\n    z-index: 3;\n    pointer-events: none;\n    transform-style: preserve-3d;\n  }\n\n  .camx-orbit {\n    position: absolute;\n    inset: 0;\n    margin: auto;\n    border-radius: 50%;\n    border: 1px solid rgba(22,140,255,.32);\n    box-shadow: 0 0 24px rgba(22,140,255,.08);\n  }\n\n  .camx-orbit::before {\n    content: \"\";\n    position: absolute;\n    width: 9px;\n    height: 9px;\n    top: -5px;\n    left: 50%;\n    border-radius: 50%;\n    background: var(--camx-neon-cyan);\n    box-shadow:\n      0 0 9px var(--camx-neon-cyan),\n      0 0 20px rgba(48,215,255,.85);\n  }\n\n  .camx-orbit-a {\n    inset: 4%;\n    border-color: rgba(22,140,255,.34);\n    animation: camxOrbitA 8s linear infinite;\n  }\n\n  .camx-orbit-b {\n    inset: 15%;\n    border-color: rgba(255,100,0,.31);\n    transform: rotateX(66deg) rotateZ(15deg);\n    animation: camxOrbitB 6.8s linear infinite reverse;\n  }\n\n  .camx-orbit-c {\n    inset: 26%;\n    border-style: dashed;\n    border-color: rgba(120,87,255,.40);\n    animation: camxOrbitC 5.4s linear infinite;\n  }\n\n  .camx-node {\n    position: absolute;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--camx-neon-orange);\n    box-shadow:\n      0 0 0 5px rgba(255,100,0,.10),\n      0 0 14px rgba(255,100,0,.92);\n    animation: camxNodePulse 2.4s ease-in-out infinite;\n  }\n\n  .camx-node-1 { top: 7%; left: 25%; animation-delay: 0s; }\n  .camx-node-2 { top: 20%; right: 5%; animation-delay: .35s; background: var(--camx-neon-blue); }\n  .camx-node-3 { bottom: 15%; right: 10%; animation-delay: .7s; }\n  .camx-node-4 { bottom: 5%; left: 34%; animation-delay: 1.05s; background: var(--camx-neon-cyan); }\n  .camx-node-5 { top: 48%; left: 1%; animation-delay: 1.4s; background: var(--camx-neon-blue); }\n  .camx-node-6 { top: 29%; left: 15%; animation-delay: 1.75s; background: var(--camx-neon-violet); }\n\n  .camx-product-scan {\n    position: absolute;\n    top: -8%;\n    left: 5%;\n    right: 5%;\n    height: 3px;\n    border-radius: 999px;\n    background:\n      linear-gradient(90deg, transparent, var(--camx-neon-blue), #fff, var(--camx-neon-orange), transparent);\n    box-shadow:\n      0 0 12px rgba(22,140,255,.8),\n      0 0 26px rgba(48,215,255,.55);\n    opacity: 0;\n    animation: camxProductScan 4.8s ease-in-out infinite;\n  }\n\n  .camx-float-card {\n    animation: camxDataCard 3.8s ease-in-out infinite !important;\n  }\n\n  .camx-float-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.22) 48%, transparent 72%);\n    transform: translateX(-140%);\n    animation: camxDataShimmer 4.2s ease-in-out infinite;\n  }\n\n  \/* Animated typography *\/\n  .camx-title em,\n  .camx-section-head h2 em {\n    color: transparent !important;\n    background:\n      linear-gradient(\n        90deg,\n        var(--camx-neon-orange) 0%,\n        #ff9a50 20%,\n        var(--camx-neon-cyan) 46%,\n        var(--camx-neon-blue) 66%,\n        var(--camx-neon-orange) 100%\n      );\n    background-size: 260% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: camxTextEnergy 4.6s linear infinite;\n  }\n\n  \/* Tech cards *\/\n  .camx-benefit,\n  .camx-feature,\n  .camx-night-card,\n  .camx-gallery figure,\n  .camx-package-media {\n    overflow: hidden;\n  }\n\n  .camx-benefit::before,\n  .camx-feature::before,\n  .camx-night-card::before,\n  .camx-gallery figure::before,\n  .camx-package-media::before {\n    content: \"\";\n    position: absolute;\n    inset: -1px;\n    z-index: 2;\n    pointer-events: none;\n    border-radius: inherit;\n    background:\n      linear-gradient(110deg, transparent 25%, rgba(255,255,255,.72) 48%, transparent 70%);\n    transform: translateX(-155%);\n    animation: camxAutoShimmer 7s ease-in-out infinite;\n  }\n\n  .camx-benefit:nth-child(2)::before,\n  .camx-feature:nth-child(2)::before,\n  .camx-gallery figure:nth-child(2)::before {\n    animation-delay: 1.4s;\n  }\n\n  .camx-benefit:nth-child(3)::before,\n  .camx-feature:nth-child(3)::before {\n    animation-delay: 2.8s;\n  }\n\n  .camx-benefit:nth-child(4)::before,\n  .camx-feature:nth-child(4)::before {\n    animation-delay: 4.2s;\n  }\n\n  .camx-benefit-icon {\n    isolation: isolate;\n    animation: camxIconHover 3s ease-in-out infinite;\n  }\n\n  .camx-benefit-icon::before {\n    content: \"\";\n    position: absolute;\n    inset: -7px;\n    z-index: -1;\n    border: 1px solid rgba(255,100,0,.24);\n    border-radius: 18px;\n    animation: camxIconRing 2.8s ease-in-out infinite;\n  }\n\n  .camx-media,\n  .camx-night-card,\n  .camx-gallery figure,\n  .camx-package-media {\n    position: relative;\n  }\n\n  .camx-media::after,\n  .camx-night-card::after,\n  .camx-gallery figure::after,\n  .camx-package-media::after {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    left: 4%;\n    right: 4%;\n    top: -5px;\n    height: 2px;\n    opacity: 0;\n    pointer-events: none;\n    border-radius: 999px;\n    background: linear-gradient(90deg, transparent, var(--camx-neon-cyan), var(--camx-neon-orange), transparent);\n    box-shadow: 0 0 14px rgba(22,140,255,.7);\n    animation: camxImageScan 6s ease-in-out infinite;\n  }\n\n  .camx-feature:nth-child(2) .camx-media::after { animation-delay: 1.2s; }\n  .camx-feature:nth-child(3) .camx-media::after { animation-delay: 2.4s; }\n  .camx-feature:nth-child(4) .camx-media::after { animation-delay: 3.6s; }\n\n  \/* Section reveal *\/\n  @supports (animation-timeline: view()) {\n    .camx-animate {\n      opacity: 0;\n      filter: blur(7px);\n      transform: translateY(44px) scale(.975);\n      animation: camxViewReveal linear both !important;\n      animation-timeline: view() !important;\n      animation-range: entry 5% cover 30% !important;\n    }\n  }\n\n  .camx-faq details[open] {\n    animation: camxFaqEnergize .38s ease both;\n  }\n\n  .camx-faq summary::before {\n    content: \"\";\n    position: absolute;\n    top: 15%;\n    bottom: 15%;\n    left: 0;\n    width: 3px;\n    border-radius: 999px;\n    background: linear-gradient(var(--camx-neon-orange), var(--camx-neon-blue));\n    transform: scaleY(0);\n    transform-origin: center;\n    transition: transform .3s ease;\n  }\n\n  .camx-faq details[open] summary::before {\n    transform: scaleY(1);\n  }\n\n  .camx-end-card::before,\n  .camx-end-card::after {\n    content: \"\";\n    position: absolute;\n    pointer-events: none;\n    border-radius: 50%;\n  }\n\n  .camx-end-card::before {\n    width: 260px;\n    height: 260px;\n    top: -130px;\n    left: -110px;\n    border: 1px solid rgba(255,100,0,.22);\n    box-shadow:\n      0 0 0 26px rgba(255,100,0,.025),\n      0 0 0 58px rgba(255,100,0,.014);\n    animation: camxRadarRotate 14s linear infinite;\n  }\n\n  .camx-end-card::after {\n    width: 230px;\n    height: 230px;\n    right: -90px;\n    bottom: -115px;\n    border: 1px solid rgba(22,140,255,.22);\n    box-shadow:\n      0 0 0 24px rgba(22,140,255,.025),\n      0 0 0 52px rgba(22,140,255,.014);\n    animation: camxRadarRotate 12s linear infinite reverse;\n  }\n\n  \/* =======================\n     DEDICATED MOBILE LAYOUT\n     ======================= *\/\n  @media (max-width: 767px) {\n    .camx-page {\n      width: 100%;\n      max-width: none;\n      margin: 0;\n      border: 0;\n      border-radius: 0;\n      overflow-x: hidden;\n    }\n\n    .camx-wrap {\n      width: calc(100% - 26px);\n      max-width: none;\n      margin: 0 auto;\n    }\n\n    .camx-tech-grid {\n      opacity: .44;\n      background-size: 24px 24px, 24px 24px, 48px 48px;\n    }\n\n    .camx-tech-grid::after {\n      top: 150px;\n      right: -120px;\n      width: 250px;\n      height: 250px;\n    }\n\n    .camx-particles {\n      opacity: .64;\n      background-size: 105px 105px, 145px 145px, 78px 78px;\n      animation-duration: 15s;\n    }\n\n    .camx-scan-beam {\n      height: 120px;\n      animation-duration: 8.5s;\n    }\n\n    \/* Swipeable top tech chips *\/\n    .camx-topbar {\n      justify-content: flex-start;\n      flex-wrap: nowrap;\n      gap: 8px;\n      padding: 10px 11px;\n      overflow-x: auto;\n      overscroll-behavior-x: contain;\n      scroll-snap-type: x proximity;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      font-size: 10px;\n      letter-spacing: .025em;\n    }\n\n    .camx-topbar::-webkit-scrollbar {\n      display: none;\n    }\n\n    .camx-topbar span {\n      flex: 0 0 auto;\n      min-height: 30px;\n      padding: 6px 10px;\n      border: 1px solid rgba(255,255,255,.13);\n      border-radius: 999px;\n      background: rgba(255,255,255,.065);\n      scroll-snap-align: start;\n    }\n\n    .camx-topbar::after {\n      display: none;\n    }\n\n    \/* Mobile hero *\/\n    .camx-hero {\n      padding: 34px 0 38px;\n    }\n\n    .camx-hero-grid {\n      grid-template-columns: 1fr;\n      gap: 21px;\n    }\n\n    .camx-kicker {\n      margin-bottom: 11px;\n      padding: 6px 10px;\n      font-size: 10px;\n      letter-spacing: .065em;\n    }\n\n    .camx-title {\n      max-width: 100%;\n      font-size: clamp(38px, 12vw, 49px);\n      line-height: .98;\n      letter-spacing: -.045em;\n    }\n\n    .camx-subtitle {\n      max-width: 100%;\n      margin-top: 15px;\n      font-size: 15px;\n      line-height: 1.58;\n    }\n\n    .camx-proof {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 6px;\n      margin-top: 17px;\n    }\n\n    .camx-proof span {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 42px;\n      padding: 7px 5px;\n      border-radius: 11px;\n      text-align: center;\n      font-size: 10.5px;\n      line-height: 1.2;\n    }\n\n    .camx-hero-visual {\n      order: 2;\n      padding: 9px;\n      border-radius: 20px;\n      animation: camxHeroMobileFloat 4.5s ease-in-out infinite !important;\n    }\n\n    .camx-hero-visual img {\n      border-radius: 14px;\n    }\n\n    .camx-holo-system {\n      inset: 10%;\n    }\n\n    .camx-orbit-a {\n      inset: 2%;\n      animation-duration: 6.5s;\n    }\n\n    .camx-orbit-b {\n      inset: 13%;\n      animation-duration: 5.8s;\n    }\n\n    .camx-orbit-c {\n      inset: 25%;\n      animation-duration: 4.8s;\n    }\n\n    .camx-node {\n      width: 6px;\n      height: 6px;\n    }\n\n    .camx-float-card {\n      position: static;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      width: 100%;\n      margin-top: 8px;\n      padding: 12px 14px;\n      border-radius: 13px;\n      animation: camxDataCardMobile 3.6s ease-in-out infinite !important;\n    }\n\n    .camx-float-card strong {\n      flex: 0 0 auto;\n      font-size: 18px;\n    }\n\n    .camx-float-card span {\n      margin: 0;\n      text-align: right;\n      font-size: 10.5px;\n      line-height: 1.25;\n    }\n\n    \/* Compact selling-point grid *\/\n    .camx-strip {\n      padding-bottom: 42px;\n    }\n\n    .camx-strip-grid {\n      grid-template-columns: repeat(2, 1fr);\n      border-radius: 15px;\n    }\n\n    .camx-strip-item {\n      min-height: 92px;\n      padding: 14px 8px;\n    }\n\n    .camx-strip-item strong {\n      font-size: 14px;\n      line-height: 1.2;\n    }\n\n    .camx-strip-item span {\n      font-size: 11px;\n      line-height: 1.35;\n    }\n\n    \/* Mobile typography *\/\n    .camx-section {\n      padding: 52px 0;\n    }\n\n    .camx-section-head {\n      margin-bottom: 26px;\n    }\n\n    .camx-section-head h2 {\n      font-size: clamp(29px, 9.3vw, 38px);\n      line-height: 1.08;\n      letter-spacing: -.035em;\n    }\n\n    .camx-section-head p {\n      margin-top: 12px;\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    \/* Core features remain compact on mobile *\/\n    .camx-benefit-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .camx-benefit {\n      min-height: 190px;\n      padding: 16px 13px;\n      border-radius: 16px;\n    }\n\n    .camx-benefit-icon {\n      width: 39px;\n      height: 39px;\n      border-radius: 12px;\n      font-size: 13px;\n    }\n\n    .camx-benefit h3 {\n      margin: 14px 0 6px;\n      font-size: 16px;\n      line-height: 1.2;\n    }\n\n    .camx-benefit p {\n      font-size: 12.5px;\n      line-height: 1.5;\n    }\n\n    \/* Full-width feature modules *\/\n    .camx-feature-stack {\n      gap: 17px;\n    }\n\n    .camx-feature {\n      grid-template-columns: 1fr;\n      gap: 0;\n      padding: 10px;\n      border-radius: 19px;\n    }\n\n    .camx-feature:nth-child(even) .camx-media {\n      order: 0;\n    }\n\n    .camx-media {\n      border-radius: 13px;\n    }\n\n    .camx-copy {\n      padding: 17px 8px 12px;\n    }\n\n    .camx-copy small {\n      font-size: 10px;\n    }\n\n    .camx-copy h3 {\n      margin: 7px 0 9px;\n      font-size: clamp(25px, 7.8vw, 31px);\n      line-height: 1.08;\n    }\n\n    .camx-copy p,\n    .camx-list li {\n      font-size: 13.5px;\n      line-height: 1.55;\n    }\n\n    .camx-list {\n      gap: 7px;\n      margin-top: 14px;\n    }\n\n    \/* Night, setup and package imagery *\/\n    .camx-night-grid,\n    .camx-gallery,\n    .camx-package {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .camx-night-card,\n    .camx-gallery figure,\n    .camx-package-media {\n      border-radius: 18px;\n    }\n\n    .camx-night-copy {\n      padding: 18px 17px 20px;\n    }\n\n    .camx-night-copy h3 {\n      font-size: 20px;\n    }\n\n    .camx-night-copy p {\n      font-size: 13.5px;\n    }\n\n    .camx-package {\n      gap: 22px;\n    }\n\n    .camx-package-copy h2 {\n      font-size: 33px;\n      line-height: 1.06;\n    }\n\n    .camx-package-copy p {\n      font-size: 14px;\n    }\n\n    .camx-package-items {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 8px;\n      margin-top: 17px;\n    }\n\n    .camx-package-item {\n      min-height: 58px;\n      display: flex;\n      align-items: center;\n      padding: 12px;\n      font-size: 12px;\n      line-height: 1.3;\n    }\n\n    \/* Touch-friendly FAQ *\/\n    .camx-faq {\n      gap: 9px;\n    }\n\n    .camx-faq details {\n      border-radius: 13px;\n    }\n\n    .camx-faq summary {\n      min-height: 56px;\n      padding: 17px 45px 17px 16px;\n      font-size: 14px;\n      line-height: 1.4;\n    }\n\n    .camx-faq summary::after {\n      right: 15px;\n      top: 9px;\n    }\n\n    .camx-faq p {\n      padding: 0 16px 17px;\n      font-size: 13.5px;\n      line-height: 1.55;\n    }\n\n    .camx-end {\n      padding: 22px 0 46px;\n    }\n\n    .camx-end-card {\n      padding: 38px 17px;\n      border-radius: 20px;\n    }\n\n    .camx-end-card h2 {\n      font-size: 35px;\n      line-height: 1.04;\n    }\n\n    .camx-end-card p {\n      font-size: 14px;\n      line-height: 1.55;\n    }\n  }\n\n  @media (max-width: 380px) {\n    .camx-wrap {\n      width: calc(100% - 20px);\n    }\n\n    .camx-title {\n      font-size: 37px;\n    }\n\n    .camx-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .camx-benefit {\n      min-height: 0;\n    }\n\n    .camx-proof {\n      grid-template-columns: 1fr;\n    }\n\n    .camx-proof span {\n      min-height: 35px;\n    }\n  }\n\n  \/* Respect accessibility settings *\/\n  @media (prefers-reduced-motion: reduce) {\n    .camx-page *,\n    .camx-page *::before,\n    .camx-page *::after {\n      animation: none !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\n  @property --camx-angle {\n    syntax: \"\u003cangle\u003e\";\n    initial-value: 0deg;\n    inherits: false;\n  }\n\n  @keyframes camxCyberGrid {\n    0% { background-position: 0 0, 0 0, 0 0; transform: translateZ(0) scale(1); }\n    50% { transform: translateZ(0) scale(1.015); }\n    100% { background-position: 34px 34px, 34px 34px, 68px 68px; transform: translateZ(0) scale(1); }\n  }\n\n  @keyframes camxAuroraShift {\n    0% { transform: translate3d(-2%, -1%, 0) scale(1); opacity: .72; }\n    100% { transform: translate3d(3%, 3%, 0) scale(1.1); opacity: 1; }\n  }\n\n  @keyframes camxParticleDrift {\n    0% { background-position: 18px 24px, 76px 112px, 42px 64px; }\n    100% { background-position: 153px 294px, -104px 382px, 138px -32px; }\n  }\n\n  @keyframes camxGlobalScan {\n    0%, 8% { transform: translateY(-240px); opacity: 0; }\n    15% { opacity: .8; }\n    72% { opacity: .55; }\n    92%, 100% { transform: translateY(5200px); opacity: 0; }\n  }\n\n  @keyframes camxRadarRotate {\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes camxBorderOrbit {\n    to { --camx-angle: 360deg; }\n  }\n\n  @keyframes camxHeroLevitate {\n    0%, 100% { transform: translateY(0) rotateX(0deg) rotateY(0deg); }\n    25% { transform: translateY(-7px) rotateX(.7deg) rotateY(-.8deg); }\n    50% { transform: translateY(-12px) rotateX(0deg) rotateY(.7deg); }\n    75% { transform: translateY(-6px) rotateX(-.6deg) rotateY(0deg); }\n  }\n\n  @keyframes camxHeroMobileFloat {\n    0%, 100% { transform: translateY(0) scale(1); }\n    50% { transform: translateY(-6px) scale(1.006); }\n  }\n\n  @keyframes camxCorePulse {\n    0%, 100% { transform: scale(.95); opacity: .30; }\n    50% { transform: scale(1.035); opacity: .78; }\n  }\n\n  @keyframes camxOrbitA {\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes camxOrbitB {\n    from { transform: rotateX(66deg) rotateZ(15deg); }\n    to { transform: rotateX(66deg) rotateZ(375deg); }\n  }\n\n  @keyframes camxOrbitC {\n    to { transform: rotate(-360deg); }\n  }\n\n  @keyframes camxNodePulse {\n    0%, 100% { transform: scale(.7); opacity: .35; }\n    50% { transform: scale(1.25); opacity: 1; }\n  }\n\n  @keyframes camxProductScan {\n    0%, 14% { transform: translateY(0); opacity: 0; }\n    22% { opacity: .95; }\n    72% { opacity: .8; }\n    88%, 100% { transform: translateY(430px); opacity: 0; }\n  }\n\n  @keyframes camxDataCard {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-8px) rotate(.35deg); }\n  }\n\n  @keyframes camxDataCardMobile {\n    0%, 100% { transform: translateY(0); box-shadow: 0 18px 44px rgba(16,35,63,.22); }\n    50% { transform: translateY(-3px); box-shadow: 0 22px 58px rgba(22,140,255,.25); }\n  }\n\n  @keyframes camxDataShimmer {\n    0%, 18% { transform: translateX(-140%); opacity: 0; }\n    32% { opacity: 1; }\n    62%, 100% { transform: translateX(140%); opacity: 0; }\n  }\n\n  @keyframes camxTextEnergy {\n    to { background-position: 260% center; }\n  }\n\n  @keyframes camxAutoShimmer {\n    0%, 14% { transform: translateX(-155%); opacity: 0; }\n    22% { opacity: .75; }\n    46% { transform: translateX(155%); opacity: 0; }\n    100% { transform: translateX(155%); opacity: 0; }\n  }\n\n  @keyframes camxIconHover {\n    0%, 100% { transform: translateY(0) rotate(0); }\n    50% { transform: translateY(-4px) rotate(1deg); }\n  }\n\n  @keyframes camxIconRing {\n    0%, 100% { transform: scale(.92); opacity: .28; }\n    50% { transform: scale(1.08); opacity: .82; }\n  }\n\n  @keyframes camxImageScan {\n    0%, 18% { top: -5px; opacity: 0; }\n    25% { opacity: .9; }\n    70% { opacity: .65; }\n    88%, 100% { top: calc(100% + 5px); opacity: 0; }\n  }\n\n  @keyframes camxViewReveal {\n    to {\n      opacity: 1;\n      filter: blur(0);\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  @keyframes camxFaqEnergize {\n    0% { transform: translateY(-3px); box-shadow: 0 0 0 rgba(22,140,255,0); }\n    100% { transform: translateY(0); box-shadow: 0 10px 26px rgba(22,140,255,.08); }\n  }\n\n\n  \/* =========================================================\n     HERO CLARITY + PAIN-POINT-FIRST CONVERSION LAYER\n     ========================================================= *\/\n\n  .camx-hero-copy {\n    position: relative;\n    z-index: 8;\n    padding: clamp(24px, 3vw, 34px);\n    border: 1px solid rgba(15, 35, 64, 0.10);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.90);\n    box-shadow:\n      0 24px 60px rgba(16, 35, 63, 0.10),\n      inset 0 1px 0 rgba(255, 255, 255, 0.92);\n  }\n\n  .camx-hero-copy::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 28px;\n    right: 28px;\n    height: 3px;\n    border-radius: 0 0 999px 999px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--camx-neon-orange),\n      var(--camx-neon-cyan),\n      transparent\n    );\n    animation: camxHeroLine 4.8s ease-in-out infinite;\n  }\n\n  .camx-problem {\n    max-width: 620px;\n    margin: 0 0 18px;\n    padding-left: 15px;\n    border-left: 3px solid var(--camx-orange);\n    color: #3f5068 !important;\n    font-size: clamp(15px, 1.55vw, 18px);\n    font-weight: 720;\n    line-height: 1.55;\n  }\n\n  .camx-title {\n    position: relative;\n    z-index: 2;\n  }\n\n  .camx-subtitle {\n    color: #43546c !important;\n    font-weight: 560;\n  }\n\n  \/* Remove all blur\/reveal states so text and images are always immediately readable. *\/\n  .camx-animate,\n  .camx-animate.camx-d1,\n  .camx-animate.camx-d2,\n  .camx-animate.camx-d3 {\n    opacity: 1 !important;\n    visibility: visible !important;\n    filter: none !important;\n  }\n\n  @supports (animation-timeline: view()) {\n    .camx-animate,\n    .camx-animate.camx-d1,\n    .camx-animate.camx-d2,\n    .camx-animate.camx-d3 {\n      opacity: 1 !important;\n      visibility: visible !important;\n      filter: none !important;\n      transform: none;\n      animation-name: none !important;\n      animation-timeline: auto !important;\n    }\n  }\n\n  \/* Keep background effects behind content and reduce visual interference. *\/\n  .camx-tech-grid,\n  .camx-particles,\n  .camx-scan-beam {\n    z-index: 0 !important;\n  }\n\n  .camx-hero,\n  .camx-strip,\n  .camx-section,\n  .camx-end {\n    position: relative;\n    z-index: 2;\n  }\n\n  .camx-scan-beam {\n    opacity: 0.48;\n  }\n\n  @keyframes camxHeroLine {\n    0%, 100% {\n      opacity: .45;\n      transform: scaleX(.72);\n    }\n    50% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n  }\n\n  @media (max-width: 767px) {\n    .camx-hero {\n      padding-top: 25px;\n    }\n\n    .camx-hero-copy {\n      padding: 19px 16px 18px;\n      border-radius: 18px;\n      background: rgba(255, 255, 255, 0.96);\n      box-shadow: 0 16px 42px rgba(16, 35, 63, 0.10);\n    }\n\n    .camx-hero-copy::before {\n      left: 18px;\n      right: 18px;\n    }\n\n    .camx-problem {\n      margin-bottom: 14px;\n      padding-left: 12px;\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .camx-title {\n      font-size: clamp(39px, 11.8vw, 49px);\n    }\n\n    .camx-subtitle {\n      margin-top: 13px;\n      font-size: 14.5px;\n      line-height: 1.58;\n    }\n\n    .camx-tech-grid {\n      opacity: .28;\n    }\n\n    .camx-particles {\n      opacity: .42;\n    }\n\n    .camx-scan-beam {\n      opacity: .25;\n    }\n  }\n\n\n  \/* =========================================================\n     CLEAN TECH MODE — NO SCANNING, LESS COPY, STRONGER HERO\n     ========================================================= *\/\n\n  \/* Remove all scan-line \/ sweeping effects. *\/\n  .camx-scan-beam,\n  .camx-product-scan,\n  .camx-topbar::after,\n  .camx-media::after,\n  .camx-night-card::after,\n  .camx-gallery figure::after,\n  .camx-package-media::after,\n  .camx-benefit::before,\n  .camx-feature::before,\n  .camx-night-card::before,\n  .camx-gallery figure::before,\n  .camx-package-media::before {\n    display: none !important;\n    animation: none !important;\n  }\n\n  \/* Keep only orbit, particle, floating and gradient effects. *\/\n  .camx-hero-copy {\n    padding: clamp(22px, 3vw, 30px);\n  }\n\n  .camx-problem {\n    margin: 0 0 12px;\n    padding: 10px 13px;\n    border: 1px solid rgba(255, 106, 0, 0.18);\n    border-left: 3px solid var(--camx-orange);\n    border-radius: 10px;\n    background: #fff8f3;\n    color: #30435f !important;\n    font-size: clamp(14px, 1.45vw, 16px);\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .camx-title {\n    font-size: clamp(42px, 5.9vw, 72px);\n  }\n\n  .camx-subtitle {\n    max-width: 560px;\n    margin-top: 16px;\n    font-size: clamp(15px, 1.55vw, 18px);\n    line-height: 1.55;\n  }\n\n  .camx-proof {\n    margin-top: 18px;\n  }\n\n  \/* Expandable technical details *\/\n  .camx-tech-details {\n    margin-top: 15px;\n    border: 1px solid rgba(15, 35, 64, 0.10);\n    border-radius: 13px;\n    background: #f7faff;\n    overflow: hidden;\n  }\n\n  .camx-tech-details summary {\n    position: relative;\n    padding: 13px 42px 13px 15px;\n    cursor: pointer;\n    list-style: none;\n    color: #16345c !important;\n    font-size: 14px;\n    font-weight: 850;\n    line-height: 1.35;\n    user-select: none;\n  }\n\n  .camx-tech-details summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .camx-tech-details summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 15px;\n    top: 6px;\n    color: var(--camx-orange);\n    font-size: 25px;\n    font-weight: 500;\n    line-height: 1;\n    transition: transform .25s ease;\n  }\n\n  .camx-tech-details[open] summary::after {\n    content: \"−\";\n    transform: rotate(180deg);\n  }\n\n  .camx-tech-details \u003e p {\n    margin: 0;\n    padding: 0 15px 12px;\n    color: #52627a !important;\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .camx-tech-details .camx-list {\n    margin: 0;\n    padding: 0 15px 15px;\n  }\n\n  .camx-tech-details[open] {\n    border-color: rgba(255, 106, 0, 0.24);\n    background: #fffaf6;\n    box-shadow: 0 12px 26px rgba(16, 35, 63, 0.06);\n  }\n\n  \/* First screen should always show both copy and product image. *\/\n  .camx-hero-grid {\n    align-items: stretch;\n  }\n\n  .camx-hero-visual {\n    min-height: 100%;\n  }\n\n  .camx-hero-visual img {\n    height: 100%;\n    min-height: 420px;\n    object-fit: cover;\n  }\n\n  @media (max-width: 767px) {\n    .camx-hero {\n      padding: 18px 0 30px;\n    }\n\n    .camx-hero-grid {\n      gap: 12px;\n    }\n\n    .camx-hero-copy {\n      padding: 15px 14px 14px;\n      border-radius: 16px;\n    }\n\n    .camx-kicker {\n      margin-bottom: 8px;\n    }\n\n    .camx-problem {\n      margin-bottom: 9px;\n      padding: 8px 10px;\n      font-size: 12.5px;\n    }\n\n    .camx-title {\n      font-size: clamp(36px, 10.9vw, 44px);\n      line-height: .98;\n    }\n\n    .camx-subtitle {\n      margin-top: 10px;\n      font-size: 13.5px;\n      line-height: 1.45;\n    }\n\n    .camx-proof {\n      margin-top: 11px;\n      gap: 5px;\n    }\n\n    .camx-proof span {\n      min-height: 34px;\n      padding: 6px 5px;\n      font-size: 10px;\n    }\n\n    .camx-hero-visual {\n      margin-top: 0;\n      padding: 7px;\n      border-radius: 17px;\n      min-height: 0;\n    }\n\n    .camx-hero-visual img {\n      height: auto;\n      min-height: 0;\n      aspect-ratio: 1 \/ .82;\n      object-fit: cover;\n      border-radius: 12px;\n    }\n\n    .camx-float-card {\n      margin-top: 6px;\n      padding: 10px 12px;\n    }\n\n    .camx-feature {\n      padding: 8px;\n    }\n\n    .camx-copy {\n      padding: 14px 6px 8px;\n    }\n\n    .camx-copy h3 {\n      font-size: clamp(23px, 7.1vw, 28px);\n    }\n\n    .camx-copy \u003e p {\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .camx-tech-details {\n      margin-top: 11px;\n      border-radius: 11px;\n    }\n\n    .camx-tech-details summary {\n      min-height: 46px;\n      padding: 13px 39px 12px 13px;\n      font-size: 13px;\n    }\n\n    .camx-tech-details summary::after {\n      right: 13px;\n      top: 7px;\n    }\n\n    .camx-tech-details \u003e p,\n    .camx-tech-details .camx-list li {\n      font-size: 12.5px;\n    }\n\n    .camx-section {\n      padding: 46px 0;\n    }\n\n    .camx-section-head {\n      margin-bottom: 22px;\n    }\n\n    .camx-section-head p {\n      max-width: 310px;\n      margin-top: 9px;\n      font-size: 13px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .camx-hero {\n      padding-top: 14px;\n    }\n\n    .camx-title {\n      font-size: 35px;\n    }\n\n    .camx-problem {\n      font-size: 12px;\n    }\n\n    .camx-subtitle {\n      font-size: 13px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"camx-page\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"camx-tech-grid\"\u003e\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"camx-particles\"\u003e\u003c\/div\u003e\n\u003cdiv aria-hidden=\"true\" class=\"camx-scan-beam\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"camx-topbar\"\u003e\n\u003cspan\u003e2K Ultra HD\u003c\/span\u003e\n\u003cspan\u003eSmart Motion Alerts\u003c\/span\u003e\n\u003cspan\u003eTwo-Way Audio\u003c\/span\u003e\n\u003cspan\u003eDual-Light Night Vision\u003c\/span\u003e\n\u003c\/div\u003e\n\u003csection class=\"camx-hero\"\u003e\n\u003cdiv class=\"camx-wrap camx-hero-grid\"\u003e\n\u003cdiv class=\"camx-animate camx-hero-copy\"\u003e\n\u003cdiv class=\"camx-kicker\"\u003eNo Drilling. No Outdoor Wiring.\u003c\/div\u003e\n\u003cp class=\"camx-problem\"\u003eOutdoor security—without outdoor installation.\u003c\/p\u003e\n\u003ch1 class=\"camx-title\"\u003eMount Inside.\u003cbr\u003e\u003cem\u003eSee Outside.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"camx-subtitle\"\u003e2K video, instant alerts, two-way audio, and night vision through your window.\u003c\/p\u003e\n\u003cdiv class=\"camx-proof\"\u003e\n\u003cspan\u003e2K \/ 3MP\u003c\/span\u003e\u003cspan\u003ePhone Alerts\u003c\/span\u003e\u003cspan\u003eNight Vision\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-hero-visual camx-animate camx-d1\"\u003e\n\u003cimg alt=\"Window-mounted Wi-Fi security camera with 2K, night vision, and discreet setup features\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_06_8.png?v=1783151273\"\u003e\u003cdiv aria-hidden=\"true\" class=\"camx-holo-system\"\u003e\n\u003ci class=\"camx-orbit camx-orbit-a\"\u003e\u003c\/i\u003e\u003ci class=\"camx-orbit camx-orbit-b\"\u003e\u003c\/i\u003e\u003ci class=\"camx-orbit camx-orbit-c\"\u003e\u003c\/i\u003e\u003cb class=\"camx-node camx-node-1\"\u003e\u003c\/b\u003e\u003cb class=\"camx-node camx-node-2\"\u003e\u003c\/b\u003e\u003cb class=\"camx-node camx-node-3\"\u003e\u003c\/b\u003e\u003cb class=\"camx-node camx-node-4\"\u003e\u003c\/b\u003e\u003cb class=\"camx-node camx-node-5\"\u003e\u003c\/b\u003e\u003cb class=\"camx-node camx-node-6\"\u003e\u003c\/b\u003e\u003ci class=\"camx-product-scan\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-float-card\"\u003e\n\u003cstrong\u003e2K \/ 3MP\u003c\/strong\u003e\n\u003cspan\u003eSharper detail. Faster awareness.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-strip\"\u003e\n\u003cdiv class=\"camx-wrap camx-strip-grid camx-animate camx-d2\"\u003e\n\u003cdiv class=\"camx-strip-item\"\u003e\n\u003cstrong\u003eIndoor Mount\u003c\/strong\u003e\n\u003cspan\u003eNo exterior drilling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-strip-item\"\u003e\n\u003cstrong\u003e2K Detail\u003c\/strong\u003e\n\u003cspan\u003eSharper everyday footage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-strip-item\"\u003e\n\u003cstrong\u003eInstant Alerts\u003c\/strong\u003e\n\u003cspan\u003eUpdates on your phone\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-strip-item\"\u003e\n\u003cstrong\u003eNight Vision\u003c\/strong\u003e\n\u003cspan\u003eInfrared + full color\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-section camx-section-soft\"\u003e\n\u003cdiv class=\"camx-wrap\"\u003e\n\u003cdiv class=\"camx-section-head camx-animate\"\u003e\n\u003cdiv class=\"camx-kicker\"\u003eCore Technology\u003c\/div\u003e\n\u003ch2\u003eFour features. \u003cem\u003eOne compact camera.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eClear video. Faster alerts. Reliable night monitoring.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-benefit-grid\"\u003e\n\u003carticle class=\"camx-benefit camx-animate\"\u003e\u003cdiv class=\"camx-benefit-icon\" style=\"display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;color:#ffffff!important;position:relative!important;z-index:10!important;transform:none!important;animation:none!important;\"\u003e1\u003c\/div\u003e\n\u003ch3\u003e2K Ultra HD\u003c\/h3\u003e\n\u003cp\u003eSharper 3MP footage for people, vehicles, and movement.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"camx-benefit camx-animate\"\u003e\u003cdiv class=\"camx-benefit-icon\" style=\"display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;color:#ffffff!important;position:relative!important;z-index:10!important;transform:none!important;animation:none!important;\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eSmart Alerts\u003c\/h3\u003e\n\u003cp\u003eMotion notifications reach your phone in seconds.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"camx-benefit camx-animate\"\u003e\u003cdiv class=\"camx-benefit-icon\" style=\"display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;color:#ffffff!important;position:relative!important;z-index:10!important;transform:none!important;animation:none!important;\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eTwo-Way Audio\u003c\/h3\u003e\n\u003cp\u003eListen and speak remotely through the app.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"camx-benefit camx-animate\"\u003e\u003cdiv class=\"camx-benefit-icon\" style=\"display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;color:#ffffff!important;position:relative!important;z-index:10!important;transform:none!important;animation:none!important;\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eDual Night Vision\u003c\/h3\u003e\n\u003cp\u003eSwitch between infrared and full-color viewing.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-section\"\u003e\n\u003cdiv class=\"camx-wrap camx-feature-stack\"\u003e\n\u003carticle class=\"camx-feature camx-animate\"\u003e\n\u003cdiv class=\"camx-media\"\u003e\n\u003cimg alt=\"Discreet indoor installation for outdoor monitoring\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_05_7.png?v=1783151272\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-copy\"\u003e\n\u003csmall\u003eIndoor-Mounted\u003c\/small\u003e\n\u003ch3\u003eSecurity outside. Hardware inside.\u003c\/h3\u003e\n\u003cp\u003eNo drilling. No exposed outdoor hardware.\u003c\/p\u003e\n\u003cdetails class=\"camx-tech-details\"\u003e\u003csummary\u003eSee installation details\u003c\/summary\u003e\u003cp\u003eMount the camera to indoor glass for an outdoor view while keeping the device protected inside.\u003c\/p\u003e\n\u003cul class=\"camx-list\"\u003e\n\u003cli\u003eIndoor installation\u003c\/li\u003e\n\u003cli\u003eLess weather exposure\u003c\/li\u003e\n\u003cli\u003eClean, discreet setup\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"camx-feature camx-animate\"\u003e\n\u003cdiv class=\"camx-media\"\u003e\n\u003cimg alt=\"2K Ultra HD camera detail demonstration\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_02_2.png?v=1783151272\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-copy\"\u003e\n\u003csmall\u003e2K \/ 3MP\u003c\/small\u003e\n\u003ch3\u003eSharper footage. Faster recognition.\u003c\/h3\u003e\n\u003cp\u003eSharper 3MP footage for more useful detail.\u003c\/p\u003e\n\u003cdetails class=\"camx-tech-details\"\u003e\u003csummary\u003eSee image-quality details\u003c\/summary\u003e\u003cp\u003eCapture people, vehicles, and movement with clearer 2K \/ 3MP footage.\u003c\/p\u003e\n\u003cul class=\"camx-list\"\u003e\n\u003cli\u003e2K Ultra HD\u003c\/li\u003e\n\u003cli\u003e3MP image quality\u003c\/li\u003e\n\u003cli\u003eWide scene visibility\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"camx-feature camx-animate\"\u003e\n\u003cdiv class=\"camx-media\"\u003e\n\u003cimg alt=\"Smart motion alerts delivered to a phone\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPT_Image_2026_7_4_06_20_16.png?v=1783160441\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-copy\"\u003e\n\u003csmall\u003eSmart Detection\u003c\/small\u003e\n\u003ch3\u003eKnow the moment it happens.\u003c\/h3\u003e\n\u003cp\u003eMotion updates sent directly to your phone.\u003c\/p\u003e\n\u003cdetails class=\"camx-tech-details\"\u003e\u003csummary\u003eSee alert details\u003c\/summary\u003e\u003cp\u003eReceive real-time motion alerts. AI person filtering helps reduce unnecessary notification noise.\u003c\/p\u003e\n\u003cul class=\"camx-list\"\u003e\n\u003cli\u003eReal-time alerts\u003c\/li\u003e\n\u003cli\u003eAI person detection\u003c\/li\u003e\n\u003cli\u003eFewer false notifications\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"camx-feature camx-animate\"\u003e\n\u003cdiv class=\"camx-media\"\u003e\n\u003cimg alt=\"Two-way audio communication feature\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_03_3.png?v=1783151273\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-copy\"\u003e\n\u003csmall\u003eTwo-Way Audio\u003c\/small\u003e\n\u003ch3\u003eHear it. Answer instantly.\u003c\/h3\u003e\n\u003cp\u003eHear and reply remotely through the app.\u003c\/p\u003e\n\u003cdetails class=\"camx-tech-details\"\u003e\u003csummary\u003eSee audio details\u003c\/summary\u003e\u003cp\u003eUse the built-in speaker to listen and speak from home, work, or while traveling.\u003c\/p\u003e\n\u003cul class=\"camx-list\"\u003e\n\u003cli\u003eBuilt-in speaker\u003c\/li\u003e\n\u003cli\u003eRemote communication\u003c\/li\u003e\n\u003cli\u003eApp-based control\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-section camx-section-soft\"\u003e\n\u003cdiv class=\"camx-wrap\"\u003e\n\u003cdiv class=\"camx-section-head camx-animate\"\u003e\n\u003cdiv class=\"camx-kicker\"\u003eNight Intelligence\u003c\/div\u003e\n\u003ch2\u003eTwo night modes. \u003cem\u003eOne clear view.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eInfrared for discretion. Full color for detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-night-grid\"\u003e\n\u003carticle class=\"camx-night-card camx-animate\"\u003e\n\u003cimg alt=\"Infrared night vision camera mode\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_06_9.png?v=1783151272\"\u003e\n\u003cdiv class=\"camx-night-copy\"\u003e\n\u003ch3\u003eInfrared Night Vision\u003c\/h3\u003e\n\u003cp\u003eDiscreet monitoring in dark conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"camx-night-card camx-animate camx-d1\"\u003e\n\u003cimg alt=\"Full-color night vision with supplemental lighting\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_06_10.png?v=1783151272\"\u003e\n\u003cdiv class=\"camx-night-copy\"\u003e\n\u003ch3\u003eFull-Color Night Vision\u003c\/h3\u003e\n\u003cp\u003eSupplemental light preserves useful nighttime color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-section\"\u003e\n\u003cdiv class=\"camx-wrap\"\u003e\n\u003cdiv class=\"camx-section-head camx-animate\"\u003e\n\u003cdiv class=\"camx-kicker\"\u003eQuick Setup\u003c\/div\u003e\n\u003ch2\u003ePlug in. Connect. \u003cem\u003ePlace.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eConnect to 2.4GHz Wi-Fi, then mount it where it fits best.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-gallery\"\u003e\n\u003cfigure class=\"camx-animate\"\u003e\n\u003cimg alt=\"Simple three-step Wi-Fi camera setup guide\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_02_1.png?v=1783151272\"\u003e\n\u003c\/figure\u003e\n\u003cfigure class=\"camx-animate camx-d1\"\u003e\n\u003cimg alt=\"Flexible installation on glass, wall, shelf, or desk\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_03_4.png?v=1783151273\"\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-section camx-section-soft\"\u003e\n\u003cdiv class=\"camx-wrap camx-package\"\u003e\n\u003cdiv class=\"camx-package-media camx-animate\"\u003e\n\u003cimg alt=\"Window camera package contents\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_05_6.png?v=1783151273\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-package-copy camx-animate camx-d1\"\u003e\n\u003cdiv class=\"camx-kicker\"\u003eIn the Box\u003c\/div\u003e\n\u003ch2\u003eEverything needed to get started\u003c\/h2\u003e\n\u003cp\u003eCamera, mount, power cable, and manual included.\u003c\/p\u003e\n\u003cdiv class=\"camx-package-items\"\u003e\n\u003cdiv class=\"camx-package-item\"\u003e1 × Camera\u003c\/div\u003e\n\u003cdiv class=\"camx-package-item\"\u003e1 × Window Mount\u003c\/div\u003e\n\u003cdiv class=\"camx-package-item\"\u003e1 × Power Cable\u003c\/div\u003e\n\u003cdiv class=\"camx-package-item\"\u003e1 × User Manual\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-section\"\u003e\n\u003cdiv class=\"camx-wrap\"\u003e\n\u003cdiv class=\"camx-section-head camx-animate\"\u003e\n\u003cdiv class=\"camx-kicker\"\u003eQuick Answers\u003c\/div\u003e\n\u003ch2\u003eFrequently asked questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camx-faq\"\u003e\n\u003cdetails\u003e\u003csummary\u003eDoes it require outdoor installation?\u003c\/summary\u003e\u003cp\u003eNo. It mounts indoors and faces outside through the window.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhich Wi-Fi network does it use?\u003c\/summary\u003e\u003cp\u003eIt connects to a stable 2.4GHz Wi-Fi network.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCan I speak through the camera?\u003c\/summary\u003e\u003cp\u003eYes. Two-way audio works through the companion app.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eDoes it work at night?\u003c\/summary\u003e\u003cp\u003eYes. Choose infrared or full-color night vision.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eWhat affects image quality through glass?\u003c\/summary\u003e\u003cp\u003eGlass coatings, reflections, indoor lighting, and lens distance can affect clarity.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"camx-end\"\u003e\n\u003cdiv class=\"camx-wrap\"\u003e\n\u003cdiv class=\"camx-end-card camx-animate\"\u003e\n\u003ch2\u003eSee more. Install less.\u003c\/h2\u003e\n\u003cp\u003e2K monitoring, instant alerts, two-way audio, and night vision—kept safely indoors.\u003c\/p\u003e\n\u003cp class=\"camx-disclaimer\"\u003ePerformance may vary with Wi-Fi quality, glass type, reflections, and lighting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .camx-page .camx-benefit-grid .camx-benefit {\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  .camx-page .camx-benefit-grid .camx-benefit-icon {\n    display: grid !important;\n    place-items: center !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n    color: #ffffff !important;\n    position: relative !important;\n    z-index: 10 !important;\n    transform: none !important;\n    animation: none !important;\n  }\n\n  .camx-page .camx-benefit-grid .camx-benefit-icon::before,\n  .camx-page .camx-benefit-grid .camx-benefit-icon::after {\n    display: none !important;\n    content: none !important;\n  }\n\u003c\/style\u003e","brand":"mysite","offers":[{"title":"Cloud Version","offer_id":52273456054574,"sku":"SZ04622607043722-WIFI-OKAM","price":59.98,"currency_code":"USD","in_stock":true},{"title":"32GB Local Storage | Network Enabled","offer_id":52273523654958,"sku":"SZ04622607043722-32g内存卡","price":79.98,"currency_code":"USD","in_stock":true},{"title":"64GB Local Storage | Network Enabled","offer_id":52273523687726,"sku":"SZ04622607043722-64g内存卡","price":89.98,"currency_code":"USD","in_stock":true},{"title":"128GB Local Storage | Network Enabled","offer_id":52273527324974,"sku":"SZ04622607043722-128g内存卡","price":108.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_4_03_42_06_8.png?v=1783151273","url":"https:\/\/cotitoc.com\/de\/products\/window-cam","provider":"cotitoc","version":"1.0","type":"link"}