@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--font-inter:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg:#06070b;--fg:#f5f5f7;--fg-dim:#a1a1aa;--fg-mute:#6b6b75;--line:#ffffff14;--line-2:#ffffff24;--card:#ffffff09;--card-2:#ffffff0f;--accent:#7c5cff;--accent-2:#22d3ee;--accent-3:#ff6ad5;--r-lg:28px;--r-md:18px;--r-sm:12px;--ease:cubic-bezier(.22,.61,.36,1)}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.011em;overflow-x:hidden}html{scrollbar-color:#7c5cff99 #ffffff14;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#7c5cffe6,#22d3eecc);border:2px solid #08090e8c;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7c5cff,#22d3eef2)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.bg-gradient{filter:blur(60px);z-index:-2;background:radial-gradient(40% 30% at 20% 10%,#7c5cff40,#0000 60%),radial-gradient(35% 30% at 85% 15%,#22d3ee2e,#0000 60%),radial-gradient(40% 35% at 60% 90%,#ff6ad52e,#0000 60%);animation:22s ease-in-out infinite alternate drift;position:fixed;inset:-20%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-3%,2%)scale(1.05)}}.bg-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,#0000 80%)}.nav{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid var(--line);background:#06070b99;position:sticky;top:0}.nav-inner{align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.logo{align-items:center;gap:10px;font-weight:600;display:flex}.logo-mark{background:conic-gradient(from 200deg, var(--accent), var(--accent-2), var(--accent-3), var(--accent));border-radius:7px;width:22px;height:22px;box-shadow:0 0 24px #7c5cff8c}.logo-text{font-family:var(--font-inter);letter-spacing:-.04em;text-transform:lowercase;font-weight:600}.logo-text .logo-text-full{display:inline}.logo-text .logo-text-short{display:none}@media (max-width:540px){.logo-text .logo-text-full{display:none}.logo-text .logo-text-short{display:inline}}.nav-links{gap:28px;margin-left:auto;display:flex}.nav-links a{color:var(--fg-dim);transition:color .25s var(--ease);font-size:14px}.nav-links a:hover{color:var(--fg)}.nav-cta{background:var(--fg);color:#0a0a0f;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 30px #ffffff26}.arrow{transition:transform .25s var(--ease);display:inline-block}.nav-cta:hover .arrow{transform:translate(3px)}.hero{padding:120px 24px 80px}.hero-inner{text-align:center;max-width:1100px;margin:0 auto}.pill{background:var(--card);border:1px solid var(--line);color:var(--fg-dim);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.pill-dot{background:#22d3ee;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 12px #22d3ee}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}h1{letter-spacing:-.04em;margin:24px 0 22px;font-size:clamp(48px,8vw,96px);font-weight:700;line-height:.98}.gradient-text{background:linear-gradient(100deg, #fff 10%, var(--accent) 40%, var(--accent-2) 70%, #fff 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite shine}@keyframes shine{0%,to{background-position:0%}50%{background-position:100%}}.hero-sub{max-width:640px;color:var(--fg-dim);margin:0 auto;font-size:19px;line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.btn{transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:14px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--fg);color:#0a0a0f;box-shadow:0 10px 40px #ffffff2e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 50px #ffffff47}.btn-ghost{background:var(--card);color:var(--fg);border:1px solid var(--line-2)}.btn-ghost:hover{background:var(--card-2);transform:translateY(-2px)}.btn:hover .arrow{transform:translate(3px)}.hero-preview{perspective:1400px;margin-top:72px}.preview-window{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:880px;transition:transform .6s var(--ease);will-change:transform;background:linear-gradient(#14141cd9,#0a0a10d9);border-radius:22px;margin:0 auto;overflow:hidden;transform:rotateX(8deg);box-shadow:0 60px 120px -40px #7c5cff59,0 30px 60px -20px #0009,inset 0 1px #ffffff0d}.preview-window:hover{transform:rotateX(2deg)}.window-bar{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.window-title{color:var(--fg-mute);letter-spacing:-.01em;margin-left:14px;font-size:13px}.window-body{text-align:left;font-family:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;padding:26px 28px 30px;font-size:13.5px;line-height:1.7}.prompt-line{border-bottom:1px dashed var(--line);color:var(--fg);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:18px;display:flex}.prompt-arrow{color:var(--accent-2)}.cursor{color:var(--accent);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.code{color:var(--fg-dim);overflow-x:auto}.c-com{color:#5d6573;font-style:italic}.c-key{color:#ff6ad5}.c-fn{color:#22d3ee}.c-var{color:#f5f5f7}.c-str{color:#c4f57b}.section{max-width:1200px;margin:0 auto;padding:130px 24px}.section-head{text-align:center;margin-bottom:64px}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px;font-size:13px;font-weight:600}h2{letter-spacing:-.035em;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.05}.section-sub{color:var(--fg-dim);margin-top:18px;font-size:17px}.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(220px,auto);gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .5s var(--ease), background .4s var(--ease), border-color .4s var(--ease);padding:30px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%), #7c5cff2e, transparent 40%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;position:absolute;inset:-1px}.card:hover{background:var(--card-2);border-color:var(--line-2);transform:translateY(-4px)}.card:hover:before{opacity:1}.card h3{letter-spacing:-.02em;margin:14px 0 10px;font-size:22px;font-weight:600}.card p{color:var(--fg-dim);max-width:38ch;font-size:14.5px;line-height:1.6}.card-icon{background:linear-gradient(135deg, var(--accent), var(--accent-3));border-radius:13px;width:44px;height:44px;position:relative;box-shadow:0 12px 28px -8px #7c5cff8c}.card-icon:after{content:"";-webkit-mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;background:#fffffff2;position:absolute;inset:10px}.icon-sparkle{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z'/></svg>")}.icon-cube{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2 3 7v10l9 5 9-5V7zm0 2.2 6.6 3.7L12 11.6 5.4 7.9zM5 9.7l6 3.4v7.5l-6-3.4zm8 10.9v-7.5l6-3.4v7.5z'/></svg>")}.icon-wand{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M14.7 6.3l3 3-11.4 11.4-3-3zM18 2l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM7 4l.7 1.4L9 6l-1.3.6L7 8l-.7-1.4L5 6l1.3-.6z'/></svg>")}.icon-shield{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z'/></svg>")}.icon-rocket{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M5 15l-3 7 7-3zM14 3c4 0 7 3 7 7l-9 9-5-5zM15 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/></svg>")}.card-1{grid-area:span 2/span 4}.card-2,.card-3{grid-column:span 2}.card-4,.card-5{grid-column:span 3}@media (max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.card-1,.card-2,.card-3,.card-4,.card-5{grid-area:auto/span 2}}.card-visual{margin-top:22px;position:relative}.visual-prompt{flex-direction:column;gap:10px;display:flex}.mini-prompt{font-family:var(--font-mono), ui-monospace, "SF Mono", monospace;border:1px solid var(--line);border-radius:var(--r-md);color:var(--fg);background:#ffffff0a;gap:10px;padding:14px 16px;font-size:14px;display:flex}.mini-arrow{color:var(--accent-2)}.mini-output{font-family:var(--font-mono), ui-monospace, "SF Mono", monospace;color:var(--accent-2);padding-left:6px;font-size:13px}.visual-sync{justify-content:center;align-items:center;height:90px;display:flex;position:relative}.sync-node{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:12px;width:38px;height:38px;animation:3s ease-in-out infinite bob;position:relative}.sync-node.n2{background:linear-gradient(135deg, var(--accent-2), var(--accent-3));animation-delay:1.5s}@keyframes bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.sync-line{background:linear-gradient(90deg, var(--accent), var(--accent-2));flex:1;max-width:130px;height:2px;margin:0 12px;position:relative;overflow:hidden}.sync-line:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:30%;animation:2.2s linear infinite stream;position:absolute;top:0;bottom:0;left:-30%}@keyframes stream{to{left:130%}}.sync-label{color:var(--fg-mute);font-size:12px;position:absolute;bottom:-2px}.visual-assets{grid-template-columns:repeat(2,1fr);gap:10px;height:130px;display:grid}.asset{border-radius:var(--r-md);position:relative;overflow:hidden}.a1{background:linear-gradient(135deg,#7c5cff,#22d3ee)}.a2{background:linear-gradient(135deg,#ff6ad5,#7c5cff)}.a3{background:linear-gradient(135deg,#22d3ee,#c4f57b)}.a4{background:linear-gradient(135deg,#febc2e,#ff6ad5)}.asset:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(45deg,#ffffff0f 0 8px,#0000 8px 16px);position:absolute;inset:0}.visual-shield{height:130px;position:relative}.shield-ring{border:2px solid var(--accent-2);border-right-color:#0000;border-radius:50%;width:90px;height:90px;animation:6s linear infinite spin;position:absolute;top:10px;left:12px;box-shadow:0 0 30px #22d3ee66}@keyframes spin{to{transform:rotate(360deg)}}.shield-core{background:radial-gradient(circle at 30% 30%, #fff, var(--accent));width:38px;height:38px;box-shadow:0 0 24px var(--accent);border-radius:50%;position:absolute;top:36px;left:38px}.shield-list{color:var(--fg-dim);flex-direction:column;gap:8px;font-size:13px;list-style:none;display:flex;position:absolute;top:12px;right:0}.shield-list li:before{content:"✓ ";color:var(--accent-2)}.visual-publish{margin-top:28px}.publish-bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.publish-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));border-radius:999px;height:100%;animation:3s ease-in-out infinite fill}@keyframes fill{0%{width:8%}60%{width:100%}to{width:8%}}.publish-row{gap:8px;margin-top:16px;display:flex}.tag{border:1px solid var(--line-2);color:var(--fg-dim);background:#ffffff0a;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.tag-build{color:var(--accent);border-color:#7c5cff66}.tag-test{color:var(--accent-2);border-color:#22d3ee66}.tag-ship{color:var(--accent-3);border-color:#ff6ad566}.showcase-row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:900px){.showcase-row{grid-template-columns:1fr}}.show-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .4s var(--ease), border-color .4s var(--ease);overflow:hidden}.show-card:hover{border-color:var(--line-2);transform:translateY(-4px)}.show-art{aspect-ratio:16/10;position:relative;overflow:hidden}.art-1{background:radial-gradient(60% 50% at 30% 30%,#ff6ad5,#0000 60%),radial-gradient(70% 60% at 80% 80%,#22d3ee,#0000 60%),linear-gradient(135deg,#1a0e3d,#06070b)}.art-2{background:radial-gradient(60% 50% at 70% 30%,#fef3c7,#0000 60%),radial-gradient(70% 60% at 20% 80%,#fbcfe8,#0000 60%),linear-gradient(135deg,#ffd7e8,#cfb6ff)}.art-3{background:radial-gradient(60% 50%,#7c5cff,#0000 65%),radial-gradient(40% 30%,#fff,#0000 80%),#06070b}.show-card h4{letter-spacing:-.015em;margin:18px 22px 6px;font-size:18px;font-weight:600}.show-card p{color:var(--fg-dim);margin:0 22px 22px;font-size:14px;font-style:italic}.cta{text-align:center;padding-bottom:160px}.cta-inner{max-width:720px;margin:0 auto}.cta p{color:var(--fg-dim);margin-top:18px;font-size:17px}.cta-form{background:var(--card);border:1px solid var(--line-2);max-width:460px;transition:border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:999px;justify-content:center;gap:10px;margin:36px auto 0;padding:6px;display:flex}.cta-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #7c5cff2e}.cta-form input{color:var(--fg);background:0 0;border:0;outline:0;flex:1;padding:0 18px;font-size:15px}.cta-form input::placeholder{color:var(--fg-mute)}.cta-form button{background:var(--fg);color:#0a0a0f;cursor:pointer;transition:transform .25s var(--ease);border:0;border-radius:999px;padding:12px 22px;font-weight:600}.cta-form button:hover{transform:translateY(-1px)}.fine{color:var(--fg-mute)!important;margin-top:18px!important;font-size:13px!important}.footer{border-top:1px solid var(--line);max-width:1200px;margin:0 auto;padding:60px 24px 40px}.foot-inner{grid-template-columns:1fr 2fr;gap:60px;margin-bottom:40px;display:grid}.foot-brand{align-items:center;gap:10px;font-weight:600;display:flex}.foot-cols{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.foot-cols h5{text-transform:uppercase;letter-spacing:.15em;color:var(--fg-mute);margin-bottom:16px;font-size:12px;font-weight:600}.foot-cols a{color:var(--fg-dim);cursor:pointer;transition:color .25s var(--ease);margin-bottom:10px;font-size:14px;display:block}.foot-cols a:hover{color:var(--fg)}.copy{color:var(--fg-mute);text-align:center;font-size:13px}@media (max-width:760px){.nav-links{display:none}.foot-inner{grid-template-columns:1fr;gap:30px}.foot-cols{grid-template-columns:repeat(2,1fr)}.hero{padding:80px 20px 40px}.section{padding:90px 20px}.bento{grid-template-columns:1fr}.card-1,.card-2,.card-3,.card-4,.card-5{grid-area:auto/span 1}}@media (prefers-reduced-motion:reduce){.bg-gradient,.pill-dot,.gradient-text,.publish-fill,.shield-ring,.sync-node,.sync-line:after,.cursor{animation:none!important}.preview-window{transition:none!important;transform:none!important}.reveal,.card,.show-card,.btn{transition:none!important}}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--card);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-radius:22px;width:100%;max-width:420px;padding:40px 36px 32px;box-shadow:0 40px 80px -20px #0009}.auth-card .logo{margin-bottom:28px}.auth-card h1{letter-spacing:-.025em;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.1}.auth-sub{color:var(--fg-dim);font-size:14px;line-height:1.55}.auth-card code{font-family:var(--font-mono), monospace;background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:12.5px}