:root{--bg: oklch(97% .02 75);--surface: oklch(99% .008 80);--surface-2: oklch(94% .03 60);--ink: oklch(20% .02 40);--muted: oklch(45% .02 40);--accent: oklch(60% .19 35);--accent-dark: oklch(50% .19 35);--accent-2: oklch(72% .14 70);--border: oklch(89% .02 70);--star: oklch(70% .15 85);--dark: oklch(20% .02 40)}*{box-sizing:border-box}html,body{padding:0;margin:0}body{background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}h1,h2,h3{margin:0;line-height:1.1;font-weight:400;font-family:"DM Serif Display",Georgia,serif}p{margin:0}img,svg{display:block;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--ink);font-family:Manrope,system-ui,sans-serif}.nav-links{display:flex;align-items:center;gap:32px}.navlink{font-size:15px;font-weight:600;color:var(--ink);opacity:.85}.navlink.active,.navlink:hover{color:var(--accent);opacity:1}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-mobile{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;font-size:16px;padding:14px 28px;cursor:pointer;border:none;white-space:nowrap;font-family:Manrope,system-ui,sans-serif}.btn-primary{background:var(--accent);color:oklch(99% .01 40);box-shadow:0 8px 20px -8px #da462099}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-secondary{background:transparent;color:var(--ink);border:2px solid oklch(20% .02 40 / .15)}.btn-sm{padding:10px 20px;font-size:14px;border-radius:999px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:8px 14px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-family:Manrope,system-ui,sans-serif}.stars{color:var(--star);font-size:15px;letter-spacing:2px}.tag{display:inline-flex;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:5px 12px;width:fit-content}.chip{font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;border:1.5px solid var(--border);color:var(--muted);background:var(--surface)}.chip.active{background:var(--dark);color:#fef7f2;border-color:var(--dark)}.section{padding:64px 0}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.emoji-box{display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:14px}.footer{background:var(--dark);padding:64px 0 32px;margin-top:40px}.footer-cols{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-heading{font-size:13px;font-weight:800;color:#a39d98;text-transform:uppercase;letter-spacing:.06em}.footer-link{font-size:14px;color:#c3bcb7}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid oklch(35% .02 40);padding-top:24px;margin-top:40px;display:flex;flex-direction:column;gap:8px}.footer-small{font-size:12.5px;color:#857f7a}.table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--border);border-radius:20px;overflow:hidden}.compare-table th,.compare-table td{padding:16px 18px;font-size:14.5px;text-align:center;background:var(--surface)}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table thead th{background:var(--dark);color:#fef7f2;font-weight:800}.compare-table .row-label{background:var(--surface-2);font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.quiz-option{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;border:2px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);text-align:left;width:100%}.quiz-option:hover{border-color:#e39a78}.quiz-option.selected{border-color:var(--accent);background:oklch(96% .04 45)}.progress-track{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress-fill{height:8px;border-radius:999px;background:var(--accent);transition:width .3s ease}.post-body h2{font-size:24px;font-weight:800;margin-top:8px}.post-body p{font-size:16px;line-height:1.75;color:#3c302b}.post-body h3{font-size:17px;font-weight:800;margin-top:0}@media (max-width: 860px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.nav-links{display:none}.nav-toggle{display:inline-flex}.nav-mobile.open{display:flex;flex-direction:column;gap:4px;padding:12px 0 20px;border-bottom:1px solid var(--border)}.nav-mobile .navlink{padding:10px 0}}@media (max-width: 600px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}