:root{--bg: #0c0b0f;--surface: #16141c;--surface2: #1e1b28;--accent: #f7c948;--accent2: #e8553d;--accent3: #6c63ff;--green: #48c78e;--text: #e8e4f0;--text-dim: #8a8499;--serif: "Instrument Serif", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif}[data-astro-cid-iavnbivk],[data-astro-cid-iavnbivk]:before,[data-astro-cid-iavnbivk]:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.7;overflow-x:hidden;-webkit-text-size-adjust:100%}.page-wrap[data-astro-cid-iavnbivk]{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.hero[data-astro-cid-iavnbivk]{text-align:center;padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem);position:relative;overflow:hidden}.hero[data-astro-cid-iavnbivk]:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 6s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.hero[data-astro-cid-iavnbivk] h1[data-astro-cid-iavnbivk]{font-family:var(--serif);font-size:clamp(2.4rem,7vw,5.5rem);line-height:1.05;font-weight:400;position:relative;max-width:800px;margin:0 auto;animation:fadeUp 1s ease-out}.hero[data-astro-cid-iavnbivk] h1[data-astro-cid-iavnbivk] em[data-astro-cid-iavnbivk]{color:var(--accent);font-style:italic}.hero[data-astro-cid-iavnbivk] .subtitle[data-astro-cid-iavnbivk]{font-size:clamp(.95rem,2vw,1.15rem);color:var(--text-dim);margin-top:1.25rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative;animation:fadeUp 1s ease-out .2s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.content-section[data-astro-cid-iavnbivk]{padding:clamp(2.5rem,6vw,5rem) 0}.section-label[data-astro-cid-iavnbivk]{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent3);margin-bottom:.85rem;font-weight:600}.section-title[data-astro-cid-iavnbivk]{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;line-height:1.15;margin-bottom:1.25rem}.section-body[data-astro-cid-iavnbivk]{font-size:clamp(.95rem,1.5vw,1.05rem);color:var(--text-dim);max-width:640px;line-height:1.85}.framework-showcase[data-astro-cid-iavnbivk] .intro[data-astro-cid-iavnbivk]{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.framework-showcase[data-astro-cid-iavnbivk] .intro[data-astro-cid-iavnbivk] .section-body[data-astro-cid-iavnbivk]{margin:0 auto}.cards-container[data-astro-cid-iavnbivk]{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem);align-items:start;position:relative}@media(max-width:750px){.cards-container[data-astro-cid-iavnbivk]{grid-template-columns:1fr;max-width:520px;margin:0 auto}}.fw-card[data-astro-cid-iavnbivk]{border-radius:clamp(16px,2.5vw,24px);padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden;display:flex;flex-direction:column}.fw-card[data-astro-cid-iavnbivk]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.fw-card[data-astro-cid-iavnbivk].good{background:linear-gradient(170deg,rgba(108,99,255,.07) 0%,var(--surface) 40%);border:1px solid rgba(108,99,255,.18)}.fw-card[data-astro-cid-iavnbivk].good:before{background:linear-gradient(90deg,var(--accent3),rgba(108,99,255,.2))}.fw-card[data-astro-cid-iavnbivk].bad{background:linear-gradient(170deg,rgba(232,85,61,.07) 0%,var(--surface) 40%);border:1px solid rgba(232,85,61,.18)}.fw-card[data-astro-cid-iavnbivk].bad:before{background:linear-gradient(90deg,var(--accent2),rgba(232,85,61,.2))}.fw-badge[data-astro-cid-iavnbivk]{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:20px;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin-bottom:1.25rem;width:fit-content}.good[data-astro-cid-iavnbivk] .fw-badge[data-astro-cid-iavnbivk]{background:#6c63ff26;color:#a8a2ff}.bad[data-astro-cid-iavnbivk] .fw-badge[data-astro-cid-iavnbivk]{background:#e8553d26;color:#f09080}.fw-badge-dot[data-astro-cid-iavnbivk]{width:7px;height:7px;border-radius:50%}.good[data-astro-cid-iavnbivk] .fw-badge-dot[data-astro-cid-iavnbivk]{background:var(--accent3);box-shadow:0 0 8px var(--accent3)}.bad[data-astro-cid-iavnbivk] .fw-badge-dot[data-astro-cid-iavnbivk]{background:var(--accent2);box-shadow:0 0 8px var(--accent2)}.fw-card[data-astro-cid-iavnbivk] h3[data-astro-cid-iavnbivk]{font-family:var(--serif);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:400;margin-bottom:.5rem;line-height:1.2}.fw-card[data-astro-cid-iavnbivk] .card-desc[data-astro-cid-iavnbivk]{font-size:clamp(.85rem,1.3vw,.92rem);color:var(--text-dim);line-height:1.7;margin-bottom:1.5rem}.opener-box[data-astro-cid-iavnbivk]{border-radius:12px;padding:.85rem 1.1rem;margin-bottom:1.1rem;font-size:clamp(.85rem,1.3vw,.95rem);font-weight:500;display:flex;align-items:center;gap:.65rem}.good[data-astro-cid-iavnbivk] .opener-box[data-astro-cid-iavnbivk]{background:#6c63ff14;border:1.5px solid rgba(108,99,255,.25);color:#bdb8ff}.bad[data-astro-cid-iavnbivk] .opener-box[data-astro-cid-iavnbivk]{background:#e8553d0f;border:1.5px dashed rgba(232,85,61,.25);color:#f09080;font-style:italic}.opener-icon[data-astro-cid-iavnbivk]{font-size:1.35rem;flex-shrink:0}.detail-stream[data-astro-cid-iavnbivk]{display:flex;flex-direction:column;gap:.5rem;flex:1}.detail-row[data-astro-cid-iavnbivk]{display:flex;align-items:center;gap:.5rem;opacity:0;animation:streamIn .5s ease-out forwards}.detail-row[data-astro-cid-iavnbivk]:nth-child(1){animation-delay:.15s}.detail-row[data-astro-cid-iavnbivk]:nth-child(2){animation-delay:.35s}.detail-row[data-astro-cid-iavnbivk]:nth-child(3){animation-delay:.55s}.detail-row[data-astro-cid-iavnbivk]:nth-child(4){animation-delay:.75s}.detail-row[data-astro-cid-iavnbivk]:nth-child(5){animation-delay:.95s}.detail-row[data-astro-cid-iavnbivk]:nth-child(6){animation-delay:1.15s}@keyframes streamIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.detail-marker[data-astro-cid-iavnbivk]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.good[data-astro-cid-iavnbivk] .detail-marker[data-astro-cid-iavnbivk]{background:var(--accent3);box-shadow:0 0 6px #6c63ff80}.bad[data-astro-cid-iavnbivk] .detail-marker[data-astro-cid-iavnbivk]{background:var(--accent2)}.detail-text[data-astro-cid-iavnbivk]{font-size:clamp(.78rem,1.2vw,.88rem);padding:.4rem .8rem;border-radius:8px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.good[data-astro-cid-iavnbivk] .detail-text[data-astro-cid-iavnbivk]{background:#6c63ff12;color:#c4c0f0;border:1px solid rgba(108,99,255,.12)}.bad[data-astro-cid-iavnbivk] .detail-text[data-astro-cid-iavnbivk]{background:#e8553d0d;color:#d4a09a;border:1px solid rgba(232,85,61,.1)}.detail-status[data-astro-cid-iavnbivk]{font-size:.65rem;padding:.18rem .45rem;border-radius:6px;font-weight:600;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-sorted[data-astro-cid-iavnbivk]{background:#48c78e1f;color:var(--green)}.status-lost[data-astro-cid-iavnbivk]{background:#e8553d1f;color:#f09080}.status-floating[data-astro-cid-iavnbivk]{background:#f7c9481f;color:var(--accent)}.bad[data-astro-cid-iavnbivk] .detail-row[data-astro-cid-iavnbivk].faded{opacity:0;animation:streamInFade .5s ease-out forwards}@keyframes streamInFade{0%{opacity:0;transform:translate(-10px)}to{opacity:.35;transform:translate(0)}}.bad[data-astro-cid-iavnbivk] .faded[data-astro-cid-iavnbivk] .detail-text[data-astro-cid-iavnbivk]{text-decoration:line-through;opacity:.6}.bad[data-astro-cid-iavnbivk] .faded[data-astro-cid-iavnbivk] .detail-marker[data-astro-cid-iavnbivk]{opacity:.3}.card-result[data-astro-cid-iavnbivk]{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.55rem;font-size:clamp(.78rem,1.2vw,.85rem);font-weight:500}.result-icon[data-astro-cid-iavnbivk]{font-size:1.1rem}.good[data-astro-cid-iavnbivk] .card-result[data-astro-cid-iavnbivk]{color:var(--green)}.bad[data-astro-cid-iavnbivk] .card-result[data-astro-cid-iavnbivk]{color:var(--accent2)}.vs-divider[data-astro-cid-iavnbivk]{display:none}@media(min-width:751px){.vs-divider[data-astro-cid-iavnbivk]{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.vs-pill[data-astro-cid-iavnbivk]{background:var(--surface2);border:1px solid rgba(255,255,255,.1);color:var(--text-dim);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:.45rem .9rem;border-radius:20px}}.flow-container[data-astro-cid-iavnbivk]{display:flex;gap:0;align-items:stretch;margin-top:2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.flow-step[data-astro-cid-iavnbivk]{flex:1;min-width:150px;padding:clamp(1.25rem,2.5vw,2rem) clamp(.75rem,1.5vw,1.5rem);text-align:center;position:relative;background:var(--surface);border:1px solid rgba(255,255,255,.04)}.flow-step[data-astro-cid-iavnbivk]:first-child{border-radius:14px 0 0 14px}.flow-step[data-astro-cid-iavnbivk]:last-child{border-radius:0 14px 14px 0}.flow-step[data-astro-cid-iavnbivk]:after{content:"→";position:absolute;right:-8px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--accent);z-index:1}.flow-step[data-astro-cid-iavnbivk]:last-child:after{display:none}.flow-num[data-astro-cid-iavnbivk]{width:30px;height:30px;border-radius:50%;background:#f7c94826;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-bottom:.6rem}.flow-step[data-astro-cid-iavnbivk] h4[data-astro-cid-iavnbivk]{font-family:var(--serif);font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:400;margin-bottom:.35rem}.flow-step[data-astro-cid-iavnbivk] p[data-astro-cid-iavnbivk]{font-size:clamp(.75rem,1.1vw,.82rem);color:var(--text-dim);line-height:1.5}.puzzle-section[data-astro-cid-iavnbivk]{text-align:center}.puzzle-grid[data-astro-cid-iavnbivk]{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,3vw,2.5rem);max-width:800px;margin:clamp(1.5rem,3vw,3rem) auto 0}@media(max-width:550px){.puzzle-grid[data-astro-cid-iavnbivk]{grid-template-columns:1fr}}.puzzle-card[data-astro-cid-iavnbivk]{background:var(--surface);border-radius:18px;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,2.5vw,2rem);border:1px solid rgba(255,255,255,.04);text-align:left;transition:transform .3s,border-color .3s}.puzzle-card[data-astro-cid-iavnbivk]:hover{transform:translateY(-3px);border-color:#ffffff1a}.puzzle-icon[data-astro-cid-iavnbivk]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.4rem}.puzzle-card[data-astro-cid-iavnbivk]:nth-child(1) .puzzle-icon[data-astro-cid-iavnbivk]{background:#f7c9481f}.puzzle-card[data-astro-cid-iavnbivk]:nth-child(2) .puzzle-icon[data-astro-cid-iavnbivk]{background:#e8553d1f}.puzzle-card[data-astro-cid-iavnbivk]:nth-child(3) .puzzle-icon[data-astro-cid-iavnbivk]{background:#6c63ff1f}.puzzle-card[data-astro-cid-iavnbivk]:nth-child(4) .puzzle-icon[data-astro-cid-iavnbivk]{background:#48c78e1f}.puzzle-card[data-astro-cid-iavnbivk] h3[data-astro-cid-iavnbivk]{font-family:var(--serif);font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:400;margin-bottom:.5rem}.puzzle-card[data-astro-cid-iavnbivk] p[data-astro-cid-iavnbivk]{font-size:clamp(.85rem,1.2vw,.92rem);color:var(--text-dim);line-height:1.7}.compare-grid[data-astro-cid-iavnbivk]{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem);margin-top:clamp(1.5rem,3vw,3rem);max-width:900px;margin-left:auto;margin-right:auto}@media(max-width:650px){.compare-grid[data-astro-cid-iavnbivk]{grid-template-columns:1fr}}.compare-card[data-astro-cid-iavnbivk]{border-radius:18px;padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.compare-card[data-astro-cid-iavnbivk].topdown{background:linear-gradient(135deg,#6c63ff14,#6c63ff05);border:1px solid rgba(108,99,255,.2)}.compare-card[data-astro-cid-iavnbivk].bottomup{background:linear-gradient(135deg,#e8553d14,#e8553d05);border:1px solid rgba(232,85,61,.2)}.compare-badge[data-astro-cid-iavnbivk]{display:inline-block;padding:.25rem .7rem;border-radius:20px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:1rem}.topdown[data-astro-cid-iavnbivk] .compare-badge[data-astro-cid-iavnbivk]{background:#6c63ff33;color:#a8a2ff}.bottomup[data-astro-cid-iavnbivk] .compare-badge[data-astro-cid-iavnbivk]{background:#e8553d33;color:#f09080}.compare-card[data-astro-cid-iavnbivk] h3[data-astro-cid-iavnbivk]{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:400;margin-bottom:.65rem}.compare-card[data-astro-cid-iavnbivk] p[data-astro-cid-iavnbivk]{font-size:clamp(.85rem,1.2vw,.95rem);color:var(--text-dim);line-height:1.75}.compare-diagram[data-astro-cid-iavnbivk]{margin-top:1.25rem;display:flex;flex-direction:column;gap:.35rem}.diagram-row[data-astro-cid-iavnbivk]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500}.diagram-arrow[data-astro-cid-iavnbivk]{font-size:.9rem;opacity:.4}.topdown[data-astro-cid-iavnbivk] .diagram-row[data-astro-cid-iavnbivk]{color:#a8a2ff}.bottomup[data-astro-cid-iavnbivk] .diagram-row[data-astro-cid-iavnbivk]{color:#f09080}.takeaway[data-astro-cid-iavnbivk]{text-align:center;padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem);position:relative}.takeaway[data-astro-cid-iavnbivk]:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(247,201,72,.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.takeaway[data-astro-cid-iavnbivk] .section-title[data-astro-cid-iavnbivk]{font-size:clamp(1.8rem,4.5vw,3.2rem);max-width:700px;margin:0 auto 1.25rem;position:relative}.takeaway[data-astro-cid-iavnbivk] .section-title[data-astro-cid-iavnbivk] em[data-astro-cid-iavnbivk]{color:var(--accent);font-style:italic}.takeaway[data-astro-cid-iavnbivk] .section-body[data-astro-cid-iavnbivk]{max-width:560px;margin:0 auto;position:relative;font-size:clamp(.95rem,1.5vw,1.1rem)}.section-divider[data-astro-cid-iavnbivk]{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);margin:0}