.home-diff .section{padding:56px 22px}.home-diff .diff{background:var(--bg-white)}.home-diff .diff h2{font-size:32px;line-height:1.06}.home-diff .section-header{text-align:center;margin-bottom:32px}.home-diff .section-header h2{margin-bottom:12px}.home-diff .section-header p{font-size:15px}.home-diff .section-header .label{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--blue-bg);padding:6px 12px;border-radius:var(--r-pill);margin-bottom:16px}.home-diff .diff-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.home-diff .diff-card{background:var(--bg-neutral);border:1px solid var(--stroke);border-radius:22px;padding:20px;position:relative;display:flex;flex-direction:column}.home-diff .diff-card.diff-card-green{background:var(--green-bg);border-color:#b2edd0}.home-diff .diff-card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.home-diff .diff-icon{width:32px;height:32px;border-radius:10px;background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-mid);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-diff .diff-icon.orange{background:var(--orange-bg);color:var(--orange);border-color:#ffd9b2}.home-diff .diff-icon.purple{background:var(--purple-bg);color:var(--purple);border-color:#ddd0ff}.home-diff .diff-icon.green{background:var(--green-bg);color:var(--green);border-color:#b2edd0}.home-diff .diff-card h4{font-size:17px;font-weight:700;color:var(--ink-1);letter-spacing:-.01em;line-height:1.3;margin:0}.home-diff .diff-card p{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0 0 16px}.home-diff .diff-visual{background:var(--bg-white);border:1px solid var(--stroke);border-radius:14px;height:240px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:auto}.home-diff .diff-card.diff-card-green .diff-visual{background:var(--bg-white);border-color:#c9ebd7}.home-diff .diff-visual>img:not(.fh-photo):not(.calmer-photo):not(.sys-device),.home-diff .diff-visual .diff-visual-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.home-diff .diff-visual-label{font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.02em;text-align:center;padding:0 16px}.home-diff .diff-visual--family-hub-photo{background:linear-gradient(180deg,#f4faff,#eaf4ff);padding:14px}.home-diff .diff-visual .fh-photo{position:absolute;left:50%;top:50%;width:calc(100% - 28px);height:calc(100% - 28px);transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}.home-diff .diff-visual--devices-grid{padding:18px 12px 14px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:visible;align-items:stretch}.home-diff .diff-visual--devices-grid .devices-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:38px}.home-diff .diff-visual--devices-grid .device-card{position:relative;border:1px solid var(--stroke);border-radius:14px;padding:10px 6px;display:flex;align-items:center;justify-content:center;background:#fff;min-height:38px}.home-diff .diff-visual--devices-grid .device-photo{position:absolute;left:50%;bottom:100%;transform:translate(-50%,22%);width:78px;height:78px;object-fit:contain;pointer-events:none}.home-diff .diff-visual--devices-grid .device-photo.ap{width:92px;height:92px;transform:translate(-50%,18%)}.home-diff .diff-visual--devices-grid .device-name{font-size:11px;font-weight:800;color:var(--ink-1);letter-spacing:-.01em;text-align:center;line-height:1.15;white-space:nowrap}.home-diff .diff-visual--devices-grid .devices-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding-top:8px;border-top:1px dashed #EFEFEF;margin-top:4px}.home-diff .diff-visual--devices-grid .device-mini{display:flex;flex-direction:column;align-items:center;gap:4px}.home-diff .diff-visual--devices-grid .device-mini-icon{width:30px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--ink-2)}.home-diff .diff-visual--devices-grid .device-mini-label{font-size:8.5px;font-weight:700;color:var(--ink-3);text-align:center;line-height:1.15;letter-spacing:-.005em}.home-diff .diff-visual--system-diagram{background:#fff;padding:0;overflow:hidden}.home-diff .diff-visual--system-diagram .system-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.home-diff .diff-visual--system-diagram .sys-device{position:absolute;z-index:3;object-fit:contain;pointer-events:none}.home-diff .diff-visual--system-diagram .sys-tablet{top:10px;left:6%;width:38%;height:78px}.home-diff .diff-visual--system-diagram .sys-phone{top:4px;right:11%;width:19%;height:100px}.home-diff .diff-visual--system-diagram .sys-ap{bottom:24px;left:4%;width:38%;height:72px}.home-diff .diff-visual--system-diagram .sys-plug{bottom:26px;right:8%;width:30%;height:58px}.home-diff .diff-visual--system-diagram .sys-check{position:absolute;z-index:4;top:50%;left:50%;width:32px;height:32px;margin-left:-16px;margin-top:-16px;background:#fff;border:2px solid var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:0 4px 12px -2px #0098ff47}.home-diff .diff-visual--system-diagram .sys-badge{position:absolute;z-index:4;width:26px;height:26px;background:#fff;border:1.5px solid var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:0 2px 8px -2px #0098ff40;transform:translate(-50%,-50%)}.home-diff .diff-visual--system-diagram .sys-badge-wifi{left:30%;top:64%}.home-diff .diff-visual--system-diagram .sys-badge-plug{left:70%;top:64%}.home-diff .diff-visual--calmer-photo{padding:0;background:#f5efe4}.home-diff .diff-visual .calmer-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}.home-diff .diff-visual--calmer-photo .calmer-badges{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;z-index:2}.home-diff .diff-visual--calmer-photo .calmer-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--stroke);border-radius:999px;padding:7px 14px 7px 7px;box-shadow:0 6px 18px -6px #14181e2e,0 2px 4px #14181e0f;font-size:13px;font-weight:700;color:var(--ink-1);letter-spacing:-.005em;line-height:1;white-space:nowrap}.home-diff .diff-visual--calmer-photo .calmer-badge-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.home-diff .diff-visual--calmer-photo .calmer-badge-icon.green{background:var(--green-bg);color:var(--green);border:1px solid #B2EDD0}.home-diff .diff-visual--calmer-photo .calmer-badge-icon.orange{background:var(--orange-bg);color:var(--orange);border:1px solid #FFD9B0}.home-diff .diff-visual--calmer-photo .calmer-badge-icon.blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-mid)}.home-diff .diff-visual--calmer-photo .calmer-badge:nth-child(1){transform:translate(-22px)}.home-diff .diff-visual--calmer-photo .calmer-badge:nth-child(2){transform:translate(8px)}.home-diff .diff-visual--calmer-photo .calmer-badge:nth-child(3){transform:translate(-12px)}.home-diff .diff-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-diff .diff-feature{display:flex;align-items:center;gap:10px;background:var(--bg-white);border:1px solid var(--stroke);border-radius:14px;padding:12px}.home-diff .diff-feature.highlight{background:var(--blue-bg);border-color:var(--blue-mid)}.home-diff .diff-feature.green-highlight{background:var(--green-bg);border-color:#b2edd0}.home-diff .diff-feature.green-highlight .diff-feature-icon{color:var(--green)}.home-diff .diff-feature.green-highlight .diff-feature-label{color:var(--green-dark)}.home-diff .diff-feature-icon{width:32px;height:32px;border-radius:10px;background:var(--bg-white);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue)}.home-diff .diff-feature.highlight .diff-feature-icon{color:var(--blue)}.home-diff .diff-feature-label{font-size:12px;font-weight:700;color:var(--ink-1);line-height:1.25}.home-diff .diff-feature.highlight .diff-feature-label{color:var(--blue)}@media(min-width:980px){.home-diff .section{padding:88px 48px}.home-diff .section-header,.home-diff .diff-cards,.home-diff .diff-features{max-width:1200px;margin-left:auto;margin-right:auto}.home-diff .section-header{margin-bottom:48px}.home-diff .diff h2,.home-diff .section-header h2{font-size:48px}.home-diff .diff-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.home-diff .diff-visual{height:200px}.home-diff .diff-card h4{font-size:19px}.home-diff .diff-card p{font-size:15px}.home-diff .diff-features{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.home-diff .diff-feature-label{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/home-diff.css.map */