@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  body{background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s,color .3s}
  a{color:inherit;text-decoration:none}
  .btn{display:inline-block;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:14px;padding:11px 22px;border-radius:8px;border:none;cursor:pointer;transition:opacity .2s}
  .btn:hover{opacity:.88}
  .btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
  .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600}
  .count-note{font-size:12px;color:var(--muted);text-align:center;padding:6px 0}
  .duo-content{width:100%;max-width:1100px;margin-inline:auto}
  .duo-img-wrap{max-width:1200px;margin:18px auto 0;padding:0 20px}
  .duo-img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--surface)}
  .duo-compare th,.duo-compare td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}
  .duo-compare thead th{background:var(--surface);font-weight:800}
  .duo-compare tbody th{font-weight:700;color:var(--text)}
  :root {
  --bg: #F4F8F7; --surface: #E9F0EE; --card: #FFFFFF;
  --line: #D4E2DE; --text: #182421; --muted: #64746F;
  --accent: #0E9384; --accent2: #4C6EF5; --on-accent: #FFFFFF;
  --duo-page: var(--bg); --duo-surface: var(--surface); --duo-text: var(--text);
  --duo-accent: var(--accent); --duo-line: var(--line);
  --border: var(--line); --primary: var(--accent); --surface-alt: var(--surface);
  --head-bg: var(--surface); --head-text: var(--text); --head-muted: var(--muted);
  --head-border: var(--line); --head-accent: var(--accent);
  --foot-bg: var(--bg); --foot-text: var(--text); --foot-muted: var(--muted);
  --foot-border: var(--line); --foot-panel: var(--surface); --foot-link: var(--text);
}
[data-theme="dark"] {
  --bg: #0E1715; --surface: #15211E; --card: #182824;
  --line: #26413A; --text: #E3ECE9; --muted: #8FA6A0;
  --accent: #2BC4AF; --accent2: #7C96FF; --on-accent: #041210;
  --duo-page: var(--bg); --duo-surface: var(--surface); --duo-text: var(--text);
  --duo-accent: var(--accent); --duo-line: var(--line);
  --border: var(--line); --primary: var(--accent); --surface-alt: var(--surface);
  --head-bg: var(--surface); --head-text: var(--text); --head-muted: var(--muted);
  --head-border: var(--line); --head-accent: var(--accent);
  --foot-bg: var(--bg); --foot-text: var(--text); --foot-muted: var(--muted);
  --foot-border: var(--line); --foot-panel: var(--surface); --foot-link: var(--text);
}
  @media(max-width:768px){main{padding:20px 14px!important}h1{font-size:28px!important}h2{font-size:20px!important}}
  @media(max-width:700px){.home-review-rail{display:block!important}}
  @media(max-width:480px){main{padding:16px 10px!important}body{font-size:14px}}

.duo-hd{background:var(--surface);color:var(--text);border-bottom:1px solid var(--line)}
.duo-hd-inner{max-width:1140px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:18px}
.duo-hd-row{max-width:1140px;margin:0 auto;padding:12px 20px 14px;display:flex;align-items:center;gap:18px}
.duo-hd-logo{font-size:19px;font-weight:700;letter-spacing:.2px;color:var(--text);text-decoration:none;white-space:nowrap}
.duo-hd-logo em{font-style:normal;color:var(--accent)}
.duo-logo-inline .logo-fg{color:var(--text)}
.duo-hd-spacer{flex:1 1 auto}
.duo-hd-menu{display:block}
.duo-hd-menu>summary{display:none;list-style:none;cursor:pointer;font-size:13px;color:var(--muted);
  padding:6px 12px;border:1px solid var(--line);border-radius:999px}
.duo-hd-menu>summary::-webkit-details-marker{display:none}
.duo-hd-nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.duo-hd-nav a{font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none}
.duo-hd-nav a:hover{color:var(--accent)}
.duo-hd-center{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}
.duo-hd-center .duo-hd-nav{justify-content:flex-end}
.duo-hd-pill .duo-hd-nav a{padding:6px 13px;border-radius:999px;background:var(--card);
  border:1px solid var(--line);color:var(--text)}
