/* Desktop product overview. The diagram illustrates planned connections, not app UI. */
.desktop-hero{background:var(--navy);color:white}
.desktop-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;padding-block:72px 54px}
.desktop-hero .eyebrow{color:var(--mint)}
.desktop-hero h1{font-size:clamp(3rem,5.2vw,4.5rem)}
.desktop-lede{font-size:1.2rem;color:#e0eaf0;line-height:1.6;margin-top:25px;max-width:42ch}
.desktop-intro{color:#c7d9e2;font-size:1rem;line-height:1.75;margin-top:20px;max-width:55ch}
.desktop-hero a:focus-visible{outline-color:var(--mint)}
.desktop-plan{padding:32px 35px;border:1px solid #527581;border-radius:16px;background:#193c4e}
.desktop-plan .small-status{background:#244f5a;color:#acf2e4}
.desktop-plan h2{font-size:1.9rem;line-height:1.25;margin-top:24px}
.desktop-plan ul{list-style:none;padding:0;margin:25px 0;color:#e0ebef;font-size:.96rem}
.desktop-plan li{padding:11px 0;border-top:1px solid #3d5f6c}
.desktop-plan-foot{display:grid;gap:3px;border-top:1px solid #527581;padding-top:19px}
.desktop-plan-foot strong{color:var(--mint);font-size:1rem}.desktop-plan-foot span{color:#c7d9e2;font-size:.88rem}
.desktop-hero-foot{border-top:1px solid #3d5f6c;padding-block:21px;display:flex;justify-content:space-between;gap:20px;font-size:.84rem;color:#cfdee6}
.desktop-network-section{background:#eef6f3;border-bottom:1px solid #d8e7e0}
.desktop-network-grid{padding-block:74px;display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center}
.desktop-network-copy h2{font-size:clamp(2.05rem,3.5vw,2.8rem);line-height:1.18}
.desktop-network-copy p{font-size:1.02rem;line-height:1.8;color:#405d68;margin-top:22px;max-width:53ch}
.desktop-network-copy strong{color:var(--ink);font-weight:650}
.desktop-network-copy .desktop-network-note{font-size:.9rem;border-left:3px solid #80ad9e;padding-left:17px}
.sync-figure{margin:0;background:white;border:1px solid #bed6cc;border-radius:18px;padding:25px 25px 22px;box-shadow:0 15px 40px #17364a08}
.sync-figure-heading .eyebrow{font-size:.7rem;margin-bottom:2px}.sync-example{display:block;font-size:.79rem;color:var(--muted)}
.sync-diagram{position:relative;height:344px;margin:17px -4px 8px;background:radial-gradient(circle,#c7dcd3 1px,transparent 1px);background-size:18px 18px;border-radius:12px}
.sync-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.sync-lines path{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}
.desktop-connections path{stroke:#087d78}.phone-connections path{stroke:#627d92}
.sync-device{position:absolute;transform:translate(-50%,-50%);width:40%;max-width:164px;min-height:113px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1.5px solid #91b9ae;border-radius:12px;box-shadow:0 3px 12px #17364a0a;padding:11px 5px;line-height:1.45;text-align:center}
.sync-device svg{height:30px;width:30px;color:var(--teal);margin-bottom:5px}
.sync-device strong{font-size:.95rem;letter-spacing:-.01em}.sync-device>span{font-size:.75rem;color:var(--muted)}
.sync-device .device-state{font-size:.72rem;font-weight:700;color:var(--teal);margin-top:4px}
.sync-phone{top:24%;left:25%;background:#f0f5f9;border-color:#8da5b5}.sync-phone svg,.sync-phone .device-state{color:#425f77}
.sync-desktop-one{top:24%;left:75%}.sync-desktop-two{top:76%;left:25%}.sync-desktop-three{top:76%;left:75%}
.phone-disconnected .phone-connections path{stroke:#9ba8b0;stroke-dasharray:5 6}
.phone-disconnected .sync-phone{border-style:dashed;border-color:#9ba8b0;background:#f1f3f4;box-shadow:none}
.phone-disconnected .sync-phone svg,.phone-disconnected .sync-phone .device-state{color:#62727d}
.sync-legend{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:.72rem;color:#48606c}
.sync-legend>span{display:flex;align-items:center;gap:7px}.sync-legend i{display:inline-block;width:19px;border-top:3px solid #087d78}
.sync-legend .phone-line{border-color:#627d92}.phone-disconnected .sync-legend .phone-line{border-color:#9ba8b0;border-top-style:dashed}
.sync-controls{margin-top:18px;border-top:1px solid var(--line);padding-top:9px}.sync-controls[hidden]{display:none}
.sync-controls label{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:650;font-size:.9rem;cursor:pointer}
.sync-controls input{width:19px;height:19px;accent-color:var(--teal);margin:0;flex-shrink:0;cursor:pointer}
.sync-controls input:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.sync-explanation{font-size:.88rem;line-height:1.7;color:#285a50;background:#edf6f1;border-radius:8px;padding:14px 16px;margin-top:12px;min-height:98px}
.sync-figure figcaption{font-size:.76rem;line-height:1.65;color:var(--muted);margin-top:14px}
.desktop-capabilities{padding-block:70px}.desktop-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;margin-top:36px}
.desktop-feature-grid article{border-top:2px solid #b9d6ca;padding-top:23px}
.desktop-feature-number{font-size:.7rem;letter-spacing:.09em;font-weight:750;color:var(--teal);display:block;margin-bottom:15px}
.desktop-feature-grid h3{font-size:1.3rem;line-height:1.3}.desktop-feature-grid p{font-size:.94rem;color:var(--muted);line-height:1.8;margin-top:13px}
.desktop-capabilities .section-note{margin-top:34px;max-width:90ch}.desktop-capabilities .section-note a{color:var(--teal)}
.desktop-setup-band{background:#f3f7f8;border-block:1px solid var(--line)}.desktop-setup{padding-block:65px}
.desktop-steps{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.desktop-step-number{display:grid;place-items:center;width:39px;height:39px;background:var(--navy);color:var(--mint);border-radius:50%;font-size:.8rem;font-weight:700;margin-bottom:22px}
.desktop-steps h3{font-size:1.3rem;line-height:1.3}.desktop-steps p,.desktop-sync-notes p{font-size:.95rem;color:var(--muted);line-height:1.8;margin-top:13px}
.desktop-sync-notes{margin-top:43px;padding-top:30px;border-top:1px solid #ccdce1;display:grid;grid-template-columns:1fr 1fr;gap:50px}.desktop-sync-notes h3{font-size:1.15rem;line-height:1.4}
.desktop-release{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-block:70px}.desktop-release p{color:var(--muted);line-height:1.8}.desktop-release p+p{margin-top:18px}.desktop-release strong{color:var(--ink)}
@media(max-width:1050px){.desktop-hero-grid{gap:35px;grid-template-columns:1.1fr 1fr}.desktop-plan{padding:28px}.desktop-network-grid{gap:32px;grid-template-columns:1fr 1.1fr}.sync-figure{padding:21px 18px}.sync-device{width:43%}.desktop-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.desktop-network-grid{grid-template-columns:1fr}.desktop-network-copy{max-width:650px}.desktop-network-copy p{max-width:none}.desktop-network-copy h2 br{display:none}.sync-figure{width:100%;max-width:560px;margin-inline:auto}.desktop-hero-grid{grid-template-columns:1fr 1fr}.desktop-plan h2{font-size:1.6rem}.desktop-plan li{font-size:.86rem}.desktop-release{gap:35px}}
@media(max-width:700px){.desktop-hero-grid{grid-template-columns:1fr;padding-block:43px 32px;gap:32px}.desktop-hero h1{font-size:clamp(2.65rem,9.2vw,4rem)}.desktop-lede{font-size:1.07rem;margin-top:22px}.desktop-intro{font-size:.96rem}.desktop-plan{padding:25px}.desktop-plan h2{font-size:1.8rem}.desktop-plan li{font-size:.94rem}.desktop-hero-foot{flex-direction:column;gap:9px;font-size:.8rem}.desktop-network-grid{padding-block:45px;gap:29px}.desktop-network-copy p{font-size:.97rem;margin-top:19px}.desktop-network-copy .desktop-network-note{font-size:.87rem}.desktop-capabilities{padding-block:45px}.desktop-feature-grid{gap:28px;margin-top:28px}.desktop-feature-grid h3{font-size:1.22rem}.desktop-feature-grid p{font-size:.92rem}.desktop-setup{padding-block:45px}.desktop-steps{grid-template-columns:1fr;gap:27px}.desktop-step-number{margin-bottom:14px}.desktop-sync-notes{grid-template-columns:1fr;gap:26px;margin-top:30px}.desktop-release{grid-template-columns:1fr;gap:24px;padding-block:45px}.desktop-release p{font-size:.96rem}}
@media(max-width:470px){.desktop-feature-grid{grid-template-columns:1fr}.sync-figure{padding:19px 14px}.sync-diagram{height:335px;margin-inline:-6px}.sync-device{width:45%;border-radius:10px}.sync-device strong{font-size:.88rem}.sync-device>span{font-size:.7rem}.sync-device .device-state{font-size:.69rem}.sync-legend{font-size:.7rem;gap:8px 12px}.sync-legend i{width:16px}.sync-explanation{padding:13px;font-size:.85rem;min-height:0}.sync-controls label{font-size:.85rem}.sync-figure figcaption{font-size:.74rem}}