@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&family=Space+Grotesk:wght@600;700&family=Syne:wght@700;800&family=Rubik+Moonrocks&display=swap');
:root{--ink:#24164a;--pink:#ff2fe6;--cyan:#00eaff;--lime:#c7ff00;--sun:#fff200;--orange:#ff8a00;--violet:#8f35ff;--navh:78px;--radius:34px;--shadow:10px 10px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,#fff200 0 18%,transparent 35%),radial-gradient(circle at 90% 5%,#00eaff 0 20%,transparent 37%),radial-gradient(circle at 50% 105%,#ff2fe6 0 25%,transparent 45%),linear-gradient(135deg,#ff8a00,#ff2fe6 35%,#00eaff 68%,#c7ff00);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 85%)}
a{color:inherit;text-decoration:none}img,canvas,svg{max-width:100%}.skip{position:absolute;left:-999px;top:8px;background:white;padding:.7rem 1rem;border-radius:999px;z-index:20}.skip:focus{left:8px}.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.nav-shell{position:sticky;top:0;z-index:10;padding:.8rem clamp(.75rem,3vw,1.5rem);backdrop-filter:blur(18px)}.nav{max-width:1180px;margin:auto;min-height:var(--navh);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border:2px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.7);box-shadow:var(--shadow);padding:.55rem .75rem}.brand{grid-column:2;font-family:Syne,Inter,sans-serif;font-weight:900;font-size:clamp(1.7rem,5vw,3rem);letter-spacing:-.08em;line-height:1;display:flex;align-items:flex-start}.brand span,.footer-brand,.prompt-mark{background:linear-gradient(90deg,#ff004c,#ff8a00,#fff200,#00ff85,#00eaff,#8f35ff,#ff2fe6);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textFlow 4s linear infinite}.brand sup,.footer-brand sup,.prompt-mark sup{font-size:.35em;color:var(--ink);-webkit-text-fill-color:var(--ink);margin-left:.08em;letter-spacing:0}.menu{justify-self:end;display:flex;gap:.5rem}.menu a{font-weight:950;border:2px solid var(--ink);background:white;border-radius:999px;padding:.75rem 1rem;box-shadow:4px 4px 0 var(--ink);transition:.2s}.menu a:hover{transform:translateY(-2px);background:var(--sun)}.menu-toggle{display:none;justify-self:end;border:0;border-radius:18px;width:48px;height:48px;font-size:1.65rem;font-weight:900;background:linear-gradient(135deg,#fff200,#ff3df2,#00f5ff);box-shadow:0 10px 30px rgba(36,22,74,.22);color:var(--ink)}
main{width:min(1180px,100%);margin:auto;padding:0 clamp(.8rem,3vw,1.5rem)}.hero{min-height:calc(100svh - var(--navh));display:grid;align-items:center;padding:1rem 0 3rem}.hero-card,.page-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:1rem;align-items:stretch}.hero-copy,.section-card,.page-card{border:2px solid var(--ink);border-radius:var(--radius);background:rgba(255,255,255,.68);box-shadow:var(--shadow);padding:clamp(1rem,3vw,2rem);position:relative;overflow:hidden}.hero-copy:after,.section-card:after,.page-card:after{content:"";position:absolute;inset:auto -20% -45% -20%;height:65%;background:radial-gradient(circle,#fff 0 8%,transparent 45%);opacity:.35;pointer-events:none}.hero-stage,.page-stage,.big-demo{min-height:620px;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden;background:conic-gradient(from 60deg,#fff200,#ff2fe6,#00eaff,#c7ff00,#ff8a00,#fff200)}.hero-stage:before,.page-stage:before,.big-demo:before{content:"";position:absolute;inset:5%;border:2px dashed rgba(36,22,74,.35);border-radius:32px;animation:spin 24s linear infinite}.kicker{display:inline-flex;align-items:center;gap:.45rem;border:2px solid var(--ink);border-radius:999px;padding:.5rem .75rem;background:#fff;font-weight:950;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;box-shadow:5px 5px 0 var(--cyan)}h1{font-family:Syne,Inter,sans-serif;font-size:clamp(3.8rem,10vw,9.1rem);letter-spacing:-.09em;line-height:.82;margin:.7rem 0}.line{display:block}.rainbow-text{background:linear-gradient(90deg,#ff004c,#ff8a00,#fff200,#00ff85,#00eaff,#8f35ff,#ff2fe6);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textFlow 3s linear infinite}@keyframes textFlow{to{background-position:220% center}}.lead{font-size:clamp(1.05rem,3vw,1.35rem);font-weight:700;line-height:1.45;max-width:68ch}.cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:1rem 1.25rem;font-weight:950;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;transition:.2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--ink)}.btn.primary{background:linear-gradient(135deg,#fff200,#ff3df2,#00f5ff)}.btn.alt{background:#c7ff00}.orb-canvas,.art-canvas,.form-canvas,.smile-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.float-label{position:absolute;left:1rem;right:1rem;bottom:1rem;border:2px solid var(--ink);border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:6px 6px 0 var(--ink);padding:.85rem 1rem;font-weight:950;display:flex;align-items:center;justify-content:space-between;gap:1rem}.status-dot{width:16px;height:16px;border-radius:50%;background:#00ff85;box-shadow:0 0 20px #00ff85;display:inline-block;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.5);opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.tile{border:2px solid var(--ink);border-radius:26px;background:rgba(255,255,255,.7);box-shadow:7px 7px 0 var(--ink);padding:1rem}.tile strong{font-family:Space Grotesk;font-size:1.1rem}.tile p{font-weight:700;line-height:1.45}.section{padding:2.5rem 0}.section h2,.page-hero h1{font-family:Syne,Inter,sans-serif;font-size:clamp(2.4rem,8vw,6rem);letter-spacing:-.07em;line-height:.88;margin:.25rem 0 1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card-icon{font-size:2.7rem;display:inline-block;filter:drop-shadow(0 8px 0 rgba(255,255,255,.65))}.browser-lab{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:stretch}.marquee{margin:1.5rem calc(50% - 50vw);overflow:hidden;border-block:2px solid var(--ink);background:linear-gradient(90deg,#fff200,#ff3df2,#00eaff,#c7ff00);font-family:"Rubik Moonrocks";font-size:clamp(2rem,8vw,5rem);white-space:nowrap}.marquee-track{display:inline-flex;gap:2rem;padding:.6rem 0;animation:marquee 20s linear infinite}.marquee-track span{padding-right:2rem}@keyframes marquee{to{transform:translateX(-50%)}}.page-hero{padding:1rem 0 2rem}.page-grid{min-height:calc(100svh - var(--navh) - 3rem)}.pill-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.pill{border:2px solid var(--ink);border-radius:999px;background:linear-gradient(135deg,#fff,#fff200);font-weight:950;padding:.55rem .8rem;box-shadow:4px 4px 0 var(--ink)}.footer{margin-top:2rem;padding:1rem}.footer-inner{max-width:1180px;margin:auto;border:2px solid var(--ink);border-radius:34px;background:rgba(255,255,255,.75);box-shadow:var(--shadow);padding:2rem;text-align:center}.footer-brand{font-family:Syne;font-size:clamp(2.4rem,10vw,6rem);font-weight:900;letter-spacing:-.08em}.footer p{font-weight:800}.mini-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem}.mini-links a{border:2px solid var(--ink);border-radius:999px;background:#fff;padding:.6rem .9rem;font-weight:900}
@media(max-width:860px){:root{--navh:70px;--shadow:6px 6px 0 var(--ink)}.nav-shell{padding:.55rem}.nav{grid-template-columns:48px 1fr 48px;padding:.45rem;border-radius:26px}.brand{grid-column:2;justify-self:center;font-size:2.05rem}.menu-toggle{display:block;grid-column:3}.menu{position:fixed;top:86px;right:.7rem;left:.7rem;display:none;flex-direction:column;border:2px solid var(--ink);border-radius:28px;background:rgba(255,255,255,.92);padding:.75rem;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.menu.open{display:flex}.menu a{font-size:1.1rem;padding:1rem}.hero-card,.page-grid{grid-template-columns:1fr}main{padding:0 .75rem}.hero{min-height:auto;padding:.55rem 0 1.4rem}.hero-card{border-radius:28px;padding:.8rem;gap:.8rem}.hero-stage{height:calc(100svh - var(--navh) - 2.4rem);min-height:480px;max-height:720px;border-radius:28px;order:-1}.page-stage{height:52svh;min-height:430px;border-radius:28px;order:-1}.hero-copy{padding:.95rem}.kicker{font-size:.72rem;box-shadow:4px 4px 0 #00eaff}h1{font-size:clamp(2.55rem,15vw,5rem);line-height:.86}.lead{font-size:1rem}.cta .btn{width:100%;padding:.9rem}.tech-grid,.cards,.browser-lab,.page-grid{grid-template-columns:1fr}.section{padding:1.4rem 0}.section h2,.page-hero h1{font-size:clamp(2.3rem,13vw,4.2rem)}.big-demo{min-height:520px}.float-label{font-size:.87rem;border-radius:20px}.tile,.section-card,.page-card{border-radius:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}