:root { --wr-paper:#fff; --wr-ink:#191b1b; --wr-muted:#68716c; --wr-line:#dfe4de; --wr-soft:#f5f7f2; --wr-teal:#087b79; }
.dark { --wr-paper:#191a17; --wr-ink:#f1f3ed; --wr-muted:#aeb7ad; --wr-line:#3b4238; --wr-soft:#232720; --wr-teal:#a6d7ce; }
.wr-section, .wr-dialog { color:var(--wr-ink); letter-spacing:0; }
.wr-section *, .wr-dialog * { box-sizing:border-box; letter-spacing:0; }
.wr-section { padding:100px 0; background:var(--wr-paper); }
.wr-section p, .wr-dialog p { margin:0; }
.wr-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:40px; }
.wr-section .wr-eyebrow, .wr-dialog .wr-eyebrow { margin:0 0 14px; color:var(--wr-teal); font-size:13px; line-height:1.5; font-weight:500; }
.wr-section h2 { color:var(--wr-ink); margin:0; font-size:36px; line-height:1.4; font-weight:600; }
.wr-section-head > p { color:var(--wr-muted); font-size:15px; line-height:1.85; }
.wr-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 32px; }
.wr-project { min-width:0; }
.wr-project-featured { grid-column:1/-1; }
.wr-project-image { position:relative; display:block; overflow:hidden; aspect-ratio:16/9; background:#eef1f2; border-radius:4px; }
.wr-project-featured .wr-project-image { aspect-ratio:16/9; }
.wr-project-image img { display:block; width:100%; height:100%; object-fit:contain; }
.wr-project-featured .wr-project-image img { object-fit:contain; }
.wr-shokz-image { background:#e9eef2; }
.wr-shokz-image img { padding:30px; }
.wr-roborock-image { background:#f0f3f5; }
.wr-roborock-image img { padding:24px; }
.wr-image-link { position:absolute; right:16px; bottom:16px; display:grid; place-items:center; width:40px; height:40px; background:white; color:#202620; border-radius:4px; }
.wr-project-caption { display:flex; gap:24px; justify-content:space-between; padding-top:18px; }
.wr-project-caption span { font-size:12px; color:var(--wr-muted); }
.wr-project-caption h3 { margin:7px 0; font-size:20px; line-height:1.5; color:var(--wr-ink); font-weight:500; }
.wr-project-caption p { color:var(--wr-muted); font-size:14px; line-height:1.7; }
.wr-project-caption > a { display:grid; place-items:center; flex-shrink:0; width:40px; height:40px; margin-top:16px; border-bottom:1px solid var(--wr-line); color:var(--wr-ink); }
.wr-section .wr-source-note { margin-top:28px; font-size:12px; line-height:1.8; color:var(--wr-muted); }
.wr-workflow .container { border-top:1px solid var(--wr-line); padding-top:64px; }
.wr-workflow { padding-top:20px; }
.wr-workflow-layout { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.6fr); gap:72px; }
.wr-workflow-intro > p:not(.wr-eyebrow) { color:var(--wr-muted); margin-top:22px; font-size:15px; line-height:1.85; }
.wr-text-action { display:inline-flex; gap:18px; align-items:center; min-height:44px; color:var(--wr-ink); font-size:14px; border-bottom:1px solid var(--wr-ink); margin-top:26px; font-weight:500; }
.wr-steps { list-style:none; padding:0; margin:0; }
.wr-steps li { display:grid; grid-template-columns:38px minmax(0,1fr) 132px; align-items:start; gap:24px; padding:26px 0; border-top:1px solid var(--wr-line); }
.wr-steps li:first-child { padding-top:0; border-top:0; }
.wr-step-number { color:var(--wr-teal); font-size:16px; line-height:1.7; font-variant-numeric:tabular-nums; }
.wr-steps h3 { color:var(--wr-ink); margin:0 0 8px; font-size:18px; line-height:1.6; font-weight:500; }
.wr-steps p { color:var(--wr-muted); font-size:14px; line-height:1.8; }
.wr-step-output { color:var(--wr-muted); font-size:12px; line-height:1.8; padding-top:4px; text-align:right; }
.wr-route-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px; margin-top:36px; border-top:1px solid var(--wr-line); padding-top:28px; }
.wr-route-notes > div + div { border-left:1px solid var(--wr-line); padding-left:44px; }
.wr-route-notes span { font-size:15px; font-weight:500; }
.wr-route-notes p { margin-top:8px; font-size:13px; line-height:1.85; color:var(--wr-muted); }
.wr-channels { padding-top:30px; }
.wr-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.wr-channel { min-width:0; border:1px solid var(--wr-line); border-radius:6px; background:var(--wr-paper); }
.wr-channel button { text-align:left; display:flex; flex-direction:column; width:100%; height:100%; padding:28px; color:var(--wr-ink); background:transparent; font:inherit; border:0; border-radius:5px; cursor:pointer; transition:background-color 120ms; }
.wr-channel button:hover { background:var(--wr-soft); }
.wr-logo-row { display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%; height:52px; margin-bottom:26px; }
.wr-logo-row > i { color:var(--wr-muted); font-size:12px; }
.wr-logo-wordmark { display:block; height:42px; max-width:140px; object-fit:contain; object-position:left center; }
.wr-logo-app, .wr-logo-pair img { display:block; width:48px; height:48px; object-fit:contain; border-radius:4px; background:white; }
.wr-logo-pair { display:flex; gap:12px; }
.wr-logo-dark { display:none; }
.dark .wr-logo-dark { display:block; }
.dark .wr-logo-light { display:none; }
.wr-generic-icon { font-size:26px; line-height:1; color:var(--wr-teal); }
.wr-generic-icon i { font-size:26px; }
.wr-channel h3 { margin:0 0 12px; font-size:20px; line-height:1.45; font-weight:500; color:var(--wr-ink); }
.wr-channel p { margin:0 0 28px; color:var(--wr-muted); font-size:14px; line-height:1.8; }
.wr-channel-action { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; width:100%; font-size:12px; color:var(--wr-teal); }
.wr-dialog { width:min(660px,calc(100% - 32px)); max-height:calc(100dvh - 48px); padding:32px; border:1px solid var(--wr-line); border-radius:8px; background:var(--wr-paper); box-shadow:0 16px 60px #0002; overflow:auto; }
.wr-dialog::backdrop { background:#171b1acc; }
.wr-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.wr-dialog-head .wr-eyebrow { margin:0; }
.wr-dialog-head button { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--wr-line); border-radius:4px; background:transparent; color:var(--wr-ink); font-size:20px; cursor:pointer; }
.wr-dialog h2 { margin:12px 0; color:var(--wr-ink); font-size:26px; line-height:1.4; font-weight:500; }
.wr-dialog > p { color:var(--wr-muted); font-size:14px; line-height:1.8; }
.wr-dialog dl { margin:28px 0; }
.wr-dialog dl > div { padding:18px 0; border-top:1px solid var(--wr-line); }
.wr-dialog dt { font-size:13px; color:var(--wr-ink); font-weight:600; margin-bottom:6px; }
.wr-dialog dd { font-size:14px; line-height:1.8; color:var(--wr-muted); margin:0; }
.wr-dialog figure { margin:0 0 24px; }
.wr-dialog figure img { display:block; width:100%; height:auto; border:1px solid var(--wr-line); }
.wr-dialog figcaption { font-size:11px; color:var(--wr-muted); line-height:1.7; margin-top:8px; }
.wr-dialog-sources { padding-top:16px; border-top:1px solid var(--wr-line); }
.wr-dialog-sources > span { color:var(--wr-muted); font-size:12px; }
.wr-dialog-sources a { display:inline-flex; gap:6px; align-items:center; font-size:12px; color:var(--wr-teal); margin:8px 16px 0 0; text-decoration:underline; text-underline-offset:3px; }
.wr-section :focus-visible, .wr-dialog :focus-visible { outline:2px solid var(--wr-teal); outline-offset:4px; }
.wr-hero-tools { margin:16px auto 0; max-width:600px; text-align:center; }
.wr-hero-tools button { display:inline-flex; align-items:center; gap:8px; font:inherit; font-size:12px; color:var(--wr-muted); background:transparent; border:0; min-height:36px; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.wr-hero-tools p { font-size:13px; line-height:1.8; color:var(--wr-teal); margin-top:8px; }
.wr-hero-tools #wr-service-status { color:var(--wr-muted); margin:0; }
.wr-hero-tools #wo-error { color:#b32d20; }
.wr-faq { padding-top:24px; }
.wr-faq-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr); gap:72px; border-top:1px solid var(--wr-line); padding-top:56px; }
.wr-faq header > p:last-child { color:var(--wr-muted); font-size:15px; line-height:1.8; margin-top:20px; }
.wr-faq details { border-bottom:1px solid var(--wr-line); padding:0; }
.wr-faq summary { list-style:none; display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 0; min-height:64px; font-size:17px; font-weight:500; cursor:pointer; }
.wr-faq details:first-child summary { padding-top:0; }
.wr-faq summary::-webkit-details-marker { display:none; }
.wr-faq summary i { color:var(--wr-teal); font-size:14px; flex-shrink:0; transition:transform 120ms; }
.wr-faq details[open] summary i { transform:rotate(45deg); }
.wr-faq details p { font-size:14px; line-height:1.9; color:var(--wr-muted); padding-bottom:22px; }
.wr-faq details a { display:inline-flex; align-items:center; gap:10px; font-size:13px; color:var(--wr-teal); margin-bottom:22px; text-decoration:underline; text-underline-offset:3px; }
.wr-closing { padding:64px 0 88px; }
.wr-closing .container { display:flex; justify-content:space-between; align-items:center; gap:48px; border-top:1px solid var(--wr-line); padding-top:56px; }
.wr-closing p:not(.wr-eyebrow) { font-size:15px; line-height:1.8; color:var(--wr-muted); margin-top:22px; }
.wr-closing-actions { display:flex; flex-direction:column; align-items:flex-start; min-width:220px; }
.wr-closing-actions .btn { display:inline-flex; gap:28px; align-items:center; }
.wr-closing-actions > span { font-size:12px; color:var(--wr-muted); margin-top:20px; }
.weswoo-opportunity .wo-contact-context { margin:18px 0; padding:14px 0; border-block:1px solid var(--wo-line); font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.weswoo-opportunity .wo-contact-fallback { display:flex; flex-direction:column; align-items:flex-start; gap:16px; margin-top:20px; }
.weswoo-opportunity .wo-contact-fallback .wo-email { margin:0; overflow-wrap:anywhere; max-width:100%; }
.wr-section .wr-project-image { outline:1px solid rgba(0,0,0,.06); outline-offset:-1px; }
.dark .wr-section .wr-project-image { outline-color:rgba(255,255,255,.1); }
@media print {
  body:has(#wo-report:not([hidden])) > :is(section,.wr-dialog), body:has(#wo-report:not([hidden])) .wr-section { display:none !important; }
  body:has(#wo-report:not([hidden])) > #asin-check { display:block !important; }
}
.wr-hero-tools [hidden], .wr-dialog [hidden], .wo-input-bridge { display:none !important; }
#asin-check:empty { display:none; }
#asin-check .weswoo-opportunity { background:var(--wr-paper); }
#asin-check .wo-examples { display:none !important; }
@media (max-width:1023px) {
  .wr-section { padding:72px 0; }
  .wr-section h2 { font-size:30px; }
  .wr-section-head { align-items:start; gap:24px; }
  .wr-channel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wr-workflow-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
  .wr-workflow { padding-top:12px; }
  .wr-workflow .container { padding-top:48px; }
  .wr-channels { padding-top:24px; }
  .wr-faq-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
}
@media (max-width:600px) {
  .wr-section-head > p { text-wrap:balance; }
  .wr-section { padding:56px 0; }
  .wr-section h2 { font-size:26px; }
  .wr-section-head { flex-direction:column; gap:16px; margin-bottom:28px; }
  .wr-desktop-break { display:none; }
  .wr-projects { grid-template-columns:minmax(0,1fr); gap:32px; }
  .wr-project-featured { grid-column:auto; }
  .wr-project-featured .wr-project-image { aspect-ratio:16/9; }
  .wr-project-featured .wr-project-image img { object-fit:contain; }
  .wr-project-caption h3 { font-size:18px; }
  .wr-workflow { padding-top:0; }
  .wr-workflow .container { padding-top:40px; }
  .wr-steps li { grid-template-columns:28px minmax(0,1fr); gap:12px; padding:22px 0; }
  .wr-step-output { grid-column:2; text-align:left; padding:0; }
  .wr-route-notes { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:20px; }
  .wr-route-notes > div + div { padding-left:0; border-left:0; }
  .wr-channel-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .wr-channel button { padding:24px; }
  .wr-logo-row { margin-bottom:20px; }
  .wr-dialog { padding:22px; }
  .wr-dialog h2 { font-size:23px; text-wrap:balance; }
  .wr-channels { padding-top:16px; }
  .wr-faq { padding-top:16px; }
  .wr-faq-layout { padding-top:40px; }
  .wr-faq summary { font-size:16px; }
  .wr-closing .container { flex-direction:column; align-items:flex-start; gap:30px; padding-top:40px; }
  .wr-closing-actions { width:100%; }
  .wr-closing { padding:24px 0 56px; }
}
@media (prefers-reduced-motion:reduce) { .wr-channel button, .wr-faq summary i { transition:none; } }

/* Interaction additions only; original theme grids, cards and backgrounds own the layout. */
.wr-native-detail { position:relative; z-index:1; margin-top:16px; color:var(--wr-ink); }
.wr-native-detail summary { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; scroll-margin-top:140px; list-style:none; cursor:pointer; color:var(--wr-teal); font-size:13px; line-height:1.6; font-style:normal; }
.wr-native-detail summary::-webkit-details-marker { display:none; }
.wr-native-detail summary i { flex-shrink:0; font-size:12px; transition:transform 120ms; }
.wr-native-detail[open] summary i { transform:rotate(45deg); }
.wr-native-detail > p { margin:6px 0 0; padding-top:12px; border-top:1px dashed var(--wr-line); color:var(--wr-muted); font-size:14px; line-height:1.85; font-style:normal; }
.wr-native-channel { display:block; text-align:left; width:100%; height:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.wr-native-channel .wr-logo-row { margin-bottom:24px; }
.wr-native-channel .wr-logo-row > i { transition:transform 120ms; }
.wr-native-channel:hover .wr-logo-row > i { transform:rotate(90deg); color:var(--wr-teal); }
.wr-native-channel > p { margin-bottom:0; }
.wr-original :is(button,summary):focus-visible { outline:2px solid var(--wr-teal); outline-offset:5px; }
#selling-examples .shadow-nav > .border { height:100%; }
#judgment .wr-native-detail summary { text-align:left; }
.wr-dialog-sources summary { min-height:44px; cursor:pointer; font-size:13px; color:var(--wr-muted); }
.wr-project-caption > div { width:100%; }
@media (prefers-reduced-motion:reduce) { .wr-native-detail summary i, .wr-native-channel .wr-logo-row > i { transition:none; } }