.product-feature-canvas{--fc-navy:#0f172a;--fc-red:#ed1c24;--fc-ink:#142137;--fc-line:#dde3ed;container-type:inline-size;margin-top:24px;color:var(--fc-ink);font-size:14px;line-height:1.5}.product-feature-canvas *{box-sizing:border-box}.product-feature-canvas .feature-canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.product-detail .feature-canvas-heading h2{font-size:12px;letter-spacing:1.1px;text-transform:uppercase;margin:0;color:#ad1923}.feature-canvas-heading>span{font-size:11px;color:#5e6a7d;overflow-wrap:anywhere}.feature-canvas-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:24px;background:linear-gradient(115deg,#111b2e,#202e48);color:#fff;border-radius:18px;padding:26px 24px;border-left:4px solid var(--fc-red)}.product-feature-canvas h3,.product-feature-canvas p{padding:0;margin:0}.product-feature-canvas h3{font-size:clamp(23px,2.4cqw,30px);line-height:1.18;font-weight:800;letter-spacing:-.5px}.product-feature-canvas .feature-canvas-hero-copy h3{font-size:clamp(32px,3.8cqw,46px);line-height:1.08;letter-spacing:-1.3px;color:#fff}.product-feature-canvas .feature-canvas-eyebrow{color:#ff9ca1;font-size:11px;font-weight:800;letter-spacing:1.4px;margin-bottom:12px}.feature-canvas-si{font-family:"Noto Sans Sinhala",sans-serif;font-size:13px;line-height:1.9}.feature-canvas-hero-copy>.feature-canvas-si{color:#d3dbea;margin-top:12px;max-width:42ch}.feature-canvas-badges{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;font-size:11px;font-weight:700}.feature-canvas-badges li{border-radius:5px;padding:4px 7px;background:#ffffff12;border:1px solid #ffffff22}.feature-canvas-device{background:#fff;border-radius:12px;padding:14px 12px 10px;color:var(--fc-ink);min-width:0;box-shadow:0 18px 35px #060c1a35}.feature-canvas-visual{position:relative;min-width:0;padding-bottom:30px;overflow:hidden;background:#eef3f9}.feature-canvas-image-link{display:block;position:relative;color:#142137;min-width:0}.feature-canvas-frame{display:block;position:relative;overflow:hidden}.feature-canvas-frame img{position:absolute;display:block;max-width:none;height:auto}.feature-canvas-device-photo{background:#fff;padding-bottom:28px}.feature-canvas-device-photo .feature-canvas-frame{aspect-ratio:724/235;background:#fff}.feature-canvas-device-photo img{width:110.49724%;left:-5.24862%;top:-113.19149%}.feature-canvas-port-key{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;border-top:1px solid #e7ecf4;padding-top:8px;margin-top:6px;font-size:11px;font-weight:700}.feature-canvas-port-key span{display:flex;align-items:center;gap:5px}.feature-canvas-port-key span::before{content:"";width:6px;height:6px;background:#1b9b65;border-radius:2px;flex-shrink:0}.feature-canvas-port-key span+span::before{background:#7c8798}.feature-canvas-zoom{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:44px;height:44px;color:#32425b;font-size:19px}.feature-canvas-zoom::before{content:"";position:absolute;inset:8px;background:#ffffffed;border:1px solid #d8e0ec;border-radius:8px;z-index:0}.feature-canvas-zoom{isolation:isolate}.feature-canvas-zoom::before{z-index:-1}.product-feature-canvas .image-owner,.product-feature-canvas .image-maker{bottom:5px;max-width:62px;padding:2px 3px}.product-feature-canvas .image-owner{left:10px;width:54px}.product-feature-canvas .image-maker{right:10px;width:auto;font-size:11px}.product-feature-canvas .image-watermark{top:28%;font-size:clamp(10px,3cqw,17px);color:#64646420}.feature-canvas-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:12px}.feature-canvas-card{border-radius:18px;overflow:hidden;border:1px solid var(--fc-line);min-width:0;background:#fff}.feature-canvas-copy{padding:22px;min-width:0}.product-feature-canvas .feature-canvas-kicker{font-size:11px;letter-spacing:1px;font-weight:800;color:#ad1923;line-height:1.5;margin-bottom:10px}.feature-canvas-copy>.feature-canvas-si{color:#48576b;margin-top:10px}.feature-canvas-details{font-size:12px;line-height:1.8;margin-top:10px;color:#48576b}.feature-canvas-details>summary{color:#a51922;font-size:12px;font-weight:700;min-height:44px;display:flex;align-items:center;cursor:pointer}.feature-canvas-details>summary::before{content:"+";margin-right:7px;font-size:16px}.feature-canvas-details[open]>summary::before{content:"−"}.feature-canvas-details>p{margin:8px 0}.feature-canvas-details .product-si{font-size:12px}.feature-canvas-card-lock{grid-column:span 7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#eef4fb}.feature-canvas-lock-scene{background:#e9f1f9;min-height:236px}.feature-canvas-lock-scene .feature-canvas-image-link{height:100%}.feature-canvas-lock-scene .feature-canvas-frame{height:100%}.feature-canvas-lock-scene img{width:216%;left:-1%;top:50%;transform:translateY(-50%)}.feature-canvas-card-lock .feature-canvas-copy{padding:22px 18px 18px 12px}.feature-canvas-power{grid-column:span 5;background:var(--fc-navy);color:#fff;padding:22px;border:0}.feature-canvas-power .feature-canvas-kicker{color:#ff9ca1}.feature-canvas-number{font-size:clamp(72px,8cqw,104px);letter-spacing:-5px;font-weight:800;line-height:1;margin:7px 0 8px;color:#fff}.feature-canvas-number>span{font-size:32px;letter-spacing:-1px;color:#ff9198;margin-left:4px}.product-feature-canvas .feature-canvas-power h3{font-size:22px;letter-spacing:-.3px;color:#fff}.feature-canvas-power>.feature-canvas-si{color:#d3dbea;font-size:13px;margin-top:9px}.feature-canvas-power-foot{border-top:1px solid #ffffff30;padding-top:12px;margin-top:14px;display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;font-size:12px}.feature-canvas-power-foot>span{color:#c8d5e7;font-size:11px}.feature-canvas-card-extend{grid-column:span 5;display:flex;flex-direction:column}.feature-canvas-card-extend .feature-canvas-copy{padding-bottom:12px}.feature-canvas-extend-scene{flex:1;background:#e6e9ee;min-height:190px}.feature-canvas-extend-scene .feature-canvas-frame{aspect-ratio:2.18}.feature-canvas-extend-scene img{width:100%;bottom:0;left:0}.product-feature-canvas .feature-canvas-distance{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-top:10px}.feature-canvas-distance strong{font-size:15px;color:#b91c27}.feature-canvas-distance span{font-size:11px;color:#4b5c71}.feature-canvas-card-watchdog{grid-column:span 7;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.feature-canvas-watchdog-scene{background:#f4f4f4;min-height:250px}.feature-canvas-watchdog-scene .feature-canvas-image-link,.feature-canvas-watchdog-scene .feature-canvas-frame{height:100%}.feature-canvas-watchdog-scene img{width:181%;right:0;top:50%;transform:translateY(-50%)}.feature-canvas-all{margin-top:12px;border:1px solid var(--fc-line);border-radius:12px;background:#fff;font-size:13px;color:var(--fc-ink);overflow:hidden}.feature-canvas-all>summary{padding:14px 16px;min-height:48px;font-weight:700;cursor:pointer;line-height:1.6}.feature-canvas-native{padding:0 16px 16px}.feature-canvas-native>article{padding:18px 0;border-top:1px solid var(--fc-line)}.product-feature-canvas .feature-canvas-native h3{font-size:18px;line-height:1.5;margin-bottom:10px}.feature-canvas-native p{margin:8px 0;font-size:13px;line-height:1.8}.feature-canvas-native a{display:inline-flex;align-items:center;min-height:44px;color:#a51922;text-decoration:underline;font-size:12px;font-weight:700}.feature-canvas-native .feature-canvas-family-note{font-size:11px;color:#536075}@container(max-width:620px){.feature-canvas-heading{align-items:flex-start}.feature-canvas-heading>span{font-size:10px;max-width:48%;text-align:right}.feature-canvas-hero{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 18px 16px;border-left-width:3px}.product-feature-canvas .feature-canvas-hero-copy h3{font-size:34px}.feature-canvas-hero-copy>.feature-canvas-si{font-size:12px;margin-top:10px;max-width:none}.feature-canvas-badges{margin-top:10px;gap:5px}.feature-canvas-badges li{padding:4px 6px}.feature-canvas-device{padding:12px 10px 8px}.feature-canvas-port-key{font-size:11px;gap:6px 12px}.feature-canvas-card-lock,.feature-canvas-power,.feature-canvas-card-extend,.feature-canvas-card-watchdog{grid-column:span 12}.feature-canvas-card-lock{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.feature-canvas-card-lock .feature-canvas-copy{padding:18px 12px 14px 8px}.feature-canvas-lock-scene{min-height:240px}.feature-canvas-lock-scene img{width:250%;left:-7%}.product-feature-canvas h3{font-size:24px}.product-feature-canvas .feature-canvas-kicker{font-size:11px;letter-spacing:.5px;margin-bottom:8px}.feature-canvas-copy>.feature-canvas-si{font-size:12px;margin-top:9px}.feature-canvas-power{display:grid;grid-template-columns:100px minmax(0,1fr);padding:18px;column-gap:14px;align-items:center}.feature-canvas-power .feature-canvas-kicker{grid-column:1/-1}.feature-canvas-number{grid-row:2/4;font-size:64px;margin:0}.feature-canvas-number>span{font-size:26px}.product-feature-canvas .feature-canvas-power h3{font-size:20px}.feature-canvas-power>.feature-canvas-si{font-size:12px;margin-top:6px}.feature-canvas-power-foot{grid-column:1/-1;margin-top:12px;padding-top:10px}.feature-canvas-card-extend .feature-canvas-copy{padding:18px 18px 10px}.feature-canvas-extend-scene{flex:none;min-height:0}.feature-canvas-extend-scene .feature-canvas-frame{aspect-ratio:2.18}.feature-canvas-card-watchdog{grid-template-columns:minmax(0,1fr)}.feature-canvas-card-watchdog .feature-canvas-copy{padding:18px 18px 10px}.feature-canvas-card-watchdog h3 br{display:none}.feature-canvas-watchdog-scene{min-height:0}.feature-canvas-watchdog-scene .feature-canvas-frame{height:auto;aspect-ratio:1.8}.feature-canvas-watchdog-scene img{width:125%;right:0;top:auto;bottom:0;transform:none}.feature-canvas-all>summary{font-size:12px;padding:13px 12px}.feature-canvas-native{padding:0 12px 12px}}@media(prefers-reduced-motion:no-preference){.feature-canvas-image-link:hover .feature-canvas-zoom{color:#ad1923}}.feature-canvas-framed{background:#fff;padding:12px 12px 30px}.feature-canvas-framed .feature-canvas-frame{width:100%;max-width:var(--fc-frame-width);margin:0 auto;aspect-ratio:var(--fc-frame-ratio)}.feature-canvas-framed .feature-canvas-frame img{width:var(--fc-image-width);left:var(--fc-image-left);top:var(--fc-image-top);bottom:auto;transform:none}.feature-canvas-rollout .feature-canvas-hero-copy h3{font-size:clamp(30px,3.3cqw,42px)}.feature-canvas-model-grid>.feature-canvas-card{grid-column:span 6}.feature-canvas-model-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.feature-canvas-model-card .feature-canvas-framed{align-self:stretch;display:flex;align-items:center;background:#f8fafc;min-height:220px}.feature-canvas-model-card .feature-canvas-image-link{width:100%}.feature-canvas-model-card .feature-canvas-copy{padding:20px}.feature-canvas-model-text{background:#eef4fb}.feature-canvas-model-text .feature-canvas-copy{padding:24px}.feature-canvas-rollout .feature-canvas-number-word>span{font-size:24px;letter-spacing:-1px}.feature-canvas-rollout .feature-canvas-number-wide{font-size:clamp(62px,7.2cqw,92px)}.feature-canvas-ports{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin:18px 0 6px}.feature-canvas-ports>span{display:grid;place-items:center;aspect-ratio:1.25;background:#e2e8f0;border-bottom:4px solid #64748b;font-size:11px;font-weight:800;color:#334155;border-radius:3px}.feature-canvas-ports>.is-poe{background:#dcfce7;border-color:#15803d;color:#14532d}.feature-canvas-ports>.is-fibre{background:#dbeafe;border-color:#2563eb;color:#1e3a8a}.product-feature-canvas .feature-canvas-port-legend{font-size:11px;color:#536075;line-height:1.6}.feature-canvas-portrait .feature-canvas-hero>.feature-canvas-device{width:100%;max-width:260px;justify-self:center}.feature-canvas-portrait .feature-canvas-device .feature-canvas-frame{max-width:140px}.feature-canvas-hp7 .feature-canvas-hero>.feature-canvas-device{max-width:430px;width:100%;justify-self:center}.feature-canvas-hp7 .feature-canvas-device .feature-canvas-frame{max-width:340px}.feature-canvas-hp7 .feature-canvas-model-card .feature-canvas-framed{min-height:0}.feature-canvas-hp7 .feature-canvas-power .feature-canvas-details{grid-column:1/-1;color:#d3dbea}.feature-canvas-hp7 .feature-canvas-power .feature-canvas-details>summary{color:#ffadb2}.feature-canvas-hp7 .feature-canvas-hp7-wiring{background:#eef4fb}.feature-canvas-link-map{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:20px 0 14px;text-align:center;font-size:12px}.feature-canvas-link-map>span{border:1px solid #d3deeb;background:#fff;border-radius:12px;padding:16px 8px;font-weight:700;line-height:1.6}.feature-canvas-link-map>strong{font-size:11px;color:#9f1924}.feature-canvas-link-map>strong>span{font-size:28px;line-height:1}.product-feature-canvas .feature-canvas-hp7-note{font-size:12px;color:#48576b;line-height:1.7}.feature-canvas-access{list-style:none;display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:12px 0 0;font-size:11px;font-weight:700}.feature-canvas-access>li{border:1px solid #dce4ec;border-radius:6px;padding:4px 7px;background:#f1f5f9}.feature-canvas-ezviz .feature-canvas-hero>.feature-canvas-device{width:100%;max-width:420px;justify-self:center}.feature-canvas-ezviz .feature-canvas-hero-copy h3{font-size:clamp(28px,3.2cqw,40px);overflow-wrap:anywhere;line-height:1.15}.feature-canvas-ezviz .feature-canvas-eyebrow{line-height:1.7;letter-spacing:.6px;overflow-wrap:anywhere}.feature-canvas-ezviz .feature-canvas-ezviz-intro{color:#d3dbea;font-size:13px;line-height:1.8;margin-top:12px}.feature-canvas-ezviz .feature-canvas-badges{line-height:1.7}.feature-canvas-ezviz .feature-canvas-badges>li{max-width:100%;overflow-wrap:anywhere}.feature-canvas-ezviz .feature-canvas-model-card .feature-canvas-framed{min-height:0}.feature-canvas-ezviz .feature-canvas-copy{padding:20px;overflow-wrap:anywhere}.feature-canvas-ezviz .feature-canvas-copy h3{font-size:22px;line-height:1.3}.feature-canvas-ezviz .feature-canvas-copy h3 .product-si{font-size:13px;color:#48576b;margin-top:8px}.feature-canvas-ezviz .feature-canvas-ezviz-body{margin-top:12px;font-size:13px;line-height:1.75;color:#48576b}.feature-canvas-ezviz .feature-canvas-ezviz-body .product-si{font-size:12px;line-height:1.9;margin-top:8px}.feature-canvas-ezviz .feature-canvas-ezviz-soft{background:#eef4fb}.feature-canvas-ezviz .feature-canvas-ezviz-ink{background:var(--fc-navy);color:#fff}.feature-canvas-ezviz .feature-canvas-ezviz-ink .feature-canvas-ezviz-body,.feature-canvas-ezviz .feature-canvas-ezviz-ink .product-si,.feature-canvas-ezviz .feature-canvas-ezviz-ink .feature-canvas-details{color:#d3dbea}.feature-canvas-ezviz .feature-canvas-ezviz-ink .feature-canvas-copy h3 .product-si{color:#d3dbea}.feature-canvas-ezviz .feature-canvas-ezviz-ink .feature-canvas-details>summary{color:#ffadb2}.feature-canvas-ezviz-odd>.feature-canvas-card:last-child{grid-column:1/-1}@container(max-width:620px){.feature-canvas-model-grid>.feature-canvas-card{grid-column:span 12}.feature-canvas-model-card{grid-template-columns:minmax(0,1fr)}.feature-canvas-model-card .feature-canvas-copy{padding:18px 18px 8px}.feature-canvas-model-card .feature-canvas-framed{min-height:0;padding-top:8px}.feature-canvas-framed .feature-canvas-frame{max-width:min(100%,var(--fc-frame-width))}.feature-canvas-rollout .feature-canvas-number-wide{font-size:48px;letter-spacing:-3px}.feature-canvas-rollout .feature-canvas-number-wide>span{font-size:24px;margin-left:2px}.feature-canvas-rollout .feature-canvas-number-word>span{font-size:18px;margin-left:2px}.feature-canvas-model-text .feature-canvas-copy{padding:18px}.feature-canvas-ports{gap:4px}.feature-canvas-ports>span{font-size:11px}}