@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f8f7;--paper:#fff;--ink:#1d302b;--muted:#687b72;--line:#e0e8e2;--teal:#0b7168;--teal-dark:#075b55;--soft:#e9f4ef;--coral:#e9a6a7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #edb75a;outline-offset:3px}.skip-link{position:absolute;left:10px;top:-100px;z-index:100;padding:8px 12px;background:#fff}.skip-link:focus{top:10px}.site-header{height:77px;border-bottom:1px solid #e7ece8;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,6vw,88px);background:#f9fbf9}.wordmark{font:800 27px/1 'Manrope',Arial,sans-serif;letter-spacing:-1.7px;color:#0b514c}.wordmark span{display:inline-block;width:5px;height:5px;margin-left:3px;background:#7dbd83;border-radius:50%}.header-help{font-size:12px;font-weight:700;color:var(--teal);display:flex;gap:7px;align-items:center}.header-help span{font-size:17px;line-height:1}.layout{max-width:1160px;margin:auto;padding:55px 32px 80px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,575px);gap:clamp(50px,8vw,120px)}.intro{align-self:start;position:sticky;top:34px;padding-top:3px}.back-link{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:#708379;margin-bottom:38px}.back-link span{font-size:17px;line-height:0}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:var(--teal);display:flex;align-items:center;gap:8px;margin-bottom:20px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:#83b391}.intro h1{font:800 clamp(42px,4.1vw,58px)/1.12 'Manrope',Arial,sans-serif;letter-spacing:-3.2px;margin:0 0 20px}.intro h1 em{color:var(--teal);font-style:normal}.intro-copy{color:var(--muted);font-size:15px;line-height:1.8;max-width:330px;margin:0 0 30px}.connection-card{width:min(100%,360px);min-height:178px;position:relative;background:radial-gradient(ellipse at center,#e5f0e8,transparent 75%);display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 0 40px;border-bottom:1px solid #e4ece5}.connection-device{flex:0 0 auto;box-shadow:5px 12px 18px #203b2815,inset 0 0 0 1px #fff9}.doorbell-art{width:40px;height:98px;border-radius:22px;background:linear-gradient(110deg,#dfe5df,#fff,#e4e9e3);border:1px solid #d4dfd5;padding:7px 0}.lens{display:block;width:28px;height:35px;border-radius:18px;background:radial-gradient(circle at center,#0c1c22 0 5px,#64757c 6px 8px,#1d3035 9px);margin:auto}.button-ring{display:block;width:20px;height:20px;border-radius:50%;border:2px solid #b7cbbd;margin:18px auto 0;box-shadow:inset 0 0 0 3px #fff}.connector{display:flex;gap:5px;align-items:center;color:#77a795;font-size:18px;font-weight:700}.connector span:not(:last-child){width:3px;height:3px;background:#9bbdab;border-radius:50%}.alexa-mark{width:47px;height:47px;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#359ac2,#237b9e);box-shadow:0 11px 20px #267e9d28;position:relative}.alexa-smile{position:absolute;left:11px;top:21px;width:26px;height:14px;border-bottom:3px solid white;border-radius:0 0 50% 50%;transform:rotate(-13deg)}.alexa-smile:after{content:'';width:6px;height:6px;background:white;border-radius:50%;position:absolute;right:-2px;bottom:0}.chime-art{height:80px;width:70px;border:1px solid #dce4da;background:linear-gradient(120deg,#fff,#f1f3ec);border-radius:15px;transform:rotate(-5deg)}.speaker{display:block;width:46px;height:33px;margin:15px auto 0;border-radius:6px;background:radial-gradient(#b9c7ba 1px,transparent 1px);background-size:4px 4px}.light{display:block;width:13px;height:3px;background:#80af8e;margin:8px auto;border-radius:4px}.connection-labels{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:space-around;font-size:10px;color:#819289}.intro-summary{max-width:360px;margin-top:30px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.intro-summary>strong{display:block;font-size:11px;letter-spacing:.6px;padding:14px 18px;background:#f0f5f1}.intro-summary a{display:flex;gap:13px;padding:11px 18px;align-items:center;font-size:12px;border-top:1px solid #eff2ef}.intro-summary a:hover{background:#f8fbf8}.intro-summary a span{color:var(--teal);font-size:10px;font-weight:800}.intro-summary a b{margin-left:auto;font-weight:400;color:#93a69a}.guide{min-width:0}.guide-heading{display:flex;align-items:end;justify-content:space-between;gap:10px}.guide-kicker,.step-overline{font-size:9px;letter-spacing:1.35px;font-weight:800;color:var(--teal)}.guide-heading h2{font:800 29px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-1.1px;margin:5px 0 0}.guide-time{font-size:10px;color:#71847a;white-space:nowrap;padding-bottom:5px}.guide-lead{font-size:13px;color:var(--muted);margin:12px 0 18px}.progress{display:flex;gap:13px;align-items:center;margin:0 0 20px}.progress-track{height:5px;background:#dfeae2;flex:1;border-radius:5px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:var(--teal);border-radius:5px;transition:width .25s}.progress>span{font-size:10px;color:#70847a;white-space:nowrap}.step-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:27px;margin-bottom:14px;scroll-margin-top:20px;box-shadow:0 8px 24px #1b392805}.step-heading{display:flex;align-items:center;gap:14px}.step-number{width:39px;height:39px;display:grid;place-items:center;background:var(--soft);border-radius:12px;color:var(--teal);font:800 14px 'Manrope',Arial,sans-serif;flex:0 0 auto}.step-heading h3{font:800 20px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.55px;margin:1px 0 0}.step-copy{margin:19px 0 17px;font-size:13px;color:var(--muted);line-height:1.75}.step-copy strong,.detail-note strong{color:var(--ink);font-weight:700}.routine-demo{background:#f7f9f7;border:1px solid #e7ece8;border-radius:13px;padding:15px}.routine-row{background:#fff;border:1px solid #e2e9e3;border-radius:9px;padding:10px 12px}.routine-label{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#798c81;display:flex;align-items:center;gap:6px;margin-bottom:7px}.routine-dot{width:5px;height:5px;border-radius:50%}.routine-dot.coral{background:#d88186}.routine-dot.teal{background:#5b9c86}.routine-value{display:flex;gap:10px;align-items:center;background:#f4dddd;padding:9px 11px;border-radius:7px}.routine-row:last-child .routine-value{background:#e4f2e8}.routine-value strong{display:block;font-size:12px;line-height:1.35}.routine-value small{display:block;font-size:10px;color:#6d7771;margin-top:2px}.mini-device{display:grid;place-items:center;height:29px;width:23px;border-radius:5px;background:#313a3a;color:#fff;font-size:17px;line-height:1;flex:0 0 auto}.chime-mini{background:#0e7269;width:29px}.routine-arrow{text-align:center;line-height:1;color:#85aa98;font-size:22px;padding:6px}.detail-note{font-size:12px;line-height:1.7;color:var(--muted);margin:15px 0 0}.source-link{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-size:11px;font-weight:700;margin:9px 0 0;min-height:32px}.source-link:hover{text-decoration:underline}.check-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:45px;margin-top:15px;border:1px solid #bdd7c9;border-radius:9px;background:#f3faf5;color:var(--teal);font-size:12px;font-weight:700;cursor:pointer}.check-button:hover{background:#e9f4ec}.check-button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}.check-icon{display:grid;place-items:center;width:17px;height:17px;border:1.5px solid currentColor;border-radius:50%;font-size:11px;line-height:1}.brand-panel{background:#f6f9f7;padding:16px;border-radius:12px;border:1px solid #e6eee8}.brand-panel>span{font-size:9px;letter-spacing:1px;color:#7a8c80;font-weight:800}.brand-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.brand-list span{padding:5px 9px;background:#e7f2eb;color:#32483c;border-radius:7px;font-size:11px;font-weight:700}.linked-card{position:relative;display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:16px;border:1px solid #e1e9e2;border-radius:12px}.linked-icon,.smartlife-icon{display:grid;place-items:center;background:#2195c2;color:#fff;width:32px;height:32px;border-radius:8px;font-size:19px;flex:0 0 auto;line-height:1}.linked-card>div:nth-child(2){min-width:0;padding-right:52px}.linked-card strong{font-size:12px}.linked-card p{font-size:11px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.linked-card p b{color:var(--ink)}.linked-badge{position:absolute;right:12px;top:16px;background:#e9f5ed;border:1px solid #a9d7b3;color:#27824e;font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px}.path-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.path-list li{min-height:47px;display:flex;align-items:center;gap:12px;padding:9px 13px;background:#fbfcfb;border-bottom:1px solid #ecf0ec}.path-list li:last-child{border-bottom:0}.path-list li>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e9f1eb;color:var(--teal);font-size:10px;font-weight:800;flex:0 0 auto}.path-list strong{font-size:12px}.path-list small{margin-left:auto;color:#8a9b90;font-size:10px}.smartlife-icon{background:#428fe1}.smartlife-icon svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.finish-card{display:flex;gap:12px;align-items:flex-start;background:#eaf5ec;border:1px solid #badcc1;color:#235b3a;padding:17px;border-radius:13px;margin:2px 0 22px}.finish-card[hidden]{display:none}.finish-card>span{display:grid;place-items:center;background:#398e58;color:#fff;width:26px;height:26px;border-radius:50%;font-size:15px;flex:0 0 auto}.finish-card strong{font-size:13px}.finish-card p{font-size:11px;line-height:1.6;margin:3px 0 0}.support-card{margin-top:28px;background:#e9f0eb;border:1px solid #dce8de;border-radius:19px;padding:27px;text-align:center;scroll-margin-top:20px}.support-icon{width:42px;height:42px;border-radius:50%;background:#f8fbf9;color:var(--teal);display:grid;place-items:center;margin:0 auto 13px;font-size:27px;line-height:1}.support-card h2{font:800 21px 'Manrope',Arial,sans-serif;letter-spacing:-.6px;margin:0}.support-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:9px 0 20px}.primary{display:flex;align-items:center;justify-content:center;background:var(--teal);border-radius:9px;color:#fff;min-height:49px;font-size:13px;font-weight:700}.primary:hover{background:var(--teal-dark)}.primary span{margin-left:9px;font-size:17px}.email{font-size:11px;color:var(--muted);display:block;min-height:44px;padding:14px 0 0}.email span{font-weight:700;color:var(--teal)}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#88998d;font-size:10px;padding:24px 2px}.mobile-support{display:none}
@media(max-width:850px){.layout{gap:35px;grid-template-columns:minmax(240px,1fr) minmax(0,1.3fr);padding:35px 24px}.intro h1{font-size:39px;letter-spacing:-2.4px}.intro-copy{font-size:13px}.connection-card{transform:scale(.86);transform-origin:left center;margin-bottom:-10px}}
@media(max-width:680px){.site-header{height:68px;padding:0 22px}.wordmark{font-size:24px}.layout{display:block;max-width:550px;padding:0 20px 105px}.intro{position:static;padding:24px 2px 22px}.back-link{display:none}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:14px}.intro h1{font-size:38px;line-height:1.13;margin-bottom:12px;letter-spacing:-2px}.intro-copy{font-size:13px;line-height:1.7;margin-bottom:0}.connection-card,.intro-summary{display:none}.guide-heading h2{font-size:24px}.guide-time{font-size:9px}.guide-lead{font-size:12px;margin-top:8px}.step-card{padding:21px;border-radius:17px;scroll-margin-top:12px}.step-heading h3{font-size:19px}.step-copy{font-size:13px}.support-card{padding:24px 20px}.mobile-support{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #dfe6df;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #273f2505}.mobile-support>div{display:flex;flex-direction:column;gap:1px}.mobile-support strong{font-size:12px}.mobile-support>div>span{font-size:10px;color:var(--muted)}.mobile-support>a{min-height:41px;display:flex;align-items:center;gap:12px;background:var(--teal);color:#fff;border-radius:8px;padding:0 14px;font-size:12px;font-weight:700}}
@media(max-width:365px){.layout{padding-left:16px;padding-right:16px}.site-header{padding:0 18px}.intro h1{font-size:35px}.step-card{padding:18px}.step-heading h3{font-size:18px}.linked-card{padding:13px}.linked-badge{right:9px;top:12px}.linked-card>div:nth-child(2){padding-right:44px}.mobile-support{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reference screenshots and supported brands */
.eyebrow .alexa-symbol{width:17px;height:17px;border:3px solid #2698cf;border-radius:50%;background:transparent;position:relative;flex:0 0 auto}
.eyebrow .alexa-symbol:after{content:'';position:absolute;width:6px;height:5px;left:3px;bottom:-4px;background:var(--bg);transform:rotate(-28deg)}
.supported-brands{max-width:390px;display:flex;flex-wrap:wrap;gap:7px;margin:-5px 0 19px}
.supported-brands span{display:inline-flex;align-items:center;min-height:27px;border-radius:6px;background:#eaf3ed;padding:3px 9px;color:#244b3d;font-size:11px;font-weight:800}
.supported-brands span:nth-child(1),.supported-brands span:nth-child(3),.supported-brands span:nth-child(6){color:#1681ba}
.supported-brands span:nth-child(2),.supported-brands span:nth-child(4){color:#1b6241}
.intro-copy{margin-bottom:27px}
.routine-reference,.smartlife-reference{margin:0;background:#f7f9f7;border:1px solid #e1e9e2;border-radius:12px;padding:14px 13px 0;overflow:hidden}
.routine-reference figcaption,.smartlife-reference figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;letter-spacing:.9px;color:#6b7e71;font-weight:800;margin-bottom:13px}
.reference-badge{background:#e6f0e8;color:var(--teal);padding:3px 6px;border-radius:4px;font-size:9px;letter-spacing:0;font-weight:700;white-space:nowrap}
.reference-label{font-size:9px;letter-spacing:1px;color:#6d7e77;font-weight:700;display:flex;align-items:center;gap:5px;margin-bottom:7px}
.reference-dot{width:5px;height:5px;background:#6f9b8d;border-radius:50%}
.screenshot-crop{position:relative;overflow:hidden;background:#fff;aspect-ratio:544/280;border-radius:7px;outline:1px solid #dce1e5}
.screenshot-crop img{position:absolute;display:block;width:100%;height:auto;max-width:none;left:0}
.starter-crop img{transform:translateY(-6.2%)}.action-crop img{transform:translateY(-51.9%)}
.reference-flow{text-align:center;color:#91ad9b;line-height:1;font-size:18px;padding:6px 0}
.view-screenshot{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% + 26px);margin:13px -13px 0;padding:12px 9px;min-height:44px;border:0;border-top:1px solid #e1e9e2;background:#f0f5f0;color:var(--teal);font-size:11px;font-weight:700;cursor:pointer}
.view-screenshot:hover{background:#e5f1e9}
.example-note{background:#edf5ef;border-left:3px solid #67a681;border-radius:0 8px 8px 0;padding:11px 13px;margin:14px 0 0;color:#48675a;font-size:12px;line-height:1.7}
.example-note strong{color:#255944}
.skill-examples{display:grid;gap:11px;margin-top:13px}
.screenshot-card{margin:0;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}
.screenshot-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 12px;background:#f7f9f7;border-bottom:1px solid #e9eee9}
.skill-brand{font-size:11px;font-weight:800}.success-label{font-size:9px;color:#27824e;font-weight:700}
.screenshot-trigger{display:block;position:relative;width:100%;padding:0;border:0;background:#fff;text-align:left;cursor:zoom-in;color:var(--teal)}
.screenshot-trigger img{display:block;width:100%;height:auto}
.screenshot-trigger>span{display:block;text-align:center;min-height:38px;padding:10px;border-top:1px solid #e7ece8;background:#f6faf7;font-size:10px;font-weight:800}
.screenshot-trigger:hover>span{background:#e9f4ec}
.smartlife-reference{margin-top:14px}
.smartlife-reference .screenshot-trigger{border-radius:7px 7px 0 0;overflow:hidden}
.smartlife-reference .screenshot-trigger>span{margin-top:0}
.screenshot-dialog{padding:0;border:0;border-radius:17px;width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 30px);box-shadow:0 24px 100px #10272144;color:var(--ink);background:#fff;overscroll-behavior:contain}
.screenshot-dialog::backdrop{background:#122c28b0;backdrop-filter:blur(4px)}
.dialog-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;background:#fff;border-bottom:1px solid var(--line)}
.dialog-header h2{margin:0;font:800 16px 'Manrope',Arial,sans-serif;letter-spacing:-.3px}
.dialog-header button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#edf3ef;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.dialog-image{padding:10px}.dialog-image img{display:block;width:100%;height:auto}
body.dialog-open{overflow:hidden}
@media(max-width:680px){.eyebrow{gap:7px}.eyebrow .alexa-symbol{width:15px;height:15px;border-width:2.5px}.supported-brands{gap:5px;margin:0 0 13px}.supported-brands span{font-size:10px;min-height:24px;padding:2px 7px}.intro-copy{margin-bottom:0}.routine-reference,.smartlife-reference{padding:12px 11px 0}.routine-reference figcaption,.smartlife-reference figcaption{font-size:8px;letter-spacing:.7px}.reference-badge{font-size:8px}.reference-label{font-size:8px}.view-screenshot{width:calc(100% + 22px);margin-left:-11px;margin-right:-11px}.example-note{font-size:11px}.dialog-header{padding:10px 12px}.dialog-image{padding:4px}}