:root{--of-primary:#7228bb;--of-dark:#1f2937;--of-white:#fff;--of-800:#260d3f;--of-700:#401669;--of-600:#5a1f93;--of-500:#7228bb;--of-400:#8d42d7;--of-300:#a66ce0;--of-200:#c096e9;--of-100:#d9c0f2;--ink:#1f2937;--muted:#4b5563;--paper:#fff;--surface:#faf7fd;--line:#e7def0;--line-strong:#c096e9;--card-bg:#fff;--accent-text:var(--of-700);--brand:var(--of-primary);--dark-bg:#260d3f;--on-dark:#fff;--on-dark-muted:#d9c0f2;--on-dark-accent:#c096e9;--radius:14px;--radius-sm:10px;--radius-lg:22px;--shadow-sm:0 6px 20px #1f29370f;--shadow:0 10px 34px #1f293717;--shadow-lg:0 24px 60px #260d3f2e;--maxw:1120px;--maxw-prose:760px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);letter-spacing:-.01em;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}main{flex:1}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}p a:not(.btn),li a:not(.btn){text-underline-offset:2px;text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{color:var(--of-dark);letter-spacing:-.025em;font-weight:800;line-height:1.12}h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:1.25rem}p{color:var(--ink)}strong{color:var(--of-700);font-weight:700}code{font-family:var(--font-mono);background:var(--of-100);color:var(--of-800);border-radius:6px;padding:.1rem .4rem;font-size:.88em}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}.prose{max-width:var(--maxw-prose)}.section{padding-block:clamp(3rem,7vw,5.5rem)}.eyebrow,.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--of-700);margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:inline-block}.lead{color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem)}.heading-accent:after{content:"";background:var(--of-primary);border-radius:99px;width:84px;height:6px;margin-top:.5rem;display:block}.heading-accent.center:after{margin-inline:auto}.text-center{text-align:center}.text-gradient{color:var(--of-primary)}.btn{cursor:pointer;border:1px solid #0000;border-radius:99px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--of-primary);color:#fff;box-shadow:0 8px 22px #260d3f42}.btn-primary:hover{background:var(--of-600)}.btn-secondary{color:var(--of-700);border-color:var(--line-strong);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{border-color:var(--of-primary);color:var(--of-600)}.btn-ghost{color:var(--of-dark);background:0 0}.btn-ghost:hover{background:#7228bb14}.btn-lg{padding:.85rem 1.7rem;font-size:1rem}.btn-on-dark{color:var(--of-700);background:#fff}.btn-on-dark:hover{background:var(--of-100)}.pill{background:var(--of-100);color:var(--of-700);border:1px solid var(--of-200);border-radius:99px;padding:.25rem .85rem;font-size:.8rem;font-weight:700;display:inline-block}.tag{background:var(--of-100);color:var(--of-700);border-radius:99px;padding:.18rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.6rem}.card-hover{transition:transform .15s,box-shadow .15s,border-color .15s}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--of-primary);transform:translateY(-3px)}[data-resource][hidden]{display:none!important}.grid{gap:1.25rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section-dark{background:var(--dark-bg);color:var(--on-dark)}.section-dark h1,.section-dark h2,.section-dark h3{color:#fff}.section-dark .lead,.section-dark p{color:var(--on-dark-muted)}.section-dark strong,.section-dark .kicker,.section-dark .eyebrow{color:var(--on-dark-accent)}pre.astro-code,.code-block{border-radius:var(--radius-sm);border:1px solid #ffffff14;padding:1.1rem 1.2rem;font-size:.84rem;line-height:1.6;overflow-x:auto;background:#0e0720!important}pre code{color:inherit;background:0 0;padding:0}:focus-visible{outline:3px solid var(--of-primary);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 5px #ffffff8c}.section-dark :focus-visible{outline-color:var(--of-200);box-shadow:0 0 0 5px #260d3f8c}.skip-link{background:var(--of-dark);color:#fff;z-index:200;border-radius:0 0 8px;padding:.7rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.visually-hidden,.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}