/* Generated by build-tool-comparison.cjs --homepage. Edit the fragment instead. */
#continuous-tool-comparison { --sc-ink:#192d53; --sc-cream:#f7f3e7; --sc-paper:#fffdf8; --sc-lime:#dced61; --sc-muted:#576782; --sc-line:#dddcd1; color:var(--sc-ink); font-family:Manrope,Arial,sans-serif; background:var(--sc-cream); border-radius:18px; overflow:clip; width:100%; }
  #continuous-tool-comparison * { box-sizing:border-box; }
  #continuous-tool-comparison .sc-intro { padding:32px 26px 22px; }
  #continuous-tool-comparison h2 { font-size:clamp(32px,6vw,46px); letter-spacing:-2px; line-height:1.08; font-weight:500; margin:0 0 16px; color:var(--sc-ink); }
  #continuous-tool-comparison h2 span { color:var(--sc-muted); }
  #continuous-tool-comparison .sc-intro p { font-size:14px; line-height:1.6; color:var(--sc-muted); margin:0; }
  #continuous-tool-comparison .sc-viewport { height:640px; overflow-y:auto; overflow-x:clip; scrollbar-gutter:stable; scrollbar-color:#b1b8ac var(--sc-cream); }
  #continuous-tool-comparison .sc-layout { display:flex; gap:24px; align-items:flex-start; padding:25px 24px 38px; }
  #continuous-tool-comparison .sc-column { flex:1 1 0; min-width:0; }
  #continuous-tool-comparison .sc-category { padding-bottom:31px; margin-bottom:28px; border-bottom:1px solid var(--sc-line); }
  #continuous-tool-comparison .sc-category:last-child { margin-bottom:0; padding-bottom:0; border:0; }
  #continuous-tool-comparison .sc-category-heading { margin:0 0 16px; }
  #continuous-tool-comparison .sc-category-heading h3 { color:var(--sc-ink); font-size:16px; line-height:1.4; letter-spacing:-.35px; font-weight:600; margin:0; }
  #continuous-tool-comparison .sc-tools { display:grid; gap:10px; }
  #continuous-tool-comparison .sc-tool { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:18px 15px; min-height:80px; border:1px solid #e6e5dc; background:var(--sc-paper); border-radius:10px; color:var(--sc-ink); text-decoration:none; }
  #continuous-tool-comparison a:focus-visible { outline:3px solid #8fa928; outline-offset:4px; }
  #continuous-tool-comparison .sc-tool:hover { border-color:#8c9bb2; }
  #continuous-tool-comparison .sc-identity { min-width:0; }
  #continuous-tool-comparison .sc-logo-line { display:flex; align-items:center; gap:8px; height:35px; min-width:0; }
  #continuous-tool-comparison .sc-logo { width:132px; max-width:100%; height:32px; object-fit:contain; object-position:left center; }
  #continuous-tool-comparison .sc-logo.sc-icon { width:30px; height:30px; flex:none; }
  #continuous-tool-comparison .sc-logo.sc-dark-logo { background:#17181e; padding:6px; border-radius:6px; }
  #continuous-tool-comparison .sc-logo-label { font-size:14px; font-weight:600; letter-spacing:-.35px; line-height:1.2; color:#25292e; }
  #continuous-tool-comparison .sc-cost { text-align:right; max-width:104px; }
  #continuous-tool-comparison .sc-amount { font-size:24px; font-weight:500; letter-spacing:-.8px; line-height:1.3; }
  #continuous-tool-comparison .sc-sticky { flex:0 0 244px; position:sticky; top:24px; align-self:flex-start; }
  #continuous-tool-comparison .sc-destination { background:var(--sc-ink); color:var(--sc-cream); padding:24px 20px 20px; border-radius:14px; box-shadow:0 12px 30px #192d5310; }
  #continuous-tool-comparison .sc-brand { display:flex; gap:8px; align-items:center; font-size:18px; letter-spacing:-.6px; margin-bottom:26px; }
  #continuous-tool-comparison .sc-brand img { display:block; width:190px; max-width:100%; height:auto; }
  #continuous-tool-comparison .sc-destination h3 { color:var(--sc-cream); margin:0 0 14px; font-size:29px; line-height:1.12; letter-spacing:-1px; font-weight:500; }
  #continuous-tool-comparison .sc-destination-copy { font-size:12px; line-height:1.6; margin:0 0 22px; color:#cdd7e7; }
  #continuous-tool-comparison .sc-included { display:grid; gap:13px; list-style:none; margin:0 0 23px; padding:0; }
  #continuous-tool-comparison .sc-included li { display:flex; gap:9px; align-items:baseline; font-size:11px; line-height:1.45; }
  #continuous-tool-comparison .sc-included li span { color:var(--sc-lime); font-weight:700; }
  #continuous-tool-comparison .sc-destination-bottom { border-top:1px solid #ffffff25; padding-top:18px; }
  #continuous-tool-comparison .sc-destination-bottom > span { font-size:11px; line-height:1.7; display:block; margin-bottom:17px; color:#dce3ec; }
  #continuous-tool-comparison .sc-cta { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 12px; background:var(--sc-lime); border-radius:6px; font-size:11px; font-weight:700; color:var(--sc-ink); text-decoration:none; }
  @media(max-width:620px) {
    #continuous-tool-comparison .sc-layout { gap:15px; padding:20px 16px 30px; }
    #continuous-tool-comparison .sc-sticky { flex-basis:210px; top:20px; }
    #continuous-tool-comparison .sc-destination { padding:20px 16px; }
    #continuous-tool-comparison .sc-tool { grid-template-columns:1fr; gap:11px; }
    #continuous-tool-comparison .sc-cost { display:flex; gap:8px; text-align:left; align-items:baseline; max-width:none; }
    #continuous-tool-comparison .sc-amount { font-size:22px; }
  }
  @media(max-width:500px) {
    #continuous-tool-comparison .sc-intro { padding:26px 20px 20px; }
    #continuous-tool-comparison h2 { font-size:35px; }
    #continuous-tool-comparison .sc-layout { flex-direction:column; gap:24px; padding-top:0; }
    #continuous-tool-comparison .sc-sticky { order:-1; flex-basis:auto; width:100%; top:0; z-index:2; padding-top:14px; background:var(--sc-cream); }
    #continuous-tool-comparison .sc-destination { display:flex; gap:10px; align-items:center; justify-content:space-between; padding:17px 15px; border-radius:9px; }
    #continuous-tool-comparison .sc-brand { font-size:16px; margin:0; }
    #continuous-tool-comparison .sc-destination h3 { font-size:16px; line-height:1.25; letter-spacing:-.4px; margin:0; }
    #continuous-tool-comparison .sc-destination-copy, #continuous-tool-comparison .sc-included, #continuous-tool-comparison .sc-destination-bottom { display:none; }
    #continuous-tool-comparison .sc-column { width:100%; }
    #continuous-tool-comparison .sc-tool { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
    #continuous-tool-comparison .sc-cost { display:block; text-align:right; }
  }
  /* The same component on the homepage uses ordinary page scrolling. */
  #continuous-tool-comparison.sc-homepage { --sc-ink:var(--ink-blue); --sc-cream:var(--cream); --sc-lime:var(--chartreuse); font-family:var(--sans); border-radius:0; overflow:visible; padding:84px max(24px,calc((100vw - 1152px)/2)) 100px; }
  #continuous-tool-comparison.sc-homepage .sc-intro { padding:0 0 52px; }
  #continuous-tool-comparison.sc-homepage h2 { max-width:920px; font-size:clamp(42px,4.8vw,64px); letter-spacing:-.045em; }
  #continuous-tool-comparison.sc-homepage h2 span { color:inherit; }
  #continuous-tool-comparison.sc-homepage .sc-intro p { font-size:20px; }
  #continuous-tool-comparison.sc-homepage .sc-viewport { height:auto; overflow:visible; scrollbar-gutter:auto; }
  #continuous-tool-comparison.sc-homepage .sc-layout { display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:70px; padding:0; align-items:start; }
  #continuous-tool-comparison.sc-homepage .sc-category { padding-bottom:28px; margin-bottom:28px; }
  #continuous-tool-comparison.sc-homepage .sc-category-heading h3 { font-size:23px; letter-spacing:-.025em; }
  #continuous-tool-comparison.sc-homepage .sc-tools { gap:12px; }
  #continuous-tool-comparison.sc-homepage .sc-tool { min-height:88px; padding:20px 24px; }
  #continuous-tool-comparison.sc-homepage .sc-logo { width:158px; height:34px; }
  #continuous-tool-comparison.sc-homepage .sc-logo.sc-icon { width:32px; height:32px; }
  #continuous-tool-comparison.sc-homepage .sc-logo-label { font-size:18px; }
  #continuous-tool-comparison.sc-homepage .sc-amount { font-size:30px; }
  #continuous-tool-comparison.sc-homepage .sc-sticky { width:100%; top:calc(var(--comparison-top,124px) + 20px); }
  #continuous-tool-comparison.sc-homepage .sc-destination { padding:30px; }
  #continuous-tool-comparison.sc-homepage .sc-brand { font-family:var(--brand-sans); font-size:24px; margin-bottom:22px; }
  #continuous-tool-comparison.sc-homepage .sc-destination h3 { font-size:40px; }
  #continuous-tool-comparison.sc-homepage .sc-destination-copy { display:none; }
  #continuous-tool-comparison.sc-homepage .sc-included { gap:9px; margin-bottom:20px; }
  #continuous-tool-comparison.sc-homepage .sc-included li { font-size:15px; }
  #continuous-tool-comparison.sc-homepage .sc-destination-bottom { padding-top:18px; }
  #continuous-tool-comparison.sc-homepage .sc-destination-bottom > span { display:none; }
  #continuous-tool-comparison.sc-homepage .sc-cta { font-size:15px; padding:15px 18px; }
  @media(min-width:901px) and (max-height:850px) {
    #continuous-tool-comparison.sc-homepage .sc-destination { padding:24px; }
    #continuous-tool-comparison.sc-homepage .sc-brand { font-size:22px; margin-bottom:16px; }
    #continuous-tool-comparison.sc-homepage .sc-destination h3 { font-size:32px; }
    #continuous-tool-comparison.sc-homepage .sc-destination-copy { margin-bottom:16px; font-size:14px; }
    #continuous-tool-comparison.sc-homepage .sc-included { gap:7px; margin-bottom:16px; }
    #continuous-tool-comparison.sc-homepage .sc-included li { font-size:14px; }
  }
  @media(max-width:900px) {
    #continuous-tool-comparison.sc-homepage .sc-layout { grid-template-columns:minmax(0,1fr) 320px; gap:28px; }
    #continuous-tool-comparison.sc-homepage .sc-destination { padding:22px; }
    #continuous-tool-comparison.sc-homepage .sc-destination h3 { font-size:33px; }
    #continuous-tool-comparison.sc-homepage .sc-tool { padding:16px; }
    #continuous-tool-comparison.sc-homepage .sc-logo { width:132px; }
    #continuous-tool-comparison.sc-homepage .sc-logo-label { font-size:15px; }
    #continuous-tool-comparison.sc-homepage .sc-amount { font-size:26px; }
  }
  @media(max-width:700px), (max-height:760px) {
    #continuous-tool-comparison.sc-homepage { padding:52px 22px 64px; }
    #continuous-tool-comparison.sc-homepage .sc-intro { padding-bottom:30px; }
    #continuous-tool-comparison.sc-homepage h2 { font-size:clamp(34px,7vw,46px); }
    #continuous-tool-comparison.sc-homepage .sc-intro p { font-size:17px; }
    #continuous-tool-comparison.sc-homepage .sc-layout { display:flex; flex-direction:column; gap:28px; }
    #continuous-tool-comparison.sc-homepage .sc-sticky { order:-1; flex-basis:auto; top:var(--comparison-top,88px); z-index:3; padding:8px 0; background:var(--sc-cream); }
    #continuous-tool-comparison.sc-homepage .sc-destination { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 18px; border-radius:9px; }
    #continuous-tool-comparison.sc-homepage .sc-brand { font-size:18px; margin:0; }
    #continuous-tool-comparison.sc-homepage .sc-destination h3 { font-size:17px; margin:0; line-height:1.2; }
    #continuous-tool-comparison.sc-homepage .sc-destination-copy, #continuous-tool-comparison.sc-homepage .sc-included, #continuous-tool-comparison.sc-homepage .sc-destination-bottom { display:none; }
    #continuous-tool-comparison.sc-homepage .sc-column { width:100%; }
    #continuous-tool-comparison.sc-homepage .sc-category-heading h3 { font-size:21px; }
    #continuous-tool-comparison.sc-homepage .sc-tool { grid-template-columns:minmax(0,1fr) auto; min-height:80px; }
  }
