:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f4ff;background:#0c0b1c;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid #ffffff1c}.brand{font-size:23px;font-weight:850;color:white;text-decoration:none}.tag{font-size:11px;letter-spacing:1px;color:#bcb7d9}main{max-width:1200px;margin:auto;padding:0 5%}.hero{min-height:520px;padding:105px 0;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;color:#bba3ff;font-weight:750}.hero h1{max-width:730px;font-size:clamp(48px,8vw,92px);line-height:1.04;margin:16px 0;letter-spacing:-4px}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#a5a4ff,#ff9bbd,#ffc48c);background-clip:text;color:transparent}.hero p:not(.eyebrow){color:#c9c4db;font-size:19px}.cta,button{border:0;border-radius:12px;background:linear-gradient(110deg,#8b6dff,#ef82b3);color:white;padding:13px 20px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.cta{margin-top:18px}.orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px);opacity:.5;animation:float 7s ease-in-out infinite}.orb1{width:240px;height:240px;right:6%;top:80px;background:radial-gradient(circle at 35% 35%,#a66aff,#382b79 70%,transparent)}.orb2{width:120px;height:120px;right:22%;bottom:20px;background:radial-gradient(circle at 35% 35%,#ff9db5,#6e1d5a 70%,transparent);animation-delay:-3s}@keyframes float{50%{transform:translateY(-28px) rotate(12deg)}}section{padding:60px 0}h2{font-size:clamp(32px,5vw,50px);letter-spacing:-2px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px}.cards article,.workbench{border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(155deg,#292440,#15132b);padding:22px}.cards article{transition:transform .2s}.cards article:hover{transform:translateY(-5px)}.cards h3{margin:0}.cards p,.roadmap p{color:#c0bad4}.cards button{font-size:12px;padding:10px 14px}.workbench{margin-top:24px}.worktop,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.worktop span{color:#b9abd9;font-size:12px}label{display:block;margin:18px 0 8px;font-weight:650}textarea{width:100%;min-height:130px;resize:vertical;border:1px solid #5c507b;border-radius:12px;background:#0b0b1b;color:#fff;padding:14px;font:14px ui-monospace,monospace}#result{min-height:120px}.actions{justify-content:flex-start;margin-top:12px}select{padding:12px;border-radius:10px;background:#1c1831;color:white;border:1px solid #5c507b}#status{min-height:20px;color:#b9f4d7}.roadmap{margin:35px 0 70px;border-top:1px solid #ffffff25}footer{text-align:center;padding:30px;color:#a8a2bc;border-top:1px solid #ffffff20}@media(max-width:700px){.tag{font-size:9px}.orb{opacity:.2}.hero h1{letter-spacing:-2px}.hero{min-height:450px}}@media(prefers-reduced-motion:reduce){.orb{animation:none}*{scroll-behavior:auto!important}}