/* Smart Errands: isolated styles, desktop dimensions at 80% of the approved preview. */
@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');
#smart-errands { --paper:#f5f3ec;--ink:#202d28;--orange:#ed542d;--line:#d8dcd1;--muted:#637068 }
#smart-errands * { box-sizing:border-box }
#smart-errands button,
#smart-errands a { -webkit-tap-highlight-color:transparent }
#smart-errands button { font:inherit;cursor:pointer }
#smart-errands a { color:inherit }
#smart-errands button:focus-visible,
#smart-errands a:focus-visible { outline:2.4px solid var(--orange);outline-offset:4px }
#smart-errands .se-shell { max-width:1152px;margin:auto;padding:0 51.2px }
#smart-errands .se-arrow { margin-left:16px }
#smart-errands .se-main { padding-top:25.6px }
#smart-errands .se-eyebrow { display:flex;align-items:center;gap:7.2px;font-size:8.8px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase }
#smart-errands .se-dot { height:5.6px;width:5.6px;background:var(--orange);border-radius:100% }
#smart-errands .se-intro-line { display:flex;justify-content:space-between }
#smart-errands .se-intro-line .se-eyebrow { font-size:9.68px }
#smart-errands .se-edition { font-size:9.68px;color:var(--muted) }
#smart-errands .se-stage { position:relative;min-height:435.2px }
#smart-errands .se-slide { display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:28.8px 0 22.4px }
#smart-errands .se-slide[hidden] { display:none }
#smart-errands h1,
#smart-errands h2 { font-family:Manrope,sans-serif;font-size:clamp(38.4px,4.16vw,60.8px);line-height:1.04;letter-spacing:-3.6px;font-weight:500;margin:0 0 19.2px }
#smart-errands h1 em,
#smart-errands h2 em { font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-3.2px }
#smart-errands .se-copy { max-width:336px;font-size:12.8px;line-height:1.7;color:var(--muted);margin:0 0 20.8px }
#smart-errands .se-primary { background:var(--orange);color:white;border:0;border-radius:32px;padding:13.6px 20px;font-weight:600;font-size:11.2px;box-shadow:0 4.8px 12px #ed542d15 }
#smart-errands .se-subline { font-size:9.68px;color:var(--muted);margin-top:12px }
#smart-errands .se-art { height:350.4px;background:#e4e9dc;border-radius:5.6px;position:relative;overflow:hidden;padding:21.6px }
#smart-errands .se-art:before { content:'';position:absolute;inset:0;background-image:radial-gradient(#78836a40 0.56px,transparent 0.56px);background-size:14.4px 14.4px }
#smart-errands .se-art-label { position:relative;font-size:8px;letter-spacing:1.2px;font-weight:700;display:flex;justify-content:space-between }
#smart-errands .se-route { position:absolute;inset:0;width:100%;height:100% }
#smart-errands .se-route path { fill:none;stroke:#869678;stroke-width:2;stroke-dasharray:6 7 }
#smart-errands .se-route .se-bold { stroke:var(--orange);stroke-width:3;stroke-dasharray:none }
#smart-errands .se-stop { position:absolute;background:#fffcf5;border:0.8px solid #dfe2d8;padding:9.6px 12.8px;border-radius:7.2px;box-shadow:0 5.6px 12.8px #29352c09;font-size:9.6px;display:flex;align-items:center;gap:8.8px }
#smart-errands .se-stop b { font-weight:600 }
#smart-errands .se-stop small { display:block;font-size:7.2px;color:var(--muted);margin-top:3.2px }
#smart-errands .se-icon { width:24px;height:24px;border-radius:50%;background:#efece0;display:grid;place-items:center;font-size:12px }
#smart-errands .se-s1 { left:8%;top:21%;transform:rotate(-5deg) }
#smart-errands .se-s2 { right:7%;top:40%;transform:rotate(4deg) }
#smart-errands .se-s3 { left:12%;top:59%;transform:rotate(-3deg) }
#smart-errands .se-destination { position:absolute;bottom:22.4px;right:20px;background:var(--ink);color:white;border-radius:6.4px;padding:11.2px 14.4px;font-size:9.6px }
#smart-errands .se-destination small { display:block;font-size:7.2px;color:#bfcaba;margin-top:4px }
#smart-errands .se-seal { position:absolute;right:20px;top:43.2px;background:var(--orange);color:white;width:68px;height:68px;border-radius:100%;display:flex;justify-content:center;align-items:center;text-align:center;transform:rotate(12deg);font-size:8.8px;line-height:1.3 }
#smart-errands .se-seal strong { font-size:22.4px;display:block;font-weight:500 }
#smart-errands .se-art-caption { position:absolute;bottom:24px;left:21.6px;font-size:8px;color:#586650;line-height:1.6 }
#smart-errands .se-collect { background:#e9e4d7 }
#smart-errands .se-deliver { background:#e0e5e9 }
#smart-errands .tiny { font:8px 'DM Sans',sans-serif;letter-spacing:0.8px }
#smart-errands .se-tab-row { display:grid;grid-template-columns:repeat(3,1fr) 84.8px;border-top:0.8px solid var(--line);gap:20px }
#smart-errands .se-tab { position:relative;padding:19.2px 0 17.6px;display:flex;align-items:center;gap:11.2px;text-align:left;border:0;background:transparent;color:var(--muted) }
#smart-errands .se-tab[aria-selected=true] { color:var(--ink) }
#smart-errands .se-tab[aria-selected=true]:before { content:'';height:2.4px;position:absolute;top:-1.6px;left:0;right:0;background:var(--orange) }
#smart-errands .se-tab-num { font-size:9.68px }
#smart-errands .se-tab strong { font-weight:500;font-size:12.32px }
#smart-errands .se-tab small { display:block;font-size:8.8px;margin-top:4px;color:var(--muted) }
#smart-errands .se-controls { display:flex;align-items:center;gap:7.2px }
#smart-errands .se-control { border:0.8px solid #ccd2c6;background:transparent;border-radius:50%;width:33.6px;height:33.6px;font-size:16px;color:var(--ink) }
#smart-errands .se-control:hover { background:var(--ink);color:white }
#smart-errands .se-service-strip { display:flex;align-items:center;justify-content:space-between;gap:17.6px;border-top:0.8px solid var(--line);padding:19.2px 0 }
#smart-errands .se-promise { font-family:Georgia,serif;font-size:19.2px;letter-spacing:-0.56px }
#smart-errands .se-services { display:flex;gap:22.4px }
#smart-errands .se-service { font-size:10.56px }
#smart-errands .se-service span { display:block;color:var(--muted);font-size:8.8px;margin-top:4px }
#smart-errands .se-service strong { font-weight:600 }
#smart-errands .se-more { font-size:9.68px;text-decoration:underline;text-underline-offset:4px;border:0;background:none;color:var(--ink) }
#smart-errands dialog { border:0;border-radius:12.8px;max-width:480px;width:calc(100% - 25.6px);background:var(--paper);color:var(--ink);padding:28.8px;box-shadow:0 24px 80px #0003 }
#smart-errands dialog::backdrop { background:#17271fd0;backdrop-filter:blur(4px) }
#smart-errands dialog h2 { font-size:30.4px;letter-spacing:-1.6px;margin-top:20px }
#smart-errands dialog p,
#smart-errands dialog li { font-size:11.2px;line-height:1.8;color:var(--muted) }
#smart-errands dialog ol { padding-left:16px }
#smart-errands dialog .se-close { float:right;background:none;border:0.8px solid var(--line);width:27.2px;height:27.2px;border-radius:50%;font-size:17.6px }
#smart-errands dialog .se-note { border-top:0.8px solid var(--line);padding-top:12px;font-size:8.8px }
#smart-errands .se-badge { display:inline-block;border:0.8px solid #c5ccbf;border-radius:16px;font-size:8px;padding:5.6px 8px;margin:0 3.2px 12px 0 }
@media(min-width:1500px) {
#smart-errands .se-stage { min-height:464px }
#smart-errands .se-slide { padding-top:41.6px }
}
@media(max-width:1000px) {
#smart-errands .se-shell { padding:0 25.6px }
#smart-errands .se-slide { gap:19.2px }
#smart-errands h1,
#smart-errands h2 { font-size:45.6px;letter-spacing:-2.4px }
#smart-errands .se-art { height:328px }
#smart-errands .se-services { gap:12px }
#smart-errands .se-promise { font-size:16.8px }
#smart-errands .se-tab-row { gap:12.8px }
#smart-errands .se-copy { font-size:11.2px }
}
@media(max-width:720px) {
#smart-errands .se-shell { padding:0 22px }
#smart-errands .se-intro-line { align-items:center }
#smart-errands .se-edition { font-size:9.9px }
#smart-errands .se-eyebrow { font-size:9px;letter-spacing:1.1px }
#smart-errands .se-intro-line .se-eyebrow { font-size:9.9px }
#smart-errands .se-main { padding-top:24px }
#smart-errands .se-slide { grid-template-columns:1fr;padding-top:30px;gap:28px }
#smart-errands h1,
#smart-errands h2 { font-size:55px;line-height:1.05;margin-bottom:19px }
#smart-errands h1 em,
#smart-errands h2 em { letter-spacing:-3px }
#smart-errands .se-copy { font-size:14px;max-width:390px;margin-bottom:21px }
#smart-errands .se-art { height:350px }
#smart-errands .se-stage { min-height:0 }
#smart-errands .se-tab-row { grid-template-columns:repeat(3,1fr);gap:12px }
#smart-errands .se-tab { gap:7px;padding:18px 0 }
#smart-errands .se-tab strong { font-size:12.1px }
#smart-errands .se-tab small { display:none }
#smart-errands .se-tab-num { font-size:9.9px }
#smart-errands .se-controls { grid-column:1/-1;justify-content:flex-end;margin-top:-4px;margin-bottom:16px }
#smart-errands .se-service-strip { align-items:flex-start;flex-wrap:wrap;padding:22px 0 }
#smart-errands .se-promise { width:100%;font-size:25px }
#smart-errands .se-services { gap:28px }
#smart-errands .se-more { padding:0;margin-top:2px }
#smart-errands .se-service { font-size:12.1px }
#smart-errands .se-seal { width:72px;height:72px }
#smart-errands .se-seal strong { font-size:24px }
#smart-errands .se-stop { padding:10px 13px }
#smart-errands .se-art-caption { font-size:9px }
#smart-errands .se-primary { padding:15px 23px }
}
#smart-errands .se-shell { background:var(--paper);border:0.8px solid #d8dcd1;border-radius:14.4px;box-shadow:0 14.4px 44px #202d2810;padding-bottom:6.4px;overflow:hidden }
#smart-errands .se-smart-difference { border:0;background:none;font-family:inherit;text-decoration:underline;text-underline-offset:4px;padding:4px 0;color:var(--muted);cursor:pointer }
#smart-errands .se-tab-row { grid-template-columns:repeat(3,1fr) 122.4px }
#smart-errands .se-stage { perspective:1120px;isolation:isolate }
#smart-errands .se-slide>div { backface-visibility:hidden;will-change:auto }
#smart-errands .se-stage.se-is-transitioning .se-slide>div { will-change:transform,opacity }
#smart-errands .se-slide>div:first-child { transform-origin:50% 115% }
#smart-errands .se-slide>.se-art { transform-origin:50% 115% }
#smart-errands .se-autoplay { font-size:12px }
#smart-errands .se-service-strip { padding-bottom:19.2px }
@media(max-width:720px) {
#smart-errands .se-shell { padding-left:20px;padding-right:20px;border-radius:12px }
#smart-errands .se-tab-row { grid-template-columns:repeat(3,1fr) }
#smart-errands .se-edition { font-size:11px }
#smart-errands .se-slide>div:first-child,
#smart-errands .se-slide>.se-art { transform-origin:50% 105% }
}
@media(prefers-reduced-motion:reduce) {
#smart-errands .se-stage { perspective:none }
}
#smart-errands {
  width: min(1152px, calc(100% - 40px));
  margin: 64px auto 0;
  color: var(--ink);
  font-family: 'DM Sans', sans-serif;
  font-size: 12.8px;
  line-height: normal;
  scroll-margin-top: 16px;
}
#smart-errands .se-shell { width: 100%; }
#smart-errands .se-slide > div { min-width: 0; }
#smart-errands .se-slide[hidden] { display: none; }
#smart-errands .se-tablist { display: contents; }
#smart-errands .se-app-link { text-decoration: underline; text-underline-offset: 4px; }
#smart-errands dialog { line-height: normal; }
@media (max-width: 720px) {
  #smart-errands { width: calc(100% - 24px); margin-top: 32px; }
  #smart-errands .se-stage { min-height: 0; }
  #smart-errands h2 { font-size: clamp(38px, 10vw, 55px); }
  #smart-errands .se-art { height: 330px; }
  #smart-errands .se-stop { font-size: 11px; }
  #smart-errands dialog h2 { font-size: 32px; }
}
