:root{--bg:#faf9f6;--surface:#fff;--heading:#18181b;--text:#333338;--text-muted:#64646c;--accent:#8b4513;--accent-light:#fbf3eb;--accent-deep:#5c2d0e;--cuemath-orange:#e85d26;--border:#e8e8e3;--shadow:0 1px 3px rgba(0,0,0,.03),0 8px 28px rgba(0,0,0,.06);--radius:12px}.page-wrap{max-width:820px;margin:0 auto;padding:0 24px}.hero{background:linear-gradient(165deg,#3c1810,#8b4513 50%,sienna);padding:80px 24px 64px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 70% 30%,rgba(255,220,160,.12) 0,transparent 55%),radial-gradient(ellipse at 20% 80%,hsla(0,0%,100%,.04) 0,transparent 50%)}.hero *{position:relative;z-index:1}.hero-badge{display:inline-block;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);border-radius:100px;padding:6px 18px;font-size:.82rem;font-weight:600;color:hsla(0,0%,100%,.85);letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}.hero h1{font-size:clamp(2rem,5vw,2.8rem);color:#fff;line-height:1.15;max-width:680px;margin:0 auto 16px}.hero h1 em{font-style:italic;color:#ffd89c}.hero-sub{font-size:1.1rem;color:hsla(0,0%,100%,.78);max-width:560px;margin:0 auto 32px;line-height:1.6}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:#ffd89c;color:#3c1810;font-weight:700;font-size:1rem;padding:14px 32px;border-radius:100px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(255,216,156,.3)}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(255,216,156,.4)}.breadcrumbs{padding:16px 0;font-size:.85rem;color:var(--text-muted)}.breadcrumbs a{color:var(--accent);text-decoration:none}.breadcrumbs span{margin:0 6px;opacity:.4}.article-body h2{margin:56px 0 20px}.article-body h4{margin:36px 0 12px}.article-body p{line-height:1.75;margin-bottom:18px}.article-body strong{color:var(--heading)}.callout{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:20px 24px;margin:28px 0}.callout-neutral{background:#f3f3ef;border-left-color:#999}.callout p{margin:0;font-size:1rem}.comp-table-wrap{overflow-x:auto;margin:32px 0;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--surface)}.comp-table{width:100%;border-collapse:collapse;font-size:.93rem}.comp-table thead th{padding:14px 16px;font-weight:700;text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.comp-table thead th:first-child{background:#f5f5f0;color:var(--text-muted)}.comp-table thead th:nth-child(2){background:#fff0e0;color:var(--cuemath-orange)}.comp-table thead th:nth-child(3){background:var(--accent-light);color:var(--accent)}.comp-table tbody td{padding:13px 16px;border-top:1px solid var(--border);vertical-align:top;line-height:1.5}.comp-table tbody tr:hover{background:#fafaf7}.comp-table tbody td:first-child{font-weight:600;color:var(--heading)}.winner-cell{background:rgba(139,69,19,.04)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:32px 0}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:48px 0}.cta-card{background:linear-gradient(135deg,#3c1810,#8b4513);border-radius:16px;padding:48px 40px;text-align:center;margin:56px 0;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,216,156,.15),transparent 70%);border-radius:50%}.cta-card h2{margin-bottom:12px;position:relative}.cta-card p{color:hsla(0,0%,100%,.78);font-size:1.05rem;margin-bottom:28px;position:relative}.cta-card a{display:inline-flex;align-items:center;gap:8px;background:#ffd89c;color:#3c1810;font-weight:700;padding:14px 36px;border-radius:100px;text-decoration:none;font-size:1rem;position:relative;transition:transform .2s}.cta-card a:hover{transform:translateY(-2px)}.vs-badge{display:inline-block;background:var(--accent-light);color:var(--accent);font-weight:700;font-size:.85rem;padding:4px 14px;border-radius:100px;margin-bottom:8px;letter-spacing:.02em}@media (max-width:640px){.hero{padding:56px 20px 48px}.hero h1{font-size:1.7rem}.stats-strip{grid-template-columns:1fr;gap:20px}.cta-card{padding:36px 24px}.features-grid{grid-template-columns:1fr}}