/* Why Tuuteez: comparison */
#website .why-compare{--wc-ink:#1f2a22;--wc-body:#4a5347;--wc-muted:#5c6456;--wc-line:#e2e7df;--wc-forest:#173f2d;--wc-sage:#e7eee5;--wc-amber:#d5a14b;
  padding:104px max(5%,calc((100vw - 1200px)/2)) 80px;background:#fff;color:var(--wc-ink);scroll-margin-top:88px}
#website .wc-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 56px;align-items:end;margin-bottom:40px}
#website .wc-heading h2{margin:10px 0 0;text-wrap:balance}
#website .wc-heading h2 span{color:#8a6632}
#website .wc-heading p{margin:0;max-width:54ch;font-size:17px;line-height:1.6;color:var(--wc-body)}

#website .wc-picker{display:none}
#website .wc-table-wrap{overflow-x:auto;border:1px solid var(--wc-line);border-radius:24px}
#website .wc-table{width:100%;min-width:880px;border-collapse:separate;border-spacing:0;font-size:14px}
#website .wc-table th,#website .wc-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--wc-line);line-height:1.45}
#website .wc-table tbody tr:last-child>*{border-bottom:0}
#website .wc-table thead th{font:700 13px/1.3 Inter,system-ui,sans-serif;color:var(--wc-muted);background:#fbfaf6;vertical-align:bottom}
#website .wc-table tbody th{width:26%;font:600 15px/1.4 Inter,system-ui,sans-serif;color:var(--wc-ink)}
#website .wc-table td{color:var(--wc-body)}
#website .wc-table .wc-us{background:#f1f6ef;color:var(--wc-ink)}
#website .wc-table thead .wc-us{background:var(--wc-forest);color:#fff;font:700 16px 'Plus Jakarta Sans',Inter,sans-serif}
#website .wc-brand{display:flex;align-items:center;gap:8px}
#website .wc-table thead .wc-us img{width:28px;height:28px}
#website .wc-table tbody tr:last-child .wc-us{border-bottom:0}
#website .wc-table .m{display:flex;align-items:center;gap:7px;margin-bottom:3px;font:700 13px Inter,sans-serif;color:var(--wc-ink)}
#website .wc-table .m::before{content:'';flex:none;width:18px;height:18px;border-radius:50%;background-position:center;background-repeat:no-repeat}
#website .wc-table .m.yes::before{background-color:var(--wc-forest);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px}
#website .wc-table .m.part::before{background:linear-gradient(90deg,var(--wc-amber) 50%,#f7e8c8 50%);border:1px solid var(--wc-amber);width:16px;height:16px}
#website .wc-table .m.no::before{background:#fff;border:1.5px solid #b9c2b5;width:15px;height:15px;background-image:linear-gradient(#8a9386,#8a9386);background-size:8px 1.5px;background-repeat:no-repeat;background-position:center}
#website .wc-table .wc-us .m{color:var(--wc-forest)}
#website .wc-cost td strong{display:block;font:700 16px 'Plus Jakarta Sans',Inter,sans-serif;color:var(--wc-forest);margin-bottom:2px}
#website .wc-table tbody tr{transition:background .2s}
#website .wc-table tbody tr:hover td:not(.wc-us),#website .wc-table tbody tr:hover th{background:#fbfaf6}

#website .wc-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
#website .wc-pillars div{padding:20px 22px;border-radius:18px;background:#f6f2e8}
#website .wc-pillars strong{display:block;font:700 17px 'Plus Jakarta Sans',Inter,sans-serif;color:var(--wc-ink);margin-bottom:6px}
#website .wc-pillars span{font-size:15px;line-height:1.5;color:var(--wc-body)}
#website .why-compare .why-close{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:32px;border-top:1px solid var(--wc-line)}
#website .why-compare .why-close p{margin:0;font:400 22px/1.4 'Plus Jakarta Sans',Inter,sans-serif;color:var(--wc-body)}
#website .why-compare .why-close strong{color:var(--wc-ink);font-weight:400}
#website .why-compare .why-availability{margin:18px 0 0;font-size:13px;color:var(--wc-muted)}

@media(max-width:760px){
  #website .why-compare{padding:64px 16px 56px}
  #website .wc-heading{grid-template-columns:1fr;margin-bottom:24px}
  #website .wc-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
  #website .wc-picker span{width:100%;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wc-muted)}
  #website .wc-picker button{min-height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--wc-line);background:#fff;color:var(--wc-forest);font:600 14px Inter,sans-serif}
  #website .wc-picker button[aria-pressed="true"]{background:var(--wc-forest);border-color:var(--wc-forest);color:#fff}
  #website .wc-table{min-width:0;table-layout:fixed}
  #website .wc-table th,#website .wc-table td{padding:12px 10px;font-size:13px}
  #website .wc-table tbody th{width:34%;font-size:13px}
  #website .wc-table [data-col]{display:none}
  #website .wc-table-wrap[data-compare="tutor"] [data-col="tutor"],
  #website .wc-table-wrap[data-compare="chatbot"] [data-col="chatbot"],
  #website .wc-table-wrap[data-compare="video"] [data-col="video"]{display:table-cell}
  #website .wc-table thead .wc-us img{display:none}
  #website .wc-pillars{grid-template-columns:1fr}
  #website .why-compare .why-close p{font-size:19px}
}
@media(prefers-reduced-motion:reduce){#website .wc-table tbody tr{transition:none}}
