:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#101828;background-color:#f7f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,#eef2ff,transparent 45%),radial-gradient(circle at top right,#fdf2f8,transparent 40%),#f7f7fb;overscroll-behavior:none}body{margin:0;min-height:100%;background:none;overscroll-behavior:none}a{color:inherit}.dev-indicator{position:fixed;top:1rem;right:1rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;z-index:1000;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-indicator a{color:#60a5fa;text-decoration:none;font-weight:500}.dev-indicator a:hover{color:#93c5fd}.page{display:flex;flex-direction:column;gap:6rem;padding:4rem clamp(1rem,6vw,6rem);padding-bottom:0;color:#101828;max-width:1400px;margin:0 auto;width:100%}.section{display:flex;flex-direction:column;gap:2rem}.section--tight{gap:1.25rem}.section--center{text-align:center;align-items:center}.section__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:600;color:#6366f1}.section__title{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;font-weight:700}.section__subtitle{font-size:clamp(1.05rem,3vw,1.3rem);color:#475467;max-width:60ch}.hero{display:grid;gap:2.5rem;align-items:center}.hero__headline{font-size:clamp(2.5rem,7vw,3rem);font-weight:800;letter-spacing:-.01em;color:#0b1120;display:flex;flex-direction:column}.hero__headline-logo{width:min(14rem,45vw);max-width:240px;margin-top:3rem;margin-bottom:2rem;align-self:flex-start;object-fit:contain}.hero__headline-text{display:block;margin:0;padding:0}.hero__copy{font-size:clamp(1.1rem,3vw,1.4rem);color:#475467;max-width:65ch}.cta-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:1rem;border:none;cursor:pointer;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.primary-button{background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff;box-shadow:0 14px 30px -20px #4f46e5e6}.primary-button:hover{transform:translateY(-1px);box-shadow:0 18px 40px -18px #4f46e573}.secondary-button{background:#fff;color:#3730a3;border:1px solid rgba(99,102,241,.4)}.secondary-button:hover{transform:translateY(-1px);box-shadow:0 18px 40px -22px #6366f159}.value-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{padding:1.8rem;border-radius:1.5rem;background:#fffc;border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 60px -35px #0f172ab3;display:flex;flex-direction:column;gap:1rem}.value-card__icon{width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e51f,#818cf840);color:#4338ca}.value-card__title{font-size:1.25rem;font-weight:600;color:#1f2937}.value-card__copy{color:#4b5563;font-size:1rem}.architecture-diagram{display:grid;gap:1.5rem;background:#0f172a;color:#e2e8f0;border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(148,163,184,.15);box-shadow:inset 0 1px #94a3b814,0 30px 60px -40px #0f172acc}.architecture-diagram__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.architecture-card{background:#0f172aad;border-radius:1.2rem;padding:1.4rem;display:grid;gap:.8rem;border:1px solid rgba(148,163,184,.15)}.architecture-card__title{font-weight:600;font-size:1.1rem}.architecture-card__copy{font-size:.95rem;color:#cbd5f5}.code-showcase{display:grid;gap:1.5rem}.code-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.code-tab{border-radius:999px;padding:.5rem 1.2rem;font-size:.95rem;background:#fff;color:#475467;border:1px solid rgba(15,23,42,.05);cursor:pointer;transition:all .15s ease}.code-tab--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 12px 30px -20px #6366f199}.code-block{background:#0b1120;color:#e2e8f0;padding:clamp(1.4rem,4vw,2rem);border-radius:1.4rem;font-family:Fira Code,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.95rem;line-height:1.65;border:1px solid rgba(148,163,184,.18);position:relative;overflow:auto}.code-block__label{position:absolute;top:1rem;right:1.2rem;font-size:.78rem;letter-spacing:.08em;color:#94a3b8b3;text-transform:uppercase}.code-block code{display:block;white-space:pre-wrap}.quickstart-grid{display:grid;gap:1.8rem;grid-template-columns:1fr}.quickstart-card{background:#fff;border-radius:1.3rem;padding:1.8rem;border:1px solid rgba(15,23,42,.06);box-shadow:0 20px 50px -40px #0f172a73;display:flex;flex-direction:column;gap:1rem}.code-inline{font-family:Fira Code,JetBrains Mono,SFMono-Regular,Consolas,monospace;background:#6366f114;color:#3730a3;padding:.2rem .5rem;border-radius:.4rem}.footer{display:flex;flex-direction:column;gap:1.2rem;padding:3rem;background:#0f172af2;color:#cbd5f5;border-radius:2rem 2rem 0 0}.footer__links{display:flex;flex-wrap:wrap;gap:1rem}.footer__link{color:inherit;text-decoration:none;opacity:.8}.footer__link:hover{opacity:1}.comparison-container{padding:2rem;border-radius:1.5rem;background:#fffc;border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 60px -35px #0f172ab3}.comparison-table-wrapper{overflow-x:auto;border-radius:.5rem}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.25rem;background:#fff}.comparison-table th{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap;position:sticky;top:0;z-index:1}.comparison-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.comparison-table tbody tr:hover{background:#f9fafb}.comparison-table td:first-child{font-weight:600;color:#111827;min-width:160px;background:#f9fafb80}.comparison-table td:nth-child(2),.comparison-table td:nth-child(3){color:#6b7280;max-width:280px}.comparison-table td:last-child{color:#111827;font-weight:500;max-width:320px}.comparison-table strong{color:#4338ca;font-weight:600}@media (max-width: 640px){.page{padding:3rem 1.4rem 0rem;gap:4.5rem}.footer{padding:2.5rem clamp(1.2rem,4vw,1.8rem)}.hero__headline{font-size:1.5rem;letter-spacing:-.01em}.comparison-container{padding:1.5rem}.comparison-table th,.comparison-table td{padding:.75rem}.comparison-table td:first-child{min-width:140px}}
