*{box-sizing:border-box}body{color:#e8eaff;background:#0b1026;margin:0;font-family:system-ui,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0b1026ee;justify-content:space-between;align-items:center;padding:20px 6%;display:flex;position:sticky;top:0}.top b{background:linear-gradient(90deg,#7c6cff,#4aa8ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:auto;padding:50px 6% 70px;display:grid}.eyebrow{letter-spacing:3px;color:#a99dff;font-size:12px}h1{letter-spacing:-2px;white-space:pre-line;margin:12px 0;font-size:clamp(38px,6vw,72px);line-height:1.05}h2{margin:0 0 16px;font-size:28px}p{color:#b6bbe0}.hero img{aspect-ratio:4/5;object-fit:cover;border-radius:28px;width:100%;box-shadow:0 30px 80px #7c6cff44}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);font:inherit;cursor:pointer;border:0;padding:14px 24px;font-weight:600;display:inline-block}button:disabled{opacity:.6}:focus-visible{outline-offset:2px;outline:3px solid #fff}main{max-width:1000px;margin:auto;padding:0 6% 60px}main section{margin:60px 0}pre{border-radius:var(--radius);color:#cfd3ff;background:#121938;border:1px solid #262f63;padding:20px;font-size:13px;overflow:auto}.sql{max-height:420px;margin-top:14px}code{background:#121938;border-radius:6px;padding:2px 6px}.stages,.steps{padding-left:20px}.stages{gap:10px;padding:0;list-style:none;display:grid}.stages li{border-radius:var(--radius);background:#121938;border:1px solid #262f63;gap:2px;padding:16px 20px;display:grid}.stages b{color:#a99dff}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}article{border-radius:var(--radius);background:#121938;border:1px solid #262f63;padding:22px}article h3{margin-top:0}form{gap:16px;max-width:500px;display:grid}label{gap:8px;font-size:14px;display:grid}input,textarea{font:inherit;color:#fff;background:#121938;border:1px solid #333d78;border-radius:10px;padding:13px}footer{color:#8d93c4;border-top:1px solid #262f63;padding:30px 6%}@media (width<=760px){.hero,.cards{grid-template-columns:1fr}.hero img{aspect-ratio:4/3}}@media (prefers-reduced-motion:no-preference){.button,button{transition:transform .2s}.button:hover,button:hover{transform:translateY(-2px)}}