:root{--blog-cta-action:#f59e0b;--blog-cta-action-strong:#ea7f12;--blog-cta-action-soft:#f59e0b1a;--blog-cta-action-ring:#f59e0b33;--blog-cta-action-ink:#0b1228}[data-cluster=comparison]{--cluster-color:#f97066;--cluster-bg:#f9706614;--cluster-glow:#f9706640}[data-cluster=engagement-formats]{--cluster-color:#fb923c;--cluster-bg:#fb923c14;--cluster-glow:#fb923c38}[data-cluster=trivia-questions]{--cluster-color:#60a5fa;--cluster-bg:#60a5fa14;--cluster-glow:#60a5fa40}[data-cluster=learning-science]{--cluster-color:#34d399;--cluster-bg:#34d39914;--cluster-glow:#34d39940}.cluster-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--cluster-bg);color:var(--cluster-color);border:1px solid color-mix(in srgb, var(--cluster-color) 20%, transparent);border-radius:9999px;align-items:center;gap:.35em;padding:.3rem .85rem;font-size:.7rem;font-weight:700;display:inline-flex}.difficulty-badge{text-transform:uppercase;letter-spacing:.06em;vertical-align:text-bottom;white-space:nowrap;border-radius:9999px;align-items:center;margin-left:.35em;padding:.15rem .55rem;font-size:.65rem;font-weight:700;display:inline-flex}.difficulty-badge--easy{background:color-mix(in srgb, var(--color-accent-success) 15%, transparent);color:var(--color-accent-success);border:1px solid color-mix(in srgb, var(--color-accent-success) 25%, transparent)}.difficulty-badge--medium{background:color-mix(in srgb, var(--color-accent-gold) 15%, transparent);color:var(--color-accent-gold);border:1px solid color-mix(in srgb, var(--color-accent-gold) 25%, transparent)}.difficulty-badge--hard{background:color-mix(in srgb, var(--color-accent-coral) 15%, transparent);color:var(--color-accent-coral);border:1px solid color-mix(in srgb, var(--color-accent-coral) 25%, transparent)}.blog-post__content p.quiz-question{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.blog-post__content .quiz-label{color:var(--cluster-color,var(--color-primary-light))}.blog-post__content .quiz-label--explain{color:var(--color-text-secondary)}.blog-index{padding:var(--space-8) 0 var(--space-16)}.blog-index__header{text-align:center;margin-bottom:var(--space-12)}.blog-index__header h1{margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem)}.blog-index__header p{max-width:480px;margin:0 auto}.blog-index__filter{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.filter-pill{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:9999px;padding:.5rem 1.25rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.filter-pill:hover{background:var(--color-surface-hover);color:var(--color-text)}.filter-pill.active{color:var(--color-primary-light);background:#2962ff26;border-color:#2962ff4d}@media (width<=768px){.blog-index__filter{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2);margin-left:calc(-1 * var(--space-5));margin-right:calc(-1 * var(--space-5));padding-left:var(--space-5);padding-right:var(--space-5);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.blog-index__filter::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0}}.blog-index__pillar{margin:var(--space-8) 0 var(--space-10)}.blog-index__pillar-intro{font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-6);max-width:780px;line-height:1.65}.blog-index__key-facts{padding:var(--space-5) var(--space-6);background:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);max-width:780px}.blog-index__key-facts-heading{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary-light);margin:0 0 var(--space-3);font-weight:700}.blog-index__key-facts ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.blog-index__key-facts li{padding-left:var(--space-6);color:var(--color-text);line-height:1.55;position:relative}.blog-index__key-facts li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;top:0;left:0}.blog-grid{gap:var(--space-6);margin-top:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (width>=769px){.blog-grid>.blog-card:nth-child(3n+1){grid-column:span 2;min-height:340px;position:relative;overflow:hidden}.blog-grid>.blog-card:nth-child(3n+1) .blog-card__image{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.blog-grid>.blog-card:nth-child(3n+1) .blog-card__image img{object-fit:cover;width:100%;height:100%}.blog-grid>.blog-card:nth-child(3n+1) .blog-card__image:after{content:"";z-index:1;background:linear-gradient(#0000 0%,#05080f4d 30%,#05080fb3 55%,#05080ff2 100%);position:absolute;inset:0}.blog-grid>.blog-card:nth-child(3n+1) .blog-card__content{z-index:2;padding:var(--space-6);width:100%;margin-top:auto;position:relative}.blog-grid>.blog-card:nth-child(3n+1) .blog-card__title{color:#fff}.blog-grid>.blog-card:nth-child(3n+1) .blog-card__description{color:#fffc}.blog-grid>.blog-card:nth-child(3n+1) .blog-card__meta{color:#ffffffb3}.blog-grid>.blog-card:nth-child(3n+1) .cluster-badge{background:#ffffff1a;border-color:#fff3}}.blog-grid-cta{text-align:center;border-radius:var(--radius-lg);min-height:280px;padding:var(--space-8) var(--space-6);cursor:default;background:linear-gradient(135deg,#2962ff1a,#2962ff08);border:1px solid #2962ff33;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-grid-cta:before{content:"";background:radial-gradient(ellipse, var(--color-primary-glow) 0%, transparent 70%);opacity:.12;pointer-events:none;width:300px;height:150px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.blog-grid-cta:hover{box-shadow:none;border-color:#2962ff59;transform:none}.blog-grid-cta__content{position:relative}.blog-grid-cta__icon{margin-bottom:var(--space-4);font-size:2.5rem;display:block}.blog-grid-cta h3{font-size:var(--text-xl);margin:0 0 var(--space-3);color:var(--color-text);font-weight:800}.blog-grid-cta p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-6)}.blog-grid-cta .store-badges{gap:var(--space-3)}.blog-grid-cta .app-store-badge{width:120px;height:auto;margin:0}.blog-grid-cta .play-store-badge{width:155px;height:auto;margin:0}.blog-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:inherit;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 30%, transparent);text-decoration:none;transform:translateY(-6px);box-shadow:0 16px 40px #0006}.blog-card:hover .blog-card__title{text-underline-offset:4px;text-decoration:underline 2px}.blog-card__image{aspect-ratio:16/9;overflow:hidden}.blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-card__content{padding:var(--space-5) var(--space-5) var(--space-6)}.blog-card__meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.blog-card__meta>:not(:first-child):before{content:"·";margin-right:var(--space-3)}.blog-card__meta>.cluster-badge:before{content:none}.blog-card__title{font-size:var(--text-lg);margin:0 0 var(--space-2);font-weight:700;line-height:1.3}.blog-card__description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.blog-card__footer{margin-top:var(--space-4);align-items:center;gap:var(--space-2);color:var(--cluster-color,var(--color-primary-light));font-size:var(--text-sm);font-weight:700;transition:filter .2s;display:flex}.blog-card__arrow{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-4px)}.blog-card:hover .blog-card__arrow{opacity:1;transform:translate(0)}.blog-card:hover .blog-card__footer{filter:brightness(1.15)}.blog-featured{border-radius:var(--radius-lg);color:#fff;border:1px solid var(--color-border);align-items:flex-end;min-height:480px;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.blog-featured:hover{border-color:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 40%, transparent);text-decoration:none;transform:translateY(-4px);box-shadow:0 20px 50px -10px #000000b3}.blog-featured:hover .blog-featured__title{text-underline-offset:4px;text-decoration:underline 2px}.blog-featured__bg{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.blog-featured:hover .blog-featured__bg{transform:scale(1.05)}.blog-featured__overlay{z-index:1;background:linear-gradient(#0000 0%,#05080f4d 30%,#05080fb3 55%,#05080ff2 100%);position:absolute;inset:0}.blog-featured__content{z-index:2;padding:var(--space-8);text-shadow:0 1px 4px #0009;width:100%;max-width:800px;position:relative}.blog-featured__title{margin:var(--space-3) 0;text-wrap:balance;color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.1}.blog-featured__description{font-size:var(--text-lg);color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-featured .blog-card__meta{color:#ffffffb3}.blog-featured .cluster-badge{background:#ffffff1a;border-color:#fff3}@media (width<=768px){.blog-featured{min-height:360px}.blog-featured__content{padding:var(--space-5)}}.blog-post{padding-bottom:var(--space-16);position:relative}.blog-post:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(800px 600px at 12% 8%, color-mix(in srgb, var(--cluster-color,var(--color-primary)) 6%, transparent) 0%, transparent 60%), radial-gradient(600px 500px at 90% 80%, color-mix(in srgb, var(--cluster-color,var(--color-primary)) 4%, transparent) 0%, transparent 70%);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.blog-post:before{display:none}}.blog-post__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);display:flex}.blog-post__breadcrumb a{color:var(--color-text-muted);text-underline-offset:3px;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.blog-post__breadcrumb a:hover{color:var(--color-primary-light);text-decoration-color:var(--color-primary-light)}.blog-post__breadcrumb>span:not(:last-child){opacity:.35;font-size:.8em}.blog-post__breadcrumb>span:last-child{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.blog-post__header{margin-bottom:var(--space-8);position:relative}.blog-post__header h1{margin:var(--space-4) 0 var(--space-4);letter-spacing:-.025em;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}.blog-post__description{font-size:var(--text-lg);color:var(--color-text-muted);max-width:640px;margin:0;line-height:1.6}.blog-post__updated{font-size:var(--text-sm);color:var(--color-primary-light);margin:var(--space-2) 0 0;font-weight:500}.blog-post__key-facts{--lc-accent:#2962ff;--tc-accent:#ff9500;--ctx-accent:var(--cluster-color,var(--color-primary-light));margin:var(--space-10) 0;border-radius:var(--radius-lg);isolation:isolate;background:radial-gradient(120% 80% at 0 0,#2962ff1f 0%,#0000 55%),radial-gradient(120% 80% at 100% 100%,#ff950014 0%,#0000 55%),linear-gradient(#0b1228 0%,#0e1734 100%);border:1px solid #94a3b826;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.25rem,3vw,2.5rem);position:relative;overflow:hidden}.blog-post__key-facts:before{content:"";opacity:.5;pointer-events:none;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.blog-post__key-facts:after{content:"";filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#2962ff59 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-80px;left:-80px}.blog-post__key-facts-head{z-index:1;border-bottom:1px solid #94a3b81f;flex-direction:column;gap:.35rem;margin:0 0 clamp(1rem,2vw,1.5rem);padding-bottom:1rem;display:flex;position:relative}.blog-post__key-facts-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--color-primary-light);align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;display:inline-flex}.blog-post__key-facts-eyebrow:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, transparent 100%);border-radius:2px;width:28px;height:2px}.blog-post__key-facts-heading{font-family:var(--font-display,"Paytone One", system-ui);letter-spacing:-.015em;color:var(--color-text);text-transform:none;margin:0;font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:700;line-height:1.05}.blog-post__key-facts-list{z-index:1;gap:clamp(.75rem,1.5vw,1.1rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.blog-post__key-fact{color:var(--color-text-secondary);border-left:2px solid var(--fact-accent,var(--color-primary));opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards keyfact-reveal;animation-delay:var(--reveal-delay,0s);grid-template-columns:auto 1fr;align-items:baseline;gap:clamp(.9rem,2vw,1.25rem);padding-left:1rem;line-height:1.55;display:grid;position:relative;transform:translateY(8px)}.blog-post__key-fact[data-subject=learnclash]{--fact-accent:var(--lc-accent)}.blog-post__key-fact[data-subject=competitor]{--fact-accent:var(--tc-accent)}.blog-post__key-fact[data-subject=context]{--fact-accent:var(--ctx-accent)}.blog-post__key-fact-index{font-family:var(--font-display,"Paytone One", system-ui);color:var(--fact-accent,var(--color-primary));letter-spacing:-.02em;text-align:left;opacity:.95;font-feature-settings:"tnum" 1;min-width:1.9em;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:700;line-height:1}.blog-post__key-fact-text{color:var(--color-text);font-size:clamp(.95rem,1.1vw,1.02rem)}.blog-post__key-fact-text strong{color:var(--fact-accent,var(--color-text));font-weight:600}@keyframes keyfact-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blog-post__key-fact{opacity:1;animation:none;transform:none}}@media (width<=640px){.blog-post__key-fact{grid-template-columns:auto 1fr;gap:.75rem;padding-left:.75rem}}.blog-post__toc{margin-bottom:var(--space-10);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.blog-post__toc summary{cursor:pointer;font-size:var(--text-base);color:var(--color-text);justify-content:space-between;align-items:center;list-style:none;display:flex}.blog-post__toc summary::-webkit-details-marker{display:none}.blog-post__toc summary:after{content:"▼";color:var(--color-text-muted);font-size:.7em;transition:transform .2s}.blog-post__toc details[open] summary:after{transform:rotate(180deg)}.blog-post__toc ol{margin:var(--space-4) 0 0;padding-left:var(--space-5);counter-reset:toc;list-style:none}.blog-post__toc li{counter-increment:toc;margin-bottom:var(--space-2)}.blog-post__toc li:before{content:counter(toc) ".";color:var(--cluster-color,var(--color-primary));margin-right:var(--space-2);font-weight:700;font-size:var(--text-sm)}.blog-post__toc a{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none;transition:color .15s}.blog-post__toc a:hover{color:var(--color-primary-light)}.blog-post__toc--sidebar{display:none}@media (width>=1024px){.blog-post__toc--inline{display:none}.blog-post__toc--sidebar{float:right;width:240px;margin-left:var(--space-6);margin-right:calc(-240px - var(--space-6));margin-bottom:var(--space-10);scrollbar-width:none;max-height:calc(100vh - 120px);padding:0 0 0 var(--space-5);background:0 0;border:none;border-radius:0;display:block;position:sticky;top:96px;overflow-y:auto}.blog-post__toc--sidebar::-webkit-scrollbar{display:none}.blog-post__toc--sidebar>strong{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--space-4);display:block}.blog-post__toc--sidebar ol{counter-reset:tocsb;margin:0;padding:0;position:relative}.blog-post__toc--sidebar ol:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--cluster-color,var(--color-primary)) 18%, transparent) 0%, color-mix(in srgb, var(--cluster-color,var(--color-primary)) 6%, transparent) 100%);pointer-events:none;width:1px;position:absolute;top:.5rem;bottom:.5rem;left:.5rem}.blog-post__toc--sidebar li{counter-increment:tocsb;margin-bottom:var(--space-3);padding-left:1.6rem;position:relative}.blog-post__toc--sidebar li:before{content:counter(tocsb, decimal-leading-zero);font-family:var(--font-display,"Paytone One", system-ui), system-ui;color:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 70%, white);letter-spacing:-.02em;margin-right:0;font-size:.78rem;font-weight:700;line-height:1;position:absolute;top:.15rem;left:0}.blog-post__toc--sidebar a{color:var(--color-text-secondary);padding:0;line-height:1.4;transition:color .15s,transform .15s;display:block}.blog-post__toc--sidebar a:hover{color:var(--color-text);transform:translate(1px)}.blog-post__toc--sidebar a.is-active{color:var(--cluster-color,var(--color-primary-light));font-weight:600}.blog-post__toc--sidebar li:has(a.is-active):before{color:var(--cluster-color,var(--color-primary-light))}}.blog-post__hero-cta{--hero-cta-accent:var(--cluster-color,var(--blog-cta-action));align-items:flex-start;gap:var(--space-3);margin:var(--space-6) 0 var(--space-8);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg, color-mix(in srgb, var(--hero-cta-accent) 10%, transparent) 0%, transparent 70%), #10183066;border:1px solid color-mix(in srgb, var(--hero-cta-accent) 22%, transparent);border-left:4px solid var(--hero-cta-accent);border-radius:var(--radius-md);flex-direction:column;display:flex}.blog-post__hero-cta-tagline{color:var(--color-text);margin:0;font-size:clamp(.95rem,1.1vw,1.05rem);font-weight:500;line-height:1.45}.blog-post__hero-cta-button{min-block-size:46px;font-size:var(--text-base);font-weight:750;font-family:var(--font-heading,var(--font-sans));color:var(--blog-cta-action-ink);border:1px solid color-mix(in srgb, var(--blog-cta-action) 72%, #fff);cursor:pointer;background:linear-gradient(180deg, #ffffff3d 0%, #fff0 52%), linear-gradient(135deg, var(--blog-cta-action) 0%, var(--blog-cta-action-strong) 100%);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1.4rem;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 22px -18px #f59e0bc7,inset 0 1px #ffffff38,inset 0 -2px #0b122829}.blog-post__hero-cta-button:hover{box-shadow:0 14px 28px -18px #f59e0bdb, 0 1px 0 #ffffff3d inset, 0 -2px 0 #0b12282e inset, 0 0 0 3px var(--blog-cta-action-ring);filter:saturate(1.07);color:var(--blog-cta-action-ink);text-decoration:none;transform:translateY(-2px)}.blog-post__hero-cta-button:active{box-shadow:0 7px 16px -14px #f59e0bbf, 0 1px 0 #fff3 inset, 0 -1px 0 #0b122833 inset, 0 0 0 2px var(--blog-cta-action-soft);transition-duration:80ms;transform:translateY(1px)}.blog-post__hero-cta-button:focus-visible{outline-offset:4px;outline:3px solid #ffffffeb}.blog-post__hero-cta-arrow{font-size:1.1em;line-height:1;transition:transform .18s;display:inline-block}.blog-post__hero-cta-button:hover .blog-post__hero-cta-arrow{transform:translate(3px)}@media (width<=640px){.blog-post__hero-cta{padding:var(--space-4) var(--space-5);align-items:stretch}.blog-post__hero-cta-button{width:100%}}@media (prefers-reduced-motion:reduce){.blog-post__hero-cta-button,.blog-post__hero-cta-arrow{transition:none}.blog-post__hero-cta-button:hover,.blog-post__hero-cta-button:hover .blog-post__hero-cta-arrow{transform:none}}.blog-post__jump-button{margin:var(--space-3) 0 var(--space-1);font-size:.95rem;font-weight:600;font-family:var(--font-heading,var(--font-sans));color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);-webkit-tap-highlight-color:transparent;background:#ffffff0a;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.blog-post__jump-button:hover{border-color:color-mix(in srgb, var(--color-text) 44%, transparent);color:var(--color-text);background:#ffffff14;text-decoration:none;transform:translateY(-1px)}.blog-post__jump-button:active{transform:translateY(0)}.blog-post__jump-button:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.blog-post__jump-button-arrow{font-size:1em;line-height:1;transition:transform .18s;display:inline-block}.blog-post__jump-button:hover .blog-post__jump-button-arrow{transform:translateY(2px)}#first-question{scroll-margin-top:var(--space-4)}@media (prefers-reduced-motion:reduce){.blog-post__jump-button,.blog-post__jump-button-arrow{transition:none}.blog-post__jump-button:hover,.blog-post__jump-button:hover .blog-post__jump-button-arrow{transform:none}}.blog-post__hero{border-radius:var(--radius-lg);margin-bottom:var(--space-12);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 10px 30px #0003}.blog-post__hero img{width:100%;height:auto;display:block}.blog-post__video{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-12);border:1px solid var(--color-border);background:#000;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.blog-post__video iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.blog-post__content{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8}.blog-post__content>:first-child{margin-top:0}.blog-post__content>p:first-of-type:first-letter{float:left;color:var(--cluster-color,var(--color-primary));margin-top:.05em;margin-right:.08em;font-size:3.5em;font-weight:800;line-height:.8}.blog-post__content h2{margin:var(--space-12) 0 var(--space-5);padding-bottom:var(--space-3);color:var(--color-text);letter-spacing:-.01em;border-bottom:none;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:800;position:relative}.blog-post__content h2:after{content:"";background:var(--cluster-color,var(--color-primary));border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:0}.blog-post__content h3{font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-3);color:var(--color-text);font-weight:700}.blog-post__content p{margin:0 0 var(--space-5)}.blog-post__content ul,.blog-post__content ol{margin:0 0 var(--space-5);padding-left:var(--space-6)}.blog-post__content ul{list-style:none}.blog-post__content ul>li{padding-left:var(--space-4);position:relative}.blog-post__content ul>li:before{content:"";background:var(--cluster-color,var(--color-primary));opacity:.7;border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:0}.blog-post__content li{margin-bottom:var(--space-2)}.blog-post__content a{color:var(--color-primary-light);text-underline-offset:3px;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--color-primary-light) 40%, transparent);transition:text-decoration-color .15s}.blog-post__content a:hover{text-decoration-color:var(--color-primary-light)}.blog-post__content a strong,.blog-post__content a em{color:inherit}.blog-post__content p>strong{color:var(--color-text)}.blog-post__content blockquote{border-left:3px solid var(--cluster-color,var(--color-primary));margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:normal;font-size:var(--text-base);z-index:1;background:linear-gradient(90deg,#ffffff08,#0000);line-height:1.7;position:relative;overflow:visible}.blog-post__content blockquote:before{content:"“";color:var(--cluster-color,var(--color-primary));opacity:.15;z-index:-1;font-family:Georgia,serif;font-size:3em;line-height:1;position:absolute;top:.15em;left:.3em}.blog-post__content blockquote p{margin:0}.callout{margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-secondary);border-left:3px solid;line-height:1.7}.callout p{margin:0}.callout p+p{margin-top:var(--space-3)}.callout strong{color:var(--color-text)}.callout--tip{border-color:var(--color-accent-success);background:#22c55e0f}.callout--info{border-color:var(--color-primary-light);background:#60a5fa0f}.callout--warning{border-color:var(--color-accent-gold);background:#fbbf240f}.callout--fact{border-color:var(--cluster-color,#a78bfa);background:color-mix(in srgb, var(--cluster-color,#a78bfa) 6%, transparent)}.blog-post__content figure{margin:var(--space-8) 0}.blog-post__content figure img{margin-bottom:var(--space-3)}.blog-post__content figcaption{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.blog-post__content code{border-radius:var(--radius-sm);color:var(--color-text);background:#ffffff0f;padding:.2em .45em;font-family:JetBrains Mono,monospace;font-size:.85em}.blog-post__content pre{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-8) 0;background:#0006;overflow-x:auto}.blog-post__content pre code{background:0 0;padding:0}.blog-post__content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-12) 0}.blog-post__content img{border:1px solid #ffffff0d;border-radius:16px;max-width:100%;height:auto;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #0006}.blog-post__content table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-8) 0;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;display:table;overflow:hidden}.blog-post__content table:has(th:nth-child(7)){-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.blog-post__content thead{background:color-mix(in srgb, var(--color-surface) 80%, black)}.blog-post__content th{padding:var(--space-4) var(--space-5);text-align:left;font-weight:800;font-size:var(--text-sm);color:var(--color-text);letter-spacing:.02em;text-transform:uppercase;border-bottom:2px solid var(--color-border)}.blog-post__content th:first-child{color:var(--color-primary-light);text-transform:none;font-weight:600}.blog-post__content td:first-child{color:var(--color-primary-light);font-weight:600}.blog-post__content td{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:top;line-height:1.6}.blog-post__content tr:last-child td{border-bottom:none}.blog-post__content tbody tr:nth-child(odd){background:#ffffff04}.blog-post__content tbody tr:nth-child(2n){background:#ffffff0a}.blog-post__content tbody tr{transition:background .15s}.blog-post__content tbody tr:hover{background:#ffffff12}.blog-post__content thead th{z-index:1;background:color-mix(in srgb, var(--color-surface) 80%, black);position:sticky;top:0}.blog-post__content td .check{background:color-mix(in srgb, var(--color-primary) 15%, transparent);width:1.25rem;height:1.25rem;color:var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.blog-post__content td .cross{color:#fca5a5;background:#f9706626;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.85rem;font-weight:700;display:inline-flex}[data-brand-comparison] .blog-post__content th:nth-child(2){color:var(--color-primary-light)}[data-brand-comparison] .blog-post__content td:nth-child(2){color:var(--color-primary-light);font-weight:600}[data-brand-comparison] .blog-post__content th:first-child,[data-brand-comparison] .blog-post__content td:first-child{color:var(--color-text)}@media (width<=768px){.blog-post__content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.blog-post__content th,.blog-post__content td{padding:var(--space-2) var(--space-3);white-space:nowrap}}.blog-post__faq{margin-top:var(--space-12);padding-top:var(--space-10);border-top:2px solid var(--color-border)}.blog-post__faq h2{margin-bottom:var(--space-6)!important;border-bottom:none!important}.blog-post__faq h2:after{display:none}.blog-post__faq .faq__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:border-color .18s,background .18s;overflow:hidden}.blog-post__faq .faq__item:hover{border-color:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 30%, transparent)}.blog-post__faq .faq__item[open]{border-color:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 35%, transparent);background:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 4%, var(--color-surface))}.blog-post__faq .faq__item[open] .faq__question{color:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 70%, white)}.blog-post__faq .faq__answer{animation:.25s cubic-bezier(.22,1,.36,1) faq-open}@keyframes faq-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blog-post__faq .faq__answer{animation:none}}.blog-post__faq .faq__question{padding:var(--space-4) var(--space-5);cursor:pointer;font-weight:700;font-size:var(--text-base);color:var(--color-text);justify-content:space-between;align-items:center;gap:var(--space-4);list-style:none;display:flex}.blog-post__faq .faq__question::-webkit-details-marker{display:none}.blog-post__faq .faq__question:after{content:"+";color:var(--color-text-muted);flex-shrink:0;font-size:1.3em;font-weight:400;transition:transform .2s}.blog-post__faq .faq__item[open] .faq__question:after{content:"−";color:var(--cluster-color,var(--color-primary))}.blog-post__faq .faq__answer{padding:0 var(--space-5) var(--space-5);font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.7}.blog-post__content .cta-button{min-block-size:46px;margin:var(--space-5) 0;font-size:var(--text-base);font-weight:750;font-family:var(--font-heading,var(--font-sans));letter-spacing:0;color:var(--blog-cta-action-ink);border:1px solid color-mix(in srgb, var(--blog-cta-action) 72%, #fff);cursor:pointer;background:linear-gradient(180deg, #ffffff3d 0%, #fff0 52%), linear-gradient(135deg, var(--blog-cta-action) 0%, var(--blog-cta-action-strong) 100%);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1.25rem;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 22px -18px #f59e0bc7,inset 0 1px #ffffff38,inset 0 -2px #0b122829}.blog-post__content .cta-button:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff3d 48%,#0000 100%);transition:opacity .16s,transform .28s;position:absolute;inset:0;transform:translate(-70%)}.blog-post__content .cta-button:hover{box-shadow:0 14px 28px -18px #f59e0bdb, 0 1px 0 #ffffff3d inset, 0 -2px 0 #0b12282e inset, 0 0 0 3px var(--blog-cta-action-ring);filter:saturate(1.07);color:var(--blog-cta-action-ink);text-decoration:none;transform:translateY(-2px)}.blog-post__content .cta-button:hover:before{opacity:1;transform:translate(70%)}.blog-post__content .cta-button:active{box-shadow:0 7px 16px -14px #f59e0bbf, 0 1px 0 #fff3 inset, 0 -1px 0 #0b122833 inset, 0 0 0 2px var(--blog-cta-action-soft);transition-duration:80ms;transform:translateY(1px)}.blog-post__content .cta-button:focus-visible{outline-offset:4px;outline:3px solid #ffffffeb}.blog-post__content .cta-button .cta-icon{background:#0b122824;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:1em;line-height:1;display:inline-flex}.blog-post__content .cta-button--outline{border:1px solid color-mix(in srgb, var(--blog-cta-action) 34%, #ffffff2e);color:color-mix(in srgb, var(--blog-cta-action) 78%, white);box-shadow:none;background:#ffffff0b}.blog-post__content .cta-button--outline:before{display:none}.blog-post__content .cta-button--outline:hover{border-color:color-mix(in srgb, var(--blog-cta-action) 58%, white);color:var(--color-text);background:#f59e0b17;box-shadow:0 0 0 3px #f59e0b1a}.blog-post__content .cta-button--outline:active{box-shadow:none;transform:translateY(1px)}@media (width<=768px){.blog-post__content .cta-button{width:100%;justify-content:center;min-block-size:52px;padding:.92rem 1.2rem;display:flex}}.blog-post__content .blog-inline-cta{margin:var(--space-7) 0 var(--space-8);padding:var(--space-5);border:1px solid #94a3b829;border-left:3px solid color-mix(in srgb, var(--blog-cta-action) 72%, white);border-radius:var(--radius-md);background:#ffffff09}.blog-post__content .blog-inline-cta p{margin:0 0 var(--space-2)}.blog-post__content .blog-inline-cta p:last-of-type{margin-bottom:0}.blog-post__content .blog-inline-cta .cta-button{margin:var(--space-4) 0 0}.blog-post__cta{margin-top:var(--space-16);padding:var(--space-10) var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;border:1px solid color-mix(in srgb, var(--cluster-color,var(--color-primary)) 20%, transparent);transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.blog-post__cta:hover{border-color:color-mix(in srgb, var(--cluster-color,var(--color-primary)) 40%, transparent);transform:translateY(-2px)}.blog-post__cta:before{content:"";background:radial-gradient(ellipse, var(--cluster-glow,var(--color-primary-glow)) 0%, transparent 70%);opacity:.15;pointer-events:none;width:500px;height:200px;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.blog-post__cta:hover:before{opacity:.25}.blog-post__cta:after{content:"";background:radial-gradient(ellipse, var(--cluster-glow,var(--color-primary-glow)) 0%, transparent 70%);opacity:.08;pointer-events:none;width:400px;height:150px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.blog-post__cta h2{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:800;position:relative}.blog-post__cta p{color:var(--color-text-muted);margin:0 0 var(--space-8);position:relative}.blog-post__cta .store-badges{position:relative}.blog-post__content img:not(.no-lightbox){cursor:zoom-in}.lightbox-overlay{z-index:300;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;cursor:zoom-out;background:#05080feb;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.lightbox-overlay.is-active{opacity:1;pointer-events:auto}.lightbox-overlay img{border-radius:var(--radius-md);max-width:90vw;max-height:85vh;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:scale(.95);box-shadow:0 20px 60px #00000080}.lightbox-overlay.is-active img{transform:scale(1)}@media (width<=768px){.blog-post__header h1{font-size:var(--text-2xl);letter-spacing:-.02em}.blog-post__content h2{font-size:var(--text-xl)}.blog-grid{grid-template-columns:1fr}.blog-post__cta{padding:var(--space-8) var(--space-5)}}.blog-post__verdict-bar{--vb-accent:var(--cluster-color,var(--color-primary));background:linear-gradient(135deg, color-mix(in srgb, var(--vb-accent) 8%, transparent) 0%, transparent 100%), #1018308c;border:1px solid color-mix(in srgb, var(--vb-accent) 22%, transparent);border-left:4px solid var(--vb-accent);border-radius:var(--radius-md);grid-template-columns:auto 1fr;align-items:baseline;gap:.5rem 1rem;margin:clamp(1.5rem,3vw,2rem) 0;padding:clamp(1rem,2vw,1.4rem) clamp(1.25rem,2.5vw,1.75rem);display:grid;position:relative}.blog-post__verdict-bar:before{content:"Verdict";font-family:var(--font-display,system-ui), system-ui;text-transform:uppercase;letter-spacing:.16em;color:var(--vb-accent);white-space:nowrap;grid-column:1;padding-top:.18rem;font-size:.78rem;font-weight:700}.blog-post__verdict-bar[data-label]:before{content:attr(data-label)}.blog-post__verdict-bar:has(>strong:first-child):before,.blog-post__verdict-bar:has(>p:first-child>strong:first-child):before{content:none}.blog-post__verdict-bar p,.blog-post__verdict-bar>*{color:var(--color-text);grid-column:2;margin:0;font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.5}.blog-post__verdict-bar:has(>p:first-child>strong:first-child)>p:first-child{grid-column:1/-1}.blog-post__verdict-bar>strong:first-child{font-family:var(--font-display,system-ui), system-ui;text-transform:uppercase;letter-spacing:.16em;color:var(--vb-accent);white-space:nowrap;grid-column:1;padding-top:.18rem;font-size:.78rem;font-weight:700}.blog-post__verdict-bar>p:first-child>strong:first-child{color:var(--vb-accent);font-weight:700}.blog-post__verdict-bar strong{color:var(--color-text);font-weight:700}.blog-post__verdict-bar>strong:first-child,.blog-post__verdict-bar>p:first-child>strong:first-child{color:var(--vb-accent)}@media (width<=640px){.blog-post__verdict-bar{grid-template-columns:1fr;gap:.35rem}.blog-post__verdict-bar:before,.blog-post__verdict-bar p,.blog-post__verdict-bar>*{grid-column:1}}.blog-post__content h2+p{border-left:3px solid color-mix(in srgb, var(--cluster-color,var(--color-primary)) 65%, transparent);color:var(--color-text);margin-bottom:clamp(1rem,1.5vw,1.4rem);padding-left:clamp(.85rem,1.5vw,1.1rem);font-size:clamp(1rem,1.15vw,1.06rem);line-height:1.55;position:relative}.blog-post__content h2+p strong{color:var(--color-text);font-weight:700}.blog-post__content h2+p a strong{color:inherit}.cta-bar{--bar-accent:var(--blog-cta-action);border-radius:var(--radius-lg);isolation:isolate;background:radial-gradient(110% 80% at 100% 0,#f59e0b1a 0%,#0000 58%),linear-gradient(#101a38 0%,#0b1228 100%);border:1px solid #f59e0b29;margin:clamp(2rem,4vw,3rem) 0 clamp(1rem,2vw,1.5rem);padding:clamp(1.45rem,3vw,2.25rem) clamp(1.25rem,3vw,2.4rem);position:relative;overflow:hidden;box-shadow:0 20px 48px -42px #f59e0ba6,inset 0 0 0 1px #ffffff0a}.cta-bar:before{content:"";opacity:.4;pointer-events:none;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.cta-bar:after{content:"";filter:blur(56px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b3d 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-100px;right:-100px}.cta-bar__head{z-index:1;flex-direction:column;gap:.4rem;margin-bottom:clamp(1.25rem,2.5vw,1.75rem);display:flex;position:relative}.cta-bar__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:color-mix(in srgb, var(--blog-cta-action) 78%, white);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.cta-bar__eyebrow:before{content:"";background:linear-gradient(90deg, var(--blog-cta-action) 0%, transparent 100%);border-radius:2px;width:24px;height:2px}.cta-bar__heading{font-family:var(--font-display,system-ui), system-ui;letter-spacing:-.015em;color:var(--color-text);margin:0;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;line-height:1.05}.cta-bar__actions{z-index:1;flex-wrap:wrap;align-items:center;gap:clamp(1rem,2vw,1.5rem);display:flex;position:relative}.cta-bar__primary{background:linear-gradient(180deg, #ffffff3d 0%, #fff0 52%), linear-gradient(135deg, var(--blog-cta-action) 0%, var(--blog-cta-action-strong) 100%);min-block-size:52px;color:var(--blog-cta-action-ink);font-family:var(--font-display,system-ui), system-ui;letter-spacing:0;border:1px solid color-mix(in srgb, var(--blog-cta-action) 72%, #fff);border-radius:9999px;justify-content:center;align-items:center;gap:.65rem;padding:.92rem 1.45rem;font-size:1.02rem;font-weight:750;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 14px 28px -18px #f59e0bd1,inset 0 1px #ffffff3d,inset 0 -2px #0b122829,0 0 0 3px #f59e0b14}.cta-bar__primary:hover{color:var(--blog-cta-action-ink);box-shadow:0 18px 34px -18px #f59e0be6, 0 1px 0 #ffffff42 inset, 0 -2px 0 #0b12282e inset, 0 0 0 4px var(--blog-cta-action-ring);filter:saturate(1.08);text-decoration:none;transform:translateY(-2px)}.cta-bar__primary:active{transform:translateY(1px)}.cta-bar__primary:focus-visible{outline-offset:4px;outline:3px solid #ffffffeb}.cta-bar__primary-icon{background:#0b122824;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:1rem;display:inline-flex}.cta-bar__primary:after{content:"→";font-size:1.15rem;line-height:1;transition:transform .16s}.cta-bar__primary:hover:after{transform:translate(3px)}.cta-bar__divider{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:600}.cta-bar__microcopy{z-index:1;color:var(--color-text-muted);margin:clamp(1rem,2vw,1.4rem) 0 0;font-size:.85rem;position:relative}.cta-bar .store-badges{opacity:.82;margin:0;transition:opacity .16s}.cta-bar .store-badges:hover{opacity:1}@media (width<=640px){.cta-bar__actions{flex-direction:column;align-items:stretch;gap:.85rem}.cta-bar__primary{justify-content:center}.cta-bar__divider{text-align:center}}.cta-bar-mini{border-top:1px solid #94a3b826;border-bottom:1px solid #94a3b826;flex-wrap:wrap;align-items:baseline;gap:.55rem .85rem;margin:1.25rem 0;padding:.6rem 0;display:flex}.cta-bar-mini__link{color:var(--blog-cta-action);border-bottom:2px solid #ff9f1c73;font-weight:700;text-decoration:none}.cta-bar-mini__link:hover{color:var(--color-text);border-bottom-color:var(--blog-cta-action)}.cta-bar-mini__micro{color:var(--color-text-muted);font-size:.85rem}
