/* Original ShowPapers palette, compact navigation, and one source-to-phone flow. */
:root{--font-display:Manrope,system-ui,sans-serif;--font-body:Manrope,system-ui,sans-serif;--color-paper:#f7f9fa;--color-paper-2:#e5f3ef;--color-paper-3:#d4e9e1;--color-white:#fff;--color-ink:#233342;--color-ink-2:#63727e;--color-muted:#63727e;--color-rule:#e1e7ea;--color-route:#80aaa4;--color-deep:#233342;--native-ink:#233342;--native-muted:#63727e;--native-line:#e1e7ea;--native-white:#fff;--header-height:88px}
html[data-theme=dark]{--color-paper:#131d25;--color-paper-2:#243f3d;--color-paper-3:#31544f;--color-white:#1d2934;--color-ink:#e6edf3;--color-ink-2:#a8b7c4;--color-muted:#a8b7c4;--color-rule:#33434f;--color-accent:#7bd7c2;--color-focus:#7bd7c2;--color-route:#547972;--color-deep:#131d25;--native-ink:#e6edf3;--native-muted:#a8b7c4;--native-line:#33434f;--native-white:#1d2934}
body{background:var(--color-paper)}h1,h2{font-family:var(--font-body);font-weight:700;letter-spacing:-.04em}h3{font-weight:650}.site-header{background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.nav{height:var(--header-height);justify-content:space-between;gap:18px}.brand{font-size:22px;font-weight:700;letter-spacing:-.04em;color:var(--color-ink)}.brand img{width:31px;height:31px}.nav-actions{display:flex;align-items:center;gap:26px}.nav-how{font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:none;font-weight:600}.nav-how:hover{color:var(--color-accent)}.nav-stores{display:flex;gap:5px}.nav-stores a,.theme-toggle{width:44px;height:44px;min-height:44px;padding:11px;border:0;border-radius:10px;background:transparent;color:var(--color-ink);display:grid;place-items:center}.nav-stores a:hover,.theme-toggle:hover{background:var(--color-paper-2)}.store-icon{width:21px;height:21px}.apple-icon{fill:currentColor}.theme-toggle .icon{width:20px;height:20px}
.hero{background:var(--color-paper);height:calc(100svh - var(--header-height));padding-top:12px}.hero-copy p{font-size:17px;line-height:1.65;margin-top:18px;max-width:47ch}.hero-copy p strong{font-weight:650}.source-map{margin-top:14px;height:calc(100% - 14px);max-height:none;min-height:0;align-self:start;position:relative;isolation:isolate}.source-field{position:relative;width:70%;height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));align-items:start;justify-items:center;gap:2px 6px;padding-top:6px}.source-field .source{position:relative;inset:auto;width:100%;min-width:0;max-width:90px;display:flex;flex-direction:column;align-items:center;gap:5px;transform:rotate(var(--source-turn));font-size:10px;line-height:1.4;text-align:center;white-space:nowrap}.source-field .source-mark{width:44px;height:44px;padding:9px;border-radius:12px;background:#fff;box-shadow:0 5px 14px #2333420b}.source-field .source-mark img,.source-field .source-mark .icon{width:27px;height:27px;max-width:100%;max-height:100%;object-fit:contain;transform:none}.source-field .source-workday .source-mark{padding:5px}.source-field .source-more .source-mark{background:var(--color-paper-2);box-shadow:none}.source-field .source-more .icon{color:var(--color-accent)}.source-field .source span{color:var(--color-ink-2)}.source-map .flow-connector{top:50%;left:auto;right:-6px;transform:translateY(-50%);font-size:14px;padding:12px 14px;gap:9px;min-height:54px}.journey-lines{opacity:.62}.hero-device .phone{margin-top:24px}.hero-copy h1{font-size:clamp(34px,7.5cqw,58px)}
.collection-section{background:var(--color-white)}.features{background:var(--color-paper)}.privacy-section{background:var(--color-paper-2)}.desktop-section{background:var(--color-paper)}.download{background:var(--color-paper);color:var(--color-ink);padding:80px 0 70px}.download-layout{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.download h2{font-size:clamp(38px,4vw,56px);line-height:1.15;color:var(--color-ink)}.download h2 span{color:var(--color-accent)}.download-actions{margin:0}.store-links{justify-content:center}
/* Five clear outcomes; detail lives in the films. */
.features>.container{grid-template-rows:auto auto minmax(0,1fr)}.reuse-intro{font-size:18px}.feature-chapters{gap:14px}.feature-chapters button{font-size:13px;gap:12px;min-height:84px;color:var(--color-ink-2)}.feature-chapters .icon{width:24px;height:24px;stroke-width:1.6}.feature-chapters button:hover{color:var(--color-accent)}.feature-chapters [aria-selected=true]{color:var(--color-accent)}.chapter-track{height:2px;background:var(--color-rule)}.feature-chapters [aria-selected=true] .chapter-track{height:3px}.feature-copy{min-height:270px;padding-top:8px;max-width:470px}.feature-copy h3{font-size:29px;line-height:1.3;margin-bottom:12px;font-weight:650}.feature-copy p{font-size:16px;line-height:1.65;max-width:42ch}.feature-benefits{margin-top:18px;gap:9px;font-size:14px;line-height:1.5}.feature-benefits .optional-feature{font-size:13px}.feature-bottom{margin-top:24px}.feature-help,.learn-more{font-size:14px;gap:0}.feature-device{min-height:650px;align-items:flex-start}
/* Connections has a single surface, sources and one sync instruction. Home stays intact. */
#desktop-content.connections-active{display:block;background:var(--color-white)}.connections-view{padding:30px 36px 28px;background:transparent;color:var(--native-ink);min-height:520px}.connections-view h3{font-size:22px;line-height:1.3;margin:0 0 23px;font-weight:650}.connections-view .collector-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.connections-view .collector-sources button{height:62px;min-height:62px;background:transparent;border:1px solid var(--native-line);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;font-size:12px;text-align:left;color:var(--native-ink)}.connections-view .collector-sources button>img,.connections-view .collector-sources button>.icon:first-child{width:25px;height:25px;object-fit:contain;flex:none}.connections-view .collector-sources button>span{flex:1;min-width:0}.connections-view .collector-sources .source-state{width:16px;height:16px;color:var(--native-muted)}.connections-view .collector-sources button[aria-pressed=true]{border-color:var(--color-route);background:var(--color-paper-2)}.connections-view .collector-sources button[aria-pressed=true] .source-state{color:var(--color-accent)}.connections-view .collector-sources button:hover{border-color:var(--color-accent)}.connection-rule{margin-top:28px;padding-top:23px;border-top:1px solid var(--native-line);background:transparent}.connection-rule label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.connection-rule textarea{display:block;width:100%;height:76px;resize:vertical;border:1px solid var(--native-line);border-radius:10px;background:transparent;color:var(--native-ink);padding:12px 14px;font-size:12px;line-height:1.65}.connection-rule textarea:focus{outline-color:var(--color-accent)}
/* Original footer hierarchy; language lives with the introduction. */
.site-foot{background:var(--color-paper);border-top:1px solid var(--color-rule)}.footer-grid{grid-template-columns:1.45fr repeat(4,1fr);padding-top:54px;padding-bottom:40px;gap:32px}.footer-brand{font-size:21px;font-weight:700;letter-spacing:-.04em;color:var(--color-ink)}.footer-intro p{font-size:14px;margin-top:18px}.language-choices{display:flex;gap:18px;margin-top:16px}.language-choices button{padding:4px 0;min-height:44px;font-size:13px;background:transparent;border:0;color:var(--color-ink-2);border-radius:0}.language-choices button[aria-pressed=true]{color:var(--color-ink);font-weight:650;text-decoration:underline;text-underline-offset:5px}.language-choices button:hover{color:var(--color-accent)}.footer-group h3{font-size:14px;font-weight:650;margin-bottom:12px}.footer-group a{font-size:13px;padding-block:7px}.footer-bottom{padding-top:18px;padding-bottom:25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-bottom p{font-size:12px}.footer-bottom button{font-size:12px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--color-ink-2)}.footer-bottom button:hover{color:var(--color-accent)}.cookie-settings[hidden]{display:none}.cookie-settings{position:fixed;z-index:100;bottom:20px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));padding:24px;display:flex;gap:28px;align-items:center;border-radius:14px;background:var(--color-white);box-shadow:0 12px 55px #00000030;color:var(--color-ink)}.cookie-settings h3{font-size:18px;line-height:1.4}.cookie-settings p{font-size:13px;line-height:1.7;margin-top:10px}.cookie-settings a{font-size:13px;display:inline-flex;min-height:44px;align-items:center;color:var(--color-accent)}.cookie-settings button{min-height:44px;border:0;border-radius:9px;background:var(--color-accent);color:var(--color-accent-ink);padding:10px 18px;font-size:13px;flex:none}
@media(min-width:961px) and (max-height:720px){.hero-copy{padding-top:6px}.hero-copy h1{font-size:clamp(32px,7.2cqw,50px)}.hero-copy p{font-size:15px;line-height:1.5;margin-top:14px}.source-map{margin-top:12px;height:calc(100% - 12px)}.source-field .source-mark{width:36px;height:36px;padding:7px;border-radius:10px}.source-field .source-mark img,.source-field .source-mark .icon{width:23px;height:23px}.source-field .source{font-size:9px;gap:3px}.source-map .flow-connector{font-size:12px;padding:10px;min-height:48px}}
@media(min-width:961px) and (max-width:1100px){.source-field{width:66%;gap:3px}.source-field .source{font-size:9px}.source-field .source-mark{width:37px;height:37px;padding:7px}.source-map .flow-connector{font-size:11px;gap:5px;padding:10px;right:-4px}.source-map .flow-connector>img{width:21px}}
@media(max-width:1100px){.connections-view{padding:24px}.connections-view .collector-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.connections-view .collector-sources button{font-size:11px;gap:7px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-intro{grid-row:1/3}}
@media(max-width:960px){.hero{height:auto;padding-top:18px;padding-bottom:30px}.hero-layout{display:flex;flex-direction:column;gap:0;align-items:center;min-height:0}.hero-copy{width:100%;padding-top:10px;container-type:inline-size}.hero-copy h1{font-size:clamp(35px,8.6cqw,56px);line-height:1.15}.hero-copy h1 .hero-lead,.hero-copy h1 .hero-answer{white-space:normal}.hero-copy p{font-size:17px;line-height:1.65;margin-top:20px;max-width:44ch}.source-map{flex:none;width:100%;height:395px;min-height:395px;max-height:none;margin:23px 0 0}.source-field{align-items:center;padding-top:0;width:100%;height:292px;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:6px 12px}.source-field .source{max-width:94px;font-size:11px;gap:6px;white-space:normal}.source-field .source-mark{width:45px;height:45px;padding:9px}.source-map .flow-connector{left:50%;right:auto;top:330px;transform:translateX(-50%);font-size:14px;padding:11px 15px}.hero-device{width:100%;align-self:center;display:flex;align-items:center;justify-content:center;padding:12px 14px 58px;margin:0;height:auto;min-height:0;grid-row:auto;grid-column:auto}.hero-device .phone{align-self:center;margin:0;--hero-phone-width:var(--handset-width)}.hero-device .phone,.feature-device .phone{width:var(--handset-width)}.hero-device .phone{transform:perspective(7000px) rotateX(-4deg) rotateY(-5deg) rotateZ(-6deg) scale(.95)}.features>.container{display:flex;flex-direction:column;gap:26px;min-height:0}.feature-heading,.feature-chapters,.feature-copy{width:100%;max-width:100%}.feature-chapters button{align-items:center;text-align:center}.feature-copy{min-height:260px}.feature-device{width:100%;min-height:0;justify-content:center;align-self:center;padding:30px 12px 46px}.feature-device .phone{transform:perspective(7000px) rotateX(-4deg) rotateY(5deg) rotateZ(6deg) scale(.95)}}
@media(max-width:760px){:root{--header-height:76px}.nav{height:var(--header-height);gap:10px}.nav-actions{gap:10px}.brand{font-size:20px;gap:8px}.brand img{width:27px;height:27px}.nav-how{font-size:12px}.nav-stores{gap:0}.nav-stores a,.theme-toggle{width:36px;height:44px;padding:8px}.store-icon{width:19px;height:19px}.theme-toggle .icon{width:19px;height:19px}.source-field{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));height:306px;gap:6px 8px}.source-field .source{font-size:10px;gap:4px}.source-field .source-mark{width:41px;height:41px;padding:8px}.source-map{height:405px;min-height:405px;margin-top:18px}.source-map .flow-connector{top:346px}.hero-copy p{font-size:16px;line-height:1.65}.feature-chapters{gap:9px}.feature-chapters button{font-size:12px;min-height:80px;gap:10px}.feature-chapters .icon{width:23px;height:23px}.feature-copy{min-height:290px}.feature-copy h3{font-size:27px}.feature-benefits{font-size:14px}.feature-bottom{margin-top:22px}.feature-device{padding-top:16px}.privacy-points h3{font-size:16px}.connections-view{padding:20px 16px;min-height:0}.connections-view h3{font-size:20px;margin-bottom:20px}.connections-view .collector-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connections-view .collector-sources button{height:59px;font-size:11px;padding:9px;gap:7px}.connections-view .collector-sources button>img,.connections-view .collector-sources button>.icon:first-child{width:22px;height:22px}.connection-rule{margin-top:22px;padding-top:19px}.connection-rule textarea{font-size:11px;height:94px}.download{padding:58px 0}.download h2{font-size:40px}.download-layout{gap:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px;padding-top:40px;padding-bottom:30px}.footer-intro{grid-column:1/-1;grid-row:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}.footer-bottom button{padding:6px 0}.cookie-settings{align-items:flex-start;gap:15px;padding:20px}.cookie-settings button{padding:10px 14px}.language-choices{margin-top:10px}.footer-intro p{margin-top:14px}}
@media(max-width:420px){.container{padding-inline:22px}.nav-actions{gap:4px}.nav-how{font-size:11px}.nav-stores a,.theme-toggle{width:32px;padding:7px}.brand{font-size:18px;gap:6px}.brand img{width:25px;height:25px}.hero-copy h1{font-size:clamp(32px,9cqw,42px)}.source-field .source-mark{width:38px;height:38px;padding:7px}.source-field .source{font-size:9px}.source-map{height:393px;min-height:393px}.source-field{height:294px}.source-map .flow-connector{top:332px}.feature-copy{min-height:310px}.feature-chapters button{font-size:11px}.feature-copy h3{font-size:26px}.hero-device .phone{margin-left:0}}
@media(max-width:360px){.nav{flex-wrap:wrap;height:auto;min-height:92px;gap:0;padding-block:10px}.nav .brand{width:100%;justify-content:center}.nav-actions{width:100%;justify-content:center;gap:18px}.nav-how{font-size:12px}.nav-stores a,.theme-toggle{width:38px}.hero-copy p{font-size:15px}.feature-copy h3{font-size:25px}.feature-benefits{font-size:13px}.feature-copy{min-height:320px}.source-field{gap:6px}.source-field .source{font-size:9px}.footer-bottom p{font-size:11px}}
.site-header .nav{height:calc(var(--header-height) - 1px)}
.source-field .source{font-size:11px}
html[data-theme=dark]{--color-accent-ink:#102b24}
html[data-theme=light] .privacy-section{--color-ink-2:#5e6d79}
@media(max-width:420px){.source-map{height:411px;min-height:411px}.source-field{height:312px}.source-map .flow-connector{top:350px}}
@media(max-width:360px){.site-header .nav{height:auto}}
[data-theme=dark] .connections-view button[data-source=outlook] img,[data-theme=dark] .connections-view button[data-source=workday] img{filter:brightness(0) invert(1)}
@media(prefers-reduced-motion:reduce){.feature-chapters button{transition:none}}

/* A quiet collection path, with no lines crossing individual source icons. */
@media(min-width:961px){.source-field{width:64%}}
.journey-lines{opacity:.38}.journey-lines path{stroke-width:1}.journey-lines .moving-route{stroke-width:1.3;stroke-dasharray:4 20}.journey-lines .main-route{stroke-width:1.15}

/* Devices sit with Connections; paper hover follows the original, not its container. */
.connections-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:23px}.connections-heading h3{margin:0}.device-sync{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--native-line);border-radius:10px;background:transparent;color:var(--native-ink);font-size:12px}.device-sync>.icon{width:18px;height:18px}.device-sync[aria-pressed=true]{background:var(--color-paper-2);border-color:var(--color-route);color:var(--color-accent)}.device-sync:hover{border-color:var(--color-accent)}
html[data-theme] .desktop-papers button,html[data-theme] .desktop-papers button:hover{background:transparent}.desktop-papers button .paper-thumb,.desktop-papers button:hover .paper-thumb{background:#e9efed}.paper-thumb img{transition:transform 180ms var(--ease-out),box-shadow 180ms var(--ease-out)}.desktop-papers button:hover .paper-thumb img,.desktop-papers button:focus-visible .paper-thumb img{transform:translateY(-3px);box-shadow:0 8px 18px #10252f24}.desktop-papers button:hover strong,.desktop-papers button:focus-visible strong{color:var(--color-accent)}
@media(max-width:760px){.connections-heading{gap:12px;margin-bottom:20px}.connections-heading .device-sync{font-size:11px;padding:9px 10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.paper-thumb img{transition:none}}