.duo-hd-pill .duo-hd-nav a:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.duo-hd-raised .duo-hd-row{margin-top:-6px}
.duo-hd-raised .duo-hd-nav{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:9px 16px;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.duo-hd-band{background:var(--accent);border-bottom-color:var(--accent)}
.duo-hd-band .duo-hd-logo,.duo-hd-band .duo-hd-nav a{color:var(--on-accent)}
.duo-hd-band .duo-hd-nav a:hover{opacity:.78}
.duo-hd-band .duo-hd-menu>summary{color:var(--on-accent);border-color:var(--on-accent)}
.duo-hd-split .duo-hd-row{border-top:1px solid var(--line)}
.duo-ft{background:var(--bg);color:var(--text);border-top:1px solid var(--line);margin-top:42px}
.duo-ft-inner{max-width:1140px;margin:0 auto;padding:32px 20px 26px;display:flex;flex-direction:column;gap:22px}
.duo-ft-grid{display:flex;flex-wrap:wrap;gap:30px;align-items:center}
.duo-ft-grid>*{flex:1 1 190px;min-width:170px}
.duo-ft-center{text-align:center;align-items:center}
.duo-ft-brand-name{font-size:18px;font-weight:700;color:var(--text);text-decoration:none}
.duo-ft-brand-name em{font-style:normal;color:var(--accent)}
.duo-ft-brand{display:flex;flex-direction:row;align-items:center;gap:18px;flex:1 1 240px;min-width:240px}
.duo-ft-brand p{margin:0;font-size:13px;line-height:1.65;color:var(--muted);flex:1}
.duo-ft-group h3{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text)}
.duo-ft-group ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.duo-ft-group a,.duo-ft-legal a{font-size:13px;color:var(--muted);text-decoration:none}
.duo-ft-group a:hover,.duo-ft-legal a:hover{color:var(--accent)}
.duo-ft-legal{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none}
.duo-ft-bottom{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  padding-top:18px;border-top:1px solid var(--line)}
.duo-ft-center .duo-ft-bottom,.duo-ft-center .duo-ft-legal{justify-content:center}
.duo-ft-copy{margin:0;font-size:13px;color:var(--muted)}
.duo-ft-note{margin:0;font-size:12px;line-height:1.6;color:var(--muted);opacity:.9}
.duo-ft-credit{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.duo-ft-credit span{font-size:12px;color:var(--muted)}
.duo-ft-credit .duo-logo-inline{height:32px;max-width:200px}
.duo-hd-logo-img,.duo-hd .duo-logo-inline{height:48px;width:auto;max-width:260px;display:block}
.duo-ft-logo-img,.duo-ft .duo-logo-inline{height:40px;width:auto;max-width:220px;display:block}
@media(max-width:960px){
  .duo-hd-logo-img,.duo-hd .duo-logo-inline{height:40px;max-width:220px}
  .duo-ft-logo-img,.duo-ft .duo-logo-inline{height:36px;max-width:200px}
}
@media(max-width:720px){
  .duo-hd-menu>summary{display:inline-block}
  .duo-hd-inner,.duo-hd-row{flex-wrap:wrap;padding-left:14px;padding-right:14px}
  .duo-hd-nav{width:100%;gap:12px}
  .duo-ft-inner{padding:26px 14px 22px}
  .duo-ft-grid{flex-direction:column;align-items:flex-start;gap:18px}
  .duo-ft-brand{flex-direction:column;align-items:flex-start;gap:12px}
  .duo-ft-brand p{margin-top:8px}
  .duo-hd-logo-img,.duo-hd .duo-logo-inline{height:32px;max-width:180px}
  .duo-ft-logo-img,.duo-ft .duo-logo-inline{height:28px;max-width:160px}
}
.duo-cat-tags{max-width:1140px;margin:0 auto;padding:18px 20px 0;display:flex;flex-wrap:wrap;gap:8px}
.duo-cat-tag{font-size:13px;color:var(--text);background:var(--card);border:1px solid var(--line);
  padding:5px 12px;border-radius:999px;text-decoration:none}
.duo-cat-tag:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
