:root{--purple: #5e2c9e;--purple-700: #4a2280;--purple-400: #8b5cd6;--purple-100: #efe9f8;--purple-050: #f7f4fc;--gray: #8c8c8c;--ink: #1c1830;--ink-soft: #4b4660;--line: #e8e5ef;--bg: #ffffff;--bg-soft: #faf9fd;--white: #ffffff;--focus: #2f6bff;--grad: linear-gradient(120deg, #5e2c9e 0%, #7b3fd0 55%, #9d5cf0 100%);--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 2px rgba(28, 24, 48, .04), 0 1px 1px rgba(28, 24, 48, .03);--shadow: 0 10px 30px -8px rgba(94, 44, 158, .16), 0 4px 10px -4px rgba(28, 24, 48, .06);--shadow-lg: 0 24px 60px -18px rgba(94, 44, 158, .28), 0 8px 20px -8px rgba(28, 24, 48, .08);--maxw: 1080px;--font-head: "Poppins", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);line-height:1.2;font-weight:600;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.2rem}p{margin:0 0 1rem}a{color:var(--purple);text-decoration-color:#5e2c9e59;text-underline-offset:2px}a:hover{color:var(--purple-700)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.skip-link{position:absolute;left:1rem;top:-3rem;background:var(--purple);color:var(--white);padding:.6rem 1rem;border-radius:8px;z-index:100;transition:top .15s ease}.skip-link:focus{top:1rem;color:var(--white)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-header{border-bottom:1px solid var(--line);background:#ffffffd9;backdrop-filter:saturate(1.4) blur(8px);position:sticky;top:0;z-index:40}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-weight:600;color:var(--ink);text-decoration:none;font-size:1.05rem}.brand .logo{width:38px;height:38px;border-radius:10px;flex:none;object-fit:cover;display:block;box-shadow:0 4px 12px -3px #5e2c9e80}.brand small{display:block;font-family:var(--font-body);font-weight:400;color:var(--gray);font-size:.72rem;letter-spacing:.02em}.nav{display:flex;gap:.35rem;align-items:center}.nav a{color:var(--ink-soft);text-decoration:none;padding:.5rem .8rem;border-radius:10px;font-size:.95rem;font-weight:500}.nav a:hover,.nav a[aria-current=page]{background:var(--purple-050);color:var(--purple)}.site-footer{border-top:1px solid var(--line);margin-top:4rem;padding-block:2.5rem;color:var(--gray);font-size:.9rem;background:var(--bg-soft)}.site-footer a{color:var(--ink-soft)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .22s ease,transform .12s ease,border-color .22s ease}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-weight:500;font-size:1rem;border-radius:12px;padding:.7rem 1.2rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .08s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad);background-size:140% 140%;color:#fff;box-shadow:0 8px 20px -8px #5e2c9e8c;transition:transform .08s ease,box-shadow .2s ease,background-position .4s ease}.btn-primary:hover{color:#fff;background-position:100% 50%;box-shadow:0 12px 26px -8px #5e2c9e99}.btn-ghost{background:var(--white);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--purple-050);color:var(--purple);border-color:var(--purple-100)}.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--purple);background:var(--purple-050);border:1px solid var(--purple-100);padding:.25rem .6rem;border-radius:999px}.ts{font-family:var(--font-mono);font-size:.82em;font-variant-numeric:tabular-nums;color:var(--purple);background:var(--purple-050);border:1px solid var(--purple-100);border-radius:7px;padding:.05rem .4rem;text-decoration:none;white-space:nowrap}a.ts:hover{background:var(--purple-100)}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:600;color:var(--purple);margin-bottom:.7rem}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad)}.lede{font-size:1.15rem;color:var(--ink-soft);max-width:60ch}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 640px){.nav a{padding:.4rem .55rem;font-size:.9rem}.brand small{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}.reveal-2{animation:rise .6s cubic-bezier(.2,.7,.2,1) .08s both}.reveal-3{animation:rise .6s cubic-bezier(.2,.7,.2,1) .16s both}@media (prefers-reduced-motion: reduce){.reveal,.reveal-2,.reveal-3{animation:none}}