@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap";:root{--primary:#18181b;--secondary:#27272a;--accent:#f97316;--text-light:#e4e4e7;--text-dark:#27272a}body{color:var(--text-dark);background-color:#fafafa;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}header:where(.astro-lcdefpme){backdrop-filter:blur(10px);color:#fff;z-index:1000;background-color:#18181bf2;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:sticky;top:0;box-shadow:0 4px 10px #0003}.logo-container:where(.astro-lcdefpme){color:#fff;letter-spacing:-.5px;align-items:center;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.logo-container:where(.astro-lcdefpme) img:where(.astro-lcdefpme){border-radius:6px;height:40px;margin-right:12px}nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--text-light);margin-left:2rem;font-weight:500;text-decoration:none;transition:color .3s}nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--accent)}.hero:where(.astro-lcdefpme){text-align:center;color:#fff;border-bottom:4px solid var(--accent);background:linear-gradient(135deg,#18181ba6 0%,#09090be6 100%),url(https://images.unsplash.com/photo-1578474846511-04ba529f0b88?auto=format&fit=crop&w=1920&q=80) 50%/cover fixed;padding:9rem 5%;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2;animation:1s ease-out fadeInUp}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:var(--accent);text-shadow:0 0 20px #f9731666}.hero:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:#e4e4e7;text-shadow:0 2px 4px #00000080;max-width:700px;margin:0 auto 3rem;font-size:1.25rem;animation:1s ease-out .2s both fadeInUp}.btn-primary:where(.astro-lcdefpme){background-color:var(--accent);color:var(--primary);border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;animation:1s ease-out .4s both fadeInUp;display:inline-block;box-shadow:0 4px 15px #f973164d}.btn-primary:where(.astro-lcdefpme):hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #f9731680}.section-title:where(.astro-lcdefpme){text-align:center;color:var(--primary);margin:5rem 0 3rem;font-size:2.5rem;font-weight:800}.features-grid:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto 5rem;padding:0 5%;display:grid}.feature-card:where(.astro-lcdefpme){border-top:4px solid var(--accent);background:#fff;border-radius:16px;padding:2.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s;position:relative;box-shadow:0 10px 30px #0000000f}.feature-card:where(.astro-lcdefpme):hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px #0000001f,0 0 25px #f9731626}.feature-icon:where(.astro-lcdefpme){margin-bottom:1.5rem;font-size:2.6rem;transition:transform .35s cubic-bezier(.16,1,.3,1);display:inline-block}.feature-card:where(.astro-lcdefpme):hover .feature-icon:where(.astro-lcdefpme){transform:scale(1.2)rotate(4deg)}.feature-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){color:var(--primary);margin-bottom:1rem;font-size:1.4rem;transition:color .3s}.feature-card:where(.astro-lcdefpme):hover h3:where(.astro-lcdefpme){color:#000}.bot-context:where(.astro-lcdefpme){color:#555;margin:.8rem 0;font-size:.95rem}.bot-context:where(.astro-lcdefpme) strong:where(.astro-lcdefpme){color:var(--primary)}.card-link:where(.astro-lcdefpme){color:var(--accent);margin-top:1.5rem;font-weight:800;text-decoration:none;transition:transform .25s,color .25s;display:inline-block}.feature-card:where(.astro-lcdefpme):hover .card-link:where(.astro-lcdefpme){text-decoration:underline;transform:translate(6px)}.roles-section:where(.astro-lcdefpme){background-color:#f0f2f5;padding:6rem 5%}.roles-grid:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.role-card:where(.astro-lcdefpme){text-align:center;border-bottom:4px solid var(--primary);background:#fff;border-radius:16px;padding:2.5rem 2rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s;position:relative;box-shadow:0 10px 30px #0000000f}.role-card:where(.astro-lcdefpme):hover{border-bottom-color:var(--accent);transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px #0000001f,0 0 25px #f9731626}.role-icon:where(.astro-lcdefpme){margin-bottom:1.2rem;font-size:3.2rem;transition:transform .35s cubic-bezier(.16,1,.3,1);display:inline-block}.role-card:where(.astro-lcdefpme):hover .role-icon:where(.astro-lcdefpme){transform:scale(1.22)translateY(-4px)}.comparison-section:where(.astro-lcdefpme){background:linear-gradient(#fff 0%,#f9fafb 100%);padding:7rem 5%}.advantage-badge:where(.astro-lcdefpme){color:var(--accent);letter-spacing:1px;text-transform:uppercase;background:#f973161a;border:1px solid #f973164d;border-radius:20px;margin-bottom:.5rem;padding:.4rem 1.1rem;font-size:.85rem;font-weight:800;display:inline-block}.advantage-metrics-grid:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem;margin-bottom:4rem;display:grid}.metric-card:where(.astro-lcdefpme){border-top:4px solid var(--accent);background:#fff;border-radius:16px;padding:2.2rem 1.8rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 30px #0000000d}.metric-card:where(.astro-lcdefpme):hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px #0000001f,0 0 20px #f9731626}.metric-value:where(.astro-lcdefpme){color:var(--primary);letter-spacing:-1px;font-size:2.5rem;font-weight:800;line-height:1}.metric-label:where(.astro-lcdefpme){color:var(--accent);margin:.7rem 0 .4rem;font-size:1rem;font-weight:700}.metric-desc:where(.astro-lcdefpme){color:#666;margin:0;font-size:.9rem;line-height:1.5}.comparison-table-wrapper:where(.astro-lcdefpme){background:#fff;border:1px solid #edf2f7;border-radius:24px;padding:2rem;overflow-x:auto;box-shadow:0 20px 50px #0000000f}.compare-table:where(.astro-lcdefpme){border-collapse:separate;border-spacing:0;width:100%;margin:0 auto}.compare-table:where(.astro-lcdefpme) th:where(.astro-lcdefpme),.compare-table:where(.astro-lcdefpme) td:where(.astro-lcdefpme){text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1.6rem 1.4rem}.header-dim:where(.astro-lcdefpme){color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.3rem;font-size:.72rem;font-weight:800}.header-main:where(.astro-lcdefpme){color:var(--primary);letter-spacing:-.2px;font-size:1.15rem;font-weight:800}.compare-table:where(.astro-lcdefpme) .vip-col:where(.astro-lcdefpme){color:#fff;border-left:2px solid var(--accent);border-right:2px solid var(--accent);border-top:3px solid var(--accent);background:linear-gradient(135deg,#18181b 0%,#27272a 100%);border-bottom:none;border-radius:18px 18px 0 0;padding:1.8rem 1.6rem;position:relative;box-shadow:0 -4px 20px #f9731626}.vip-badge-pill:where(.astro-lcdefpme){background:var(--accent);color:#18181b;letter-spacing:1px;text-transform:uppercase;border-radius:12px;margin-bottom:.4rem;padding:.25rem .75rem;font-size:.72rem;font-weight:900;display:inline-block;box-shadow:0 2px 8px #f9731666}.vip-header-title:where(.astro-lcdefpme){color:#fff;align-items:center;gap:6px;font-size:1.3rem;font-weight:800;display:flex}.vip-header-sub:where(.astro-lcdefpme){color:#cbd5e1;margin-top:.2rem;font-size:.8rem;font-weight:400}.compare-table:where(.astro-lcdefpme) .vip-cell:where(.astro-lcdefpme){border-left:2px solid var(--accent);border-right:2px solid var(--accent);background:linear-gradient(#f973160a 0%,#f9731604 100%);position:relative}.compare-table:where(.astro-lcdefpme) tr:where(.astro-lcdefpme):last-child .vip-cell:where(.astro-lcdefpme){border-bottom:3px solid var(--accent);border-radius:0 0 18px 18px;box-shadow:0 15px 35px #f973161f}.compare-table:where(.astro-lcdefpme) .legacy-col:where(.astro-lcdefpme){background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:18px 18px 0 0;padding:1.8rem 1.6rem}.legacy-badge-pill:where(.astro-lcdefpme){color:#64748b;letter-spacing:1px;text-transform:uppercase;background:#e2e8f0;border-radius:12px;margin-bottom:.4rem;padding:.25rem .75rem;font-size:.72rem;font-weight:800;display:inline-block}.legacy-header-title:where(.astro-lcdefpme){color:#475569;font-size:1.15rem;font-weight:700}.legacy-header-sub:where(.astro-lcdefpme){color:#94a3b8;margin-top:.2rem;font-size:.8rem;font-weight:400}.compare-table:where(.astro-lcdefpme) .legacy-cell:where(.astro-lcdefpme){background:#f8fafc80;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.compare-table:where(.astro-lcdefpme) tr:where(.astro-lcdefpme):last-child .legacy-cell:where(.astro-lcdefpme){border-bottom:1px solid #e2e8f0;border-radius:0 0 18px 18px}.cap-box:where(.astro-lcdefpme){align-items:flex-start;gap:1.1rem;display:flex}.cap-icon-circle:where(.astro-lcdefpme){background:#f1f5f9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s,box-shadow .35s;display:flex;box-shadow:0 2px 6px #0000000a}.compare-table:where(.astro-lcdefpme) tbody:where(.astro-lcdefpme) tr:where(.astro-lcdefpme):hover .cap-icon-circle:where(.astro-lcdefpme){background:#f9731626;transform:scale(1.18)rotate(5deg);box-shadow:0 6px 15px #f9731633}.cap-title:where(.astro-lcdefpme){color:var(--primary);margin-top:.15rem;font-size:1.05rem;font-weight:800}.row-sub:where(.astro-lcdefpme){color:#64748b;margin-top:.25rem;font-size:.82rem;font-weight:500}.row-desc:where(.astro-lcdefpme){color:#475569;margin-top:.5rem;margin-bottom:0;font-size:.9rem;line-height:1.5}.status-pill:where(.astro-lcdefpme){letter-spacing:.2px;border-radius:24px;align-items:center;gap:6px;padding:.4rem .95rem;font-size:.88rem;font-weight:800;line-height:1;transition:transform .25s;display:inline-flex}.status-vip:where(.astro-lcdefpme){color:#065f46;background:#ecfdf5;border:1.5px solid #a7f3d0;box-shadow:0 2px 8px #10b9811f}.compare-table:where(.astro-lcdefpme) tbody:where(.astro-lcdefpme) tr:where(.astro-lcdefpme):hover .status-vip:where(.astro-lcdefpme){background:#d1fae5;transform:scale(1.04)}.status-legacy:where(.astro-lcdefpme){color:#991b1b;background:#fef2f2;border:1.5px solid #fecaca}.compare-table:where(.astro-lcdefpme) tbody:where(.astro-lcdefpme) tr:where(.astro-lcdefpme){transition:background-color .25s}.compare-table:where(.astro-lcdefpme) tbody:where(.astro-lcdefpme) tr:where(.astro-lcdefpme):hover{background-color:#f8fafcb3}.compare-table:where(.astro-lcdefpme) tbody:where(.astro-lcdefpme) tr:where(.astro-lcdefpme):hover .vip-cell:where(.astro-lcdefpme){background:#f973160f}.architecture-banner:where(.astro-lcdefpme){color:#fff;text-align:center;border-top:4px solid var(--accent);background:linear-gradient(135deg,#18181be6 0%,#18181bf2 100%),url(https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=1920&q=80) 50%/cover fixed;padding:6rem 5%}.architecture-banner:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){color:var(--accent);margin-bottom:1rem;font-size:2rem}.skip-link:where(.astro-lcdefpme){background:var(--accent);color:var(--primary);z-index:9999;border-radius:4px;padding:.6rem 1.2rem;font-weight:800;text-decoration:none;transition:top .2s;position:absolute;top:-60px;left:10px}.skip-link:where(.astro-lcdefpme):focus{top:10px}.tech-card:where(.astro-lcdefpme){backdrop-filter:blur(10px);border:1px solid #ffffff14;border-left:5px solid var(--accent);background:#ffffff0f;border-radius:16px;padding:2.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s;position:relative}.tech-card:where(.astro-lcdefpme):hover{background:#ffffff1c;border-left-color:#ff9800;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px #00000073,0 0 25px #f9731640}.tech-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme) span:where(.astro-lcdefpme){transition:transform .35s cubic-bezier(.16,1,.3,1);display:inline-block}.tech-card:where(.astro-lcdefpme):hover h3:where(.astro-lcdefpme) span:where(.astro-lcdefpme){transform:scale(1.22)rotate(6deg)}footer:where(.astro-lcdefpme){color:#a1a1aa;text-align:center;background-color:#0f0f1a;border-top:1px solid #ffffff0d;padding:3rem 5%;font-size:.95rem}.footer-links:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.footer-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme),.footer-links:where(.astro-lcdefpme) span:where(.astro-lcdefpme){color:#71717a;text-decoration:none;transition:color .2s}.footer-links:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--accent);text-decoration:underline}