@font-face{font-family:Geist;src:url('/assets/Geist-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Geist;src:url('/assets/Geist-Medium.ttf') format('truetype');font-display:swap;font-weight:500}
@font-face{font-family:Geist;src:url('/assets/Geist-SemiBold.ttf') format('truetype');font-display:swap;font-weight:600 800}
:root{color-scheme:light;--paper:#f7f9fb;--surface:#fff;--ink:#151b22;--muted:#68747e;--line:#dfe6eb;--blue:#3469bb;--mint:#35998a;--control:#e9eef2;--shadow:#53789424;--soft:#edf3f6}
html[data-appearance=dark]{color-scheme:dark;--paper:#121719;--surface:#191f23;--ink:#edf2f4;--muted:#a1adb4;--line:#303b41;--blue:#a3c9ff;--mint:#89d7bc;--control:#293239;--shadow:#00000055;--soft:#1b2528}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Geist,Arial,sans-serif;letter-spacing:0;transition:background-color .35s,color .35s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #70a4ed;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;z-index:8;top:-90px;left:20px;padding:12px 18px;background:var(--surface)}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}nav{height:76px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:600;white-space:nowrap}.brand img{border-radius:7px}.nav-links{display:flex;gap:28px;margin-left:auto;color:var(--muted);font-size:13px}.nav-links a:hover{color:var(--ink)}.download{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:12px 22px;background:var(--ink);color:var(--paper);border-radius:8px;font-size:14px;font-weight:500;transition:transform .2s,background .2s;white-space:nowrap}.download:hover{transform:translateY(-2px);background:var(--blue);color:#fff}.download:active{transform:translateY(0) scale(.98)}.download.small{min-height:40px;padding:9px 16px;font-size:13px}.download svg,.text-link svg{width:17px;height:17px;stroke-width:1.8}.eyebrow{margin:0 0 15px;color:var(--blue);font-size:12px;font-weight:500}.duo-hero{padding-top:30px;background:var(--paper);overflow:hidden}.hero-heading{text-align:center}.hero-heading h1{font-size:56px;line-height:1.12;font-weight:600;margin:0;text-wrap:balance}.hero-heading h1 span{color:var(--muted);font-weight:400}.hero-lead{font-size:19px;margin:14px 0 0;color:var(--muted)}.hero-meta{display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:24px;max-width:1060px}.availability{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.availability>span{width:5px;height:5px;background:var(--mint);border-radius:50%}.theme-control{display:flex;align-items:center;gap:3px;padding:3px;background:var(--control);border:1px solid var(--line);border-radius:8px}.theme-control button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--muted);min-width:80px;min-height:32px;padding:6px 12px;font-size:11px;border-radius:5px;transition:background .2s,color .2s,box-shadow .2s}.theme-control svg{width:14px;height:14px;stroke-width:1.7}.theme-control button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px var(--shadow)}.hero-stage{max-width:1060px;display:grid;grid-template-columns:minmax(0,.29fr) minmax(0,1fr);gap:42px;align-items:end;--screen-height:min(49svh,510px)}figure{margin:0}.hero-stage img{display:block;width:100%;border-radius:8px;box-shadow:0 18px 52px var(--shadow)}.expanded-shot{max-width:calc(var(--screen-height)*1.4215);justify-self:end;width:100%}.compact-shot{width:100%;max-width:220px;justify-self:end;transform:translateY(-17px)}.compact-shot img{max-height:calc(var(--screen-height)*.86);object-fit:contain}.hero-stage figcaption{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;margin-top:18px;white-space:nowrap}.hero-stage figcaption svg{width:14px;height:14px;stroke-width:1.5}.sample-note{text-align:center;color:var(--muted);font-size:10px;margin-top:23px;margin-bottom:26px}.screen-wrap{position:relative}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.icon-button svg{width:16px;height:16px;stroke-width:1.8}.icon-button:hover{background:var(--control)}.enlarge{position:absolute;right:12px;bottom:12px;box-shadow:0 4px 16px var(--shadow);opacity:0;transition:opacity .2s,transform .2s}.screen-wrap:hover .enlarge,.enlarge:focus-visible{opacity:1}.enlarge:hover{transform:scale(1.04)}.overview{border-top:1px solid var(--line);padding-top:60px;padding-bottom:84px;display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.section-heading h2,.connected h2{font-size:42px;line-height:1.15;font-weight:500;margin:0;text-wrap:balance}.overview-copy{padding-top:26px}.statement{font-size:20px;line-height:1.5;color:var(--muted);margin:0 0 36px;max-width:540px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:36px}.principles>div{border-top:1px solid var(--line);padding-top:15px}.principles span{color:var(--blue);font-size:11px;font-variant-numeric:tabular-nums}.principles h3{font-size:15px;font-weight:500;margin:10px 0 7px}.principles p{font-size:13px;color:var(--muted);margin:0;max-width:235px}.explorer{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0 50px}.explorer-top{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:40px}.explorer-top h2{font-size:37px}.metric-tabs{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);flex-shrink:0}.metric-tabs button{border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 0 13px;background:transparent;color:var(--muted);font-size:13px;min-width:58px;transition:color .2s,border-color .2s}.metric-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--ink)}.metric-tabs button:hover{color:var(--ink)}.explorer-panel{display:grid;grid-template-columns:245px minmax(0,1fr);gap:54px;align-items:center}.metric-copy img{width:72px;height:72px;object-fit:contain;margin-left:-7px;margin-bottom:17px}.metric-copy h3{font-size:25px;line-height:1.25;font-weight:500;margin:0 0 15px;min-height:32px}.metric-copy p{font-size:15px;color:var(--muted);margin:0;min-height:96px;max-width:240px}.detail-label{display:block;color:var(--blue);font-size:10px;border-top:1px solid var(--line);margin-top:28px;padding-top:15px}.metric-figure img{display:block;width:100%;aspect-ratio:1902/1338;object-fit:contain;border-radius:8px;box-shadow:0 12px 40px var(--shadow)}.metric-figure figcaption{color:var(--muted);font-size:10px;text-align:center;margin-top:18px}.connected{display:grid;grid-template-columns:1fr 1fr;gap:140px;padding-top:90px;padding-bottom:86px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.connected .text-link{margin-top:26px}.routine-list article{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.routine-list article:first-child{padding-top:0}.routine-list>article>svg{width:22px;height:22px;flex-shrink:0;color:var(--muted);stroke-width:1.5;margin-top:4px}.routine-list h3{font-size:17px;line-height:1.4;font-weight:500;margin:0 0 8px}.routine-list p{font-size:13px;color:var(--muted);margin:0;max-width:390px}.closing-band{background:var(--soft);border-block:1px solid var(--line)}.closing{text-align:center;padding:68px 0 62px}.closing>img{border-radius:14px;margin-bottom:24px}.closing .eyebrow{margin-bottom:11px}.closing h2{font-size:43px;font-weight:500;line-height:1.15;margin:0 0 20px;text-wrap:balance}.closing>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:0 0 28px}.small-print{display:block;font-size:10px;color:var(--muted);margin-top:23px}.press{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:38px;padding-bottom:38px}.press h2{font-size:17px;font-weight:500;margin:0 0 5px}.press p{font-size:12px;color:var(--muted);margin:0}.press>a{flex-shrink:0}footer{border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:25px;padding-block:32px}footer .brand{font-size:17px}footer>div{display:flex;gap:25px;font-size:12px;color:var(--muted)}footer>p{flex-basis:100%;font-size:10px;color:var(--muted);margin:0}dialog{border:0;background:var(--surface);color:var(--ink);border-radius:8px;padding:50px 25px 18px;max-width:min(1420px,94vw);width:100%;max-height:94svh;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#111923aa;backdrop-filter:blur(8px)}dialog>img{display:block;max-height:calc(94svh - 125px);object-fit:contain;width:100%}dialog>p{font-size:11px;text-align:center;color:var(--muted);margin:14px 0 0}.dialog-close{position:absolute;right:12px;top:10px}.details{padding-block:55px;max-width:1000px}.details h1{font-size:46px;line-height:1.15;font-weight:500}.details h2{font-size:28px;font-weight:500}.details p,.details li{color:var(--muted)}.details a:not(.download){color:var(--blue)}.details figure{margin-top:32px}.details figure img{border-radius:8px;width:100%;display:block}.details figcaption{font-size:12px;text-align:center;margin-top:12px;color:var(--muted)}.details .lead{font-size:24px;color:var(--ink)}
@media(prefers-reduced-motion:no-preference){.hero-heading{animation:arrive .55s both}.hero-stage{animation:arrive .65s both}@keyframes arrive{from{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.wrap{width:min(1260px,calc(100% - 96px))}.hero-stage,.hero-meta{max-width:1110px}.hero-stage{--screen-height:min(50svh,550px)}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-heading h1{font-size:46px}.hero-stage{gap:28px;grid-template-columns:minmax(0,.28fr) minmax(0,1fr)}.overview{gap:60px}.explorer-top{align-items:start}.explorer-top h2{font-size:32px;max-width:330px}.explorer-panel{grid-template-columns:210px 1fr;gap:28px}.metric-copy h3{font-size:23px}.metric-copy p{font-size:14px}.connected{gap:70px}.section-heading h2,.connected h2{font-size:37px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}nav{height:64px;gap:18px}.nav-links{display:none}.download.small{margin-left:auto}.brand{font-size:18px}.brand img{width:28px;height:28px}.duo-hero{padding-top:26px}.hero-heading h1{font-size:39px}.hero-heading .eyebrow{margin-bottom:12px}.hero-lead{font-size:16px;margin-top:11px}.hero-meta{margin-top:22px;margin-bottom:20px}.availability{font-size:10px}.theme-control button{min-width:66px;padding:6px 9px;gap:5px}.hero-stage{gap:20px;--screen-height:min(43svh,380px)}.compact-shot{transform:translateY(-12px)}.hero-stage figcaption{font-size:9px;gap:5px;margin-top:15px}.hero-stage figcaption svg{width:12px;height:12px}.sample-note{font-size:9px;margin-top:19px;margin-bottom:24px;max-width:450px}.overview{padding-top:39px;padding-bottom:52px;gap:35px;grid-template-columns:1fr 1.1fr}.section-heading h2,.connected h2{font-size:31px}.overview-copy{padding-top:17px}.statement{font-size:16px;margin-bottom:24px}.principles{grid-template-columns:1fr;gap:19px}.principles h3{font-size:14px;margin-top:6px}.principles p{font-size:12px;max-width:300px}.explorer{padding:48px 0 32px}.explorer-top{display:block;margin-bottom:28px}.explorer-top h2{font-size:31px;max-width:none}.metric-tabs{display:inline-flex;gap:28px;margin-top:19px}.metric-tabs button{font-size:12px;padding-bottom:10px}.explorer-panel{grid-template-columns:1fr;gap:25px}.metric-copy{display:grid;grid-template-columns:64px 1fr;column-gap:14px;align-items:start}.metric-copy img{grid-row:1/4;width:64px;height:64px;margin:0}.metric-copy h3{font-size:23px;margin:0 0 8px;min-height:0}.metric-copy p{min-height:0;max-width:500px;font-size:13px}.detail-label{border:0;margin:11px 0 0;padding:0;font-size:9px}.metric-figure figcaption{font-size:9px}.enlarge{opacity:1;right:8px;bottom:8px;width:30px;height:30px}.enlarge svg{width:13px;height:13px}.connected{grid-template-columns:1fr 1.1fr;gap:40px;padding-block:54px}.routine-list article{gap:13px;padding:18px 0}.routine-list h3{font-size:15px}.routine-list p{font-size:12px}.routine-list>article>svg{width:18px;height:18px}.closing{padding-block:50px}.closing h2{font-size:34px}.closing>p:not(.eyebrow){font-size:14px}.small-print{font-size:9px;max-width:360px;margin-inline:auto}.press{align-items:start;padding-block:29px;gap:20px}.press h2{font-size:15px}.press p{font-size:11px}.press .text-link{font-size:11px}footer{padding-block:26px}footer>p{font-size:9px}}
@media(max-width:500px){.wrap{width:calc(100% - 36px)}.hero-heading h1{font-size:35px;max-width:340px;margin-inline:auto}.hero-heading h1 span{display:block}.hero-lead{max-width:285px;margin-inline:auto;font-size:15px}.hero-meta{margin-top:20px}.availability{max-width:120px;line-height:1.4}.theme-control button{min-width:58px}.theme-control button span{font-size:10px}.hero-stage{display:block}.compact-shot{display:none}.expanded-shot{max-width:100%;width:100%}.expanded-shot img{max-height:33svh;object-fit:contain;box-shadow:0 15px 35px var(--shadow)}.expanded-shot figcaption{font-size:10px}.sample-note{max-width:320px;line-height:1.5}.overview{display:block;padding-top:32px}.overview .section-heading h2 br{display:none}.overview .section-heading h2{max-width:270px}.overview-copy{padding-top:23px}.statement{font-size:17px}.principles{grid-template-columns:1fr 1fr;gap:20px}.principles p{font-size:11px}.connected{display:block;padding-block:48px}.connected-title{margin-bottom:30px}.connected h2 br{display:none}.connected h2{max-width:280px}.connected .text-link{margin-top:19px}.routine-list h3{font-size:16px}.routine-list p{font-size:13px}.press{display:block}.press .text-link{margin-top:17px;font-size:12px}footer .brand{font-size:16px}footer>div{gap:17px;font-size:11px}.details h1{font-size:33px}.details h2{font-size:25px}}
@media(max-height:720px) and (min-width:501px){.duo-hero{padding-top:18px}.hero-heading h1{font-size:38px}.hero-heading .eyebrow{margin-bottom:7px}.hero-lead{margin-top:8px}.hero-meta{margin-top:15px;margin-bottom:15px}.hero-stage{--screen-height:min(38svh,340px)}.sample-note{margin-block:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.duo-hero{padding-top:26px}.hero-heading .eyebrow{margin-bottom:12px}.hero-meta{margin-top:18px;margin-bottom:16px}.hero-stage{max-width:calc(var(--screen-height)*1.4215 + 262px);grid-template-columns:220px minmax(0,1fr)}.sample-note{margin-top:18px;margin-bottom:20px}.overview{padding-top:40px}.metric-tabs button{min-height:44px}.theme-control button{min-height:36px}@media(min-width:1600px){.hero-stage{max-width:calc(var(--screen-height)*1.4215 + 292px);grid-template-columns:250px minmax(0,1fr)}.compact-shot{max-width:250px}}@media(max-width:1000px){.hero-stage{grid-template-columns:minmax(0,.28fr) minmax(0,1fr)}}@media(max-width:500px){.hero-stage{max-width:100%;display:block}.enlarge{width:40px;height:40px}.enlarge svg{width:16px;height:16px}.overview{padding-top:32px}}
.back{margin-left:auto;color:var(--muted);font-size:13px}.viewing-screen{overflow:hidden}.sample-note{margin-bottom:12px}.overview{padding-top:32px}
